@CHARSET "UTF-8";

body {
	font-family:'돋움', 'Dotum', 'Arial', 'Helvetica';
	font-size:11pt;
	padding:0px;
	margin:0px;
	/*word-break:break-all;*/
	word-break: break-word;
}

table, h2, div { margin:0px; padding:0px; }
ul, li, ol { list-style:none; margin:0px; padding:0px; }
input { padding-left:8px; padding-right:8px; color:#717070; line-height:28px; font-size:11pt }
textarea { color:#717070; }



/* login page */
.index_part1_area { position:relative; margin:0 auto; height:77px; background-color:#25589e; padding: 0px; }
.index_part1 { position:relative; margin:0 auto;  height:77px; width:1003px; background-color:#25589e; padding: 0px; }
.index_part2_area { position:relative; margin:0 auto; height:399px; background-color:#FFFFFF; padding: 0px; }
.index_part2 { position:relative; margin:0 auto; height:399px; width:1003px; background-color:#FFFFFF; padding: 0px; }
.index_part3_area { position:relative; margin:0 auto; height:410px; background-color:#FFFFFF; padding: 0px; }
.index_part3 { position:relative; margin:0 auto; height:410px; width:1003px; background-color:#F5F5F5; padding: 0px; }

#keep_connect {vertical-align:middle; border:0px;}
.find_password {
	color:#a8bcd8;
	font-size:9pt;
	margin-left:5px;
	text-decoration:none;
}

.index_part1_table {margin-right: 34px; margin-top: 12px;}

.input_round {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; /* future proofing */
	-khtml-border-radius:5px; /* for old Konqueror browsers */
	background-color:#fff;
	border:1px solid;
	border-color:#1d4d90;
	height:25px;
	width:150px;
	/*line-height: 23px;*/
	color:#25589e;
}

.login_btn .nor	{display:block;}
.login_btn .sel {display:none;}
.login_btn:HOVER .nor {display:none; cursor:pointer;}
.login_btn:HOVER .sel {display:block; cursor:pointer;}

.login_keep_flip {color:#a8bcd8; font-size:9pt; margin-left:5px;}

.star_img { z-index:10;position:absolute; display:block;top:-5px;right:40px; }

.tryit_btn { position:absolute; top:260px; right:253px; }
.tryit_btn .nor {display:block;}
.tryit_btn .sel {display:none;}
.tryit_btn:HOVER .nor {display:none; cursor:pointer; }
.tryit_btn:HOVER .sel {display:block; cursor:pointer; }

.register_btn { position:absolute;top:260px;right:63px; }
.register_btn .nor { display:block; }
.register_btn .sel { display:none; }
.register_btn:HOVER .nor { display:none; cursor:pointer; }
.register_btn:HOVER .sel { display:block; cursor:pointer; }

.index_part3_ele1 { position:absolute; top:16px; left:30px;}
.index_part3_ele2 { position:absolute; top:16px; left:363px;}
.index_part3_ele3 { position:absolute; top:16px; left:698px;}

.element_l1 {position:absolute; left:333px; }
.element_l2 {position:absolute; left:668px; }
.element_txt { /*word-break:break-all;*/
	word-break: break-word; font-size:11pt; line-height:150%; color:#504f4f; }


/* help page */
.help_part1_area {position:relative; height:70px;}
.help_part1 {position:relative; margin:0 auto; height:70px; width:1003px; padding: 0px;}
.help_part2_area {position:relative; height:46px; background-color:#25589e;}
.help_part2 {position:relative; margin:0 auto; height:46px; width:1003px; padding: 0px; background-color:#25589e;}
.help_part2 div {
	position:relative; 
	float:left; 
	font-size:14pt; 
	color:#fff; 
	padding-top:10px; 
	padding-bottom:12px; 
	font-weight:900; 
	padding-left:25px; 
	padding-right:25px; 
}
.help_part2 .on {
	background:-moz-linear-gradient(top,  #057dc2 0%, #2fbcfe 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#057dc2), color-stop(100%,#2fbcfe)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #057dc2 0%,#2fbcfe 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #057dc2 0%,#2fbcfe 100%);
	background: linear-gradient(top,  #057dc2 0%,#2fbcfe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#057dc2', endColorstr='#2fbcfe',GradientType=0 ); /* IE6-9 */
	border:1px solid; border-color:#066999;
	height:22px;
}
.help_part2 .off {cursor:pointer;}
.help_part3_area {position:relative; }
.help_part3 {position:relative; margin:0 auto; width:1003px; padding: 0px;}

.help_b_title {
	margin-bottom:30px;
	font-size: 22pt;
	color: #303030;
	text-align: left;
}

#contact_name, #contact_email {
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	border-radius: 4px; /* future proofing */
	background-color: #f7f6f6;
	border: 1px solid;
	border-color: #cccccc;
	height: 32px;
	width: 457px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 11pt;
}

#contact_subject {
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	border-radius: 4px; /* future proofing */
	background-color: #f7f6f6;
	border: 1px solid;
	border-color: #cccccc;
	height: 32px;
	width: 260px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 11pt;
}

#help_combo{
	-moz-border-radius: 4px 4px 4px 4px;
	-o-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px; /* for old Konqueror browsers */
	border-radius: 4px 4px 4px 4px; /* future proofing */
	background:-moz-linear-gradient(top,  #f7f3f7 0%, #d2d5d2 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f3f7), color-stop(100%,#d2d5d2)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #f7f3f7 0%,#d2d5d2 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #f7f3f7 0%,#d2d5d2 100%);
	background: linear-gradient(top,  #f7f3f7 0%,#d2d5d2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f3f7', endColorstr='#d2d5d2',GradientType=0 ); /* IE6-9 */
	
	background-repeat: no-repeat;
	background-position: right;
	border: 1px solid;
	border-color: #cccccc;
	height: 32px;
	width: 160px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 15px;
	font-size: 10pt;
}

#contact_msg {
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	border-radius: 4px; /* future proofing */
	background-color: #f7f6f6;
	border: 1px solid;
	border-color: #cccccc;
	innershadow: top 1px #dedddd;
	height: 190px;
	width: 457px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 8px;
	resize: none;
	overflow-y: scroll;
	line-height: 120%;
	font-size: 11pt;
}


#help_phname {position:absolute; top:175px; left:53px; color:#717070; font-size:12pt;}
#help_phmail {position:absolute; top:232px; left:55px; color:#717070; font-size:12pt;}
#help_phsubject{position: absolute; top:287px; left:53px; color:#717070; font-size:12pt;}
#help_phmsg {position: absolute; top: 345px; left: 53px; color: #717070; font-size: 12pt;}

.help_addr {
	font-size: 17pt;
	color: #25589e;
	margin-bottom: 15px;
}

.help_addr_color {
	color: #1493d7
}

#help_contact_list {
	position: absolute;
	left: 341px;
	top: 317px;
	width: 175px;
	-moz-border-radius: 0 0 4px 4px;
	-o-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	-khtml-border-radius: 0 0 4px 4px; /* for old Konqueror browsers */
	border-radius: 0 0 4px 4px; /* future proofing */
	background-color: #fff;
	border: 1px solid;
	border-color: #cccccc;
	resize: none;
	overflow-y: auto;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5);
	font-size: 10pt;
}

#help_contact_ele1 {padding-top:5px; padding-left:5px; padding-bottom:5px; font-size:11pt;}
#help_contact_ele2 {padding-top:5px; padding-left:5px; padding-bottom:5px; font-size:11pt;}
#help_contact_ele1:HOVER , #help_contact_ele2:HOVER { background-color: #20c2e9; color: white; }


/* text file style */
/* .text_title_b { margin-bottom:30px; font-size:22pt; color:#303030; text-align:left; } */
/* .text_title_m { font-size:12pt; color:#626364; font-weight:900; } */
.help_part3 .text_title_b { margin-bottom:30px; font-size:22pt; color:#303030; text-align:left; }
.help_part3 .text_title_m { font-size:12pt; color:#626364; font-weight:900; }

.regWndLeft_TermsTxt .text_title_b { font-weight:bold; color:#303030; text-align:left; }
.regWndLeft_TermsTxt .text_title_m { font-weight:bold; color:#303030; }

.regWndLeftPop_TermsTxt .text_title_b { font-weight:bold; color:#303030; text-align:left; }
.regWndLeftPop_TermsTxt .text_title_m { font-weight:bold; color:#303030; }


/* block window */
#blockLayer1 {
	position:absolute;
	top:0px;left:0px;
	background-color:#000000;opacity:0.0;
	display:none;
	z-index:8;
}
#blockLayerTop {
	position:absolute;
	top:0px;left:0px;
	background-color:#000000;opacity:0.6;
	display:none;
	z-index:1000;
}
#waitAMoment {
	position:absolute;
	z-index:1001;
	display:none;
	left:0px;
	top:0px;
}
#sunFlower0,#sunFlower1,#sunFlower2,#sunFlower3,#sunFlower4,#sunFlower5,#sunFlower6,#sunFlower7,#sunFlower8,#sunFlower9,#sunFlower10,#sunFlower11 {
	display:none;
	position:absolute;
	left:0px;
	top:0px;
}
/* alert window */
#wndAlert {
	position:absolute; 
	z-index:1002;
	display:none;
	opacity:0;
	
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	
	-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.84);
	-o-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.84);
	-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.84);
	-ms-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.84);
	-khtml-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.84);
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.84);
	
	border:solid 2px #ffffff;
	background-color: #ffffff;
	
	left:431px;
	top:303px;
	width:456px;
	height:306px;
}
#wndAlertViewPort {
	overflow: hidden; 
	position: relative; 
	padding:20px;
	
	top:50px;
	width:416px;
	height:157px;
}
#wndAlertForm1 {
	position: absolute; 
	display: block;
	
	left:20px;
	top:20px;
	width:416px;
	height:157px;
}
#wndAlertForm1ViewPort {
	overflow: hidden; 
	position: relative; 
	
	width:416px;
	height:157px;
}
#wndAlertMsg {
	position: absolute; 
	z-index: 0;
	font-size: 18px;
	color: #5f5f5f;
	
	left:0px;
	top:0px;
	height:130px;
}
#wndAlertForm1GRP0 {
	position: absolute; 
	z-index: -1;
	
	left:0px;
	top:0px;
	width:416px;
	height:130px;
}
#wndAlertTB {
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis; 
	position: absolute; 
	padding-right: 50px;
	
	-webkit-border-top-left-radius: 12px;
	-o-border-top-left-radius: 12px;
	-moz-border-top-left-radius: 12px;
	-ms-border-top-left-radius: 12px;
	-khtml-border-top-left-radius: 12px;
	border-top-left-radius: 12px;
	
	-webkit-border-top-right-radius: 12px;
	-o-border-top-right-radius: 12px;
	-moz-border-top-right-radius: 12px;
	-ms-border-top-right-radius: 12px;
	-khtml-border-top-right-radius: 12px;
	border-top-right-radius: 12px;

	-webkit-text-shadow: 0px 2px rgba(0, 0, 0, 0.25);
	-o-text-shadow: 0px 2px rgba(0, 0, 0, 0.25);
	-moz-text-shadow: 0px 2px rgba(0, 0, 0, 0.25);
	-ms-text-shadow: 0px 2px rgba(0, 0, 0, 0.25);
	-khtml-text-shadow: 0px 2px rgba(0, 0, 0, 0.25);
	text-shadow: 0px 2px rgba(0, 0, 0, 0.25);

	padding-top:8px;
	padding-left:16px;
	color: #ffffff;
	font-size: 25px;
	
	background-color: #1aa4cb;
	-webkit-box-shadow: inset 0px 25px 30px #1eb0d7;
	-o-box-shadow: inset 0px 25px 30px #1eb0d7;
	-moz-box-shadow: inset 0px 25px 30px #1eb0d7;
	-ms-box-shadow: inset 0px 25px 30px #1eb0d7;
	-khtml-box-shadow: inset 0px 25px 30px #1eb0d7;
	box-shadow: inset 0px 25px 30px #1eb0d7;
	
	left:0px;
	top:0px;
	width:390px;
	height:42px;
}
#wndAlertBtnClose {
	position: absolute;
	right: 0px;
	top: 0px; 
	cursor:pointer;
}
.wndAlertBtnNormal {
	position: absolute; 
	bottom: 20px;
	
	background-repeat: no-repeat;
	-webkit-background-size: 100% 100%; /*iphone1*/
	background-size: 100% 100%;
	
	color: #6b6b6b;
	
	padding-top: 9px;
	font-size: 23px; 
	cursor:pointer;
	
	left: 163px;
	width: 130px; 
	height: 36px;
}
.wndAlertBtnHover {
	position: absolute; 
	bottom: 20px;

	background-repeat: no-repeat;
	-webkit-background-size: 100% 100%; /*iphone1*/
	background-size: 100% 100%;
	
	color: #ffffff;
	
	padding-top: 9px;
	font-size: 23px;
	cursor:pointer;
	
	left: 163px;
	width: 130px; 
	height: 36px;
}



/* register, find-password window */
#regWnd,  #findPassWnd {
	display:none;
	top:0px;
	position:absolute; 
	height:0px; width:1003px; 
	text-align:justify; 
	border-bottom:1px solid; border-left:1px solid; border-right:1px solid; 
	overflow:hidden; 
	border-color:#999999; 
	background:white;
	z-index:9;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	-khtml-border-radius:7px;
}
.regWndLeft { position:absolute; width: 466.5px; top:30px; left:30px; line-height: 140%; }
.regWndLeft_UserReg { margin-bottom:15px;font-size:22pt; color:#001446; }
.regWndLeft_TermsTxt {
	width: 400px;
	height: 85px; 
	overflow-y: scroll; 
	resize: none; 
	background-color: #f7f6f6; 
	border: 1px solid; 
	border-color: #dedddd; 
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 18px;
	color: #333333;
	font-size: 13px;
}
.regWndLeft_termsCheck { vertical-align:middle; }
.regWndLeft_checkText { vertical-align:middle; margin-left:10px; color:#333333 }
.regWndLeft_privacyCheck { vertical-align:middle; }

.regWndLeftPop_UserReg { margin-bottom:15px;font-size:18px; color:#001446; }
.regWndLeftPop { position:absolute; width: 466.5px; top:20px; left:20px; line-height: 140%; }
.regWndLeftPop_TermsTxt {
	width: 400px;
	height: 85px; 
	overflow-y: scroll; 
	resize: none; 
	background-color: #f7f6f6; 
	border: 1px solid; 
	border-color: #dedddd; 
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 18px;
	color: #333333;
	font-size: 13px;
}
.regWndLeftPop_termsCheck { vertical-align:middle;}
.regWndLeftPop_privacyCheck { vertical-align:middle; }

.regWndRightPop {position:absolute; top:100px; right:80px; line-height:120%; }
.regWndRightPop_text { color:#444444; font-size:18px; margin-bottom:10px; }

.regWndPop_buttonOff { width:116px;height:42px; background-color:#FFFFFF; color:#444444; font-size:25px; text-align:center; line-height:160%; border: 1px solid #d3d3d3;}
.regWndPop_buttonOn { width:118px;height:44px; background-color:#848484; color:#FFFFFF; font-size:25px; text-align:center; line-height:160%;}

.regWndRight {position:absolute; width:466.5px; top:65px; right:38px; line-height:120%; }

.regWndRight_Input {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	background-color: #f7f6f6;
	border: 1px solid;
	border-color: #cccccc;
	innershadow: top 1px #dedddd;
	height: 30px;
	width: 286px;
	margin-bottom: 8px;
	margin-top: 8px;
	margin-left: 5px;
	box-shadow: 1px 1px rgba(0,0,0,0.30) inset;
}

.regWndRight_radio { vertical-align:middle; margin-left:20px; overflow:visible; }
.regWndRight_radioTxt { vertical-align:middle; margin-left:5px; }

.regWndRight_RegBtn .nor {display:block;}
.regWndRight_RegBtn .sel {display:none;}
.regWndRight_RegBtn:HOVER .nor {display:none; cursor:pointer;}
.regWndRight_RegBtn:HOVER .sel {display:block; cursor:pointer;}

.regWndRight_Close .nor {display:block;}
.regWndRight_Close .sel {display:none;}
.regWndRight_Close:HOVER .nor {display:none; cursor:pointer;}
.regWndRight_Close:HOVER .sel {display:block; cursor:pointer;}

#findPassInput {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	background-color: #f7f6f6;
	border: 1px solid;
	border-color: #cccccc;
	height: 42px;
	width: 302px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 5px;
	/*line-height: 38px;*/
	box-shadow: 1px 1px rgba(0,0,0,0.30) inset;
}

.btn_send .btn{display: block;}
.btn_send .btn_over{display: none;}
.btn_send:HOVER .btn{display: none; cursor: pointer;}
.btn_send:HOVER .btn_over{display: block; cursor: pointer;}

.link_register {color: #1a489d; text-decoration: none;}
.link_register:HOVER {text-decoration: underline; cursor: pointer;}



/* page bottom */
.page_bottom_area { position:relative; margin:0 auto; background-color:#FFFFFF; padding: 0px; border-top:2px solid #cbcbcb;}
.page_bottom { position:relative; margin:0 auto; width:1003px; background-color:#FFFFFF; padding: 0px; }

.bottm_menu { margin-top:15px; margin-left:30px; font-size:9pt; color:#797979; }
.bottm_menu a { color:#1a489d; text-decoration:none; }
.bottm_menu a:HOVER{ text-decoration:underline; cursor:pointer; }

.bottm_menu span { color:#1a489d; text-decoration:none; }
.bottm_menu span:HOVER{ text-decoration:underline; cursor:pointer; }

.company_label { margin-left:30px; margin-top:15px; font-size:8.5pt; color:#25589e; padding-bottom:15px; }
.company_label2 { font-size:12px; color:#777; }