@charset 'utf-8';
/* 로그인화면 20180824 수업연구자료, 교과주제별하습, 2015 개정교육과정 추가 */

#newLoginWrap .loginArea_w {max-width:480px;height:auto;margin:0 auto;padding:20px 10px 0px 10px;}
.login_MD  {margin-top:20px;overflow:hidden;max-width:460px;}
.login_MD:after {content:""; display:block; clear:both; height:0}
.login_MD .loginFrm {position:relative;padding:0;}
.login_MD .loginFrm:after{ content:"";display:block;clear:both;height:0}
.login_MD .loginFrm input {background-color:#fff;border:1px solid #e2e2e2;color:#8e8e8e;width:87.5%;height:50px;margin:0 0 6px;padding-left:50px;font-size:15px;color:#666;vertical-align:middle}
.login_MD .loginFrm .login_id {background:#fff url(../images/ico_login_id.gif) 15px 50% no-repeat}
.login_MD .loginFrm .login_pw {background:#fff url(../images/ico_login_pw.gif) 15px 50% no-repeat}
.login_MD .loginFrm .addlink {position:relative;padding:5px 0;height:22px;}
.login_MD .loginFrm .addlink input[type="checkbox"] {display: none;}
.login_MD .loginFrm .addlink input[type="checkbox"] + label {float:left; width:20px;height:20px; background: #fff; cursor: pointer;border:1px solid #e2e2e2; }
.login_MD .loginFrm .addlink input[type="checkbox"]:checked + label {background:url(../images/login_new/check_f.png) #009e96 no-repeat center; float: left}
.login_MD .loginFrm .addlink input[type="checkbox"] + label span {position: absolute; left:30px; display: block;line-height:21px;font-size:14px;color:#666;letter-spacing:-1px;}
.login_MD .loginFrm a.loginok{position:relative;width:100%;height:65px;display:block;line-height:65px;margin:5px 0;text-align:center;background:#009e96;font-weight:600;color:#fff;}
.login_MD .loginFrm a.loginok span{font-size:18px !important;}


.login_MD .join_idpw_w {width:100%;min-height:40px;padding:5px 0 10px 0;}
.login_MD .join_idpw_w .idpw_search{float:left;clear:both;margin-top:10px;color:#666;overflow:hidden}
.login_MD .join_idpw_w .idpw_search li{padding:0 2px;display:inline-block;font-size:15px;line-height:15px;vertical-align:top;}

.login_MD .join_idpw_w .join_btns {float:right;display:inline-block;width:120px;background-color:#555;text-align:center;padding:8px 3px 7px 2px;}
.login_MD .join_idpw_w .join_btns::after {content:"";display:block;clear:both;height:0;}
.login_MD .join_idpw_w .join_btns span {display:inline-block;color:#fff;font-size:15px;line-height:20px;font-weight:600;letter-spacing:-1px;margin-right:7px; }
.login_MD .join_idpw_w .join_btns img {width:25px;height:25px;vertical-align:middle;}

.login_MD .btns{position:relative;background:#fff;padding:10px;text-align:center;border:1px solid #e2e2e2;}
.login_MD .btns a{display:block;}
.login_MD .btns .slog_sns_lst{display:inline-block; vertical-align:middle;}
.login_MD .btns img {vertical-align:top;margin-top:5px;}

.newLoginWrap_FT{width:100%;height:auto;background:#f5f6f7;position:relative;min-height:480px;border-top:1px solid #e2e2e2;padding:20px 0px;min-width:320px;}
.newLoginWrap_FT >p{margin:0 auto;font-size:16px;color:#333;line-height:28px;text-align:center;}
.newLoginWrap_FT >p strong{font-size:30px;color:#333;}
.newLoginWrap_FT .newLoginBtm {width:100%;text-align:center;color:#666;font-size:11px;padding:30px 0}
.login_quick {position:relative;margin:0 auto;padding-top:40px;max-width:840px;}
.login_quick li{display:inline-block;width:30%;border-radius:6px;background:#fff;text-align:center;min-height:200px;box-shadow:6px 6px 8px rgba(0,0,0,0.045);margin-right:2.8%;padding-top:2%;}

.login_quick_m{position:relative;min-width:320px;padding:20px 20px;display:none;}
.login_quick_m li{display:block;width:100%;border-radius:6px;background:#fff;text-align:center;min-height:80px;box-shadow:6px 6px 8px rgba(0,0,0,0.045);margin-bottom:15px;padding:10px;}

/* .login_quick li .focus, .login_quick_m li .focus{display:none;}
.login_quick li:hover .normal, .login_quick_m li:hover .normal{display:none;}
.login_quick li:hover .focus, .login_quick_m li:hover .focus{display:inline-block;}
.login_quick li:hover.f_01, .login_quick_m li:hover.f_01{background:#5464c0;}
.login_quick li:hover.f_02, .login_quick_m li:hover.f_02{background:#34d3b0;}
.login_quick li:hover.f_03, .login_quick_m li:hover.f_03{background:#ffc923;} */


@media all and (min-width:550px) and (max-width:679px) {
    #newLoginWrap{min-height:500px;}    
    .login_quick {max-width:640px;padding-left:10px;}
    .login_quick li{width:30% !important;margin-right:2%;min-height:130px !important;padding:10px 0;}
    .login_quick li img{width:98%;}
}

@media (max-width: 431px){
    .login_MD .btns img {margin-top:2px;}
}

@media all and (min-width:321px) and (max-width:549px) {
    #newLoginWrap{min-height:500px;}
    .login_MD .loginFrm a.loginok{height:45px;line-height:45px;}
    .login_MD .loginFrm input {height:40px;margin:0 0 6px;}
    .login_MD .join_idpw_w .join_btns {width:90px;padding:8px 3px 7px 3px;}
    .login_MD .join_idpw_w .join_btns span {font-size:14px;line-height:14px;}
    .login_MD .join_idpw_w .join_btns img {width:20px;height:20px;}
    .login_quick{display:none;}
    .login_quick_m{display:block;width:85%;min-width:250px}
    .login_MD .loginFrm {position:relative;margin:0;padding:30px 0 0}
    .login_MD .loginFrm input {float:none;width:83%;padding-left:15%}
    .newLoginWrap_FT{padding:15px 0px;}
    .newLoginWrap_FT p{width:100%;font-size:14px;letter-spacing:-1px;}
}
@media all and (max-width:320px){
    #newLoginWrap{min-height:430px;}
    .login_MD .loginFrm a.loginok{height:45px;line-height:45px;}
    .login_MD .loginFrm input {height:40px;margin:0 0 6px;}
    .login_MD .join_idpw_w .join_btns {width:90px;padding:8px 3px 7px 3px;}
    .login_MD .join_idpw_w .join_btns span {font-size:14px;line-height:14px;}
    .login_MD .join_idpw_w .join_btns img {width:20px;height:20px;}
    .login_quick{display:none;}
    .login_quick_m{display:block;width:80%;min-width:250px}
    .newLoginWrap_FT{padding:15px 0px;}
    .newLoginWrap_FT p{width:100%;font-size:14px;letter-spacing:-1px;}
}

/* 회원가입완료 인포그래픽 추가 */
.infoWrap{width:100%;position:relative;margin-top:30px;overflow: hidden;}
.info_cont{position:relative;display:block;margin:0 auto;padding:0 10px;}
.info_cont:after {content:""; display:block; clear:both; height:0}
.info_cont .slick-carousel .con,.info_cont .slick-carousel2 .con{padding:0;margin:0;width:50%;height:380px;display:inline-block;}
.info_cont .slick-carousel .con img[usemap], .info_cont .slick-carousel2 .con img[usemap]{padding:0;margin:0;width:100%;height:auto;border:2px solid #ddd;display:inline-block;}

@media (min-width:1010px){
    .info_cont{width:100% !important;max-width:990px;}
}

@media (min-width:1010px){
    .info_cont{width:100% !important;max-width:940px;}
    .info_cont .slick-carousel .con img, .info_cont .slick-carousel2 .con img{max-width:380px;}
    .info_cont .btn_prev{top:45%;width:48px;height:48px;}
    .info_cont .btn_next{top:45%;width:48px;height:48px;}
}

@media (max-width:1009px){
    .info_cont{width:100% !important;padding:0;margin:0 auto;}
    .info_cont .slick-carousel .con img,.info_cont .slick-carousel2 .con img{width:90%;max-width:380px;}
    .info_cont .btn_prev{top:45%;width:48px;height:48px;}
    .info_cont .btn_next{top:45%;width:48px;height:48px;}
}
@media (max-width:909px){
    .lastBox{width:85% !important;}
    .info_cont{width:100% !important;padding:0;margin:0 auto;}
    .info_cont .slick-carousel .con img, .info_cont .slick-carousel2 .con img{width:80%;max-width:340px;}
    .info_cont .btn_prev{top:45%;width:48px;height:48px;}
    .info_cont .btn_next{top:45%;width:48px;height:48px;}
}
@media (max-width:809px){
    .lastBox{width:75% !important;}
    .info_cont{width:100% !important;padding:0;margin:0 auto;}
    .info_cont .slick-carousel .con img, .info_cont .slick-carousel2 .con img{width:70%;max-width:310px;}
    .info_cont .btn_prev{top:40%;width:48px;height:48px;}
    .info_cont .btn_next{top:40%;width:48px;height:48px;}
}
@media (max-width:700px){
    .lastBox{width:100% !important;}
    .info_cont{width:100% !important;max-width:440px;overflow:hidden;}
    .info_cont .slick-carousel .con img, .info_cont .slick-carousel2 .con img{width:80%;max-width:340px;}
    .info_cont .btn_prev{top:48%;width:38px;height:38px;}
    .info_cont .btn_next{top:48%;width:38px;height:38px;}
}
@media (max-width:600px){
    .lastBox{width:95% !important;}
    .info_cont{width:100% !important;max-width:440px;overflow:hidden;}
    .info_cont .slick-carousel .con img, .info_cont .slick-carousel2 .con img{width:80%;max-width:280px;}
    .info_cont .btn_prev{top:45%;width:38px;height:38px;}
    .info_cont .btn_next{top:45%;width:38px;height:38px;}
}
@media (max-width:481px){
    .lastBox{width:95% !important;}
    .info_cont{width:100% !important;max-width:300px;padding:0;margin:0 auto;}
    .info_cont .slick-carousel .con img, .info_cont .slick-carousel2 .con img{width:90%;min-width:255px;margin-left:15px;}
    .info_cont .btn_prev{top:45%;width:38px;height:38px;}
    .info_cont .btn_next{top:45%;width:38px;height:38px;}
}


.info_cont .btn_prev{z-index:200;position:absolute;left:0;background-image:url(../images/member/btn_prev.png);background-repeat:no-repeat;background-size:100% auto;font-size:0;line-height:0;overflow:hidden;text-indent:-999;border:0;background-color:transparent}
.info_cont .btn_prev.slick-disabled{display:none!important}
.info_cont .btn_next{z-index:200;position:absolute;right:0;background-image:url(../images/member/btn_next.png);background-repeat:no-repeat;background-size:100% auto;font-size:0;line-height:0;overflow:hidden;text-indent:-999;border:0;background-color:transparent}
.info_cont .btn_next.slick-disabled{display:none!important}