@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*reset style =========*/
* { margin: 0; padding: 0; color: #FFF;}
html, body { margin: 0; padding: 0; font-family:'Noto Sans KR', sans-serif; font-weight:normal; font-size:15px; background-color:#333333;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, blockquote { margin: 0; padding: 0; }

* {
	margin:0; padding:0; padding:0; font-family:'Noto Sans KR', sans-serif;
}
img, fieldset {
	border: 0
}
ul, ol, li {
	padding:0; margin:0;
	list-style:none;
}
em, address {
	font-style: normal
}
a {
	color:inherit;
	text-decoration:none;
}
a:hover, a:active, a:focus {
}
a:hover{
	text-decoration:underline;
}
table {
	border-collapse:collapse;
	border-spacing:0px;
}
td {vertical-align:middle;}
.clearfix {*zoom:1;}
.clearfix:before,.clearfix:after {display:table; content:""; line-height:0;}
.clearfix:after {clear:both;}
.webkitPadding {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.clear {clear:both;}

/* custom */

.left {float:left;}
.right {float:right;}
.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt40 {padding-top:40px;}
.pdr40 {padding-right:40px;}
.lm5 {margin-left:5px;}
.lm10 {margin-left:10px;}
.lm15 {margin-left:15px;}
.lm20 {margin-left:20px;}
.lm30 {margin-left:30px;}
.rm5 {margin-right:5px;}
.rm10 {margin-right:10px;}
.rm15 {margin-right:15px;}
.rm20 {margin-right:20px;}
.rm25 {margin-right:25px;}
.rm30 {margin-right:30px;}
.rm40 {margin-right:40px;}
.rm60 {margin-right:60px;}
.bm5 {margin-bottom:5px;}
.bm1 {margin-bottom:1px;}
.bm10 {margin-bottom:10px;}
.bm15 {margin-bottom:15px;}
.bm20 {margin-bottom:20px;}
.bm25 {margin-bottom:20px;}
.bm30 {margin-bottom:30px;}
.bm40 {margin-bottom:40px;}
.bm50 {margin-bottom:40px;}
.bm60 {margin-bottom:60px;}
.bm70 {margin-bottom:70px;}
.bm80 {margin-bottom:80px;}
.bm90 {margin-bottom:90px;}
.pdl10 {padding-left:10px;}

.center {margin:0 auto;}
.inblock {display:inline-block;}
.ovfhid {overflow-x:hidden;overflow-y:hidden;}
.ovfhid2 {overflow-x:hidden;overflow-y:auto;}
.dtable {display:table; width:100%;}
.tbcell {display:table-cell;}
.intable {display:inline-table; vertical-align:middle;}

/* font */
.white {color:#FFF;}
.bold {font-weight:bold;}
.black {color:#464646;}
.darkblue {color:#28367e;}
.lightblue {color:#59889e;}
.brown {color:#ac4420;}

.txt_left {text-align:left;}
.txt_center {text-align:center;}
.valignmid {vertical-align:middle;}

.w100p {width:100%;}
.w50p {width:50%;}
.w200 {width:200px;}
.w250 {width:250px;}
.w170 {width:170px;}
.w150 {width:150px;}
.w100 {width:100px;}
.w85 {width:85px;}
.w60 {width:60px;}
.w50 {width:50px;}
.w40 {width:40px;}
.h40 {height:40px;}

label {display:inline-block;}

h1, h2, h3, h4, h5 {display:block; font-weight:normal; letter-spacing:-1px; letter-spacing:-1px;}

.blue {color:#48cbff;}
.gray {color:#c2c2c2;}
.red {color:#e23c10;}
.beach {color:#3de3db;}
.pink {color:#f73e58;}

input[type=text], textarea, select, {background-color:#fff; vertical-align:middle;}
input[type=checkbox], input[type=radio] {border:0px; float:left; margin-right:8px; vertical-align:middle;}

/*170201����*/
.wrap_contents {position:relative; width:1000px; margin:0 auto;}
/*170201���� ��*/

.logo {height:120px; text-align:center;}

#gnb {width:100%; background-color:#ffc225; height:45px; border-top:1px solid #292929; border-bottom:2px solid #292929;}
#gnb .gnb_button {float:left; display:inline-block; width:165px; height:45px; font-size:15.4px; text-align:center; line-height:45px; border-right:1px solid #292929;}
#gnb .gnb_on {background-color:#292929; color:#ffc225;}
#gnb .gnb_off {color:#202020;}
#gnb .gnb_off:hover {background-color:#292929; color:#ffc225;}

/*170201�߰�*/
#gnb #submenu1 {position:absolute; width:1000px; height:115px; top:47px; left:0px; border:1px solid #000; background-color:#252525; z-index:99; text-align:center;}
#gnb #submenu4 {position:absolute; width:330px; height:56px; top:47px; left:663px; border:1px solid #000; background-color:#252525; z-index:99; text-align:center;}
#gnb #submenu5 {position:absolute; width:185px; height:56px; top:47px; left:812px; border:1px solid #000; background-color:#252525; z-index:99; text-align:center;}
#gnb .submenu .menu {float:left; display:inline-block; height:56px; line-height:56px; color:#fff; padding:0px 12px; font-size:15px;}
#gnb .submenu .menu:hover, #gnb .submenu .menu_on {color:#f6cf06;}
/*170201�߰� ��*/

.common_box {width:250px;}
.common_box .h3 {font-size:22px; margin-bottom:12px; line-height:22px;}
.common_box .h3_p {font-size:13.7px; margin-bottom:16px; line-height:16px;}
.common_box .login_form {width:210px; background-color:#2497ca; padding:20px 20px 30px; margin-bottom:15px;}
.common_box .login_form_before {margin-bottom:16px;}

/*170201����*/
.common_box .login_form_after {width:178px; color:#168ac4; border:1px solid #1575a5; padding:15px; 10px;}
.common_box .login_form_after .nuser_ame {font-size:21px; color:#f5cb06; margin-bottom:12px; line-height:21px;}
.common_box .login_form_after .nuser_ame .myinfo {background-color:orange;font-size:13px;padding:1px 5px 3px 5px;margin-left:9px;cursor:pointer}
.common_box .login_form_after .status {font-size:15.6px; line-height:16px; margin-bottom:8px;}
.common_box .login_form_after .lists {display:block; height:25px; border-bottom:1px solid #1575a5; padding-top:8px; font-size:14.5px; color:#fff;}
.txt_skyblue {color:#aedef6;}
.txt_yellow {color:#f5cc06;}
.common_box .login_form .button_login03 {width:105px; height:40px; float:left; background-color:#f5c906; color:#2c373b; line-height:40px; text-align:center; border:0px; display:block; font-size:15px;}
.common_box .login_form .button_login04 {width:105px; height:40px; float:left; background-color:#20749e; color:#fff; line-height:40px; text-align:center; border:0px; display:block; font-size:15px;}
/*170201���� ��*/

.common_box .login_form .text_input {width:198px; height:34px; line-height:34px; padding-left:12px; border:0px; color:#333333; font-size:16px;}
.common_box .login_form .wrap_check {width:134px; float:left; padding-top:11px; overflow:hidden;}
.common_box .login_form .wrap_check .checkbox {width:17px; height:17px; float:left; margin-right:7px;}
.common_box .login_form .wrap_check .checkbox_on {background:url('/lms/images/common/b_checkbox_on.gif') no-repeat;}
.common_box .login_form .wrap_check .checkbox_off {background:url('/lms/images/common/b_checkbox_off.gif') no-repeat;}
.common_box .login_form .wrap_check .checkbox_label {font-size:14px; float:left; line-height:14px;}
.common_box .login_form .button_login00 {width:76px; height:35px; background-color:#f5cb06; color:#2c373b; line-height:35px; text-align:center; border:0px; display:block; font-size:15px;}
.common_box .login_form .button_login01 {width:210px; height:40px; background-color:#f5cb06; color:#2c373b; line-height:40px; text-align:center; border:0px; display:block; font-size:15px; margin-bottom:15px;}
.common_box .login_form .button_acc {width:98px; height:28px; line-height:28px; border:1px solid #055e7f; cursor:pointer; }
.common_box .login_form .button_acc_on {background-color:#137aad;}
.common_box .login_form .button_acc_off {background-color:#2878a4; color:#91bed4;}

.common_box .verify {width:210px; background-color:#10c3ba; padding:20px 20px 30px; margin-bottom:15px;}
.common_box .verify .verify_button {width:208px; height:35px; border:1px solid #048683; line-height:33px; background:url('/lms/images/common/k_button00.gif') repeat-x; font-size:14.5px; cursor:pointer; }

.common_box .customer {width:210px; background-color:#272727; padding:20px 20px 19px; border-bottom:1px solid #0d0d0d;}
.common_box .customer .phone_number {color:#f5cb06; font-size:22px; margin-bottom:7px;}
.common_box .customer .phone_p {font-size:13.6px;}
.common_box .customer_buttons {width:210px; background-color:#272727; padding:18px 20px;}
.common_box .customer_buttons .buttons {height:14px; font-size:13.5px; line-height:14px; text-indent:26px; margin-bottom:9px;}
.common_box .customer_buttons .buttons00 {background:url('/lms/images/common/i_creditcard.gif') top left no-repeat;}
.common_box .customer_buttons .buttons01 {background:url('/lms/images/common/i_doc.gif') top left no-repeat;}

.button_mypage01 {width:105px; height:40px; float:right; background-color:#f5c906; color:#2c373b; line-height:40px; text-align:center; border:0px; display:block; font-size:15px;}

#footer {width:100%; height:124px; background-color:#454545; padding-top:70px;}
#footer .footer_logo {float:left; padding:18px 0 0 12px;}
#footer .footer_company_info {float:right; width:140px; font-size:15px; color:#a1a1a1; padding-right:12px; text-align:right;}
#footer .footer_info {float:right; width:590px; font-size:14px; color:#a1a1a1; line-height:19px;}