@charset "utf-8";
/* CSS Document */
.sedu_member input, select, label, textarea, button{font-family:PTD; font-weight: 400}
input::placeholder, textarea::placeholder {color: #cbcbcb; font-weight: 400; font-size: 15px}

/*비밀번호 변경_레이어창*/
#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; 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 {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;;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}
#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%; float:left;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}


@media only screen and (min-width:768px) and (max-width:1024px)  {
/*비밀번호 변경_레이어창*/
#myclassnoticeWrap div.yclassnoticeBox {margin-top:-260px; height:auto}
#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}
}

/* 임시비밀번호 */
select {appearance:none; -webkit-appearance:none}
select::-ms-expand {display: none}
.login_wrap {width: 100%; max-width:1200px; margin: 0 auto}

/* login_회원 */
.log_wrap {position:relative; width:95%; margin:38px auto; padding-top:74px; background:#fff; border: 1px solid #d5d5d5; border-top: 0; box-sizing: border-box; font-family: PTD; word-break: keep-all}
.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 15px}
.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:5px 0 10px 65px; margin-bottom:25px; background:url(../../images/guide/img_login03n_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.077em; font-weight:500; color:#197aca}
.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: 6px 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:#3b4683; 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; font-family: PTD}
.modi_wrap {position:relative; overflow:hidden;  margin: 10% auto; width: 90%; max-width: 850px; min-width: 270px; background: #fff; border:0; border-radius:30px}
.log_wrap .log_tit {width:100%; padding:25px 0; font-size: 1.385em; font-weight:500; background:#6ea1ff; color:#fff; text-align: center}
.log_wrap .log_tit span {padding:3px 0 3px 36px; background:url(../../images/member/blt_memtit_log.png) no-repeat 0 50%}
.modi_txtbox {padding-bottom:10px; border-bottom:2px solid #e6e6e6}
.log_layer .btn_close {position: absolute; right:0; top:0}
.log_layer .btn_close button {width:58px; height:58px; text-indent: -9999px; overflow: hidden; font-size: 0; line-height: 0; background: url(../../images/guide/btn_loglayer_close2.png) 50% 50% no-repeat rgba(0,0,0,0.1); border-radius:0}

/* 비밀번호 문구 */
.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:-4px; padding:2px 0 2px 40px; 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_pwdrulenew01.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}
.input_area .icell {padding:2px 12px}

/* 비밀번호 문구 */
.pwd_rule {position:relative; padding-top:20px; background:url(../../images/guide/bg_patt_bar.gif) repeat-x 0 0}
.pwd_rule .rule_tit {position: relative; width:120px; margin:0 auto; padding:6px 10px 6px 40px}
.pwd_rule .rule_tit span br{display: none}
.pwd_rule01 ul {margin:10px 0 0 0}
.log_wrap {padding-top:58px}
.log_wrap .log_tit {padding:20px 0}
.log03 .log_txtbox {padding:5px 0 5px 55px}
}

/* 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:30px 30px}
.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:5px 0 20px 80px; margin-bottom:15px; background:url(../../images/guide/img_login03n_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: 98px; line-height: 98px; 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_wrap .log_tit {font-size:1.538em}
.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%}
.log_layer .btn_close button {width:70px; height:70px}
.log_wrap {padding-top:70px}
.pwd_rule li {font-size:1.077em}
.pwd_rule01 ul {margin:0 0 0 130px}
}

/* 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:5px 0 25px 80px; margin-bottom:0; background:url(../../images/guide/img_login03n_pc.gif) no-repeat 0 0}
.log_txtbox span {font-size:16px}
/*.modi_txtbox span {font-size:17px}*/
.log_txtbox .txt01 {font-size:17px}
.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:126px; line-height:126px; padding: 0; font-size: 1.538em}
.input_area .btn_log03 {position: absolute; right: 0; top: 0; width: 172px; height:98px; line-height: 98px; 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:12px; 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:24px}
.log_layer .btn_close {top:0; right:0}
.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:15px; letter-spacing:-0.8px}
.log_layer .btn_close button {width:74px; height:74px}

}