/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2017-03-08
 | 파일설명 : 모바일 사이트 레이아웃 CSS
 +----------------------------------------------------------------------+
 | 퍼블리셔 : bsh
+----------------------------------------------------------------------+
 | 수정이력
 | 20221109 푸터 길이 수정(배너가 푸터 정보를 가리는 부분 수정) by 최진영
 | 20230807 로그인, 회원가입 완료 배너 삭제 관련 수정 by 최진영
 +----------------------------------------------------------------------+
*/

 /* 외주 CSS start */
 body{overflow-x:hidden;height:100%;}
 html{height:100%;}

.wrap{position:relative;height:100%;min-width:320px;overflow:auto;}

.fixTop{position:fixed !important;top:0;left:0;width:100%;z-index:5000;box-shadow:0 3px 3px rgba(0,0,0,0.2);background:#fff;}
.header{height:52px;}
.header.line{border-bottom:2px solid #8c8b8b;}
.header h1.logo{margin-left: auto;margin-right: auto;padding-top:6px;}
.header h1.logo .kdLogo{display: block;width:168px;background: url('/images/m/layout/logo.png') no-repeat center top;background-size:auto 33px;margin:0 auto;}


.header .logout{position:absolute;top:7px;left:12px;text-align:center;color:#8c8c8c;white-space:nowrap;}
.header .logout span{display:block;margin-top:-2px;font-size:11px;}
.header .logout:before{content:""; display:inline-block;width:40px;height:41px;background:url('/images/m/layout/ico_logout_1.png') no-repeat 50% 0;background-size:auto 41px;}

.header .joinTop{position:absolute;top:7px;left:12px;text-align:center;color:#8c8c8c;white-space:nowrap;}
.header .joinTop span{display:block;margin-top:-2px;font-size:11px;}
.header .joinTop:before{content:""; display:inline-block;width:40px;height:41px;background:url('/images/m/layout/ico_login_1.png') no-repeat 50% 0;background-size:auto 41px;}

.header .backTop{position:absolute;top:7px;left:18px;text-align:center;color:#8c8c8c;white-space:nowrap;}
.header .backTop span{display:block;margin-top:-2px;font-size:11px;}
.header .backTop:before{content:""; display:inline-block;width:27px;height:27px;background:url('/images/m/layout/ico_back.png') no-repeat 50% 0;background-size:auto 27px;}

.header .menu{position:absolute;top:7px;right:12px;text-align:center;color:#f04919;white-space:nowrap;}
.header .menu span{display:block;margin-top:-2px;font-size:11px;}
.header .menu:before{content:""; display:inline-block;width:29px;height:41px;background:url('/images/m/layout/ico_menu_1.png') no-repeat 50% 0;background-size:auto 41px;}

.subHeader{position:relative;height:44px;text-align:center;background:#f04a1a;}
.subHeader .prev{position:absolute;top:0;left:0;width:44px;height:44px;background:url('/images/m/layout/ico_prev.png') no-repeat 50% 50%;background-size:auto 16px;}
.subHeader .tit{display:inline-block;line-height:44px;font-size:16px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.3);font-family:'Dotum','arial';}

.gnbMenu .depth1Menu{padding:3px;padding-bottom:0;background:#fda101;}
.gnbMenu .depth1Menu:after{content:""; display: block;clear:both;}
.gnbMenu .depth1Menu li{float:left;width:20%;height:40px;}
.gnbMenu .depth1Menu li a{display:block;line-height:40px;color:#fff;font-weight:bold;text-align:center;font-size:13px;letter-spacing:-1px;}
.gnbMenu .depth1Menu li.on a{color:#333333;background:#fff;}
.gnbMenu .depth2Menu ul:after{content:""; display: block;clear:both;}
.gnbMenu .depth2Menu ul li{position:relative;float:left;height:38px;border-bottom:2px solid #cfcfcf;}
.gnbMenu .depth2Menu ul li:before{content:"";display: block;position:absolute;top:50%;left:0;width:2px;height:10px;margin-top:-5px;background:#cfcfcf;}
.gnbMenu .depth2Menu ul li:first-child:before{display:none;}
.gnbMenu .depth2Menu ul li a{display:block;line-height:38px;color:#bdbdbd;font-weight:bold;text-align:center;font-size:13px;font-family:'Dotum','arial';}
.gnbMenu .depth2Menu ul li.on {border-bottom:2px solid #f04919;}
.gnbMenu .depth2Menu ul li.on a{color:#f04919;}
.gnbMenu .depth2Menu ul.menu2 li{width:50%;}
.gnbMenu .depth2Menu ul.menu3 li{width:24.9999%;}
.gnbMenu .depth2Menu ul.menu4 li{width:24.9999%;}

.gnbMenu .depth2Menu.subGnb3 ul.menu3 li{width:33.333%;} /* 서브메누 3개인 경우 */



.footer{padding:0 0 130px 0;text-align:center;background:#505258;}
.footer .siteMenu{padding-top:17px;}
.footer .siteMenu a{display:inline-block;width:72px;height:32px;margin: 0 2px;border:1px solid #151515;color:#aaabad;line-height:32px;font-size:13px;background:#262932;}
.footer .flogo{margin-bottom:9px;padding-top:12px;}
.footer .flogo img{height:31px;}
.footer .fMenu{margin:14px 0 8px 0;text-align:center;color:#8d8d8d;font-size:11px;}
.footer .fMenu a{position:relative;display:inline-block;padding:0 7px;}
.footer .fMenu a:after{content:""; display: block;position:absolute;top:1px;left:0;width:1px;height:10px;background:#8d8d8d;}
.footer .fMenu a:first-child{padding-left:0;}
.footer .fMenu a:first-child:after{display:none;}
.footer .address{font-size:11px;color:#8d8d8d;}
.footer .address .bar{position:relative;display:inline-block;padding:0 7px;}
.footer .address .bar:after{content:""; display: block;position:absolute;top:1px;left:0;width:1px;height:10px;background:#8d8d8d;}
.footer .address .bar:first-child{padding-left:0;}
.footer .address .bar:first-child:after{display:none;}
@media all and (max-width:360px){ 
.footer .address{font-size:10px;}
}

.memberMenuLayer{display:none;position:absolute;top:0;right:-120%;width:100%;height:100%;background:#fff;min-height:300px;overflow:auto;z-index:99999;}
.memberMenuLayer .close{position:absolute;top:0;right:0;height:58px;width:58px;background:url('/images/m/layout/ico_close3.png') no-repeat 50% 50%;background-size:auto 18px;}
.memberMenuLayer .layerConts{}
.memberMenuLayer .topTxt {height:58px;padding:0 15px;background:#f0461a;}
.memberMenuLayer .topTxt .img {display:inline-block;margin-right:8px;}
.memberMenuLayer .topTxt .img img {width:35px;height:35px;border-radius:35px;}
.memberMenuLayer .topTxt .txt {line-height:58px;font-size:14px;color:#fff;}
.memberMenuLayer .topTxt .txt .underline {border-bottom:1px solid #fff;}
.memberMenuLayer .myMenu {display:table;width:100%;}
.memberMenuLayer .myMenu a {display:table-cell;width:25%;height:75px;vertical-align:middle;border-left:1px solid #efefef;text-align:center;font-size:11px;color:#7a7a7b;}
.memberMenuLayer .myMenu a:first-child{border-left:none;}
.memberMenuLayer .myMenu a:before{content:""; display: block;width:28px;height:28px;border-radius:28px;margin: 0 auto;margin-bottom:5px;}
.memberMenuLayer .myMenu a:nth-child(1):before{background:#7a7a7b url('/images/m/layout/ico_myMenu1.png') no-repeat 50% 50%;background-size:100% 100%;}
.memberMenuLayer .myMenu.loginBefore a:nth-child(1):before{background:#7a7a7b url('/images/m/layout/ico_myMenu1_join.png') no-repeat 50% 50%;background-size:100% 100%;}
.memberMenuLayer .myMenu.loginBefore a:nth-child(4):before{background:#7a7a7b url('/images/m/layout/ico_myMenu4_appDown.png') no-repeat 50% 50%;background-size:100% 100%;}
.memberMenuLayer .myMenu.loginBefore a.on:before{background-color:#f0461a;}

.memberMenuLayer .myMenu a:nth-child(2):before{background:#7a7a7b url('/images/m/layout/ico_myMenu2.png') no-repeat 50% 50%;background-size:100% 100%;}
.memberMenuLayer .myMenu a:nth-child(3):before{background:#7a7a7b url('/images/m/layout/ico_myMenu3.png') no-repeat 50% 50%;background-size:100% 100%;}
.memberMenuLayer .myMenu a:nth-child(4):before{background:#7a7a7b url('/images/m/layout/ico_myMenu4.png') no-repeat 50% 50%;background-size:100% 100%;}
.memberMenuLayer .myMenu a.on:before{background-color:#f0461a;}
.memberMenuLayer .totalMenu {}
.memberMenuLayer .totalMenu .tit {height:43px;padding:0 14px;padding-top:15px;border-bottom:2px solid #8c8c8c;font-size:15px;font-weight:bold;color:#333;background:#f1f1f1;}
.memberMenuLayer .totalMenu .menu {background:#fff;}
.memberMenuLayer .totalMenu .menu li {border-top:1px solid #c2c2c2;}
.memberMenuLayer .totalMenu .menu .menu1{border-top:none;}
.memberMenuLayer .totalMenu .menu li {padding:0 14px;}
.memberMenuLayer .totalMenu .menu li .ico {display:inline-block;width:28px;height:28px;margin-right:8px;border-radius:28px;}
.memberMenuLayer .totalMenu .menu .menu1 .ico {background:#7a7a7b url('/images/m/layout/ico_totalMenu1.png') no-repeat 50% 50%;background-size:100% 100%;}
.memberMenuLayer .totalMenu .menu .menu2 .ico {background:#7a7a7b url('/images/m/layout/ico_totalMenu2.png') no-repeat 50% 50%;background-size:100% 100%;}
.memberMenuLayer .totalMenu .menu .menu3 .ico {background:#7a7a7b url('/images/m/layout/ico_totalMenu3.png') no-repeat 50% 50%;background-size:100% 100%;}
.memberMenuLayer .totalMenu .menu .menu4 .ico {background:#7a7a7b url('/images/m/layout/ico_totalMenu4.png') no-repeat 50% 50%;background-size:100% 100%;}
.memberMenuLayer .totalMenu .menu .menu5 .ico {background:#7a7a7b url('/images/m/layout/ico_totalMenu5.png') no-repeat 50% 50%;background-size:100% 100%;}
.memberMenuLayer .totalMenu .menu .menu6 .ico {background:#7a7a7b url('/images/m/layout/ico_totalMenu6.png') no-repeat 50% 50%;background-size:100% 100%;}
.memberMenuLayer .totalMenu .menu .menu7 .ico {background:#7a7a7b url('/images/m/layout/ico_totalMenu7.png') no-repeat 50% 50%;background-size:100% 100%;}
.memberMenuLayer .totalMenu .menu .menu8 .ico {background:#7a7a7b url('/images/m/layout/ico_totalMenu8.png') no-repeat 50% 50%;background-size:100% 100%;}
.memberMenuLayer .totalMenu .menu li span {display:inline-block;height:52px;line-height:52px;font-size:15px;color:#333333;}
.memberMenuLayer .totalMenu .menu li .label{margin-left:10px;}
.memberMenuLayer .totalMenu .menu li .label img{height:18px;}
.memberMenuLayer .totalMenu .btn:after{content:""; display: block;clear:both;}
.memberMenuLayer .totalMenu .btn button {float:left;height:52px;width:50%;font-size:18px;font-weight:bold;line-height:52px;color:#f0461a;background:#f1f1f1;}
.memberMenuLayer .totalMenu .btn button:first-child{border-right:1px solid #e1e1e1;}
 
 
.popupArea{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:7000;}
.popupArea .popInner{width:100%;height:100%;padding:30px 0;overflow:auto;}/* position:relative; 빠짐(bsh) */
.popupArea .mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);}
.popupArea .popup{position:absolute;top:50%;left:5%;width:90%;background:#fff;}
.popupArea .popup.small{position:absolute;top:25px !important;bottom:25px;left:30px;right:30px;width:auto;transform:translateY(0);-webkit-transform:translateY(0);background:#fff;}
.popupArea .popup.type2.small{top:20px !important;bottom:20px !imortant;}
.popupArea .popup .close{position:absolute;top:0;right:0;width:42px;height:42px;background:url('/images/m/layout/ico_close.png') no-repeat 50% 50%;background-size:18px 18px;}
.popupArea .popup .popHeader{height:42px;font-size:18px;color:#fff;text-align:center;background:#f04a1a;}
.popupArea .popup .popHeader strong{display:inline-block;line-height:42px;}
.popupArea .popup .popBody{overflow:hidden;max-height:450px;}
.popupArea:not(#couponRegist) .popup.small .popBody{position:absolute;top:42px;left:0;bottom:0;right:0}
.popupArea .popup .popBody .scroll{height:100%;max-height:450px;overflow:auto}
.popupArea .popup .siteRule{height:100%;padding:23px 15px 23px 24px;}
.popupArea .popup .siteRule .rule{height:100%;max-height:335px;overflow-x:hidden;overflow-y:auto;padding-right:10px;}
.popupArea .popup .siteRule .tit{margin-top:30px;color:#111111;font-size:14px;}
.popupArea .popup .siteRule .tit:first-child{margin-top:0;}
.popupArea .popup .siteRule .txt{margin-top:15px;color:#111111;font-size:13px;}
.popupArea .popup .siteRule .txt:first-child{margin-top:0;}


.popupArea .popup.studyManageType .popBody{overflow:hidden;max-height:450px;}
.popupArea .popup.studyManageType .popBody .studyManageScroll{height:100%;max-height:450px;overflow:auto}


.popupArea .popup.type2{overflow:hidden;padding:0 10px;border:1px solid #cccccc;border-radius:6px;}
.popupArea .popup.type2 .close{right:0;width:38px;height:38px;background:url('/images/m/layout/ico_close2.png') no-repeat 50% 50%;background-size:14px 14px;}
.popupArea .popup.type2 .popHeader{padding-left:8px;text-align:left;border-bottom:1px solid #e9e9e9;background:#fff;}
.popupArea .popup.type2 .popHeader strong{color:#000;font-size:16px;}
.popupArea .popup.type2 .cardList{height:100%;overflow-y:auto;padding-bottom:10px;text-align:center;}
.popupArea .popup.type2 .cardList ul{margin-left:-6px;padding:15px 0 12px 0;}
.popupArea .popup.type2 .cardList ul:after{content:""; display: block;clear:both;}
.popupArea .popup.type2 .cardList ul li{display:inline-block;margin-left:6px;}
.popupArea .popup.type2 .cardList ul li img{width:100px;}
.popupArea .popup.type2 .cardList .txt{font-size:12px;color:#8c8c8c;text-align:center;}

@media all and (max-height:479px){ 
.popupArea#couponRegist .popup{position:relative !important;height:auto !important;left:0 !important;top:0 !important;margin: 0 auto;width:90% !important;margin-top:0 !important;}
}
@media all and (max-width:360px){ 
.popupArea .popup.type2 .cardList ul{margin-left:0;text-align:center;}
.popupArea .popup.type2 .cardList ul li{margin-left:0;display:inline-block;float:none}
.popupArea .popup.type2 .cardList ul li img{width:86px;}
}

.popCpRegist{padding:20px 10px 10px 10px;}
.popCpRegist.noPd{padding:0;}
.popCpRegist .title{color:#000;font-size:16px;text-align:center;font-weight:bold;}
.popCpRegist .title .ico{margin-right:10px;vertical-align:middle;}
.popCpRegist .couonNumInput{margin-top:15px;}
.popCpRegist .couonNumInput input{height:40px;padding:0 8px;border:2px solid #b3b2b2;}
.popCpRegist .btn{margin-top:15px;padding:0 20px;}
.popCpRegist .noticeBox{margin-top:30px;}

 /* txtbox */
.noticeBox{padding:13px 6px;background:#e7e6e6;}
.noticeBox .tit{color:#676767;font-weight:bold;font-size:14px;}
.noticeBox .tit .ico{margin-right:5px;margin-top:-1px;}
.noticeBox ul{padding-top:6px;}
.noticeBox ul li{position:relative;margin-top:3px;padding-left:15px;font-size:12px;color:#676767;}
.noticeBox ul li:after{content:""; display: block;position:absolute;top:5px;left:5px;width:3px;height:3px;border-radius:3px;background:#676767;}

.confirmBox{margin-top:10px;padding:8px 10px 6px 10px;border:1px solid #dcdbdb;background:#ffffff;}
.confirmBox .tit{color:#000;font-size:14px;}
.confirmBox .tit .ico{margin-right:5px;margin-top:-1px;}
.confirmBox ul{padding-top:5px;}
.confirmBox ul li{position:relative;padding-left:17px;line-height:1.2em;font-size:12px;color:#000;}
.confirmBox ul li:after{content:""; display: block;position:absolute;top:6px;left:5px;width:2px;height:2px;border-radius:2px;background:#000000;}
.btnBox + .confirmBox{margin-top:0;}

/* btnType */
.btnBox{padding:15px 0;text-align:center;}
.btnType1{display:block;width:100%;height:42px;line-height:42px;font-weight:bold;font-size:19px;color:#fff;text-align:center;border-radius:5px;vertical-align:middle;white-space:nowrap;}
.btnType1.type2{font-size:20px;height:44px;line-height:44px;}
.btnType1.btn1{border:1px solid #940000;border-bottom:3px solid #940000;background:#e30101;}
.btnType1.btn2{border:1px solid #8f3601;border-bottom:3px solid #8f3601;background:#ff7900;}
.btnType1.btn3{border:1px solid #2f2f2f;border-bottom:3px solid #606060;background:#2f2f2f;}
.btnType1.btn4{border:1px solid #902202;border-bottom:3px solid #902202;background:#f04919;}
.btnType2{display:block;width:100%;height:26px;line-height:26px;font-weight:bold;font-size:13px;color:#fff;text-align:center;border-radius:3px;vertical-align:middle;white-space:nowrap;}
.btnType2.btn1{border:1px solid #990000;background:#e30101;}
.btnType2.size1{width:47px;}
.btnType3{display:block;width:100%;height:24px;line-height:24px;font-weight:bold;font-size:12px;color:#fff;text-align:center;border-radius:3px;vertical-align:middle;white-space:nowrap;}
.btnType3.btn1{border:1px solid #be2b01;background:#f04919;}
.btnType3.auto{width:auto;padding:0 7px;}
.btnType4{display:block;width:100%;height:32px;line-height:32px;font-size:14px;color:#fff;text-align:center;border-radius:3px;vertical-align:middle;white-space:nowrap;}
.btnType4.h2{height:30px;line-height:30px;}
.btnType4.btn1{border:1px solid #888888;background:#888888;}
.btnType4.btn2{border:1px solid #cb3307;background:#f04919;}
.btnType4.size1{width:80px;}
.btnType4.auto{padding:0 7px;}
.btnType5{display:block;width:100%;height:42px;line-height:42px;font-size:14px;color:#fff;text-align:center;border-radius:3px;vertical-align:middle;white-space:nowrap;}
.btnType5.btn1{border:1px solid #f04919;background:#f04919;}
.btnType5.btn1.off{color:#000;border:1px solid #e1e0e0;background:#ffffff;}

/* titType1 */
.titType1 .ico{margin-right:5px;vertical-align:middle;}
.titType1 span{font-size:17px;color:#000000;font-weight:bold;}
.titType1  + .txtDot{margin-top:8px;}

/* txtType */
.txtDot{position:relative;padding-left:10px;font-size:14px;color:#000000;letter-spacing:-1px;}
.txtDot span{vertical-align:baseline;}
.txtDot:after{content:""; display: block;position:absolute;top:6px;left:0;width:3px;height:3px;background:#000000;}
.txtDot .btn{float:right;margin-top:-10px;}
.txtSub .txt{position:relative;padding-left:10px;font-size:12px;color:#000;}
.txtSub .txt:after{content:""; display: block;position:absolute;top:5px;left:0;width:3px;height:3px;border-radius:2px;background:#f04919;}
@media all and (max-width:360px){ 

}


 /* 외주 CSS end */

.content{min-height:450px;}
.content.autoHeight{min-height:auto;}