@charset "utf-8";
/* wv.v.1.0 2019-05 */

/*별점*/
.icon-star-full.gray{color:#bfbfbf !important}
.icon-star-full,.icon-star-half{color:#d31f21 !important}

/*404page*/
.errorBox{width:100%;margin-top:125px;text-align:center;position:relative;font-size:13px;text-align:center}
.errorme{margin-bottom:10px}
.errorme2{margin-bottom:20px}
.errorBox .black{color:#000}
.errorBox a{display:inline-block;border:1px solid #d7d7d7;color:#666;padding:9px;text-align:center}
.errorBox a span{vertical-align:middle}
.characterImg{margin-top:30px}

/*m-login*/
input[type=submit]{-webkit-appearance:none;border-radius:0}
.mLogin{display:none;z-index:1300;position:relative;margin-top:61px}
.mlayerpopupIn{position:absolute;background-color:#fff;z-index:1125}
.mLogin .loginTop{text-align:center;background-color:#d31f21;padding:20px}
.mLogin .loginTop img{height:19px}
.mLogin .mlayerpopupIn{width:auto;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;top:0;left:20px;right:20px;bottom:0}
.mLogin .layerPopupCloseButton{top:8px;color:#fff}
.mLogin .loginCenterIn .logcLeft .loginInput{font-size:16px;letter-spacing:-0.5px;color:#000;width:100%;line-height:20px;height:50px;margin:0;padding:0;box-sizing:border-box;text-indent:10px}
.mLogin .loginCenterIn .logcLeft .loginButton input{cursor:pointer;display:block;color:#fff;font-size:18px;width:100%;text-align:center;border:none;line-height:50px;height:50px;margin:0;background:none;background-color:#d31f21}
.mLogin .loginCenter{padding:28px 24px 12px;background-color:#fff}
.mLogin.loginPop .loginCenterIn .logcLeft p:first-child{margin-top:0;margin-bottom:16px;font-size:14px}
.mLogin.loginPop .loginCenterIn .logcLeft p.title{margin-bottom:5px}
.mLogin .loginCenterIn .logcLeft>p{margin:0;margin-bottom:15px;overflow:hidden;border-right:1px solid #ddd}
.mLogin .loginCenterIn .logcLeft .snslogin ul{width:100%;height:50px;margin:0 auto}
.mLogin.loginPop .loginCenterIn .logcLeft .loginChkbox{margin-bottom:24px}
.mLogin.loginPop .loginCenterIn .loginChk{float:left;margin-bottom:12px;margin-right:12px}
.mLogin.loginPop .loginCenterIn .logcLeft .loginButton{margin-bottom:24px}
.mLogin.loginPop .loginCenterIn .logcLeft .loginChkbox{font-size:14px}
.mLogin.loginPop .loginCenterIn .logcLeft .loginChkbox .line{padding:0 5px}
.mLogin .loginCenterIn .logcLeft .snslogin li:first-child{margin-left:0}
.mLogin .loginCenterIn .logcLeft .snslogin li{width:21.5%;margin-left:4.5%;float:left;line-height:50px;text-align:center}
.mLogin .loginCenterIn .logcLeft .snslogin li a{display:inline-block;margin:0 auto;text-align:center;max-width:64px;min-height:52px;display:block;text-align:center;border-radius:10px;background-color:#fff;position:relative}
.mLogin .loginCenterIn .logcLeft .snslogin li a.snslo01{padding:0}
.mLogin .loginCenterIn .logcLeft .snslogin li a.snslo02{padding:0}
.mLogin .loginCenterIn .logcLeft .snslogin li a.snslo03{padding:0}
.mLogin .loginCenterIn .logcLeft .snslogin li a.snslo04{padding:0}
.mLogin .loginCenterIn .logcLeft .snslogin li a.snslo05{padding:0}
.mLogin .loginCenterIn .logcLeft .snslogin li a.snslo01 img{width:40px}
.mLogin .loginCenterIn .logcLeft .snslogin li a.snslo02 img{width:40px}
.mLogin .loginCenterIn .logcLeft .snslogin li a.snslo03 img{width:40px}
.mLogin .loginCenterIn .logcLeft .snslogin li a.snslo04 img{width:37px}
.mLogin .loginCenterIn .logcLeft .snslogin li a.snslo05 img{width:40px}
.mLogin .loginBottom{overflow:hidden;background-color:#fff}
.mLogin .loginBottom span{display:inline-block;width:100%;padding:8px 0;text-align:center}
.mLogin .loginBottom a{display:block;float:left;width:100%;font-size:15px;letter-spacing:-0.5px;font-weight:400;text-align:center;background-color:#f6f6f6;padding:20px 0;box-sizing:border-box}
.mLogin .loginBottom a:first-child{border-right:1px solid #ddd}
.addFileBtn{position:absolute;top:11px;left:190px;display:inline-block;height:36px;width:50px;font-size:13px;color:#fff;background-color:#000}
.mLogin .subT{display:inline-block;width:100%;margin:0;text-align:center}

/*layerpopup*/
.iframeWrap{height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}
.iframeWrap iframe{width:100%}
.layerpopupIn .snsBox{position:absolute;bottom:0;margin:0;height:40px;padding-top:13px;background-color:#fff}
.layerpopupTop .title p{margin:0;word-break:break-word}
.evt img{width:100%}
.layerpopupTop .titleBorder .subtitle{margin:16px 0}
.layerPopupBackground{background-color:rgba(0,0,0,0.6);position:fixed;width:100%;height:100%;left:0;top:0;right:0;bottom:0;z-index:1121}
.layerpopup{display:none;height:100%}
.layerPopupCloseButton{cursor:pointer;color:#000;width:50px;height:50px;border-radius:15px;text-align:center;font-size:18px;line-height:36px;position:absolute;right:0;top:-15px;line-height:50px;-webkit-overflow-scrolling:touch}
.layerpopupIn{width:auto;position:fixed;-webkit-overflow-scrolling:touch;background-color:#fff;top:20px;left:20px;right:20px;bottom:20px;z-index:1123}
.titleTag{float:left;font-size:11px;color:#fff;background-color:#cb282e;display:block;padding:4px 7px;margin-right:10px}
.layerpopupIn .title p{margin:0;float:left;width:75%}
.layerpopupIn .snsBox{margin:0}
.layerpopupContainer img{max-width:100%;height:auto !important}
.layerpopupContainer .ulStyle > li{padding:3px 0;font-size:13px}
.layerpopupContainer .ulStyle > li:before{display:none}
.layerpopupTop .title.titleBorder{border-bottom:1px solid #ddd;padding-bottom:10px}
.layerpopupTop,.layerpopupContainer,.layerpopupBottomIn{padding:16px}
.layerpopupTop,.layerpopupContainer,.layerpopupBottomIn .conT3{margin:0 0 16px;font-size:18px}
.layerpopupTop{margin-bottom:0}
.layerpopupTop .title{padding-right:30px;font-size:18px;font-weight:600;overflow:hidden;letter-spacing:-0.3px;color:#000;margin-bottom:7px;height:auto;border-bottom:none}
.layerpopupTop .layerpopupInfo{width:100%;padding-bottom:10px;border-bottom:1px solid;border-color:rgba(151,151,151,0.4)}
.layerpopupTop .layerpopupInfo th{width:60px;font-size:12px;font-weight:400;letter-spacing:-0.5px;text-align:left}
.layerpopupTop .layerpopupInfo td{font-size:13px;font-weight:400;color:#000}
.views{}
.views img{width:18px;padding-right:5px}
.layerpopupIn .titleTag2{display:inline-block;float:left;padding-right:10px;margin-right:10px;font-size:20px;color:#cb282e;background:url(/assets/m-user/images/line.png) no-repeat right 7px}
.layerpopupContainer{height:calc(100% - 162px);padding:0}
.layerpopupContainer{overflow:auto;padding-top:0}
.layerpopupContainer .layerpopupContent{position:relative;padding:0 16px 16px}
.layerpopupContainer .layerpopupContent .text{font-size:13px}
.layerpopupContainer .layerpopupContent .tagblack{display:inline-block;padding:5px;background-color:#272937;font-size:11px;z-index:0;position:absolute;top:0;left:16px;color:#fff}
.layerpopupBottom{background-color:#f8f8ff}
.layerpopupBottomTop{background-color:#f4f4fb;display:inline-block;width:100%;padding-bottom:16px}
.layerpopupBottomIn{padding:20px 16px 0;position:relative}
.layerpopupBottomIn label{position:absolute;width:40px;margin-top:9px;font-size:13px;font-weight:600;color:#000;text-align:right}
.layerpopupBottomIn .text{border:1px solid #d7d7d7;background-color:#f6f6fc;color:#666;font-size:13px;font-weight:400;padding:20px;margin-bottom:16px}
.layerpopupBottomIn input[id="chkBox"] + label{display:inline-block;width:16px;height:16px;border:2px solid #d7d7d7;cursor:pointer}
.layerpopupBottomIn input[id="chkBox"]:checked + label{background-color:#666}
.layerpopupBottomIn input[id="chkBox"]{display:none}
.checkboxLabel{vertical-align:middle;color:#000;display:inline-block;padding-bottom:11px;margin-left:8px}
.layerpopupBottobutton{text-align:center}
.layerpopupBottobutton button{width:100%;background-color:#d31f21;color:#fff;font-size:18px;font-weight:400;padding:16px 0;text-align:center}
.layerpopupBottobutton a{display:block;clear:both;width:100%;background-color:#d31f21;color:#fff;font-size:18px;font-weight:400;padding:16px 0;text-align:center}
.layerpopupBottom .checks{width:100%;margin-bottom:16px}
.layerpopup .nameGroup input[type="text"],.layerpopup .nameGroup input[type="number"]{text-align:center}

/* 250203 kmh 토플 ARS 과제 제출 */
.speakingP_popup .layerpopupIn{height:auto;overflow-y:auto;}
.speakingP_popup .layerpopupTop .title{margin-bottom:20px;padding-top:20px;font-size:16px;padding-right:0;word-break:keep-all;}
.speakingP_popup .speakingCon table{table-layout:fixed;}
.speakingP_popup .speakingCon table, .speakingP_popup .speakingCon table td{margin:0;padding:0;border-spacing:0;}
.speakingP_popup .speakingCon table{width: 100%;border-top: 1px solid #000;}
.speakingP_popup .speakingCon table td{font-size:12px;letter-spacing:-0.5px;border-bottom:1px solid #E1E1E1;padding:11px 5px;}
.speakingP_popup .speakingCon table td.tTitle{color:#000;text-align:center;padding:11px 0;background-color:#F8F9FA;width:22%;}
.speakingP_popup .speakingCon table td.scoreTable{padding:0;}
.speakingP_popup .speakingCon .textContBox{border-bottom:1px solid #000;}
.speakingP_popup .speakingCon table td.linebotoom0{border-bottom:0;}
.speakingP_popup .speakingCon table td.answerSection{position:relative;}
.speakingP_popup .speakingCon table td .speakingCommentDownloadBtn{display:block;color:#000;margin-top:5px;}
.speakingP_popup .speakingCon table td .speakingCommentDownloadBtn span.icon-attachment{display:inline;font-size:15px;vertical-align:middle;color:#000;}
.speakingP_popup .speakingCon table td .speakingCommentDownloadBtn em{font-size:13px;font-style:normal;text-decoration:underline;}
.speakingP_popup .speakingCommentBox table{width:100%;height:100%;border-top:0;table-layout:fixed;}
.speakingP_popup .speakingCommentBox table tr td:nth-of-type(1){padding-left:5px;}
.speakingP_popup .speakingCommentBox table td{height:45px;position:relative;font-size:12px;letter-spacing:-0.5px;border-bottom:1px solid #E1E1E1;padding:5px 0;}
.speakingP_popup .speakingCommentBox table td.totalScore{border-left:1px solid #E1E1E1;font-weight:600;}
.speakingP_popup .speakingCommentBox table td.textNomarl{text-align:left;}
.speakingP_popup .speakingCommentBox table td.on:before{width:14px;height:14px;border-radius:50%;border:2px solid #D31F21;display:block;content:'';position:absolute;left:calc(50% - 8px);top:calc(50% - 11px);}
/* //250203 kmh 토플 ARS 과제 제출 */

/* 선생님 특강용 확인 필요 */
.basicPop .layerpopupContainer{height:calc(100% - 70px)}
.basicPop .layerpopupTop .title{margin:0;padding-bottom:12px;border-bottom:1px solid #ddd}
.layerpopupTop.basicPop .title{margin-bottom:0;padding-bottom:12px;border-bottom:1px solid #ddd}

/*토익특강팝업*/
.videoPopIn .layerpopupTop{margin:0}
.layerpopupIn.videoPopIn .layerpopupContainer{height:auto}
.layerpopupIn.mp3PopIn{bottom:auto;top:60px;height:200px}
.layerpopupIn.mp3PopIn .layerpopupContainer{height:auto}

/*mp3*/
.layerpopupmp3{display:none}
audio{width:100% !important}
.downLinkBtn a .icon-k-download{font-size:25px;vertical-align:middle}
.downLinkBtn a .icon-play2{font-size:15px;vertical-align:middle}

/*이벤트페이지 팝업*/
.eventCont .layerpopupContainer{height:calc(100% - 0px)}

/*windowpopup*/
.windowpopupTop,.windowpopupContainer,.windowpopupBottomIn{padding:16px}
.windowpopupTop .title{font-size:18px;font-weight:600;overflow:hidden;letter-spacing:-0.3px;color:#000;margin-bottom:5px}
.windowpopupTop .title.titleBorder{border-bottom:1px solid #ddd;padding-bottom:10px}
.windowpopupTop .title p{margin:0;top:2px}
.windowpopup .subTitle{margin:24px 0 16px;font-size:16px;font-weight:600;color:#000}
.windowpopupBottomIn .writeTable tbody tr.tbSubject select{width:auto;padding-right:38px}

/*****학습지원 팝업*****/
/*환급신청 팝업*/
.refundCashPopup .titleBorder{margin-bottom:16px;border-bottom:1px solid #d8d8d8}
.refundCashPopup .layerpopupContainer{height:calc(100% - 0px)}
.refundCashPopup .table_normal tbody tr th{width:20%}
.refundCashPopup .table_normal input[type="text"],input[type="password"]{width:120px}
.refundCashPopup .conT3{margin-bottom:10px;font-size:17px}
.refundCashPopup .allchkpopBox.checks{float:none;width:100%}
.refundCashPopup .contaBottom .textBox{padding:11px;background-color:#f0f0f0}
.contaBottom .infoTitle{font-size:16px;font-weight:600;color:#000}
.contaBottom ul li{font-size:13px}
.contaBottom .textBox{font-size:13px}
.allchkpopBox label{font-size:15px}
.allchkpopBox input[type="checkbox"] + label span{padding-left:0}

/*스피킹 과제 팝업*/
.speakingPopup .layerpopupIn{top:61px;bottom:auto}
.speakingPopup .layerpopupTop .title{padding-bottom:9px;border-bottom:1px solid #d8d8d8}

/* 스페셜로고 */
#type_special .topLayoutTop,
#type_special .logo img,
#type_special .topArea{height:70px;line-height:70px;} /* 230605 syh 수정 */
#type_special .logo img{width:auto;}
#type_special .logo{vertical-align:middle;}
#type_special .logo .original{display:none;}
#type_special .logo .special{display:block;}
#type_special .searchBtnBox{top:8px;}
#type_special .mbMenu{top:13px;}

#type_special.Bodyscroll .topLayoutTop,
#type_special.Bodyscroll .logo img{height:60px;line-height:60px;}
#type_special.Bodyscroll .topArea{height:61px;line-height:61px;}
#type_special.Bodyscroll .logo img{width:104px;height:auto;}
#type_special.Bodyscroll .logo .original{display:block;}
#type_special.Bodyscroll .logo .special{display:none;}
#type_special.Bodyscroll .searchBtnBox{top:0;}
#type_special.Bodyscroll .mbMenu{top:5px;}
/* //스페셜로고 */

/*header*/
header{position:fixed;top:0;border-bottom:1px solid #e9e9e9;height:60px;width:100%;z-index:1120}
.topLayoutTop{text-align:center;line-height:60px;height:60px;overflow:hidden;background-color:#fff}
.logo{display:inline-block;margin:0;color:#000;font-size:18px;line-height:60px}
.logo img{display:inline-block;margin:0;vertical-align:middle;width:104px}
.searchArea{position:absolute;top:0;width:64px;overflow:hidden;height:60px;transition:all .3s ease}
.searchAreaIn .searchInputBox{position:relative;margin:0 40px 0 16px}
.searchInputBox{margin:0 70px 0 16px;overflow:hidden}
.searchAreaIn .searchInputBox{margin:0 40px 0 16px}
.searchInputBox input{width:100%;font-size:16px;text-align:left;border:none;border-bottom:1px solid #ddd}
.searchBtn{position:absolute;top:15px;right:20px;display:block;width:30px;text-align:center;line-height:30px}
header .searchBtn img{width:20px}
.closeBtn{position:absolute;top:15px;right:-60px;display:block;width:18px;text-align:center;line-height:30px}
.closeBtn img{width:100%}
.mbMenu{position:absolute;top:5px;right:5px;transition:all .3s ease}
.mbMenu a{display:block;width:50px;line-height:50px}
.homeBtnBox{position:absolute;top:0;width:64px;overflow:hidden;height:60px;transition:all .3s ease}
.homeBtn{position:absolute;left:13px;top:15px;width:30px;height:30px;line-height:30px;transition:all .3s ease}
.homeBtn img{width:20px}
/* 201112 kmh 추가 */
.searchBtnBox{position:absolute;top:0;width:64px;overflow:hidden;height:60px;transition:all .3s ease}
.searchBtnBox .searchBtn{position:absolute;left:12px;top:18px;width:30px;height:30px;font-size:24px;line-height:30px;color:#000;transition:all .3s ease}
/* // */
.topLayoutTop.on .homeBtn{left:-60px}

/*강의안내 정보 팝업*/
.classChangePop .layerpopupContainer{height:calc(100% - 90px)}
.classChangePop .writeTable{margin-top:0}
.classChangePop .writeTable table{margin-bottom:0}

/*수강변경가능과목 팝업*/
.ccPop .writeTable tbody tr th{width:auto;padding:10px 0;text-align:center}

/*모바일 수강증*/
.attendancePop .layerpopupIn{overflow:hidden}
.attendancePop .layerpopupContainer{height:calc(100% - 60px)}
.attendancePop .layerpopupContainer .layerpopupContent{position:static}
.attendancePop .layerpopupContainer .layerpopupContent .LyPopTop{text-align:center}
.attendancePop .layerpopupContainer .layerpopupContent .LyPopTop h5{font-size:18px;color:#000;letter-spacing:16px;padding-left:15px;margin:5px 0 10px}
.attendancePop .layerpopupContainer .layerpopupContent .LyPopTop img{width:150px}
.attendancePop .layerpopupInfo{text-align:left;font-size:13px}
.attendancePop .layerpopupInfo tr{}
.attendancePop .layerpopupInfo th{width:60px;vertical-align:top}
.swipeTableWrap{overflow:hidden;overflow-x:scroll}
.swipeTableWrap table.swipeT{width:600px}
table.classInfo{width:100%;border-collapse:collapse;border-top:2px solid #000}
table.classInfo thead{}
table.classInfo thead tr{background-color:#f7f7f7;border-top:1px solid #dadada;font-size:13px}
table.classInfo thead th{padding:7px 0;border-bottom:1px solid #000}
table.classInfo tbody td{padding:7px;font-size:13px;text-align:center;border-bottom:1px solid #000}
.attendancePop .LyPopBottom{margin-top:10px;text-align:center;color:#000;position:absolute;width:100%;bottom:10px;left:0;margin:15px 0 0}
.attendancePop .LyPopBottomIn{position:relative;margin-top:-55px}
.attendancePop .LyPopBottom img{max-width:85%}
.attendancePop .LyPopBottom img.pagodaSign{position:absolute;bottom:3px;right:25px;width:40px}
.attendancePop .LyPopBottom p.day{margin-bottom:5px;font-size:18px}
.attendancePop .LyPopBottom span{}
.attendancePop .LyPopBottom p.company{padding-left:10px;font-size:20px;font-weight:600;letter-spacing:10px;margin:15px 0 0}

/*모바일 메뉴*/
.mbMenuContBox{position:fixed;top:0;right:-100%;width:100%;height:100%;overflow-y:scroll;line-height:1.4;background-color:#fff;transition:.3s all ease-in}
.mbMenuCont{}
.mbMenuCont .menuTop{height:45px;line-height:45px;padding:0 16px;text-align:left;background-color:#d0021b;color:#fff}
.mbMenuCont .menuTop h2{margin:0;font-size:16px;font-weight:500}
.mbMenuCont .searchInputBox input{height:40px;line-height:40px;padding:0;text-indent:10px;margin:0}
.mbcloseBtn{position:absolute;top:0;right:0;display:block;width:45px;height:45px;text-align:center;line-height:50px;color:#fff;font-size:20px}
.logoBoxCont{position:relative;height:60px;line-height:60px;overflow:hidden;padding:0 16px;font-size:13px}

/* .logoBox:after {position:absolute;content: "";left: 0;bottom: 0px;width: 100%;height: 1px;background-color: #d1d1d1;} */
.logoBoxCont img{float:left;margin-top:21px;width:90px}
.logoBoxCont .logText{display:none;float:right}
.logoBoxIn{position:absolute;right:16px}
.loginBox{position:relative}

/* .loginBox:after { position: absolute;content: "";left: 0;bottom: 0px;width: 100%;height: 1px;background-color: #d1d1d1;} */
.loginBox ul{overflow:hidden;position:absolute;right:-11px;top:15px}
.loginBox ul li{position:relative;float:left;padding:0 8px;line-height:30px;box-sizing:border-box}
.loginBox ul li:after{position:absolute;top:9px;left:0;content:"";border-left:2px dotted #ddd;width:2px;height:11px}
.loginBox ul li a{display:block;font-size:13px;color:#000}
.loginBox ul li:first-child:after{display:none}

/*로그인 전*/
.logOut{display:none}

/*로그인 후*/
/* .logIn {display: none;} */
.inSearchBox{position:relative;padding:5px 0}
.inSearchBox .searchBtn{top:10px;right:8px}
.inSearchBox .closeBtn{top:8px;right:16px;font-size:15px;width:12px}
.inSearchBox .scListWrap{position:relative;height:300px;overflow:hidden;overflow-y:scroll;text-align:left;border-top:none}
.myMenu{position:relative}
/* .myMenu:after {position: absolute;content: "";left: 0;bottom: 0px;width: 100%;height: 1px;background-color: #d1d1d1;} */
.myMenu ul{overflow:hidden}
.myMenu ul li{float:left;width:33.3%;border-left:2px dotted #ddd;box-sizing:border-box}
.myMenu ul li:first-child{border-left:none}
.myMenu ul li a{display:block;padding:12px 0;font-size:14px;color:#000}
.myMenu ul li a img{width:32px}
.myMenu ul li a p{margin:0;margin-top:10px}
.myMenu ul li.second p{margin-top:5px}
.myMenu ul li a .num{font-weight:600;color:#b8b8b8}
.mbMenuCate{}
.mbMenuCate .menuCate{}
.mbMenuCate .menuCate>li{/*height: 50px;*/line-height:50px;text-align:left;border-top:1px solid #d7d7d7}
.mbMenuCate .menuCate>li:first-child{border-top:none}
.mbMenuCate .menuCate>li>a{display:block;font-size:16px;color:#000}
.mbMenuCate .menuCate>li>a span{padding-left:16px}
.mbMenuCate .menuCate>li .icon{display:inline-block;float:right;padding-top:17px;padding-right:16px;font-weight:600;color:#000;font-size:13px}
.mbMenuCate .menuCate>li .icon.up{display:none}
.mbMenuCate .menuCate>li.on .icon.up{display:inline-block}
.mbMenuCate .menuCate>li.on .icon.down{display:none}
.subMenuWrap{overflow:hidden;position:relative;height:0;transition:all .3s ease;background-color:#f0f0f0}
.subMenuWrap:before{top:8px;position:absolute;content:'\eaf4';left:0;width:26px;height:35px;line-height:35px;text-align:center;font-family:'wvIcon' !important;background:#fff;background:linear-gradient(90deg,rgba(240,240,240,1) 50%, rgba(240,240,240,0) 100%)}
.subMenuWrap:after{top:8px;position:absolute;content:'\e905';right:0;width:26px;height:35px;line-height:35px;text-align:center;font-family:'wvIcon' !important;background:linear-gradient(90deg,rgba(240,240,240,0) 0%, rgba(240,240,240,1) 50%)}
.subMenuWrapIn{overflow-x:scroll}
.subMenuWrapIn .subMenu{width:640px;margin:0 10px}
.subMenuWrapIn .subMenu li{float:left}
.subMenuWrapIn .subMenu li a{display:block;padding:0 16px;font-size:14px}
.menuCate > li.on .subMenuWrap{height:50px}
.roundTagContNone .subMenu{width:640px;margin:0}
.linkCate{position:relative;overflow:hidden;border-top:1px solid #d8d8d8}
/* .linkCate:after {position: absolute;content: "";left: 0;bottom: 0px;width: 100%;height: 2px;background-color: #d1d1d1;} */
.linkCate li{float:left;width:33.3%;height:50px;line-height:50px;text-align:center}
.linkCate li a{display:inline-block;width:100%;font-size:13px}
.linkCate li a img{width:26px;height:25px;margin-right:10px}
.academyguide{padding:16px;background-color:#FAFAFA}
.academyguide .menuT{margin-top:0;text-align:left;font-size:17px;color:#000}
.academyguide ul{overflow:hidden;border-top:1px solid #ddd;border-left:1px solid #ddd}
.academyguide ul li{position:relative;float:left;width:33.3%;border:1px solid #ddd;border-top:none;border-left:none;box-sizing:border-box;text-align:left;background-color:#fff}
.academyguide ul li a{display:inline-block;width:100%;padding:12px 0;font-size:16px;color:#000}
.academyguide ul li a span{padding-left:12px}
.academyguide ul li img{position:absolute;top:18px;right:8px;width:5px}
.snsMenu{background-color:#24231f}
.snsMenu ul{overflow:hidden}
.snsMenu ul li{float:left;width:25%;text-align:center;height:60px;line-height:60px}
.snsMenu ul li a{display:inline-block;width:100%}
.snsMenu ul li a img{width:42px}

/*모바일 에디터 textarea*/
textarea.mobileTextarea{resize:none;width:100%;height:338px;padding:0;border:1px solid #d7d7d7;margin-top:10px;font-size:15px;text-indent:5px;padding:5px 0}
/*index*//* .indexContWrap {    position: relative;margin-top: 61px; } */
.mainBannerCont{}
.mainBanner{position:relative;overflow:hidden}
.mainBanner .swiper-wrapper img{width:100%}

.mainBanner .swiper-slide a{font-size:0;line-height:0;text-indent:-9999px}
.mainBanner .swiper-slide .link_type2 a{display:block;width:34%;height:8%;position:absolute;top:38%;left:9%;}
.mainBanner .swiper-slide .link_type2 a.btn02{top:47%;}

.mainBanner.swiper-container-horizontal>.swiper-pagination{bottom:70px;left:24px;width:auto}
.swiper-pagination-bullet-active{background:#fff !important}
.swiper-pagination-bullet{background:#fff !important;box-shadow:1px 1px 2px rgba(0,0,0,0.6)}
.mainBannerCont .swiper-wrapper.disabled{transform:translate3d(0px,0,0) !important}
.mainBannerCont .swiper-pagination.disabled{display:none}
.indexContBox .classList li a{display:block}
.indexContBox .classList li img{height:128px}
.indexContBox .sampleClassCont .classList li img{height:112px;object-fit:cover}

.indexContBox .qSearchBoxWrap{height:150px;background-color:#F7F9FB}
.indexContBox .qSearchBox{position:absolute;left:16px;right:16px;margin-top:-50px;box-shadow:1px 0 10px 3px rgba(0,0,0,0.2);background-color:#fff;z-index:1000}
.indexContBox .mainLink{overflow:hidden;padding:16px;padding-top:32px;background-color:#F7F9FB}
.indexContBox .mainLink a{display:inline-block;width:50%;height:55px;line-height:55px;font-size:16px;float:left;text-align:center;color:#fff}
.indexContBox .mainLink a img{margin-left:10px;width:22px}
.mainLink .levelBtn{background-color:#121b3f}
.mainLink .calenderBtn{background-color:#d31f21}
.mainProgram{position:relative;background-color:#F7F9FB}
/* .mainProgram:after { position: absolute;content:''; top:63px; right:0; width:55px; height:50px;background: url('/assets/m-user/images/tabBg.png') no-repeat; } */
.mainContBox{position:relative;padding-top:32px;padding-bottom:20px}
.mainContBox a.moreBtn{float:right;width:42px;height:25px;margin-bottom:0;text-align:right;border:none}
.mainContBox a.moreBtn img{width:23px;margin-top:5px}
.mainContBox .pageT{margin:0;padding:0 16px;font-size:24px;font-weight:600}
.programCont{padding:0 32px;margin-bottom:24px}
.programCont p{margin:0;}/* 230117 hyj 추가 */
.programCont .programT{font-size:21px;color:#1b275a;margin:40px 0 25px;}/* 210802 hyj 수정 */
.programCont .programImageBox{text-align:center;margin-bottom:20px}/* 200528 hyj 수정 */
.programCont .programImageBox img{width:180px}/* 200528 hyj 수정 */
.programCont .programList{border-top:1px solid #dadada}
.programCont .programList li{padding:12px;border-bottom:1px solid #dadada;position:relative}
.programCont .programList li>p{margin:0;font-size:18px;font-weight:600;color:#000}
.programCont .programList li> span{vertical-align:middle;font-size:14px;display:inline-block}
.programCont .programList li> a{display:block}
.programCont .programList li> a span.icon-k-next3{position:absolute;right:0;top:50%;margin-top:-7px;color:#000}
.programCont .programList li strong{vertical-align:middle;margin-right:28px;font-size:18px;font-weight:700;letter-spacing:-0.5px;color:#1f1f1f;margin:2px 0;}/* 210802 hyj 수정 */
.programCont .programList li span {color:#949494}/* 210802 hyj 수정 */
.programCont .programList li img{margin-right:33px}
.programCont.ch .programList li img {width:59px} /* 211206 syh 추가 */
.programCont.jp .programList li img{width:69px;}/* 211215 kmh 추가 */
.programCont.sc .programList li img{width:60px;}/* 220210 kmh 추가 */
/* 230511 hyj 추가 */
.programCont.conv .programList li img{width:55px;}
.programCont.prac .programList li img {width:60px}
/* //230511 hyj 추가 */

/* 210513 syh 추가 */
.prgSimpleType li{position:relative;border-bottom:1px solid #dadada;padding:16px 0 16px 81px;}
.prgSimpleType li:first-child{border-top:1px solid #dadada;}
.prgSimpleType li > img{position:absolute;top:15px;left:10px;width:51px;}
.prgSimpleType.n3 li > img{width:53px;top:22px;}
.prgSimpleType p{padding:0;line-height:1;margin:0;}
.prgSimpleType .sTypetit{font-size:20px;color:#1f1f1f;margin-bottom:4px;}
.prgSimpleType .sTypetxt{font-size:13px;color:#666;}
/*//*/

.boxBlock{display:block}
.boxinlineBlock{display:inline-block;vertical-align:middle}
.boxinlineBlock strong{display:block;color:#000;margin:0;font-size:18px}
/* 210802 hyj 수정 */
.programCont .programT + img {width:100%;}
.programCont .moreBtn{height:50px;line-height:50px;margin-top:20px;border-width:1px 0;border-color:#dadada;}
.programCont .moreBtn a{height:50px;line-height:50px;color:#000}
.programCont .moreBtn a span{margin-left:5px;font-size:12px;vertical-align:-2px;}
.programCont .moreBtn a span.icon-k-next3:before {color:#000;}
/* //210802 hyj 수정 */
.popularityCont .classList .contTag{padding:3px 5px;background-color:#121b3f}
.popularityCont .tabSwipe .tabLayout{width:520px}
.tabContWrap{padding:0 16px}
.tabCont{margin-top:16px}
.popularList{overflow:hidden}
.classReviewCont .tabSwipe .tabLayout{width:639px}
.classCont{overflow:hidden;overflow-x:scroll}
.classList li{position:relative;float:left;width:200px;margin-left:16px}
.classList li:first-child{margin-left:0}
.classList li img{width:100%;background-color:#EDEDED}
.classList .contTag{display:inline-block;position:absolute;right:0;padding:5px;font-size:13px;color:#fff;background-color:#121b3f}
.classList .classTitle{padding-top:16px}
.classList .classTitle a{display:block}
.classList .classTitle span{font-size:15px;font-weight:600;color:#d31f21}
.classList .classTitle p{margin:0;margin-top:4px;font-size:16px;color:#000}
.popularityCont .classList li img{padding-top:30px}
.classList li.mainNoList{height:221px;position:static}
.mainNoList .noDataBox{position:absolute;left:0;right:0}
.mainNoList .noDataBox p img{width:40px;height:auto;background:none}
.classReviewList{padding:0 16px;overflow:hidden}
.classReviewList li{position:relative}
.classReviewList li a{display:block}
.classReviewList li .contTag{}
.classReviewList li img{display:none;width:100%}
.classReviewList li .reviewTitle{}
.classReviewList li .reviewTitle .bigT{margin:0 0 4px;font-size:20px;color:#000}
.classReviewList li .reviewTitle .bigT a{color:#000}
.classReviewList li .reviewTitle .numbering{}
.classReviewList li .reviewTitle .numbering .starBox .listGAP{font-size:17px}
.classReviewList li .reviewTitle .numbering .starBox .grade{padding-left:5px;font-size:13px;vertical-align:text-bottom;color:#d31f21}
.classReviewList li .reviewTitle .numbering .starBox .gradeNum{padding-left:5px;vertical-align:text-bottom;color:#d31f21}
.classReviewList li .reviewTitle .subTxt{margin-bottom:8px;font-size:15px;color:#000}
.classReviewList li .reviewTitle .writer{display:block;margin-bottom:12px;font-size:13px}
.classReviewList li .reviewTitle .review{line-height:21px;font-size:14px}
.sampleClassList{overflow:hidden}
.sampleClassList .classTitle .teacherName{font-size:14px;color:#666}
/* .sampleClassList li {position: relative;float: left; margin-right: 16px;} */
.floatBannerBox{width:212px;position:absolute;bottom:0;right:16px;background:url(/assets/m-user/images/ad-img.png) no-repeat;background-position-y:3px;height:50px}
.floatBannerBox img{}
.floatBannerBox .adText{float:right}
.floatBannerBox .adText span{font-size:8px}
.floatBannerBox .adText p{margin:0;font-size:14px;font-weight:600}
.floatBannerBox .adText p strong{color:#28BD8E}
.textCut{/* 여러 줄 자르기 */display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.2;height:39px;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}/* 230329 hyj 수정 */

/*메인 탭*/
.mainProgram .tabSwipe .tabLayout{width:max-content;padding:0 30px;} /* 200422 hyj 수정 */
.mainProgram .tabSwipe .tabLayout li:first-child {margin-left:15px;} /* 200422 hyj 수정 */
.popularityCont .tabSwipe .tabLayout{width:470px} /* 200908 kmh 수정 */
.classReviewCont .tabSwipe .tabLayout{width:617px}
.sampleClassCont .tabSwipe .tabLayout{width:770px}

/*contect*/
.contentLayout{}

/*통합검색*/
.searchContBox{}
.searchListOut .searchOut{margin-top:16px;font-weight:600}
.scListWrap{display:none;position:fixed;width:100%;/* height: 1000px;*/border-top:7px solid #ebebeb;background-color:#fff;z-index:1200}
.scListWrapIn{display:none;position:relative;top:2px;width:100%;height:300px;overflow-y:scroll;background-color:#fff;text-align:left;z-index:1200}
.scListWrapIn .scListWrapIn .scList .scTitle span{margin-right:25px}
.scListWrap .scList,.scListWrapIn .scList{padding:0 16px}
.scListWrap .scList .scTitle{}
.scListWrap .scList .scTitle strong,.scListWrapIn .scList .scTitle strong{font-size:18px}
.scListWrap .scList .scTitle span,.scListWrapIn .scList .scTitle span{float:right;padding-top:5px}
.scListWrapIn .scList .scTitle span{padding-right:25px}
.scListWrap .scList ul{}
.scListWrap .scList ul li,.scListWrapIn .scList ul li{border-top:1px dotted #e9e9e9;font-size:16px}
.scListWrap .scList ul li a,.scListWrapIn .scList ul li a{display:block;padding:14px 0}
.scListWrap .scList ul li:first-child,.scListWrapIn .scList ul li:first-child{border-top:0}
.scListWrap .scList ul li span,.scListWrapIn .scList ul li span{padding-right:5px;font-weight:600;color:#d31f21}
.searchListOut .reviewList .photoBox{overflow:hidden}
.searchListOut .commentClassInfo .writer{margin-top:6px}
/*.searchListOut .listBox .contInfoBox {margin-left: 135px;}*/
.scListBg{display:none;background-color:#fff;position:fixed;width:100%;height:100%;left:0;top:70px;right:0;bottom:0;z-index:1000}
.scListBg.on{display:block}
.scListBtn{display:block;width:30px;text-align:center;line-height:30px}
.scListBtn .icon{font-weight:600;font-size:20px;color:#000}
.scListBtn .icon{display:none}
.scListBtn .icon.on{display:block}
.PopularSearches{overflow:hidden;overflow-x:scroll}
.PopularScList{overflow:hidden;width:475px;padding:10px 0}
.PopularScList li{float:left;margin:0 16px;font-size:14px}
.PopularScList li a{color:#B4B4B4}

/*통합검색 결과*/
.searchList{height:50px;line-height:50px;border-bottom:7px solid #e9e9e9}
.searchList ul{overflow:hidden}
.searchList ul li{float:left;width:25%;text-align:center}
.searchList ul li a{font-size:15px}
.searchList ul li.on{border-bottom:3px solid #d31f21;height:47px}
.searchList ul li.on a{color:#d31f21}
.searchOut{margin:0;margin-bottom:16px;font-size:18px;color:#000}
.searchOut span{padding-left:0;font-size:18px;color:#d31f21}
.searchOut #totalCnt{color:#666}
span.totalCnt{color:#666}
.searchName{font-size:16px;font-weight:600;color:#000}
.moreLink{float:right;color:#666;font-size:14px;font-weight:500}
.contInfoWrap{padding:0}
.infoNameBox{margin:8px 0;line-height:18px}
.infoNameBox .subTitle{font-size:13px;color:#858585}
.infoNameBox .subTag{display:block;/* width:155px;*/line-height:16px;padding-top:5px;padding-left:0;word-break:break-all;font-size:11px;color:#2d4a78}
.contInfoWrap .eventTitle{margin-top:8px;line-height:18px;color:#d71f21;font-size:13px}
.prideBox{/*position: absolute;bottom: 0px;right: 0;*/margin-bottom:5px}
.prideBox .listNumber{text-align:right}
.prideBox .listNumber .pride{float:left;color:#666;font-size:12px;}
.prideBox .listNumber .eventPride{margin:0 0 2px;font-size:13px;}
.prideBox .listNumber .eventPride strong{font-size:16px;color:#000;vertical-align:middle}
/* 230329 hyj 추가 */
.prideBox .listNumber .eventPride .ex_pay{display:block;color:#929292;font-size:14px;text-decoration:line-through;}
.prideBox .listNumber .eventPride .ex_pay:after{content:'원';padding-left:1px;font-size:12px;}
/* //230329 hyj 추가 */
.prideBox .listNumber .eventPride .won{font-size:12px;vertical-align:middle}
.searchListOut{}
.searchListOut .listBoxContWrap{border-bottom:1px solid #f0f0f0}
.searchListOut .list_galleryS .list_gBox{margin:16px 0}
.searchListOut .reviewBox .classPlace{color:#000;background-color:#fff}
/* .listBoxContWrap .listBox .reviewList .photoBox{position: relative; float: left;width: 120px;height: 87px;} */
/* .listBoxContWrap .listBox .reviewList .photoBox img{width: 120px;height: 87px;} */
.listBoxContWrap .listBox .reviewList .rank{font-size:14px;color:#000}
.listBoxContWrap .listBox .reviewList.noPhoto .contInfoBox{margin-left:0}

/*정렬순*/
.listCondition{position:absolute;right:16px;top:1px}
.teacherListPage .listCondition,.pannelLayout .listCondition,.noticeSel .listCondition,.eventCont .listCondition{right:0}
.alignment.noticeSel{top:12px}
.mylevelTestCond{right:0}
.listcodnitiontitle{display:inline-block}
span.listcodnitiontitle{font-size:12px;color:#9c9c9c}
.listcodnitiontitle .icon{font-size:10px;padding-left:3px}
.line{display:inline-block;height:11px;padding:0 3px;font-size:12px;color:#ddd}
.lineDash{margin:2px 7px 0;font-size:8px;color:#ddd;border:1px dashed #ddd}
.tBold{color:#000}
.gray{color:#666}
span.listcodnitiontitle.on{color:#000;font-weight:600}
.listBoxContWrap .contInfoWrap .infoNameBox.cropBox{text-align:left;margin-top:0;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden}
.commentClassInfo .classPlace{display:inline-block;color:#fff;background-color:#272937;padding:4px 6px;letter-spacing:-0.5px}
.commentClassInfo .classTitle{margin:0;color:#24231f;padding:0;position:relative;font-size:13px}
.classTeacherName{padding:0 5px;padding-left:0;font-size:13px}
.commentClassInfo .writer{font-size:14px;color:#989898;margin-bottom:0}
.commentClassInfo .writer span{float:right}
.bestLabel{position:absolute;top:0;left:0;height:16px;font-size:11px;font-weight:400;padding:5px;padding-top:4px;color:#fff;display:inline-block;margin-right:5px;margin-bottom:5px;background-image:url(/assets/m-user/images/bestlabelBg.png);background-repeat:no-repeat;background-position:top;background-size:contain}
.specialecture .list_gBox{background-color:#f7f7f7;border:none}
.specialecture .list_gBox .list_gText{text-align:center}
.specialecture .list_gTex01{display:inline-block;background-color:#272937;padding:5px 15px;color:#fff;border-radius:20px;letter-spacing:-0.5px;font-size:12px;margin-bottom:0;margin-top:33px}
.specialecture .list_gtitle{position:relative;margin-top:0;margin-bottom:0;text-align:center}
.specialecture .splist_gBot{padding:0 10px}
.specialecture .splist_gBot2{padding:20px 0;font-weight:600;font-size:18px;color:#000}
.specialecture .dashed{position:relative;top:-6px;color:#666;font-size:16px;font-weight:400}
.specialecture .dateNumber{color:#24231f;font-size:25px;font-weight:600;padding:0 5px;letter-spacing:-0.5px}
.specialecture .list_gType_01{right:0;background-color:#cb282e;font-size:11px;z-index:0}
.specialecture .list_gType_02{font-size:11px}
.specialecture .list_gBot{font-size:12px;color:#333;letter-spacing:-0.5px}
.specialecture .spBox{position:relative;width:122px;height:136px;float:left;background-color:#ddd;text-align:center}
.specialecture .title{margin-bottom:16px}
.specialecture .specialInfo{margin-top:16px;font-size:13px}
.specialecture .specialInfo ul li{margin-top:4px}
.mbcontentBox{width:100%}
.mbContentWrap{}

/*페이지 상단 검색 영역*/
input[type="text"],input[type="password"]{-webkit-appearance:none;-webkit-border-radius:0}
input[type="radio"]{width:17px !important}
.radioBox{padding-right:10px}
.searchBoxWrap .btn{top:10px}
.search{position:relative;max-width:1080px;padding:0 16px;margin:0 auto;text-align:left;overflow:hidden}
/* .search:after {position: absolute;content: "";left: 0;bottom: 0px;width: 100%;height: 1px;background-color: #d1d1d1;} */
.search .inputBox{overflow:hidden}
.search .inputCont{padding:0 40px 0 0}
.search .inputCont input{width:100%;height:26px;font-size:13px;border:none;border-bottom:1px solid #707070;box-sizing:border-box;color:#000;font-weight:600}
.search.wideInput input{height:40px;line-height:40px;padding:0;text-indent:10px;margin:0}
.search.wideInput a{top:2px}
.search.wideInput .btn img{width:40px}
.search .inputBox select{width:100%;margin-bottom:0;border:none;border-bottom:1px solid #707070;font-size:14px}
.search .inputCont ul{overflow:hidden}
.search .inputCont ul li{float:left;width:30%}
.search .inputCont ul li.input_s{width:25%}
.search .inputCont ul li.input_ss{width:33%}
.search .inputCont ul li.input_sm{width:35%}
.search .inputCont ul li.input_sl{width:40%}
.search .inputCont ul li.input_m{width:50%}
.search .inputCont ul li.input_l{width:65%}
.search .inputCont ul li.input_xl{width:100%}
.search .inputCont ul li p{margin-right:10px}
.search .btn a{position:absolute;width:40px;margin-top:9px;font-size:13px;font-weight:600;color:#000;text-align:right;top:0}
.search .btn a img{width:33px}

/* 캘린더공통 191111 syh */
.leveltestCalendar{background:url(/assets/m-user/images/ico_cal.gif) no-repeat 95% 35%}
.ui-widget-header a{color:#000;font-family:'wvIcon' !important;cursor:pointer}
.ui-widget-header a.ui-datepicker-prev:after{display:block;content:'\eafe';font-size:10px;color:#fff;transform:rotate(180deg);line-height:28px}
.ui-widget-header a.ui-datepicker-next:after{display:block;content:'\eafe';font-size:10px;color:#fff;line-height:28px}
.ui-state-hover.ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{background:none !important;border:1px solid #c00 !important}

/*teacher list*/
.teacherBanner{position:relative;overflow:hidden}
.teacherBanner.atype{}
.teacherBanner .teacherBannerIn li img.tcBnrBg{}
.teacherBanner .teacherBannerIn li img.tcBnrTitle{position:absolute;top:23px;left:0}
.teacherBanner .teacherBannerIn li img.tcBnrTc{position:absolute;bottom:0}
.teacherBanner .teacherBannerIn{overflow:hidden}
.teacherBanner .teacherBannerIn li{position:relative}
.teacherBanner .teacherBannerIn li img{width:100%}
.teacherBanner .wvNumBox{right:12px;top:12px;width:auto;z-index:99}
.teacherBanner .wvNumBox a{width:8px;height:8px}
.teacherBanner .wvNumBox a.on{}
.teacherBanner .wvNumBoxIn{display:none}
.tcProfile{position:absolute;bottom:0;width:100%}
.tcProfileIn{overflow:hidden;margin:0 -40px}
.teacherBannerIn .Btype1:before{display:block;content:'';background-image:url(/assets/m-user/images/teacherBnr/sidebg1.png);background-repeat:no-repeat;width:220px;height:269px;position:absolute;right:0;bottom:0;background-size:contain}
.teacherBannerIn .Btype1:after{z-index:5;display:block;content:'';background-image:url(/assets/m-user/images/teacherBnr/sidebg2.png);background-repeat:no-repeat;width:130px;height:115px;position:absolute;bottom:0;background-size:contain}
.teacherBannerIn .Btype2:before{display:block;content:'';background-image:url(/assets/m-user/images/teacherBnr/sidebg7.png);background-repeat:no-repeat;width:220px;height:269px;position:absolute;right:0;bottom:0;background-size:contain}
.teacherBannerIn .Btype2:after{z-index:5;display:block;content:'';background-image:url(/assets/m-user/images/teacherBnr/sidebg8.png);background-repeat:no-repeat;width:130px;height:115px;position:absolute;bottom:0;background-size:contain}
.teacherBannerIn .Btype3:before{display:block;content:'';background-image:url(/assets/m-user/images/teacherBnr/sidebg5.png);background-repeat:no-repeat;width:220px;height:269px;position:absolute;right:0;bottom:0;background-size:contain}
.teacherBannerIn .Btype3:after{z-index:5;display:block;content:'';background-image:url(/assets/m-user/images/teacherBnr/sidebg6.png);background-repeat:no-repeat;width:130px;height:115px;position:absolute;bottom:0;background-size:contain}
.teacherBannerIn .Btype4:before{display:block;content:'';background-image:url(/assets/m-user/images/teacherBnr/sidebg3.png);background-repeat:no-repeat;width:220px;height:269px;position:absolute;right:0;bottom:0;background-size:contain}
.teacherBannerIn .Btype4:after{z-index:5;display:block;content:'';background-image:url(/assets/m-user/images/teacherBnr/sidebg4.png);background-repeat:no-repeat;width:130px;height:115px;position:absolute;bottom:0;background-size:contain}
.teacherBannerIn .tcProfileIn li.tcBnrTc1{margin-left:1%;z-index:4}
.people4 .tcProfileIn li{margin-left:-28%;width:44.5%}
.people4 .tcProfileIn li:first-child{margin-left:3%;overflow:hidden}
.people3 .tcProfileIn li{margin-left:-20.5%;width:41.5%}
.people3 .tcProfileIn li:first-child{margin-left:9%}
.people2 .tcProfileIn li{margin-left:-20%;width:44.5%}
.people2 .tcProfileIn li:first-child{margin-left:17%}
.people1 .tcProfileIn li{width:47.5%}
.people1 .tcProfileIn li:first-child{margin-left:26%}
.teacherBanner .teacherBannerIn .tcProfileIn li img{width:100%}
.teacherBanner .teacherBannerIn .tcProfileIn li.tcBnrTc2{z-index:3}
.teacherBanner .teacherBannerIn .tcProfileIn li.tcBnrTc3{z-index:2}
.teacherBanner .teacherBannerIn .tcProfileIn li.tcBnrTc4{z-index:1}
/*.swiper-container {    position: absolute; z-index: 9; right: 16px; top: 10px;}*/
.tcBnr-pagination{position:absolute;top:10px;right:10px;z-index:99;bottom:auto !important;left:auto !important;width:auto !important;}/* 231218 hyj 수정 */
.teacherBanner .swiper-pagination-clickable .swiper-pagination-bullet{margin:0 2px}
.teacherBanner .swiper-pagination-bullet-active{background:#fff}
.bannerLink{position:absolute;width:100%;margin-top:-35px;z-index:6}
.bannerLinkIn{width:90%;margin:0 auto}
.bannerLinkIn li{float:left;text-align:center}
.people5 .bannerLinkIn li{width:20%} /* 250722 syh 추가 */
.people4 .bannerLinkIn li{width:25%}
.people3 .bannerLinkIn li{width:31%;margin:0 1%}
.people2 .bannerLinkIn{width:58%}
.people2 .bannerLinkIn li{width:50%}
.people1 .bannerLinkIn li{float:none;width:37%;margin:0 auto}
.bannerLinkIn li a{display:inline-block;padding:5px;width:80%;font-size:10px;background-color:rgba(89,87,87,0.8);color:#fff;box-shadow:2px 2px 6px 0 rgba(0,0,0,0.6)}
.bannerLinkIn li a .icon{float:right;margin-top:3px;font-size:10px}
/* .teacherContentWrap {margin-top: 61px; margin-bottom: 36px;} */
.searchBox{position:relative;max-width:1080px;padding:16px;margin:0 auto;text-align:left;border-bottom:7px solid #ebebeb}
.searchBox input{border:none;border-bottom:1px solid #707070;font-size:14px;color:#000;font-weight:300;width:18%;height:20px;margin:0 .5%;-webkit-appearance:none;-webkit-border-radius:0}
.searchBox input.techerSearh{width:42%}
.searchBox .searchBtn{width:8%;top:10px;right:16px}
.searchBox .searchBtn img{max-width:100%}
.listBoxContWrap{padding:0 16px;position:relative}
.alignment.selBox{height:22px}
.alignment .searchNum{margin-top:16px;margin-bottom:4px;font-size:16px;color:#000;font-weight:600;position:relative}
/*.alignment .searchNum span {color: #d31f21;}*/
.alignment select{position:absolute;top:0;right:0;/* width: 55px;  */font-size:13px;border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none/*background: url(/assets/m-user/images/ic_more.png) no-repeat 100% 50%;*/}
.listBox{position:relative}
.listBox .teacherProfile{overflow:hidden;padding-bottom:0}
.teacherListPage .alignment .searchNum{margin-top:16px}
.teacherListPage .list>li{padding:16px 0 13px}
/* 240621 syh 수정 */
.teacherListPage .listBox .teacherProfile .listBox .contInfo .list_gBottom{top:auto;bottom:0;width:100%}
.teacherListPage .listBox .contInfo{position:relative;bottom:auto}
.teacherListPage .listBox .contInfo .list_gBottom{position:static;}
.teacherListPage .listBox .contInfo .list_gBottom .listGAP{display:inline-block;}
.teacherListPage .listBox .contInfo .list_gBottom .listNumber{text-align:right}
.teacherListPage .listBox .contInfoBox .conSubject .teacherNameBox{float:none;margin-bottom:3px}
.teacherListPage .listBox .contInfoBox .conSubject .teacherNameBox .teacherName{font-size:16px;font-weight:600;color:#000}
.teacherListPage .listBox .contInfoBox .conSubject .teacherInfo{font-size:12px;margin:0;text-transform:uppercase;color:#666;margin-bottom:3px;} 
.teacherListPage .listBox .contInfoBox .conSubject .text img{width:17px}
.teacherListPage .listBox .profile{height:80px;overflow:hidden}
.teacherListPage .listBox .profile > img{position:absolute;width:150px;bottom:0;left:calc(50% - 75px);}
.teacherListPage .listBox .contInfoBox .conSubject .title{font-weight:500;font-size:12px}
.teacherListPage .listBox .rvtext{}
.teacherListPage .listBox .rvtext img{width:17px}
.list{}
.list>li{padding:20px 0 16px;border-top:1px solid #f0f0f0}
.list>li:first-child{padding-top:0;border-top:none}
.listBox .teacherProfile .list_gType_01{left:0;right:auto;font-size:11px;background-color:#000}
.listBox .teacherProfile .photo-bg img{width:100%}
.listBox .profile{position:relative;float:left;width:120px;padding-top:30px;background-color:#eee}
.listBox .profile>img{width:100%}
.listBox .contInfoBox{margin-left:135px}
.listBox.nophoto .contInfoBox{margin-left:0}
.listBox .contInfoBox .conSubject{position:relative;height:136px}
.listBox .teacherProfile .contInfoBox .conSubject{height:auto;}
/* //240621 syh 수정 */


/*.teacherListPage .listBox .teacherProfile .listBox .contInfo .list_gBottom{top:auto;bottom:0;width:100%}
.teacherListPage .listBox .contInfo{position:relative;bottom:auto}
.teacherListPage .listBox .contInfo .list_gBottom{position:relative;top:22px}
.teacherListPage .listBox .contInfo .list_gBottom .listGAP{display:inline-block;float:left;padding-right:5px}
.teacherListPage .listBox .contInfo .list_gBottom .listNumber{text-align:right}
.teacherListPage .listBox .contInfoBox .conSubject .teacherNameBox{float:none;margin-bottom:14px}
.teacherListPage .listBox .contInfoBox .conSubject .teacherNameBox .teacherName{font-size:16px;font-weight:600;color:#000}
.teacherListPage .listBox .contInfoBox .conSubject .text img{width:17px}
.teacherListPage .listBox .profile{height:80px;overflow:hidden}
.teacherListPage .listBox .profile > img{position:absolute;width:135px;bottom:0;margin-left:-7px}
.teacherListPage .listBox .contInfoBox .conSubject .title{font-weight:500;font-size:12px}
.teacherListPage .listBox .rvtext{position:absolute;top:26px}
.teacherListPage .listBox .rvtext img{width:17px}
.list{}
.list>li{padding:20px 0 16px;border-top:1px solid #f0f0f0}
.list>li:first-child{padding-top:0;border-top:none}
.listBox .teacherProfile .list_gType_01{left:0;right:auto;font-size:11px;background-color:#000}
.listBox .teacherProfile .photo-bg img{width:100%}
.listBox .profile{position:relative;float:left;width:120px;padding-top:30px;background-color:#eee}
.listBox .profile>img{width:100%}
.listBox .contInfoBox{margin-left:135px}
.listBox.nophoto .contInfoBox{margin-left:0}
.listBox .contInfoBox .conSubject{position:relative;height:136px}
.listBox .teacherProfile .contInfoBox .conSubject{position:relative;height:115px} */

/*수강후기 작성자 추가*/
.listBox .conSubject .commentWriter{position:absolute;right:0;top:0}
.listBox .conSubject .commentWriter span{padding:0 5px;color:#666;font-size:12px;font-weight:400;display:inline-block;position:relative}
.listBox .conSubject .commentWriter .writer:after{width:1px;height:11px;background-color:#d8d8d8;display:block;content:'';position:absolute;right:-2px;top:1px}
/* .listBox .contInfoBox .conSubject .subTitle {font-size: 13px;} */
.listBox .contInfoBox .conSubject .title{font-size:16px;font-weight:700;color:#000;word-break:keep-all;overflow-wrap:break-word;}/* 240508 kmh 수정 */
.listBox .contInfoBox .conSubject .title a{color:#000}
.listBox .contInfoBox .conSubject .teacherNameBox{float:left}
.listBox .contInfoBox .conSubject .teacherNameBox .teacherName{font-size:14px}
.listBox .contInfo{/*overflow: hidden;*/position:absolute;width:100%;bottom:3px}
.listBox .contInfo .list_gBottom{position:absolute;top:7px;right:0}
.listBox .contInfo .list_gBottom .listGAP{text-align:right;color:#d31f21}
.listBox:last-child .reviewList.listBoxContWrap .listBox:last-child .reviewList{border-bottom:none}
.listBox:last-child .reviewList .writer{margin-bottom:0;padding-left:0}
.listBoxContWrap.reviewBox .listBox .contInfoBox .conSubject{height:auto}
/* .alignmentWrap .alignment select {position: absolute;top: 0px;right: opx;width: 55px;border: none;border-radius:0; border:none;-webkit-appearance:none; -moz-appearance:none; appearance:none;background: url(/assets/m-user/images/ic_more.png) no-repeat 100% 50%;} */
.alignmentWrap .alignment select::-ms-expand{display:none}

/*teacher view*/
/* .teacherViewTop {margin-top: 61px;} */
.teacherViewTop .teacherNameClassLink{position:relative;margin:10px 15px;text-align:left}
.teacherViewTop .teacherNameClassLink h3{font-size:18px;line-height:30px;color:#000;margin-top:0;padding-top:0;margin-bottom:10px;font-weight:700}
/* 230628 kmh 수정 및 추가 */
.teacherClassLink{position:absolute;top:0;right:0;}
.teacherClassLink .icon-k-next{vertical-align:middle;font-size:11px}
.teacherClassLink a{display:inline-block;background-color:#272937;color:#fff;font-size:14px;line-height:30px;}
.teacherClassLink a + a{margin-left:5px;}
.teacherClassLink .linkBtn{padding:0 5px;}
.teacherClassLink .linkBtn.ver2{background-color:#d31f22;}
/* // */
.teacherViewTop .teacherInfomation{background-color:#f3f6f9}
.teacherViewTop .teacherInfomation .starBox{display:inline-block}
.teacherViewTop .listBoxContWrap .profileBox .teacherProfile .profile{width:120px;height:80px;overflow:hidden}
.teacherViewTop .listBoxContWrap .profileBox .teacherProfile .profile img{position:absolute;width:135px;height:auto;bottom:0;margin-left:-7px}
.listBoxContWrap .profileCont{padding:16px 0}
.listBoxContWrap .profileBox{position:relative}
.listBoxContWrap .profileBox .teacherProfile{overflow:hidden}
.listBoxContWrap .profileBox .teacherProfile .list_gType_01{left:0;right:auto;font-size:11px}
.listBoxContWrap .profileBox .teacherProfile .profile{position:relative;float:left;padding-top:30px;background-color:#fff}
.listBoxContWrap .profileBox .teacherProfile .profile img{width:125px;height:80px}
.listBoxContWrap .profileBox .teacherProfile .contInfoBox{margin-left:137px}
.listBoxContWrap .profileBox .teacherProfile .tcSns{margin-top:10px;margin-left:137px;border-top:1px solid #ddd;padding-top:9px;} /* 211112 syh 수정 */
.listBoxContWrap .profileBox .teacherProfile .tcSns span{display:inline-block;margin-right:10px;vertical-align:sub}
.listBoxContWrap .profileBox .teacherProfile .tcSns span img{height:16px;}
/* 211112 syh 삭제
.listBoxContWrap .profileBox .teacherProfile .tcSns span img.mail{width:23px}
.listBoxContWrap .profileBox .teacherProfile .tcSns span img.blog{width:22px}
.listBoxContWrap .profileBox .teacherProfile .tcSns span img.cafe{width:25px}
.listBoxContWrap .profileBox .teacherProfile .tcSns span img.twit{width:22px}
.listBoxContWrap .profileBox .teacherProfile .tcSns span img.facebook{width:11px}
.listBoxContWrap .profileBox .teacherProfile .tcSns span img.insta{width:20px}
.listBoxContWrap .profileBox .teacherProfile .tcSns span img.youtube{width:22px}
.listBoxContWrap .profileBox .teacherProfile .tcSns span img.kakao{width:23px;margin-right:5px}
*/
.listBoxContWrap .profileBox .teacherProfile .tcSns .last{margin-right:3px}
.listBoxContWrap .profileBox .teacherProfile .tcSns .kakaoId{margin-right:0;color:#000;font-weight:600}
.listBoxContWrap .profileBox .teacherProfile .contInfoBox .conSubject{position:relative;height:136px}
.listBoxContWrap .profileBox .contInfoBox .conSubject .subTitle{font-size:12px}
.listBoxContWrap .profileBox .contInfoBox .conSubject .title{font-size:18px;font-weight:700}
.listBoxContWrap .profileBox .contInfoBox .conSubject .teacherNameBox{float:left}
.listBoxContWrap .profileBox .contInfoBox .conSubject .teacherNameBox .teacherName{font-size:18px}
.listBoxContWrap .profileBox .contInfo{overflow:hidden;position:absolute;width:100%;bottom:0}
.listBoxContWrap .profileBox .contInfo .list_gBottom{position:absolute;top:7px;right:0}
.listBoxContWrap .profileBox .contInfo .list_gBottom .listGAP{text-align:right;color:#d31f21}
.profileBox ul.infoList{}
.profileBox ul.infoList li:first-child{padding-top:0}
.profileBox ul.infoList li{padding-top:8px;overflow:hidden;color:#000}

/* 211201 syh 수정 및 추가 */
.profileBox ul.infoList li span.suj{font-size:12px;width:59px;display:inline-block}
.profileBox ul.infoList li .icon{font-size:12px;width:20px;display:inline-block}
.profileBox ul.infoList li strong{padding-right:3px;font-size:14px}
.profileBox ul.infoList li.kakao strong{font-weight:normal;}
.profileBox ul.infoList li.kakao strong em{font-style:normal;font-weight:600;}
.profileBox ul.infoList li .teamRv{display:block;margin-left:59px}
.profileBox ul.infoList li.hash{font-size:12px;color:#19468e;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:3px 0 0 59px;}
/*//*/

.teacherGPAPrograss{padding:0}
.teacherGPAPrograss .title{font-size:13px;font-weight:500;letter-spacing:-0.5px}
.teacherGPAPrograss .prograssBox{position:relative;cursor:pointer;padding:10px 16px;background-color:#eaecef;transition:all ease .3s}
/*.teacherGPAPrograss .prograssBox.on{padding: 24px;}*/
.teacherGPAPrograss .prograssBox .title{/*background: url('/assets/m-user/images/arrow.png') no-repeat;*/background-size:17px;background-position:right 1px;width:100%;background-color:#eaecef;transition:all ease .3s}
.teacherGPAPrograss .prograssBox .title.on{padding:16px 0 8px;font-size:15px}
.teacherGPAPrograss .prograssBox .title .arrowIcon{background:url(/assets/m-user/images/arrow.png) no-repeat;background-size:17px;background-position:right 1px;background-color:#eaecef;transition:all ease .3s;position:absolute;top:9px;right:9px;width:20px;height:20px;/* background-size: contain; */overflow:hidden}
.teacherGPAPrograss .prograssBox .title.on .arrowIcon{background-position:right -16px;top:16px}
.teacherGPAPrograss .prograssBox .upicon{}
.teacherGPAPrograss .prograssBox .downicon{}
.teacherGPAPrograss .prograssBox .toggleBox{padding-bottom:11px;background-color:#eaecef}
.teacherGPAPrograss .prograssBox .toggleBox table{width:100%}
.teacherGPAPrograss table td.gpaProTitle{padding-left:0;font-size:12px;position:relative;width:24%}
.teacherGPAPrograss table td{padding:8px 5px}
.helpex{cursor:default;display:inline-block;width:20px;height:20px;border-radius:100%;background-color:#d7d7d7;color:#fff;text-align:center;line-height:22px;margin-left:3px;font-size:12px}
.helpexContainer{display:none;position:absolute;left:80px;top:0;width:186px;padding:5px 14px;border:1px solid #666;font-size:11px;font-weight:400;color:#666;line-height:16px;letter-spacing:-1px;background-color:#fef7ec;z-index:1000}
.writeReview .helpexContainer{width:100px}
.teacherGPAPrograss .prograssBg{width:100%;background-color:#fff;line-height:14px}
.teacherGPAPrograss .prograssContainer{background-color:#818aa1;color:#fff;width:90%}
.prograssData{margin:0;padding:0 8px}
.teacherViewTabButtonLayout{overflow:hidden;text-align:center;border-bottom:1px solid #e9e9e9}
.teacherViewTabButtonLayout li{position:relative;padding:0 5.5px;display:inline-block;text-align:center;height:50px;line-height:50px;font-size:15px;cursor:pointer}
.teacherViewTabButtonLayout li a{display:inline-block;width:100%;display:inline-block;text-align:center;font-size:15px;font-weight:400}
/* .teacherViewTabButtonLayout li.on {border-bottom: 3px solid #d31f21;}   */
.teacherViewTabButtonLayout li.on a{color:#d31f21}
.teacherViewTabButtonLayout li:after{position:absolute;left:0;bottom:0;content:'';width:0;height:3px;background-color:#d31f21;transition:.35s;transform:translateX(0%)}
.teacherViewTabButtonLayout li.on:after{width:100%}
.pannel{display:none;padding-top:24px}
.pannel .alignmentWrap .searchNum{margin-bottom:16px}
.pannel01{display:block}
.pannelReiviewTop{padding:0 16px}
.pannel .box .btnWrap{padding:0}
.pannelLayout{margin-bottom:36px}
.pannelLayout .pannelCont{position:relative;padding:0 16px}
.pannelLayout h4.title{margin-top:0;font-size:18px;text-align:center;color:#000}
/* 191111 kmh 수정 및 추가 */
.pannelLayout .veidoArea{position:relative;padding-bottom:56.2%;/* height: 185px;*/overflow:hidden}
.pannelLayout .veidoArea ul.veidoList{height:100%;position:absolute;left:0;top:0}
.pannelLayout .veidoArea ul.veidoList li{height:100%;float:left;/* height: 200px;*/margin-bottom:0}
.pannelLayout .veidoArea ul.veidoList .viedoSize,.pannelLayout .veidoArea ul.veidoList .viedoSize a{height:100%}
/* //191111 kmh 수정 및 추가 */

/* 210630 syh 추가 */
.teacherOnlineLecture{font-size:16px;font-weight:600;color:#000;padding:20px 0;margin:0 15px;line-height:1;position:relative;border-bottom:1px solid #f0f0f0;}
.teacherOnlineLecture > span{color:#19468e;display:block;margin-bottom:5px;}
.teacherOnlineLecture .btnTcPasta{position:absolute;top:20px;right:0;display:inline-block;vertical-align:middle;padding:0 32px;height:40px;line-height:40px;font-size:16px;color:#fff;font-weight:600;background-color:#d31f21;text-align:center;margin-left:15px;}
.teacherOnlineLecture .icon-k-next{vertical-align:middle;font-size:11px;margin-left:8px;}


/* 201113 kmh 추가 */
.thumbVideoArea{}
.thumbVideoArea .listSort{text-align:right;}
.thumbVideoArea .customSelect{font-size:14px;}
.thumbVideoArea .moreBtn2{margin-top:10px;}
.thumbList{}
.thumbList li{padding:8px 0;}
.thumbList .no-data{padding:15px 0;text-align:center;font-size:13px;color:#000;}
.thumbList .wrap{width:100%;display:table;table-layout:fixed;border-spacing:0;}
.thumbList .wrap > div{display:table-cell;vertical-align:middle;}
.thumbList .img{width:140px;}
.thumbList .img .imgBox{width:100%;padding-bottom:66.43%;position:relative;overflow:hidden;}
.thumbList .img .imgBox img{width:100%;height:100%;position:absolute;left:0;top:0;}
.thumbList .cont{padding:0 0 0 13px;}
.thumbList .cont .label{height:22px;padding:0 9px;margin-right:3px;display:inline-block;vertical-align:middle;font-size:12px;line-height:22px;font-weight:bold;color:#fff;background-color:#121b3f;}
.thumbList .type-sample .label{background-color:#e7e7e7;color:#1d1d1d;}
.thumbList .cont p{height:66px;margin:3px 0 0;font-size:13px;line-height:1.7;color:#272937;overflow:hidden;}
/* //201113 kmh 추가 */


.pannelLayout .conDan2{width:100%;margin-top:16px}
.pannelLayout .conDan2 .conDanBox{width:100%}
.pannelLayout .conDan2 .conDanBox:first-child .conDanBoxIn{padding-right:0}
.pannelLayout .conDan2 .conDanBox .conDanBoxIn{padding-left:0}
.pannelLayout .conT5{font-size:16px}
.pannelLayout .conBox{word-break:break-all;font-size:14px;line-height:22px;background-color:#f7f7f7}
.pannelLayout .classCharacter{margin-top:-10px}
.pannelLayout .classCharacter .p1{display:none}
.pannelLayout .classCharacter img{max-width:100%;height:auto}
.pannelLayout .classCharacter table{width:100%}
.pannelLayout .classCharacter iframw{width:100%}
.pannelLayout .photoReviewBox,.pannelLayout .basicReviewBox{padding:0}
.pannelLayout .veidoArea .wvNextBox .prevBu{top:38%}
.pannelLayout .veidoArea .wvNextBox .nextBu{top:38%}
.pannelLayout .veidoArea .wvNextBox a{margin-top:-10px}
.pannelLayout .veidoArea .wvNextBox span{font-size:25px}
.veidoArea .swiper-button-prev:after,
.veidoArea .swiper-button-next:after{content:none;}
.veidoArea .swiper-button-prev,
.veidoArea .swiper-button-next{width:15px;height:24px;margin-top:-12px;background-size:100% 100%;background-repeat:no-repeat}
.veidoArea .swiper-button-prev{background-image:url(/assets/m-user/images/ac-prev.png)}
.veidoArea .swiper-button-next{background-image:url(/assets/m-user/images/ac-next.png)}

/* 200720 hyj 수정 */
.teacherClassListTop{}
.teacherClassListTop p{margin:0;font-size:16px;padding-right:10px}
.teacherClassListTop .alignment ul li{position:relative;display:inline-block;padding:0;background:none;}
.teacherClassListTop .alignment ul li + li{padding-left:10px;margin-left:10px;}
.teacherClassListTop .alignment ul li + li:before{content:'';position:absolute;left:0;top:2px;width:1px;height:15px;background:#9c9c9c;}
.teacherClassListTop .alignment a{font-size:16px;color:#9c9c9c}
.teacherClassListTop .alignment li.on a{font-weight:600;color:#000}
.teacherClassListTop .alignment li a span{padding:0;font-size:15px;color:#9c9c9c}
.teacherClassListTop .alignment li.on a span{color:#000}
.teacherClassListTop .list{clear:both}
.teacherClassListTop p.eventPride{padding-right:0}
.teacherClassListTop p.eventPride span.lowest{color:#d31f21}
.teacherClassListTop .listNumber p.eventPride strong{color:#000}
.teacherClassListTop .list_galleryS .contInfoWrap .infoNameBox .subTitle{padding-right:5px}

.onlineclass {border-top:1px solid #d8d8d8;}
.onlineclass .reg_info {padding:25px 16px 10px;color:#000;}
.onlineclass .reg_info h2 {padding:0;margin:0;font-size:24px;font-weight:600;text-align:center;}
.onlineclass .reg_info p {padding:0;margin:15px 0 0;font-size:16px;}
.onlineclass .listWrap {border-bottom:7px solid #ebebeb}
.onlineclass .teacherClassListTop .listBoxCont {border-top:1px solid #d8d8d8;}
.onlineclass .teacherClassListTop .list > li {padding-top:20px;}
.onlineclass .myClassSlide .infoList ul li p {padding-right:0;}
.onlineclass .btnarea {margin:20px 0;}
.onlineclass .btnarea a {display:block;height:55px;line-height:55px;color:#fff;font-size:18px;text-align:center;background-color:#d31f21;}
.onlineclass .login {padding-top:60px;text-align:center;}
.onlineclass .login .reg_info h2 {font-size:26px;}
.onlineclass .login .reg_info p {margin:40px 0 0;font-size:16px;}
.onlineclass .login .btnarea {padding:0 16px;margin-bottom:20%;}
/* //200720 hyj 수정 */

.alignmentWrap{position:relative;overflow:hidden}
.alignmentWrap .classCommentsTitle{font-size:18px;margin:0;float:left;color:#000;font-weight:700}
.alignmentWrap .searchNum{clear:both;margin:0;color:#000;font-weight:600;font-size:16px;position:relative}
.pannel .galBoxListWrap{padding:0 16px}
.pannel .galBoxListWrap .specialecture .dateNumber{font-size:38px}
.veidoArea .swiper-button-next.swiper-button-disabled,.veidoArea .swiper-button-prev.swiper-button-disabled{display:none}
.viedoSize{background-color:#eee;overflow:hidden;position:relative}
.viedoSize a:after{display:block;content:'';width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:absolute;left:0;top:0}
.viedoSize a:before{display:block;content:'';background-image:url(/assets/user/images/teacher_videoPlay.png);position:absolute;left:50%;top:50%;width:62px;height:43px;margin-left:-30px;margin-top:-21px;background-repeat:no-repeat;z-index:1}
.viedoSize a{display:block}
.viedoSize a img{width:100%;height:100%;object-fit:cover}


/* 200528 hyj 수정 */
/* 강의 안내 */
/* 210513 syh 수정 */
div[class^=letureLayout0], div[class^=letureLayoutEv], .letureLayoutOnlineClass, .letureLayoutPasta{position:relative; height:250px; background-position:right bottom; background-repeat:no-repeat; background-size:auto 100%;} /* 210513 syh 수정 */ /* 221207 pny 클래스 추가 */
.letureLayoutIn .letureTextsubTitle{color:#000}
.letureLayoutIn{position:relative; width:90%;margin:0 auto;text-align:left;padding-top:45px;}
.letureLayoutIn .letureTextTitle{font-size:33px;font-weight:600;margin-bottom:5px;}
.letureLayoutIn .letureTextTitle img {height:35px;}
.letureLayoutIn .letureTextsubTitle{font-size:13px;font-weight:400;letter-spacing:-0.5px;margin-bottom:0}
.letureLayoutIn .letureBoxSubjectList{max-width:208px;}
.letureLayoutIn .letureBoxSubjectList li{display:inline-block;height:24px;margin:2px;margin-top:0;margin-left:0;}
.letureLayoutIn .letureBoxSubjectList li:first-child{margin-left:0}
.letureLayoutIn .letureBoxSubjectList li a{display:block;padding:0 7px;font-size:12px;font-weight:400;color:#fff;line-height:24px;background-color:#a1211d} /* 210513 syh 수정 */
/* // */

/* 250529 hyj 딜리버리 라이브 추가 */
.letureLayoutDeliveryLive{height:220px;background:#d2232a url('/assets/m-user/images/bg_DeliveryLive.jpg') no-repeat right bottom / auto 100%;}
.letureLayoutDeliveryLive .letureLayoutIn .letureTextTitle img{height:95px;}
/* //250529 hyj 딜리버리 라이브 추가 */

/* 221207 pny 추가 */
.letureLayoutEvDelivery{color:#fff; background-color:#f2f1ed; background-image:url('/assets/m-user/images/img_bg_event.jpg');}
.letureLayoutEvDelivery .letureLayoutIn .letureTextTitle img {height:115px;} /* 221213 pny 수정 */
/* // */
/* 221208 pny 추가   / 221213 pny 삭제 */
/*.letureLayoutEvDelivery .letureLayoutIn .letureTextSubTitle {font-size:0; margin-top:12px;}
.letureLayoutEvDelivery .letureLayoutIn .letureTextSubTitle img {height:13px;}*/
/* // */

/* 230822 hyj 수정*/
.letureLayoutEvJumboShow{background-color:#362584; background-image:url('/assets/m-user/images/bg_jumbo_show.jpg');}
.letureLayoutEvJumboShow .letureLayoutIn{padding-top:80px}
.letureLayoutEvJumboShow .letureLayoutIn .letureTextTitle img{height:81px}
/* //230822 hyj 수정*/

/* 250916 hyj 수정* */
.letureLayoutCheatKey{position:relative; height:220px; background:#1e232b url('/assets/m-user/images/bg_cheat_key.jpg') no-repeat right bottom / auto 100%;}
.letureLayoutCheatKey .letureLayoutIn{padding-top:40px}
.letureLayoutCheatKey .letureLayoutIn .letureTextTitle img{height:138px;}
.letureLayoutCheatKey .letureLayoutIn .letureTextsubTitle{padding-top:7px;color:#a5a7ab;}
.letureLayoutCheatKey .f_banner{position:absolute;right:0;top:5%;width:28vw;max-width:150px;}
.letureLayoutCheatKey .f_banner img{width:100%;}/* 250923 hyj 추가 */
/* //250916 hyj 수정* */

/*더블랙*/
.letureLayout02{color:#fff; background-color:#000; background-image:url('/assets/m-user/images/img_bg02.jpg');}
.letureLayout02 .letureLayoutIn .letureTextsubTitle{color:#e1a57e}
.letureLayout02 .letureLayoutIn .letureBoxSubjectList li a{background-color:#2E323D}

.contentBox .letureLayout02{height:359px;}
.letureLayout02 .letureLayoutIn{padding-top:20px;}
.letureLayout02 .letureLayoutIn .letureTextTitle{padding-top:20px;}

/*점보반*/
.letureLayout01{color:#fff; background-color:#d31f21; background-image:url('/assets/m-user/images/bg_lecture_mach.jpg');} /* 210513 syh 수정 */
.letureLayout01 .letureLayoutIn .letureTextsubTitle{margin-bottom:10px;color:#fff}
.letureLayout01 .letureLayoutIn .letureTextTitle img {height:64px;}
/* //200528 hyj 수정 */

/* 230511 hyj 수정 */
/* 영어회화 / 실용영어 */
.lectureVisualList .letureLayout03{height:380px;}/* 230523 hyj 수정 */
.letureLayout03{color:#fff; background-color:#f8f8f8; background-image:url('/assets/m-user/images/img_bg03.jpg');}
.letureLayout03 .letureLayoutIn{padding-top:30px;}
.letureLayout03 .letureLayoutIn .letureBoxSubjectList{max-width:100%;}
.letureLayout03 .letureLayoutIn .letureBoxSubjectList + .letureTextTitle{margin-top:20px;}
.letureLayout03 .letureLayoutIn .letureBoxSubjectList + .letureTextTitle + .letureBoxSubjectList{max-width:250px;}
.letureLayout03 .letureLayoutIn .letureBoxSubjectList li a{min-width:50px;text-align:center;background-color:#006a53}
.letureLayout03 .letureLayoutIn .letureTextTitle{padding:10px 0 15px;color:#006a53}
/* //230511 hyj 수정 */

/* 중국어 */
.letureLayout04{color:#fff; background-color:#fff; background-image:url('/assets/m-user/images/img_bg04.jpg');}
.letureLayout04 .letureLayoutIn .letureTextTitle{color:#0e619b}
.letureLayout04 .letureLayoutIn .letureBoxSubjectList li a{background-color:#387dac}

/* 일본어 */
.letureLayout05{color:#54002b; background-color:#f8f8f8; background-image:url('/assets/m-user/images/img_bg05.jpg');}
.letureLayout05 .letureLayoutIn .letureTextTitle{color:#d06da0}
.letureLayout05 .letureLayoutIn .letureBoxSubjectList li a{background-color:#c74688}

/* 제2외국어 */
.letureLayout06{color:#412b16; background-color:#fff; background-image:url('/assets/m-user/images/img_bg06.jpg');}
.letureLayout06 .letureLayoutIn .letureTextTitle{color:#9d8966}
.letureLayout06 .letureLayoutIn .letureBoxSubjectList li a{background-color:#9a835b}

/* 200325 hyj 수정 */
/* GRE */
.letureLayout07{background-color:#f8f8f8; background-image:url('/assets/m-user/images/img_bg07.jpg');} /* 210609 syh 수정 */
.letureLayout07 .letureLayoutIn .letureTextTitle{color:#e6602b}
.letureLayout07 .letureLayoutIn .letureBoxSubjectList li a{background-color:#e6602b;width:41px;text-align:center;} /* 200811 syh 추가 */

/* 온라인 클래스 221226 kmh 수정 */
.letureLayoutOnlineClass{background-color:#2d42bc; background-image:url('/assets/m-user/images/img_bg_online_class.jpg');height: 220px;}
.letureLayoutOnlineClass .letureLayoutIn .letureTextTitle{color:#fff;}
.letureLayoutOnlineClass .letureLayoutIn .letureTextTitle img {height:97px;}
/* // */

/* 라이트 클래스 210609 syh 추가 */
.letureLayoutLightClass{background:#fff url('/assets/m-user/images/img_bg_light_class.jpg') right bottom no-repeat;background-size: auto 100%;height: 250px;position:relative;}/* 221226 kmh 수정 */
.letureLayoutLightClass .letureLayoutIn .letureTextTitle{color:#854ae2;}
.letureLayoutLightClass .letureLayoutIn .letureTextTitle img {margin-top:8px;height:72px;}/* 221226 kmh 추가 */

/* 크리에이터 클래스 */
.letureLayout08{background-color:#f8f8f8; background-image:url('/assets/m-user/images/img_bg08.jpg');}/* 221226 kmh 수정 */
.letureLayout08 .letureLayoutIn .letureTextTitle{color:#2f85b6}

/* 강사양성 아카데미 200924 syh 추가 */
.letureLayoutTeacherEdu{background:#fff url('/assets/m-user/images/img_bg_teacher_edu.jpg') no-repeat right bottom;position:relative;height:250px;background-size:auto 100%;} /* 210609 syh 수정 */
.letureLayoutTeacherEdu .letureLayoutIn .letureTextTitle{color:#4842a3}
.letureLayoutTeacherEdu .letureLayoutIn .letureBoxSubjectList li a{background-color:#4842a3;width:41px;text-align:center;}
/*//*/

/* 인강 210513 syh 추가 */
.letureLayoutPasta{color:#fff; background-color:#6f1cba; background-image:url('/assets/m-user/images/bg_lecture_pasta.jpg');background-size:auto 250px;}
.letureLayoutPasta .letureLayoutIn .letureTextsubTitle{color:#fff;margin-bottom:10px;}
.letureLayoutPasta .letureLayoutIn .letureBoxSubjectList li a{background-color:#5b139b;}
.contentBox .letureLayoutPasta{height:399px;}
.letureLayoutPasta .letureLayoutIn{padding-top:20px;}
.letureLayoutPasta .letureLayoutIn .letureTextTitle{padding-top:20px;}
.letureLayoutIn .letureTextTitle img.line2{height:100px;}
/*//*/

/*강의안내 상세*/
.lectureVisual{}
.lectureojTitleTab{z-index:99;width:100%}
.lectureojTitleTabIn{overflow-x:auto;background-color:#1c1f29;box-shadow:0 15px 15px rgba(0,0,0,0.7)}
.lectureojTitleTabIn > ul{width:580px;margin:0 auto 45px}
.lectureojTitleTabIn ul > li{float:left}
.lectureojTitleTabIn ul > li > a{color:#fff;padding:0 20px;line-height:50px;font-size:15px;font-weight:400;display:block}
.lectureojTitleTabIn ul > li.on > a{font-weight:600;background-color:#d22229}
.lectureojTitleSub{position:absolute;z-index:10;left:0;right:0;line-height:40px;overflow-x:auto;height:40px}
.lectureojTitleSub > ul{width:500px;display:none;position:absolute;text-align:left;margin-left:10px}
.lectureojTitleSub > ul > li{display:inline;opacity:0.7;padding:0 10px}
.lectureojTitleSub > ul > li a{position:relative;font-size:14px;color:#fff;transition:all .3s ease;display:inline-block}
.lectureojTitleSub > ul > li.on{opacity:1}
.lectureojTitleSub > ul > li.on a{font-size:16px}
.lectureojTitleSub > ul > li.on a:before{content:"";position:absolute;margin-top:30px;width:100%;border-bottom:2px solid #fff}
.lectureVisualBox img{width:100%}
.letureConList{margin-bottom:20px;padding:0 16px}
.letureConListTab{display:inline-block;width:100%;background-color:#f3f6f9;overflow:hidden;margin-bottom:20px}
/* 200918 kmh 수정 */
.letureConListTab ul{margin:0 -1px 0;bottom:-1px;}
.letureConListTab ul li{float:left;width:33.33%}/* 231117 hyj 수정 */
.letureConListTab ul li a{line-height:40px;font-size:15px;text-align:center;display:block;color:#000;border-bottom:1px dashed #ccc;border-right:1px dashed #ccc}
/* // */
.letureConListTab ul li.on a{background-color:#d22229;color:#fff;font-weight:600}
.letureConList .list_galleryS .list_gBox .list_gImg img{right:-12px}
.letureConList .list_galleryS .list_gBox .list_gTex01{width:60%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px}/* 230329 hyj 수정 */
.letureConList .letureConTitle{font-size:22px;font-weight:400;color:#000;margin-bottom:16px}
.letureConList .letureConTitle .bold{font-weight:600;display:block}
.letureConList .list_galleryS .list_gBox .listNumber{/* width: 75px; bottom:2px;*/text-align:right}
.letureConList .list_galleryS .list_gBox .list_gtitle{position:relative;top:auto;margin-top:2px}
.letureConList .list_galleryS .list_gBox .list_gText{position:absolute;top:0;left:0;right:0;bottom:0;padding:30px 0;min-height:auto}
.letureConList .list_galleryS .list_gBox .list_gBottom{position:absolute;bottom:0;left:0;width:100%;height:25px;background-color:#fff;line-height:18px}
.letureConList .list_galleryS .list_gBox .list_gBottom>a{position:absolute;right:5px;top:4px}
.clickLeture{position:absolute;width:100%;top:0;padding-top:30px;height:68px}
.list_galleryS{}
.list_galleryS .contInfoWrap{padding-left:10px;padding-right:10px}
.list_galleryS .contInfoWrap .infoNameBox .subTitle{padding-right:13px}
.list_galleryS .contInfoWrap .infoNameBox .subDecript{display:block;margin-top:-6px;color:#d71f21;font-size:13px}
.list_galleryS .list_gBox{margin:0;margin-bottom:16px}
.letureConList .list_galleryS .list_gBox{margin:0 0 16px;position:relative;height:125px}
.list_galleryS .list_gBox .list_gImg{height:100px;text-align:right;overflow:hidden;position:relative;background-color:#eee}
.list_galleryS .list_gBox .list_gImg img{width:135px !important;position:absolute;right:-10px;bottom:0}
.list_galleryS .list_gBox .list_gText{min-height:auto;padding:0}
.list_galleryS .list_gBox .list_gTex01{color:#d22229;padding-left:8px}
.list_galleryS .list_gBox .list_gtitle{word-break:break-all;position:absolute;left:0;top:28px;margin:0;right:135px;font-size:16px;padding-left:8px;font-weight:600;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}/* 230329 hyj 수정 */
.list_galleryS .list_gBox .list_gtitle a{font-size:16px;color:#000;word-break:break-all}
.list_galleryS .list_gBox .list_gType_01{left:0;right:auto;font-size:11px;padding:4px 8px}
.list_galleryS .list_gBox .list_gType_02{font-size:11px;background-color:#d71f21}
.list_galleryS .list_gBox .list_gType_03{background-color:#999;left:0;right:auto;font-size:11px;padding:4px 8px;position:absolute;top:0;z-index:10;color:#fff;text-align:center}
.list_galleryS .list_gBox .list_gType_04{background-color:#5a3d28;left:0;right:auto;font-size:11px;padding:4px 8px;position:absolute;top:0;z-index:10;color:#fff;text-align:center}
.rightTag{position:absolute;right:0;top:0}
.list_gType_tag{position:absolute;top:0;left:1px;letter-spacing:-0.7px}
.label_blue{padding:4px 8px;margin-left:-2px;font-size:11px;background-color:#5e7eb4;color:#fff;display:inline-block}
.label_red{padding:4px 8px;margin-left:-2px;font-size:11px;background-color:#d71f21;color:#fff;display:inline-block}
.label_brown{background-color:#5a3d28;margin-left:-2px;z-index:10;color:#fff;text-align:center;display:inline-block;font-size:11px;padding:4px 8px}
.label_black{padding:4px 8px;font-size:11px;margin-left:-2px;background-color:#272937;color:#fff;display:inline-block}
.label_mint{padding:4px 8px;margin-left:-2px;font-size:11px;background-color:#5eb4a3;color:#fff;display:inline-block}/* 250611 kmh 추가 */
.labelRight{position:relative;right:auto;top:0}
.rightTag .labelRight{float:left}
.labelLeft{left:0;top:0}
.list_gType_tag *[class^=label_]{margin-right:2px;}/* 230417 hyj 추가 */
.list_galleryS .list_gBox .list_gType_04 span{padding-right:2px}
.list_galleryS .list_gBox .list_gBottom{width:100%;background-color:#fff;line-height:25px}
.list_galleryS .list_gBox .list_gBottom .listGAP{padding-top:3px;padding-left:10px;color:#666}
.list_galleryS .list_gBox .list_gBottom .icon-k-next{font-size:10px}
.list_galleryS .list_gBox .listNumber{/*position:absolute; right:5px; bottom:10px;width: 130px;*/line-height:20px;color:#000}
.list_galleryS .list_gBox .eventPride .lowest{padding-right:5px;font-size:11px;vertical-align:middle;color:#d22229}
.list_galleryS .list_gBox .eventPride .price{padding-right:5px;color:#666;font-size:12px}
.bu_l_moreWhite{border:1px solid #bababa;min-width:100%;line-height:40px;font-size:14px;height:40px}

/* 250611 kmh 추가 */
.guide_features{margin-left:4px;display:inline-block;vertical-align:middle;line-height:19px;position:relative;top:-1px;overflow:visible;z-index:1;}
.guide_features .icon_question{width:19px;height:19px;vertical-align:middle;background-color:#bac7dd;border-radius:50%;text-align:center;font-size:12px;font-weight:300;line-height:20px;color:#fff;text-indent:1px;}
.guide_features .guide_layer{padding-left:35px;position:absolute;left:0;top:50%;transform:translate(0, -35%);display:none;}
.guide_features .guide_layer_inner{width:auto;white-space:nowrap;padding:10px;background-color:#121b3f;border-radius:4px;position:relative;}/* 250616 kmh 수정 */
.guide_features .guide_layer_inner:before{content:'';width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:10px solid #121b3f;position:absolute;left:-10px;top:calc(35% - 6px);}
/* 250616 kmh 추가 */
.guide_features.ver_bottom .guide_layer{padding:13px 0 0;position:absolute;left:-50px;top:100%;transform:translate(0, 0);}
.guide_features.ver_bottom .guide_layer_inner{box-shadow:2px 5px 8px 1px rgba(0,0,0,0.1);}
.guide_features.ver_bottom .guide_layer_inner:before{content:none;}
.guide_features.ver_bottom .guide_layer .layer_arr{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #121b3f;border-top:none;position:absolute;left:53px;top:-10px;}
/* //250616 kmh 추가 */
.guide_features .guide_layer_inner strong{display:block;margin-bottom:5px;font-size:15px;font-weight:600;color:#fff;}
.guide_features .guide_layer_inner p{padding:0;font-size:12px;line-height:1.3;color:#a1abc6;}
/* //250611 kmh 추가 */

/*특강*/
.freeleList .listCondition{position:relative;height:20px;text-align:right;right:0;top:7px;padding-top:10px}
.specialSearchBox{max-width:1080px;padding:9px 16px;margin:0 auto;text-align:center;background-color:#f5f5f5}
.specialSearchBox input{border:none;border-bottom:1px solid #707070;font-size:16px;color:#000;font-weight:300;width:18%;height:20px;margin:0 .5%;-webkit-appearance:none;-webkit-border-radius:0;background-color:#f5f5f5}
.specialSearchBox input.techerSearh{width:34%}
.specialSearchBox .searchBtn{width:8%}
.specialSearchBox .searchBtn img{max-width:100%}
.specialCont{padding-top:16px}
.specialCont .pageT{margin:0}
.specialCont .listCondition{right:0}
/*.specialCont .layerpopupIn {height: 260px; bottom: auto;}
.specialCont .layerpopupIn iframe {height: 100%;}*/
.galBoxList .specialecture{overflow:hidden}
.galBoxList .specialecture>li{float:left;width:48%;margin-bottom:16px}
.galBoxList .specialecture>li:nth-child(odd){float:left}
.galBoxList .specialecture>li:nth-child(even){float:right}
.galBoxList{display:inline-block;width:100%}
.galBoxList .galListBox{position:relative;height:175px;margin:0;background-color:#f7f7f7;background-color:#f7f7f7;border:none;text-align:center;font-size:13px}
.galBoxList .mlist_gBot span{display:block;width:150px;margin:15px auto 0;line-height:25px;font-size:18px;font-weight:600;color:#272937}
.specialCont .list_gTex01{margin-top:30px}
.specialCont .list_gTex01.tagMTop{margin-top:40px}
#ToeicLecList .list_gTex01{margin-top:40px}
.specialCont .dateNumber{display:inline-block;margin-top:8px;font-size:34px;padding:0 3px}
.specialCont .specialecture .dashed{top:-6px;font-size:16px}
.specialCont .listBoxContWrap{margin-top:16px}
.specialCont .teacherSearchBox{border-bottom:none}
.listCondition.freelecondi{right:0}
.auditingCont{padding-top:16px}
.auditingCont .listBox .contInfoBox .conSubject .title{margin-top: 12px;font-size:16px;line-height:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.auditingCont .list_galleryS .contInfoWrap {padding-left:0;}
.auditingCont .listBox .teacherProfile {height:150px}
.auditingCont .alignment{}
.auditingCont .listCondition {right:0}
.auditingCont .teacherClassListTop{margin-bottom:16px}
.auditingCont .listBoxCont{padding:0}
.auditingCont .listBoxCont .list>li{padding:0}
.auditingCont .applyBtn{height:42px;margin-top:16px;text-align:center}
.auditingCont .applyBtn a{display:block;line-height:42px}
.auditingCont .infoListBox {padding-top:5px; padding-bottom: 0}
.tabBtnBox{padding-top:20px}
.tabBtnBox.listThree .tabBtn ul li{width:33.3%}
.tabBtnBox .tabBtn{margin:0 16px 16px}
.tabBtnBox .tabBtn ul{overflow:hidden;border-top:1px solid #ddd;border-left:1px solid #ddd}
.tabBtnBox .tabBtn ul li{float:left;width:50%;border:1px solid #e1e1e1;border-top:none;border-left:none;box-sizing:border-box}
.tabBtnBox .tabBtn ul li a{display:block;padding:13px 0;text-align:center;box-sizing:border-box;font-size:14px}
.tabBtnBox .tabBtn.list3 ul li{width:33.3%}
.tabBtnBox .tabBtn.list4 ul li{width:25%}/* 231109 kmh 추가 */
.tabBtnBox .tabBtn li.on a{background-color:#cb282e;color:#fff}
.downLinkBtn{}
.downLinkBtn a{display:inline-block;color:#646A78;font-size:13px;font-weight:400;letter-spacing:-0.5px;width:49.6%;height:36px;text-align:center;line-height:36px;background-color:#E4E7EE}
.downLinkBtn a.link02{float:right}
.downLinkBtn a img{float:right;width:17px;margin-top:10px;margin-right:10px}
.bookInfoBox{position:relative}
.bookInfoBox p strong{color:#000}
.bookInfoBox .bookinfoTitle{padding:16px}
.bookInfoBox .bookinfoTitle p{position:relative;margin-bottom:0;font-size:20px}
.bookInfoBox .bookinfoTitle img{position:absolute;top:0;right:0;width:129px}
.bookInfoBox .bookInfo{/*margin: 0px -16px 0px -16px;*/padding:16px;background-color:#f6f6f6}
.bookInfoBox .bookInfo p{margin-top:0;font-size:16px}
.bookInfoBox .bookInfo ul{}
.bookInfoBox .bookInfo ul li{margin:5px 0;overflow:hidden;font-size:13px}
.bookInfoBox .bookInfo img{position:absolute;left:16px;width:18px;margin-right:5px}
.bookInfoBox .bookInfo ul li>span{float:left;margin-left:26px}
.bookBookSlide{position:relative;padding:36px 0;background-color:#d2d2d9}
.bookBookSlide .wvNextBox{display:block}
.bookBookSlide .wvNextBox span{font-size:30px}
.bookBookSlide ul li{float:left}
.bookBookSlide .specialecture .list_gBox{width:48%;margin:0 auto;text-align:center}
.bookBookSlide .specialecture .list_gBox .dateNumber{font-size:38px}
.bookBookSlide .specialecture .list_gBox .downLinkBtn{margin-top:20px}
.bookBookSlide .specialecture .list_gBox .downLinkBtn a{width:100%}
.booksliderWrap{position:relative;padding:30px 0;overflow:hidden;background-color:#d2d2d9}
.booksliderWrap .list_gBox{width:140px;margin:0 auto;padding:20px 0 0;background-color:#f7f7f7;text-align:center}
.booksliderWrap .list_gTex01{display:inline-block;background-color:#272937;padding:5px 21px;color:#fff;border-radius:20px;letter-spacing:-0.5px;font-size:12px;margin-bottom:0}
.booksliderWrap .downLinkBtn a{display:block;width:100%;margin-top:15px}
.booksliderWrap .swiper-button-prev:after,
.booksliderWrap .swiper-button-next:after{content:none}
.booksliderWrap .swiper-button-prev,
.booksliderWrap .swiper-button-next{width:15px;height:24px;margin-top:-12px;background-size:100% 100%;background-repeat:no-repeat}
.booksliderWrap .swiper-button-prev{left:10%;background-image:url(/assets/m-user/images/icon-prev.png)}
.booksliderWrap .swiper-button-next{right:10%;background-image:url(/assets/m-user/images/icon-next.png)}


/* 230112 hyj [특강 목록 페이지 개편] */
.special_banner{position:relative;width:100%;overflow:hidden;}
.special_banner .banner_wrap{}
.special_banner .banner{position:relative;text-align:center;background:url('/assets/m-user/images/special_lecture/bg_banner_skin.png') no-repeat 0 0 / 100% 100%;}
.special_banner .banner.skin01{background-image:url('/assets/m-user/images/special_lecture/bg_banner_skin01.png');}
.special_banner .banner.skin02{background-image:url('/assets/m-user/images/special_lecture/bg_banner_skin02.png');}
.special_banner .banner.skin03{background-image:url('/assets/m-user/images/special_lecture/bg_banner_skin03.png');}

.special_banner .banner_visual{}
.special_banner .banner_visual a{display:block;width:100%;}

.special_banner .nav{position:absolute;left:5%;bottom:5%;width:100px;height:35px;padding:10px 0;color:#fff;font-size:12px;text-align:center;border-radius:30px;background:rgba(0,0,0,.3);box-sizing:border-box;z-index:51;}
.special_banner .nav .bx-prev.icon-k-prev,
.special_banner .nav .bx-next.icon-k-next{display:inline-block;padding:0 3px;color:#fff;vertical-align:middle;}
.special_banner .nav .bx-pager{display:inline-block;margin:0 10px;letter-spacing:1px;vertical-align:middle;}

.special_lecture{}
.special_lecture ul{position:relative;}
.special_lecture ul li{float:left;width:48%;margin-bottom:20px;}
.special_lecture ul li:nth-child(2n){margin-left:4%;}
.special_lecture .lec_wrap{position:relative;height:50vw;max-height:230px;;border:1px solid #e1e1e1;background:#f7f7f7;box-sizing:border-box;z-index:1;transition:all .3s;}
.special_lecture .lec_wrap:hover{box-shadow:0 4px 8px 1px rgb(0 0 0 / 30%);}
.special_lecture .lec_wrap a{display:block;height:100%;padding:15px;box-sizing:border-box;}
.special_lecture .labelBlack{padding:5px;font-size:11px;color:#fff;background-color:#272937;position:absolute;left:0;top:0;}/* 231107 kmh 추가 */
.special_lecture .lec_type{position:absolute;right:0;top:0;text-align:right;}
.special_lecture .lec_type .type_txt{display:inline-block;padding:3px 7px;color:#fff;font-size:13px;background:#d31f21;}
.special_lecture .lec_type .type_live{margin-right:6px;vertical-align:top;}/* 231107 kmh 수정 */
.special_lecture .lec_type .type_live img{height:25px;}
.special_lecture .lec_tit{margin:15px 0 5px;color:#000;font-size:17px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;}
.special_lecture .lec_date{margin:0;color:#d31f21;font-size:15px;font-weight:600;}
.special_lecture .lec_tc{position:absolute;right:10px;bottom:10px;text-align:right;}
.special_lecture .lec_tc span{position:relative;display:inline-block;width:10vw;height:10vw;margin:0 -2px;border-radius:100px;background:#dadada;overflow:hidden;}
.special_lecture .lec_tc span img{position:absolute;left:-5vw;top:5px;width:20vw;}
/* //230112 hyj [특강 목록 페이지 개편] */

/* 230125 hyj [특강 토익시험대비 페이지 개편] */
.special_banner.toeic .banner_wrap{position:relative;text-align:center;background:url('/assets/m-user/images/special_lecture/toeic_lec/bg_banner.png') no-repeat center 0 / 100% 100%;}
.special_banner.toeic img{width:100%;}
.galBoxList .special_lecture{position:relative;overflow:hidden;}
.galBoxList .special_lecture li{width:48%;margin-bottom:30px}
.galBoxList .special_lecture li:nth-child(odd){float:left;}
.galBoxList .special_lecture li:nth-child(even){float:right;}
.special_lecture.freelecoFile .box_wrap{position:relative;padding:35px 10px 0;margin:0;border:1px solid #e1e1e1;background:#f7f7f7;box-sizing:border-box;z-index:1;transition:all .3s;}
.special_lecture.freelecoFile .box_wrap:hover{box-shadow:0 4px 8px 1px rgb(0 0 0 / 30%);}
.special_lecture.freelecoFile .list_gTex01{position:absolute;left:0;top:0;height:25px;line-height:25px;padding:0 13px;margin:0;color:#fff;font-size:13px;background:#272937;}
.special_lecture.freelecoFile .list_gTex02{color:#333;font-size:13px;font-weight:600;}
.special_lecture.freelecoFile .list_gtitle{height:70px;margin:8px 0 15px;color:#000;font-size:17px;font-weight:600;cursor:auto;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.special_lecture.freelecoFile .list_gBtn{margin-bottom:20px;text-align:center;}
.special_lecture.freelecoFile .list_gBtn a{display:inline-block;line-height:1.2;color:#666;font-size:13px;font-weight:600;border-bottom:1px solid #666;}
.special_lecture.freelecoFile .list_gBtn a + a{margin-left:8%}
.special_lecture.freelecoFile .fredownloadFile{display:table;width:calc(100% + 20px);margin:0 -10px;background:#fff;}
.special_lecture.freelecoFile .fredownloadFile a{position:relative;display:table-cell;width:50%;padding:15px 5%;color:#000;font-size:14px;font-weight:600;text-align:left;border-top:1px solid #e1e1e1;background:url('/assets/m-user/images/special_lecture/toeic_lec/ic_down.png') no-repeat 88% center / 18px;box-sizing:border-box;}
.special_lecture.freelecoFile .fredownloadFile a.mp3_down{border-left:1px solid #e1e1e1}
.special_lecture.freelecoFile li:nth-child(4n-3) .box_wrap{background:#f6eef7;}
.special_lecture.freelecoFile li:nth-child(4n-3) .list_gTex01{background:#af73b7;}
.special_lecture.freelecoFile li:nth-child(4n-2) .box_wrap{background:#eef3f0;}
.special_lecture.freelecoFile li:nth-child(4n-2) .list_gTex01{background:#61a17c;}
.special_lecture.freelecoFile li:nth-child(4n-1) .box_wrap{background:#f9f0f0;}
.special_lecture.freelecoFile li:nth-child(4n-1) .list_gTex01{background:#dc6565;}
.special_lecture.freelecoFile li:nth-child(4n) .box_wrap{background:#eceff6;}
.special_lecture.freelecoFile li:nth-child(4n) .list_gTex01{background:#6994b6;}
@media screen and (max-width:360px){
	.special_lecture.freelecoFile .list_gBtn a{width:60%;}
	.special_lecture.freelecoFile .list_gBtn a + a{margin:13px 0 0}
}
/* //230125 hyj [특강 토익시험대비 페이지 개편] */


/*특강 상세*/
.freelecDetialCont{}
.freelecDetialCont .detailTitle{padding:0 16px 16px}
.freelecDetialCont .freeDIn .freeDContainer{padding-bottom:42px}
.freelecDetialCont .freeDIn .freeDContainer .freeDCon{overflow:hidden;overflow-y:auto}
.freelecDetialCont .detailCont{padding:0 16px}
.freelecDetialCont .detailCont img{width:100% !important;height:auto !important}
.freelecDetialCont .layerpopupBottomIn{padding-bottom:16px}

/*수강신청*/
.registerCont{position:relative;background-color:#f5f5f5}
.registerCont:after{position:absolute;content:"";left:0;bottom:-1px;width:100%;height:2px;background-color:#d1d1d1}
/* .registerContWrap {margin-top: 61px;margin-bottom: 36px;} */
.registerListCont{padding:0 16px}
.quickSearchBox{position:sticky;top:61px;z-index:100}
.quickSearchBox .quickBtn{margin-bottom:0;margin:0;text-align:center}
.quickSearchBox .quickBtn a{position:relative;display:block;padding:12px 0;font-size:15px;color:#fff;background-color:#d71f21}
.quickSearchBox .quickBtn a:before{content:'';display:inline-block;width:18px;height:18px;margin-right:12px;background:url('/assets/m-user/images/ico_quickBtn.png') no-repeat 0 0 / 100%;vertical-align:middle;}
.quickSearchBox .quickBtn a span{position:relative;margin-left:10px;font-size:12px;vertical-align:middle;}
.quickSearchBox .quickBtn a span:before{position:absolute;left:0;top:0;transition:0.3s all;}
.quickSearchBox .quickBtn a.on span:before{transform:rotate(180deg);}

.quickContWrap{/* position:absolute;top:43px; */width:100%;box-shadow:-1px 10px 13px 2px rgba(0,0,0,0.3)}
.quickContWrap .quickCont{height:calc(100vh - 224px);overflow:auto;background-color:#fafbfd}
.quickContWrap .quickCont select{width:99%;height:30px;padding:0 7px;margin-top:16px;color:#000;font-size:14px;font-weight:600;border:1px solid #e1e1e1;background:#fff url(/assets/m-user/images/iconMore.png) no-repeat 98% 50%;-webkit-appearance:none;appearance:none;}
.quickContWrap .quickMenu{}
.quickContWrap .quickMenu>li:after{position:absolute;content:"";left:0;bottom:-16px;width:100%;height:1px;background-color:#d1d1d1}
.quickContWrap .quickMenu>li:first-child{margin-top:0;border-top:none}
.quickContWrap .quickMenu>li{position:relative;margin-top:16px;padding:16px 0;border-top:7px solid #ebebeb}
.quickContWrap .quickMenu .qMenuCont{padding:0 16px}
.quickContWrap .quickMenu .qMenuCont table{width:100%;margin-top:16px;border-collapse:collapse}
.quickContWrap .quickMenu .qMenuCont table td{width:50%;padding:0;text-align:center;border:1px solid #e1e1e1;background-color:#fff}
.quickContWrap .quickMenu .qMenuCont table td a{display:inline-block;width:100%;height:37px;line-height:37px;font-size:15px}
.quickContWrap .quickMenu .qMenuCont table td a.on{color:#fff;background-color:#121b3f}
.qMenuCont .qMenuTitle{margin:0;font-size:16px;text-align:center;border-bottom:1px solid #e9e9e9;padding-bottom:10px;font-weight:600;color:#000}
.qMenuCont ul{overflow:hidden;margin-top:16px;border-top:1px solid #ddd;border-left:1px solid #ddd}
.qMenuCont ul li{float:left;width:50%;border:1px solid #e1e1e1;box-sizing:border-box;text-align:center;border-top:none;border-left:none;background-color:#fff}
/* 210804 syh 수정 및 추가 */
/* 230302 kmh 수정 및 추가 */
.qMenuCont ul.typeGroupList{border:none;}
.qMenuCont ul.typeGroupList li .inTitle{padding:12px 0 7px;text-align:center;font-size:16px;color:#000;}
.qMenuCont ul.typeGroupList li:first-child .inTitle{padding-top:0;}
.qMenuCont ul.typeGroupList li{padding:0 0 1px 1px;border:none;float:none;width:auto;margin-top:10px;background:none;}
.qMenuCont ul.typeGroupList li:after{content: '';display: block;clear: both;}
.qMenuCont ul.typeGroupList li a.on{font-weight:600;color:#fff;background-color:#121b3f;}
.qMenuCont ul.typeGroupList li a{float:left;width:50%;height:50px;margin:0 0 -1px -1px;line-height:50px;box-sizing:border-box;text-align:center;border-left:none;background-color:#fff;border:1px solid #e1e1e1;}
.qMenuCont ul li:not(.typeGroupSel) + .typeGroupSel{clear:both;} /* 마크업 변경 후 삭제예정 */
.qMenuCont ul li.typeGroupSel{margin-top:10px;border-top:1px solid #e1e1e1;} /* 마크업 변경 후 삭제예정 */
/* //  */
.qMenuCont ul li a{display:block;height:37px;line-height:37px;font-size:13px;}/* 221213 kmh 수정 */
.qMenuCont ul li.on a{font-weight:600;color:#fff;background-color:#121b3f}
/* 221213 kmh 수강유형 딜리버리 문구 추가 */
.qMenuCont ul li a.type_delivery{padding-top:7px;line-height:18px;}
.qMenuCont ul li a.type_delivery .icon{width:55px;height:12px;display:inline-block;vertical-align:middle;font-size:0;text-indent:-9999px;background:url('/assets/m-user/images/icon_txt_delivery02.png') no-repeat;background-size:100% 100%;position:relative;top:-1px;}
.qMenuCont ul li a.type_delivery.on .icon{background-image:url('/assets/m-user/images/icon_txt_delivery02_on.png');}
/* //230302 kmh 수정 및 추가 */
/* // */
.qMenuBtnWrap{position:relative}
.qMenuBtnWrap .reSearchBtn{float:left !important;width:65px;} /* 230206 pny 추가 */
.qMenuBtnWrap .reSearchBtn a{display:block;width:65px;height:65px;background-color:#222;text-align:center;line-height:65px}
.qMenuBtnWrap .reSearchBtn a img{width:25px}
.qMenuBtnWrap .qBtnGroup{display:table !important; width:calc(100% - 65px);} /* 230206 pny 추가 */
.qMenuBtnWrap .qSearchBtn{display:table-cell;} /* 230206 pny 수정 */
.qMenuBtnWrap .qSearchBtn a{display:block;height:65px;background-color:#d71f21;color:#fff;font-size:18px;text-align:center;line-height:65px}
.qMenuBtnWrap .qSearchBtn a.finish{background-color:#9b9b9b}
.qMenuBtnWrap .qSearchBtn a p{display:inline-block;margin:0;} /* 230206 pny 수정 */
.qMenuBtnWrap .qSearchBtn a span{vertical-align:text-top;padding-right:5px}
.qMenuBtnWrap .qNpayBtn{display:table-cell;width:50%;vertical-align: bottom;} /* 230206 pny 추가 */
.qMenuBtnWrap .qNpayBtn a p{display:inline-block;margin:0;} /* 230206 pny 추가 */
.quickCategoryBox{overflow:hidden;padding:0 16px}
.quickCategoryBox .topBox{margin:16px 0 24px;overflow:hidden}
.quickCategoryBox .topBox p{margin:0}
.quickCategoryBox .topBox .cateBox{position:relative;width:100%;border-radius:10px;text-align:center;background-color:#fafbfd}
.quickCategoryBox .topBox .cateBox a{display:block;/*   margin-left: 97px;*/padding:30px 0;color:#fff}
.quickCategoryBox .topBox .cateBox a strong{margin-left:97px;font-size:21px}
.quickCategoryBox .topBox .cateBox a span{margin-left:97px;font-size:14px}
.quickCategoryBox .topBox .cate1{margin-bottom:16px;background-color:#d31f21}
.quickCategoryBox .topBox .cate1 img{width:53px}
.quickCategoryBox .topBox .cate1 .iconArea{position:absolute;top:0;left:30px}
.quickCategoryBox .topBox .cate1:after{position:absolute;content:"";background:url(/assets/m-user/images/line-bg.png) no-repeat;top:0;left:106px;height:110px;width:1px;background-size:cover}
.quickCategoryBox .topBox .cate2{background-color:#818aa1}
.quickCategoryBox .topBox .cate2 img{width:46px}
.quickCategoryBox .topBox .cate2 .iconArea{position:absolute;top:0;left:30px}
.quickCategoryBox .topBox .cate2:after{position:absolute;content:"";background:url(/assets/m-user/images/line-bg.png) no-repeat;top:0;left:106px;height:110px;width:1px;background-size:cover}
.searchBoxBg{position:relative;border-top:7px solid #ebebeb;border-bottom:7px solid #ebebeb}
/*.searchBoxBg:after { position: absolute;content: "";left: 0;bottom: -2px;width: 100%;height: 2px;background-color: #d1d1d1;}*/
.qSearchBox{clear:both}
.qSearchBox .cateT{margin:0;text-align:left;font-size:16px;font-weight:600;color:#333}
.qSearchBox .cateT.bold{color:#333;font-size:14px;font-weight:600}
.qSearchBox .cateT strong{font-size:15px;font-weight:600;color:#d31f21}
.qSearchBox .cateBox{max-width:290px;margin:0 auto;padding:24px 16px 36px}
.qSearchBox select{width:95%;font-size:15px;border:none;font-weight:500;color:#000;letter-spacing:-1px;background:none;border-bottom:1px solid #686868;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/assets/m-user/images/shape.png) no-repeat 98% 50%;text-align:left}
.qSearchBox select option{color:#000}
.qSearchBox .classchecks{margin-bottom:0;margin-top:20px}
.qSearchBox .classchecks input[type="checkbox"] + label{background:url(/assets/m-user/images/check_nomal.png) no-repeat;background-position-x:9px}
.qSearchBox .classchecks input[type="checkbox"]:checked + label:before{background:url(/assets/m-user/images/check_over.png) no-repeat}
.qSearchBox .classchecks input[type="checkbox"] + label span{padding-left:27px;text-align:center;font-size:14px}
.qSearchBox .classchecks input[type="checkbox"] + label:before{left:9px;top:2px}
.qSearchBox .dateCheckBox{}
.qSearchBox .dateCheckBox ul{overflow:hidden}
.qSearchBox .dateCheckBox ul li{float:left;width:25%}
.selectAcademy{width:123px;margin:0 auto}
.selectAcademy select{}
.selectBox{position:relative;height:87px;max-width:330px;margin:0 auto;margin-top:24px}
.selectBox .selectWrap{float:left;width:100%}
.selectBox .selectWrap:first-child{margin-bottom:24px}
.selectBox .selectSubject{float:left;width:29%}
.selectBox .selectSubject select{}
/* 231107 hyj 수정*/
.selectBox .selectLevel{float:left;width:40%}
.selectBox .selectLevel select{}
.selectBox .searchTeacher{float:left;width:40%}
.selectBox .searchTeacher select{padding-right:10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.selectBox .selectText{float:left;width:20%;padding-left:10px;color:#000;font-weight:600;font-size:18px}
/* .selectBox .selectText img {  width: 100%;} */
.selectBox .selectScore{float:right;width:68%}
.selectBox .selectScore select{padding-right:10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* //231107 hyj 수정*/
.myLevelSearch{margin-top:16px}
.myLevelSearch .myLvBox{overflow:hidden;line-height:34px;max-width:320px;margin:0 auto;font-size:15px}
.myLevelSearch .myLvBox p{float:left;margin:0;max-width:50%;color:#000;font-weight:600}
.myLevelSearch .myLvBox .levelInput{float:left;color:#000;font-weight:600}
.myLevelSearch .myLvBox .levelInput input{max-width:148px}
.otherSerchBox{margin:16px 0}
.otherSerchBox>p{padding:8px 16px;font-size:14px;background-color:#f5f5f5}
.otherSerchBox ul{}
.otherSerchBox ul li{height:50px;line-height:50px;margin-top:8px;padding:0 16px;font-size:15px}
.otherSerchBox ul li a{display:block;position:relative;/* border-top: 1px solid #EDEDED; */height:50px;line-height:50px;background-color:#666;color:#fff;border-radius:10px;text-align:center}
.otherSerchBox ul li:first-child{margin-top:0}
.otherSerchBox ul li a span{position:absolute;display:inline-block;padding-top:5px;top:16px;right:0}

/*수강신청 STEP 선택*/
.classStepBox .stepSelectBox{background-color:#f6f6f6}
.stepList{max-width:550px;margin:0 auto;padding:0 16px;font-size:0;}/* 201112 kmh 수정 */
.stepList li{display:inline-block;width:20%;text-align:center;border-radius:5px}/* 201112 kmh 수정 */
.stepList li a{display:inline-block;width:100%;height:60px;line-height:18px;border-radius:5px}
.stepList li a p{margin:0;margin-top:10px;font-size:11px;color:#666}
.stepList li a strong{font-size:15px}
.stepList li.on{background-color:#1b275a}
.stepList li.on p{color:rgba(225,225,225,0.8)}
.stepList li.on a{color:#fff;box-shadow:2px 3px 7px 2px rgba(0,0,0,0.2)}
.classStepBox .tagCont{min-height:55px}
.classStepBox .tagWrapBox{position:relative}
.tagWrap{position:relative;border-bottom:7px solid #f6f6f6}
.tagWrap:after{position:absolute;content:"";left:0;bottom:-2px;width:100%;height:1px;background-color:#d1d1d1}
#step2,#step3,#step4{display:none}
.stepContBox{padding:4px 16px 16px;background-color:#f6f6f6}
.classStepBox .stepContBox{background-color:#fff}
.stepContBox .stepTab h2{margin-bottom:12px;font-size:22px;font-weight:300}
.stepContBox .stepTab ul{overflow:hidden}
/* 221213 kmh 추가 및 수정 - 수강유형 딜리버리 문구 */
.stepContBox .stepTab ul li{float:left;width:48%;margin:0 1%;margin-bottom:13px;text-align:center;}
.stepContBox .stepTab ul li a{display:inline-block;width:100%;padding:11px 0;vertical-align:top;font-size:14px;line-height:20px;color:#fff;letter-spacing:-1px;border-radius:50px;background-color:#818aa1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.stepContBox .stepTab ul li.on a{background-color:#d31f21}
/* 230302 kmh 수정 */
.stepContBox .stepTab ul li .type_delivery{height:35px;padding:4px 0 3px;line-height:1.2;text-align:center;}
.stepContBox .stepTab ul li .type_delivery .icon{width:52px;height:10px;display:inline-block;vertical-align:middle;font-size:0;text-indent:-9999px;background:url('/assets/m-user/images/icon_txt_delivery.png') no-repeat;background-size:100% 100%;position:relative;top:-1px;}
/* //230302 kmh 수정 */
.stepContBox .stepTab ul li .type_row2{padding:3px 0;line-height:18px;}
/* // */

/* 230302 kmh 추가 */
.stepContBox .stepTab .part + .part{margin-top:15px;}
.stepContBox .stepTab .inTitle{margin:0;padding:0 0 6px 13px;font-size:16px;font-weight:600;color:#666;}
/* //230302 kmh 추가 */

.selectList ul li .num{padding-left:5px;color:#dedede}
.selectList ul li.on .num{font-weight:600;color:#ffeb3b}
.listTitle{padding-left:10px;padding-top:16px;margin:0;margin-bottom:16px;font-size:18px;font-weight:300;border-top:1px solid #e9e9e9}
.listTitle::before{width:3px;height:3px;background-color:#000;margin:9px 0 0 7px;content:"";position:absolute;margin:7px 0 0 -9px;left:27px;border-radius:50%}
.subTag{padding-left:5px;font-size:14px}
/* 220718 hyj 수정 */
.wrap_pageBtn{position:fixed;z-index:1110;bottom:0;width:100%;text-align:center}
.pageBtn a{display:inline-block;width:100%;height:62px;line-height:62px;color:#fff;font-size:18px;font-weight:600}
.pageControl{position:relative;}
.pageControl_area{display:table;width:100%;table-layout:fixed;}
.pageControl_area > *{display:table-cell !important;}
.pageBtn a span{padding:0 10px;font-size:12px}
span#lastTotalAmt{font-size:18px}
.pageBtn .prevBtn{background-color:#222}
.pageBtn .nextBtn{background-color:#d71f21}
.learnBtn{background-color:#d71f21}
/* 230417 hyj 추가 */
ul.pay_noti{padding:10px 0;background:#fff;}
ul.pay_noti li{padding-left:20px;text-indent:-10px;color:#666;font-size:13px;text-align:left;}
/* //230417 hyj 추가 */
.paycompleteCont{padding:16px;text-align:center;background-color:#f6f6f6}
.paycompleteCont .subtitle{font-size:24px;letter-spacing:-0.5px;font-weight:400;color:#000;margin-top:32px;margin-bottom:32px;text-align:center}
.paycompleteCont .mtitle{margin:0;padding-bottom:12px;border-bottom:1px solid #ddd;font-size:18px;font-weight:600;overflow:hidden;letter-spacing:-0.3px;color:#000}
.paycompleteCont .payPReu{text-align:left;margin-bottom:28px;padding:0 30px}
.paycompleteCont .payPReu p{overflow:hidden;font-size:16px;color:#000}
.paycompleteCont .payPReu p .title{float:left;width:75px;margin-right:20px;color:#666}
.paycompleteCont .paycontBottom p{margin:0;margin-bottom:16px;line-height:22px;text-align:left;font-size:14px}
.paycompleteCont .paycompleteBtn{overflow:hidden}
.paycompleteCont .paycompleteBtn .btn{display:inline-block;float:left;color:#fff;font-size:16px;padding:16px 0;width:50%;text-align:center}
.paycompleteBtn .payPBtn01{background-color:#272937}
.paycompleteBtn .payPBtn02{background-color:#d31f21}

/*직장인 환급반*/
/* .workerContWrap {margin-top: 61px; } */
.workerContBox{padding:0 16px}
.workerContBox .alignment{margin-top:20px}
.workerBanner{width:100%;height:150px;margin:16px 0;background-color:#f2f2f2}
.workerContBox .infoNameBox{height:45px;line-height:25px}

/*추천검색*/
/* .recommendListWrap {margin-top: 61px; } */
.recommendTopCont{padding:0 16px;background-color:#f5f5f5}
.recommendTopCont .qSearchBox .cateBox{padding:24px 16px;box-shadow:1px 0 10px 3px rgba(0,0,0,0.2);background-color:#fff}
.recommendTopCont .searchOutBtn{top:39px}
.recommendTopCont .qSearchBox{width:100%;padding:24px 0}

/*수강신청 목록리스트*/
/* .registerListWrap {margin-top: 61px; margin-bottom: 36px;} *//* .registerListWrap .search .inputCont ul li.input_l {width:100%;} */
.sectionTitle{font-size:20px;font-weight:500;margin-bottom:12px;color:#000}
.registerProduct{margin-top:24px}
.registerProduct .list_galleryS .list_gBox .list_gtitle a{display:block;font-weight:400/*  width: 165px;*/}
.registerProduct .list_galleryS .contInfoWrap .infoNameBox .subTitle a{line-height:18px}
.registerProduct .listCondition{right:0}
.registerProduct .listBoxCont.section1{border-bottom:1px solid #e1e1e1}
.registerProduct .listBoxCont.section2{border-bottom:1px solid #e1e1e1}
.registerProduct .listBoxCont.section3{border-bottom:1px solid #e1e1e1}
.recommendAd{padding:0 0 36px}
.recommendAd .recommendCont{padding:16px}
.recommendAd .recommendCont .adContTitle{margin-bottom:16px;text-align:center}
.recommendAd .recommendCont .adContTitle>p{margin:0;margin-bottom:12px;font-size:18px;font-weight:600}
.recommendAd .recommendCont .adContTitle>p span{color:#d9212a}
.recommendAd .recommendCont .adContTitle .subText{font-size:14px}
.recommendAd .recommendCont .adContbot{}
.recommendAd .recommendCont .adContbot ul{box-shadow:5px 5px 13px 1px rgba(0,0,0,0.3)}
.recommendAd .recommendCont .adContbot ul li img{width:100%}
.recommendAd .recommendCont .adContbot ul li .guideLink{text-align:center;background-color:#d9d9d9}
.recommendAd .recommendCont .adContbot ul li .guideLink a{display:inline-block;width:100%;height:37px;line-height:37px;font-size:13px;color:#000}
.moreBtn2 span{font-size:12px;vertical-align:middle;color:#666}

/*수강신청 상세*/
.registerLink{position:relative}
.registerLink a{display:block;height:40px;line-height:40px;font-size:14px;color:#fff;text-align:left;background-color:#818aa1}
.registerLink a strong{padding-left:16px;font-weight:400}
.registerLink a span{position:absolute;right:16px;top:13px}
/* 220718 hyj 수정 */
.registerDetailCont .qMenuBtnWrap{/* position:fixed;bottom:0; */display:table;width:100%;z-index:101;}
.registerDetailCont .qMenuBtnWrap > *{float:none;display:table-cell;vertical-align:bottom;}
.registerDetailCont .qMenuBtnWrap .qSearchBtn{width:auto;}
.regipLeft,.regipRight{}
.regiTeacherImage{position:relative;padding-top:30px;background-color:#eee}
.regiTeacherImage img{width:100%}
.regiTeacherImage .webzinLabel{top:0}
.regiTeacherImage .evTag{left:0}
.regiYotubeLayout{overflow:hidden;margin:0 -12px 34px}
.regiYotubeLayout li{float:left;width:25%}
.regiYotubeLayout li div{height:74px;background-color:#eee;margin:0 12px}
.regiYotubeLayout li a{display:block}
.regiUpgradeTitle{padding-left:10px;font-weight:600;font-size:23px;color:#000;margin-bottom:15px}
.regiUpgradeTitle span{font-size:15px;font-weight:400;padding-left:17px;color:#666}
.regiUpgradeContent li{width:100%;text-align:center;color:#000;font-weight:400;font-size:16px;letter-spacing:-0.5px}
.upgrBlackbg{background-color:#ececec}
.upgrBlackbg .title{font-size:20px;font-weight:600;border-bottom:2px solid #000;width:148px;margin:0 auto 20px}
.upgrRedkbg{background-color:#f6ebeb}
.upgrRedkbg .title{font-size:20px;font-weight:600;color:#d31f21;border-bottom:2px solid;border-color:rgba(211,31,33,0.7);width:90px;margin:0 auto 20px}
.regiUpgradeContent.list2{margin:0 -8px;overflow:hidden}
.regiUpgradeContent.list2 li{float:left;width:50%}
.regiUpgradeContent.list2 li .upgrBlackbg,.regiUpgradeContent.list2 li .upgrRedkbg{margin:0 8px}
.regiUpgradeContent li div.upgrBlackbg,.regiUpgradeContent li div.upgrRedkbg{padding:38px 48px 42px}
.regiUpgradeContent li div p{margin:9px 0}
.regipRightIn{margin-bottom:16px;padding:0 16px}
/* 230329 hyj 수정 */
.rgipTitle{font-size:23px;font-weight:400;color:#000;margin:20px 0}
.rigpRInfo{margin-bottom:16px}
.rigpRInfo .title{display:inline-block;float:left;width:70px;color:#666;font-weight:400;font-size:15px;letter-spacing:-0.5px}
.rigpRInfo .cont{font-size:16px;color:#000;font-weight:600}
.rigpRInfo .cont .btnShare{position:relative;top:-2px;}/* 230829 kmh 추가 */
.rigpRInfo .light{color:#9c9c9c;font-size:15px;font-weight:400}
.rigpRInfo .smallText{font-size:16px}
.rigpRInfo .teachName{font-weight:400;font-size:16px;letter-spacing:-0.5px;padding:0 5px}
.rigpRInfo .teachName:first-child{padding-left:0}
.rigpRInfo p{margin:0 0 18px;min-height:20px;}
.rigpRInfo p a{font-size:16px;color:#000}
.rigpRInfo p .icon{font-size:10px;color:#d0021b}
.rigpRInfo p .icon-k-next{color:#000}
.rigpRInfo .classlabelInfo{clear:both;margin-top:6px;overflow:hidden;color:#2d4a78}
.rigpRInfo .classlabelInfo li{position:relative;float:left;padding-right:8px;font-size:14px}
.rigpRInfo .classlabelInfo li:before{content:'#';}
/* //230329 hyj 수정 */
.classTc{}
.classTc p{float:left}
.classTc p.tchRwap{float:none;height:auto;margin-left:65px}
.classChoLayout{width:100%;border-collapse:collapse}
.classChoLayout .title{font-weight:400;font-size:15px;width:60px;color:#666;letter-spacing:-0.5px;padding:0 10px 0 0}
.classChoLayout td{padding-top:8px;padding-bottom:7px}
.classChoLayout td select{width:100%;height:36px;padding:0;padding-right:30px;margin-left:0;border:none;border-bottom:1px solid #ddd;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/assets/m-user/images/shape.png) no-repeat 98% 50%;font-size:17px;color:#000;font-weight:600}
.classChk{display:block;padding-top:8px}
.classChk a{display:block;line-height:20px;color:#19468e;font-size:14px;letter-spacing:-0.5px}
.classChk .icon-k-next{font-size:9px;font-weight:800;margin-left:3px}
.classChoButtonLayout{overflow:hidden;padding-bottom:16px}
.classChoButtonLayout ul{display:table;width:100%;table-layout:fixed;}/* 200630 hyj 수정 */
.classChoButtonLayout ul li{display:table-cell;width:50%;vertical-align:top;}/* 200630 hyj 수정 */
.ccbInner{padding-top:5px}
.ccBtnBox{overflow:hidden;height:52px}
.classChoButtonLayout ul li button{width:100%;height:52px;font-size:16px;font-weight:400;letter-spacing:-0.5px;border:1px solid;transition:all .3s}
/* 230417 hyj 수정 */
.classChoButtonLayout .text{color:#333;font-size:13px;font-weight:400;letter-spacing:-0.5px;margin:0 0 5px;}
.classChoButtonLayout .text.fred{padding-left:28px;}
/* //230417 hyj 수정 */
.classChoButtonLayout button img{display:none;margin-left:3px}
.classChoButtonLayout button:first-child{margin-left:0}
.classChoButtonLayout button.classBlackBtn{color:#000;border:1px solid #000}
.classChoButtonLayout button.classRedkBtn{border-color:#d31f21;color:#d31f21}

/*버튼 선택시*/
.classChoButtonLayout button.classBlackBtn.on{background-color:#000;color:#fff}
.classChoButtonLayout button.classBlackBtn.on img{display:inline-block}
.classChoButtonLayout button.classRedkBtn.on{background-color:#d31f21;color:#fff}
.classChoButtonLayout button.classRedkBtn.on img{display:inline-block}
.classTextBox{margin-bottom:20px}
.classTextBox .classTextCont{overflow:hidden;position:relative}
.classTextBox .classTextCont.bluebox{background-color:#f8f8f8}
.classTextBox .classTextCont.bluebox .classTitle{background-color:#f1f1f1}
.classTextBox .classTextCont.bluebox .classTitle p{padding:10px 17px;color:#000}
.classTextBox .classTextCont.redbox{background-color:#fff9f9}
.classTextBox .classTextCont.redbox .classTitle{background-color:#fff3f3}
.classTextBox .classTextCont.redbox .classTitle p{padding-top:23px;text-align:center;color:#d31f21}
.classTextBox .classTextCont .classTitle{position:absolute;top:0;width:100px;height:100%;background-color:#f1f1f1}
.classTextBox .classTextCont .classTitle p{font-size:15px;text-align:left;margin:0;font-weight:600}
.classTextBox .classTextCont .classText{width:100%;text-align:center}
.classTextBox .classTextCont .classText p{text-align:center;padding:0 10px}
.classTextBox .classTextCont .classText p span{display:inline-block;font-size:13px;color:#000;line-height:22px;padding:0 6px 0 0}
.classTextBox .classTextCont .classText p span:before{content:"/";padding-right:5px}
.classTextBox .classTextCont .classText p span:first-child:before{display:none}
.classBlackBtnBenefit{clear:both;margin:-5px 5px;text-align:center}
.classRedkBtnBenefit{margin:-5px 5px}
.classBlackBtnTitle{font-size:18px;color:#000;font-weight:600;padding-top:10px;text-align:center;background-color:#f8f8f8}
.classBlackBtnCon.bluebox{background-color:#f8f8f8;padding:12px 10px;text-align:center}
.classBlackBtnCon.redbox{background-color:#fff9f9;padding:12px 10px;text-align:center}
.classBlackBtnCon span{display:inline-block;font-size:13px;color:#000;line-height:22px;padding:0 6px 0 0}
.classBlackBtnCon span:before{content:"/";padding-right:5px}
.classBlackBtnCon span:first-child:before{display:none}
.classOptionLayout{position:relative;overflow:hidden}
/* 200630 hyj 수정 */
.classOptionLayout .title{position:absolute;font-weight:400;font-size:15px;letter-spacing:-0.5px;}
.classOptionLayout .optionList{padding-left:60px}
.classOptionLayout .optionGuide{margin:2px 0 0 0; font-size:13px; color:#333;}
.classOptionLayout .optionList .classchecks input[type="checkbox"] + label{background-position:0 0}
.optionList li{position:relative;padding-left:3px;font-weight:400;font-size:16px;color:#000;letter-spacing:-0.5px;margin-bottom:3px}
.optionList li input[type='checkbox']{width:18px;height:18px}
.optionList li span{display:inline-block;font-size:13px;vertical-align:middle}
.optionList li.classchecks input[type="checkbox"] + label span {padding-left:22px;}
.optionList li.classchecks input[type="checkbox"] + label:before {top:0;width:18px;height:18px;line-height:18px;margin:0;}
.optionList li span.opLabel{margin-left:0}
/* //200630 hyj 수정 */
.registerDetailCont .optionList li span.opLabel{padding-left:16px}
.optionList li span.addPrice{font-size:14px;position:absolute;right:0;top:2px;font-weight:600}
.optionList li .optionGuide{margin:2px 0 0 25px; font-size:13px; color:#333;}
.classTotalPriceLayoyt{position:relative;text-align:right;padding-bottom:12px;border-bottom:7px solid #ebebeb;background-color:#d31f21}
.classTotalPriceLayoyt:after{position:absolute;content:"";left:0;bottom:-2px;width:100%;height:1px;background-color:#d1d1d1}
.classTotalPriceLayoyt .totalPriceCont{padding:0 16px}
.classTotalPriceLayoyt .title{padding-top:16px;margin:0;margin-bottom:8px;line-height:16px;font-size:15px;letter-spacing:-0.5px;text-align:left;color:#ffd7d7}
.classTotalPriceLayoyt .title > em{color:#fff;font-style:normal}
.classTotalPriceLayoyt .title > em span{font-size:14px;color:#ffd7d7}

.classTotalPriceLayoyt .fixedPrice{float:left;font-size:18px;letter-spacing:-0.5px;font-weight:600;color:#fff;padding-right:8px;display:inline-block}
.classTotalPriceLayoyt .totalPriceCont .priceBox{line-height:22px}
.classTotalPriceLayoyt .totalPrice{font-size:24px;font-weight:600;color:#fff;display:inline-block}
.classTotalPriceLayoyt .totalPText{font-size:14px;font-weight:400;color:#fff}
.classApplicationLayout{overflow:hidden}
.classApplicationLayout .classCartBlack a,.classApplicationLayout .classRegiRed a{display:block;color:#fff;text-align:center;padding:5px 10px}
.classApplicationLayout .classCartBlack{background-color:#222;font-size:30px;line-height:50px;float:left;padding-top:10px}
.classApplicationLayout .classRegiRed{background-color:#d31f21;font-size:20px;font-weight:400;float:left;margin-left:5px;line-height:50px}
.classCartRegiBtnLayout{position:relative;height:63px;overflow:hidden}
.classCartRegiBtnLayout .classApplication{top:-3px}
.classCartRegiBtnLayout .classApplication .cartBg{background-color:#222;width:82px;position:absolute;left:0}
.classCartRegiBtnLayout .classApplication .regiBg{background-color:#d31f21;margin-left:88px;width:355px;line-height:42px}
.classCartRegiBtnLayout .classApplication a{color:#fff;font-size:20px;font-weight:400;display:block;padding:10px}
.classCartRegiBtnLayout .classApplication .cartBg a{font-size:30px}
.classCartRegiBtnLayout .classApplication .cartBg span{vertical-align:middle}

/*수강신청 내용 */
.classTabBtn.list4 li{width:25%}
.classTabBtn.list3 li{width:33.3%}
/* .classTabBtn li {float:left; } *//* .classTabBtn li a { display: inline-block; text-align: center; font-size:15px; font-weight:400; } */
.classTabPannelLayout li.classTabPanne{display:none}
.classTabPannelLayout li.classTabPanne .roundTagCont{padding-top:0}
.classTabPannelLayout li.classTabPanne .roundTagCont > ul{margin:0 24px}
.classTabPannelLayout li.classTabPanne .roundTagContNone > ul{margin:0 16px}
.classTabPannelLayout li.classTabPanne .reviewContBox{margin-bottom:24px}
/*.reviewContBox .listBox .contInfoBox{margin-left: 135px;}
.reviewContBox .listBox.nophoto .contInfoBox {margin-left:0;}*/
.classTabPannelLayout .classTabCont{padding:0 16px}
.classTabPannelLayout .classTabCont .reviewSerachBox{padding-top:24px}
.classTabPannelLayout .classTabCont img{max-width: 100%;}/* 211119 kmh 추가 */
.classTabPannelLayout .classTabCont .reviewSerachBox .searchOut span{padding-left:0;font-size:18px}
.classTabPannelLayout li.block{display:block}
.classPSection1{padding:24px 0 0}
.classPSection1 .title{color:#000;font-size:20px;font-weight:600;letter-spacing:-0.5px;margin-bottom:12px}
.classPSection1 .listText{font-weight:200;font-size:24px;color:#000;line-height:28px;margin-bottom:36px}
.classPSection1 .ulStyle>li{padding:0 0 0 15px;font-size:16px}
.classPSection1 .ulStyle li:before{width:3px;height:3px;background-color:#000;margin:13px 0 0 -9px}
.classCharacLayout .conDan2{width:100%}
.classCharacLayout .conDan2 .conDanBox{width:100%}
.classCharacLayout .conDan2 .conDanBox:first-child .conDanBoxIn{margin-bottom:36px}
.classCharacLayout .conDan2 .conDanBoxIn{padding-left:0}
.classCharacLayout .conDan2 .title{font-size:16px;font-weight:600;letter-spacing:-0.5px;color:#d31f21;margin-bottom:14px}
.classCharacLayout .conDan2 .text{font-size:16px;font-weight:400;letter-spacing:-0.5px;color:#000}
.classPSection2{padding:24px 0 0}
.classPSection2 .title{font-size:20px;font-weight:600;letter-spacing:-0.5px;color:#000;margin-bottom:17px}
.classPSection2 .cotnentBG{background-color:#F6F6FB;text-align:center;margin-bottom:36px}
.classPSection2 .cotnentBG .conDan2{margin-bottom:0;padding:0 16px}
.classPSection2 .cotnentBG .conDan2 .conDanBox{position:relative;width:100%}
/* .classPSection2 .cotnentBG .conDan2 .conDanBox::before{display:inline-block; content:''; position: absolute; left:0; top:33px; width:2px; height:95px; background-color:#d8d8d8;} */
.classPSection2 .cotnentBG .conDan2 .conDanBox:first-child::before{display:none}
.classPSection2 .cotnentBG .conDan2 .conDanBoxIn{padding:16px;line-height:32px}
.classPSection2 .cotnentBG .conDan2 .conDanBoxIn strong{font-weight:600;font-size:16px;letter-spacing:-0.5px;color:#000}
.classPSection2 .cotnentBG .conDan2 .conDanBoxIn span{font-size:16px;font-weight:400;letter-spacing:-0.5px;color:#000}
.classPSection2 .cotnentBG .conDan2 .conDanBoxIn span.sub{font-size:14px;color:#666}
/* .classPSection2 .cotnentBG .conDan2 .conDanBoxIn>div {border-bottom: 1px solid #ddd;} */
.classPSection2 .cotnentBG .conDan2 .conDanBox.top{}
.classPSection2 .cotnentBG .conDan2 .conDanBox.bottom{border-top:1px solid #ddd}
.attentionTextLayout .ulStyle li.attentionTitle::before{display:none}
.attentionTextLayout .ulStyle li{padding:0 0 10px 7px;font-size:13px;letter-spacing:-0.5px;font-weight:400;line-height:25px}
.attentionTextLayout .ulStyle li.attentionTitle > ul > li:before{width:5px;height:1px}

/* 200820 kmh 수정 및 추가
.classPSection2{border-top:3px solid #f0f0f0;}
.classPSection3{padding:24px 5px 0;margin-bottom:57px;border-top:3px solid #f0f0f0;}
.classPSection3 .title{font-size:20px;font-weight:600;letter-spacing:-0.5px;color:#000;margin-bottom:17px}
.classPSection3 .bookTypeList{margin-bottom:15px;}
.bookTypeList .bookItems{font-size:0;}
.bookTypeList .bookItems li{padding:12px 0;}
.bookTypeList .bookItems li:first-child{padding-top:0;}
.bookTypeList .bookItems .wrap{width:100%;display:table;table-layout:fixed;border-spacing:0;}
.bookTypeList .bookItems .wrap > div{display:table-cell;vertical-align:top;text-align:left;}
.bookTypeList .bookItems .bookImg{width:20vw;}
.bookTypeList .bookItems .bookImg img{width:100%;}
.bookTypeList .bookItems .bookInfo{padding:15px;font-size:14px;line-height:1.4;color:#666;word-break:keep-all;}
.bookTypeList .bookItems .bookInfo em{color:#000;font-style:normal;}

.onlineBook .title{font-size:18px;font-weight:500;}
.onlineBook .onlineBookList{margin:0 -1%;font-size:0;}
.onlineBook .onlineBookList li{width:48%;margin:4px 1%;border-radius:3px;display:inline-block;display:inline-block;border:1px solid #19468e;box-sizing:border-box;}
.onlineBook .onlineBookList li .icon-k-next{margin-top:-5px;color:#19468e;font-size:10px;position: absolute;top:50%;right:8px;}
.onlineBook .onlineBookList li a{min-width:68px;display:block;font-size:13px;letter-spacing:-0.5px;color: #19468e;padding: 9px 15px 8px;position:relative;}
.onlineBook .onlineBookInfo{margin:10px 0 0;color:#666;font-size: 13px;letter-spacing: -0.5px;}
/* //200820 kmh 수정 및 추가 */


/* 200827 syh 수정 */
.classPSection2{border-top:3px solid #f0f0f0;}
.classPSection3{padding:24px 5px 0;margin-bottom:57px;border-top:3px solid #f0f0f0;}
.classPSection3 .title{font-size:20px;font-weight:600;letter-spacing:-0.5px;color:#000;margin-bottom:17px}
.classPSection3 .bookTypeList{margin-bottom:15px;}
.bookTypeList .bookItems{font-size:0;}
.bookTypeList .bookItems li{padding-bottom:15px;}
.bookTypeList .bookItems .wrap{width:100%;height:100px;border-spacing:0;position:relative;overflow:hidden;}
.bookTypeList .bookItems .bookImg{width:138px;text-align:center;position:absolute;top:0;left:-30px;}
.bookTypeList .bookItems .bookImg img{width:auto;height:100px;}
.bookTypeList .bookItems .bookInfo{padding:15px 15px 15px 90px;font-size:14px;line-height:1.4;color:#666;word-break:keep-all;text-align:left;z-index:1;position:relative;}
.bookTypeList .bookItems .bookInfo em{color:#000;font-style:normal;}

.onlineBook .title{font-size:18px;font-weight:500;}
.onlineBook .onlineBookList{margin:0 -1%;font-size:0;}
.onlineBook .onlineBookList li{width:48%;margin:4px 1%;border-radius:3px;display:inline-block;display:inline-block;border:1px solid #19468e;box-sizing:border-box;}
.onlineBook .onlineBookList li.type1{width:98%;}/* 221104 hyj 추가 */
.onlineBook .onlineBookList li .icon-k-next{margin-top:-5px;color:#19468e;font-size:10px;position: absolute;top:50%;right:8px;}
.onlineBook .onlineBookList li a{min-width:68px;display:block;font-size:13px;letter-spacing:-0.5px;color: #19468e;padding: 9px 15px 8px;position:relative;}
.onlineBook .onlineBookInfo{margin:10px 0 0;color:#666;font-size: 13px;letter-spacing: -0.5px;}
/* //200827 syh 수정 */


.linkageLayout .title{font-size:28px;letter-spacing:-0.5px;font-weight:400;color:#000;margin-bottom:19px}
.linkageLayout .title .small{color:#666;font-size:14px}
.linkageLayout .list_gBox{border:none;margin:0 19px 24px}
.linkageLayout .list_gBox .list_gText{padding:14px 3px}
.linkageLayout .list_gBox .list_gText .list_gtitle{font-size:20px;font-weight:400;letter-spacing:-0.5px;margin:0;margin-bottom:12px}
.linkageLayout .list_gBox .list_gText .list_gType01{margin-bottom:16px;color:#666;font-size:15px;letter-spacing:-0.5px}

/* 191111 kmh 수정 및 추가 */
.classTeacheryoutube{width:100%;margin-bottom:16px;}
.classTeacheryoutube iframe{width:100%;height:100%;position:absolute;left:0;top:0}
/* //191111 kmh 수정 및 추가 */

/* 201113 kmh 추가 */
.classTeacheryoutube .inYoutube{width:100%;padding-bottom:56.2%;position:relative}
.classTeacheryoutubeIn .youtubeInfo{padding:10px 8px;}
.classTeacheryoutubeIn .youtubeInfo .label{}
.classTeacheryoutubeIn .youtubeInfo .subject{height:45px;font-size:13px;line-height:1.7;color:#272937;overflow:hidden;}
.classTeacheryoutubeIn .label{height:22px;padding:0 9px;margin-right:3px;display:inline-block;vertical-align:middle;font-size:12px;line-height:22px;font-weight:bold;color:#fff;background-color:#121b3f;}
.classTeacheryoutubeIn .label.type-sample{background-color:#e7e7e7;color:#1d1d1d;}
/* //201113 kmh 추가 */

.classTeacheryoutube img{width:100%}
.classTeacheryoutubeIn .list_gallery{overflow:hidden;}
/* 201113 kmh 수정 및 추가 */
.classTeacheryoutubeIn .list_gallery > ul {width:auto; margin: 0;}
.classTeacheryoutubeIn .list_gallery > ul li {width: 60%; float: left; padding: 0; margin-bottom: 5px; overflow: hidden; box-sizing:border-box;}
.classTeacheryoutubeIn .list_gallery > ul li .list_gBox{width:100%; padding-bottom:56.2%; position:relative;}
.classTeacheryoutubeIn .list_gallery > ul li .list_gBox > a,
.classTeacheryoutubeIn .list_gallery > ul li .list_gBox > img{width:100%; height:100%; position:absolute; left:0; top:0;}
.classTeacheryoutubeIn .list_gallery .no-data{width:100%;padding:15px 0;text-align:center;font-size:13px;color:#000;}
/* //201113 kmh 수정 및 추가 */

.classTabPanne .classListSection .monthTabLayout button.on{background-color:#121b3f;border:1px solid #121b3f;box-shadow:0 3px 10px #98a1c7}
.classTabPanne .classListSection .monthTabLayout button.on span{color:#6981e6}
.teacherInturYoutubeLayout .list_gBox{border:none;cursor:default}
.teacherInturYoutubeLayout .list_gBox .list_gText{padding:0}
.teacherInturYoutubeLayout .list_gBox .list_gImg{margin-bottom:36px;height:372px}
.teacherInturYoutubeLayout .teacherName{font-size:20px;font-weight:600;letter-spacing:-0.5px;float:none;margin-bottom:26px}
.teacherInturYoutubeLayout .Teachertitle{position:relative;padding-bottom:40px;margin-bottom:22px}
.teacherInturYoutubeLayout .Teachertitle::after{position:absolute;left:0;bottom:0;width:20px;height:2px;background-color:#222;display:block;content:''}
.teacherInturYoutubeLayout .Teachertitle .title{font-size:28px;font-weight:600;line-height:35px;margin-bottom:14px;color:#24231f}
.teacherInturYoutubeLayout .Teachertitle .subtitle{font-size:24px;font-weight:200;line-height:26px;color:#000}
.teacherInturYoutubeLayout .leveleducationLayout p{font-size:13px;font-weight:400;line-height:22px}
.teacherInturYoutubeLayout .leveleducationLayout p strong{display:block;color:#000;font-size:14px}
.teacherInturYoutubeLayout .buttonBox button{border:1px solid #d71f21;padding:10px 20px}
.teacherInturYoutubeLayout .buttonBox button .icon-play3{font-size:12px;vertical-align:middle;color:#d71f21}
.teacherInturYoutubeLayout .buttonBox button a{color:#d71f21;font-size:13px}
.youtubeList li .list_gBox{height:100%;overflow:hidden;margin:0}
.youtubeList li .list_gBox img{width:100%;height:100%;object-fit:cover}

/* 191111 kmh 수정 */
.classListTable{border:none;width:100%;margin-bottom:24px;border-bottom:1px solid #f0f0f0}
.classListTable th{padding:5px;text-align:center;color:#000;background-color:#f6f6fc;border-left:1px solid #f0f0f0;font-weight:600;font-size:15px;line-height:20px}
.classListTable th:first-child{border-left:0}
.classListTable tbody tr td{padding:8px 5px;border-left:1px solid #f0f0f0;border-top:1px solid #f0f0f0;text-align:center;font-size:13px;font-weight:400;letter-spacing:-0.5px;color:#000}
.classListTable tbody tr td:first-child{border-left:0}
.classListTable tbody tr td span.gray{color:#666}
.classListTable tbody tr td button{width:80px;height:35px;font-size:13px}
.classListTable tbody tr td button span{vertical-align:middle;font-size:12px;position:relative;right:-2px}
.classListTable tbody tr td.lastClass button{color:#1b275a;border:1px solid #1b275a}
.classListTable tbody tr td.lastClass.on button{color:#fff;background-color:#1b275a}
.classListBtn.on button{}
.tableSection{padding:16px}
.monthTabLayout{padding:16px 16px 0}
.monthTabLayout button{font-size:16px;font-weight:600}
.redBtn{background-color:#d31f21;border:1px solid #d31f21;color:#fff}
.redBtn a{color:#fff;font-size:14px}
.redLineBtn{border:1px solid #d31f21;color:#d31f21}
.blueBtn{background-color:#1b275a;border:1px solid #1b275a;color:#fff}
.cardlist_gallery{margin-top:24px}
.cardlist_gallery ul li{margin-bottom:16px}
.cardlist_gallery .cardlist_gBox{position:relative}
.cardlist_gallery .cardlist_gBox img{width:100%;padding-top:30px;background-color:#eae5eb}
.cardlist_gallery .cardlist_gBox .list_gImg{height:auto}
.cardlist_gallery .cardlist_gBox .teacherName{font-size:14px;font-weight:600}
.cardlist_gallery .cardlist_gBox .Teachertitle{margin-bottom:24px}
.cardlist_gallery .cardlist_gBox .Teachertitle .title{margin:7px 0 4px;font-size:24px;font-weight:600;color:#000}
.cardlist_gallery .cardlist_gBox .Teachertitle .subtitle{font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}/* 230329 hyj 수정 */
.cardlist_gallery .cardlist_gBox .buttonBox{width:108px;border:1px solid #d71f21;padding:0}
.cardlist_gallery .cardlist_gBox .buttonBox button{width:100%}
.cardlist_gallery .cardlist_gBox .buttonBox a{display:block;height:37px;line-height:37px;text-align:center;color:#d71f21;font-size:15px}
.cardlist_gallery .cardlist_gBox .list_gText{padding:20px 0}
.buttonBox a .icon{padding-left:5px;font-weight:600;font-size:10px}
/* 201113 kmh 수정 */
.youtubeList .list_gBox:before{display:block;content:'';background-image:url(/assets/user/images/teacher_videoPlay.png);position:absolute;left:57%;top:53%;width:30px;height:21px;margin-left:-22px;margin-top:-15px;background-repeat:no-repeat;z-index:1;background-size:contain}
.youtubeList .list_gBox:after{display:block;content:'';width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:absolute;left:0;top:0}
/* //201113 kmh 수정 */

/*수강신청 결제페이지 */
/* .classPayListLayout{position: relative; margin-top: 61px;margin-bottom: 0px;} */
.chkAreaTitle .title{font-size:18px;font-weight:600;letter-spacing:-0.5px;color:#000;position:relative;margin-top:12px/*min-height:40px;*/}
.classplLeftBox{width:100%}
.classpayList{/*margin-bottom:84px;*/}
/*.classpayList .classpayli .classchecks input[type="checkbox"]:checked + label:before {    background-size: 17px;background-position: 1px 2px; }*/
.chkAreaTitle{padding:16px}
.chkAreaTitle .total{font-size:15px;color:#000;font-weight:600}
.chkAreaTitle .total strong{color:#d31f21}
.classPayListLayout .chkAreaTitle{padding-bottom:0}
.classPayListLayout .classpayList .classpayli{padding-top:16px}
.classPayListLayout .chkAreaTitle .title{padding-bottom:10px;margin-top:0;border-bottom:1px solid #d8d8d8}
.classPayListLayout .chkAreaTitle .dckBox01{right:0;top:3px;color:#666;font-weight:600}
.chkAreaTitle .deleteChkBox{position:absolute;margin:0;font-size:12px}
.chkAreaTitle .deleteChkBox span{padding-left:7px}
/*.chkAreaTitle .dckBox01.classchecks input[type="checkbox"]:checked + label:before {    background-size: 10px;    background-position: 3px 4px;} */
.chkAreaTitle .dckBox02{right:0;top:3px;color:#666;font-weight:400}
.chkAreaTitle .dckBox02 a{color:#666}
.chkAreaTitle .dckBox02 a>span{font-size:16px;vertical-align:middle}
.chkAreaTitle .dckBox01 .line{color:#d9d9d9;font-size:12px}
.chkAreaTitle .dckBox01 a{color:#d31f21}
.chkAreaTitle .dckBox03{top:7px}
.classpayList .classpayListIn{position:relative;padding:16px;padding-top:0;border-bottom:7px solid #ebebeb}
.classpayList .classpayListIn:after{position:absolute;content:"";left:0;bottom:0;width:100%;height:1px;background-color:#d1d1d1}
.classpayList .classpayListIn > input + label{border-radius:3px;display:inline-block;width:17px;height:17px;border:2px solid silver;cursor:pointer;vertical-align:middle;position:absolute;left:16px;top:21px}
.classpayList .classpayListIn.classchecks input[type="checkbox"] + label{border:none;}/* 230329 hyj 추가 */
/* .classpayListIn > input:checked + label { background-image: url('/assets/user/images/Checkbox.png'); background-repeat:no-repeat; background-position: center;background-size: contain;}  */
/*.classchecks .paytitle input[type="checkbox"] + label {
	background: url('/assets/m-user/images/b-chkbox.png') no-repeat;}*/
.classchecks .paytitle input[type="checkbox"] + label:before{left:0;top:3px}
/* .classpayList .classchecks input[type="checkbox"]:checked + label:before {position: absolute;content: "";opacity:1;background: url('/assets/m-user/images/chk-on.png') no-repeat;} */
.classpayListIn > input{display:none}
.classpayListIn .title{margin:0;margin-top:0;margin-bottom:10px;margin-left:25px;font-weight:600;font-size:18px;font-size:18px;color:#000}
.classpayListIn .title strong{margin-left:35px;display:inline-block;font-size:18px;font-weight:600;color:#000;letter-spacing:-0.5px}
/* 230417 hyj 수정 */
.classpayList .teachername{padding-left:28px;margin:0 0 10px;color:#000;font-size:15px;font-weight:400;letter-spacing:-0.5px;}
.classpayList .teachername .teachername .tname01{padding-right:5px}
.classpayList .teachername .teachername .tname02{padding:0 5px}
.classpayList .classdate{position:relative;margin-bottom:10px;padding-left:28px}
.classpayList .classdate p{position:relative;line-height:1.5;padding-left:65px;margin:0 0 5px;font-size:13px;letter-spacing:-0.2px;color:#000}
.classpayList .classdate p span.dtitle{position:absolute;left:0;width:65px;color:#666;font-size:13px;padding-right:0}
.classpayList .classdate p span.line{padding:0 3px;color:#d8d8d8}
.classpayList .classdate p a{color:#19468e;font-size:13px;letter-spacing:-0.5px}
.classpayList .classdate p a span{padding-left:5px;vertical-align:middle;font-size:11px;font-weight:700}
.classpayList .classdate p strong{display:inline-block;padding-top:5px;font-weight:500;border-bottom:1px solid #19468e}
/*.classpayList .classdate p:first-child{margin-top:0}
.classpayList .classdate p:first-child span:first-child{display:inline-block;margin-bottom:5px;padding-right:0}*/
.payment{position:absolute;right:0;bottom:-33px;font-size:25px;font-weight:700;color:#000}
.classpayList .payment{position:static;text-align:right;}
.classpayList .payment .small{font-size:18px;font-weight:400}
.addclassBox{padding-top:12px;margin-top:12px;border-top:1px solid #f0f0f0}
.addclass{position:relative;padding:0;font-size:13px;font-weight:400;letter-spacing:-0.5px;overflow:hidden;}
.addclassBox .addclass + .addclass{margin-top:10px}
/* .addclassBox .addclass:first-child{padding-bottom:10px} */
/* 230417 hyj 수정 */
.addclass > input + label{display:inline-block;width:15px;height:15px;border:1px solid silver;cursor:pointer;vertical-align:middle;margin-right:10px}
.addclass > input:checked + label{background-image:url(/assets/user/images/Checkbox.png);background-repeat:no-repeat;background-position:center;background-size:16px;background-size:contain}
.addclass > input{display:none}
.addPrice{position:absolute;right:2px;top:0;margin:0;font-size:16px;font-weight:400;letter-spacing:-0.5px;color:#000}
.addPrice .icon-k-plus{font-size:10px;display:inline-block;margin-top:-4px;vertical-align:middle}
.addPrice .icon{font-size:10px}
.addPrice .smaill{font-size:12px;vertical-align:middle}
.discountCouponLayout{position:relative;padding:16px;border-bottom:7px solid #ebebeb}
/* .discountCouponLayout:after {position: absolute;content: "";left: 0;bottom: -2px;width: 100%;height: 2px;background-color: #d1d1d1;} */
.discountCouponIn{padding:0;position:relative}
.discountCouponIn .dcTitle{margin-bottom:4px;color:#333;font-size:16px;letter-spacing:-0.4px;font-weight:600}
.discountCouponIn .dcTitle button{position:absolute;top:-3px;right:0;font-size:11px;padding:0 10px;line-height:25px;font-weight:300;background-color:#24231f;color:#fff}
.discountCouponIn .dcSelect select{border:1px solid silver;background-color:#f6f6f6;color:#000;padding:0;padding-left:10px;width:100%;height:36px;margin:0;margin-top:8px}
.discountCouponIn .dcSelect select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/assets/m-user/images/selectDown.png) no-repeat 95% 50%;background-size:10px}
.discountCouponIn .dcSelect select::-ms-expand{display:none}
select.bankSelect{border:1px solid #d7d7d7;background-color:#f6f6f6;color:#000;padding:0;padding-left:10px;width:100%;height:36px;margin:0}
select.bankSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/assets/user/images/selectDown.png) no-repeat 95% 50%}
select.bankSelect::-ms-expand{display:none}
.discountCouponIn .dcSelect .usedc li{position:relative}
.discountCouponIn .dcSelect .usedc p.usedcTitle{padding-left:15px;margin:18px 87px 0 0;position:relative;/*width:175px; */font-size:13px;color:#000;font-weight:400}
.discountCouponIn .dcSelect .usedc p.usedcTitle span{position:absolute;top:1px;left:0;/*right:-15px; top:2px; display:block;*/cursor:pointer}
.discountCouponIn .dcSelect .dcPrice{position:absolute;right:0;top:1px;margin:0;color:#000;font-weight:600;font-size:16px}
.discountCouponIn .dcSelect .dcPrice .small{display:inline-block;font-size:12px;font-weight:400}
.disContDayCoupon .disCDBox{display:inline-block}
.disContDayCoupon .dcPrice{float:right}

.disContDayGuide{margin-top:10px; padding:10px 12px;line-height:1.5;color:#333;background-color:#f6f6f6}
.disContDayGuide p{margin:0 0 3px}
.disContDayGuide label{font-size:12px}

.dcView{padding:10px;margin-top:16px;border:1px solid silver}
.dcView p{margin:0}


/* 200715 hyj 추가 */
.book_receive {padding:16px;    border-bottom: 7px solid #ebebeb;}
.book_receive .title {font-size:16px;font-weight:600;letter-spacing:-0.5px;color:#000;margin:0;margin-bottom:12px}
.book_receive .select_type {padding:16px;background-color:#f6f6f6;}
.book_receive dl {color:#060606;}
.book_receive dl dt {position:relative;padding-bottom:10px;border-bottom:1px solid #e8e8e8;}
.book_receive dl dt input {position:absolute;left:3px;top:3px;width:0;height:0;padding:0;margin:0;overflow:hidden;}
.book_receive dl dt label {position:relative;display:inline-block;padding-bottom:10px;font-size:14px;z-index:1}
.book_receive dl dt input + label:before {content:'';display:inline-block;width:18px;height:18px;margin-right:7px;border:1px solid #d8d8d8;border-radius:30px;background-color:#fff;vertical-align:middle;}
.book_receive dl dt input:checked + label:after {content:'';position:absolute;left:4px;top:4px;width:12px;height:12px;border-radius:30px;background-color:#d31f21;}
.book_receive dl dd {margin-top:16px;}
.book_receive dl dd div input[type="text"] {width:70%;height:36px;line-height:36px;padding-left:5px;margin-bottom:5px;border:1px solid #d7d7d7;box-sizing:border-box;}
.book_receive dl dd div .btn_addr {float:right;display:inline-block;width:27%;height:36px;line-height:36px;color:#fff;font-size:14px;text-align:center;border:1px solid #24231f;background-color:#24231f;box-sizing:border-box;}
.book_receive dl dd div + div input[type="text"] {width:100%;}
.book_receive dl dd p {margin:7px 0 0 0;color:#666;font-size:13px;}
.book_receive dl dd p span {display:block;margin-bottom:15px;color:#060606;font-size:14px;}
.book_receive dl dd p + p + p {margin-top:25px;}
.book_receive dl dd p input[type="checkbox"] + label span {padding-left:20px;color:#060606;font-size:14px;font-weight:normal;}
/* // */
/* 200910 hyj 수정 */
.book_receive .select_type div input[type="text"] {width:70%;height:36px;line-height:36px;padding-left:5px;margin-bottom:5px;border:1px solid #d7d7d7;box-sizing:border-box;}
.book_receive .select_type div .btn_addr {float:right;display:inline-block;width:27%;height:36px;line-height:36px;color:#fff;font-size:14px;text-align:center;border:1px solid #24231f;background-color:#24231f;box-sizing:border-box;}
.book_receive .select_type div + div input[type="text"] {width:100%;}
.book_receive .select_type p {margin:7px 0 0 0;color:#666;font-size:13px;}
.book_receive .select_type p span {display:block;margin-bottom:15px;color:#060606;font-size:13px;font-weight:bold;}
.book_receive .select_type p + p + p {margin-top:25px;}
.book_receive .select_type p input[type="checkbox"] + label span {padding-left:20px;color:#060606;font-size:14px;font-weight:normal;}
/* //200910 hyj 수정 */

/* 200921 syh 추가 */
.select_type .bookSelect{padding-bottom:15px;}
.select_type .bookSelect dt{padding-bottom:0;border-bottom:0;font-size:13px;color:#060606;font-weight:600;}
.select_type .bookSelect dd{margin-top:0;}
.select_type .bookSelect select{border:1px solid silver;color:#000;padding:0;padding-left:10px;width:100%;height:36px;margin:0;margin-top:8px}
.select_type .bookSelect select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(/assets/m-user/images/selectDown.png) no-repeat 95% 50%;background-size:10px}
/* // */


.usePointLayout{margin-bottom:0}
.usePointLayout .usePointCont{position:relative;padding:16px;border-bottom:7px solid #ebebeb}
.usePointLayout .usePointCont:after{position:absolute;content:"";left:0;bottom:0;width:100%;height:1px;background-color:#d1d1d1}
.usePointLayout .title{font-size:16px;font-weight:600;letter-spacing:-0.5px;color:#000;margin:0;margin-bottom:12px}
.usePointLayout .upList{overflow:hidden}
.usePointLayout .upList li{float:left;width:100%;background-color:#f6f6f6;border-bottom:1px solid #e8e8e8}
.usePointLayout .upList li .uplIn{text-align:center;padding:16px;position:relative}
/* 230417 hyj 추가 */
.usePointLayout .upList li .uplIn:before,
.usePointLayout .upList li .uplIn:after{content:'';clear:both;display:block;width:100%;}
/* //230417 hyj 추가 */
.usePointLayout .upList li .uplIn .uplInTop{}
.usePointLayout .upList li .uplIn .uplInTop .point{float:left;text-align:left}
.usePointLayout .upList li .uplIn::before{}
.usePointLayout .upList li .uplIn .title{font-size:14px;font-weight:600;letter-spacing:-0.5px;margin-bottom:5px}
.usePointLayout .upList li .uplIn .pointRemainder{font-size:13px;color:#666;margin:0;margin-bottom:0}
.usePointLayout .upList li .uplIn .pointRemainder .red{color:#d31f21;font-size:13px;font-weight:600}
.usePointLayout .upList li .uplIn .uplInBottom{clear:both;overflow:hidden}
.usePointLayout .upList li .uplIn.last .uplInBottom{padding-bottom:0;border-bottom:none}
.usePointLayout .upList li .uplIn .usePinput{text-align:center;position:absolute;right:16px;margin-bottom:16px}
.usePointLayout .upList li .usePinput input{padding:6px 16px;text-align:center;font-size:16px;font-weight:600;color:#272937;width:128px;margin:0}
.usePointLayout .upList li .won{position:absolute;right:16px;top:10px;font-size:14px;font-weight:400;letter-spacing:-0.5px}
.usePointLayout .upList li .uplIn .allinpointLink{text-align:left;margin:0;position:relative}
.usePointLayout .upList li .uplIn a{float:right;color:#19468e;font-size:14px;font-weight:400;text-decoration:underline;display:inline-block;padding-top:7px}
.usePointLayout .upList li .uplIn a.giftcardBtn{color:#fff;background-color:#24231f;padding:6px 11px;text-decoration:none;position:absolute;left:0;top:2px;font-size:11px}
.paymentchoiceLayout{margin-bottom:0}
.paymentchoiceLayout .paymentchoiceCont{position:relative;padding:16px;border-bottom:7px solid #ebebeb}
.paymentchoiceLayout .paymentchoiceCont:after{position:absolute;content:"";left:0;bottom:0;width:100%;height:1px;background-color:#d1d1d1}
.paymentchoiceLayout .title{font-size:16px;font-weight:600;letter-spacing:-0.4px;margin-bottom:12px;color:#000}
/* 201214 hyj 수정 */
.paymentchoiceLayout .paycIn{margin-bottom:23px;border-top:1px solid #d8d8d8}
.paymentchoiceLayout .paycIn:before,
.paymentchoiceLayout .paycIn:after {content:'';display:block;clear:both;width:100%;}
/* //201214 hyj 수정 */
.workerPay .paycIn{height:70px}


/* 241015 hyj 수정 */
/*
.paymentchoiceLayout .paycIn li{float:left;position:relative;width:33.3%;height:80px;cursor:pointer;}
.paymentchoiceLayout .paycIn li.on a{color:#d71f21}
.paymentchoiceLayout .paycIn li .paycInBox{display:block;height:80px;border:1px solid #d8d8d8;text-align:center;position:relative;font-size:13px;box-sizing: border-box;}
.paymentchoiceLayout .paycIn li.on .paycInBox::before{width:33px;height:33px;background-color:#cb282e;background-image:url(/assets/user/images/Checkbox_small_w.png);background-repeat:no-repeat;background-position:center;display:block;content:'';position:absolute;left:0;top:0}
.paymentchoiceLayout .paycIn li.on .paycInBox::after{width:100%;height:80px;box-sizing:border-box;border:2px solid #cb282e;display:block;content:'';position:absolute;left:0;top:0}
.paymentchoiceLayout .paycIn li:nth-child(3n+1) .paycInBox{border-left:1px solid #d8d8d8} */

/*결제 padding */
/*
.paymentchoiceLayout .paycIn li.paycinlist01 .paycInBox{}
.paymentchoiceLayout .paycIn li.paycinlist02 .paycInBox{padding:21px 0}
.paymentchoiceLayout .paycIn li.paycinlist03 .paycInBox{padding:21px 0}
.paymentchoiceLayout .paycIn li.paycinlist04 .paycInBox{border-right:1px solid #ddd;border-left:1px solid #d8d8d8}
.paymentchoiceLayout .paycIn li.paycinlist05 .paycInBox{}
.paymentchoiceLayout .paycIn li.paycinlist06 .paycInBox{padding:21px 0}
.paymentchoiceLayout .paycIn li.paycinlist07 .paycInBox{border-right:1px solid #ddd;border-left:1px solid #d8d8d8}
.paymentchoiceLayout .paycIn li.paycinlist05.on .paycInBox::after,
.paymentchoiceLayout .paycIn li.paycinlist06.on .paycInBox::after{top:-2px}
*/

/* 결제수단 페이_ 230413 pny 추가 */
.paymentchoiceLayout .paycIn li span{font-size:0;}
.paymentchoiceLayout .paycIn li .npay_btn{display: inline-block;width:59px;height:23px;font-size:0 !important;background: url('/assets/user/images/naver_off2.png') no-repeat 0 0;vertical-align:middle;}
.paymentchoiceLayout .paycIn li.on .npay_btn {background-image: url('/assets/user/images/naver_on2.png');} /* 230920 syh 수정 */
.paymentchoiceLayout .paycIn li .kakao_btn {display: inline-block;width:53px;height:22px;font-size:0 !important;background: url('/assets/user/images/kakao_off.png') no-repeat 0 0;margin-top:-2px;vertical-align:middle;}
.paymentchoiceLayout .paycIn li.on .kakao_btn {background-image: url('/assets/user/images/kakao_on.png');}
/* //결제수단 페이_ 230413 pny 추가 */

/* 결제수단별 안내 */
.paymentchDec{line-height:18px;padding:21px;color:#333;font-size:12px;letter-spacing:-0.5px;background-color:#f7f7f7;}
.paymentchDec ul li{display:none;}
.paymentchDec ul li.on{display:block;}
.paymentchDec ul li .pointBox{margin-top:20px;}
.paymentchDec ul li .payNowBtn{display:inline-block;padding:5px 10px;margin-top:10px;font-size:14px;border:1px solid #e1e1e1;background-color:#efefef;}
.paymentchDec ul li .payNowBtn span{font-size:5px;vertical-align:middle;}
.paymentchDec ul li .payNowBtn:hover{background-color:#d6d6d6;}

/* 수강신청 금액 */
.totalPayment{}
.totalPayment .totalpayCont{position:relative;padding:16px 16px 0;border-bottom:7px solid #ebebeb}
.totalPayment .totalpayCont:after{position:absolute;content:"";left:0;bottom:0;width:100%;height:1px;background-color:#d1d1d1}
.totalPayment .totalpayCont .title{font-size:16px;font-weight:600;letter-spacing:-0.5px;color:#000;margin:0;margin-bottom:12px;border-bottom:1px solid #f0f0f0;padding-bottom:12px}
.payCont{float:right}
.payCont p{font-size:18px;font-weight:600;margin:0;float:left}
.payCont span{float:right;font-size:12px;display:inline-block;padding-top:5px}
.totalPayment .totalpayCont ul{padding-bottom:10px}
.totalPayment .totalpayCont ul li{padding:5px 0;font-size:13px}
.totalPayment .totalpayCont ul li strong{float:right}
.payBox{}
.payBox>div{margin:0;padding:10px 0;border-top:1px solid #f0f0f0;font-size:15px}
.payBox .discountPay{font-weight:600;border-top:none;color:#d71f21}
.payBox .discountPay span{float:right}
.payBox .discountPay span.dcText{float:none;font-size:12px}
.payBox .totalPay{padding:10px 0 16px;font-weight:600;color:#d71f21}
.payBox .totalPay span{float:right}

/* 환불안내 */
.refundLayout{}
.refundLayout *{letter-spacing:-.2px}
.refundLayout .refundCont{padding:16px;border-bottom:7px solid #ebebeb}
.refundLayout .title{margin-bottom:12px;color:#000;font-size:16px;font-weight:600;letter-spacing:-0.5px;}
.refundLayout .section{margin-bottom:40px;}
.refundLayout .section + .section{margin-top:40px;}
.refundLayout .section .box{height:130px;line-height:20px; padding:16px;margin-bottom:15px;font-size:13px;font-weight:400;border:1px solid #d1d1d1;overflow-y:auto;box-sizing:border-box;}
.refundLayout .section .box p{margin:0;}
.refundLayout .section .box p span{display:inline-block;padding-left:20px;text-indent:-10px;}
.refundLayout .section .box p strong{color:#cb282e;}

/* 수강신청 결제용*/
.refundLayout .text{height:108px;line-height:20px;padding:16px;margin-bottom:16px;font-size:13px;font-weight:400;border:1px solid #d1d1d1;overflow-y:auto;}
.refundLayout .text p{margin:0 0 16px}
.refundLayout .txt{height:150px; padding-bottom:0;margin-bottom:20px;}

.refundchkBox{position:relative;margin:0;text-align:right;}
.refundchkBox .checks{width:100%}
.refundLayout .refundContInfo{padding:16px;}
.refundLayout input[id="refundchk"] + label{display:inline-block;width:18px;height:18px;margin-right:4px;cursor:pointer;vertical-align:middle;}
.refundLayout input[id="refundchk"]{display:none;}
.refundLayout label{position:absolute;width:40px;margin-top:9px;color:#000;font-size:13px;font-weight:600;text-align:left}
.refundLayout .nameGroup{padding:0 0 16px 75px}
.refundLayout .nameGroup input[type="text"],.nameGroup input[type="number"]{width:95%;border-radius:0}
.refundLayout .nameGroup>span{display:inline-block;padding-top:5px}
/* //241015 hyj 수정 */

.fixedBtn{position:fixed;bottom:0;width:100%;z-index:101;display:table;} /* 230206 pny 수정 */
.fixedBtn p{margin:0;text-align:center;display:table-cell;width:50%;} /* 230206 pny 수정 */
.fixedBtn p a{display:block;height:62px;line-height:62px;background-color:#d71f21;color:#fff;font-size:18px;font-weight:600}
.classplRightBox{position:absolute;right:0;top:105px;width:300px}
.classplRightBox .crtitle{background-color:#272937;color:#fff;font-size:20px;font-weight:400;padding:17px 13px}
.classplRightBox .crContent{border:1px solid #f0f0f0}
.classplRightBox .crcName{margin:0;padding:26px 35px 15px;color:#000;font-size:22px;letter-spacing:-0.4px;font-weight:400}
.classplRightBox .textexam{padding:5px 30px}
.classplRightBox .crSection01 .textexam{line-height:20px;color:#666;font-size:14px;letter-spacing:-0.5px;position:relative;margin-bottom:8px}
.classplRightBox .crSection01 .textexam::before{display:block;content:'';background:url(/assets/user/images/Checkbox_gray.png) no-repeat;position:absolute;left:15px;top:8px;width:11px;height:8px}
.classplRightBox .crContent .memberLink{margin:0;padding:0 29px 23px}
.classplRightBox .crContent .memberLink a{color:#19468e;font-size:14px;font-weight:400;letter-spacing:-0.5px}
.classplRightBox .crContent .memberLink a .icon-k-next{font-size:10px;font-weight:600}
.crSection02 .crContent{text-align:right}
.crSection02 .crContent .crcName{color:#000;font-size:40px;font-weight:600;padding:22px 17px;margin:0}
.crSection02 .crContent .crcName .small{font-size:18px;font-weight:400}
.crSection03 .crContent .dcList{padding:19px 14px}
.crSection03 .crContent .dcList li{margin-bottom:20px;font-size:16px;font-weight:400;color:#000;position:relative}
.crSection03 .crContent .dcList li .price{font-weight:600;font-size:18px;position:absolute;right:0;top:0}
.crSection03 .crContent .dcList li .price .regul{font-weight:400}
.classplRightBox .crSection04 .crtitle{background-color:#d31f21}
.classplRightBox .crSection04 .crcName{margin:0;text-align:right;padding:22px;padding-bottom:17px;color:#d31f21;font-size:40px;font-weight:600}
.classplRightBox .crSection04 .crcName .small{color:#000;font-size:18px;font-weight:400}
.classplRightBox .crSection05 a{display:block;color:#fff;font-size:22px;padding:17px 69px;background-color:#272937;text-align:center}
.rfAccount .title{font-size:16px;font-weight:600;letter-spacing:-0.5px;margin-bottom:12px;color:#000}
.rfAccount .rfAccountCont{padding:16px}

/*팝업 공통*/
.paymentLayer .layerpopupIn .cupCon .cupInput input{width:100%;margin:0;display:inline-block;padding:10px 0;text-align:center;font-size:13px;color:#000;letter-spacing:-0.5px;border:1px solid #d7d7d7}
.paymentLayer .layerpopupIn .cupCon .subtitle{font-size:18px;letter-spacing:-0.5px;font-weight:400;color:#000;margin-top:0;margin-bottom:24px}
.paymentLayer .layerpopupIn .cupCon .cupBtn{clear:both}
.paymentLayer .layerpopupIn .cupCon .cupBtn button{margin:0 auto;display:block;width:100%;padding:16px 0;background-color:#d31f21;color:#fff;font-size:18px;font-weight:400}

/*쿠폰 팝업 css*/
.cuponPop{display:none}
.cuponPop .layerpopupIn{top:63px;bottom:auto;padding:0}
.cuponPop .cuponContainer{padding:0}
/* .cuponPop .layerpopupIn .title{color:#000; font-size:28px; font-weight:400; letter-spacing:-0.5px; padding-bottom:22px; border-bottom:1px solid #979797;} */
.cuponPop .layerpopupIn .cupCon,.cuponDownPop .layerpopupIn .cupCon{text-align:center;padding:16px}
.cuponPop .layerpopupIn .cupCon .subtitle{font-size:18px;letter-spacing:-0.5px;font-weight:400;color:#000;margin-top:0;margin-bottom:24px}
.cuponPop .layerpopupIn .cupCon .cupInput{margin:0;margin-bottom:20px}
.cuponPop .layerpopupIn .cupCon .cupInput .ex{margin:0;color:#666;font-size:14px;margin-bottom:20px}
/* .cuponPop .layerpopupIn .cupCon .cupInput input {width:100%; display:inline-block; padding:18px 0; text-align:center; font-size:23px; color:#000; letter-spacing: -0.5px; border:1px solid #d7d7d7;} */
/* .cuponPop .layerpopupIn .cupCon .cupBtn button { margin:0 auto; display:block; width:290px; padding:18px 0; background-color:#d31f21; color:#fff; font-size:20px; font-weight:400;} */
.cuponPop .layerpopupIn .cupBottom{background-color:#f6f6f6}
.cuponPop .layerpopupIn .cupBottom .ulStyle{padding:17px 17px 17px 30px}
.cuponPop .layerpopupIn .cupBottom .ulStyle > li:before{width:3px;height:3px;background-color:#000;margin:7px 0 0 -16px}
.cuponPop .layerpopupIn .cupBottom .ulStyle li p{margin:0;color:#666;font-size:15px}
.cuponPop .layerpopupIn .cupBottom .ulStyle li strong{display:inline-block;margin-bottom:8px;color:#000;font-size:13px}

/*쿠폰 다운 팝업*/
.cuponDownPop{display:none}
.cuponDownPop .layerpopupIn{top:30px;bottom:auto;padding:0}
.cuponDownPop .layerpopupIn .cupCon > img{margin-bottom:25px;max-width:80%}
.cuponDownPop .paymentLayer .layerpopupIn .cupCon .subtitle{margin-bottom:5px}
.cuponDownPop .paymentLayer .layerpopupIn .cupCon .text_box{margin-bottom:25px}
.agree_box{}
.agree_boxIn{height:100px;line-height:20px;overflow-y:scroll;background-color:#f3f6f9;padding:16px;text-align:left}
.agree_box .checks{margin-bottom:10px}
.agree_box .checks.fullW{width:100%}

/*상품권 팝업 css*/
.giftcardPop{display:none}
.giftcardPop .layerpopupIn{top:63px;bottom:auto;padding:0}
/* .giftcardPop .cuponContainer { padding:29px 23px 0;} */
/* .giftcardPop .layerpopupIn .title{color:#000; font-size:28px; font-weight:400; letter-spacing:-0.5px; padding-bottom:22px; border-bottom:1px solid #979797;} */
.giftcardPop .layerpopupIn .cupCon{text-align:center;padding:16px}
.giftcardPop .layerpopupIn .cupCon .cupInput{margin:0}
.giftcardPop .layerpopupIn .cupCon .cupInput .ex{margin:0;color:#666;font-size:14px;margin-bottom:20px;margin-top:8px}
.giftcardPop .layerpopupIn .cupBottom{background-color:#f6f6f6}
.giftcardPop .layerpopupIn .cupBottom .ulStyle{padding:16px}
.giftcardPop .layerpopupIn .cupBottom .ulStyle > li:before{width:3px;height:3px;background-color:#000;margin:7px 0 0 -16px}
.giftcardPop .layerpopupIn .cupBottom .ulStyle li p{margin:0;color:#666;font-size:15px}
.giftcardPop .layerpopupIn .cupBottom .ulStyle li strong{display:inline-block;margin-bottom:8px;color:#000;font-size:15px}

/*상품권 팝업 css*/
.paymentPop{display:none}
/* .paymentPop .cuponContainer {  padding:0 27px; }  */
.paymentPop .layerpopupIn{top:63px;padding:0}
/* .paymentPop .layerpopupIn .title{color:#000; font-size:30px; font-weight:600; letter-spacing:-0.5px;border-bottom:1px solid #f0f0f0; padding:35px 57px 35px 57px;} */
.paymentPop .layerpopupIn .cupCon{text-align:center;padding:33px 27px 37px;border-bottom:1px solid #f0f0f0}
.paymentPop .layerpopupIn .cupCon .subtitle{font-size:24px;letter-spacing:-0.5px;font-weight:400;color:#000;margin-top:0;margin-bottom:39px}
.paymentPop .layerpopupIn .cupCon .payPReu{text-align:left;padding:0 30px}
.paymentPop .layerpopupIn .cupCon .payPReu p{margin:0;margin-bottom:18px;color:#000;font-size:18px}
.paymentPop .layerpopupIn .cupCon .payPReu .title{padding:0;font-size:18px;color:#666;letter-spacing:-0.5px;padding-right:30px;border:none}
.paymentPop .layerpopupIn .cupBottom{padding:17px 17px 20px;overflow:hidden}
.paymentPop .layerpopupIn .cupBottom .ex{font-size:16px;font-weight:400;color:#000;margin:0;margin-bottom:24px}
.paymentPop .layerpopupIn .cupBottom .ex .icon-k-next{font-size:14px;vertical-align:middle}
.paymentPop .layerpopupIn .cupBottom .btn{display:inline-block;float:left;color:#fff;font-size:18px;padding:16px 0;width:50%;text-align:center}
.paymentPop .layerpopupIn .cupBottom .payPBtn01{background-color:#272937}
.paymentPop .layerpopupIn .cupBottom .payPBtn02{background-color:#d31f21}
.paymentLayer .layerpopupTop .title{margin:0;padding-bottom:12px;border-bottom:1px solid #ddd}
.paymentLayer .layerPopupCloseButton{top:0}
.certificationPop{display:none}
.popContent{}
.popContent input{width:100%;margin:0;display:inline-block;padding:10px 0;text-align:center;font-size:13px;color:#cbcbcb;letter-spacing:-0.5px;border:1px solid #d7d7d7}
.popContent ul{padding:16px 0}
.popContent ul.ulStyle li{padding:0 0 5px 15px;font-size:13px}
.popContent ul.ulStyle li::before{width:3px;height:3px;background-color:#000}
.actionBtn{margin:0 auto;display:block;width:100%;padding:21px 0;background-color:#d31f21;color:#fff;font-size:18px;font-weight:400}
.certificationPop .layerpopupIn{bottom:auto;top:60px}

/*수강후기*/
/* 220824 pny 수강후기 노출 영역 추가 */
/* 241008 hyj 수정 */
.reviewVisualWrap{position:relative;padding-bottom:10vw;background:url('/assets/m-user/images/review_visual_bg.jpg') no-repeat 0 0 / cover;}
.reviewVisualWrap .reviewVisualIn{text-align:center;}
.reviewVisualWrap .bg_reviewVisual{width:100%;}
.reviewVisualWrap .reviewVisualTtl{/* position: absolute;top:9%;left:0;right:0;width:100%; */}
.reviewVisualWrap .reviewVisualTtl img{width:100%;}
.reviewVisualWrap .reviewVisualTtl p{margin:10px 0;color:#fff;font-size:3.7vw;font-weight:100;}
.reviewVisualWrap .reviewVisualTtl p b{font-weight:bold;}
.reviewVisualWrap .reviewVisualCon{width:84%;margin:3vw auto 0;}
.reviewVisualWrap .reviewVisualCon p.review_video_tit{line-height:1.4;padding:4vw 1vw;margin:0;color: #fff;font-size:3.9vw;font-weight:100;background: rgba(0, 0, 0, 0.5);}
.reviewVisualWrap .iframe_wrap{position:relative;width:100%;padding-top:56.25%;}
.reviewVisualWrap .iframe_wrap iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
.reviewVisualWrap .review_sliderWrap{position:relative;}
.reviewVisualWrap .review_sliderWrap .review_slider{}
.reviewVisualWrap .review_sliderWrap .button-prev,
.reviewVisualWrap .review_sliderWrap .button-next{position:absolute;top:0;width:10%;height:100%;z-index:10;cursor:pointer;}
.reviewVisualWrap .review_sliderWrap .button-prev{left:-10%;background:url('/assets/m-user/images/ico_review_l.png') no-repeat center / 3.5vw;}
.reviewVisualWrap .review_sliderWrap .button-next{right:-10%;background:url('/assets/m-user/images/ico_review_r.png') no-repeat center / 3.5vw;}
.reviewVisualWrap .review_sliderWrap div.swiper-button-disabled{opacity:.3;cursor:auto;}
/* //241008 hyj 수정 */
/* //220824 pny 수강후기 노출 영역 추가 */

/* .reviewContWrap {margin-top: 61px;margin-bottom: 36px;} */
.prevealBox{width:100%}
.writeReview{margin-bottom:36px}
/* .writeReview .checks.etrans input[type="checkbox"] + label {height: 36px;margin-bottom: 0;} */
.btnWrap{padding:0 16px}
.reviewAdd{margin:0 0 24px}
.reviewAdd a{padding:14px 0;position:relative;display:block;font-size:15px;color:#fff;background-color:#d31f21;box-shadow:2px 5px 12px rgba(211,31,33,0.37);cursor:pointer}
.reviewAdd a span{position:absolute;padding-left:20px}
.reviewAdd a strong{display:inline-block;margin:0;vertical-align:middle}
.reviewAdd .moveArrowBtn{display:block;margin-left:160px;overflow:hidden}
.reviewAdd .moveArrowBtn img{animation-duration:2s;animation-name:slidein;animation-iteration-count:infinite}

@keyframes slidein {
	from {margin-left:0px;transform:scale(1);opacity:0.3;}
	to {margin-left:110%;transform:scale(1.1);opacity:1;}
}

.reviewVisual img{width:100%}
.backBg{padding:1px 0 24px;background-color:#f8f8ff}
.backBg .moreBtn{margin:0}
.contWrap{}
.reviewSerachBox .searchOut{margin:0;margin-bottom:16px;font-size:18px;font-weight:700}
.reviewContBox .listBoxContWrap{margin:0}
.reviewContBox .listBoxContWrap .noPhoto{margin-left:0}
.reviewContBox .listBoxContWrap .noPhoto .bestLabel{position:relative}
.reviewList{overflow:hidden;cursor:pointer}
.reviewContBox .listBoxContWrap.bestReviewBox{margin-bottom:16px;padding:16px 16px 0;background-color:#f8f8ff}
.reviewList .listBox .contInfoBox .conSubject .title{text-align:left;margin-top:0;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden}
.reviewList .photoBox{position:relative;float:left;width:120px;height:136px}
.reviewContBox .listBox .reviewList .photoBox img{width:100%/*height:100%;*/}
.reviewContBox .listBox .reviewList .rank{font-size:14px;color:#000}
.reviewContBox .listBox .reviewList.noPhoto .contInfoBox{margin-left:0}
.reviewContBox .listBox .contInfoBox .conSubject{height:auto}
/* .listBox .commentClassInfo {clear: both;} */
.reviewContBox .commentClassInfo .classTitle{margin:0}
.viewCnt{float:right}
.reviewCont .alignment .searchNum{margin-bottom:0}
.reviewCont .alignment{}
.contWrap .alignment{position:relative;padding:0 16px}
/* .contWrap .alignment .searchNum {} */
.contWrap .alignment select{position:absolute;top:0;right:16px;width:55px;border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/assets/m-user/images/ic_more.png) no-repeat 100% 50%}
.contWrap .alignment select::-ms-expand{display:none}
.photoReviewBox{}
.photoReviewBox .list li:first-child{padding-top:0}
.basicReviewBox .list li:first-child{padding-top:0}

/* 240415 kmh 한줄 수강후기 */
.typeOneLine .list li{padding-bottom:0;}
.typeOneLine .reviewList{cursor:default;}
.typeOneLine .listBox .contInfoBox{padding-bottom:16px;cursor:pointer;}
.typeOneLine .listBox .contInfoBox .conSubject .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;}
.typeOneLine + .btnWrap{margin-top:20px;}
.commentInfo{margin-top:5px;font-size:0;}
.commentInfo span{margin:1px 0;padding:0 6px 0 0px;display:inline-block;vertical-align:middle;font-size:12px;}
.commentInfo span + span{padding-left:7px;position:relative;}
.commentInfo span + span:before{content:'';width:1px;height:10px;background:#d8d8d8;position:absolute;left:0;top:2px;}
.active .reviewInDetail{display:block;}
.active .listBox .contInfoBox .conSubject .title{text-shadow:0 0 1px #888;}
.reviewInDetail{padding:15px 15px 10px;border-top:1px solid #f0f0f0;background-color:#f5f5f5;display:none;}
.reviewInDetail .desc{padding:0 10px 0 0;font-size:13px;line-height:1.6;color:#666;word-break:keep-all;}
.reviewInDetail .teachers{margin-top:10px;text-align:right;font-size:0;}
.reviewInDetail .teachers a{width:70px;display:inline-block;vertical-align:top;text-align:center;}
.reviewInDetail .teachers .photo{width:50px;height:50px;display:block;align-items:center;margin:0 auto;overflow:hidden;border-radius:50%;background-color:#dadada;}
.reviewInDetail .teachers .photo img{width:100%;height:100%;object-fit:cover;}
.reviewInDetail .teachers .name{width:100%;margin-top:5px;display:inline-block;font-size:11px;line-height:1.2;color:#666;position:relative;word-break:keep-all;word-wrap:break-all;}
.reviewInDetail .teachers .name em{font-style:normal;text-decoration:underline;word-break:keep-all;word-wrap:break-all;}
.reviewInDetail .teachers .name span{margin-left:1px;margin-right:-6px;font-size:8px;color:#000;}
/* //240415 kmh 한줄 수강후기 */

/*수강후기 상세내용*/
.reviewDetailCont{margin-bottom:36px}
.reviewDetailTitle{padding:16px;color:#000;letter-spacing:-0.5px}
.reviewDetailTitle p{margin:0;font-size:20px}
.reviewDetailCon{position:relative;padding:0 16px}
.reviewDetailCon .reDTitle{position:relative;border-bottom:1px solid #e1e1e1}
.reviewDetailCon .reDTitle .title{margin:0;font-size:18px;font-weight:600;color:#000;clear:both;}/* 240508 kmh 수정 */
.reviewDetailCon .reDTitle .title strong{display:block;word-break:keep-all;overflow-wrap:break-word;}/* 240508 kmh 추가 */
.reviewDetailCon .reDTitle .write{font-size:13px;margin:5px 0}
.reviewDetailCon .reDTitle .write .line{color:#d8d8d8;font-size:12px;padding:0 5px}
.reviewDetailCon .reDInfo{position:relative;padding:0;margin-bottom:13px}
.reviewDetailCon .commentClassInfo{padding:8px 0}
.reviewDetailCon .reDInfo .commentGPA{position:relative;font-size:13px}
.reviewDetailCon .reDInfo .commentGPA .starT{margin-right:5px}
.reviewDetailCon .reDInfo .commentGPA .icon{color:#d31f21}
.reviewDetailCon .reDInfo .classTitle{margin:0;margin-bottom:5px;font-size:14px}
.reviewDL{background-color:#f8f9fa;padding:20px;margin-bottom:24px}
.reviewDetailCon .list_gText{background-color:#fff}
.reviewDetailCon .snsBox{margin:20px 0 0}

/*수강 상세 슬라이드*/
.reviewDL{overflow:hidden;overflow-x:scroll}
.reviewDL .list_gallery.reviewSlide{/*width: 1280px;*/position:relative}
.reviewDL .list_gallery.reviewSlide > ul{margin:0}
.reviewDL .list_gallery.reviewSlide > ul > li:first-child{margin-left:0}
.reviewDL .list_gallery.reviewSlide > ul > li{float:left;width:240px;margin-left:20px;position:relative}
.reviewDL .list_gallery.reviewSlide .list_gImg{height:176px;overflow:hidden}
.reviewDL .list_gallery.reviewSlide .list_gImg img{width:100%;padding-top:20px;background-color:#eae5eb}
.reviewDL .list_gallery.reviewSlide .list_gText{padding:20px 16px}
.reviewDL .list_gallery.reviewSlide .list_gtitle{font-size:24px;margin-top:0;margin-bottom:12px}
.reviewDL .list_gallery.reviewSlide .list_gBox{margin:0}
.reviewDL .list_gallery.reviewSlide .listGAP{float:left}
.reviewDL .list_gallery.reviewSlide .listGAP .icon{color:#d31f21}
.reviewDL .list_gallery.reviewSlide .listNumber{float:right}
.reviewDL .wvNumBox{display:none}
.reviewSlide .bg{z-index:1;display:none;content:'';width:100%;height:408px;background-color:#fff;position:absolute;opacity:0.7;left:-19px;top:-20px}
.reviewDetailCon .reviewDetailCon li .list_gBox .list_gImg{height:176px}
.reviewDetailCon .reviewDetailCon li .list_gBox .list_gText{padding:20px 16px;background-color:#fff}
.reviewDetailCon .reviewDetailCon li .list_gBox .list_gText .list_gtitle{font-size:24px;letter-spacing:-0.5px}
.reviewDL .reviewDetailCon .reviewDetailCon .list_gBox .list_gText .list_gBotto{position:relative}
.reviewDL .reviewDetailCon .reviewDetailCon .list_gBox .list_gText .list_gBotto .icon-star-full{font-size:17px}
.listGAP .number{font-weight:600;font-size:16px;color:#333}
.teachersca{margin-bottom:12px;overflow:hidden}
.teachersca a{display:block;float:left;color:#fff;font-size:13px;font-weight:400;letter-spacing:-0.5px;padding:9px 0 8px 12px;width:43%}
.teachersca a span{margin-left:10px;font-size:12px;vertical-align:middle}
.teachersca .link01{background-color:#272937}
.teachersca .link02{background-color:#6d6d6d;float:right}
.detailstar{color:#19468e;text-decoration:underline}
.reDText{padding:0 0 20px}
.reDTextIn{padding:0 4px;position:relative;font-size:14px;line-height:22px;word-break:break-all}
.reDTextIn img{max-width:100%}
.reDtexBtn img{width:13px}
.reDTextIn .reDtexBtn{text-align:center;margin-top:20px}
.reDTextIn .reDtexBtn a{font-size:14px;display:inline-block;width:47%;color:#000;border:1px solid #d7d7d7;text-align:center;margin:0 2px;padding:13px 0}
.reDTextIn .reDtexBtn a img{margin-right:16px}
.reDText .teacherSnsInfo{width:150px;margin:0 auto;overflow:hidden}
.reDText .teacherSnsInfo li{float:left;width:25%;text-align:center;font-size:16px}
.reDcommentList{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;margin-bottom:20px}
.reDcommentList li{border-top:1px solid #e1e1e1}
.reDcommentList li:first-child{border-top:none}
.reDcommentList li .redcLtop{position:relative;padding-top:10px}
/* .reDcommentList li .redcLbottom {background-color:#f8f9fa;} */
.reDcommentList li .redcLbottom{background-color:#f8f9fa;overflow:hidden;word-wrap:break-word}
.useiconbg{display:inline-block;width:32px;height:32px;background-color:#272937;color:#fff;text-align:center;line-height:31px;font-size:23px}
.username{padding-left:13px;font-size:14px;letter-spacing:-0.5px;line-height:33px;vertical-align:top;color:#000}
.username .userdate{color:#999;vertical-align:top}
.redcLbottom .text{padding:12px;font-size:13px;line-height:20px}
.redcLtopicon{position:absolute;right:0;top:5px}
.redcLtopicon a{display:block;float:left;width:32px;height:32px;line-height:32px}
.redcLtopicon span{color:#000;font-size:18px;padding:0 5px;vertical-align:middle}
.pageNavigation{position:relative}
.pageNavigation a.reDListBackLink{display:block;position:absolute;left:0;top:0;color:#fff;background-color:#d31f21;padding:16px 87px;text-align:center}

/*댓글쓰기*/
.commentWriteLayout{margin-top:40px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.comwriteName{border-bottom:#e1e1e1}
.comwriteName .tit{display:inline-block;color:#000;font-size:15px;font-weight:600;width:20%;height:60px;line-height:60px;padding-left:16px;background-color:#f8f9fa}
.nameInput{display:inline-block;width:66%;padding-left:16px}
.nameInput input{width:87%;padding:0;padding-left:2%;height:36px;color:#000}
.comwriteContainer{background-color:#f8f9fa;border-top:1px solid #e1e1e1}
.comwriteCon{padding:20px;position:relative}
.comwriteCon textarea{width:100%;height:200px;padding:0;box-sizing:border-box;resize:none;font-size:15px;color:#666;text-indent:5px;padding:5px 0;border:1px solid #e1e1e1}
.comwriteCon button{margin-top:-7px;color:#fff;border:none;background-color:#272937;text-align:center;height:42px;font-size:14px;width:100%}
.comwriteCon .textarInfo{position:absolute;font-size:15px;color:#999;right:145px;top:126px}
.comwriteCon p{color:#000;font-size:13px;letter-spacing:-0.5px}
.comwriteCon p.textT{margin:0}
.comwriteCon #contentLengthChk{position:absolute;right:27px;top:197px;color:#999}

/*수강 후기 작성페이지*/
.writeReview .searchOut{padding-top:16px}
.writeTable{margin-top:20px}
.writeTable table{width:100%;border-top:1px solid #000;border-collapse:collapse;border-bottom:1px solid #ddd;margin-bottom:20px}
.writeTable caption{font-size:0;text-indent:-9999px;overflow:hidden;height:0}
.writeTable tbody tr{border-bottom:1px solid #ddd}
.writeTable tbody tr input{height:34px;margin:0;line-height:36px;font-size:14px}
.writeTable tbody tr input.addFile{width:217px}
.writeTable tbody tr .fileLabel{display:inline-block;padding:.5em .75em;color:#999;font-size:inherit;line-height:normal;vertical-align:middle;background-color:#fdfdfd;cursor:pointer;border:1px solid #ebebeb;border-bottom-color:#e2e2e2;border-radius:.25em}
.writeTable tbody tr.tbTitle input{width:218px}
.writeReview .writeTable tbody tr.tbTitle input{width:96%}
.writeTable tbody tr.tbWirte input{width:40%;float:left}
.writeTable tbody tr.divisiontd{border-top:0}
.writeTable tbody tr.divisiontd th{border-bottom:1px dashed #ddd;border-top:1px dashed #ddd}
.writeTable tbody tr.divisiontd td{border-bottom:1px dashed #ddd;border-top:1px dashed #ddd}
.writeTable tbody tr.divisiontd td > ul > li > a.on{background-color:#d31f21;color:#fff}
.writeTable tbody tr.tbSubject select{width:230px;height:36px;margin:0;padding-right:38px;font-size:14px}
.writeTable tbody tr.tbSubject select::-ms-expand{display:none}
.coustmorWrite tbody tr{border-top:1px solid #ddd;border-bottom:none}
.coustmorWrite tbody tr:first-child{border-top:none}
.writeTable tbody tr.tbSubject .tip{border-top:1px solid #ddd;padding-top:10px;padding-bottom:10px}
.writeTable tbody tr.tbSubject .tip.firstTip{border-top:none}
.writeTable tbody tr.tbSubject .tip li:first-child{}
.writeTable tbody tr.tbSubject .tip li{position:relative;padding:5px 0;font-size:13px}
.writeTable tbody tr.tbSubject .tip li strong{padding-left:5px}
.writeTable tbody tr.tbSubject .tip .helpexContainer{left:65px}
.writeTable tbody tr.tbSubject .starAdd{color:red}
.writeTable tbody tr th{padding:20px 10px;background-color:#f8f9fa;width:20%;text-align:left;font-size:13px;color:#000}
.writeTable tbody tr .bor{border-right:1px solid #ddd}
.writeTable tbody tr td{position:relative;padding:10px;font-size:13px}
.wb{word-break:normal}
.writeTable .comment{padding-bottom:20px;line-height:20px}
.writeTable .comment p{margin:0}
.writeReview .btnWrap{margin-top:20px;padding:0}
.writeTable .checks.etrans input[type="checkbox"] + label:before{left:14px}
.writeTable .checks.etrans input[type="checkbox"] + label{height:36px;margin-bottom:0;background-position:14px 10px}
.subCaptionBox{padding:16px}
.subCaptionBox .strong{margin-top:0;font-size:16px;font-weight:600;color:#000}
.subCaptionList{padding-left:10px}
.subCaptionList li{list-style-type:decimal}
.subCaptionList.basic li{list-style-type:initial}
.checks{position:relative;float:left;width:105px;background-color:#ddd;font-size:13px}
.chkBtn{background-color:#eeeEF2;padding:6px 10px;height:40px;color:#666;font-size:13px}
.chkBtn img{margin-right:5px}

/*수강후기 별점 개발 구조와 맞춰서 작업 > ul li 구조에서 table 구조로 변경 */
#lectTable{border-top:none;border-bottom:none}
#lectTable tbody tr{border-top:1px solid #ddd;border-bottom:none}
#lectTable tbody tr:first-child{border-top:none}
#lectTable tbody tr td{display:block}
#lectTable tbody tr td:first-child{padding-top:16px}
#lectTable tbody tr td.helpexTd{padding-right:0}
#lectTable tbody tr td #lectName{padding-left:10px;color:#000;font-weight:600}
#lectTable tbody tr td span.red{display:block;margin-top:12px}
#lectTable tbody tr td span.star_point{position:absolute;left:80px;font-size:15px;margin-top:-3px}
#lectTable tbody tr td span.star_point span{margin:0;color:#bfbfbf;vertical-align:sub;font-size:13px}
#lectTable tbody tr td span.star_point span.red{color:#d31f21;display:inline-block;vertical-align:-1px}
/* #lectTable tbody tr td span.star_point .icon-star {display:inline-block;  margin: -8px 0 0 0; font-size: 26px; overflow: hidden;width: 12px;} */
.writeTable tbody tr.tbSubject select.tbSubjectSelect{width:100%;padding-right:38px}

/* 실제 체크박스는 화면에서 숨김 */
.checks input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.checks input[type="checkbox"] + label{display:inline-block;position:relative;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
/* 가짜 체크박스 */
.checks input[type="checkbox"] + label:before{content:' ';display:inline-block;width:21px;height:21px;line-height:21px;margin:-2px 8px 0 0;text-align:center;vertical-align:middle}
.checks input[type="checkbox"] + label:active:before,.checks input[type="checkbox"]:checked + label:active:before{}
.checks.etrans input[type="checkbox"] + label{margin-top:0;height:36px;line-height:36px;width:100%;background:url(/assets/m-user/images/icon-chk.png) no-repeat;background-position:10px 10px;text-align:left;background-size:19px}
.checks.etrans input[type="checkbox"] + label span{padding-left:40px;font-size:12px}
.checks.etrans input[type="checkbox"] + label:before{position:absolute;left:10px;top:10px;margin-top:0;opacity:.6;box-shadow:none}
.checks.etrans input[type="checkbox"]:checked + label{margin-top:0;color:#fff;background-color:#272937}
.checks.etrans input[type="checkbox"]:checked + label:before{position:absolute;content:"";opacity:1;background:url(/assets/m-user/images/icon-chk-on.png) no-repeat}
.classchecks{position:relative;font-size:13px;color:#000} /* 200115 kmh 수정 */
.classchecks .optionGuide{margin:2px 0 0 25px;color:#666} /* 200115 kmh 삭제 */
.chkBtn{background-color:#eeeEF2;padding:6px 10px;height:40px;color:#666;font-size:13px}
.chkBtn img{margin-right:5px}
.numSlider{background-color:#ddd;width:170px;height:20px;float:right}

/* 실제 체크박스는 화면에서 숨김 */
.classchecks input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
/* 가짜 체크박스 */
.classchecks input[type="checkbox"] + label:before{position:absolute;left:0;top:3px;margin-top:0;opacity:.6;box-shadow:none;content:' ';display:inline-block;width:21px;height:21px;line-height:21px;margin:-2px 8px 0 0;text-align:center;vertical-align:middle;border-radius:2px}
.classchecks input[type="checkbox"] + label:active:before,.classchecks input[type="checkbox"]:checked + label:active:before{}
.classchecks input[type="checkbox"] + label{display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin-top:0;width:100%;background:url(/assets/m-user/images/chkbox.png) no-repeat;background-position:0 0;/*  background-size: contain;*/text-align:left}
.classchecks input[type="checkbox"] + label span{padding-left:25px;display:block;} /* 200117 kmh 수정 */
/*.classchecks input[type="checkbox"]:checked + label {margin-top: 0; }*/
.classchecks input[type="checkbox"]:checked + label:before{position:absolute;content:"";opacity:1;background:url(/assets/m-user/images/chk-on.png) no-repeat;background-size:10px;background-position:3px 4px}
/*.addclass .classchecks input[type="checkbox"]:checked + label:before{background-size:12px; background-position:4px 4px;}


/*첨부파일*/
.filebox{}
.filebox input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.filebox label{display:inline-block;color:#fff;vertical-align:middle;background-color:#fdfdfd;cursor:pointer;border:1px solid #000;background-color:#000;height:34px;width:40px;line-height:34px;text-align:center}

/* named upload */
.filebox .upload-name{display:inline-block;width:148px;font-size:inherit;font-family:inherit;line-height:normal;vertical-align:middle;background-color:#fff;border:1px solid #ebebeb;-webkit-appearance:none;/* 네이티브 외형 감추기 */-moz-appearance:none;appearance:none}

/*상세 별범 팝업*/
.starTipPop{position:absolute;left:0;top:0;margin-left:auto;margin-right:auto;margin-bottom:auto;z-index:100;background-color:#fff;width:300px;height:176px;box-shadow:3px 6px 11px -3px rgba(0,0,0,0.3);display:none}
.starTipPop .popCont{padding:13px}
.starTipPop .popCont ul{width:100% !important;margin-top:20px}
.starTipPop .popClose{position:absolute;right:0;top:0;width:50px;height:50px;text-align:center;line-height:50px}
.starTipPop .popClose img{width:14px}
.starTipPop .popTitle{font-size:20px;margin:0;padding-bottom:10px;border-bottom:1px solid #979797}
.starTipPop .tip li{position:relative;margin:10px 0}
.prograssBg{background-color:#e9e9e9;line-height:14px;height:20px;float:right}
.starTipPop .prograssBg{width:70%;margin-right:6px}
.prograssContainer{color:#fff}
.prograssData{margin:0;padding:0 8px;background-color:#d31f21;line-height:20px}
.cont-popup{display:none;position:fixed;left:0;right:0;top:0;bottom:0;text-align:center;background-color:rgba(0,0,0,0.2)}
.GPAPrograss{padding:0}
.GPAPrograss .title{font-size:12px;font-weight:200;letter-spacing:-0.5px}
.GPAPrograss .prograssBox{position:relative;cursor:pointer;padding:5px 16px;background-color:#eaecef;transition:all ease .3s}
.GPAPrograss .prograssBox .title{/*background: url('/assets/m-user/images/arrow.png') no-repeat;*/background-size:17px;background-position:right 1px;width:100%;background-color:#eaecef;transition:all ease .3s}
.GPAPrograss .prograssBox .title.on{padding:24px 0 0;font-size:15px}
.GPAPrograss .prograssBox .title .arrowIcon{background:url(/assets/m-user/images/arrow.png) no-repeat;background-size:17px;background-position:right 1px;background-color:#eaecef;transition:all ease .3s;position:absolute;top:3px;right:9px;width:20px;height:20px;/* background-size: contain; */overflow:hidden}
.GPAPrograss .prograssBox .title.on .arrowIcon{background-position:right -16px}
.GPAPrograss .prograssBox .upicon{}
.GPAPrograss .prograssBox .downicon{}
.GPAPrograss .prograssBox .toggleBox{padding-bottom:11px;background-color:#eaecef}
.GPAPrograss .prograssBox .toggleBox table{width:100%}
.GPAPrograss table td.gpaProTitle{padding-left:0;font-size:12px;position:relative;width:20%}
.GPAPrograss table td{padding:8px 5px}

/*강의시간표*/
/* .timeTableContWrap {margin-top: 61px;    margin-bottom: 36px;} */
.timeTableSlide{position:relative;width:100%}
.timeTableSlide .monthBox{height:68px;text-align:center;background-color:#121b3f;color:#fff;padding:16px 0;position:relative}
.timeTableSlide .monthBox p{font-size:15px;margin:0;margin-bottom:12px}
.timeTableSlide .monthBox p strong{padding-left:5px;font-size:20px}
.timeTableSlide .monthBox span{font-size:15px;color:#fff}
.timeTableSlide .timeTableCont{padding:16px;padding-bottom:0}
.timeTableSlide .monthBox .icon{position:absolute;font-size:25px;top:30%;margin-top:-10px}
.timeTableSlide .monthBox .icon-k-prev{left:10px}
.timeTableSlide .monthBox .icon-k-next{right:10px}
.timeTableSlide .monthBox a{display:block;position:absolute;width:30px;height:100%;cursor:pointer}
.timeTableSlide .monthBox .monthPrev{top:0}
.timeTableSlide .monthBox .monthNext{top:0;right:0}
.timeTableSlide .timeTableDownBox{}
.timeTableSlide .timeTableDownBox ul{overflow:hidden}
.timeTableSlide .timeTableDownBox ul li{float:left;width:48.5%;margin-bottom:16px;background-color:#f3f6f9}
.timeTableSlide .timeTableDownBox ul li:nth-child(odd){float:left}
.timeTableSlide .timeTableDownBox ul li:nth-child(even){float:right}
.timeTableSlide .timeTableDownBox ul li .DownBoxList{position:relative}
.timeTableSlide .timeTableDownBox ul li .DownBoxList img{position:absolute;right:20px;top:22px;width:20px}
/* 201005 kmh 수정 */
.timeTableSlide .timeTableDownBox ul li a{display:block;padding:17px 0;text-align:center;font-size:15px;}
.timeTableSlide .timeTableDownBox ul li a strong{margin-right:3px;vertical-align:middle;font-size:18px;color:#000;}
/* // */
.timeTableSlide .wvNextBox .prevBu{top:40px}
.timeTableSlide .wvNextBox .nextBu{top:40px}
.timeTableSlide .wvNextBox span{font-size:20px}
.tableCalendarCont{border-top:1px solid #f0f0f0}
.tableCalendarCont .calendarContBox{padding-top:16px}
.tableCalendarCont .calendarContBox .pageT{padding:0 0 0 16px;margin-top:0}
.tableCalendarCont .calendarContBox .swipeWrap{border-bottom:0}
.tableCalendarCont .calendarContBox .swipeWrap:before{margin-top:7px}
.tableCalendarCont .calendarContBox .swipeWrap:after{margin-top:7px}
.tableCalendarCont .calendarContBox .roundTagCont ul li:first-child{margin-left:25px}
.tableCalendarCont .calendarContBox .roundTagCont ul{width:600px !important}
.tableCalendarCont .calendarContBox select{border:none;font-size:18px;border-radius:0;width:100px;margin-left:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/assets/m-user/images/icon_more.png) no-repeat 100% 50%}
.tableCalendarCont .calendarContBox select::-ms-expand{display:none}
.tableCalendarCont .calendarContBox .calendarSelect{overflow:hidden;overflow-x:scroll;margin:20px 0}
.tableCalendarCont .calendarContBox .calendarSelect ul{width:1100px}
.tableCalendarCont .calendarContBox .calendarSelect ul li{float:left;width:95px;height:32px;margin-right:6px;line-height:32px;cursor:pointer;text-align:center;font-size:13px;color:#fff;border-radius:20px;background-color:#818aa1}
.tableCalendarCont .calendarContBox .calendarSelect ul li.on{background-color:#d31f21}
.tableCalendarCont .calendarContBox .calendarSelect ul li a{display:inline-block;width:100%;color:#fff}
.tableCalendarCont .calendarContBox .calendarCont{padding:0 16px}
.calendarContBox .calendarCont table{width:100%;height:300px;background-color:#fff;border-collapse:collapse;border:1px solid #e1e1e1}
.calendarContBox .calendarCont table th{height:35px;line-height:35px;font-weight:600;color:#000}
.calendarContBox .calendarCont table th,.calendarContBox .calendarCont table td{width:14%;vertical-align:top;border:1px solid #e1e1e1}
.calendarContBox .calendarCont table td{position:relative;height:52px}
.calendarContBox .calendarCont table a{display:inline-table;position:relative;padding:5px;width: 100%;height:100%;background-color:#fff;pointer-events:none;cursor:default}
.calendarContBox .calendarCont table .sat a{background-color:#fff}
.calendarContBox .calendarCont table .sun a{background-color:#fff}
.calendarContBox .calendarCont table td.on a{color:#666;background-color:#f3f6f9;z-index:1}
.calendarContBox .calendarCont table td a.redBg{background-color:#d31f21;color:#fff}
/*.calendarContBox .calendarCont table a span{display:block;background-color:#d31f21;color:#fff;z-index:-1;position:absolute;right:0;left:0;top:0;bottom:0;margin-left:auto;margin-right:auto;margin-bottom:auto;margin-top:auto;width:100%;height:100%;text-align:center;line-height:54px}.calendarContBox .calendarCont table a span{display:block;background-color:#d31f21;color:#fff;z-index:-1;position:absolute;right:0;left:0;top:0;bottom:0;margin-left:auto;margin-right:auto;margin-bottom:auto;margin-top:auto;width:100%;height:100%;text-align:center;line-height:54px}*/
.calendarContBox .calendarCont table a span{background-color: #d31f21;color: #fff;z-index: -1;position: absolute;right: 0;left: 0;top: 0;bottom: 0;width: 100%;height: 100%;line-height: 54px;padding: 0 !important;}
.tableCalendarCont .calentText{margin:16px;padding:16px;font-size:13px;line-height:22px;background-color:#f3f6f9}
.calendarContBox .calendarCont table td .box {display: inline-block; text-align: center; width: 100%; padding: 5px 0;}

/*학원안내*/
.acGuideContBox .acGuideCont{background-color:#f3f6f9}
.acGuide-container{position:relative;overflow:hidden}
.acGuideContWrap{padding:0 16px}
.acGuideContBox .acGuide-container img{width:100%}
.acGuideContBox .swiper-button-prev:after,
.acGuideContBox .swiper-button-next:after{content:none}
.acGuideContBox .swiper-button-prev,
.acGuideContBox .swiper-button-next{width:15px;height:24px;margin-top:-12px;background-size:100% 100%;background-repeat:no-repeat}
.acGuideContBox .swiper-button-prev{background-image:url(/assets/m-user/images/ac-prev.png)}
.acGuideContBox .swiper-button-next{background-image:url(/assets/m-user/images/ac-next.png)}
.acGuideContBox .acGuideCont .roundTagCont{margin-bottom:0;padding-bottom:16px}
.acGuideContBox .acGuideCont .roundTagCont:before{background:#fff;background:linear-gradient(90deg,rgba(243,246,249,1) 0%, rgba(243,246,249,0) 100%)}
.acGuideContBox .acGuideCont .roundTagCont:after{background:linear-gradient(90deg,rgba(243,246,249,0) 0%, rgba(243,246,249,1) 100%)}
.acGuideContBox .roundTagCont ul{margin:0 16px 0 25px}
.acGuideContBox .roundTagContNone ul{margin:0 16px}
.acBanner{overflow:hidden;width:100%;height:118px;text-align:center;color:#fff;background-color:#373737;position:relative}
.acBanner > ul > li{float:left}
.acdemyBottomBanner,.acdemyTopBanner{overflow:hidden;position:relative}
.acdemyBottomBanner > ul > li{float:left}
.acdemyTopBanner > ul > li{float:left}
.acdemyTopBanner > ul > li > img{width:100%}
.acdemyTopBanner > ul > li > div,.acdemyBottomBanner > ul > li >div{min-height:100px}
.acGuideContBox select{border:1px solid #000;height:36px;padding-left:5px;/* padding-right: 5px; */margin:16px;padding-right:26px;font-weight:600;font-size:15px;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/assets/m-user/images/icon_more.png) #f3f6f9 no-repeat 90% 50%}
.acGuideContBox select::-ms-expand{display:none}
.acGuideContBox .acadenyslide{position:relative;overflow:hidden}
.acGuideContBox .acadenyslide .wvNextBox span,.acBanner .wvNextBox span,.acdemyTopBanner .wvNextBox span,.acdemyTopBanner span,.acdemyBottomBanner .wvNextBox span,.acdemyBottomBanner span{font-size:25px}
.acGuideContBox .acadenyslide ul{}
.acGuideContBox .acadenyslide ul li{float:left;width:100%;background-color:#ddd}
.acGuideContBox .acadenyslide ul li img{width:100%}
.locationBox{padding:16px}
.locationBox>div{padding-top:24px;overflow:hidden}
.locationBox .map{width:100%;height:200px;margin-bottom:16px;background-color:#ddd}
.locationBox .parkingCont{margin-bottom:30px}
.locationBox ul li{font-size:13px}
.locationBox ul li p{margin:0;font-size:13px;color:#161616}
.locationBox ul li.list2 p{float:left}
.locationBox ul li.list2 p:first-child{padding-right:20px;background:url(/assets/m-user/images/line.png) no-repeat 152px 2px}
.locationBox ul li strong{display:inline-block;padding-right:10px;color:#000}
.trafficCont{clear:both}
.trafficBox{margin-bottom:16px;overflow:hidden}
.trafficBox.bus{margin-bottom:0}
.trafficBox.bus .trafficIcon{padding:31px 0}/* 220411 kmh 수정 */
.trafficBox .trafficIcon{float:left;width:15%;border-radius:5px;background-color:#5e5e5e;color:#fff;text-align:center;font-size:14px}
.trafficBox .trafficIcon .iconBox{padding:13px 0;text-align:center}
.trafficBox .trafficIcon .iconBox span{display:block;padding-top:5px}
.trafficBox .trafficIcon .iconBox img{width:25px}
.trafficBox .trafficText{float:left;width:85%}
.trafficBox .trafficText ul{width:auto !important;margin-top:10px}
.trafficBox .trafficText ul li{padding:5px 10px;overflow:hidden}
.trafficBox .trafficText .sub1{padding-right:5px;color:#359723}
.trafficBox .trafficText .sub2{padding-right:5px;color:#aa8f09}
.trafficBox .trafficText .busList{width:auto !important;overflow:hidden;margin-top:0}
.trafficBox .trafficText .busList li{padding:2px 10px}
.trafficBox .trafficText .busList li span{float:left;width:10%;text-align:center;padding:5px 0;font-size:12px}
.trafficBox .trafficText .busList li>div{float:left;width:90%}
.trafficBox .trafficText .busList li p{padding-left:5px}
.trafficBox .trafficText .busList li p.last{padding-top:6px}
.trafficBox .trafficText .bus1{display:inline-block;color:#fff;background-color:#f15252}
.trafficBox .trafficText .bus2{display:inline-block;color:#fff;background-color:#23548d}
.trafficBox .trafficText .bus3{display:inline-block;color:#fff;background-color:#44a532}
.trafficBox .trafficText .bus4{display:inline-block;color:#fff;background-color:#ffaf01}/* 220411 kmh 추가 */
.floorsSelect{overflow:hidden;overflow-x:scroll;margin:20px 0}
.floorsSelect ul{width:1100px}
.floorsSelect ul li{float:left;width:70px;height:32px;margin-right:6px;line-height:32px;cursor:pointer;text-align:center;font-size:13px;color:#fff;border-radius:20px;background-color:#818aa1}
.floorsSelect ul li a{display:inline-block;width:100%;color:#fff}
.floorsSelect ul li.on{background-color:#d31f21}
.floorsInfoBox{padding:0 16px 16px;background-color:#f3f6f9}
.floorsInfoBox h5{color:#000;margin:0 0 24px;font-size:18px}
.floorsInfoBox h5 span{padding-right:10px;color:#d31f21}
.floorsInfoBox .floorsInfo{margin-bottom:20px}
.floorsInfoBox .floorsInfo p{margin:0;margin-bottom:12px;font-size:16px;font-weight:600;color:#000}
.floorsInfoBox .floorsInfo span{font-size:14px;color:#757575}
.parkingBox{line-height:22px;font-size:13px}
.parkingBox span{color:#000}

/*이벤트/혜택*/
.evTag{position:absolute;top:0;right:0;color:#fff}
.evTag .tagblack{display:inline-block;float:left;padding:5px;background-color:#000;font-size:11px;z-index:0}
.evTag .tagred{display:inline-block;float:left;padding:5px;background-color:#000;font-size:11px;z-index:0}
.evTag .tag{display:inline-block;float:left;padding:5px;background-color:#121b3f;font-size:11px;z-index:0}
/* 220419 hlj 추가 */
.evTag .tag_auto{clear:both;display:block;margin:0;z-index:0}
.evTag .tag_auto span{display:inline-block;padding:5px;margin-top:3px;font-size:11px;background-color:#627db1;z-index:0}
/* //220419 hlj 추가 */
.searchBox.event input{width:42%}
.eventCont .eventBoxList .eventList>li{position:relative;margin-bottom:16px}
.eventCont .eventBoxList .list_gBox{margin:0}
.eventCont .eventBoxList .list_gBox img{width:100%}
.eventBoxList .eventInfoBox{border-top:1px solid #e1e1e1}
.eventBoxList .eventInfoBox .eventInfo{padding:16px}
.eventBoxList .eventInfo .eventTitle{}
.eventBoxList .eventInfo .eventTitle p{margin:0 0 5px;font-size:22px;font-weight:600;color:#000}
.eventBoxList .eventInfo .eventTitle span{font-size:14px}
.eventBoxList .eventInfo .eventDate{margin:28px 0 0;font-size:14px}
.layerpopupTop .title.event{margin-bottom:12px}
.eventBoxList .layerpopupBottom .snsBox{background-color:#fff}

/*이벤트 당첨자*/
.postListBox{margin:16px 0}
.postListBox .postList{}
.postListBox .postList .views{float:right}
.postListBox .postList a{padding:0}
.postListBox .postList .list_gBox .listTitle{padding-left:0;padding-top:0;border-top:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.postListBox .postList .list_gBox .listTitle:before{display:none}
.postList li:nth-child(odd){background-color:#f6f6f6}
.postList .list_gBox{margin:0;padding:16px;border:none}
.list_gBox .listTitle{margin:0;font-size:15px;font-weight:600}
.list_gBox .listDate{margin-top:8px;margin-bottom:0;padding-left:0;font-size:12px}

/*이벤트 제휴사 혜택*/
.benefitsCont{padding:16px 0}
.benefitsCont .search .inputCont ul li.input_l{width:100%}
.benefitsCont select{padding-right:20px;border:none;font-size:18px;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/assets/m-user/images/icon_more.png) no-repeat 100% 50%}
.benefitsListBox{}
.benefitsListBox .benefitsTab{margin-top:12px;overflow:hidden;overflow-x:scroll}
.benefitsListBox .benefitsTab ul{width:795px}
.benefitsListBox .benefitsTab ul li{float:left;padding:0 30px;text-align:center;background-color:#f3f6f9}
.benefitsListBox .benefitsTab ul li.on{background-color:#121b3f}
.benefitsListBox .benefitsTab ul li a{display:inline-block;width:100%;line-height:50px;font-size:15px;color:#000}
.benefitsListBox .benefitsTab ul li.on a{color:#fff}
.benefitsTabCont{border:1px solid #121b3f;padding:16px}
.benefitsTabCont .benefitsList .noDataBox.ssBox{padding:50px}
.benefitsTabCont .benefitsList>li:first-child{padding-top:0;margin-top:0;border-top:none}
.benefitsTabCont .benefitsList>li{padding-top:16px;margin-top:16px;border-top:1px dotted #ddd}
.benefitsListBox .listTitle{padding:0;border-top:none;font-weight:400;font-size:15px;color:#000}
.benefitsListBox .listTitle:before{display:none}
.benefitsListCont{}
.benefitsBox{position:relative;height:auto}
.benefitsBox .logoBox{max-width:70px;position:absolute;top:0}
.benefitsBox .logoBox img{width:100%}
.benefitsBox .mapBtn{position:relative;width:53px;margin-top:10px;display:block;font-size:10px;border:1px solid #d7d7d7;border-radius:3px;padding:5px}
.benefitsBox .mapBtn span{position:absolute;top:7px;right:3px;font-size:10px}
.benefitsBox .benefitsInfo{max-width:280px;margin-left:80px}
.benefitsBox .benefitsInfo ul{}
.benefitsBox .benefitsInfo ul li{overflow:hidden;width:100%;padding:3px 0;font-size:12px}
.benefitsBox .benefitsInfo ul li p{float:left;width:75%;margin:0;color:#000}
.benefitsBox .benefitsInfo ul li .txt{float:left;width:75%;margin:0;color:#000}
.benefitsBox .benefitsInfo ul li span{display:inline-block;width:25%;float:left;font-size:11px}

/*쿠폰, 상품권*/
/* .couponContWrap {margin-top: 61px; margin-bottom: 36px;} */
.eventTabLayout{margin-bottom:16px}
.eventTabLayout li.tab3 a{padding:0;line-height:17px}
.eventTabLayout li.tab3 a span{display:inline-block;padding-top:10px}
/* .eventTabLayout .eventTab { padding: 0 16px;overflow: hidden;border-bottom: 1px solid #e9e9e9;} */
/* .eventTabLayout li {float: left;    width: 33.3%;} *//* .eventTabLayout li:first-child{margin-left:0;} *//* .eventTabLayout li a {display:block;     height: 52px;line-height: 52px;color:#666;  font-size:14px; font-weight:400;  text-align:center;} *//* .eventTabLayout li.on  {     border-bottom: 3px solid #d31f21;}
	.eventTabLayout li.on a{color:#d31f21; font-weight:600;} */
.couponCont{}
.couponCont .couponTabContent{}
.couponCont .couponTabContent img{width:100%}
.couponCont .couponTabContent .couponTable{width:100%;text-align:center;border-top:2px solid #000;border-collapse:collapse}
.couponTable thead{background-color:#f3f6f9}
.couponTable tbody{}
.couponTable tr{border-bottom:1px solid #ddd}
.couponTable tr th,.couponTable tr td{padding:16px 5px;font-size:13px}
.couponTable tbody td:first-child{background-color:#f3f6f9}
.subDsCont{}
.subDsCont h3.pageT{}
.descTextBox{padding:16px;background-color:#f3f6f9;margin-bottom:16px}
/*2019.07.25 margin-bottom 추가*/
.descTextBox .descText{}
.descText{}
.descText span{font-size:14px;line-height:25px}
.descText ul{margin-bottom:16px}
.descText ul.last{margin-bottom:0}
.descText ul li{padding:2px 0 5px 12px;font-size:14px}
.descText ul li:before{content:"";position:absolute;margin:7px 0 0 -9px;width:3px;height:3px;background-color:#000;border-radius:50%}
.fmCont .pageT{font-size:16px}
.cpscTextWrap{margin-top:16px;padding:1px 16px 16px;background-color:#f3f6f9}
.cpscTextBox{margin-bottom:16px}
.cpscTextBox li{padding:0 0 4px 12px;font-size:14px}
.cpscTextBox li:before{content:"";position:absolute;margin:7px 0 0 -9px;width:3px;height:3px;background-color:#000;border-radius:50%}
.howToBox{}
.howToBox .boxTt{position:relative;margin:0}
.howToBox .boxTt p{font-size:16px}
.howToBox .boxTt>span{position:absolute;display:inline-block;width:30px;height:30px;line-height:30px;font-weight:600;text-align:center;font-size:18px;background-color:#d0dbe5;color:#fff}
.howToWrap{padding:16px;background-color:#f3f6f9}
/* .familyMoneyWrap {margin-top: 61px; margin-bottom: 36px;} */
.tabLayout.familyMoneyLayout li{width:50%}
/* .tabLayout ul {padding: 0 16px;overflow: hidden;border-bottom: 1px solid #e9e9e9;}
.tabLayout ul li {float: left;}
.tabLayout ul li a {display: block;height: 52px;line-height: 52px;color: #666;font-size: 15px;font-weight: 400;text-align: center;}
.tabLayout ul li.on {border-bottom: 3px solid #d31f21;}
.tabLayout ul li.on a {color:#d31f21; font-weight:600;} */
.fmCont{}
.fmCont .fmContent{margin-bottom:20px}
.fmCont .fmContent .fmFlow{margin-bottom:15px;padding-top:20px;overflow:hidden;overflow-x:scroll} /* 200618 syh 수정 */
.fmCont .fmContent .fmFlow ul{width:800px}
.fmCont .fmContent .fmFlow ul li{position:relative;float:left;width:200px;text-align:left}
.fmCont .fmContent .fmFlow ul li:after{content:"";position:absolute;width:17px;height:30px;top:40px;left:-55px;background:url(/assets/m-user/images/ic_fam_arrow.png) no-repeat left 7px;background-size:contain}
.fmCont .fmContent .fmFlow ul li:first-child:after{display:none}
.fmCont .fmContent .fmFlow ul li img{width:50px}
.fmCont .fmContent .fmFlow ul li .fmFlowT{margin-bottom:4px;font-size:14px;font-weight:600;color:#000}
.fmTable{width:100%;text-align:center;border-top:1px solid #ddd;border-collapse:collapse}
.fmTable thead{background-color:#f3f6f9}
.fmTable tbody{}
.fmTable tr{font-size:14px;border-bottom:1px solid #ddd}
.fmTable tr th,.fmTable tr td{padding:16px 0}
.fmTable tbody td:first-child{width:40%;background-color:#f3f6f9}
.tbSubText{display:inline-block;margin:8px 0;font-size:13px}
.contactNum{overflow:hidden}
.contactNum li{float:left;width:47%}
.contactNum li:before{}

/* 200618 syh 패밀리머니 문구 추가 */
.familymoneyMore{padding-bottom:20px;}
.familymoneyMore p{display:inline-block;font-size:12px;color:#666;padding:0;margin:0;}
.familymoneyMore .btn_more{font-size:10px;color:#666;border:1px solid #d7d7d7;display:inline-block;height:18px;line-height:18px;border-radius:2px;padding:0 25px 0 8px;margin-left:6px;position:relative;}
.familymoneyMore .btn_more:after{content:'';display:inline-block;width:4px;height:4px;position:absolute;top:6px;right:12px;border:1px solid #a8a8a8;border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}

/*선생님평가별점*/
.teacherGradeBox{text-align:center;padding:50px 10px}
.teacherGradeInT{margin:30px 0 0 0}
.teacherGradeInT h3{margin:0 0 20px 0;font-size:20px;color:#000}
.teacherGradeInT p{margin:0;font-size:15px}
.textareaCont{background-color:#F8F9FA;padding:20px 0;margin:30px 0 0}
.textareaCont textarea{width:90%}
.tcGradeStar .star_gage{margin-top:20px}
.tcGradeStar.star_point.point_type4 .star_gage{width:156px;height:28px}
.tcGradeStar.star_point.point_type4 .star_gage a{width:15px;height:33px}
.tcGradeStar.star_point.point_type4 .star_gage .btn_star_l{width:15px;height:33px;background-size:auto 65px;background-position:0px -37px}
.tcGradeStar.star_point.point_type4 .star_gage .btn_star_l.selected{background-position: 0px 0px}
.tcGradeStar.star_point.point_type4 .star_gage .btn_star_r{background-position:-16px -37px;background-size:auto 65px}
.tcGradeStar.star_point.point_type4 .star_gage .btn_star_r.selected{background-position:-16px 0px}
.sendBtn{display:inline-block;width:100%;margin:10px 0 0 0;padding:14px 0px;color:#fff;box-sizing:border-box;text-align:center;background-color:#D31F21;border:1px solid #D31F21;font-size:14px;font-weight:600}

/*마이페이지*/
/* .myPageContWrap {margin-top: 61px;} */
.myPageContBox{}
.myinfoBox{position:relative;padding:25px 32px;background-color:#d31f21}
.myinfoBox .myInfo{margin:0;font-size:18px;color:#fff}
.myinfoBox .myInfo span{font-size:21px}
.myinfoBox .setting{font-size:12px;position:absolute;top:40px;right:32px}
.myinfoBox .setting a{display:block;font-size:13px;color:#fff}
.myinfoBox .setting a img{padding-right:5px;width:20px}
.myPageCatebox{}
.myPageCatebox:after{}
.myPageCatebox ul{position:relative;overflow:hidden}
.myPageCatebox ul li{position:relative;float:left;width:50%}
.myPageCatebox ul li .myCateBox{overflow:hidden;border:1px dotted #d8d8d8;border-top:none;border-left:none}
.myPageCatebox ul li .myCateBox .myIcon{float:left;line-height:40px}
.myPageCatebox ul li .myCateBox .myIconTxt{margin-left:49px;color:#000}
.myPageCatebox ul li .myCateBox.no-line{border-right:none}
.myPageCatebox ul li:nth-child(2n) .myCateBox{border-right:none;} /* 201204 syh 추가 */
.myPageCatebox ul li p{margin:0}
.myPageCatebox ul li p strong{color:#d31f21;font-size:18px}
.myPageCatebox ul li img{width:36px;margin-right:12px}
.myPageCatebox ul li a{display:block;padding:16px;font-size:14px}
.myPageCatebox ul li span{color:#d31f21}
.myPageCatebox ul li a .icon{position:absolute;top:30px;right:16px;color:#707070}
.myActiveBox{}
.myActiveBox ul{position:relative;overflow:hidden;border-bottom:7px solid #ebebeb}
.myActiveBox ul li{float:left;width:50%;height:80px}
.myActiveBox ul li .activeListMenu{padding-bottom:16px;border-bottom:1px solid #ddd}
.myActiveBox ul li .myActive{height:100%;text-align:center}
.myActiveBox ul li:first-child .myActive{border-right:1px dotted #d8d8d8}
.myActiveBox ul li:first-child .myActive p{padding-top:7px}
.myActiveBox ul li p{margin:0;padding-top:10px;font-size:14px;color:#000}
.myActiveBox ul li a{display:block;padding:16px 0 10px}
.myActiveBox ul li a img{width:28px}
.myActiveBox ul li a span.num{padding-left:5px;font-weight:600}
.myActiveList{}
.myActiveList .activeListMenu{border-bottom:1px solid #d8d8d8}
.myActiveList ul{}
.myActiveList ul li{position:relative}
.myActiveList ul li p{display:inline-block;margin:0;padding-left:16px}
.myActiveList ul li a{display:inline-block;width:100%;height:57px;line-height:57px;font-size:15px;color:#000}
.myActiveList ul li .num{float:right;padding-right:16px}
.myActiveList ul li .icon{font-size:12px;padding-left:10px}

/* 230222 kmh 추가 */
.regi_coupon_number{padding:15px 20px 30px;font-size:0;}
.regi_coupon_number strong{margin-bottom:15px;display:block;font-size:18px;font-weight:600;color:#000;}
.regi_coupon_number button,
.regi_coupon_number input{display:inline-block;vertical-align:middle;}
.regi_coupon_number input[type="text"]{width:calc(100% - 100px);height:45px;margin:0 10px 0 0;padding:0;text-align:center;font-size:17px;font-weight:600;color:#000;border:1px solid #d7d7d7;box-sizing:border-box;}
.regi_coupon_number .btn_regi{width:90px;height:45px;text-align:center;font-size:16px;line-height:45px;color:#fff;background-color:#d31f21;}
/* //230222 kmh 추가 */

.myPageCont{padding:16px}
.myCpBox .listST{margin-top:0}
/* 240718 kmh 추가 */
.myCpBox .myCpHistoryBox{position:relative;}
.myCpBox .myCpHistoryBox .coupon-select{width:120px;font-size:14px;position:absolute;right:0;top:0;}
/* //240718 kmh 추가 */

/* 230306 pny 추가 */
.myCpInfo{padding:20px 17.5px 17.5px;margin-bottom:8px;background:#f1f1f5;}
.myCpInfo .infoSubttl{font-size:15px;font-weight: 600;color:#000;margin-top:0;}
.myCpInfo .cpInfoCont{font-size:12px;color:#666;}
.myCpInfo .cpInfoCont li:before{display:block;content:'·';position:absolute;left:0;font-weight:600;}
.myCpInfo .cpInfoCont li{position:relative;padding-left:10px;line-height:1.6;}
/* //230306 pny 추가 */

.myActiveClass{}
.myActiveClass .activeClassT{display:inline-block;width:100%;height:57px;line-height:57px;font-size:15px}
.myActiveClass .activeClassT p{margin:0;padding-left:16px;border-bottom:1px solid #d7d7d7}
.myActiveClass .activeClassT p a{color:#000}
.myActiveClass .activeClassT .num{float:right;padding-right:16px}
.myActiveClass .activeClassT .icon{font-size:12px;padding-left:10px}
.activeClassCont{padding:16px 16px 30px;overflow:hidden;overflow-x:scroll}
.activeClass{/*   height: 201px;*/overflow:hidden}
.activeClass>ul{}
.activeClass>ul>li{position:relative;float:left;height:160px;background-color:#f3f6f9}
.activeClass>ul>li .classBox{padding:16px}
.activeClass>ul>li .classTitle{position:relative}
.activeClass .classT{margin:0 55px 0 0;font-size:15px;font-weight:600;color:#000}
.activeClass .classDay{display:inline-block;margin-top:4px;font-size:14px}
.activeClass .dataLink{position:absolute;top:0;right:0;border-bottom:1px solid #666}
.activeCont{margin-top:35px}
.activeCont ul{overflow:hidden;padding-top:24px;margin-left:-10px}
.activeCont ul li{position:relative;float:left;width:20%;text-align:center;font-size:13px}
.activeCont ul li p{background-color:#d8d8d8;border-radius:50%;width:42px;height:42px;line-height:42px;margin:0 auto}
.activeCont ul li.on p{font-weight:600;color:#fff;background-color:#d9212a}
.activeCont ul li:first-child:before{display:none}
.activeCont ul li:before{position:absolute;content:"";top:16px;left:0;width:11px;height:7px;background-color:#d8d8d8}
.activeCont ul li:after{position:absolute;content:"";top:16px;right:0;width:11px;height:7px;background-color:#d8d8d8}
.activeCont ul li.last:after{display:none}
.activeCont ul li.on:before{background-color:#d9212a}
.activeCont ul li.on:after{background-color:#d9212a}
.activeCont ul li.last p{width:50px;height:50px;line-height:50px;margin-top:-6px;margin-left:11px;color:#fff;background-color:#4d4d4d}
.iconBg{display:inline-block;position:absolute;top:-19px;right:30px;width:36px;height:37px;font-size:11px;line-height:32px;color:#fff;background-size:contain;background:url(/assets/m-user/images/pop.png) no-repeat center}

/*수업일수 프로그래스바*/
.myClassProgrLayout{height:29px}
.myClassProgrIn{display:inline-block;width:100%;height:29px;border-radius:20px;border:1px solid #e1e1e1;background-color:#f8f8f8;position:relative;line-height:30px;text-align:right}
.mcpGage{background-color:#d31f21;height:29px;position:absolute;left:0;border-radius:20px;color:#fff;min-width:25px;transition:all .4s}
.mcpGage .ingWeek{color:#fff;padding-right:15px;position:relative}
.mcpGage .mcpWeek{color:#fff;font-size:12px;position:absolute;display:inline-block;right:-8px;top:-29px;width:31px;height:34px;background-image:url(/assets/user/images/bubb.png);background-repeat:no-repeat;text-align:center}
.completWeek{color:#bebebe;font-size:13px;display:inline-block;padding:0 15px}
.compleleverUpBtn{transition:all .3s;display:block;font-size:13px;position:absolute;top:23px;right:0;border-bottom:1px solid #d31f21;text-align:right;color:#d31f21}
.compleleverUpBtn span{color:#d31f21;opacity:0.6;font-size:10px}
.myActC-pagination{margin-top:16px;text-align:center}
.myActC-pagination .swiper-pagination-bullet{margin:0 2px;background-color:#666 !important}

/*마이페이지 > 수강신청내역 > 공제환불신청, 공제환불 신청 취소*/
.clock01{display:inline-block;background-color:#cc1a59;color:#fff;padding:3px;border-radius:2px;font-size:14px}
.clock02{display:inline-block;background-color:#ff8a00;color:#fff;padding:3px;border-radius:2px;font-size:14px}
.clock03{display:inline-block;background-color:#2091bb;color:#fff;padding:3px;border-radius:2px;font-size:14px}
.clock04{display:inline-block;background-color:#531894;color:#fff;padding:3px;border-radius:2px;font-size:14px}
.myPageCont .myFmBox{}
.myFmHistoryBox{}
.myStatus{overflow:hidden}
.myStatus .statusIn{margin-top:12px;border-left:1px dotted #d8d8d8}
.myStatus .statusIn p{margin:0}
.myStatus .statusIn strong{color:#d31f21;font-size:16px}
.myStatus li{float:left;width:50%;height:65px;text-align:center;font-size:13px;color:#666;background-color:#f3f3f3}
.myStatus li.last{border-top-right-radius:5px;border-bottom-right-radius:5px}
.myStatus li:first-child{border-radius:5px;background-color:#d31f21;color:#fff}
.myStatus li:first-child strong{color:#fff}
.myStatus li:first-child .statusIn{border-left:none}
.myStatus.second{margin-top:16px}
.myStatus.second li:first-child{background-color:#272937}
.myStatus li:first-child .num{color:#fff}
.myStatus li .num{font-weight:600}

.mychStatus{overflow:hidden}
.mychStatus .statusIn{margin-top:12px;border-left:1px dotted #d8d8d8}
.mychStatus .statusIn p{margin:0}
.mychStatus .statusIn strong{color:#d31f21;font-size:16px}
.mychStatus li{float:left;width:50%;height:65px;text-align:center;font-size:13px;color:#666;background-color:#f3f3f3}
.mychStatus li.last{border-top-right-radius:5px;border-bottom-right-radius:5px}

.mychStatus li:first-child .statusIn{border-left:none}
.mychStatus.second{margin-top:16px}
.mychStatus.second li:first-child{background-color:#272937}
.mychStatus li .num{font-weight:600}
.statusIn .txtbox {margin-bottom:5px}
.statusIn span.box{background-color:#444; font-size:12px; font-weight:400; letter-spacing: -0.5px; text-align:center; color:#fff; padding:3px 8px; border-radius: 15%;}
.myGcHistoryBox .title2{ color:#000; margin:10px 0 3px 0; font-size:15px; font-weight:600; letter-spacing: -0.5px; }

.historyCont .addBtn{background-color:#f0f0f0;font-size:11px;padding:0 10px;border:1px solid #cbcbcb;line-height:20px;font-weight:300; color:#666; }/* 210330 hyj 수정 */


.historyCont{margin-bottom:16px}
.historyCont a{display:block;width:100%}
.historyCont .list_gBox .listTitle{width:165px}
.myCpBox .accumulate{top:0;right:16px}
.myGcBox .accumulate{top:0;right:16px}
.myGcBox .myStatus li:first-child{line-height:65px}
.myGcBox .myStatus li:first-child .statusIn{margin-top:0;font-weight:600}
.myMbBox .accumulate{top:0;right:16px}
.fmList .accumulate{top:0;right:16px}
.addGcBtn{position:absolute;top:-5px;right:0;background-color:#fff;font-size:14px;padding:0 10px;border:1px solid #cbcbcb;line-height:30px;font-weight:300}
.bg-list{}
.bg-list li{position:relative}
.bg-list li:nth-child(odd){background-color:#f3f6f9}
.bg-list li .list_gBox{margin:0;padding:16px;border:none}
.bg-list li .listSubTitle{display:inline-block;padding-bottom:4px;font-weight:600}
.bg-list li .listTitle{padding-left:0;padding-top:0;border-top:none;color:#000}
.bg-list li .listTitle::before{display:none}
/*.accumulate {   position: absolute;right: 16px;top: 33px;  margin: 0; text-align: right;font-weight: 600; font-size: 12px;color:#000;}*/
.accumulate{position:absolute;text-align:right;font-weight:600;font-size:12px;color:#000;height:37px;top:0;bottom:0;margin-left:auto;margin-bottom:auto;margin-right:auto;margin-top:auto;width:100px}
.accumulate .num{margin:0;font-weight:600;font-size:12px}
.accumulate .num strong{vertical-align:middle;font-size:16px}
.myGcBox .myStatus li{width:33.3%}
.myHmBox .myStatus li{width:33.3%}
.myHmBox .mychStatus li{width:33.3%}
.myMbHistoryBox{}
.myMbHistoryBox ul.membershipList{padding:0 16px;border:1px solid #e1e1e1}
.myMbHistoryBox ul.membershipList li{text-align:center}
.myMbHistoryBox ul.membershipList li:first-child{}
.memberInfo{padding:16px;border-bottom:2px dotted #e1e1e1}
.memberInfo p{margin:0;font-size:14px;color:#000}
.memberInfo p span{font-weight:600}
.memberInfo span{}
.memberInfo .addGcBtn{bottom:0;right:0;display:block;margin:12px auto 0;width:65px;left:0;top:50px;height:30px}
.memberAmount{padding:16px}
.memberAmount p{margin:0;font-size:15px;font-weight:600}
.memberAmount p span{}
.memberAmount span{}

/*마이페이지 수강신청*/
.myPageTab li{width:33.3%}
.infoList ul li .infoT{display:inline-block;float:left;width:50px;color:#858585;vertical-align:top;font-size:12px}
.infoList ul li p{display:inline-block;float:left;/* width: 95px;*/margin:0;font-size:13px;color:#333}
.infoList ul li p .icon-k-next3{padding:0 3px;font-size:10px}
/* 230810 kmh 추가 */
.infoList .onlineBookStroeList{display:block;}
.infoList .onlineBookStroeList ul{margin-top:5px;}
.infoList .onlineBookStroeList ul,
.infoList .onlineBookStroeList li{display:inline-block;}
.infoList ul li .onlineBookStroeList li{margin:0 2px;}
.infoList .onlineBookStroeList li a{font-size:11px;display:block;background-color:#E1E1E1;color:#000;padding:6px 5px 4px 5px;border:1px solid #D7D7D7;border-radius:2px;}
.infoList .onlineBookStroeList li a span{padding-left:3px;color:#000;font-size:10px;}
.infoList .onlineBookStoreInfo{margin:0 0 0 -133px;text-align:center;font-size:11px;}
/* //230810 kmh 추가 */

.contInfoWrap .infoList ul li p > a{display:block;position:relative}
.myClassContBox .listWrap{position:relative;border-bottom:7px solid #ebebeb}
.myClassContBox .listWrap:after{position:absolute;content:"";left:0;bottom:-1px;width:100%;height:1px;background-color:#d1d1d1}
.listBoxCont.line{border-bottom:1px solid #d1d1d1}
.myClassContBox .listBoxContWrap{position:relative;padding-bottom:24px}
.myClassContBox .listBox .profile{width:120px;padding-top:0;background-color:#fff}
.myClassContBox .listBox .photo-bg{padding-top:30px;background-color:#eee}
.myClassContBox .listBox .contInfoBox{margin-left:133px}
.myClassContBox .list>li:first-child{padding-top:20px}
.myClassSlide{position:relative}
.myClassSlide h4{margin-bottom:0;padding-bottom:25px;text-align:center;font-size:18px;color:#000}
.sliderBorB{padding:0 16px 16px;border-top:1px solid #d8d8d8}
.myClassSlide .wvNextBox{}
.subjectTag{overflow:hidden}
.subjectTag li{float:left;padding:0 5px;color:#858585;font-size:11px;background:url(/assets/m-user/images/sline-bg.png) no-repeat left 2px}
.subjectTag li:first-child{padding-left:0;background:none}
.myClassSlide .classCBox{margin-bottom:16px;padding-right:0;border-bottom:1px solid #d8d8d8}
.myClassSlide .classCBtn{display:block;width:100px;height:32px;margin:0 auto;margin-bottom:20px;font-size:12px;background-color:#fff;color:#666;border:1px solid #d8d8d8}
.infoNameBox{}
.classCancleBox .myClassSlide .infoNameBox ul.infoTop{}
.classCancleBox .myClassSlide .infoNameBox ul.infoTop li{float:none;width:auto}
.myClassSlide .infoNameBox ul li{margin-bottom:8px;overflow:hidden}
.myClassSlide .listBox .contInfoBox .conSubject{height:auto}
.myClassSlide .eventPride strong{font-size:15px;color:#000}
.myClassSlide .eventPride .won{width:auto}
.myClassSlide .controlBtnWrap{width:170px;margin:0 auto;position:relative}
.controlBtnWrap .controlPrev{position:absolute;left:0;top:-3px}
.controlBtnWrap .controlNext{position:absolute;right:0;top:-3px}
.classCBtn{width:31.45%;height:32px;font-size:12px;background-color:#fff;color:#666;border:1px solid #d8d8d8;margin-bottom:16px}
.payInfo{padding:16px;overflow:hidden;border-bottom:1px solid #d8d8d8}
.payInfo li{float:left;width:50%;margin:2px 0}
.infoList ul.payInfo li p{width:auto}
.payInfoList{padding:16px;padding-bottom:10px}
.payInfoList li{overflow:hidden}
.payInfoList li .eventPride{float:right;text-align:right}
.payInfoList li .eventPride .prideSub{display:block}
.payInfoList li span.infoT{width:120px}
.payInfoList li.finalPay{color:#d31f21}
.payInfoList li.finalPay .infoT{font-size:14px;font-weight:600;color:#d31f21}
.payInfoList li.finalPay .eventPride strong{font-size:16px;color:#d31f21}
.controlBtn{display:inline-block;width:32px;height:32px;line-height:32px;font-size:14px;font-weight:600}
.buttonWrap{margin-top:10px}
.buttonWrap button{display:block}
.buttonWrap button img{margin-right:5px}
.buttonWrap .sideBtn{width:120px;height:32px;margin-bottom:8px;font-size:12px;background-color:#f3f6f9;border:1px solid #d8d8d8;color:#666;letter-spacing:-0.5px;}/* 210914 kmh 수정 */
.buttonWrap .sideBtn span{font-size:10px}
.classBtnWrap{padding-top:16px;margin:0 -1%;border-top:2px dotted #d8d8d8}
.classBtnWrap button{width:48.55%;margin:1%;height:32px;font-size:12px;background-color:#666;color:#fff}
.classBtnWrap button:first-child{}
.classBtnWrap .rvCancle{width:100%}
.classBtnWrap button.wFull{width:100%}
.classBtnWrap.btn4 button{width:47.5%}
.classBtnWrap.btn3 button{width:30.8%}
.classBtnWrap.btn2 button{width:47.5%}
.classBtnWrap.btn1{margin:0}
.classBtnWrap.btn1 button{width:100%;margin:0}
.cashReceiptBox{overflow:hidden;margin:0 13px 13px}
.cashReceiptBox li{float:left;width:49%;text-align:center;margin-left:2%}
.cashReceiptBox li:first-child{margin-left:0}
.cashReceiptBox li a{display:block;height:32px;line-height:32px;background-color:#f3f6f9;border:1px solid #d8d8d8}
.infoNameBox ul.infoTop.orderBox{margin-bottom:12px;padding:8px;border:1px solid #d8d8d8;background-color:#f2f2f2}
.infoNameBox ul.infoTop.orderBox li{margin:5px 0}
.orderList{border:1px solid #d8d8d8;border-bottom:none}
.orderList .orderListIn{padding:0 12px}
.myClassCont .infoNameBox .orderList .orderListIn li{float:none;width:auto;margin:0;padding:12px 0;border-top:1px solid #d8d8d8}
.myClassCont .infoNameBox .orderList .orderListIn li:first-child{border-top:none}
.orderList .orderListIn li .clTtitle{width:auto;margin:5px 0;display:block;font-weight:600;color:#000;font-size:18px}
.orderPayList{background-color:#f8f9fa;border:1px solid #d8d8d8;padding:12px}
.orderPayList .payInfoList{padding:0;overflow:hidden}
.myClassCont .myClassSlide .orderPayList .payInfoList li{width:100%;margin:0;margin:3px 0}
.orderPayList .payInfoList li span{width:auto}
.orderPayListIn{}

/*수강신청 취소/변경*/
.classCancle{padding:0 16px}
.classCancleBox .pageT{padding:0 16px;padding-top:16px;margin-bottom:0;margin-top:0}
.subPageT{padding:0 0 0 16px}
.classCancleBox .classBtnWrap button:first-child{float:none}
.classCancleBox .classBtnWrap button{width:100%}
.classCancleBox .myClassContBox .listBox .contInfoBox{margin-left:0}
.classCancleBox .myClassSlide .infoNameBox ul li{width:50%;float:left}
.classChangeBox .pageT{padding:0 16px;padding-top:16px;padding-bottom:16px;margin:0}
.classChangeBox .classBtnWrap button:first-child{float:left}
.classChangeBox .classBtnWrap button{width:49%}
.classChangeBox .myClassContBox .listBox .contInfoBox{margin-left:0}
.classChangeBox .myClassSlide .infoNameBox ul li{width:50%;float:left}
.changeAreaBox{}
.changeAreaBox h5{padding:10px 0;margin:0;font-size:12px;background-color:#000;color:#fff;text-align:center}
.changeAreaBox .changeSubject{}
.changeAreaBox .changeSubject2{}
.changeArea{height:200px;overflow-y:scroll;border:1px solid #ddd}
.changeArea p{padding:5px;border-bottom:1px solid #ddd;margin:0}
.changeArea p.on{color:#fff;background-color:#d31f21}
.changeAreaIn{height:500px}
.classBtnWrap .btnWrapBottom{margin-top:10px}
.decripText{}
.decripText ul{border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;padding:10px 0;margin-bottom:16px}
.decripText ul li{padding:0 0 2px 15px;font-size:13px}
.decripText ul li:before{content:"";position:absolute;margin:7px 0 0 -9px;width:3px;height:3px;background-color:#ccc;border-radius:50%}
.refundPay{}
.refundPay span{}
.refundPay p{margin-bottom:0;font-weight:600;font-size:15px;color:#000}
.toggleSlideBox .infoList ul.payInfo li .infoT{display:block;float:none}
.toggleSlideBox .infoList ul.payInfo li p{display:block;float:none}
.toggleSlideBox .infoList ul.payInfo li span {width:auto;}/* 200723 hyj 수정 */

/*출석확인증*/
.atdCheckPop .layerpopupContainer{height:calc(100% - 100px)}
.atdCheckPop .layerpopupInfo{margin-bottom:30px}
.atdCheckPop .layerpopupIn{overflow:hidden}
.atdCheckPop .table_normal.classInfo tbody td{font-size:11px}
.atdCheckPop .layerpopupContainer .layerpopupContent .LyPopTop{text-align:center;color:#000}
.atdCheckPop .layerpopupContainer .layerpopupContent .LyPopTop h5{margin-top:10px}
.atdCheckPop .layerpopupContainer .layerpopupContent .LyPopTop img{width:150px}
.atdCheckPop .layerpopupInfo th{width:55px;text-align:left;color:#000;font-size:13px}
.atdCheckPop .layerpopupInfo td{font-size:12px;color:#000}
.atdCheckPop .LyPopBottom{margin-top:50px;text-align:center;color:#000}
.atdCheckPop .LyPopBottom p.day{margin-top:0;margin-bottom:5px;font-size:16px}
.atdCheckPop .LyPopBottom p.company{margin-bottom:5px;padding-left:10px;font-size:20px;font-weight:600;letter-spacing:10px}
.atdCheckPop .LyPopBottom img.pagodaSign{position:absolute;bottom:-1px;right:12px;width:40px}
.atdCheckPop .tableCalendarCont .calendarContBox{padding:0}
.atdCheckPop .calendarContBox .calendarCont table a{font-size:11px}
.atdCheckPop .calendarContBox .calendarCont table th,.calendarContBox .calendarCont table td{font-size:11px}
.atdCheckPop .calendarContBox .calendarCont table a span{color:#666;background:none}
.canlIcon{margin:15px 0;font-size:13px}
.canlIcon .icon{vertical-align:text-top}
.canlIconBox{margin-left:10px}
.checkDay{float:right}
.atdCheckPop .dayCheckBox{}
.atdCheckPop .dayCheckBox .dayCheckBoxIn{overflow:hidden}
.atdCheckPop .dayCheckBox .dayCheckBoxIn li{float:left;color:#000;width:46%;text-align:center;border-bottom:1px solid #000;padding:15px 0 7px;margin:0 2%;font-size:13px}
.atdCheckPop .dayCheckBox .dayCheckBoxIn li strong{float:left}
.atdCheckPop .dayCheckBox .dayCheckBoxIn li span{float:right}
.atdCheckPop .layerpopupIn .conBottom .cbBottom .sText{display:block;font-size:15px}
.atdCheckPop .LyPopBottom img.pagodaSign{position:absolute;bottom:53px;right:12px;width:40px}
.atdCheckPop .sText{display:inline-block;font-size:12px;line-height:15px}
.cupDownBtn .icon-k-download{font-size:31px;vertical-align:middle}

/*마이페이지 학습지원*/
.classSupportCont .myClassSlide h4{margin:0;padding:15px 0 0}
.layerpopupTop .scroecradsection .title{font-size:30px;letter-spacing:-0.5px;color:#000;font-weight:400;margin-bottom:20px}
.layerpopupTop .feedbacksection .title{font-size:15px;letter-spacing:-0.5px;color:#000;font-weight:400}
.feedbacksection .feedbBox,.scroecradsection .scroecardBox{min-height:120px;border:1px solid #d7d7d7;margin-bottom:20px}
.scroeCardlayout{margin-bottom:20px}
.scroeCardlayout .subTitle{margin:0 0 10px;font-size:16px;font-weight:600;color:#000}
ul.fedbTabLayout{border-bottom:1px solid #000}
ul.fedbTabLayout li{display:inline-block}
ul.fedbTabLayout li a{display:block;color:#666;padding:10px;font-size:16px;position:relative}
ul.fedbTabLayout li.on a{color:#000;font-weight:600;border:1px solid #000;border-bottom:none}
.fedbTabCon{margin-top:12px}

/*마이페이지 학습지원 팝업*/
.bookDownloadPopup .layerpopupIn{top:61px;bottom:auto}

/*교재다운*/
/*.speakingPopup .layerpopupIn{top: 61px;    bottom: auto;} 스피킹 과제*/
.speakingPopup .layerpopupTop .titleBorder .subtitle{font-size:15px}
.speakingPopup .table_normal tbody tr td{font-size:13px}

/*마이페이지 과제 제출*/
.speakPopup .subtitle{margin-bottom:16px;font-size:15px}
.speakPopup .layerpopupContIn{padding:0 16px}
.speakPopup .layerpopupContainer{height:calc(100% - 100px)}
.speackingInfoConBox{}
.speackingInfoBoxTb audio{}
.speackingInfoBoxTb .table_normal{border-top:1px solid #dadada}
.speackingInfoBox01,.speackingInfoBox02{padding:20px 0;font-size:15px;letter-spacing:-0.5px;color:#666}
.speackingInfoBox02{padding-bottom:0}
.speackingInfoBox01 .ulStyle > li:before,.speackingInfoBox02 .ulStyle > li:before{width:3px;height:3px;margin-top:10px}
.speackingInfoBox02 .subtitle,.speackingInfoBox01 .subtitle,.speackingInfoBoxTb .subtitle{font-size:18px;color:#000;letter-spacing:-0.5px;font-weight:600;margin-bottom:16px}
.speakingLayout .speakingCommentBox{height:286px}
.speakingLayout .speakingCommentBox table{margin-bottom:50px;width:100%;height:100%;border-top:0}
.speakingLayout .speakingCommentBox table td{position:relative;font-size:16px;letter-spacing:-0.5px;border-bottom:1px solid #e1e1e1;padding:10px}
.speakingLayout .speakingCommentBox table td.totalScore{width:193px;color:#d31f21;background-color:#f8f9fa;font-size:20px;font-weight:600;font-size:30px}
.speakingLayout .speakingCommentBox table td.textNomarl{text-align:left}

/*마이페이지 수강취소*/
.cancleDateWrap{background-color:#707070}
.cancleDateWrap p{height:60px;padding-right:0;line-height:60px;text-align:center;font-size:12px;color:#fff}
.cancleDateWrap p span{padding-right:12px;color:#dbdbdb}
.dateWrap p{height:40px;padding-right:0;line-height:40px;text-align:center;font-size:12px;color:#000}
.dateWrap p span{padding-right:12px;color:#000}
.accodianListBox dl{margin-bottom:46px}
.accodianListBox dl dd{display:none;padding:5px;height:50px;font-size:13px;position:relative;border-bottom:1px solid #d7d7d7}
.accodianListBox dl dd .downloadBtn{border:1px solid #cbcbcb;position:absolute;right:2px;bottom:6px;color:#000;font-size:13px;display:inline-block;padding:5px}
.accodianListBox dl dd .downloadBtn span{padding-left:3px;font-size:10px}
.accodianListBox dl dd:first-child{display:block}
.accodianListBox dl dt{position:relative;background-color:#f3f6f9;padding:6px 9px;color:#000;font-size:13px;margin-bottom:4px}
.accodianListBox dl dt .icon-k-down{position:absolute;right:11px;top:9px;font-size:12px;font-weight:600}

/*사물함 페이지*/
.lockerContWrap{}
.lockerCont{position:relative;padding:16px;padding-bottom:36px;border-bottom:7px solid #ebebeb}
.lockerCont:after{position:absolute;content:"";left:0;bottom:-1px;width:100%;height:1px;background-color:#d1d1d1}
.lockerContBox{position:relative;background-color:#272937}
.lockerContBox .lockerUseCont{padding:24px 16px;overflow:hidden;overflow-x:scroll;border-top:7px solid #ebebeb;border-bottom:7px solid #ebebeb}
.lockerContBox .lockerUseCont:before{position:absolute;content:"";left:0;top:7px;width:100%;height:1px;background-color:#d1d1d1}
.lockerContBox .lockerUseCont:after{position:absolute;content:"";left:0;bottom:6px;width:100%;height:1px;background-color:#d1d1d1}
.lockerContBox .lockerUseCont .lockerUseInfo.onebox{}
.lockerContBox .lockerUseCont .lockerUseInfo.onebox .lockerList{width:100% !important}
.lockerContBox .lockerUseCont .lockerUseInfo.onebox .lockerList li{width:100% !important}
.lockerUseInfo.onebox .lockerList li .infoList ul li .infoT{float:left}
.lockerUseInfo .lockerList li .infoList ul li .infoT{float:left}
.lockerUseInfo.onebox .lockerList li .infoList ul.payInfo li p{display:inline-block;float:left}
/* .lockerUseInfoBox {      width: 1100px;     overflow: hidden;} */
.lockerUseInfo2{display:none;background-color:#272937;text-align:center;position:absolute;width:100%;height:328px;left:0}
.lockerUseInfo2 img{margin-top:80px}
.lockerUseInfo2 .lockerText{margin-top:20px;font-size:16px;color:#fff}
/* .lockerUseInfo {  float: left;  width: 274px;     margin-left: 24px;   background-color: #fff; box-shadow: 10px 5px 15px rgba(0,0,0,0.5);} */
.lockerUseInfo .toggleSlideBox{margin:0}
.lockerUseInfo .toggleContBox{border-bottom:none}
.lockerUseInfo .payInfo{border-bottom:none}
.lockerUseInfo .payInfo li{float:none;width:100%;overflow:hidden}
.lockerUseInfo .classBtnWrap{margin:0;padding:12px}
.lockerUseInfo .classBtnWrap.noUse{text-align:center}
.lockerUseInfo .classBtnWrap button{width:30.5%}
.lockerList>li{float:left;width:270px;margin-left:18px;background-color:#fff;box-shadow:10px 11px 15px rgba(0,0,0,0.5)}
.lockerList>li:first-child{margin-left:0}
.lockerImgBox{padding:24px;overflow:hidden}
.lockerImg{float:left;width:65px}
.lockerImg img{}
.lockerNameBox{float:left}
.lockerNameBox .lockerName{margin:0;margin-bottom:4px;font-size:18px;font-weight:600;color:#000}
.lockerNameBox span{font-size:13px}
.lockerNameBox .locker{margin:0;font-size:15px;margin-top:4px;color:#666}
.lockerUseInfo .lockerList li:first-child .toggleSlideBox{}
.lockerfloorBox{}
.lockerfloorBox ul{overflow:hidden;border-top:1px solid #ddd;border-left:1px solid #ddd}
.lockerfloorBox ul li{float:left;width:50%;box-sizing:border-box;text-align:center;border:1px solid #d7d7d7;border-top:none;border-left:none}
.lockerfloorBox ul li.on{background-color:#272937}
.lockerfloorBox ul li.on a{color:#fff}
.lockerfloorBox ul li a{display:block;/* width: 150px;*/margin:0 auto;padding:11px 0;text-align:center;font-size:13px}
.lockerBtn{margin-top:20px;text-align:center}
.lockerBtn button{height:30px;padding:0 16px;font-size:13px;border-radius:15px;color:#000;background-color:#f9f9f9;border:1px solid #d8d8d8}
.lockerBtn button span{font-size:9px}
.reserveUnfo{}
.reserveUnfo>ul{overflow:hidden;margin:16px 0}
.reserveUnfo>ul>li{font-size:12px;float:left;margin:0 4px}
.reserveUnfo>ul>li span{display:inline-block;width:13px;height:13px;vertical-align:middle;margin-right:5px}
.reserveUnfo>ul>li .theBlack{background-color:#000}
.reserveUnfo>ul>li .noUse{background-color:#fff;border:1px solid #000;box-sizing:border-box}
.reserveUnfo>ul>li .use{background-color:#f9f9f9;border:1px solid #e6e6e6;box-sizing:border-box}
.reserveUnfo>ul>li .select{background-color:#d31f21}
.lockerWrap{overflow:hidden;overflow-x:scroll}
.lockerReserve{width:880px;overflow:hidden;border-top:1px solid #ddd;border-left:1px solid #ddd}
.lockerReserve li{float:left;width:80px;height:60px;box-sizing:border-box;text-align:center;border:1px solid #d7d7d7;border-top:none;border-left:none}
.lockerReserve li a{display:block;padding:11px 0;font-size:13px}
.lockerReserve li.theBlack{background-color:#000}
.lockerReserve li.theBlack a{color:#fff}
.lockerReserve li.use{background-color:#f9f9f9}
.lockerReserve li.use a{color:#888}
.lockerReserve li.noUse{background-color:#fff}
.lockerReserve li.noUse a{color:#000}
.lockerReserve li.select{background-color:#d31f21}
.lockerReserve li.select a{color:#fff}

/*장바구니 페이지*/
.basketContBox .chkAreaTitle .title{margin-top:0;text-align:right}
.basketCont .chkAreaTitle{position:relative;text-align:right;border-bottom:7px solid #ebebeb}
.basketCont .chkAreaTitle:after{position:absolute;content:"";left:0;bottom:0;width:100%;height:2px;background-color:#d1d1d1}
.basketContBox .chkAreaTitle .dckBox01{left:0;top:7px;width:110px}
.basketContBox .chkAreaTitle .dckBox02{right:auto;left:110px;top:7px}
.chkAreaTitle .dckBox02:before{display:block;content:'';width:1px;height:11px;background-color:#d7d7d7;position:absolute;left:-6px;top:2px}
.basketList{position:relative;padding:0 16px;border-bottom:7px solid #ebebeb}
.basketList:after{position:absolute;content:"";left:0;bottom:0;width:100%;height:1px;background-color:#d1d1d1}
.basketCont .list_galleryS .contInfoWrap{overflow:hidden}
/*.basketCont .prideBox {position: relative; float: right;}*/
.basketCont .list_galleryS .list_gBox .listNumber{position:relative;margin-top:5px}
.basketList.classchecks .paytitle input[type="checkbox"] + label{background:url(/assets/m-user/images/chkbox.png) no-repeat}
.basketList.classchecks input[type="checkbox"] + label{text-align:right;width:18px;height:18px}
.infoListBox{padding:16px}
.infoListBox .inputBox{position:relative}
.infoListBox ul li p{width:100%}
.infoListBox select{width:100%;height:36px;border:none;border-bottom:1px solid #ddd;font-size:15px;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/assets/m-user/images/gray-down.png) no-repeat 98% 50%;font-weight:600;color:#000}
.infoListBox .selectT{position:absolute;width:40px;margin:0;font-size:13px;color:#666;text-align:right;top:10px}
.infoListBox .inputCont{padding:0 0 0 65px}
.infoListBox .toggleContBox{padding:16px}
.basketCont .payBox{padding:8px 16px}
.basketList .dateY{position:absolute;top:0;right:0}
.detailsList{overflow:hidden;padding:6px 0 16px}
.detailsList li{float:left;text-align:center;width:47%;margin:10px 0 0 2%}
.detailsList li a{display:inline-block;height:35px;background-color:#9b9b9b;line-height:35px;color:#fff;width:100%}
.detailsList.on{background-color:#d71f21}
.classSupportCont .listWrap{border-bottom:none}
.classSupportCont .listWrap:after{display:none}
.optionSelectInfoLayout{float:right;margin-top:3px;margin-bottom:10px;background-color:#272937;width:137px;text-align:center}
.optionSelectInfoLayout .osinfoIn{padding:1px;color:#fff;font-size:11px}
.optionSelectInfoLayout .osinfoIn:after{content:'';transform:rotate(180deg);position:absolute;border-top:10px solid #272937;border-right:5px solid transparent;border-left:5px solid transparent;top:18px;right:21px}

/*최근본강의*/
.latelyContBox .chkAreaTitle .title{text-align:right;border-top:1px dotted #d8d8d8;margin-top:12px;padding-top:12px}
.latelyContBox .chkAreaTitle .dckBox01{left:0;top:21px;width:110px}
.latelyContBox .chkAreaTitle .dckBox02{right:auto;left:110px;top:21px;padding-left:7px}
.latelyContBox .topSideBtn{margin-top:16px;margin-bottom:16px}
/*.latelyContBox .prideBox { position: absolute;}*/

/*레벨테스트*/
.oflevelTestCont{}
.oflevelTestCont .customSelect{float:left;width:60px}
.oflevelTestCont .alignment{float:right}
.topLinkBtn{margin:0;background-color:#fff6f6}
.topLinkBtn a{display:block;height:40px;line-height:40px;padding:0 16px;background-color:#fff6f6;color:#d31f21;font-size:14px;border-bottom:1px solid #d8d8d8}
.topLinkBtn a span{float:right;display:inline-block;margin-top:15px;font-size:10px;font-weight:600}
.myLevelContBox{margin-bottom:36px;padding:0 16px}
.myPageContBox .alignment{margin-bottom:16px}
.myPageContBox .selectWrap{position:absolute;top:-3px;right:0}
.myPageContBox .selectWrap span{margin-right:10px}
.myPageContBox .selectWrap select{position:relative;padding-right:15px;font-size:14px;font-weight:600;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-bottom:1px solid #666;background:url(/assets/m-user/images/icon_more.png) no-repeat 100% 50%}
.myPageContBox .alignment .searchNum{margin-top:16px}
.levelTestContBox .inBanner img{width:100%}
.boxList{margin-bottom:16px}
.boxList .boxTop{position:relative;background-color:#272937;padding:16px}
.boxList .boxTop .boxSubT{color:#ddd;font-size:13px}
.boxList .boxTop p{color:#fff;font-size:16px;margin:0}
.boxList .boxTop .btn{height:26px;margin-top:8px;padding:0 16px;display:inline-block;font-size:13px;line-height:26px;color:#d5d5d5;border:1px solid #4a4c5b;}
.coutomerBanner{height:100px;margin-top:16px;background-color:#d7d7d7;text-align:center;position:relative;overflow:hidden}
.coutomerBanner > ul > li{float:left}
.coutomerBanner .wvNextBox span{font-size:25px}
.resultBtn{position:absolute;right:16px;bottom:16px;display:inline-block;color:#fff;background-color:#3e4156;width:66px;height:24px;line-height:24px;text-align:center}
.resultBtn span{display:inline-block;font-size:11px;color:#ddd}
.boxBottom{position:relative;margin:0;padding:16px;padding-right:0;overflow:hidden;border:1px solid #d8d8d8}
.boxBottom.infoList ul li .infoT{width:63px}
.boxBottom .levelInfo{/*   float: left;width: 80%;*/margin-right:70px;border-right:2px dotted #d8d8d8;box-sizing:border-box}
.boxBottom .levelInfo li{padding:2px 0;overflow:hidden}
.boxBottom .situation{position:absolute;top:50%;right:0;width:70px;text-align:center;font-size:13px;font-weight:600;margin:-8px 0 0}
.boxList .levelInfo.noBorder{width:100%;border-right:none}
.cancleTBtn{position:absolute;right:16px;bottom:16px;display:inline-block;color:#fff;border:1px solid #4a4c5b;width:66px;height:24px;line-height:24px;text-align:center}
.mySCContBox{margin-bottom:36px;padding:0 16px}
.mySCContBox .boxBottom{margin-top:0;padding:10px 16px}
.mySCContBox .boxBottom .resultBtn{bottom:7px}
.mySCContBox .customSelect{margin-top:20px;margin-bottom:0}

/* 240730 hyj 추가 */
.levelTestContBox .ltCont{margin:15px 0;}
.levelTestContBox .ltCont .noti{padding-left:8px;text-indent:-10px;}
.levelTestContBox .tabLayout{display:table;width:calc(100% - 32px);table-layout:fixed;}
.levelTestContBox .tabLayout li{float:none;display:table-cell;width:auto;}
/* //240730 hyj 추가 */

/*고객문의*/
.myQaContWrap{margin-bottom:36px}
.myQaContBox{padding:0 16px;margin-bottom:16px}
.myQaContBox table{margin-bottom:16px}
.myQaContBox .writeTable tbody tr.tbSubject select{margin-top:0;padding-right:38px}
.contact{margin:0;font-size:14px;font-weight:600;color:#000}
.contactSub{display:inline-block;margin:8px 0;font-size:12px;color:#666}
.myQaContBox span.postTag{width:60px/*height: 30px;*/}
.writerEditor .textarea{height:200px !important}

/*상담내역*/
.myQaCont{margin-bottom:36px}
.postTag.answerY{color:#000}
.postTag.answerN{color:#d31f21}
.postTag.number{width:35px;font-size:15px;color:#d31f21}
span.postTag{display:inline-block;float:left;margin:0;padding-top:0;word-break:inherit;font-size:12px;font-weight:600}
/* .myQaCont span.postTag {width: 60px; } */
.qaTogglecont .toggleTabBox{margin-bottom:16px}
.qaTogglecont .toggleTabBox .toggleTabCont{padding:0}
.qaTogglecont .toggleTabCont .tabInner{padding:0 16px 16px;border:none}
.qaTogglecont .toggleTabCont .tabInner2{background-color:#f9f9f9;border-top:1px dashed #d8d8d8;padding-top:9px}
.qaTogglecont .toggleTabCont .tabInner .textIn{word-break:break-word;font-size:12px}
.qaTogglecont .toggleTabCont .tabInner .writeDate,.csDate{display:inline-block;margin-top:8px;padding-right:5px;vertical-align:text-bottom;font-size:12px}
.qaTogglecont .toggleTabCont .tabInner .writeEdit{display:inline-block;float:right;margin-top:8px;font-size:11px;color:#d31f21;border-bottom:1px solid #d31f21}
.qaTogglecont .toggleTabCont .tabInner .csDateTxt{font-size:12px;font-weight:600;color:#000}
.qaTogglecont .toggleMenu li:nth-child(odd){background-color:#f8f8ff}
.qaTogglecont .toggleMenu li:nth-child(even){background-color:#fff}
.qaTogglecont .toggleMenu li.on{background-color:#fff6f6}
.qaTogglecont .toggleTabBox .toggleTabBtn{border-top:none}
.writerInfo{padding:16px;background-color:#fff;border-bottom:1px dotted #ddd}
.writerInfo>p{margin:0}
.writerInfo p.file img{margin-right:5px}
.writerInfo p.file a{color:#000}
.voiceList .voiceListT{margin:0;float:left;margin-left:50px;margin-right:28px;word-break:break-all}
.voiceList .voiceListT a{padding:0}
.voiceList span.postTag{position:absolute;left:16px}
.myCSContBox{padding:0 16px}

/*상담내역 답변 만족도 */
.myQComSatBox{background-color:#f8f9fa;border-bottom:1px solid #212121}
.myQComSatBoxIn{padding:10px 12px}
.myQComSatText{color:#000;font-weight:600;letter-spacing:-0.5px;margin-bottom:8px}
.myCommentQuSetion{margin-bottom:11px;position:relative}
.myCommentQuSetion p{margin:0;color:#000;margin-bottom:8px}
.myCommentQuSetion p span{color:#666}
.myCommentQuSetion ul{overflow:hidden}
.myCommentQuSetion ul li{float:left;margin-left:11px}
.myCommentQuSetion ul li:first-child{margin:0}
.myCommentQuSetion ul li a{display:inline-block;padding:7px 10px;font-size:14px;background-color:#fff;border:1px solid #e1e1e1;border-radius:5px}
.myCommentQuSetion ul li.on a{background-color:#d31f21;color:#fff}
.disableBox{background-color:#f3f6f9;cursor:default;color:#b2b2b2}
.textareaBox{overflow:hidden}
.myCommentQuSetion textarea{width:99%;min-width:250px;height:200px;margin:0;padding:0;display:block;resize:none;border:1px solid #ddd;text-indent:5px;padding:5px 0}
.myCommentQuSetion .textT{position:absolute;right:10px;bottom:-5px;font-size:12px}
.myQansComSatisfactionComple{text-align:right}
.myQansComSatisfactionComple button{padding:7px 10px;text-align:center;color:#fff;letter-spacing:-0.5px;background-color:#000;margin-right:7px}
.disableBox button{background-color:#f3f6f9;cursor:default;color:#b2b2b2;border:1px solid #ddd}

/*고객센터*/
/* .customerContWrap {margin-top: 61px;} */
.topText{text-align:center;color:#000}
.customerMenuBox{position:relative;padding:0 16px 28px}
/* .customerMenuBox:after {position: absolute; content: ""; left: 0; bottom: 0px; width: 100%; height: 2px;background-color: #d1d1d1;} */
.customerMenuBox .customerMenu{overflow:hidden;border:2px dotted #d7d7d7}
/*.customerMenuBox .customerMenu li{float:left;width:50%;height:150px;text-align:center;background-color:#fff;border:2px dotted #d7d7d7;box-sizing:border-box;border-top:none;border-left:none}*/
 /* 240409 syh 수정 */
.customerMenuBox .customerMenu li{height:100px;text-align:left;background-color:#fff;box-sizing:border-box;position:relative;padding-left:35px;}
.customerMenuBox .customerMenu li + li{border-top:2px dotted #d7d7d7;}
.customerMenuBox .customerMenu li.on{background-color:#d31f21;box-shadow:4px 5px 10px 10px rgba(0,0,0,0.2)}
.customerMenuBox .customerMenu li.on a{color:#fff}
.customerMenuBox .customerMenu li.on a span{color:rgba(225,225,225,0.7)}
.customerMenuBox .customerMenu li.noBorder_right{border-right:none}
.customerMenuBox .customerMenu li.noBorder_bottom{border-bottom:none}
.customerMenuBox .customerMenu li a{display:inline-block;width:100%;height:100%;color:#000}
.customerMenuBox .customerMenu li a p{margin:28px 0 3px;font-size:16px;font-weight:600}
.customerMenuBox .customerMenu li a span{display:block}
.customerMenuBox .customerMenu li a img{width:50px;position:absolute;top:22px;right:35px;}
/* //240409 syh 수정 */
.customerMenuBox .customerMenu li a img.icon3{width:60px}
.customerMenuBox .customerMenu li.last{width:100%;height:115px;overflow:hidden;padding:16px 30px;text-align:left;border-top:2px dotted #d7d7d7}
.customerMenuBox .customerMenu li.last .lastTitle{float:left}
.customerMenuBox .customerMenu li.last img{position:absolute;right:60px}
.frequentlyQaBox{position:relative;padding:0 16px 24px}
/* .frequentlyQaBox:after { position: absolute; content: ""; left: 0; bottom: 0px; width: 100%; height: 2px;background-color: #d1d1d1;} */
.frequentlyQaBox .toggleMenu li:nth-child(odd){background-color:#f6f6f6}
.frequentlyQaBox .toggleMenu li:nth-child(even){background-color:#fff}
.frequentlyQaBox .toggleTabBox .toggleTabBtn{border-top:none}
/* .frequentlyQaBox .toggleTabBox .postTag { width: 85px;} */
.frequentlyQaBox .toggleTabBox .payQa{display:inline-block;width:20%;height:30px;color:#d31f21}
.toggleTabBox .classQa{float:none;width:auto;color:#d31f21}
.toggleTabBox .payQa{float:none;width:auto;color:#d31f21}
.frequentlyQaBox .toggleTabBox .tabInner{border:none;border-top:1px solid #d7d7d7}
.frequentlyQaBox .toggleTabBox .toggleTabBtn a span.txt{margin-left:0;padding-top:5px}
.newsBox{position:relative;padding:0 16px 24px}
.newsBox .roundTagCont{/*padding-top:0;*/}
.newsBox .pageT{margin-bottom:0}
/* .newsBox:after {  position: absolute; content: ""; left: 0; bottom: 0px; width: 100%; height: 2px;background-color: #d1d1d1;} */
.newsBoardBox{margin-top:16px;} /* 211013 syh 수정  */
.newsBoard ul{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.newsBoard ul li{padding-left:16px;padding-right:16px}
.newsBoard ul li.notice{border-bottom:1px solid #ddd;background-color:#f6f6f6}
.newsBoard ul li.notice a{font-weight:600}
.newsBoard ul li.notice .boradTag{padding:2px 0;margin-right:8px;text-align:center;border:1px solid #d31f21;color:#d31f21;vertical-align:middle}
.newsBoard ul li a{display:block;padding:8px 0;font-size:14px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.newsBoard .boradTag{display:inline-block;width:40px;font-size:12px;font-weight:600;color:#000}
.applyBox{position:relative;padding:16px}
.applyBox ul{overflow:hidden}
.applyBox ul li{position:relative;float:left;width:50%;height:100px}
.applyBox ul li:nth-child(odd){background-color:#f3f6f9}
.applyBox ul li:nth-child(even){background-color:#eef1f8}
.applyBox ul li a{display:inline-block;width:100%}
.applyBox ul li img{position:absolute;right:10px;float:right;width:40px;height:45px}
.applyText{float:left}
.applyCont{padding:16px;text-align:left;overflow:hidden}
.applyCont p{margin:0;margin-bottom:4px;font-size:13px;font-weight:600;color:#000}
.applyCont span{display:inline-block;line-height:17px;font-size:11px}

/*공지사항/뉴스*/
.noticeCont .newsBoard ul li{padding:0}
.newsDetialContWrap{margin-top:61px;margin-bottom:36px}
.newsDetialCont{padding:0 16px 16px}
.detailTitle{}
.detailTitle .newsT{margin:0 0 5px;padding-top:16px;line-height:24px;font-size:18px;font-weight:600;color:#000}
.detailTitle .newsT span{}
.detailTitle .listDate{width:100%;padding-bottom:8px;border-bottom:1px solid #e1e1e1}
.detailTitle .listDate span:first-child{padding-right:5px;font-weight:600}
.detailTitle .listDate .views{float:right}
.detailTitle .listDate th{text-align:left}
.detailCont{padding-bottom:16px;margin-bottom:24px}
.detailCont .detailText{font-size:14px;line-height:22px}
.detailCont .detailText iframe{width:100%}
.detailCont .detailText img{max-width:100% !important;height:auto !important}
.detailCont .iframeBox{}
.detailCont .iframeBox iframe{width:100%;height:500px;vertical-align:top;} /* 200224 kmh 수정 */
.detailCont .iframeBox img{width:100%}

/*서비스 안내*/
/* .serviceContWrap {margin-top: 61px;} */
.serviceCont{margin-top:0}
.serviceCont .toggleMenu li:nth-child(odd){background-color:#f6f6f6}
.serviceCont .toggleMenu li:nth-child(even){background-color:#fff}
.serviceCont .toggleTabBox .toggleTabBtn{border-top:none}
.serviceContBox{position:relative}
.serviceContBox .toggleTabBox .tabInner{line-height:22px;border:none}
.serviceContBox .toggleTabBox .tabInner h5{margin:0;font-size:16px}
.serviceContBox .toggleTabBox .tabInner a{word-break:break-all;color:#116ac4}
.serviceContBox .toggleTabBox .tabInner strong{color:#000}
.serviceContBox .toggleTabBox .toggleTabCont{display:none;padding:0;background-color:#eee}
.serviceContBox .swipeWrap:after{top:0}
.svCont .tabSwipe .tabLayout{width:700px}
.faqCont .tabSwipe .tabLayout{width:506px}
.faqCont .toggleTabBox .toggleTabBtn a span.txt{display:block;margin-left:0;padding-top:5px}
.svCont .toggleTabBtn.line-break a span.txt{display:block;margin-left:0;padding-top:5px}
.customerBox{overflow:hidden}
.customerBox li{float:left;width:50%}
.customerBox li p{margin:0;padding:20px 0 8px}
.customerBox li span{display:block;padding-bottom:16px;font-size:12px;color:rgba(225,225,225,0.6)}
.customerBox li a{display:block;height:150px;font-size:16px;color:#666;border:1px solid #d7d7d7;border-top:none;text-align:center;border-left:none;background-color:#f3f6f9}
.customerBox li a.on{color:#fff;font-weight:600;background-color:#d31f21;box-shadow:4px 8px 15px rgba(103,103,103,0.4)}
/* .consultEditContWrap {margin-top: 61px;margin-bottom: 36px;} */
.consultEditBox{padding:0 16px}
.consultEditBox .writeTable tbody tr th{width:28%}
/* 211201 kmh 수정 및 추가 */
.consultEditBox .timeList{margin:-5px;overflow:hidden;font-size:0;}
.consultEditBox .timeList li{margin:5px;display:inline-block;vertical-align:top;}
.consultEditBox .timeList li a{min-height:21px;display:inline-block;padding:7px 11px 7px 53px;font-size:14px;background-color:#fff;border:1px solid #e1e1e1;border-radius:5px;position:relative;}
.consultEditBox .timeList li a span{width:55px;text-align:center;font-size:14px;font-weight:bold;color:#666;position:absolute;left:3px;top:7px;}
.consultEditBox .timeList li.on a{color:#fff;background-color:#d31f21}
.consultEditBox .timeList li.on a span{color:#fff;}
.consultEditBox .timeList li a.disabledClass{color:#000;}
.consultEditBox .nothing{padding:10px 0;text-align:center;color:#999;}
/* //211201 kmh 수정 및 추가 */
.consultEditContBox .layerpopupBottom {padding-bottom:20px; margin:-5px 0 20px;}
.consultEditContBox .layerpopupBottom label span {color:#666; font-weight:normal;}
.consultEditContBox .btnWrap{margin-top:16px}
.consultEditBox .searchOut{padding-top:16px;font-weight:600}
.consultEditBox .subCaption{font-size:14px;line-height:22px}
.consultEditBox .division li a{margin-bottom:11px}
.consultEditBox .txtCounsel{padding:10px 0 0;margin:0;font-size:12px;color:#d31f21;} /* 200605 syh 추가 */
.faqChkBox{overflow:hidden;overflow-x:scroll}
.faqChk{width:450px}
.faqChk li{float:left;margin:0 8px 10px 0}
.faqChk li a{display:inline-block;width:100px;padding:15px 0;font-size:13px;text-align:center;background-color:#f3f6f9}
.faqChk li.on a{background-color:#d31f21;color:#fff}

.consultList{padding:40px 16px 48px}
.consultList ul{}
.consultList ul:after{content:'';display:block;clear:both}
.consultList li{float:left;width:50%;border:1px dotted #d7d7d7;border-top:0;box-sizing:border-box;display:table}
.consultList li:nth-child(1), .consultList li:nth-child(2){border-top:1px dotted #d7d7d7;}
.consultList li a{display:table-cell;vertical-align:middle;height:80px;font-size:18px;background:#f6f6f6;color:#999;font-weight:bold;text-align:center;cursor:default}
.consultList li a.on{background:#d31f21;color:#fff;cursor:pointer}

/* 240409 syh 추가 */
.campusSelectList{padding:40px 15px;}
.campusSelectList ul{border:1px dashed #d7d7d7;}
.campusSelectList li{display:block;text-align:left;}
.campusSelectList li a{font-size:18px;color:#000;font-weight:600;display:block;height:80px;box-sizing:border-box;background-repeat:no-repeat;background-position:40px 10px;background-size:auto 58px;position:relative;transition:all .4s ease-in-out;padding:30px 0 0 115px;}
.campusSelectList li + li a{border-top:1px dashed #d7d7d7;}
.campusSelectList li a:before{z-index:-1;width:100%;height:0;display:block;content:'';transition:all .4s ease-in-out;position:absolute;left:0;bottom:0;background-color:#d31f21;}
.campusSelectList li a:after{content:'';display:block;width:7px;height:11px;position:absolute;top:45%;right:30px;background:url('/assets/user/images/familyArrow.png') no-repeat 0 0;background-size:7px auto;}
.campusSelectList li:nth-child(1) a{background-image:url('/assets/user/images/customer/campus01.png');}
.campusSelectList li:nth-child(2) a{background-image:url('/assets/user/images/customer/campus02.png');}
.campusSelectList li:nth-child(3) a{background-image:url('/assets/user/images/customer/campus03.png');}
.campusSelectList li:nth-child(4) a{background-image:url('/assets/user/images/customer/campus04.png');}
.campusSelectList li:nth-child(5) a{background-image:url('/assets/user/images/customer/campus05.png');}
.infoTxtList{margin:0 15px 30px;background-color:#f8f9fa;padding:20px;}
.infoTxtList li{color:#000;font-size:14px;line-height:22px;}
.infoTxtList li:before{content:'·';display:inline-block;vertical-align:middle;margin-right:5px;}
/* //240409 syh 추가 */

/* 191111 syh 마이페이지 수강후기  */
.myReview .lectureSelectMy{margin-bottom:10px} /* 191120 syh */
.myReview .reviewAdd{margin-bottom:10px}
.myReview .searchLayout{border-bottom:7px solid #ebebeb;text-align:center;padding:10px 0 15px}
.myReview .searchLayout input{width:34%}
.myReview .searchLayout button img{width:33px}


/* 191120 syh 셀렉트메뉴 */
.lectureSelectMy {position: relative;height: 51px;z-index: 101;background-color: #1C1F29;box-shadow: 0 3px 9px rgba(0,0,0,0.5);}
.lectureSelectMy p {margin:0;padding: 0 16px;line-height: 50px;    text-align: left;}
.lectureSelectMy p a {font-size:15px; color:#fff; display:block;}
.lectureSelectMy p a .icon { float: right;padding-top: 16px;font-size: 16px;font-weight: 600;}
.lectureListMy {padding: 0 16px;background-color: #1C1F29;}
.lectureListMy li:first-child {border-top:none;}
.lectureListMy li {height: 40px;line-height: 40px;text-align: left;border-top: 1px solid #000;  transition: 0.3s all ease;}
.lectureListMy li a {display: block; color: #ddd;}
.lectureListMy li .icon.up {display: none;}
.lectureListMy >li.on .icon.up {display: inline-block;}
.lectureListMy >li.on .icon.down {display: none;}

.toggleBtnMy a span.up {display: none;}
.toggleBtnMy.on a span.up {display: inline-block;}
.toggleBtnMy.on a span.down {display: none;}


/*레벨테스트 페이지*/
/* .levelTestContWrap {margin-top: 61px; margin-bottom: 36px;} */
.levelTestContBox .stepContBox{padding:16px;background-color:#f6f6f6}
.stepContBox .titleimg{width:100%;margin:20px 0}
.levelTestContBox .listCondition{top:5px;right:0}
.stepCont{}
.stepCont .stepContList{}
.stepCont .stepContList li{position:relative;height:125px;margin-top:43px;border:1px solid #e1e1e1;background-color:#fff}
.stepCont .stepContList li:first-child{margin-top:0}
.stepCont .stepContList li:first-child:after{display:none}
.stepCont .stepContList li:after{position:absolute;width:100%;height:50px;left:0;top:-48px;content:"";background:url(/assets/m-user/images/step-arrow.png) no-repeat center}
.stepCont .stepContList li .stepicon{float:left;margin-top:15px;margin-left:30px}
.stepCont .stepContList li .stepTag{width:100%;height:35px;line-height:35px;margin:0;text-align:center;background-color:#121b3f}
.stepCont .stepContList li .stepTag span{color:#fff;font-size:15px;font-weight:600}
.stepCont .stepContList li img{width:56px}
.stepCont .stepContList li .stepText{margin-left:120px;margin-top:17px;text-align:left;font-size:14px;color:#000}
.stepCont .stepContList li:first-child .stepText{margin-top:28px}
.levelTestCont{padding:16px}
.levelTestCont .inBanner{background-color:#ddd}
.levelTestCont .inBanner img{width:100%}
.levelTestLinkBox{margin-top:16px;border:1px solid #d7d7d7}
.levelTestLinkBox .ltLinkBox{background-color:#f6f6f6;color:#000;text-align:center;padding:16px}
/* 221216 pny 추가 */
.levelTestLinkBox .titleBox{font-size:0;}
.levelTestLinkBox .img_title{display:inline-block;width:20%;height: 38px;vertical-align: middle;}
.levelTestLinkBox .img_title01 {background: url('/assets/m-user/images/ico_lvTest01.png') no-repeat center / contain;}
.levelTestLinkBox .img_title04 {background:url('/assets/m-user/images/ico_lvTest04.png') no-repeat center / contain;}
.levelTestLinkBox .txt_title{display:inline-block;width:80%;vertical-align: middle;}
/* // */
.levelTestLinkBox .subTxt{display:block;font-size:14px;color:#666} /* 221216 pny 수정 */
.levelTestLinkBox .subTxt.black {color:#000;}/* 221216 pny 추가 */
.levelTestLinkBox .subTxt .subTxt{display:inline-block;color:#666;}/* 231109 kmh 추가 */
.levelTestLinkBox .ltTitle{margin:4px 0;font-size:22px;font-weight:600}
.levelTestLinkBox .ltLinkBtn{display:block;margin-top:16px;background-color:#d31f21;color:#fff;font-size:16px;font-weight:600;height:35px;line-height:35px}
.levelTestLinkBox .ltLinkBtn span{font-size:12px}
.levelTestInfo{position:relative;/*  height: 80px;*/background-color:#f3f6f9;padding:16px;border-top:2px dotted #e1e1e1}
.levelTestInfo p{position:absolute;top:16px;left:16px;margin:0;font-size:15px;font-weight:600}
.levelTestInfo ul{margin-left:90px}
.levelTestInfo ul li{margin-bottom:8px;padding-left:10px;font-size:15px}
.levelTestInfo ul li:before{content:"";position:absolute;margin:7px 0 0 -9px;width:2px;height:2px;background-color:#000;border-radius:50%}
.ltGuide{margin-top:16px;padding:16px;background-color:#f3f6f9}
.ltGuide>p{margin:0;margin-bottom:8px;font-size:15px;color:#000}
.ltGuide>span{font-size:13px}
.dayList table{width:100%;margin-top:16px;border-top:1px solid #000;border-collapse:collapse}
.dayList table tr{height:46px;font-size:15px;border-bottom:1px solid #ddd}
.dayList table th{text-align:center;font-size:13px;font-weight:600;color:#000;background-color:#f8f9fa;}/* 231109 kmh 추가 */
.dayList table td{font-size:13px;text-align:center;}/* 231109 kmh 수정 */
.dayList table .way{font-weight:600;text-align:center;color:#000}
.dayList table .day{text-align:center;font-size:13px}
.dayList table .time{font-weight:600;text-align:center;color:#000}
.dayList table .condition{text-align:center}
.dayList table .condition a{display:inline-block;width:60px;height:32px;line-height:32px;font-size:13px}
.dayList table .condition a span{font-size:10px}
.dayList table .condition.reserve a{color:#fff;background-color:#d31f21}
.dayList table .condition.deadline a{color:#666;background-color:#efefef}
.dayList .moreBtn{margin-top:16px}


/* 200529 kmh 마이페이지 전화회화 기능 추가 */
.telConversationPopup .layerpopupIn{height:auto;overflow-y:auto;}
.telConversationPopup .layerpopupTop .titleBorder .subtitle{margin:10px 0;font-size:14px;color:#d0131c;position:relative;}
.telConversationPopup .subtitle .date{font-size:12px;color:#666;position:absolute;right:0;top:3px;}
.telConversationPopup .layerpopupBody{padding:0 16px;}
.telConvSheet .tabArea{position:relative;}
.telConvSheet .tabArea .info{position:absolute;right:0;bottom:12px;}
.telConvSheet .tabArea .numberInfo{font-size:14px;color:#666;}
.telConvSheet .tabArea .numberInfo strong{font-weight:bold;color:#000;}
.telConvSheet .tabArea .numberInfo strong span{color:#d0131c;}
.telConvSheet .tabBox_line li{width:30%;}

.telConvSheet .table_normal{table-layout:fixed;border-top:none;border-bottom:1px solid #dadada;}
.telConvSheet .table_normal th{background-color:#f3f6f9;}
.telConvSheet .table_normal th,
.telConvSheet .table_normal td{text-align:center;font-weight:normal;color:#000;}
.telConvSheet .table_normal td{height:30px;font-size:13px;word-break:keep-all;}
.telConvSheet .table_normal .table_btn{max-width:60px;width:80%;background-color:#d31f21;border:1px solid #d31f21;font-size:13px;color:#fff;line-height:28px;padding:0px 5%;margin:0;display:inline-block;}
.telConvSheet .table_normal .table_btn.gray{background-color:#666;border:1px solid #666;}
.telConvSheet .table_normal .table_btn.dblue{background-color:#1b275a;border:1px solid #1b275a;}
.telConvSheet .table_normal .noData{height:200px;text-align:center;color:#999;}
.telConvSheet .telFeedSection{}
.telConvSheet .telFeedSection + .telFeedSection{margin-top:30px;}
.telConvSheet .telFeedSection .title{margin:0 0 5px;font-size:18px;color:#000;}
.telConvSheet .feedbackTop .table_normal td{padding-left:15px;text-align:left;font-size:15px;}
.telConvSheet .feedEval .table_normal th{height:75px;}
.telConvSheet .evalBox{padding:0 5px 0 15px;text-align:left;}
.telConvSheet .evalBox p{margin:0;font-size:14px;line-height:1.6;color:#999;}
.telConvSheet .telCommentBox{min-height:110px;padding:10px;font-size:14px;color:#999;border:1px solid #e1e1e1;}
.telConvSheet .buttonBox{padding:20px 0 30px;text-align:center;}
.telConvSheet .buttonBox .bu_al_red{width:50%;height:50px;display:inline-block;font-size:15px;line-height:50px;}
#telConvTabContents .telConvCont{display:none;}
.sheetDateSearch{margin-bottom:20px;text-align:left;font-size:0;}
.sheetDateSearch > span,
.sheetDateSearch select{vertical-align:middle;}
.sheetDateSearch > span{width:25%;display:inline-block;font-size:16px;color:#000;}
.sheetDateSearch select{width:75%;height:36px;margin:0;padding:0 10px;font-size:14px;line-height:34px;color:#666;border:1px solid #e1e1e1;box-sizing:border-box;}
.tabBox_line{margin-bottom:30px;position:relative;}
.tabBox_line:before{content:'';width:100%;height:1px;background-color:#333;position:absolute;left:0;bottom:0;}
.tabBox_line ul{font-size:0;}
.tabBox_line li{display:inline-block;vertical-align:middle;border:1px solid #dbdbdb;border-bottom-color:#333;}
.tabBox_line .on{border:1px solid #333;border-bottom-color:#fff;position:relative;}
.tabBox_line .on:before,
.tabBox_line .on:after{content:'';width:1px;position:absolute;top:-1px;bottom:-1px;background-color:#333;}
.tabBox_line .on:before{left:-1px;}
.tabBox_line .on:after{right:-1px;}
.tabBox_line li + li{margin-left:-1px;}
.tabBox_line a{height:45px;display:block;text-align:center;font-size:16px;line-height:45px;color:#000;}



/*sns icon*/
.snsBox{width:100%;margin:24px 0 0;height:22px}
.snsBox .snsInfo{width:150px;margin:0 auto;overflow:hidden}
.snsBox .snsInfo li{float:left;margin:0 2px;font-size:20px}
.snsBox .snsInfo li:first-child{font-size:23px}
.snsBox .snsInfo li a{display:block;width:32px;height:32px;line-height:32px;color:#000}
.snsBox .snsInfo li img{width:35px}
/* 230102 hyj 수정 */
.detailCont p{margin:0;}
.detailCont .snsBox{height:auto;}
.detailCont .snsBox .snsInfo{width:auto;text-align:center;}
.detailCont .snsBox .snsInfo li{float:none;display:inline-block;}
.detailCont .snsBox .snsInfo li a{width:40px;height:40px;text-align:center}
.detailCont .snsBox .snsInfo li a img{width:100%;}
/* //230102 hyj 수정 */

/*footer*/
.footerBox{position:relative;padding-bottom:50px}
.footerBox .footerTop{overflow:hidden;overflow-x:auto;border-bottom:1px solid #fff}
.footerBox .footerTop ul{width:720px}

/* 191112 syh 수정 */
.footerBox .footerTop ul li{float:left;text-align:center}
.footerBox .footerTop ul li:first-child{margin-left:20px}
.footerBox .footerTop ul li a{display:block;padding:16px 10px;font-weight:500;font-size:14px}
.footerBox .footerTop ul li strong{}
.footSns{clear:both}
.footSns .snsLinkBox{display:block;margin-left:-7px;padding:8px 16px 0;overflow:hidden}
.footSns .snsLinkBox li{float:left;text-align:center}
.footSns .snsLinkBox li a{display:block;width:40px;height:40px;line-height:40px;font-size:20px;color:#393d4d}
.footSns .snsLinkBox li img{width:40px}
.footerBottom{clear:both;padding:16px}
.footerBottom .footerTitle{padding-bottom:3px;display:inline-block}
.footerBottom .copyright{font-size:11px}


/*********media query*******/
@media screen and (min-width:640px) and (max-width:1040px) {
	.classBlackBtnCon.redbox {min-height: 44px;}
}

@media screen and (max-width:640px) {
	/* toggle tab */
	.toggleTabBox .toggleTabBtn a {font-size: 14px;}
	.toggleTabBox .toggleTabBtn.line-break .icon{margin-top: -23px;}
	.myQaContBox .toggleTabBtn a span.icon {  position: absolute;top: 13px; right: 16px;}
	.myQaContBox .writeTable tbody tr.tbSubject select {margin-top: 0px;}
	.paymentchoiceLayout .paycIn li.on .paycInBox::before {width: 25px; height: 25px;}

	/*login*/
	.mlayerpopupIn .classchecks input[type="checkbox"] + label span {padding-left: 23px;}

	/*수강신청 결제*/
	.usePointLayout .upList li .usePinput input {width: 100px;}
	.listBox .conSubject .commentWriter {position:static;}
	.teacherViewTabButtonLayout li {padding: 0 22px;}

	/*수강신청 > 과목선택*/
	.classBlackBtnCon {min-height:90px;}
	.classChoButtonLayout button.classBlackBtn , .classChoButtonLayout button.classRedkBtn{font-size:14px;}
	.classChoButtonLayout button.classBlackBtn.on img, .classChoButtonLayout button.classRedkBtn.on img {width:15px;}
}

@media screen and (max-width:500px) {
	/* toggle tab */
	.toggleTabBox .toggleTabBtn a {font-size: 14px;}
	.toggleTabBox .toggleTabBtn.line-break .icon{margin-top: -23px;}
	.myQaContBox .toggleTabBtn a span.icon {  position: absolute;top: 13px; right: 16px;}
	.myQaContBox .writeTable tbody tr.tbSubject select {margin-top: 0px;}
	.paymentchoiceLayout .paycIn li.on .paycInBox::before {width: 25px; height: 25px;}

	/*login*/
	.mlayerpopupIn .classchecks input[type="checkbox"] + label span {padding-left: 23px;}

	/*수강신청 결제*/
	.usePointLayout .upList li .usePinput input {width: 100px;}
	.listBox .conSubject .commentWriter {position:static;}
	.teacherViewTabButtonLayout li {padding: 0 13px;}
	.classBlackBtnCon {min-height:132px;}
	.classBlackBtnCon span {display:block;}
	.classBlackBtnCon span:before{display:none;}
}

@media screen and (max-width:450px) {
	.programCont .programList li img {margin-right:10px; width:48px} /*  200421 syh 추가 */
}

@media screen and (max-width:400px) {
	/*writer area*/
	.writeTable tbody tr.tbTitle input { width: 180px}
	.writeTable tbody tr.tbSubject select {width: 190px}
	.writeTable tbody tr input.addFile {width: 190px}
	input[type="date"] {width: 189px}
	.addFileBtn {left: 160px}
	.letureLayoutIn .letureBoxSubjectList li{margin-right:2px; margin-left:0} /* 210513 syh 수정 */
	/*.specialCont .alignment {height:38px}*/
	.specialCont .listCondition {padding-top:2px; text-align:right}
	.programCont .programList li {padding:15px 5px}/* 210802 hyj 수정 */ /* pny 태그 잘못 닫힌거 싱크 수정 */
	/*.programCont .programList li img {margin-right:10px; width:48px} 200421 syh 삭제 */
	.programCont .programList li strong {margin-right:8px;font-size:20px;}/* 210802 hyj 수정 */

	/*특강*/
	.bookInfoBox .bookinfoTitle img {width: 110px}
	.listBoxContWrap {}
	/*.bookInfoBox .bookInfo img {display:none}
	.bookInfoBox .bookInfo ul li>span {margin:0px}*/
	.teacherViewTabButtonLayout li {padding: 0 10px}
}

@media screen and (max-width:370px) {
	/*수강후기*/
	/*.profileBox ul.infoList li span.suj {display:none}*/
	.listBoxContWrap .profileBox .teacherProfile .profile {width:100px}
	.listBoxContWrap .profileBox .teacherProfile .profile img {width:100%;  height: 65px}
	/*.teacherViewTop .listBoxContWrap .profileBox .teacherProfile .profile {width: 100px}*/
	/*.teacherViewTop .listBoxContWrap .profileBox .teacherProfile .profile img {width:100%;height: 65px}*/
	.teacherViewTop .listBoxContWrap .profileBox .teacherProfile .tcSns {  margin-top: 16px}
	.profileBox ul.infoList li {padding-top: 6px}
	/*.listBoxContWrap .profileBox .teacherProfile .contInfoBox {margin-left: 115px}*/
	.reviewList .photoBox {height: 100px; overflow: hidden;margin-right: 10px;    margin-bottom: 10px}
	.reviewContBox .listBox .reviewList .photoBox img {width: 100%;height: auto}
	/*.listBox .contInfoBox {margin-left: 112px}*/
	/* .teacherListPage .listBox .contInfoBox {margin-left: 135px} */
	.listBox .conSubject .commentWriter span.date {padding-left:0}
	.listBox .conSubject .commentWriter .writer:after {display:none}
	.listBox.nophoto .conSubject .commentWriter span.date {padding-left:5px}
	.listBox.nophoto .conSubject .commentWriter .writer:after {display:block}
	.subjectTag li.last {float: none;display: block;clear: both; padding: 0;background: none}
	.filebox .upload-name {width: 130px}

	/*마이페이지*/
	.myPageCatebox ul li p strong {font-size: 15px}
	.myPageCatebox ul li a .icon {top: 28px;right: 6px;font-size: 11px}
	.infoList ul li p {width: 95px}
	.teacherViewTabButtonLayout li {padding: 0 5px}

	/*특강*/
	.bookInfoBox .bookinfoTitle img {width: 85px}

	/*결제페이지 팝업*/
	.giftcardPop .layerpopupIn, .cuponPop .layerpopupIn { top: 20px}
	.paymentLayer .layerpopupIn .cupCon .subtitle {font-size: 16px}
	.paymentLayer .layerpopupIn .cupCon .cupInput input {padding: 6px 0}

	/*강의안내 - 221207 pny 추가 */
	.letureLayoutEvDelivery{background-size:60% auto !important;}
	.letureLayoutEvDelivery .letureLayoutIn .letureTextTitle img {height:105px;} /* 221213 pny 수정 */

	/*강의안내 - 221208 pny 추가 */
    .letureLayoutEvDelivery .letureLayoutIn .letureTextSubTitle {margin-top:10px;}
    .letureLayoutEvDelivery .letureLayoutIn .letureTextSubTitle img {height:10px;}

	/* 230822 hyj 수정 */
	.letureLayoutEvJumboShow .letureLayoutIn .letureTextTitle{}
	.letureLayoutEvJumboShow .letureLayoutIn .letureTextTitle img{}
	/* //230822 hyj 수정 */

	.stepContBox .stepTab ul li a{font-size:13px;}/* 221229 hyj 추가 */

} /* 태그 안닫혀있어서 수정 pny*/

@media screen and (max-width:320px) {
	/*동의 check buttom*/
	.checks.etrans input[type="checkbox"] + label span {font-size: 12px}

	/*mypageCateBox*/
	.myPageCatebox ul li img {margin-right: 7px}
	.myPageCatebox ul li .myCateBox .myIconTxt {margin-left:32px}

	/*사물함 신청*/
	.lockerfloorBox ul li {height:60px}
	.lockerfloorBox ul li a {width:110px}
	.layerpopupTop .layerpopupInfo th {padding-right:10px}
	.specialecture .specialInfo { margin-top: 8px}
	.teacherViewTabButtonLayout li {padding: 0 5px}
}


/* 수강후기 별점등록 (2019.07.08) */
.star_point .star_gage{display:inline-block;position:relative;width:70px;height:12px;background:url(/assets/m-user/images/sp_cmtstar.png) no-repeat;vertical-align:middle}
.star_point .star_gage .gage{display:inline-block;overflow:hidden;position:absolute;left:0;top:0;height:12px;background:url(/assets/m-user/images/sp_cmtstar.png) no-repeat 0 -20px;line-height:999px}
.star_point .star_score{display:inline-block;width:14px;font-weight:700;color:#ba191e;vertical-align:middle;text-align:right}
.star_point .tit_txt{display:inline-block;font-weight:700;font-size:13px;vertical-align:middle}
.star_point.point_type2 .star_gage{width:84px;height:15px;background-position:0 -40px}
.star_point.point_type2 .star_gage .gage{height:15px;background-position:0 -60px}
.star_point.point_type2 .star_score{display:inline-block;width:28px;font-size:20px;font-weight:700;color:#ba191e;text-align:left}
.star_point.point_type3 .star_gage{width:92px;height:17px;background-position:0 -80px}
.star_point.point_type3 .star_gage .gage{height:17px;background-position:0 -100px}
.star_point.point_type3 .star_score{font-size:24px;font-weight:700;color:#ba191e}
.star_point.point_type4 .star_gage{width:116px;height:17px;background:none}
.star_point.point_type4 .star_gage a{float:left;overflow:hidden;width:11px;height:22px;background:url(/assets/m-user/images/star.png) no-repeat}
.star_point.point_type4 .star_gage .btn_star_l{margin-left:1px;background-position:0 -26px;background-size:auto 45px}
.star_point.point_type4 .star_gage .btn_star_l.selected{background-position:0 0}
.star_point.point_type4 .star_gage .btn_star_r{background-position:-11px -26px;background-size:auto 45px}
.star_point.point_type4 .star_gage .btn_star_r.selected{background-position:-11px 0}

/* datepocker
.datepicker.hasDatepicker{margin:3px}
.ui-widget-content{border:none}
.ui-datepicker table{border-spacing:0;margin:0;border-collapse:initial;border-spacing:1px;background-color:#fff;border:1px solid #d7d7d7}
.ui-datepicker th{border-spacing:0;padding:0;text-align:center;border:1px solid #e1e1e1 !important;border-bottom:none !important;background-color:#fff}
.ui-datepicker.ui-datepicker-multi{width:100% !important}
.ui-datepicker .ui-datepicker-header{padding:0;line-height:110%;margin-bottom:3px}
.ui-datepicker .ui-datepicker-title{line-height:1.2em;font-size:12px;background-color:#d31f21;color:#fff;text-align:center;padding:5px 0;border-radius:9px}
.ui-datepicker table{width:100%;font-size:12px}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:1 !important;padding:0 !important}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background:#fff !important;margin:0;padding:0;text-align:center;color:#666 !important;border-bottom:none;display:block;height:17px;line-height:20px;border:none !important}
.Highlighted span{background-color:#f6f6f6 !important;color:#666 !important}
.ui-datepicker td{border:1px solid #e1e1e1 !important;background-color:#fff;border-spacing:0}
.Highlighted span.ui-state-default,.highlighted a.ui-state-default{background:#888 !important;color:#fff !important}
.ui-datepicker .ui-datepicker-buttonpane{overflow:hidden}
.ui-datepicker .ui-datepicker-buttonpane button{line-height:11px !important}
.classChoLayoutCanlLayout{display:none;width:100%;z-index:100;position:absolute;left:0;top:-7px;background-color:#fff;box-shadow:2px 5px 5px rgba(0,0,0,0.3)}
.classChoLayoutCanlLayout table.calendar,.classChoLayoutCanlLayout table.calendar td,.classChoLayoutCanlLayout table.calendar th{border:none;padding:0;margin:0;border-spacing:0}
.classChoLayoutCanlLayout table.calendar th{font-size:12px;font-weight:600;color:#fff;background-color:#333;border-top:none;padding:5px}
.classChoLayoutCanl{font-size:13px;font-weight:600;text-align:center;margin:8px 0;position:relative;color:#000}
.classChoLayoutCanl .icon-k-close{position:absolute;right:11px;top:3px;cursor:pointer}
.classChoLayoutCanlLayout table.calendar{border:1px solid #e1e1e1;border-left:0;border-right:0;width:100%}
.classChoLayoutCanlLayout table.calendar td{border:1px solid #e1e1e1;vertical-align:top;border-top:none;height:21px;position:relative;text-align:center}
.classChoLayoutCanlLayout table.calendar td.on{background-color:#ff9f9f}
.classChoLayoutCanlLayout table.calendar td a{font-size:11px}
.ui-datepicker-group-first{float:left;width:48%}
.ui-datepicker-group-last{float:right;width:48%}
*/

/*
* 200707 kmh 캘린더 스킨 수정
* 위에있던 기존 datepicker style은 삭제
*/
body .ui-state-disabled, body .ui-widget-content .ui-state-disabled, body .ui-widget-header .ui-state-disabled{opacity:1 !important; padding:0px !important;}
body .ui-state-default, body .ui-widget-content .ui-state-default, body .ui-widget-header .ui-state-default{background:#fff !important; margin:0px; padding:0px; text-align:center; color:#666 !important; border-bottom:none; display:block; height:20px; line-height:20px; border:none !important;}
body .Highlighted span {background-color:#F6F6F6 !important; color:#666 !important;}

body .datepicker.hasDatepicker{margin:3px;}
body .ui-datepicker{width:20em;padding:0;border:none;box-shadow:0 4px 12px 1px rgba(0,0,0,0.2);}
body .ui-datepicker .ui-datepicker-header{padding:4px 0;background-color:#121b3f;border-radius:4px 4px 0 0;border:none;}
body .ui-datepicker .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-next{height:auto;text-align:center;}
body .ui-datepicker .ui-datepicker-prev{left:15px;top:3px;}
body .ui-datepicker .ui-datepicker-next{right:15px;top:5px;}
body .ui-widget-header a.ui-datepicker-prev:after,
body .ui-widget-header a.ui-datepicker-next:after{content:"\e904";font-size:11px;}
body .ui-widget-header a.ui-datepicker-prev-hover{left:15px;border:none !important;}
body .ui-widget-header a.ui-datepicker-next-hover{right:15px;border:none !important;}
body .ui-datepicker .ui-datepicker-title{font-size:16px;font-weight:400;}
body .ui-datepicker table{width:90%;margin:1em auto;}
body .ui-datepicker th,
body .ui-datepicker td{border:none !important;}
body .ui-datepicker th{padding:0.42em 0;font-size:13px;color:#818aa1;}
body .ui-datepicker td{padding:0;font-size:13px;}
body .ui-datepicker table td .ui-state-default,
body .ui-datepicker table td .ui-state-highlight{width:22px;height:22px;margin:2px auto;display:block;line-height:22px;text-align:center;border-radius:50%;}
body .ui-datepicker table td .ui-state-highlight,
body .ui-datepicker table .highlighted .ui-state-default{background-color:#818aa1 !important;color:#fff !important;}
body .ui-state-default,
body .ui-widget-content .ui-state-default,
body .ui-widget-header .ui-state-default{font-weight:400;}
body .ui-datepicker table .ui-datepicker-other-month .ui-state-default{color:#ccc !important;}
body .ui-datepicker .ui-datepicker-buttonpane{margin:0;padding:0 0.8em;}
body .ui-datepicker .ui-datepicker-buttonpane:after{content:'';display:block;clear:both;}
body .ui-datepicker .ui-datepicker-buttonpane button{height:auto;padding:.1em .6em .2em .6em;font-size:12px;}



/* 리뉴얼 기념 이벤트 */
#find_redEarlyBird{width:100%;position:absolute;left:0;top:0}
#find_redEarlyBird .character{width:84px;height:152px;background-image:url(https://www.pagoda21.com/upload/img/pagoda/event/2019_09/new/m_character_red.png);background-repeat:no-repeat;position:absolute;z-index:1121;background-size:934px auto;opacity:0;-ms-transition:transform .2s ease-out, opacity .2s;-webkit-transition:transform .2s ease-out, opacity .2s;transition:transform .2s ease-out, opacity .2s;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
#find_redEarlyBird.show .character{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
#find_redEarlyBird .character button{font-size:0;text-indent:-9999px;position:absolute}
#find_redEarlyBird .character .btnConfirmAnswer{width:100%;height:100%;outline:none}
#find_redEarlyBird .character .btnFrbClose{width:33px;height:33px;top:14px;right:0}
#find_redEarlyBird .character.type_right{background-position:0 0}
#find_redEarlyBird .character.type2{background-position:-84px 0}
#find_redEarlyBird .character.type3{background-position:-168px 0}
#find_redEarlyBird .character.type4{background-position:-252px 0}
#find_redEarlyBird .character.type5{background-position:-336px 0}
#find_redEarlyBird .character.type6{background-position:-420px 0}
#find_redEarlyBird .character.type7{background-position:-504px 0}
#find_redEarlyBird .character.type8{background-position:-588px 0}
#find_redEarlyBird .character.type9{background-position:-672px 0}
#find_redEarlyBird .character.type10{background-position:-756px 0}
#find_redEarlyBird .character.type11{width:94px;background-position:-840px 0}
#find_redEarlyBird .character.type2 .btnFrbClose{top:22px}
#find_redEarlyBird .character.type3 .btnFrbClose{right:2px}
#find_redEarlyBird .character.type4 .btnFrbClose{top:10px;right:45px}
#find_redEarlyBird .character.type5 .btnFrbClose{top:14px}
#find_redEarlyBird .character.type6 .btnFrbClose{top:13px}
#find_redEarlyBird .character.type7 .btnFrbClose{top:11px}
#find_redEarlyBird .character.type8 .btnFrbClose{top:11px;right:2px}
#find_redEarlyBird .character.type9 .btnFrbClose{top:6px;right:-4px}
#find_redEarlyBird .character.type10 .btnFrbClose{top:9px;right:4px}
#find_redEarlyBird .character.type11 .btnFrbClose{top:6px;right:52px}
#find_redEarlyBird .dim{background-color:rgba(0,0,0,0.8);position:fixed;width:100%;height:100%;left:0;top:0;right:0;bottom:0;z-index:1122;display:none}
#layerBoom{position:absolute;left:16px;right:16px;z-index:1123;display:none}
#layerBoom img{width:100%}
#layerBoom .btnLayerClose{width:45px;height:45px;font-size:0;text-indent:-9999px;position:absolute;top:0;right:0;background:url(https://www.pagoda21.com/upload/img/pagoda/event/2019_09/new/evt_open_layer_close.png) 50% 50% no-repeat;background-size:25px 25px}
#layerBoom a{font-size:0;text-indent:-9999px}
#layerBoom .btnLayerDetail{width:54%;height:6%;position:absolute;left:23%;bottom:18%}
#layerBoom .btnLayerGo{width:82%;height:10%;position:absolute;left:9%;bottom:6.6%}
#pop_find_redEarlyBird{background:#e6e6e6 url(https://www.pagoda21.com/upload/img/pagoda/event/2019_09/new/m_evt_open_layer_bg.jpg) 50% 0 no-repeat;background-size:100% auto;position:absolute;left:16px;right:16px;z-index:1123;display:none}
#pop_find_redEarlyBird .btnLayerClose{width:45px;height:45px;font-size:0;text-indent:-9999px;position:absolute;top:0;right:0;background:url(https://www.pagoda21.com/upload/img/pagoda/event/2019_09/new/evt_open_layer_close.png) 50% 50% no-repeat;background-size:25px 25px}
#pop_find_redEarlyBird img{width:100%}
#pop_find_redEarlyBird .frbForm{padding:0 25px 30px}
#pop_find_redEarlyBird .frbForm th,#pop_find_redEarlyBird .frbForm td{padding:5px 0;text-align:left}
#pop_find_redEarlyBird .frbForm th{font-size:12px;color:#171717}
#pop_find_redEarlyBird .frbForm input[type="text"],#pop_find_redEarlyBird .frbForm select{height:26px;margin:0;line-height:24px;box-sizing:border-box;border:1px solid #c2c2c2;background-color:#fff;background-size:auto 100%}
#pop_find_redEarlyBird .multiForm_phone{width:100%;display:table;table-layout:fixed;border-spacing:0}
#pop_find_redEarlyBird .multiForm_phone > span{display:table-cell}
#pop_find_redEarlyBird .multiForm_phone input[type="text"],#pop_find_redEarlyBird .multiForm_phone select{width:100%}
#pop_find_redEarlyBird .multiForm_phone .dash{width:9px;vertical-align:middle;text-align:center;font-weight:700;color:#a0a0a0}
#pop_find_redEarlyBird .agreeBox{margin-top:5px;position:relative}
#pop_find_redEarlyBird .agreeBox > span,#pop_find_redEarlyBird .agreeBox .agreeCheck label{font-size:12px;color:#171717}
#pop_find_redEarlyBird .agreeBox .agreeCheck{position:absolute;right:0;top:0}
#pop_find_redEarlyBird .agreeBox .agreeCheck label{padding:0 0 0 12px}
#pop_find_redEarlyBird .agreeBox .agreeCheck label:before{left:0;top:0;border:1px solid #616161;background-color:#fff}
#pop_find_redEarlyBird .agreeBox .agree_info_contents{height:100px;margin-top:4px;padding:10px;font-size:11px;line-height:1.5;color:#999;background-color:#fff;border:1px solid #c2c2c2;overflow-y:scroll}
#pop_find_redEarlyBird .agreeBox .agree_info_contents p{margin:0;padding:0 0 0 15px;text-indent:-15px}
#pop_find_redEarlyBird .btnsBox{margin:18px 0 0;text-align:center}
#pop_find_redEarlyBird .btnsBox a{display:block}
#pop_find_redEarlyBird .btnsBox a + a{margin-top:10px}
/* 리뉴얼 기념 이벤트 */

.pop_wrap .pop_inner{position:absolute;top:50px;left:50%;width:96%;margin-left:-48%;z-index:1122}
.pop_wrap .pop_inner > img{width:100%}
.pop_wrap .dim{width:100%;height:100%;background:#000;opacity:.6;position:fixed;top:0;left:0;z-index:1121}
.pop_wrap a{font-size:0;text-indent:-9999px;line-height:0;display:inline-block}
.pop_wrap .today_chk{padding-top:7px}
.pop_wrap .today_chk label{font-size:12px;color:#fff;}

.guideLineBox{margin:20px 16px 0; padding:10px 12px; background-color:#f8f8ff;}
.guideLineBox li{padding:2px 0 2px 6px; font-size:12px; color:#666; position:relative;}
.guideLineBox li:before{content:''; width:2px; height:1px; background-color:#3a3a3c; border-bottom:1px solid #4c6b93; position:absolute; left:0; top:8px;}

/* 221107 hyj 수정 */
.creatorClass{overflow:hidden;}
.creatorClass img{width:100%;}
.creatorClass .cont2{padding-bottom:15%;background-color:#f5f5f5;overflow:hidden;}
.creatorClass .cont2 .swiper-container{width:100%;padding:0 12%;overflow:visible;}
.creatorClass .cont2 .youtube-slider{position:relative;}
.creatorClass .cont2 .youtube-slider .video_wrap{position:relative;padding-bottom:56%;}
.creatorClass .cont2 .youtube-slider .video_wrap iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
.creatorClass .cont2 .youtube-slider .swiper-slide-active .video_wrap{box-shadow:0 0 5px 0px #4c4c4c;}
.creatorClass .cont2 div[class^=swiper-button-]{position:absolute;top:0;width:12%;height:100%;background-position:center;background-repeat:no-repeat;background-size:25px;}
.creatorClass .cont2 .youtube-slider .swiper-button-prev{left:0;background-image:url('/assets/user/images/creator/prev.png');}
.creatorClass .cont2 .youtube-slider .swiper-button-next{right:0;background-image:url('/assets/user/images/creator/next.png');}
.creatorClass .cont2 .swiper-button-prev:after,
.creatorClass .cont2 .swiper-button-next:after{display:none;}
.creatorClass .cont3{}
.creatorClass .cont3 li{position:relative;height:113vw;background-position:center 0;background-repeat:no-repeat;background-size:100%;}
.creatorClass .cont3 li.tc1{background-image:url('/assets/m-user/images/creator/cont3_bg1.jpg');}
.creatorClass .cont3 li.tc2{background-image:url('/assets/m-user/images/creator/cont3_bg2.jpg');}
.creatorClass .cont3 li.tc3{background-image:url('/assets/m-user/images/creator/cont3_bg3.jpg');}
.creatorClass .cont3 li.tc4{background-image:url('/assets/m-user/images/creator/cont3_bg4.jpg');}/* 230622 hyj 추가 */
.creatorClass .cont3 li.tc5{background-image:url('/assets/m-user/images/creator/cont3_bg5.jpg');}/* 240222 pny 추가 */
.creatorClass .cont3 li .hidden_info{font-size:0;text-indent:-9999px;}
.creatorClass .cont3 li a{position:absolute;left:18%;bottom:8%;width:31%;height:9%;font-size:0;text-indent:-9999px;}
.creatorClass .cont3 li a + a{left:51%;}
.creatorClass .cont3 .bx-controls a{position:absolute;top:0;width:15%;height:100%;font-size:0;text-indent:-9999px;background-position:center;background-repeat:no-repeat;background-size:25px;z-index:51;}/* 230622 hyj 수정 */
.creatorClass .cont3 .bx-controls .bx-prev{left:0;background-image:url('/assets/user/images/creator/prev.png')}
.creatorClass .cont3 .bx-controls .bx-next{right:0;background-image:url('/assets/user/images/creator/next.png');}
.creatorClass .cont4{background:#e91538;}
.creatorClass .cont5{position:relative;padding-bottom:20%;background:#0f0f0f;}
.creatorClass .cont5 .review_slider{width:70%;margin:0 auto;}
.creatorClass .review_slider .slide_box{padding:20px;background:#fff;}
.creatorClass .review_slider .rv_tit{margin:15px 0;color:#e91538;font-size:21px;text-align:center;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.creatorClass .review_slider .thumb{width:100%;height:40vw;overflow:hidden;}
.creatorClass .review_slider .thumb img{width:100%;}
.creatorClass .review_slider .txt_group{margin-top:15px;text-align:left;}
.creatorClass .review_slider .best{display:inline-block;height:25px;line-height:27px;padding:0 15px;color:#fff;font-size:16px;border-radius:15px;background:#e91538;}
.creatorClass .review_slider .txt_group{margin-top:25px;}
.creatorClass .review_slider .class_tit{line-height:1.4;margin:15px 0 0;color:#222;font-size:18px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.creatorClass .review_slider .writer{line-height:1.4;margin:5px 0 0;color:#222;font-size:18px;font-weight:600}
.creatorClass .cont5 .bx-controls a{position:absolute;top:0;width:50px;height:100%;font-size:0;text-indent:-9999px;background-position:center;background-repeat:no-repeat;background-size:25px;}
.creatorClass .cont5 .bx-controls .bx-prev{left:-20%;background-image:url('/assets/user/images/creator/prev.png');}
.creatorClass .cont5 .bx-controls .bx-next{right:-20%;background-image:url('/assets/user/images/creator/next.png');}
/* //221107 hyj 수정 */

.effect{opacity:0;}
.effect.action{opacity:1;
-ms-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;

-ms-transform:translate(0, 0);
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
}
.effect.action.type-scale{
-ms-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.type-left{
-ms-transform:translate(-100px, 0);
-webkit-transform:translate(-100px, 0);
transform:translate(-100px, 0);
}
.type-right{
-ms-transform:translate(100px, 0);
-webkit-transform:translate(100px, 0);
transform:translate(100px, 0);
}
.type-right{
-ms-transform:translate(100px, 0);
-webkit-transform:translate(100px, 0);
transform:translate(100px, 0);
}
.type-top{
-ms-transform:translate(0, -100px);
-webkit-transform:translate(0, -100px);
transform:translate(0, -100px);
}
.type-bottom,
.type-elastic{
-ms-transform:translate(0, 100px);
-webkit-transform:translate(0, 100px);
transform:translate(0, 100px);
}
.type-scale{
-ms-transform:scale(3);
-webkit-transform:scale(3);
transform:scale(3);
}
.type-scale-out{
-ms-transform:scale(.3);
-webkit-transform:scale(.3);
transform:scale(.3);
}
.action.type-scale,
.action.type-scale-out{
-ms-transform:scale(1);
-webkit-transform:scale(1);
transform:scale(1);
}
.type-elastic.action{
-moz-animation: elastic 1s;
-webkit-animation: elastic 1s;
animation: elastic 1s;
}

/* 200814 kmh 공통 수강 동의 UI 추가 */
.agreeBoxType01{margin-bottom:0}
.agreeBoxType01 .agreeBoxCont{padding:16px}
.agreeBoxType01 .title{font-size:16px;font-weight:600;letter-spacing:-0.5px;margin-bottom:12px;color:#000}
.agreeBoxType01 .text{height:108px;overflow:hidden;overflow-y:auto;border:1px solid #d1d1d1;padding:16px;font-size:13px;line-height:20px;font-weight:400;margin-bottom:16px}
.agreeBoxType01 .text p{margin:0 0 16px}
.agreeChkBox{margin:0;overflow:hidden;text-align:right}
.agreeChkBox .checks{width:100%}
.agreeBoxType01 label{position:absolute;width:40px;margin-top:9px;font-size:13px;font-weight:600;color:#000;text-align:left}


/* nuriware 추가라는데 표시도 안되어있고 일단 추가함 */
/* 2020-10-22 lmr UI 추가 */
.guidelist {background-color:#f3f6f9; padding:20px}
.guidelist .subsection{}
.guidelist .subsection .subtitle {font-size: 15px;color: #000; margin-top:10px; font-weight:600;}


.paycompleteCont .paycompleteBtn .btn100{display:inline-block;float:left;color:#fff;font-size:16px;padding:16px 0;width:100%;text-align:center}

/*Pagoda Cash 환불 신청*/
.CashList {margin-bottom:20px}
.CashList .Cashtable {width:100%;border-top:1px solid #cfbfaf; border-bottom:1px solid #dfdfe0; border-right:0px solid #dfdfe0;border-spacing:0;}
.CashList .Cashtable  caption {font-size:0; text-indent:-9999px; overflow:hidden; height:0;}
.CashList .Cashtable tr th {background-color:#F3F6F9; padding:10px 0; font-size:13px; letter-spacing: -0.5px; border-bottom:1px solid #e2eaf0;}
.CashList .Cashtable tr td {padding:10px 5px 10px 15px; font-size:13px; letter-spacing: -0.5px; border-bottom:1px solid #eeeeee;}

.CashList .table_normal2 {width:100%; border-top:0px solid #cfbfaf; border-bottom:0px solid #dfdfe0; border-spacing:0;}
.CashList .table_normal2 tr th {background-color:#f2f2f2; padding:4px 0; font-size:13px; letter-spacing: -0.5px; border-bottom:0px solid #dfdfe0;}
.CashList .table_normal2 tr td {padding:5px 5px 5px 15px; font-size:13px; letter-spacing: -0.5px; border-bottom:0px solid #dfdfe0;}
.CashList .table_normal2 tr td input{padding:4px; margin:0;display:inline-block; color:#323232; font-size:13px; font-weight:400; border:1px solid #f0f0f0; }

.fblue {font-weight:600;color:#0000ff !important;}
.fred {font-weight:600;color:#D31F21 !important;}



.historyCont .table_normal tbody tr td{font-size:12px}
.bu_al_red2 {border:1px solid #D31F21; background-color:#D31F21; color:#fff; font-size:13px; display:inline-block; padding:3px 0; min-width:100px; text-align:center; transition:all 0.4s ease; margin-left:5px}
.ft15{font-size:16px; font-weight:600;}
.mb20{margin-bottom:15px}

/* 241015 hyj 수정 */
div.paymentchoiceLayout ul[class^=paycIn]{width:100%;margin-bottom:20px;border:none;overflow:hidden;}
div.paymentchoiceLayout ul[class^=paycIn] li{float:left;position:relative;display:table;width:33.33%;}
div.paymentchoiceLayout ul[class^=paycIn] li .paycInBox{position:relative;display:table-cell;width:100%;height:80px;padding:0;text-align:center;border:1px solid #d8d8d8;background:none;vertical-align:middle;}
div.paymentchoiceLayout ul[class^=paycIn] li .paycInBox span{line-height:1.5;padding:0 5px;font-size:13px;}
div.paymentchoiceLayout ul[class^=paycIn] li:before{content:'';position:absolute;left:0;top:0;display:block;width:0;height:0;background:#cb282e url('/assets/user/images/Checkbox_small_w.png') no-repeat center / 16px;transition:all .1s ease;transform:scale(0);}
div.paymentchoiceLayout ul[class^=paycIn] li .paycInBox:before{content:'';position:absolute;left:0;top:0;display:block;width:0;height:0;border:0 solid transparent;border-top-width:2px;border-right-width:2px;box-sizing:border-box;}
div.paymentchoiceLayout ul[class^=paycIn] li .paycInBox:after{content:'';position:absolute;right:0;bottom:0;display:block;width:0;height:0;border:0 solid transparent;border-bottom-width:2px;border-left-width:2px;box-sizing:border-box;}

div.paymentchoiceLayout ul[class^=paycIn] li.on:before{width:33px;height:33px;transform:scale(1);}
div.paymentchoiceLayout ul[class^=paycIn] li.on .paycInBox:before{width:100%;height:100%;border-color:#d31f21;background:none;transition:width 0.05s, height 0.1s, border-color 0s;transition-delay:0.1s, 0.15s, 0s;}
div.paymentchoiceLayout ul[class^=paycIn] li.on .paycInBox:after{width:100%;height:100%;border-color:#d31f21;transition:width 0.15s, height 0.2s, border-color 0s;transition-delay:0.2s, .3s, 0s;}
div.paymentchoiceLayout ul[class^=paycIn] li.on .paycInBox span{color:#d71f21}
div.paymentchoiceLayout ul[class^=paycIn] li.on a.paycInBox {color:#d71f21}

div.paymentchoiceLayout ul.paycIn50 li{width:100%;}
div.paymentchoiceLayout ul.paycIn100 li{width:100%;}
div.paymentchoiceLayout ul.paycIn50 li + li .paycInBox,
div.paymentchoiceLayout ul.paycIn100 li + li .paycInBox{border-top:none;}

div.paymentchoiceLayout .noti_txt{margin-top:-10px;color:#666;font-size:12px;}
/*
.paymentchoiceLayout .paycIn50{height:159px;margin-bottom:23px;border-top:1px solid #d8d8d8}
.paymentchoiceLayout .paycIn50 li{float:left;width:100%;height:79px;cursor:pointer}
.paymentchoiceLayout .paycIn50 li.on a{color:#d71f21}
.paymentchoiceLayout .paycIn50 li .paycInBox{display:block;border:1px solid #d8d8d8;text-align:center;position:relative;border-left:none;border-top:none;padding:21px 0;font-size:13px}
.paymentchoiceLayout .paycIn50 li.on .paycInBox::before{width:33px;height:33px;background-color:#cb282e;background-image:url(../../..../../../assets/user/images/Checkbox_small_w.png);background-repeat:no-repeat;background-position:center;display:block;content:'';position:absolute;left:0;top:0}
.paymentchoiceLayout .paycIn50 li.on .paycInBox::after{width:100%;height:80px;box-sizing:border-box;border:2px solid #cb282e;display:block;content:'';position:absolute;left:0;top:0}
.paymentchoiceLayout .paycIn50 li.paycinlist01 .paycInBox{border:1px solid #d8d8d8;}
.paymentchoiceLayout .paycIn50 li.paycinlist02 .paycInBox{border:1px solid #d8d8d8;}
.paymentchoiceLayout .paycIn50 li.paycinlist03 .paycInBox{border:1px solid #d8d8d8;}

.paymentchoiceLayout .paycIn100{height:240px;margin-bottom:23px;border-top:1px solid #d8d8d8}
.paymentchoiceLayout .paycIn100 li{float:left;width:100%; height:80px; cursor:pointer}
.paymentchoiceLayout .paycIn100 li.on a{color:#d71f21}
.paymentchoiceLayout .paycIn100 li .paycInBox{display:block;border:0px solid #d8d8d8;text-align:center;position:relative;border-left:none;border-top:none;padding:30px 0;font-size:13px}
.paymentchoiceLayout .paycIn100 li.on .paycInBox::before{width:33px;height:33px;background-color:#cb282e;background-image:url(../../..../../../assets/user/images/Checkbox_small_w.png);background-repeat:no-repeat;background-position:center;display:block;content:'';position:absolute;left:0;top:0}
.paymentchoiceLayout .paycIn100 li.on .paycInBox::after{width:100%;height:80px;box-sizing:border-box;border:2px solid #cb282e;display:block;content:'';position:absolute;left:0;top:0}
.paymentchoiceLayout .paycIn100 li.paycinlist01 .paycInBox{border:1px solid #d8d8d8;}
.paymentchoiceLayout .paycIn100 li.paycinlist02 .paycInBox{border:1px solid #d8d8d8;}
.paymentchoiceLayout .paycIn100 li.paycinlist03 .paycInBox{border:1px solid #d8d8d8;}
*/
/* //241015 hyj 수정 */



.txtContent ul{padding:0px 0}
.txtContent ul.ulStyle li{padding:0 0 5px 0px;font-size:13px}
.txtContent ul.ulStyle li::before{width:0px;height:0px;background-color:#000}

.mtitle{margin:20px 0;padding-bottom:12px;border-bottom:1px solid #ddd;font-size:18px;font-weight:600;overflow:hidden;letter-spacing:-0.3px;color:#000; text-align:center;}

.redBtn2 {position: relative; border:1px solid #D31F21; background-color:#D31F21; font-size:15px; display:inline-block; padding:5px 15px; text-align:center;}
.redBtn2 span{color:#fff;}
.redBtn2:hover span{color: #fff;}
.redBtn2:hover{text-decoration:none !important;}

.redBtn3 {position: relative; border:1px solid #D31F21; background-color:#D31F21; font-size:12px; padding:5px 15px; text-align:center;}
.redBtn3 span{color:#fff;}
.redBtn3:hover span{color: #fff;}
.redBtn3:hover{text-decoration:none !important;}



.whiteBtn {position: relative; border:1px solid #cbcbcb; background-color:#fff; font-size:13px; display:inline-block; padding:5px 6px; text-align:center; }
.whiteBtn span{color:#444;}
.whiteBtn:hover span{color: #444;}

/* 241015 hyj 수정 */
.pagodaCash{text-align:center;}
.pagodaCash *{letter-spacing:-0.2px;}
.pagodaCash img{width:100%;}
.pagodaCash h4{position:relative;margin:50px 0 0;color:#000;font-size:27px;font-weight:600;}
.pagodaCash .txt1{margin:20px 0 30px;color:#000;font-size:14px;}
.pagodaCash .banner{margin:50px 0;}
.pagodaCash .cashNotice{padding:16px;margin:0;text-align:left;}
.pagodaCash .cashNotice .tit{margin-bottom:20px;color:#000;font-size:16px;font-weight:600;}
.pagodaCash .cashNotice .listBox{line-height:24px;padding:20px 15px;background:#f3f6f9;}
.pagodaCash .cashNotice .listBox dl{}
.pagodaCash .cashNotice .listBox dl + dl{margin-top:20px;}
.pagodaCash .cashNotice .listBox dt{margin-bottom:3px;font-size:13px;}
.pagodaCash .cashNotice .listBox dd{font-size:13px;padding-left:10px;}
.pagodaCash .cashNotice .listBox p{padding-left:12px;margin:0;text-indent:-10px;}
.pagodaCash .cashNotice .listBox p span{display:inline-block;padding-left:20px;}
.pagodaCash .cashNotice .listBox ul{padding-left:5px;margin-top:20px;}
.pagodaCash .cashNotice .listBox ul li{padding-left:15px;text-indent:-12px;}
/*
.cachtxt .title1{position: relative;font-size:27px;  text-align: center; font-weight:600; padding-top:50px; color:#000}
.cachtxt .txtcenter{text-align: center; padding:20px 0px 0px 0px; font-size:14px; color:#000}
.cachtxt .cachbox{text-align: center; padding:15px 0px; background-color:#050001; color:#fff; font-weight:600; font-size:16px; width:100%; margin:30px auto}
.cachtxt img{width:100%}
*/
/* //241015 hyj 수정 */

.cachtxt2 {background-color:#e7e6d8;}
.cachtxt2 img{width:100%}
.cachtxt2 .title{position: relative;font-size:15px;  text-align: center; font-weight:400; padding-top:20px; color:#000}
.cachtxt2 .fred{position: relative;font-size:14px;  text-align: center; font-weight:400; padding-bottom:20px; color:#ce0000}


.fixedBtn2{position:fixed;bottom:0;width:100%;z-index:101}
.fixedBtn2 p{margin:0;text-align:center}
.fixedBtn2 p a{display:block;height:62px;line-height:62px;background-color:#272937;color:#fff;font-size:18px;font-weight:600}


.autocard{position: relative;  background-color: #f6f6f6; padding:5px 10px}
.autocard input{padding:0; margin:0;display:inline-block; color:#323232; font-size:16px; font-weight:500; border:1px solid #f0f0f0; line-height: 35px; height: 35px;}
.autocard .autocardIn {position: relative; display:block; background-color: #fff; border:1px solid #e8e8e8; padding:8px 20px; margin:8px 0; color:#888888; height:65px}
.autocard .autocardIn  .title{ color:#000; font-weight:400; font-size:15px; position: absolute; top:30px}
.autocard .autocardIn  .title1{ color:#000; font-weight:400; font-size:15px}
.autocard .autocardIn p{line-height: 23px;}
.autocard .autocardIn span.del {position: absolute; right:15px; top:30px}
.autocard .autocardIn span.del2 {position: absolute; right:0px; top:0px; line-height: 22px;}
.autocard .autocardIn .cardplus {cursor:pointer; background-color: #e8c073; color: #fff; font-weight:600; font-size:20px; border-radius: 20px; padding:5px 10px 2px 10px}
.autocard .autocardIn .fgray{color: #8d8d8d; font-weight:400; font-size:13px;}

.poplay{width:320px; height:150px; position:absolute; left:20px; top:35%; z-index:999; background-color: #ffffff; border:2px solid #a5a5a5;}
.poplay .poplaytxt{position: relative; display:block; margin:35px 0; text-align: center; font-weight:600; color:#000000}
.laypass .poplaytxt{position: relative; display:block; margin:10px 0; text-align: center; font-weight:600; color:#000000; font-size:16px;}

.bu_al_black2 {position: relative; border:1px solid #000; background-color:#000; color:#fff; font-size:14px; display:inline-block; padding:8px 0; min-width:120px; text-align:center; transition:all 0.4s ease;}
.bu_al_black2:before{border: 0px; content: ''; position: absolute; width: 0;height: 0; top: -1px; left: 0;}
.bu_al_black2:after{bottom: -1px;right: 0px; content: ''; position: absolute; width: 0;height: 0; }
.bu_al_black2:hover {background-color:#fff; color:#000; border:1px solid #ccc;}
.bu_al_black2:hover:before{ border-top: 1px solid;border-right: 1px solid; border-color: #000; transition: border-color 0s, width 0.1s, height 0.2s; transition-delay: 0s, 0.2s, 0.3s; width: 100%; height: 100%;}
.bu_al_black2:hover:after { border-bottom:1px solid; border-left: 1px solid; transition: border-color 0s, width 0.3s, height 0.4s; transition-delay: 0s, 0.4s, .6s; width: 100%; height: 100%;border-color: #000;}

.bu_al_red3 {position: relative; border:1px solid #D31F21; background-color:#D31F21; color:#fff; font-size:14px; display:inline-block; padding:8px 0; min-width:120px; text-align:center; transition:all 0.4s ease;}
.bu_al_red3:before{border: 0px; content: ''; position: absolute; width: 0;height: 0; top: -1px; left: 0;}
.bu_al_red3:after{bottom: -1px;right: 0px; content: ''; position: absolute; width: 0;height: 0; }
.bu_al_red3:hover {background-color:#fff; color:#D31F21; border:1px solid #ccc;}
.bu_al_red3:hover:before{ border-top: 1px solid;border-right: 1px solid; border-color: #D31F21; transition: border-color 0s, width 0.1s, height 0.2s; transition-delay: 0s, 0.2s, 0.3s; width: 100%; height: 100%;}
.bu_al_red3:hover:after { border-bottom:1px solid; border-left: 1px solid; transition: border-color 0s, width 0.3s, height 0.4s; transition-delay: 0s, 0.4s, .6s; width: 100%; height: 100%;border-color: #D31F21;}

.bu_al_gray2 {position: relative; border:1px solid #A5A5A5; background-color:#A5A5A5; color:#fff; font-size:14px; display:inline-block; padding:8px 0; min-width:120px; text-align:center; transition:all 0.4s ease;}
.bu_al_gray2:before{border: 0px; content: ''; position: absolute; width: 0;height: 0; top: -1px; left: 0;}
.bu_al_gray2:after{bottom: -1px;right: 0px; content: ''; position: absolute; width: 0;height: 0; }
.bu_al_gray2:hover {background-color:#fff; color:#D31F21; border:1px solid #ccc;}
.bu_al_gray2:hover:before{ border-top: 1px solid;border-right: 1px solid; border-color: #D31F21; transition: border-color 0s, width 0.1s, height 0.2s; transition-delay: 0s, 0.2s, 0.3s; width: 100%; height: 100%;}
.bu_al_gray2:hover:after { border-bottom:1px solid; border-left: 1px solid; transition: border-color 0s, width 0.3s, height 0.4s; transition-delay: 0s, 0.4s, .6s; width: 100%; height: 100%;border-color: #D31F21;}


table.inputui td input{padding:0; margin:0;display:inline-block; color:#323232; font-size:16px; font-weight:500; border:1px solid #f0f0f0; line-height: 35px; height: 35px;}
.btncenter {position: relative; display:block; text-align: center; margin:30px auto 10px auto}


.cach .tb_edu{width:100%;border-top:1px solid #cfbfaf; border-bottom:1px solid #dfdfe0;border-right:1px solid #dfdfe0;border-spacing:0}
.cach .tb_edu th,.cach .tb_edu td{margin:0;padding:0;border:0}
.cach .tb_edu td .in_th{font-size:14px;color:#d75d3c; font-weight:600;}
.cach .tb_edu td {border-left:1px solid #dfdfe0; border-top:1px solid #dfdfe0; font-size:12px;text-align:center;color:#929292;letter-spacing:-1px;padding:7px 0}
.cach .tb_edu td.B{font-weight:600;}
.cach .tb_edu td.in{padding:7px 0 6px; font-size:13px; font-weight:400; color:#000;}


/* 실제 체크박스는 화면에서 숨김 */
.classchecksNew input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
/* 가짜 체크박스 */
.classchecksNew input[type="checkbox"] + label:before{position:absolute;left:0;top:3px;margin-top:0;opacity:.6;box-shadow:none;content:' ';display:inline-block;width:21px;height:21px;line-height:21px;margin:-2px 8px 0 0;text-align:center;vertical-align:middle;border-radius:2px}
.classchecksNew input[type="checkbox"] + label:active:before,.classchecks input[type="checkbox"]:checked + label:active:before{}
.classchecksNew input[type="checkbox"] + label{display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin-top:0;width:100%;background:url(../../../assets/m-user/images/chkbox.png) no-repeat;background-position:0 0;/*  background-size: contain;*/text-align:left}
.classchecksNew input[type="checkbox"] + label span{padding-left:25px;}
.classchecksNew input[type="checkbox"]:checked + label:before{position:absolute;content:"";opacity:1;background:url(../../../assets/m-user/images/chk-on.png) no-repeat;background-size:10px;background-position:3px 4px}
/* //nuriware 추가라는데 표시도 안되어있고 일단 추가함 */

/* 201210 hyj 추천인 추가 */
.recommenderLayout {}
.recommenderLayout .title {margin-bottom:12px;color:#000;font-size:16px;font-weight:600;letter-spacing:-0.4px;}
.recommenderLayout .recommenderCont{position:relative;padding:16px;border-bottom:7px solid #ebebeb}
.recommenderLayout .recommenderCont:after{position:absolute;content:"";left:0;bottom:0;width:100%;height:1px;background-color:#d1d1d1}
.recommenderLayout .box {padding:20px;background-color:#f6f6f6;}
.recommenderLayout .select_type {margin-bottom:20px;}
.recommenderLayout .type_result {}
.recommenderLayout dl {display:table;width:100%;color:#060606;}
.recommenderLayout dl dt {display:table-cell;width:15%;color:#060606;font-size:16px;font-weight:600;}
.recommenderLayout dl span {display:inline-block;}
.recommenderLayout dl span + span {margin-left:25px;}
.recommenderLayout dl input {position:absolute;left:3px;top:3px;width:0;height:0;padding:0;margin:0;overflow:hidden;}
.recommenderLayout dl label {position:relative;display:inline-block;font-size:14px;z-index:1}
.recommenderLayout dl input + label:before {content:'';display:inline-block;width:22px;height:22px;margin-right:7px;border:1px solid #d8d8d8;border-radius:30px;background-color:#fff;vertical-align:middle;}
.recommenderLayout dl input:checked + label:after {content:'';position:absolute;left:4px;top:4px;width:16px;height:16px;border-radius:30px;background-color:#d31f21;}
.recommenderLayout dl input[type="text"] {position:static;width:100%;height:43px;padding:0;margin:0;text-indent:10px;color:#000;font-size:14px;border:1px solid #c0c0c0;background-color:#fff;}
.recommenderLayout dl select {width:100%;height:45px;padding:0 10px;margin:0;color:#000;font-size:14px;border:1px solid #c0c0c0;background-color:#fff;}
.recommenderLayout dl select {-webkit-appearance:none;-moz-appearance:none;appearance:none;background: url(/assets/user/images/selectDown.png) no-repeat 95% 50%;background-color:#fff;}
.recommenderLayout dl select::-ms-expand { display: none;}
.recommenderLayout dl dd {position:relative;display:table-cell;}
.recommenderLayout dl + dl {margin-top:15px;}
.recommenderLayout p.txt {position:relative;line-height:1.5;padding-top:12px;margin:20px 0 30px;color:#666;font-size:14px;text-align:left;}
.recommenderLayout p.txt a {position:absolute;right:0;top:0;display:inline-block;padding:3px 15px;margin-left:10px;color:#232323;font-size:13px;border:1px solid #232323;}
.recommenderLayout a.bu_al_black {display:block;width:100%;height:50px;line-height:50px;margin-top:30px;color:#fff;font-size:17px;text-align:center;background:#24231f;}/* 210511 hyj 수정 */
/* //201210 hyj 추천인 추가 */


/* 200908 kmh 웹폰트 기반 공지 레이어 */
.layerNoticeType01{padding:20px;border:1px solid #000;border-bottom:none;background-color:#fff;}
.layerNoticeType01 .layerTit{margin:0 0 15px;padding:0 0 7px;font-size:20px;font-weight:bold;color:#000;border-bottom:2px solid #d31f21;}
.layerNoticeType01 .layerTit em{color:#d31f21;font-style:normal;}
.layerNoticeCont{}
.layerNoticeCont p{margin:0;font-size:15px;line-height:1.4;color:#666;}
.layerNoticeCont p strong{font-weight:bold;color:#000;}

.pop_wrap .today_chk.type02{height:24px;padding:6px 4vw 0;font-size:12px;font-weight:300;color:#fff;letter-spacing:0;background-color:#343434;text-align:left}
.pop_wrap .today_chk.type02 label{font-size:12px;color:#fff;}
.pop_wrap .today_chk.type02 .btn_pop_close{position:absolute;right:4vw;bottom:0;font-size:12px;line-height:30px;font-weight:300;color:#fff;text-indent:0;}
.pop_wrap .today_chk.type02 .btn_pop_close:after{content:'X';width:14px;height:12px;margin-left:4px;padding-top:2px;display:inline-block;vertical-align:-1px;text-align:center;background-color:#fff;font-size:12px;font-weight:500;line-height:1;color:#343434;}

/* 201005 kmh 추가 */
.scheduleStepWrap{}
.scheduleStepWrap .roundTagCont{}
.scheduleStepWrap .roundTagCont ul{width:550px;}
.scheduleStepWrap .roundTagCont li:first-child{margin-left:15px;}
.scheduleStepWrap .roundTagCont a{min-width:65px;padding:0;}

.scheduleIndex{border-top:10px solid #ebebeb;}
.scheduleIndex h3{margin:0;padding:20px 0 10px 20px;font-size:20px;font-weight:bold;color:#000;border-bottom:1px solid #d6d6d6;}

/* 240123 pny 수정 */
.scCategory{display:flex;flex:3;width:100%;padding:0 0 0 29%;position:relative;left:-29%;background:#f4f4f4;}
.scCategory .scNavWrap{flex:0.82;height:100%;position:sticky;left:0;top:60px;}
.scCategory .scNavWrap .nav{width:100%;padding:6px 0;}
.scCategory .scNavWrap .nav a{display:block;padding:18px 0 18px 20px;font-size:15px;}
.scCategory .scNavWrap .nav a.on{font-weight:bold;color:#000;}
.categoryInner{flex:2;background:#fff;}
/*// 240123 pny 수정 */
.categoryColumn{padding:0 0 0 30px;}
.categoryColumn li{}
.categoryColumn dt{margin-bottom:12px;padding:25px 0 10px;font-size:17px;font-weight:bold;color:#000;border-bottom:2px solid #000000;}
.categoryColumn dd{padding:12px 0;font-size:15px;}
.categoryColumn dd a{display:block;}

.scheduleResult{}
.scheduleResult .bannerBox img{width:100%;}

/* 210113 hyj 수정 */
.detailSearchWrap{padding:18px 15px;background-color:#fff;}
.detailSearchWrap:after{content:'';display:block;clear:both;}
.detailSearchWrap .search_box {position:relative;}
.detailSearchWrap .search_box:before,
.detailSearchWrap .search_box:after {content:'';display:block;clear:both;}
.detailSearchWrap .detailSelect{float:left;width:35%;}
.detailSearchWrap .detailSelect select{width:100%;height:47px;padding:0 14px;margin:0;font-size:18px;letter-spacing:-1px;font-weight:bold;color:#000;border-bottom:1px solid #9c9c9c;background-position:98% 50%;}
.detailSearchWrap .searchinputBox {float:right;width:62%;}
.detailSearchWrap .searchinputBox input {width:calc(100% - 55px);height:46px;line-height:46px;color:#000;font-size:18px;font-weight:600;border-width:0 0 1px 0;border-style:solid;border-color:#9c9c9c;}
.detailSearchWrap .searchinputBox a {top:7px;right:0;width:40px;}
.detailSearchWrap .searchinputBox a img {width:100%;}
.detailSearchWrap .detailBtn{margin-top:15px;}
.detailSearchWrap .btnDetailSearch{width:100%;padding:12px 0;display:block;text-align:center;font-size:17px;font-weight:bold;color:#fff;background-color:#1b275a;}
.detailSearchWrap .guideText{margin:13px 0 0;font-size:11px;letter-spacing:-1px;color:#999;}

.scheduleResult.fixed{padding:173px 0 0;}
.fixed .bannerBox{display:none;}
.fixed .detailSearchWrap{position:fixed;left:0;top:60px;right:0;z-index:2;box-shadow:0 3px 7px -1px rgba(0,0,0,0.1)}
.fixed .detailSearchWrap .detailSelect{}
.fixed .detailSearchWrap .detailBtn{}
.fixed .detailSearchWrap .guideText{display:none;}

.resultItemsWrap{}
.resultItemsWrap .resultItem{border-top:3px solid #d7d7d7;}
.resultItem .resultHead{}
.resultItem .resultHead .wrap{display:block;padding:18px;position:relative;background-color:#e6e6ed;}
.resultItem .resultHead .wrap:after{content:'';width:8px;height:8px;border-top:2px solid #8a8a8a;border-right:2px solid #8a8a8a;position:absolute;right:20px;bottom:24px;transition:all .2s;transform:rotate(135deg);}
.resultItem.flip .resultHead .wrap:after{transform:rotate(-45deg);}
.resultItem .resultHead .sbj{font-size:18px;font-weight:bold;color:#000;word-break:keep-all;text-shadow:0 0 #000;}
.resultItem .resultHead .info{margin-top:8px;font-size:0;}
.resultItem .resultHead .info span{padding:0 10px;display:inline-block;vertical-align:middle;font-size:13px;position:relative;}
.resultItem .resultHead .info span:first-child{padding-left:0;}
.resultItem .resultHead .info span + span:before{content:'';width:2px;height:11px;margin:-6px 0 0;background-color:#c8c8c8;position:absolute;left:-1px;top:50%;}
.resultItem .resultBody{}
.resultItem .resultLecItems{padding:30px 0 30px 20px;}
.resultItem .lecItem{}
.resultItem .lecItem + .lecItem{margin:35px 0 0;}
.resultItem .resultLecItems .lecTit{margin:0 0 15px;padding:0 0 0 10px;font-size:18px;line-height:1.1;font-weight:bold;color:#000;border-left:5px solid #d71f21;}

.lecCardList{position:relative;}
.lecCardList *{box-sizing:border-box;}
.lecCardList ul{width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;}
.lecCardList li{flex:0 0 140px;width:140px;padding:0 0 60px;text-align:center;border:1px solid #e1e1e1;border-radius:14px;position:relative;overflow:hidden;}
.lecCardList li a{height:100%;display:block;}
.lecCardList li + li{margin:0 0 0 10px;}
.lecCardList ul:after{content:' ';flex:0 0 10px;width:10px;height:100px;display:inline-block;}
.lecCardList .info{padding:13px 10px 15px;}
.lecCardList .info > strong,.lecCardList .info > span{display:block;font-size:15px;color:#000;text-shadow:0 0 #000;}
.lecCardList .info p{margin:3px 0 0;font-size:12px;line-height:1.6;}
.lecCardList .price{width:100%;padding:10px 0;background-color:#f4f4f4;position:absolute;left:0;bottom:0;}
.lecCardList .price .discount{font-size:12px;color:#c7c7c7;text-decoration:line-through;}
.lecCardList .price .realPrice{font-size:20px;font-weight:bold;color:#000;}
.lecCardList .price .realPrice span{font-size:15px;vertical-align:middle;}
/* //210113 hyj 수정 */


.layerWrap{display:none;}
.layerWrap *{box-sizing:border-box;}
.layerWrap .dim{width:100%;height:100%;background:#000;opacity:.6;position:fixed;top:0;left:0;z-index:1121;}
.layerWrap .layerInner{width:92%;position:absolute;left:4%;background-color:#fff;z-index:1122;}
.layerWrap .layerHead{position:relative;}
.layerWrap .layerTit{padding:16px 20px 12px;font-size:20px;font-weight:bold;color:#000;}
.layerWrap .layerClose{width:22px;height:22px;margin-top:-11px;font-size:0;position:absolute;right:18px;top:50%;}
.layerWrap .layerClose:before,
.layerWrap .layerClose:after{content:'';width:1px;height:22px;position:absolute;left:50%;top:0;background-color:#000;}
.layerWrap .layerClose:before{transform:rotate(45deg);}
.layerWrap .layerClose:after{transform:rotate(-45deg);}
.layerWrap .layerBody{}

.layerWrap .layerInner.lecDetail {width:100%;left:0;}/* 210113 hyj 추가 */
.layerWrap .lecDetail .layerHead{background-color:#f4f4f4;}
.layerWrap .lecDetail .layerTit{padding:35px 40px 35px 20px;font-size:18px;line-height:1.3;word-break:keep-all;}
.layerWrap .lecDetail .layerTit .summary{margin-top:5px;font-size:0;}
.layerWrap .lecDetail .layerTit .summary span{padding:0 10px;font-size:13px;font-weight:normal;color:#666;position:relative;}
.layerWrap .lecDetail .layerTit .summary span:first-child{padding-left:0;}
.layerWrap .lecDetail .layerTit .summary span + span:before{content:'';width:2px;height:10px;margin-top:-6px;background-color:#ddd;position:absolute;left:-1px;top:50%;}
.layerWrap .lecDetail .layerClose{margin:0;top:15px;}




.layerWrap.fixedHeight .layerInner{padding:56px 0 0;position:fixed;top:65px;bottom:15px;}
.layerWrap.fixedHeight .layerHead{width:100%;position:absolute;left:0;top:0;}
.layerWrap.fixedHeight .layerBody{height:100%;}

.layerIndexItems{}
.layerIndexItems dl{border-top:2px solid #e1e1e1;}
.layerIndexItems dt{padding:15px 20px;font-size:16px;font-weight:bold;color:#000;background-color:#f4f4f4;}
.layerIndexItems dd{padding:20px 20px 25px 24px;font-size:0;}
.layerIndexItems dd a{width:50%;height:45px;margin:-1px 0 0 -1px;display:inline-block;vertical-align:top;text-align:center;font-size:14px;line-height:45px;color:#666;border:1px solid #e1e1e1;}

.layerDetailSearch{height:100%;padding:0 0 65px;position:relative;}
.layerDetailSearch .inScrollBox{height:100%;overflow-x:hidden;overflow-y:auto;}
.layerDetailSearch .layerBtmBtns{font-size:0;position:absolute;left:0;bottom:0;right:0;}
.layerDetailSearch .layerBtmBtns a{width:50%;height:65px;display:inline-block;text-align:center;vertical-align:middle;font-size:18px;line-height:65px;color:#fff;background-color:#222;}
.layerDetailSearch .layerBtmBtns a span{margin-right:6px;vertical-align:-2px;}
.layerDetailSearch .layerBtmBtns .btn_reset{background-color:#222;}
.layerDetailSearch .layerBtmBtns .btn_reset span{font-size:15px;vertical-align:-1px;}
.layerDetailSearch .layerBtmBtns .btn_apply{background-color:#d71f21;}
.layerDetailSearch .filterWrap{}
.layerDetailSearch dl{border-top:2px solid #e1e1e1;}
.layerDetailSearch dl:first-child dd{display:block;}
.layerDetailSearch dt a{padding:15px 20px;display:block;font-size:16px;font-weight:bold;color:#fff;background-color:#818aa1;position:relative;}
.layerDetailSearch dt a:after{content:'';width:8px;height:8px;margin-top:-8px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;right:20px;top:50%;transition:all .2s;transform:rotate(135deg);}
.layerDetailSearch dd{display:none;}
.layerDetailSearch .on dt a:after{margin-top:-4px;transform:rotate(-45deg);}

.filterCheckList{}
.filterCheckList li{padding:12px 20px;}
.filterCheckList li + li{border-top:1px solid #eee;}
.filterCheckList input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.filterCheckList input[type="checkbox"] + label{width:100%;padding-left:35px;display:inline-block;text-align:left;font-size:15px;line-height:23px;color:#333;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.filterCheckList input[type="checkbox"] + label:before{content:'';width:21px;height:21px;display:inline-block;line-height:23px;position:absolute;left:0;top:0;border:1px solid #eee;box-shadow:none;}
.filterCheckList input[type="checkbox"] + label:active:before,.filterCheckList input[type="checkbox"]:checked + label:active:before{}
.filterCheckList input[type="checkbox"]:checked + label:before{position:absolute;background:url(/assets/m-user/images/chk-on.png) no-repeat;background-size:16px;background-position:50% 50%}

.lecDetailWrap{padding:0 15px;position:relative;}
.lecDetailWrap .classIcon{display:block;position:absolute;left:15px;top:-18px;}/* 210113 hyj 수정 */
.lecDetailWrap .classIcon span{height:35px;padding:0 13px;display:inline-block;font-size:13px;line-height:35px;color:#fff;background-color:#222;}
.lecDetailWrap .lecInfoBox{padding:25px 0;}
.lecDetailWrap .lecInfoBox table{table-layout:fixed;}
.lecDetailWrap .lecInfoBox th,
.lecDetailWrap .lecInfoBox td{padding:5px 0;text-align:left;vertical-align:top;font-size:15px;font-weight:normal;}
.lecDetailWrap .lecInfoBox th{color:#666;}
.lecDetailWrap .lecInfoBox td{color:#000;}
.lecDetailWrap .teachers span{margin-right:3px;display:inline-block;vertical-align:top;}

.lecDetailWrap .paymentBox{}
.lecDetailWrap .paymentBox .price{padding:16px 18px;background-color:#f8f8f8;}
.lecDetailWrap .paymentBox .priceTable{width:100%;display:table;table-layout:fixed;border-spacing:0;}
.lecDetailWrap .paymentBox .priceTable > div{display:table-cell;vertical-align:bottom;}
.lecDetailWrap .paymentBox .price .discount span{font-size:16px;color:#666;text-decoration:line-through;}
.lecDetailWrap .paymentBox .price .discount p{margin-bottom:3px;font-size:14px;color:#d71f21;}
.lecDetailWrap .paymentBox .price .realPrice{width:125px;text-align:right;vertical-align:bottom;font-size:23px;font-weight:bold;color:#000;}
.lecDetailWrap .paymentBox .price .realPrice em{font-size:14px;font-style:normal;}
.lecDetailWrap .paymentBox .qMenuBtnWrap:after{content:'';display:block;clear:both;}
.bookInfoItems{padding:40px 0 0;}
.bookInfoItems .bookInfoTit{padding:0 0 9px;font-size:18px;font-weight:bold;color:#000;border-bottom:1px solid #d6d6d6;}
.bookInfoItems ul{padding:30px 0;}
.bookInfoItems li + li{margin-top:15px;}
.bookInfoItems .wrap{width:100%;display:table;table-layout:fixed;border-spacing:0;}
.bookInfoItems .wrap > div{display:table-cell;}
.bookInfoItems .bookImg{width:105px;padding:0 15px;text-align:center;}
.bookInfoItems .bookImg img{width:100%;}
.bookInfoItems .bookCont{padding:5px 0;vertical-align:top;}
.bookInfoItems .bookSbj{font-size:14px;line-height:1.4;color:#666;word-break:keep-all;}
.bookInfoItems .bookSbj em{display:block;color:#000;font-style:normal;}

/* nuriware 추가 */
.cachinfobox{background-color: #fff; font-size:12px;line-height:18px;letter-spacing:-0.5px;color:#333; padding:21px; border:1px solid #e1e1e1;}
.cachinfobox .title{position:relative; font-size:16px;font-weight:600;letter-spacing:-0.5px;margin-bottom:12px;color:#000; margin-bottom:7px;}
.cachinfobox .title:after {content:'';position:absolute;bottom:0;width:130px;height:33px;margin-left:3px;background-size:100%;}/* 201214 hyj 추가 */
.cachinfobox .title a.pointBtn {color:#fff; background-color:#D31F21; font-size:11px;  padding:5px 11px;text-decoration: none; position: absolute; right:0; top:0px;}
.cachinfobox .txt{margin-top:15px}
.cachinfobox .box { position:relative;  border:1px solid #e1e1e1; background-color:#f6f6f6; padding:6px 17px; text-align:center; margin:15px 0 5px 0; font-weight:600;}
.cachinfobox .box ul { position:relative; width:100%; display:inline-block;}
.cachinfobox .box ul li{float:left; width:33%; border-left:1px dashed #999; }
.cachinfobox .box ul li:first-child{border-left:none;}

.mt20 {margin-top:20px}
/* //nuriware 추가 */


/* 201104 hyj 필기고사 제출하기 팝업 */
.examUpload_popup .layerpopupIn{height:auto;overflow-y:auto;}
.examUpload_popup .layerpopupTop .titleBorder .subtitle{margin:10px 0;font-size:14px;color:#d0131c;position:relative;}
.examUpload_popup .subtitle .date{font-size:12px;color:#666;position:absolute;right:0;top:3px;}
.examUpload_popup .layerpopupBody{padding:0 16px;}
.examUpload_cont .table_normal{width:100%;border-top:none;border-bottom:1px solid #E1E1E1;margin-bottom:30px;}
.examUpload_cont .table_normal caption{font-size:0;text-indent:-9999px;overflow:hidden;height:0;}
.examUpload_cont .table_normal th{background-color:#F3F6F9;padding:10px 0;font-size:14px;font-weight:600;letter-spacing: -0.5px;}
.examUpload_cont .table_normal td{padding:10px 15px;font-size:14px;font-weight:400;color:#333;letter-spacing: -0.5px;}
.examUpload_cont .table_normal .table_btn{display:inline-block;width:45%;padding:10px 0;margin:0;color:#fff;font-size:13px;text-align:center;background-color:#d31f21;border:1px solid #d31f21;}
.examUpload_cont .table_normal .table_btn.dblue{position:relative;background-color:#1b275a;border:1px solid #1b275a;}
.examUpload_cont .table_normal .table_btn.dblue input{position:absolute;left:0;top:0;right:0;bottom:0;padding:0;margin:0;width:100%;height:100%;color:transparent;font-size:0;text-indent:-9999px;border:none;background:none;}
.examUpload_cont .table_normal .table_btn.gray{background-color:#666;border:1px solid #666;}
.examUpload_cont .table_normal .upload_area {padding:15px 15px 30px 15px;background-color:#f4f4f4;vertical-align:middle;overflow:hidden;}
.examUpload_cont .table_normal .upload_area .upfile_name {margin:0;color:#000;font-size:14px;}
.examUpload_cont .table_normal .upload_area .upfile_name a {position:relative;display:block;max-width:100%;height:15px;color:#000;font-size:13px;text-decoration:underline;overflow:hidden;white-space:normal;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.examUpload_cont .table_normal .upload_area .upfile_name a:before {content:'';display:inline-block;width:16px;height:13px;margin-right:7px;background:url('/assets/m-user/images/icon_uploadfile.png') 0 center;background-size:100%;vertical-align:middle;}
.examUpload_cont .table_normal .txt {margin:10px 0 0;color:#999;font-size:13px;}
.examUpload_cont .table_normal .upload_btn {margin-top:20px;vertical-align:middle;}
.examUpload_cont .table_normal .upload_btn span + a{margin-left:10px;}

/* 210623 kmh 1:1 피드백팝업 */
.feedback_popup .layerpopupIn{position:absolute;bottom:auto;}
.feedback_popup .layerpopupTop .title{margin-bottom:0;font-weight:normal;}
.feedback_popup .layerpopupTop .title span{font-weight:bold;}
.feedback_popup .layerpopupTop .titleBorder .subtitle{margin:5px 0 20px;font-size:14px;color:#666;position:relative;}
.feedback_popup .subtitle .date{font-size:12px;color:#666;position:absolute;right:0;top:3px;}
.feedbackInfo .infoSection + .infoSection{margin-top:20px;}
.feedbackInfo .infoHead{position:relative;}
.feedbackInfo .infoHead .title{margin:0 0 7px;padding:0 0 0 8px;font-size:14px;font-weight:bold;color:#000;position:relative;}
.feedbackInfo .infoHead .title:before{content:'';width:3px;height:3px;background-color:#000;border-radius:50%;position:absolute;left:0;top:9px;}
.feedbackInfo .infoHead .date{font-size:12px;color:#666;position:absolute;right:0;top:1px;}
.feedbackInfo .infoBody .commentBox{width:100%;min-height:200px;padding:10px;font-size:12px;line-height:1.4;color:#333;border:1px solid #d1d1d1;box-sizing:border-box;}/* 210630 kmh 수정 */
.feedbackInfo .infoBody .table_normal{border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
.feedbackInfo .infoBody .table_normal td{padding:10px 0 10px 10px;}
.feedbackInfo .infoBody .attachItems .item{font-size:0;}
.feedbackInfo .infoBody .attachItems .item + .item{margin-top:10px;}
.feedbackInfo .infoBody .attachItems span{width:60%;padding-left:28px;margin-right:3%;display:inline-block;vertical-align:middle;font-size:12px;color:#000;text-decoration:underline;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;}
.feedbackInfo .infoBody .attachItems span:before{content:'';width:16px;height:13px;background:url('/assets/m-user/images/ico_download.png') no-repeat;position:absolute;left:6px;top:1px;background-size:100% 100%;}
.feedbackInfo .table_normal .table_btn{display:inline-block;width:36%;padding:7px 0;margin:0;color:#fff;font-size:13px;text-align:center;background-color:#d31f21;border:1px solid #d31f21;}
/* //210623 kmh 1:1 피드백팝업 */

/* 201112 kmh 추가 */
.viewSearchBox{padding:20px 30px;background-color:#f1f1f5;}
.viewSearchBox .searchAreaIn{position:relative;}
.viewSearchBox .searchAreaIn .searchInputBox{margin:0 52px 0 16px;}
.viewSearchBox .searchInputBox input{margin:0;padding:0;color:#666;border:none;border-bottom:1px solid #9c9c9c;background-color:#f1f1f5;}
.viewSearchBox .searchBtn{width:40px;height:40px;margin-top:-20px;text-align:center;font-size:24px;line-height:48px;color:#fff;background-color:#000;border-radius:50%;top:50%;right:0;}

/* 201113 kmh 추가 */
.videoTabs{margin-bottom:25px;}
.videoTabs ul{width:100%;display:table;table-layout:fixed;border-spacing:0;}
.videoTabs li{display:table-cell;}
.videoTabs li a{padding:15px 0;display:block;text-align:center;font-size:15px;color:#666;border:1px solid #dbdbdb;}
.videoTabs li + li a{border-left:none;}
.videoTabs li a.on{position:relative;border-color:#000;}
.videoTabs li + li a.on:after{content:'';width:1px;background-color:#000;position:absolute;left:-1px;top:-1px;bottom:-1px;}


/* 210616 hyj 해시태그 추가 */
/* 목록 */
.list_hashtag {display:block;margin:5px 0;color:#19468e;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_hashtag span + span {margin-left:3px;}
/* 상세 */
.detail_hashtag {position:relative;line-height:1.5;padding:15px 10px;margin-bottom:30px;color:#19468e;font-size:14px;border-bottom:1px solid #e2e2e2;word-break:break-word;}/* 210705 hyj 수정 */
/* .detail_hashtag:before {content:'';display:block;width:28px;height:25px;background:url('/assets/user/images/ico_hashtag.png') 0 0 no-repeat;} 210705 hyj 수정 */
.detail_hashtag span + span {margin-left:3px;}
/* 작성,수정 */
#lectTable tbody tr td.tableTitle {border-bottom:0}
#lectTable tbody tr td.tableTitle .tc_list {display:table;}
#lectTable tbody tr td.tableTitle .tc_list dt {display:table-cell;margin-right:7px;color:#666;font-weight:normal}
#lectTable tbody tr td.tableTitle .tc_list dd {display:table-cell;color:#000;font-weight:normal}
#lectTable tbody tr td.tableTitle .tc_list dd span {display:block;line-height:1.7;}
.hashtag_area {padding:5px;border-top:1px solid #d7d7d7}
.hashtag_area .title {color:#000;font-size:15px;font-weight:bold;text-align:left;}
.hashtag_area .inputBox p {color:#666;font-size:13px;}
.hashtag_area .input_hashtag {display:table;width:100%;}
.hashtag_area .input_hashtag dt {display:table-cell;width:60px;color:#000;padding-right:10px;vertical-align:middle;}
.hashtag_area .input_hashtag dd {display:table-cell;color:#000;vertical-align:middle;}
.hashtag_area .input_hashtag dd input {width:80%;margin-left:5px;}
.btm_txt_info {position:relative;margin:15px 0;font-size:13px;text-align:left;}
.btm_txt_info .txtarea {position:relative;display:inline-block;}
.btm_txt_info button {display:inline-block;width:20px;height:20px;margin-right:3px;color:#fff;text-align:center;border-radius:50%;background:#d7d7d7;vertical-align:middle;}
.btm_txt_info .txtarea.on button {background:#d31f21;}
.btm_txt_info span {color:#666;}
.btm_txt_info em {float:right;display:inline-block;margin-left:20px;color:#000;font-weight:bold;font-style:normal;}
.btm_txt_info .tooltip_box {display:none;position:absolute;;left:0;width:150%;line-height:1.4;padding:15px;margin-top:10px;color:#666;font-size:12px;text-align:left;border:1px solid #666;background:#fef7ed;z-index:1;}
.btm_txt_info .txtarea.on .tooltip_box {display:block;}
.btm_txt_info .tooltip_box p {margin-bottom:2px;}
.btm_txt_info .tooltip_box p + p {padding-left:10px;margin:0;text-indent:-10px;}
.btm_txt_info .tooltip_box a {position:absolute;top:0;right:0;padding:10px;}

/* 210721 hyj 배너 추가 */
.mid_banner {margin:3% 16px;}
.mid_banner img {width:100%;max-width:100%;} /* 221209 pny 수정 */


/* 환불안내 팝업 210923 syh */
.refundPop .layerpopupContainer{height:calc(100% - 10px);}
.refundPop .layerpopupIn{border:1px solid #333333;}
.refundPop .layerGroup{padding:0 15px;}
.refundPop .stitle{text-align:center;font-size:15px;color:#000;font-weight:600;border-bottom:2px solid #000;padding:22px 0 10px;margin:0 0 17px;line-height:1;}
.refundPop .infoTxt{font-size:12px;color:#666;line-height:18px;}
.refundPop .infoTxt .slist{margin:0;padding:0 0 0 20px;position:relative;}
.refundPop .infoTxt .slist:before{content:'-';display:inline-block;font-size:13px;color:#666;position:absolute;top:0;left:12px;}
.refundPop .infoTxt .slist + .slist{margin-bottom:3px;}
.refundPop .refundChkArea{border-top:1px solid #d8d8d8;text-align:left;margin-top:15px;padding:10px 0 5px;}
.refundPop .refundChkArea label{position:relative;}
.refundPop .refundChkArea input[type="checkbox"] + label:before{width:18px;height:18px;border:1px solid #c4c4c4;top:-2px;}
.refundPop .refundChkArea input[type="checkbox"] + label span{padding-left:25px;}
.refundPop .inputForm{background:#f8f8f8;border:1px solid #eee;padding:10px;margin-top:10px;}
.refundPop .inputForm dt{font-size:12px;color:#999;display:inline-block;width:55px;}
.refundPop .inputForm dd{display:inline-block;width:70%;}
.refundPop .inputForm input{background:#f8f8f8;border:0;width:100%;height:18px;line-height:18px;margin:0;}

/* 220217 kmh 메인 윙배너 수정 및 추가 */
.contentLayout .main_wing_banner{width:134px;position:fixed;right:13px;bottom:0;z-index:1001;}
.contentLayout .main_wing_banner img{width:134px;}
.contentLayout .main_wing_banner .wbanner_close{width:20px;height:20px;font-size:0;text-indent:-9999px;background:url('/assets/m-user/images/close_wing_banner.png') no-repeat;background-size:100% 100%;position:absolute;right:0px;top:0;}
/* //220217 kmh 메인 윙배너 수정 및 추가 */

/* 211214 kmh 방역패스 인증 추가 */
.quarantine_contents{padding:0 15px 55px;border-top:1px solid #e9e9e9;}
.quarantine_contents .quarantine_tit{margin:0;padding:27px 0;text-align:center;font-size:24px;font-weight:600;color:#000;}
.quarantine_contents .quarantine_login{padding:50px 0;}
.quarantine_contents .btn_comm{height:60px;display:block;text-align:center;font-size:18px;line-height:60px;color:#fff;background-color:#d31f21;}
.quarantine_login .msg{margin:10px 0 25px;text-align:center;font-size:16px;color:#000;}
.quarantine_form .form_tit{margin-bottom:6px;font-size:16px;font-weight:600;color:#000;}
.quarantine_form .form_box + .form_box{margin-top:25px;}
.quarantine_form input[type="checkbox"]{width:17px;height:17px;border:1px solid #707070;}
.quarantine_form .check_form{padding:20px;border-top:1px solid #ededed;border-bottom:1px solid #ededed;}
.quarantine_form .check_form label{padding:0 0 0 28px;display:block;font-size:15px;line-height:1.4;color:#000;position:relative;}
.quarantine_form .check_form label + label{margin-top:14px;}
.quarantine_form .check_form label em{font-weight:600;font-style:normal;}
.quarantine_form .check_form label input[type="checkbox"]{position:absolute;left:0;top:1px;}
.quarantine_form .noti{margin:10px 0 0;font-size:13px;color:#666;}
.quarantine_form .btn_comm{margin-top:20px;}
.quarantine_form .gray_bg_box{padding:20px 15px;font-size:12px;line-height:1.6;color:#666;background-color:#f6f6f6;word-break:keep-all;}
.quarantine_form .filebox{margin-bottom:10px;font-size:0;}
.quarantine_form .filebox *{box-sizing:border-box;}
.quarantine_form .filebox .upload-name{width:70%;height:35px;vertical-align:top;}
.quarantine_form .filebox label{width:28%;font-size:12px;}
.quarantine_form .agree_box{margin-top:10px;}
.quarantine_form .agree_box label{font-size:13px;color:#000;}


/* 220112 hyj 수강후기 성적노출 영역 추가 */
/* 220216 kmh 후기 전용 class추가 */
/* 241008 hyj 수정 */
.winnerWrap.type_review{margin:10vw 0;overflow:hidden;}
.winnerWrap.type_review .winnerList{width:86%;margin:0 auto;overflow:visible;}
.winnerWrap.type_review .swiper-wrapper{}
.winnerWrap.type_review .swiper-slide{text-align:center;}
.type_review .winnerList .wrap{height:50vw;text-align:center;background:url('/assets/user/images/bg_scoreBox.png') no-repeat 0 0 / calc(100% - 1px);}
.type_review .winnerList .wrap .score{padding:4vw 0 7vw;color:#d31f21;font-size:5vw;font-weight:600;}
.type_review .winnerList .wrap .score em{padding:0 3px;font-size:9vw;font-style:normal;}
.type_review .winnerList .wrap .info{}
.type_review .winnerList .wrap .info strong{display:block;line-height:1.2;color:#333;font-size:4.2vw;}
.type_review .winnerList .wrap .info p{margin:2vw 0 0;color:#666;font-size:3.2vw;}
.winnerWrap.type_review .button-prev,
.winnerWrap.type_review .button-next{position:absolute;top:0;width:8%;height:100%;z-index:10;cursor:pointer;}
.winnerWrap.type_review .button-prev{left:-8%;background:#fff url('/assets/m-user/images/scoreBox_prev.png') no-repeat center / 3vw;}
.winnerWrap.type_review .button-next{right:-8%;background:#fff url('/assets/m-user/images/scoreBox_next.png') no-repeat center / 3vw;}
/* //241008 hyj 수정 */
/* //220216 kmh 후기 전용 class추가 */


/* 달성점수 */
.writeTable .inputBox .score_input{margin-bottom:5px;}
.writeTable .inputBox .score_input div span{display:block;margin-bottom:5px;}
.writeTable .inputBox .score_input input[type="text"]{width:60px;color:#000;font-size:14px;font-weight:600;text-align:left;}
.writeTable .inputBox .score_input em{padding:0 5px;color:#000;font-size:14px;font-weight:600;font-style:normal;}

.reviewDetailCon .reDTitle .ico_badge{margin-bottom:5px;display:inline-block;width:100px;height:30px;line-height:30px;color:#d31f21;font-size:15px;font-weight:600;font-style:italic;text-align:center;background:url('/assets/m-user/images/ico_badge.png') no-repeat;background-size:100%;float:right;}/* 240508 kmh 수정 */
.reviewDetailCon .reDTitle .write .ico_badge{position:absolute;top:-10px;right:0;}/* 240508 kmh 추가 */


/* 220223 hyj 추가 [HSK 응시료 할인쿠폰] */
.float_coupon{position:relative;}
.float_coupon .close{position:absolute;right:0;top:0;width:25%;height:25%;line-height:0;font-size:0;text-indent:-9999px;}
.chinese .floating_ban_r .float_coupon{width:90px;}



/* 220209 syh 자동결제 안내페이지 수정 */
div[class^=autoSection] p{padding:0;margin:0;line-height:1;}
div[class^=autoSection] .inner{position:relative;}
.pointRed{color:#d31f21;}
.pointBlue{color:#1c38a9;}
.autoTit{font-size:22px;color:#000;line-height:28px;text-align:center;}
.autoSection1{padding:60px 0 70px;}
.autoSection1 .benefitList{text-align:center;padding:35px 22px 25px;}
.autoSection1 .benefitList:after{content:'';display:block;clear:both;}
.autoSection1 .benefitList li{display:block;float:left;width:48%;height:200px;background:#f7f7f7 url('/assets/m-user/images/auto_promotion/ico_benefit1.jpg') no-repeat center 0;background-size:157px auto;vertical-align:top;margin-bottom:17px;}
.autoSection1 .benefitList li.ban2{background-image:url('/assets/m-user/images/auto_promotion/ico_benefit20.jpg');float:right;}/* 231207 hyj 수정 */
.autoSection1 .benefitList li.ban3{background-image:url('/assets/m-user/images/auto_promotion/ico_benefit3.jpg');height:155px;}
.autoSection1 .benefitList li.ban4{background-image:url('/assets/m-user/images/auto_promotion/ico_benefit4.jpg');float:right;height:155px;}
.autoSection1 .benefitList li p{padding:80px 0 10px;font-size:13px;color:#000;font-weight:600;line-height:18px;}
.autoSection1 .benefitList li span{font-size:12px;color:#888;display:inline-block;line-height:14px;}
.autoSection1 .btnApply{width:70%;background-color:#d71f21;line-height:50px;font-size:18px;color:#fff;font-weight:600;display:block;margin:0 auto;text-align:center;}
.autoSection2{background:#f7f7f7;padding:56px 0 58px;}
.autoSection2 .autoStepList{padding-top:30px;}
/* 220419 hlj 수정 */
.autoSection2 .autoStepList li{position:relative;}
.autoSection2 .autoStepList li img{width:100%;}
.autoSection2 .autoStepList li a.step01_a{position:absolute;left:59%;top:50%;width:36%;height:12%;line-height:0;font-size:0;text-indent:-9999px;}
.autoSection3{background:#fff;padding:59px 0;}
.autoSection3 .autoTit{padding-bottom:27px;}
.autoSection3 .videoCont{position:relative;padding-bottom:56.5%;margin-bottom:50px;}
.autoSection3 .videoCont iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
.autoSection3 .infoList{background:#f3f6f9;padding:18px;margin:50px 13px;}
.autoSection3 .infoList .tit{font-size:13px;color:#666;font-weight:600;padding-bottom:10px;}
.autoSection3 .infoList li{font-size:13px;color:#666;;line-height:19px;}
/* //220419 hlj 수정 */

/* 220808 kmh 유의사항 공통 */
.cmm_notice{width:100%;background-color:#303030;}
.cmm_notice *{box-sizing:border-box;}
.cmm_notice .cmm_notice_inner{padding:32px 20px;}
.cmm_notice .cmm_notice_tit{margin:0;padding:0 0 10px;font-size:15px;font-weight:600;color:#fff;border-bottom:1px solid #595959;}
.cmm_notice .cmm_notice_cont{padding:10px 0;}
.cmm_notice .cmm_notice_cont ul{}
.cmm_notice .cmm_notice_cont li{padding:0 0 0 10px;font-size:13px;font-weight:300;line-height:1.55;color:#fff;text-indent:-10px;word-break:keep-all;}
.cmm_notice .cmm_notice_cont p{margin:0;}

/* 네이버페이 버튼 공통_ 230206 pny 추가 */
a.btnNpay{display:block;background:#00de5a url('/assets/m-user/images/ico_npay2.png') no-repeat center / 123px auto !important;height:65px;text-indent:-99999px;} /* 230920 syh 수정 */
a.btnNpay *{text-indent:-99999px;}
/* //네이버페이 버튼 공통_ 230206 pny 추가 */


/* 230817 hyj [동시등록기능] 수정 */
.classOptionPrice{padding:20px 0;}
.classOptionPrice.on{padding-bottom:90px;} /* 231107 syh 추가 */
.classOptionPrice dl{display:table;width:100%;}
.classOptionPrice dl + dl{margin-top:15px;}
.classOptionPrice dt{display:table-cell;width:60px;padding-right:5px;color:#333;font-size:15px;vertical-align:top;}
.classOptionPrice dt span{display:block;font-size:12px;text-align:right;}
.classOptionPrice dd{display:table-cell;vertical-align:top;}
.classOptionPrice dd .optionList{padding:0;}
.classOptionPrice input[type="radio"]{position:absolute;width:0px;height:0px;left:-99999px;overflow:hidden;}
.classOptionPrice input[type="radio"] + label{position:relative;display:inline-block;vertical-align:top;background:none !important;}
.classOptionPrice input[type="radio"] + label:before{content:'';position:absolute;width:18px;height:18px;border:1px solid #c0c0c0;border-radius:50%;background:#fff;cursor:pointer;}
.classOptionPrice input[type="radio"] + label span{padding-left:22px;}
.classOptionPrice input[type="radio"]:checked + label:after{content:'';position:absolute;left:4px;top:4px;width:12px;height:12px;border-radius:50%;background:#d31f21}
.classOptionPrice .opLabel{padding-left:22px !important;color:#000;font-size:15px;font-weight:bold;}
.classOptionPrice .opLabel em{color:#9c9c9c;font-size:14px;font-weight:bold;font-style:normal;text-decoration:line-through;}
.classOptionPrice .opLabel + strong{display:block;padding:0 22px;color:#d31f21;font-size:15px;word-break: break-all;}
.classOptionPrice .optionPrice{position:relative;padding-left:22px;}
.classOptionPrice .optionPrice strong{color:#000;font-size:24px;}
.classOptionPrice .optionPrice strong span{color:#000;font-size:15px;}
.classOptionPrice .optionPrice strong p{display:inline;}
.classOptionPrice .optionPrice strong p .totalPText{padding-left:2px;font-size:15px;}
.classOptionPrice .optionPrice strong em{font-size:15px;font-style:normal;vertical-align:middle;}
.classOptionPrice .optionPrice .tooltip{display:inline-block;}
.classOptionPrice .optionPrice .tooltip button{display:inline-block;width:22px;height:22px;margin-left:5px;color:#fff;font-size:13px;font-weight:bold;text-align:center;border-radius:50%;background:#d1dae8;vertical-align:2px;}
.classOptionPrice .optionPrice .tooltip_layer{display:none;position:absolute;top:40px;left:0;width:100%;padding:10px 15px;color:#19468e;font-size:14px;text-align:left;border:1px solid #bac7dd;border-radius:10px;background:#f4f7ff;box-sizing:border-box;z-index:1;}
.classOptionPrice .optionPrice .tooltip_layer:before{content:'';position:absolute;left:68%;top:-10px;width:10px;height:10px;background:url('/assets/user/images/arr_tooptip.png') no-repeat;}
.classOptionPrice .add_txt{margin:5px 0;color:#000;font-size:15px;}
.classOptionPrice .add_txt span{display:block;padding-left:10px;margin-top:5px;color:#9c9c9c;text-indent:-5px;text-indent:-15px;}

/* 공유하기 URL 복사 버튼 230829 kmh 추가 */
.btnShare{height:25px;padding:0 10px;display:inline-block;vertical-align:middle;font-size:12px;line-height:25px;color:#666;border:1px solid #ddd;border-radius:25px;}
.btnShare:after{content:'';width:12px;height:12px;margin-left:5px;display:inline-block;vertical-align:middle;background:url('/assets/m-user/images/icon_share.png') no-repeat;background-size:100% 100%;}
.shareUrl{font-size:12px;color:#666;text-align:center;}
.shareUrl .btnShare{margin-left:7px;}

/* 231005 kmh 클로징 패널 신규제작 */
#closingPanel{width:100%;min-height:100vh;background-color:#f3f3f3;position:fixed;left:0;top:-100%;z-index:2000;display:none;box-shadow:rgba(50, 50, 50, 0.30) 0px 4px 22px 5px;}
#closingPanel *{box-sizing:border-box;}
#closingPanel .closing-title{padding:0 30px;text-align:center;color:#fff;background-color:#232323;position:relative;}
#closingPanel .closing-title a{height:40px;display:block;color:#fff;font-size:14px;line-height:40px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#closingPanel .closing-close{width:16px;height:16px;margin-top:-8px;font-size:0;text-indent:-9999px;background:url('/assets/user/images/btn_closing_close.png') no-repeat;background-size:100% 100%;position:absolute;right:13px;top:50%;}
#closingPanel .closing-body{padding:15px 30px;}
#closingPanel .closing-cards{}
#closingPanel .closing-cards ul{margin:-4px -8px;font-size:0;}
#closingPanel .closing-cards li{width:100%;padding:4px 8px;display:inline-block;vertical-align:top;}
#closingPanel .closing-cards li + li{width:50%;}
#closingPanel .closing-cards li a{display:block;overflow:hidden;border-radius:5px;}
#closingPanel .closing-cards li a img{width:100%;}
#closingPanel .closing-cards.ver2 li + li{width:100%;}/* 231012 kmh 추가 */
body.closing_fix{height:100vh;overflow:hidden;}

/* 231109 kmh 녹음 테스트 */
.searchTest{position:relative;}
.searchTest:before{content:'';width:100%;height:1px;background-color:#000;position:absolute;left:0;bottom:-10px;}
.levelTestContBox .dayList{margin-top:30px;}
.levelTestContBox .dayList table{margin-top:10px;}
.table_tit{padding:10px 0 0;font-size:16px;font-weight:600;color:#000;position:relative;}
.table_tit .noti{margin:5px 0 0;font-size:12px;font-weight:400;color:#666;}
.table_tit .num{font-size:14px;color:#000;position:absolute;right:0;bottom:0;}
.table_tit .num em{color:#d31f21;font-style:normal;}
.table-noti{margin:10px 0 0;text-align:left;font-size:12px;font-weight:400;color:#666;}/* 240221 kmh 수정 */

#recordingLayer{width:92vw;padding:36px 28px 20px;background-color:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.2);position:absolute;left:4vw;top:0;z-index:1000;display:none;}
#recordingLayer,
#recordingLayer *{box-sizing:border-box;}
#recordingLayer .btn-recording-close{color:#000;position:absolute;right:10px;top:10px;}
#recordingLayer .btn-recording-close span{font-size:20px;}
#recordingLayer .icon-recording{margin-bottom:12px;}
#recordingLayer .icon-recording,
#recordingLayer .tit{text-align:center;}
#recordingLayer .tit{margin:0 0 12px;font-size:20px;font-weight:600;color:#000;}
#recordingLayer .tit em{color:#d31f21;font-style:normal;}
#recordingLayer .tit.ver2{margin:8px 0 12px;}/* 240313 kmh 추가 */
#recordingLayer .btn-wrap{display:flex;justify-content:space-between;gap:0 6px;}
#recordingLayer .btn-wrap + .btn-wrap{margin-top:6px;}
#recordingLayer .btn-wrap a,
#recordingLayer .btn-wrap button{flex:1;background-color:#D31F21;color:#fff;font-size:14px;display:inline-block;text-align:center;}
#recordingLayer .btn-wrap a > span,
#recordingLayer .btn-wrap button > span{display:block;height:40px;text-align:center;line-height:40px;}
#recordingLayer .btn-wrap button > span span{margin-left:3px;font-size:12px;vertical-align:0;}
#recordingLayer .btn-wrap .btn-recording-start span span{margin-left:5px;font-size:20px;vertical-align:-4px;}
#recordingLayer .btn-wrap .btn-record{font-size:14px;color:#fff;background-color:#333;}
#recordingLayer .btn-wrap .btn-record span:before{content:'';width:10px;height:10px;margin-right:5px;display:inline-block;vertical-align:-2px;border:2px solid #fff;background-color:#d31f21;border-radius:50%;}
#recordingLayer .btn-wrap .btn-stop{font-size:14px;color:#8b8b8b;background-color:#e6e9ee;}
#recordingLayer .btn-wrap .btn-stop span:before{content:'';width:14px;height:14px;margin-right:5px;display:inline-block;vertical-align:-2px;background-color:#8b8b8b;border-radius:2px;}
#recordingLayer .btn-wrap .btn-recording-stop span{background-color:#232c3b;color:#fff;}
#recordingLayer .btn-wrap .btn-recording-stop span span{margin-left:5px;font-size:20px;vertical-align:-3px;}
#recordingLayer .btn-wrap .btn-recording-preview span{background-color:#999;}
#recordingLayer .btn-wrap .btn-recording-preview span span{margin-left:5px;font-size:20px;vertical-align:-4px;}
#recordingLayer .audio-box{padding:14px 0;}
#recordingLayer audio{width:100%;}
/*#recordingLayer audio::-webkit-media-controls-panel{background-color:#fff;}
#recordingLayer audio::-webkit-media-controls-play-button{background-color:#fff;border:2px solid #d31f21;border-radius:50%;color:red;}
#recordingLayer audio::-webkit-media-controls-play-button:hover {background-color: rgba(177,212,224, .7);}*/

#recordingLayer .recording-guide{margin-bottom:12px;border:1px solid #a9a9a9;}
#recordingLayer .recording-guide dl{padding:10px 15px;}
#recordingLayer .recording-guide dt{margin-bottom:10px;font-size:14px;color:#000;}
#recordingLayer .recording-guide dd{}
#recordingLayer .recording-guide dd p{margin:0;text-indent:-7px;padding-left:7px;font-size:12px;line-height:1.7;word-break:keep-all;}
#recordingLayer .recording-guide dd p + p{margin-top:2px;}
#recordingLayer .recording-guide dd p em{color:#d31f21;font-style:normal;}

#recordingLayer .test-guide{}
#recordingLayer .test-guide li{text-indent:-7px;padding-left:7px;font-size:12px;line-height:1.7;color:#333;word-break:keep-all;}
#recordingLayer .test-guide li + li{margin-top:3px;}

#recordingLayer .theme-select{padding:12px 0 14px;margin:10px 0 0;text-align:center;border-top:1px solid #e2e2e2;}
#recordingLayer .theme-select .summary strong{display:block;font-size:16px;font-weight:600;color:#d31f21;}
#recordingLayer .theme-select .summary p{margin:2px 0 0;font-size:13px;color:#000;}
#recordingLayer .theme-select .summary .noti{margin:10px 0 0;font-size:11px;color:#666;}
#recordingLayer .theme-select .limit-time{height:24px;margin-top:10px;font-size:13px;line-height:24px;color:#555;background-color:#eae9ee;}

/* 240221 kmh 수정 */
#recordingLayer .btn-themes{margin:5px -5px -5px;display:block;font-size:0;}
#recordingLayer .btn-themes.btn-wrap a{width:calc(33.33% - 10px);margin:5px;display:inline-block;vertical-align:top;}
#recordingLayer .btn-themes.btn-wrap a span{height:42px;background-color:#9c9c9c;font-size:15px;line-height:42px;font-weight:600;color:#fff;}
#recordingLayer .btn-themes.btn-wrap .active span{background-color:#232c3b;}
/* //240221 kmh 수정 */
/* 240313 kmh 추가 */
#recordingLayer .btn-themes.btn-wrap a.disabled{position:relative;cursor:default;}
#recordingLayer .btn-themes.btn-wrap a.disabled:after{content:'';width:100%;height:100%;background-color:rgba(0, 0, 0, 0.8);position:absolute;left:0;top:0;}
#recordingLayer .btn-themes.btn-wrap a.disabled span{text-decoration:line-through;}
/* //240313 kmh 추가 */

#recordingLayer .exam-container{}
#recordingLayer .exam-container .exam-text{font-size:16px;line-height:1.4;color:#000;}
#recordingLayer .recording-status{padding:30px 0 55px;text-align:center;}
#recordingLayer .recording-icon{display:inline-block;position:relative;}
#recordingLayer .recording-icon:after{content:'';width:60px;height:60px;display:block;border-radius:50%;position:relative;background-repeat:no-repeat;background-position:50% 50%;
	background-image:url('/assets/user/images/icon_mike.png'), -moz-radial-gradient(circle, rgba(162,162,162,1) 10%, rgba(179,180,181,1) 100%);
	background-image:url('/assets/user/images/icon_mike.png'), -webkit-radial-gradient(circle, rgba(162,162,162,1) 10%, rgba(179,180,181,1) 100%);
	background-image:url('/assets/user/images/icon_mike.png'), radial-gradient(circle, rgba(162,162,162,1) 10%, rgba(179,180,181,1) 100%);
}
#recordingLayer .recording-icon .recording-motions{width:100%;height:100%;position:absolute;}
#recordingLayer .recording-icon .recording-motions span{width:100%;height:100%;background-color:#ccc;border-radius:50%;opacity:0.7;position:absolute;left:0;top:0;animation:recording 5s linear Infinite;animation-delay: 0s;}
#recordingLayer .recording-icon .recording-motions span:nth-child(2){animation-delay: 0.5s;}
#recordingLayer .recording-icon .recording-motions span:nth-child(3){animation-delay: 1s;}
#recordingLayer .recording-icon .recording-motions span:nth-child(4){animation-delay: 1.5s;}
#recordingLayer .recording-icon .recording-motions span:nth-child(5){animation-delay: 2s;}
#recordingLayer .recording-icon .recording-motions span:nth-child(6){animation-delay: 2.5s;}
#recordingLayer .limit-time-box{height:24px;margin-top:10px;text-align:center;font-size:13px;font-weight:600;line-height:24px;color:#000;background-color:#eae9ee;position:relative;}
/* 240313 kmh 추가 */
#recordingLayer .mp3-items-wrap{}
#recordingLayer .mp3-items{display:none;}
#recordingLayer .mp3-items ul{padding:20px 0 15px;}
#recordingLayer .mp3-items li:nth-child(1){border-top:1px solid #e3e3e3;}
#recordingLayer .mp3-items li{padding:0 0 0 40px;border-bottom:1px solid #e3e3e3;background-color:#f1f3f4;position:relative;}
#recordingLayer .mp3-items li em{font-size:14px;line-height:20px;font-style:normal;font-weight:700;color:#000;position:absolute;left:14px;top:calc(50% - 10px);}
#recordingLayer .mp3-items li audio{vertical-align:middle;}

#recordingLayer .btn-wrap .btn-mp3-preview span{background-color:#999;}
#recordingLayer .btn-wrap .btn-mp3-preview span span{margin-left:5px;display:inline-block;font-size:20px;vertical-align:middle;transform:rotate(90deg);}
#recordingLayer .active .mp3-items{display:block;}
#recordingLayer .active .btn-wrap .btn-mp3-preview span span{transform:rotate(-90deg);}
/* //240313 kmh 추가 */
@keyframes recording{
	50%{
		opacity:0;
	}
	60%{
		opacity:0;transform:scale(3);
	}
	100%{
		opacity:0;transform:scale(3);
	}
}

/* 240611 syh 하단 띠배너 */
#cmmBannerBtm{width:100%;position:fixed;left:0;bottom:0;box-shadow:0 -3px 12px 1px rgba(0, 0, 0, 0.2);z-index:100;text-align:center;background-color:#2fdbfe;}
#cmmBannerBtm img{width:100%;max-width:650px;}
#cmmBannerBtm .btn_banner_close{width:30px;height:30px;font-size:0;text-indent:-9999px;background:#222 url('/assets/user/images/cmm_banner_close.png') no-repeat 50% 50%;background-size:19px auto;position:absolute;right:0;top:-30px;}


/* 241223 kmh 추가 : 과목특징 - 유튜브 사이즈 지정 */
.classPSection1 iframe{width:calc(100vw - 32px);height:calc(56.25vw - 18px);margin:0 auto 10px;}