@charset "utf-8";
/* CSS Document */


/*비밀번호 변경_레이어창*/
#myclassnoticeWrap {height:inherit; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100% !important;  background:url(../../images/guide/trans40.png) left top repeat;}
#myclassnoticeWrap div.yclassnoticeBox {width:90%;min-width:320px;  height:auto;.height:320px; background:#16cec4; position:fixed; left:5%; top:50%; padding:0; margin:0; overflow:hidden; margin-top:-225px; z-index:999;  }
#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice {*zoom:1; height:auto;}
#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice:after {content:""; clear:both; display:block; height:0; visibility:none;}

#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_top { padding:0 0; background:#02bab0 ; }
#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_top p.pcTit {color:#fff; font-size:2.3em; letter-spacing:-1px; text-align:center;  width:auto; position:relative; z-index:100; padding:0 0 0 80px; height:95px; line-height:95px; background:url(../../images/guide/yclassnotice_top_bg.gif) 10% center no-repeat;  }

#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_mid { background:#fff; padding:20px 10px; margin:15px;*zoom:1;position:relative;  }
#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_mid:after {content:""; clear:both; display:block; height:0; visibility:none;}
#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_mid>p {font-size:1.077em;line-height:150%;  text-align:center; }
#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_mid>p span {font-weight:600; text-decoration:underline;}

#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_button {width:auto;  text-align:center; margin:0 auto; margin-top:15px; margin-bottom:15px; padding:0 15px; *zoom:1;}
#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_button:after {content:""; clear:both; display:block; height:0; visibility:none;}

#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_button .btnWrap div.leftb {width:49%;.width:48.5%; float:left;margin-right:1%; .margin-right:1%;}
#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_button .btnWrap div.rightb {width:49%; margin-left:1%; float:left;}

#myclassnoticeWrap div.yclassnoticeBox .btnWrap .btnst01Btn {background:#fad903; border-bottom:#c0a702 solid 1px; border-right:#c0a702 solid 1px;}
#myclassnoticeWrap div.yclassnoticeBox .btnWrap .btnst01Btn button{background:none; border:0; padding:13px 8px 13px 8px; text-align:center; display:block; color:#221a18; width:100%; font-weight:bold; font-size:1.2em;}
#myclassnoticeWrap div.yclassnoticeBox .btnWrap .btnst02Btn {background:#3d4645;border-bottom:#090909 solid 1px; border-right:#090909 solid 1px; }
#myclassnoticeWrap div.yclassnoticeBox .btnWrap .btnst02Btn button {background:none; border:0; padding:13px 0 13px 0; text-align:center; display:block; color:#fff; width:100%; font-weight:bold;font-size:1.2em;}

/* lowest layout fixed */
@media only screen and (min-width : 0px) and (max-width : 767px){
	
}

@media only screen and (min-width:768px) and (max-width:1024px)  {
			
	/*비밀번호 변경_레이어창*/

	#myclassnoticeWrap div.yclassnoticeBox {margin-top:-260px; height:auto;.height:300px; }
	#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_top p.pcTit { font-size:2.5em; padding:0; background:url(../../images/guide/yclassnotice_top_bg.gif) 25% center no-repeat;  }
	
}

@media only screen and (min-width:1025px) {	
		
				
	/*비밀번호 변경_레이어창*/
	#myclassnoticeWrap div.yclassnoticeBox {width:400px; height:340px;margin-top:-170px; left:50%;margin-left:-200px;}
	#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_top p.pcTit { font-size:2.5em; background:url(../../images/guide/yclassnotice_top_bg.gif) 12% center no-repeat;  }
	
	#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_mid { padding:25px 20px; margin:20px 20px 20px 20px; }
	#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_mid:after {content:""; clear:both; display:block; height:0; visibility:none;}
	
	#myclassnoticeWrap div.yclassnoticeBox div.yclassnotice_button {margin-top:0; margin-bottom:0; padding:0 20px;}
		
			
}

@media only screen and (max-width:480px){
	
}


/* 임시비밀번호 */
select {appearance:none; -webkit-appearance:none}
select::-ms-expand {display: none;}
input {font-family:NSK}
input[type="password"] {font-family: sans-serif !important}
.login_wrap {width: 100%; max-width:1200px; margin: 0 auto}

/* login_회원 */
.log_wrap {position:relative; width:95%; margin:38px auto; padding-top:60px; background:#fff; border: 1px solid #d5d5d5; border-top: 0; box-sizing: border-box}
.log_wrap h4 {position: absolute; top: 0; width: 50%}
.log_wrap h4 a {display: block; padding:23px 0 22px; text-align: center; font-size:1.308em; background:#ddd; color:#2e2e2e}
.log_wrap h4.on a,
.log_wrap h4:hover a {padding-top:19px; background: #fff; border-top:4px solid #646464; }
.log_wrap .tab01 {left:0}
.log_wrap .tab02 {right:0}
.log_box {display:none; padding:40px 30px}
.log_box.on {display: block}
.log03 {padding:20px 30px 40px}
.log01 .log_txtbox {min-height:55px; padding:0 0 0 65px; margin-bottom:25px; background:url(../../images/guide/img_login01_m.gif) no-repeat 0 50%}
.log02 .log_txtbox {min-height:55px; padding:0 0 0 65px; margin-bottom:25px; background:url(../../images/guide/img_login02_m.gif) no-repeat 0 50%}
.log03 .log_txtbox {min-height:55px; padding:0 0 15px 65px; margin-bottom:25px; background:url(../../images/guide/img_login03_m.gif) no-repeat 0 0}
.log_txtbox span {display:block; line-height: 140%; font-weight:500; color: #3a3a3a}
.log_txtbox .txt01 {margin-bottom:5px; font-size:1.143em; font-weight:600}
.modi_txtbox strong {font-size:1.055em; font-family:sans-serif}
.modi_txtbox .txt01 {font-weight:500}

.log_box .col_blue {display:inline; color:#0e75af; font-size:1em; font-weight:600}
.log_box .col_org {color:#eb6035}

.mid_box {margin:0 auto; text-align: center}

.log_btnlst {padding-top:25px; border-top: 1px solid #cccfd7}
.log_btnlst li {display:inline-block; margin-left:5px}
.log_btnlst li:first-child {margin:0}
.log_btnlst span {display:inline-block; border: 1px solid #9d9d9d; border-radius:5px; box-shadow:0 1px 0 #bfbfbf}
.log_btnlst span a {display:inline-block; padding:8px 4px; color:#3a3a3a}

.input_area {position: relative; padding-bottom:25px; margin: 0 auto}
.input_area .icell {background: #f1f1f1; border: 1px solid #cecece; border-radius:5px; padding: 8px 15px; margin-bottom: 12px;}
.input_area .icell label {display:none}
.input_area .icell .input_base,
.input_area .icell .log_input {border: 0; background: none; width: 100%; font-size: 1.154em; padding: 6px 0;}
.input_area .btn_log02 {width: 100%; padding: 12px 0; background: #c46666; border: 0; border-radius:5px; color: #fff; font-size: 1.154em}
.input_area .btn_log03 {width: 100%; padding: 12px 0; background: #0471b2; border: 0; border-radius:5px; color: #fff; font-size: 1.154em}

/* login_비회원 */
.nomb_wrap {position:relative}
.nomb_wrap h5 {display:block; position:absolute; top:0; width:49%; height:45px; padding-bottom:10px}
.nomb_wrap h5 a {display:block; height:45px; line-height:45px; text-align:center; font-size:1.077em; background:#a1a1a1; color:#fff; border-radius:10px}
.nomb_wrap h5.on, .nomb_wrap h5:hover {background:url(../../images/login/blt_nombtit.gif) no-repeat 50% 100%}
.nomb_wrap h5.on a,
.nomb_wrap h5:hover a {background:#2384bb}
.log_nomb01 {left:0}
.log_nomb02 {right:0}
.nomb_box {display:none; padding-top:70px}
.nomb_box.on {display: block}
.input_area .icell.nomb_cell01 {display:block}
.input_area .icell.nomb_cell02 {display:block}
.login_area {padding-bottom:25px; margin-top:25px}

/* 임시비밀번호 */
.log_layer {position:fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 500; min-width: 320px;}
.modi_wrap {position:relative; overflow:hidden; margin: 10% auto; width: 90%; max-width: 850px; min-width: 270px; background: #fff; border:0; border-radius:15px}
.log_wrap .log_tit {width:100%; padding: 20px 0 20px 0; font-size: 1.300em; font-weight:500; background:#0471b2; color:#fff; text-align: center}
.modi_txtbox {padding-bottom:10px; border-bottom:2px solid #e6e6e6}
.log_layer .btn_close {position: absolute; right:11px; top:7px}
.log_layer .btn_close button {width:40px; height: 40px; text-indent: -9999px; overflow: hidden; font-size: 0; line-height: 0; background: url(../../images/guide/btn_loglayer_close.png) center center no-repeat;}

/* 비밀번호 문구 */
.pwd_rule {position:relative; padding-top:40px; background:url(../../images/guide/bg_patt_bar.gif) repeat-x 0 0}
.pwd_rule .rule_tit {position: absolute; top:50%; left:0; width:70px; line-height:130%; margin-top:0; padding:2px 0 2px 50px; text-align:center; font-weight:600; color:#044e78; font-size:1.214em}
.pwd_rule02 .rule_tit {padding-left:45px}
.pwd_rule01 .rule_tit {background:url(../../images/guide/bg_pwdrule01.gif) no-repeat 0 50%}
.pwd_rule02 .rule_tit {background:url(../../images/guide/bg_pwdrule02.gif) no-repeat 0 50%}
.pwd_rule01 ul {margin:0 0 0 140px}
.pwd_rule02 ul {margin:5px 0 5px 126px}
.pwd_rule li {line-height:170%; padding-left:15px; background:url(../../images/guide/blt_pwdlist.gif) no-repeat 0 7px}
.pwd_find {display:inline-block}
.pwd_find a {padding:3px 5px; background:#575757; color:#fff; font-size:0.95em; border-radius:5px}
.col_black {color:#000; font-weight:500}

/* MOBILE LAYOUT */
@media only screen and (min-width:0) and (max-width:767px){

	.log_layer .noti {background:none}
    .log_layer .noti li {margin:0 15px}

    .login_area {margin:0}
}

/* TABLET LAYOUT */
@media only screen and (min-width:768px) and (max-width:1199px){
	/* login_회원 */
    .log_wrap h4 a {padding:21px 0; font-size:1.538em; font-weight:600}
    .log_wrap h4.on a,
    .log_wrap h4:hover a {padding-top:17px}
    .log_box {padding:40px 55px}
    .log03 {padding-top:30px}
    .log01 .log_txtbox {min-height:50px; padding:20px 0 20px 100px; background:url(../../images/guide/img_login01_pc.gif) no-repeat 0 50%}
    .log02 .log_txtbox {min-height:50px; padding:20px 0 20px 100px; background:url(../../images/guide/img_login02_pc.gif) no-repeat 0 50%}
    .log03 .log_txtbox {min-height:50px; padding:15px 0 20px 100px; margin-bottom:15px; background:url(../../images/guide/img_login03_pc.gif) no-repeat 0 0}
    .log_txtbox span {font-size:15px}
    .log_txtbox .txt01 {font-size:20px}
    .log_btnlst span a {padding:8px 10px}

	.nomb_wrap h5 a {font-size:1.231em}
    .input_area .cell02 {margin-bottom:0}
    .input_area .btn_log02 {position: absolute; right: 0; top: 0; width: 172px; height: 128px; line-height: 128px; padding: 0; font-size: 1.538em}
    .input_area .btn_log03 {position: absolute; right: 0; top: 0; width: 172px; height: 128px; line-height: 128px; padding: 0; font-size: 1.538em}
    .cell_box {margin-right:192px}
    .input_area .icell.nomb_cell01 {float:left; width:150px}
    .input_area .icell.nomb_cell02 {float:none; margin-left:195px}
    .reeagr_top {font-size:1.385em}
    .agree_box .area_jointxt {width:90%}
    
	.log_layer h4 {font-size: 1.692em}
    .log_layer .rule_box dt {position: absolute; left: 20px; top: 50%; padding-top: 61px; margin: -38px 0 0 0; background: url(../../images/guide/bg_rule.gif) 50% 0 no-repeat;}
    .log_layer .rule_box dd {padding-left: 132px;}

    .nomb_wrap h5 a {font-size:1.231em}
    .input_area .cell02 {margin-bottom:0}
    .input_area .btn_log02 {position: absolute; right: 0; top: 0; width: 172px; height: 128px; line-height: 128px; padding: 0; font-size: 1.538em}
    .input_area .btn_log03 {position: absolute; right: 0; top: 0; width: 172px; height: 128px; line-height: 128px; padding: 0; font-size: 1.538em}
    .cell_box {margin-right:192px}
    .input_area .icell.nomb_cell01 {float:left; width:150px}
    .input_area .icell.nomb_cell02 {float:none; margin-left:195px}
    .reeagr_top {font-size:1.385em}
    .agree_box .area_jointxt {width:90%}

    .log_layer h4 {font-size: 1.692em}
    .log_layer .rule_box dt {position: absolute; left: 20px; top: 50%; padding-top: 61px; margin: -38px 0 0 0; background: url(../../images/guide/bg_rule.gif) 50% 0 no-repeat;}
    .log_layer .rule_box dd {padding-left: 132px;}

    .pass_rule {padding-left: 16%;}
    .pass_rule dl {border: 0; }
    .pass_rule dt {display: none;}
    .pass_rule dd {display: block; padding: 0;}
    .input_row label {float: left; width: 14%; text-align: left; line-height: 30px; display: block;}
    .input_row .icell {float: right; width: 82%;}
    
}

/* PC LAYOUT */
@media only screen and (min-width:1200px) {

	/* login_회원 */
    .log_wrap h4 a {padding:21px 0; font-size:1.533em; font-weight:600}
    .log_wrap h4.on a,
    .log_wrap h4:hover a {padding-top:17px}
    .log_box {padding:40px 56px}
    .log03 {padding-top:30px}
    .log01 .log_txtbox {min-height:50px; padding:20px 0 20px 100px; background:url(../../images/guide/img_login01_pc.gif) no-repeat 0 50%}
    .log02 .log_txtbox {min-height:50px; padding:20px 25px 20px 100px; background:url(../../images/guide/img_login02_pc.gif) no-repeat 0 50%}
    .log03 .log_txtbox {min-height:50px; padding:10px 0 25px 100px; margin-bottom:10px; background:url(../../images/guide/img_login03_pc.gif) no-repeat 0 0}
    .log_txtbox span {font-size:16px}
    .modi_txtbox span {font-size:17px}
    .log_txtbox .txt01 {font-size:20px}
	.log_btnlst span a {padding:8px 10px}
    .input_area {padding-bottom:15px}
    .input_area .cell02 {margin-bottom:0}
    .input_area .btn_log02 {position: absolute; right: 0; top: 0; width: 172px; height: 128px; line-height:128px; padding: 0; font-size: 1.538em}
    .input_area .btn_log03 {position: absolute; right: 0; top: 0; width: 172px; height: 128px; line-height: 128px; padding: 0; font-size: 1.538em}
    .cell_box {margin-right:192px}
    .input_area .icell {position:relative; margin-left:120px}
    .input_area .cell03 {margin-left:150px}
    .input_area .icell span {position: absolute; top:18px; left:0; margin-left:-120px; font-size:18px; font-weight:600}
    .input_area .cell03 span {margin-left:-150px}
    .input_area .icell label {display:inline-block}
    .input_area .icell.nomb_cell01 {display:inline-block; width:155px; margin:0}
    .input_area .icell.nomb_cell02 {display:inline-block; width:278px; margin-left:10px}
    .input_area .icell.nomb_cell03 {margin:0}
    .input_area .icell.nomb_cell01 label, .input_area .icell.nomb_cell02 label, .input_area .icell.nomb_cell03 label {display:none}
    .reeagr_top {font-size:1.200em}

    .log_wrap .log_tit {font-size:20px}
    .log_layer .btn_close {top:9px}

    .log_layer .rule_box dt {position: absolute; left: 20px; top: 50%; padding-top: 61px; margin: -38px 0 0 0; background: url(../../images/guide/bg_rule.gif) 50% 0 no-repeat;}
    .log_layer .rule_box dd {padding-left: 132px;}

    .pass_rule {padding-left: 16%;}
    .pass_rule dl {border: 0; }
    .pass_rule dt {display: none;}
    .pass_rule dd {display: block; padding: 0;}
    .input_row label {float: left; width: 14%; text-align: left; line-height: 30px; display: block;}
    .input_row .icell {float: right; width: 82%;}
    .pwd_rule li {font-size:14px; letter-spacing:-0.8px}

}