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

/*
font-weight 정의  bold : 600  Regular : 400
letter-spacing -20 : -0.3px -40 : -0.5px
*/

/* contentBanner */
.contentBanner {width:100%;}
.contentBannerIn {width:100%; max-width:1080px; margin:0 auto;}

/* topBanner style sample ******************************************/
/* black sample */
.topBannerBlack {background-color:#111;}
.topBannerIn {width:1080px; margin:0 auto; display:block;}


/*404page*/
.errorBox {width:634px; margin:125px auto 0; position:relative; font-size:16px;}
.errorme {margin-bottom:20px;}
.errorme2 {margin-bottom:40px;}
.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 {position:absolute; right:0; top:0;}
/*수강신청 > 결제완료후 완료 페이지, 오프랴인 레벨테스트 예약완료 후 완료 페이지  */
.registerStep3Layout {background-color:#F6F6F6;}
.registerStepContentBox{padding-top:137px; padding-bottom:213px}
.registerStep3Box {width:794px; margin:0 auto;}
.registerStep3BoxIn {background-color:#fff; box-shadow:3px 3px 20px rgba(0,0,0,0.4); padding:35px 37px 30px 27px}
.registerStep3BoxIn .subjectTitle {font-size:30px; color:#000; font-weight:500; letter-spacing:-0.5px; text-align:center; padding-bottom:30px; border-bottom:1px solid #F0F0F0;}
.registerStep3BoxIn .cupCon {padding:32px 57px 37px; border-bottom:1px solid #F0F0F0; margin-bottom:17px;}
.registerStep3BoxIn .cupCon .subtitle {text-align:center; font-weight:400; font-size:28px; color:#000; letter-spacing: -0.5px; margin:0px 0px 39px}
.registerStep3BoxIn .payPReu {font-size:18px;}
.registerStep3BoxIn .cupCon .payPReu p  { margin:0; margin-bottom:18px; color:#000; font-size:18px; letter-spacing:-0.5px;}
.registerStep3BoxIn .cupCon .payPReu .title { color:#707070;  padding-right:30px; display:inline-block; width:110px;}
.registerStep3BoxIn .cupCon .subCopleText {text-align:center; font-size:18px; line-height:32px;}
.registerStep3BoxIn .cupCon .ex{font-size:16px; font-weight:400; color:#000; margin:0; margin-bottom:38px;}
.registerStep3BoxIn .cupCon .ex .icon-k-next{font-size:14px; vertical-align: middle;}
.registerStep3BoxIn .cupBottom{padding:17px 17px 30px;}


.registerStep3BoxIn .btn{display:inline-block; font-size:20px; padding:20px 0; width:339px; text-align:center; min-width:330px;}
.registerStep3BoxIn .payPBtn02 {margin-left:10px;}

.paymentPop .layerpopupIn{top:50%; width:794px; margin-left:-310px; padding:0; margin-left:-397px;}
.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 }
.paymentPopf .layerpopupIn .cupCon .subtitle {font-size:28px; 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 30px;}
.paymentPop .layerpopupIn .cupBottom .ex{font-size:16px; font-weight:400; color:#000; margin:0; margin-bottom:38px;}
.paymentPop .layerpopupIn .cupBottom .ex .icon-k-next{font-size:14px; vertical-align: middle;}
.paymentPop .layerpopupIn .cupBottom .btn{display:inline-block; color:#fff; font-size:20px; padding:20px 0; width:345px; text-align:center;}
.paymentPop .layerpopupIn .cupBottom .payPBtn01 {background-color:#272937;}
.paymentPop .layerpopupIn .cupBottom .payPBtn02 {background-color:#D31F21; margin-left:10px;}

















/*서치박스 공통 */
.searchLayout{background-color:#F6F6F6; margin-bottom:60px; }
.searchLayout .searchLayoutIn{padding:20px 0; position:relative; text-align:center; margin:0 auto; z-index:100;}
.searchLayout .searchLayoutIn select {border:none; color:#000; border-bottom:1px solid #121B3F; background-color:#F6F6F6;  min-width:110px; height:36px;  padding-bottom:12px; line-height:24px; font-size:18px; font-weight:600;  position:relative; display:inline-block; margin:0 14px;}
.searchLayout .searchLayoutIn select {-webkit-appearance: none;  -moz-appearance: none; appearance: none; background: url(/assets/user/images/selectDown2.png) no-repeat 95% 31%;}
.searchLayout .searchLayoutIn select::-ms-expand { display: none;}
.searchLayout .searchLayoutIn select:first-child {margin:0;}
.searchLayout .searchLayoutIn input{padding:0; margin:0;display:inline-block; min-width:200px;color:#000; font-size:20px; font-weight:500; border:none; background-color:#F1F1F1; border-bottom:1px solid #121B3F; background-color:transparent; margin-left: 10px;line-height: 40px;
height: 40px;}
.searchLayout .searchLayoutIn input::-webkit-input-placeholder {color: #000;}
.searchLayout  .searchLayoutIn input:-ms-input-placeholder {color: #000;}

.searchLayoutIn button{transition:all .3s ease;width:51px; height:51px; border-radius: 50%; background-color:#232C3B; color:#fff; font-size:25px; line-height:58px;}
.searchLayoutIn button:hover {box-shadow: 2px 5px 5px rgba(0,0,0,0.3);}

/*서치박스 seletric */
.searchLayout  .selectric-wrapper{line-height: 0px;width: 260px;display: inline-block;margin-right: 10px;text-align: left;}.searchLayout  .selectric {background-color: transparent;border: 0px;border-bottom: 1px solid #121B3F;width: 100%;height: 40px;font-size: 18px;position: relative;display: inline-block;margin: 0px;vertical-align : middle;}
.searchLayout .selectric .button {font-family: 'wvIcon' !important;background-color: transparent;}
.searchLayout  .selectric .button:after {content: "\eafe";font-size: 14px;color: #666;transform: rotate(90deg);/* background-color: #fff; *//* z-index: 10000; */line-height: 38px;width: 38px;height: 38px;}
.searchLayout .selectric-items .selectric-group .selectric-group-label {border-bottom: 1px dashed #ccc;background-color: #eee;}
.searchLayout .selectric .label {font-size: 19px; color: #000;}
.searchLayout .searchLayoutIn  .selectric-wrapper:first-child {width:140px;}

/* 캘린더공통 191106 syh */
.leveltestCalendar{background: url(/assets/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 #cc0000 !important;}



/*웹진 라인형 공통*/
.lineWebzineBoradLayout.best{background-color:#F8F8FF;}
.lineWebzineTitle{padding:0 10px; border-bottom:1px solid #F0F0F0; position:relative;}
.lineWebzineTitle .title{font-size:23px; font-weight:600; color:#000; letter-spacing: -0.5px; margin:0; margin-bottom:30px;}
.lineWebzineTitle .listCondition{position: absolute; right:10px; top:0; cursor: pointer; color:#9C9C9C; font-weight:400;}
.listCondition .icon {font-size:12px;vertical-align: middle; padding-left:8px;}
.listcodnitiontitle {display:inline; font-size:15px; color:#9C9C9C; transition:all .3s ; cursor: pointer;}
.listcodnitiontitle .icon{color:#9C9C9C;}
.listcodnitiontitle.on {color:#000;font-weight:600;}
.listcodnitiontitle.on .icon{color:#000;}
.listCondition .line {padding:0 10px; color:#d7d7d7;}
.lineWebzineBoradLayout {margin-bottom:44px;}
.lineWebzineBorad {border-bottom:1px solid #F0F0F0; padding:26px; position: relative;}

.lineWebzineBoradIn{overflow:hidden; display:table; width:100%;}
.lineWebzineLeft{display:table-cell; padding-right: 26px; width:226px; height:165px; overflow: hidden; position: relative;}
.lineWebzineLeftIn{ height:165px; background-color:#EBF0F5; position: absolute; top:0; width:226px; overflow:hidden;}
.lineWebzineLeftIn img { max-width:100%; transition:all .5s;}
.lineWebzineLeftIn:hover img {transform:scale(1.1);}
.lineWebzineRight{display:table-cell; position: relative;}
.lineWebzineRight .title{display:-webkit-box; width:calc(100% - 110px); height:31px; overflow:hidden; margin-bottom:10px; position: relative; white-space: normal; text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical; font-size:20px; font-weight:500; color:#333;}/* 240508 kmh 수정 */
.lineWebzineRight .title span { white-space: normal; text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical; font-size:20px; font-weight:500; color:#333; }
.lineWebzineRight .title a {color:#000;}
.lineWebzineRight .title span.bestLabel{vertical-align: middle; height:22px; font-size:14px; font-weight:400; padding:5px; color:#fff; display:inline-block; margin-right:10px; margin-bottom:5px; background-image:url('../images/bestlabelBg.png'); background-repeat: no-repeat; background-position: top;}
.wWriter{position: absolute; right:0; top:5px; font-size:15px; font-weight: 400; line-height: 18px;}
.commentWriter span{padding:0 5px; position: relative;}
.commentWriter span.writer::after, .commentWriter span.date:after{height:11px; width:1px; background-color:#D8D8D8; display:block; content:''; position: absolute; right:-1px; top:2px;}
.commentWriter img {width:17px;}
/* 240415 kmh 추가 */
.commentInfo{font-size:0;}
.commentInfo span{padding:0 8px 0 0px;display:inline-block;vertical-align:middle;font-size:13px;}
.commentInfo span + span{padding-left:9px;position:relative;}
.commentInfo span + span:before{content:'';width:1px;height:11px;background:#d8d8d8;position:absolute;left:0;top:2px;}
.typeOneLine .lineWebzineBorad{padding:0;}
.typeOneLine .lineWebzineBoradIn{display:block;}
.typeOneLine .lineWebzineRight{padding:26px;display:block;cursor:pointer;}
.typeOneLine .lineWebzineRight .title{width:95%;display:block;font-size:20px;white-space:nowrap;}
.typeOneLine .lineWebzineRight .title a:hover{text-decoration:none;}
.typeOneLine .lineWebzineRight:hover .title a,
.typeOneLine .active .lineWebzineRight .title a{text-shadow:0 0 1px #333;}
.active .lineWebzineDetail{display:block;}
.lineWebzineDetail{padding:22px 45px 10px;border-top:1px solid #f0f0f0;background-color:#f5f5f5;display:none;}
.lineWebzineDetail .desc{padding:0 15px 0 0;font-size:15px;line-height:1.6;color:#666;word-break:keep-all;}
.lineWebzineDetail .teachers{margin-top:5px;text-align:right;font-size:0;}
.lineWebzineDetail .teachers a{width:80px;display:inline-block;vertical-align:top;text-align:center;}
.lineWebzineDetail .teachers .photo{width:60px;height:60px;display:block;align-items:center;margin:0 auto;overflow:hidden;border-radius:50%;background-color:#dadada;}
.lineWebzineDetail .teachers .photo img{width:100%;height:100%;object-fit:cover;}
.lineWebzineDetail .teachers .name{width:100%;margin-top:5px;display:inline-block;font-size:13px;line-height:1.2;color:#666;position:relative;word-break:keep-all;word-wrap:break-all;}
.lineWebzineDetail .teachers .name em{text-decoration:underline;word-break:keep-all;word-wrap:break-all;}
.lineWebzineDetail .teachers .name span{margin-left:1px;margin-right:-6px;font-size:8px;color:#000;}
/* //240415 kmh 추가 */
.commentGPA{font-size:16px; margin-bottom:14px;}
.commentGPA span{padding:0 3px;}
.commentGPA span:first-child{padding-left:0;}
.commentGPA .num{color:#333; font-size:16px; font-weight:400; display:inline-block; margin:0px; vertical-align:middle;}
.lineWebzineRight .text{ max-width:660px; height:37px; margin-bottom:18px; overflow:hidden; white-space: normal; text-overflow: ellipsis;  word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.textList .lineWebzineRight .text{ max-width:900px; font-size:15px;}
.lineWebzineRight .basicText {height:18px; -webkit-line-clamp: 1;}
.commentClassInfo{font-size:16px; font-weight:400; letter-spacing: -0.5px; position:relative;}
.commentClassInfo .classTitle{color:#000; padding-right:8px; font-weight:400; position: relative; vertical-align: middle;}
.commentClassInfo .classTitle:after{content:''; display:block; position: absolute; right:0; top:3px; width:1px; height:11px; background-color:#D8D8D8;}
.commentClassInfo .classPlace{position:relative; display:inline-block; color:#666;  padding:4px 8px; letter-spacing: -0.5px; vertical-align: middle;;}
.commentClassInfo .classPlace:after{content:''; display:block; position: absolute; right:0; top:8px; width:1px; height:11px; background-color:#D8D8D8; vertical-align: middle;}
.classTeacherName{padding:0 8px;}
.commentClassInfo .commentGPA {padding-left:21px;display:inline-block; vertical-align:middle;}
.lineWebzineShow {display:none; padding:20px; background-color:#fff; margin-top:27px;}
.webzinLabel.labelLayout {right:0; padding:0;top:0;}/* 210517 hyj 수정 */
.webzineRight .labelLayout  .labelBlue, .webzineRight .labelLayout .labelRedRight{display:inline-block; color:#fff; padding: 5px;}
/* nuriwrlabelBlueRight 추가 */
/* .webzineRight .labelLayout  .labelBlue, .webzineRight .labelLayout .labelRedRight .labelBlueRight{display:inline-block; color:#fff; padding: 5px;} 확인 필요 syh */
.regiTeacherImage .webzinLabel.leftLabel {left:0;top:3px; padding:0;}
.regiTeacherImage .webzinLabel.leftLabel span {padding:5px; color:#fff; font-size:14px;}

/*pageNavigation 공통*/
.pageNavigation {margin-bottom:70px;}
.pageNavigationIn {text-align: center;}
.pageNavigation li{display:inline-block; padding:0 10px;}
.pageNavigation a{color:#B2B2B2; font-size:21px; font-weight:400; }
.pageNavigationIn li.arrow a{font-size:15px;}
.pageNavigation li.on a{color:#000;}
.pageNavigation .dot{display: none; width:3px; height:3px; background-color:#B2B2B2; border-radius: 2px; margin-left:2px;}


/* 안내팝업 공통 */
.subjectCont {padding: 30px 0px; text-align: center;}
.subTitle {font-size: 26px;color: #000; margin: 20px 0px; font-width:500;}
.subTitle.red {color: #d31f21;}

/*login*/
.loginPop{display:none;}
.loginPop .layerpopupIn{width:700px; margin-left:-350px; z-index:1004;}
.loginPop .layerPopupCloseButton{top:-40px;}
.loginPop .loginTop{text-align: center; background-color:#D31F21; padding:20px;}
.loginPop .loginCenter {padding:30px; position: relative;}
.loginPop .loginCenter .loginCenterIn{display:inline-block; width:100%;}
.logcLeft p{margin:0; margin-bottom:15px;}
.logcLeft .loginInput {padding:20px; font-size:18px; letter-spacing:-0.5px; color:#000; width:307px; line-height:20px; height:20px; margin:0; }
.loginChkbox{font-size:15px; color:#333; letter-spacing: -0.5px; margin-bottom:20px;}
.loginChkbox label {padding-right:10px;}
.loginChkbox label:first-child {padding-left:0px;}
.loginChkbox label:first-child:after {content:""; height:10px; border-right:1px solid #ccc;}
.loginButton {margin-bottom:20px;}
.loginButton button, .loginButton input {width:350px; height:auto; cursor:pointer; padding:20px 0px; margin:0;}
.snslogin  p { margin:0; font-size:15px; letter-spacing: -0.5px; color:#333;}
.snslogin  li{display:inline-block; margin-left:2px;}
.snslogin  li:first-child{margin:0;}
.snslogin  li:first-child a {padding-left:0;}
.snslogin  li a {max-width:58px; max-height:64px; display:block;text-align: center; background-color:#fff; transition:all 0.3s ease;    padding: 10px 23px 10px 21px;}
.snslogin  li a:hover {transform:scale(1.1);}
.snslogin  li a img {width:50px}
/* .snslogin  li a.snslo01{padding:19px 19px 20px 18px;}
.snslogin  li a.snslo02{padding:19px 17px 20px 17px;}
.snslogin  li a.snslo03{padding:17px 24px 17px 24px;}
.snslogin  li a.snslo04{padding:16px 14px 15px 14px;}
.snslogin  li a.snslo05{padding:19px 15px 22px 15px;} */

.logcRight .banner {position: absolute; height:375px; width:250px;  overflow:hidden; right:30px; top:30px; background-color:#E7E7E7;}
.logcRight .banner img {width:100%;}
.logcRight .loginbTop {width:300px; background-color:#E63DB2; text-align:center; color:#fff; font-size:20px; font-weight:bold;}
.logcRight .loginbTop p {margin:8px 0; font-size:15px; }
.logcRight .loginbBottom {background-color:#E7E7E7; text-align:center;margin:35px 0; font-size:17px; color:#333; letter-spacing:-0.5px;}

.loginBottom{overflow: hidden;}
.loginBottom a{display:block; position:relative; float:left; width:50%; font-size:18px; letter-spacing:-0.5px; font-weight:400; text-align: center; background-color:#F6F6F6; padding:28px 0 25px 0; transition:all 0.3s ease;}
.loginBottom a:first-child:after {content:""; border-right:1px solid #D8D8D8; position:absolute; right:0px; top:0px; height:100%;}
.loginBottom a:hover {background-color:#999; color:#fff;}



/* .visualBox{height:802px;} */

/* quick menu 내게맞는 추천강의 클릭  */
.recommendSearchBox {background-color:#F5F5F5; text-align:left;}
.recommendSearchBoxIn {width:714px;  margin:0 auto 80px; position:relative; padding-bottom:48px;}
.recommendSearchBoxIn input[type="text"] {width:200px; height:50px;border:none; border-bottom:1px solid #D7D7D7;font-size:26px; font-weight:600; color:#000; background-color:#F5F5F5; margin:0 10px;}
.recommendSearchBoxIn p {margin:0 0 20px 0; color:#383838; font-size:15px; font-weight:600; padding-top:46px}
.recommendSearchBoxIn select{min-width:200px; font-size:20px; font-weight:600; color:#000; margin:0; -webkit-appearance: none;  -moz-appearance: none; -ms-appearance:none; appearance: none; background: url(/assets/user/images/selectDown.png) no-repeat 95% 50%; border:none; border-bottom:1px solid #E1E1E1; height:27px; height:50px; margin:0 10px;}
.recommendSearchBoxIn select::-ms-expand { display: none;}
.recommendSearchBoxIn select.first {margin-left:0;}
.recommendSearchBoxIn select, .recommendSearchBoxIn input[type="radio"] + label.first{margin-left:0;}
.recommendSearchBoxIn input[type="radio"] + label { margin-left:26px; background:url('/assets/user/images/radiochek.png') no-repeat center; border-radius:50%; display: inline-block; width: 16px; height: 16px; border: 1px solid #D7D7D7; cursor: pointer; vertical-align: middle;}
.recommendSearchBoxIn input[type="radio"]:checked + label { background:url('/assets/user/images/radiocheked.png') no-repeat center;}
.recommendSearchBoxIn input[type="radio"] { display: none;}
.recommendSearchBoxIn input[type="radio"] + label {}
.recommendSearchBoxIn .radioBtnBox {margin-top:24px;}

.recommendSearchBoxIn .searchBtn { transition:all .4s; display:block; width:74px; height:74px; color:#fff; border-radius:50%;
text-align:center; line-height:83px; background-color:#D31F21; font-size:33px; position: absolute; right:-61px; top:66px;}
.recommendSearchBoxIn .searchBtn:hover {box-shadow:2px 8px 12px rgba(255,33,31,0.5);}
.recommendSearchText{color:#000; font-size:28px; margin-bottom:28px;}
/* listLayout */
/* sub : teacher */
.teacherSearchBox {margin-top:-80px; box-shadow:4px 18px 26px rgba(0,0,0,0.5); margin-bottom:63px; position:relative; z-index:100;}
.teacherSTop {height:80px; background-color:#f3f6f9;}
.teacherSBottom {height:100px; background-color:#fff;}

/* teacher View 선생님 소개  */
/*선생님소개 비주얼 */
.tlVisaulSlider {width:100%; position:relative; height:550px;overflow:hidden; z-index:100;}
.tlVisaulSliderIn {position:relative; z-index:-1;}
.tlVisaulSlider .wvNextBox {width:1080px; margin-left:-540px; left:50%; bottom:83px; height:20px; position:absolute; z-index:10;}
.tlVisaulSlider .wvNextBox span {font-size:12px;}
.tlVisaulSlider .wvNextBox .prevBu {left:0;}
.tlVisaulSlider .wvNextBox .nextBu {right:1014px;}
.tlVisaulSlider .wvNextBox .totalSlider span{display:inline-block; padding:0 5px; position:relative;}
.tlVisaulSlider .wvNextBox .totalSlider {left:17px; top:-13px;}
.tlVisaulSlider .wvNextBox  .totalSceen:before {left:-2px;}
.teacherVisualBox {min-width:1080px; overflow:hidden; height:550px; position:relative; z-index:-1; background-color:#A9ADB6; background-repeat:no-repeat; background-size:cover; background-image:url(/assets/user/images/tearchBg.png);}
.teacherVisualBoxIn {width:1080px; margin:0 auto; height:100%; position:relative; text-align:right;}

.teacherVisualBoxIn .titleImage {position:absolute; left:35px; top:46px;}
.teaWrap {position:relative; text-align:right; overflow:hidden; height:550px;}
.teaWrap ul {position:relative;    left: 392px;     top: 129px;}
.teaWrap ul > li {float:left; margin-right:-90px;position:relative;    text-align: center;}
.teaWrap .tchImg { margin: 130px 0px 0px 0px;}
/* .list1 {left: 492px;}
.list1 > li {margin-right: -236px;}
.list1 > li img {width:93%;} */
/* .list2 {left: 400px;}
.list2 > li {margin-right: -236px;}
.list2 > li img{width:80%;} */
/* .list3 > li { width: 33%;    margin-right: -180px;}
.list3 > li img { width: 98%;} */
/* .list4 {left: 285px;}
.list4 > li {width: 33%;margin-right:-190px;}
.list4 > li img { width: 98%;} */
.list1 .nameLink a {  margin-right: 318px;}
.list2 .nameLink {   right: 70px;}
.list2 .nameLink a {    margin-right: 100px;}
.list3 .nameLink a {   margin-right: 80px;}
.list4 .nameLink a {   margin-right: 57px;}
.list5 .nameLink a {margin-right:26px;width:100px;} /* 250722 syh 추가 */


.nameLink {position:absolute; right:0px; bottom: 116px; z-index:6;}
.nameLink a {display:inline-block;     width: 110px; text-align: center; padding: 5px; font-size: 15px;cursor:pointer;    background-color: rgba(89,87,87,0.8);color: #fff;box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.5);}
.nameLink a span {    float: right;font-size: 10px;display: inline-block; margin-top: 6px;}

/* .namelist1 a {    margin-right: 318px;}
.namelist2 { right: 70px;}
.namelist2 a {    margin-right: 100px;} */
/* .namelist3 a {    margin-right: 80px;}
.namelist4 a {    margin-right: 57px;} */

/* 231218 hyj 수정 */
/*선생님소개 배경*/
.teVA{background:#cecece;}
.teVA01{width:100%;background:#da0000;}
.Atype01:before{content:'';position:absolute;top:0;left:0;width:648px;height:550px;background:url(/assets/user/images/teacherBnr/atypeTextBg.png) no-repeat right top;}
.Atype02{width:100%;height:550px;}
.Atype02 .teacherPicBox{position:relative;width:1080px;margin:0 auto;}
.Atype02:before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:url(/assets/user/images/teacherBnr/atypeBg02.png) no-repeat center;}
.Atype03{width:100%;height:550px; }
.Atype03 .teacherPicBox{position:relative;width:1080px;margin:0 auto;}
.Atype03:before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:url(/assets/user/images/teacherBnr/atypeBg03.png) no-repeat center;}
.Atype04:before{content:'';position:absolute;top:0;left:0;width:648px;height:550px;background:url(/assets/user/images/teacherBnr/atypeTextBg2.png) no-repeat right top;}
.Btype01:before{content:'';position:absolute;top:0;right:-665px;width:933px;height:640px;background:url(/assets/user/images/trangle1_1.png) no-repeat right top;}
.Btype01:after{content:'';position:absolute;right:-665px;bottom:0;width:881px;height:764px;background:url(/assets/user/images/trangle1-2.png) no-repeat right top;z-index:2;}
.Btype02:before{content:'';position:absolute;top:0;right:-665px;width:933px;height:640px;background:url(/assets/user/images/trangle2_1.png) no-repeat right top;}
.Btype02:after{content:'';position:absolute;right:-665px;bottom:0;width:881px;height:764px;background:url(/assets/user/images/trangle2_2.png) no-repeat right top;z-index:2;}
.Btype03:before{content:'';position:absolute;top:0;right:-665px;width:933px;height:640px;background:url(/assets/user/images/trangle3_1.png) no-repeat right top;}
.Btype03:after{content:'';position:absolute;right:-665px;bottom:0;width:881px;height:764px;background:url(/assets/user/images/trangle3_2.png) no-repeat right top;z-index:2;}
.Btype04:before{content:'';position:absolute;top:0;right:-665px;width:933px;height:640px;background:url(/assets/user/images/trangle4_1.png) no-repeat right top;}
.Btype04:after{content:'';position:absolute;right:-665px;bottom:0;width:881px;height:764px;background:url(/assets/user/images/trangle4_2.png) no-repeat right top;z-index:2;}
/* //231218 hyj 수정 */

/*선생님소개 비주얼 끝*/
.teacherViewTop{margin:60px 0 55px 0; }
.teacherNameClassLink {overflow:hidden;margin-bottom:5px;}
.teacherName {font-size:35px; float:left; margin:0; }
.teacherClassLink{float:right;}
.teacherClassLink a{position:relative; display: inline-block; background-color: #272937; color:#fff; font-size:18px; padding:8px 12px;}
.teacherClassLink a:before {display:block; width:0; height:1px; background-color:#fff; transition:all .3s ease; content:''; position: absolute;left:10px; bottom:7px;}
/* 230628 kmh 수정 및 추가 */
.teacherClassLink a:hover:before {width:calc(100% - 20px);}
.teacherClassLink a + a{margin-left:7px;}
.teacherClassLink a.ver2{background-color:#d31f21;}
/* // */

.teacherClassLink .icon-k-next{font-size:14px; padding-left:10px;}
.teacherClassLinkText{padding-right:10px; font-size:16px;}
.teacherlistLayout {overflow:hidden;}
.teacherlistLayout .list_gTex01 {height:20px;}
.teacherlistLayout .listCondition {margin-bottom:30px; text-align:right; padding-right:10px;}

.teacherlistLayout .list_gallery {margin-bottom:32px;}
.teacherlistLayout .list_gallery .list_gImg img { transition: all .5s ease;}

.teacherlistLayout .list_gallery  ul li .list_gBox { margin:0px 22px 48px; position:relative; overflow: hidden;}
.teacherlistLayout .list_gallery  ul li .list_gBox .list_gText {position:relative;padding:19px 13px 17px;transition:all .3s ease;min-height:117px;} /* 240621 syh 수정 */
.teacherlistLayout .list_gallery  ul li .list_gBox .listNumber {padding-left:115px; margin-top:4px;}
.teacherlistLayout .list_gallery  ul li .list_gBox .list_gBottom {opacity:1; transition:all .3s ease; bottom:10px;}
.teacherlistLayout .list_gallery  ul li .list_gBox .list_gBottom .number {letter-spacing:-0.5px;}
.teacherlistLayout .list_gallery  ul li .list_gBox .list_gTex02 {font-size:13px; color:#666;}
.teacherlistLayout .list_gallery  ul li .list_gBox .list_gtitle {margin-top:0;}
.teacherlistLayout .list_gallery  ul li .list_gBox .teacherInfo{font-size:14px;margin:0;text-transform:uppercase;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:295px;margin-bottom:3px;} /* 240621 syh 추가 */
.teacherlistLayout .list_gallery .list_gBox:hover img {transform: scale(1.1);}
.teacherlistLayout .list_gallery  ul li .list_gBox:hover .list_gText {background-color:#D31F21; border:1px solid #D31F21; border-top: 0px;}
.teacherlistLayout .list_gallery  ul li .list_gBox:hover .list_gBottom {opacity:0;}
.teacherlistLayout .list_gallery  ul li .list_gBox:hover .teacherDeBox a {margin-top: 92px;}
.teacherlistLayout .list_gallery  ul li .list_gBox:hover .teacherDeBox a:first-child {margin-top: 92px;}
.teacherlistLayout .list_gallery  ul li .list_gBox:hover a.teacherDview { opacity:0.8;}
.teacherlistLayout .list_gallery  ul li .list_gBox:hover .list_gTex02 {color:#fff;}
.list_star {position: absolute; right: 15px; top: 17px; font-size: 18px;}
.listTextNew {display:block; font-size:13px; color:#999;}
.listNumberNew {font-size:13px; color:#666; line-height:25px;}
.listNumberNew strong {color:#000}
.listNumberNew img {width:20px; vertical-align: -3px;}

.teacherDetailBtnBox {position: absolute; width:100%; bottom:0px; left:0; height:137px; overflow:hidden;}
.teacherDetailBtnBox a.teacherDview {transition:all .3s ease; font-size:13px; top:66px; opacity:0; color:#fff; position: absolute;right:6px; letter-spacing: -1px; text-decoration: underline;}
.teacherDetailBtnBox .teacherDeBox a {font-size:14px; display:inline-block; width:145px; position:absolute; right:10px; height:14px;color:#fff;
transition:all .3s ease; padding:9px 0px 9px 0px; letter-spacing: -1px; border:1px solid #fff; margin-top: 150px; text-indent:10px;}
.teacherDetailBtnBox .teacherDeBox a:first-child {left:10px; right:auto;}
.teacherDetailBtnBox .teacherDeBox a span {opacity:0.6; color:#fff;  font-size:9px; float:right; padding-right:10px; display:inline-block; transition:all .3s ease;}
.teacherDetailBtnBox .teacherDeBox a span:before {vertical-align: middle;}
.teacherDetailBtnBox .teacherDeBox a:hover {background-color:#fff; color:#000;}
.teacherDetailBtnBox .teacherDeBox a:hover span {color:#000;}
.teacherlistLayout .list_gallery  ul li .list_gBox:hover .teacherDetailBtnBox{bottom:0;}
.teacherInfomation{background-color:#F3F6F9; overflow:hidden; position: relative;}
.teacherPic{float:left; width:314px; height:232px; background-color:#EEEEEE; position: relative;}
.teacherPic img {position: absolute; bottom:0; width:100%;}
.teacherInfoListLayout{overflow: hidden;}

/* 211201 syh 수정 및 추가 */
.teacherInfoList{float:left; padding:20px 24px;}
.teacherInfoList .teinfoBox{margin-bottom:12px;}
.teacherInfoList .teinfoBox .title{font-size:15px; font-weight:400; letter-spacing: -0.5px;display:inline-block;width:79px;}
.teacherInfoList .teinfoBox .text {color:#000; font-size:16px; letter-spacing: -0.5px; font-weight:600; display:inline-block;}
.teacherInfoList .teinfoBox.subject{margin-bottom:3px;}
.teacherInfoList .teinfoBox.review{margin-bottom:2px;}
.teacherInfoList .teinfoBox.hash{font-size:15px;color:#19468e;width:290px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:79px;}
/* // */

.teacherInfoList .teinfoBox .teacherGPA {padding-left: 10px;}

.teacherInfoList .title {font-size:15px; letter-spacing: -0.3px; font-weight: 300;}
.teacherInfoList .text {font-size:16px; color:#000; font-weight:600; letter-spacing: -0.3px;}
.teacherInfoList .text .txtnormal {font-size:15px; font-weight:400;}
.icon-star-full, .icon-star-empty, .icon-star-half {color:#D31F21; vertical-align:-1px;}
.icon-star-full.gray {color:#BFBFBF !important;}
.teacherSnsInfo{position:absolute; bottom:20px;border-top:1px solid #ddd;width:328px;padding-top:15px;}/* 211112 syh 수정 */
.teacherSnsInfo li {display:inline-block; min-width: 23px;}
.teacherSnsInfo li:first-child{padding-left:0;}
.teacherSnsInfo li a {font-size:12px;  padding:5px 0px; }
.teacherSnsInfo li span{color:#24231F; font-size:16px; vertical-align:middle; display:inline-block;}
.teacherSnsInfo li .icon-k-cafe {padding-right:3px;font-size:27px; margin-top: -1px;}
.teacherSnsInfo li .icon-k-kakaotalk {padding:0px 6px 0px 2px;font-size:23px; margin-top:-2px;}
.teacherSnsInfo li .icon-k-youtube {font-size:23px;}
.teacherSnsInfo li .icon-k-blog {font-size:26px;}
.teacherSnsInfo li .icon-twitter {margin-top: -3px; display: inline-block;font-size: 23px;}
.teacherSnsInfo li .icon-instagram {font-size:21px;}
.teacherSnsInfo li .icon-youtube {   padding: 5px;font-size:22px; }
.teacherSnsInfo li .icon-facebook {font-size:20px;}
.teacherInfoList table td {padding:8px; padding-left:0; padding-bottom:3px;}
.teacherGPAPrograss {padding:34px 37px 38px 29px; position: absolute; right:0; top:0;}
.teacherGPAPrograss:before{display:block; width:1px; height:200px; background-color:#EBF0F5; position: absolute;left:-16px ;top:15px; display:block; content:'';}
.teacherGPAPrograss .gapaphar{position: relative; margin-top:18px;}
.teacherGPAPrograss .gapaphar.mt0 {margin-top:0;}
.teacherGPAPrograss .gpaptitle{margin-bottom:23px; color:#000; font-size:20px; font-weight:300; letter-spacing: -0.5px;}
.teacherGPAPrograss .subtitle {line-height:28px; position: relative; width:75px;}
.teacherGPAPrograss .subtitle .helpex {margin-top:4px;}
.teacherGPAPrograss .helpexContainer {font-size:15px; color:#666; letter-spacing: -0.5px;}
.helpex{float:right; cursor: default; display:inline-block; width:20px; height:20px; border-radius:100%; background-color:#D7D7D7; color:#fff; text-align: center; line-height:22px; font-size:12px;}
.subtitle .helpexContainer{z-index:1; display:none; position: absolute; left:68px; top:-31px; width:166px;; padding:5px 14px; border:1px solid #666; font-size:11px; font-weight:400; color:#666; line-height:16px; letter-spacing:-1px; background-color:#fef7ec;}
.prograssBg{width:148px; height:26px; position: absolute; right:10px;top:0; background-color:#fff;}
.prograssContainer {height:100% ;}
.prograssData { height:100%; margin:0; line-height:28px; padding-left:11px; background-color:#818AA1; width:80%; color:#fff; font-size:15px; letter-spacing:-0.5px;}
.teacherGPAPrograss .subtitle:hover .helpexContainer {display:block;}

.teacherViewTabButtonLayout{background-color:#121B3F; color:#fff; padding:0px 30px; overflow: hidden; box-shadow: 4px 5px 14px rgba(0,0,0,0.4);}
.teacherViewTabButtonLayout li{width:20%; float:left; font-size:18px; font-weight:400; height:80px; line-height:80px; text-align: center; cursor: pointer; letter-spacing:-0.3px;}
.teacherViewTabButtonLayout li a {transition: all .4s ease; color:#B8BBC5; display:block; opacity: 0.7;}
.teacherViewTabButtonLayout li a:hover {color:#fff; opacity: 1;}
.teacherViewTabButtonLayout li.on a {color:#fff; transform: scale(1.2); opacity: 1;}

/* 210630 syh 추가 */
.teacherOnlineLecture{text-align:right;font-size:23px;font-weight:600;color:#000;padding-top:35px;}
.teacherOnlineLecture > span{color:#19468e;}
.teacherOnlineLecture .btnTcPasta{display:inline-block;vertical-align:middle;width:248px;height:50px;line-height:50px;font-size:18px;color:#fff;font-weight:normal;background-color:#d21c26;text-align:center;margin-left:15px;}
.teacherOnlineLecture .btnTcPasta:after{content:'';width:26px;height:14px;display:inline-block;vertical-align:middle;background:url('/assets/user/images/ico_arr3.png') no-repeat 0 0;margin:-1px 0 0 12px;}


/*pannel */
.pannelLayout{margin-bottom:50px;}
.pannelLayout .pannel{display:none;}
.pannelLayout .pannel.block{display:block;}

.pannel01 .title {font-size:27px; letter-spacing: -0.2px; font-weight:400; color:#000;text-align: center;}
.pannel01 .veidoArea {margin-bottom:60px;overflow: hidden; position:relative; }/* 201113 kmh 수정 */
.pannel01 .veidoArea .wvNextBox span {font-size:30px;]}

/* 201113 kmh 수정 및 추가 */
.veidoArea{}
.veidoArea .bx-controls a{width:20px;height:20px;margin-top:-40px;font-size:0;text-indent:-9999px;position:absolute;top:50%;box-sizing:border-box;border:5px solid #fff;border-right:none;border-bottom:none;}
.veidoArea .bx-controls .bx-prev{left:15px;transform:rotate(-45deg);}
.veidoArea .bx-controls .bx-next{right:15px;transform:rotate(135deg);}
/* //201113 kmh 수정 및 추가 */

.pannel01 .veidoArea li{float:left; width:33.3%;}
.veidoSize{height:219px; background-color:#eee;overflow:hidden; position:relative;}
.veidoSize a:after{display:block; content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; left:0; top:0;}
.veidoSize 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;}
.veidoSize a {display:block;}
.veidoSize a img {width:100%;}

/* 201113 kmh 추가 */
.videoSubject{height:60px;margin-top:11px;font-size:18px;line-height:1.7;color:#272937;overflow:hidden;}
.videoSubject .label{height:25px;padding:0 15px;margin-right:3px;display:inline-block;vertical-align:middle;font-size:14px;line-height:25px;font-weight:bold;color:#fff;background-color:#121b3f;}
.type-sample .videoSubject .label{background-color:#e7e7e7;color:#1d1d1d;}
.veidoArea .no-data{width:100%;padding:85px 0;text-align:center;font-size:18px;line-height:1.5;color:#000;}
/* //201113 kmh 추가 */

.teacherprofileInfo.list_gallery > ul{margin:0 -10px 0 -10px;}
.teproInfoIn{margin:0 10px;}
.teproInfoInBox .title{text-align:left; margin-bottom:24px;font-size:20px; font-weight:600; letter-spacing: -0.5px; color:#000;}
.teproInfoInBox .con {height:auto;overflow-y:auto; padding:41px 46px 41px 46px; font-size:16px; line-height:32px; font-weight:400; letter-spacing: -0.5px; background-color:#F7F7F7;}
.classCharacter{text-align:center;}
.classCharacter img {max-width:100%;}

.teacherClassListTop{position: relative; overflow: hidden;}
.teacherClassListTop .listCondition {    position: absolute;right: 5px;top: 21px;}
.teacherClassListTop .listCondition .listcodnitiontitle.on {font-weight: 600;color: #000;}
.pannel03Title {transition:all .4s ease; font-size:30px; margin-bottom:35px; font-weight:400;float:left; padding:0 20px; position: relative; cursor: pointer; letter-spacing:-0.3px;}
.pannel03Title::before{position: absolute; left:0; top:10px; width:1px; height:28px; background-color:#D2D2D2; display:block; content:'';}
.pannel03Title:first-child{padding-left:0;}
.pannel03Title:first-child::before{display:none;}
.pannel03Title.on a{color:#000;}
.pannel03Title  a{color:#9C9C9C;transition:all .3s ease;}

/* 웹진 박스형 */
.webzinLabel{color:#fff; font-size:14px; position: absolute; }
.labelRed{background-color:#D31F21; padding:5px;}
.labelRedRight{background-color:#D83D3D; padding:5px;}
.labelBlue{background-color:#5E7EB4; padding:5px;}
.labelBlueRight{background-color:#5E7EB4; padding:5px;}
.labelBlack{background-color:#272937; padding:5px;}
.labelBrown {background-color:#5A3D28; padding:5px;}
.labelBox{position:absolute; width:170px; display:inline-block; z-index:1;}
.labelBox span {color:#fff; font-size:14px; padding:5px; float:left;}
.rightlabel{right:0;}
.workerLabel {min-width:62px; text-align:center;}

/** 201020 hyj 수정 **/
.boxWebzineBorad{position:relative;display:table;width:100%;min-height:231px;margin-bottom:32px;text-align:left;border:1px solid; border-color:rgba(151,151,151,0.3);overflow:hidden;}/* 201005 hyj 수정 */
.webzineLeft{position:relative;display:table-cell;width:314px;height:100%;background-color:#eee;overflow:hidden;z-index:2;}/* 201005 hyj 수정 */
.webzineLeft .boxwebzineLeftIn img {position:absolute;bottom:0;width:100%;transition:all .3s ease-out;}/* 201005 hyj 수정 */
.webzineLeft:hover .boxwebzineLeftIn img{transform:scale(1.1);}

.webzineLeft .labelRed, .webzineLeft .labelBlack{left:0; z-index:1;}
.webzineRight{position:relative;display:table-cell;padding:35px 30px 15px;vertical-align:top;}
.webzineRight .labelRedRight{right:0; top:0; margin-left:-3px;}
.webzineRight .labelBlueRight{right:0; top:0; margin-left:-3px;}
.webzineRight .labelBlue {right:58px; top:0;}
.webzineRight .labelBlue2 {left:0px; top:0; background-color:#5E7EB4; padding:6px;color:#fff;  width:48px; }

.webzineRight .title{line-height:27px;margin-bottom:12px;letter-spacing:-0.07em;color:#000;font-size:21px;font-weight:400;}
.webzineRight .title a{color:#000;}
.webzineRight .classNaviInfoLayout {margin-bottom:10px;}
.webzineRight .classNaviInfoLayout .classNaviInfo{ padding-right:5px;}
.webzineRight .classNaviInfoLayout .classPlaceDate{color:#858585}
.webzineRight .classNaviInfoLayout .classPlaceDate .line {color:#d8d8d8;}
.webzineRight .price {position: absolute; right:30px; bottom:30px; text-align:right;}
.normality{margin-bottom:10px; color:#000;}
.normality .productPrice {display:inline-block; font-weight:600; font-size:22px; width:160px; text-align: right; color:#666;}
.webzineRight .rowPrice {font-size:34px; color:#000; font-weight:bold;}
.productTitle{font-size:16px; font-weight:bold; padding-right:26px;}
.discount .productTitle {padding-right:14px;}
.placeDate{color:#858585;}
.teacherClassNavi{padding:0 1px; }
.teacherClassNavi a{color:#292929;}
.teacherClassNavi a span {font-size: 12px; vertical-align: middle; padding-left: 2px; }
.teacherClassNavi:first-child{padding-left:0;}
.line{padding:0 3px;}
.classDiscountInfomation{opacity:0.5; font-size:13px;}
.classlabelInfo{width:400px; margin-left:-2px;}
.classlabelInfo li{display:inline-block; border:1px solid rgba(25,70,142,0.5); color:#19468E; padding:3px 10px; margin:2px;}
.classDiscountInfo{position:relative;width:380px;padding-left:20px;margin:20px 0 0;font-size:16px;font-weight:600;}/* 201005 hyj 수정 */
.classDiscountInfo::before{display:block; content:''; width:12px; height:3px; background-color:#D31F21;  position: absolute; left:0; top:9px;}
/* //201020 hyj 수정 */


/*이미지 영역에 마우스오버가 된경우*/
.classApplication{position: absolute; bottom:-55px; width:100%; text-align:center; height:54px; transition: all .3s;}
.classApplication a{color:#fff; display:inline-block;}
.blackBg{background-color:rgba(0,0,0,0.7);position: absolute; }
.blackBg a {display:block; font-size:30px; overflow:hidden; width:69px; line-height:54px;}
.redBg {background-color:rgba(211, 31, 33, 0.9); margin-left:69px; overflow:hidden;}
.redBg a {display:block; font-size:20px;  font-weight: 400; height:100%; line-height:54px;}
.boxWebzineBorad:hover .classApplication{bottom:-1px;}

.classCommentsTitle{margin:0;margin-bottom:42px;font-size:26px;font-weight:300;letter-spacing:-0.5px;color:#000;position:relative;}
.classCommentsTitle .bu_al_red{position:absolute;right:0;bottom:0;font-weight:400;}

.classCommentNum{color:#666; font-weight:600;}
.teacherSTopTab {overflow:hidden; text-align:center;}
.teacherSTopTab li {display:inline-block; font-size:19px;height:27px; line-height: 27px; margin:25px 0; border-left:1px dashed #999; cursor: pointer;}
.teacherSTopTab li:first-child{border-left:none;}
.teacherSTopTab li a{display:block; padding:0 32px; color:#000; }
.teacherSTopTab li.on a{font-size:23px; font-weight:600;}

.teacherSBottomIn{padding:20px 60px; text-align:center;}
.teacherSBottomIn select {margin:0; border:none; font-weight:600;  border-bottom:1px solid #707070; font-size:18px; color:#000; height:36px; width:200px; padding-bottom:0px; line-height:24px; -webkit-appearance: none;  -moz-appearance: none; appearance: none; background: url(/assets/user/images/selectDown2.png) no-repeat 95% 28%;}
.teacherSBottomIn input{ margin:0; font-weight:600;border: none; border-bottom:1px solid #707070; padding:0 10px; font-size:20px; color:#000; font-weight:300; width:270px; height:35px; margin-left:20px;vertical-align: middle;line-height: 40px;height: 40px}
.teacherSBottomIn input::placeholder{color:#000; font-weight:600;}
.teacherSBottomIn input::-webkit-input-placeholder { color: #000; font-weight:600;}
.teacherSBottomIn  input:-ms-input-placeholder { color: #000; font-weight:600; }
.teacherSBottomIn a{transition:all .3s ease; display:inline-block; width:58px; height:58px; border-radius: 100%; color:#fff; background-color:#121B3F; font-size:25px; text-align: center;margin-left:10px;}
.teacherSBottomIn a span{ line-height:57px; transition: all .3s ease-in-out}
.teacherSBottomIn a:hover {   box-shadow: 2px 5px 5px rgba(0,0,0,0.3); }

.list_gBox{transition: all .3s;/* cursor: pointer;*/}
.list_gImg {cursor: pointer;}
.list_gTex01{font-size:14px; letter-spacing: -0.5px; font-weight:400; color:#272937; transition:all 0.3s ease}
.list_gtitle{font-size:24px; letter-spacing: -1px; font-weight:600; transition:all 0.3s ease;cursor:pointer;}
.list_gBottom{position: absolute; bottom:15px; }
.listNumber, .listGAP{float:left; /* width: 230px; */}
.listNumber {text-align: right; padding-left:50px;}
.list_gBottom .icon-star-full{font-size:20px;}
.list_gBottom .gray{color:#9C9C9C;}
.list_gBottom .number {font-size:14px; letter-spacing: -0.3px; color:#000; font-weight:400;}
.buttonBox .icon-k-down{padding-left:10px;}
.buttonBox .bu_l_moreWhite {letter-spacing:-0.3px; transition:all 0.3s ease;}
.buttonBox .bu_l_moreWhite .icon {transition:all 0.3s ease; display:inline-block; vertical-align:middle;}
.buttonBox .bu_l_moreWhite:hover {color:#d31f21;}
.buttonBox .bu_l_moreWhite:hover .icon {transform:scale(1.5ddddddddddddddd);}

/* list mouseover시 */
.list_gBox.on{-webkit-box-shadow: 0 10px 17px -9px #777; -moz-box-shadow:0 10px 17px -9px #777; box-shadow: 0 10px 17px -9px #777;}
.list_gBox.on .list_gText{background-color:#272937;}
.list_gBox.on .list_gTex01{ color:#fff;}
.list_gBox.on .list_gtitle{color:#fff;}
.list_gBox.on .list_gBottom .number{color:#fff;}

.list_gBox:hover {-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.1); -moz-box-shadow:5px 5px 15px rgba(0,0,0,0.2); box-shadow: 5px 5px 15px rgba(0,0,0,0.2);}
/* .list_gBox:hover .list_gText{background-color:#D31F21;} */
.list_gBox:hover .list_gTex01{ color:#fff; }
.list_gBox:hover .list_gtitle{color:#fff;}
.list_gBox:hover .list_gBottom .number{color:#fff;}

/*layerpopup*/
.popupFixed {overflow:hidden; height:100%;}
.layerpopup{display:none; overflow:auto; position:fixed; z-index:1001; top:0px; left:0px; right:0px; bottom:0px;}
.layerPopupCloseButton{cursor:pointer; background-color: #fff; color:#5F5F5F; width:30px; height:30px; border-radius: 15px; text-align: center; font-size:20px; line-height:33px; position: absolute; right:0; top: -46px; margin: 0px;}
.layerPopupCloseButton span {line-height: 30px; font-size: 19px; padding-left:2px;}
.layerpopupIn{width:1080px; position: absolute; background-color:#fff; top:60px; left:50%; margin-left:-540px; margin-bottom: 60px; z-index:1003; }
.layerpopupTop, .layerpopupContainer, .layerpopupBottomIn{padding:40px;box-sizing:border-box;}
.layerpopupTop .title{font-size:30px; font-weight:600; letter-spacing: -0.3px;  color:#000; margin-bottom:25px;}
.layerpopupTop .title .classLabel {display:inline-block; color:#fff;background-color:#CB282E; font-size:14px; letter-spacing:-0.5px; text-align:center;padding:5px; position: relative; left:0; top:-8px; margin-right:10px;}
.freelec.title{font-size:30px; font-weight:600; letter-spacing: -0.3px;  color:#000; margin-bottom:25px; position:relative;}
.layerpopupTop .specialectureInfo{width:100%; padding-bottom:10px; border-bottom:1px solid; border-color: rgba(151,151,151,0.4);}
.layerpopupTop .specialectureInfo th {font-size:18px; font-weight:400; letter-spacing: -0.5px; text-align:left;}
.layerpopupTop .specialectureInfo td {font-size:20px; font-weight:400; color:#000;}
.layerpopupContent{text-align:center; padding-top:0;}
.layerpopupContainer{overflow-y:auto;}
.layerpopupBottom{background-color:#F8F8FF;}
.layerpopupBottomTop{background-color:#F4F4FB;}
.layerpopupBottomTop .layerpopupBottomIn{padding:20px 50px}
.layerpopupBottomTop label {font-size:19px; font-weight:500; letter-spacing: -0.5px; color:#000; margin-right:8px;}
.layerpopupBottomTop input[type="text"] {text-indent:10px; font-size:16px; border-radius:20px; border:1px solid #D7D7D7; background-color:#fff; padding:8px 0px;}
.phoneGroup{padding-left:70px;}
.phoneGroup input[type="text"] {width:100px;}
.layerpopupBottomIn .text{border:1px solid #D7D7D7; background-color:#F6F6FC; color:#666; font-size:16px; font-weight: 400; padding:20px; margin-bottom:10px;}
/*.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:url('/assets/user/images/Checkbox_gray.png') no-repeat center;}
.layerpopupBottomIn input[id="chkBox"] { display: none;}*/
.checkboxLabel{vertical-align: middle; color:#000; display:inline-block; padding-bottom:11px; margin-left:8px;}

.redLabel {display: inline-block; vertical-align: middle; font-size:14px; letter-spacing: -0.5px; background-color:#CB282E; padding:7px 6px; color:#fff; margin-right:12px;}
.layerPopupBackground{background-color:rgba(0,0,0,0.8); position: fixed; width:100%; height:100%; left:0; top:0; right:0; bottom:0; z-index:1002; }

#iFrameClassDetail {transition:height 0.3s ease;}
/*수강신청*/
.registerSVisual{width:1080px; margin:0 auto; position: relative;}
.initButtonLayout {position: absolute; top:0 ; right:0; height:40px;color:#000; line-height:45px; text-align:right;}
.initButton{cursor: pointer;  color:#000; font-size:14px;}
.icon-spinner11{margin-right:5px; color:#000; transition:all 0.6s ease; display:inline-block; vertical-align:-2px;}
.initButton:hover   .icon-spinner11 {transform:rotate(360deg); color:#d31f21;}
.registerSVLayout {width:100%; padding-top:50px; padding-bottom:50px; line-height:50px; }
.registerSVLayout td{text-align: left; border-spacing:0;line-height:0;}
.registerSVLayout .title{ width: 66px;vertical-align:top;font-size:20px;line-height:45px;letter-spacing: -0.3px; color:#000; padding-right:20px; font-weight:400; height:45px;}/* 221213 kmh 수정 */
.registerSCondition {letter-spacing:-0.5px;z-index:1; position:relative; overflow:hidden; color:#fff; font-size:16px; font-weight:400; border-radius: 20px; padding:8px 16px; height:34px;background-color:#818AA1; cursor: pointer; transition:all .3s; margin:3px 2px;}/* 221221 kmh 수정 */
.registerSCondition img{margin:0 2px 0 0;vertical-align:-2px;}/* 211221 kmh 추가 */
.registerSCondition:before { border-radius:20px; z-index:-1; transition: all .4s ease;display:block; width:100%; height:0; content:''; position: absolute; left:0; bottom:0; background-color:#D31F21}
.light{opacity:0.48;}
.registerSCondition.on{opacity: 1;}
.registerSCondition.on:before{height:100%;}
/* 221213 kmh 수강유형 딜리버리 문구 추가 */
/* 221221 kmh 삭제
.registerSVLayout td .right_inner{width:904px;display:inline-block;vertical-align:top;}
.registerSCondition.type_delivery img{margin:0 2px 0 0;vertical-align:-2px;}
.registerSVLayout .right_inner .registerSCondition{margin:3px 3px;padding:8px 12px;}
*/
/* // */

.section{text-align:left;}
.sectionTitle{font-size:28px; letter-spacing: -0.5px; color:#000; margin-bottom:29px;}
.sectionTitle strong{font-weight:600;}
/* 191218 hyj 수정 */
.monthTabLayout{position: relative; height:50px; margin-bottom:24px;}
.monthTabLayout .listCondition {position: absolute; right:0; top:21px;}
.monthTabLayout .listCondition .listcodnitiontitle.on {font-weight:600; color:#000;}
.monthTabLayout ul {display:table; width:1080px;}
.monthTabLayout li {display:table-cell; width:120px;  height:50px;}
.monthTabLayout li a {display:block; border:1px solid #D7D7D7; border-left:0; background-color:#fff; position: relative; text-align:center;}
.monthTabLayout a span {display:block; height:50px; line-height:50px; padding:0 !important; color:#666; font-size:20px; letter-spacing: -0.5px; position: relative; z-index:2; }
.monthTabLayout li:first-child a{border-left:1px solid #d7d7d7;}
.monthTabLayout a:before{display:block; content:''; height:50px; left:-1px; right:-1px; bottom:-50px; opacity:0;
background-color:#D31F21; transition: bottom .1s  opacity 0.3s ease; position: absolute; transform-origin: bottom;}
.monthTabLayout li.on a{box-shadow:0 3px 10px rgba(211,31,33, 0.6); background-color:#D32021;   border: 1px solid #D32021;}
.monthTabLayout li.on a span {color:#fff;}
.monthTabLayout li.on a:before {bottom:0; left:0; opacity:1;}
.monthTabLayout select {float:right; margin-top:22px;}
.registerListLayout .normality .productTitle{color:#666;}
.registerContainer .monthTabLayout ul {display:block;}
.registerContainer .monthTabLayout ul li {display:inline-block;}
/* //191218 hyj 수정 */

/*선생님 수강후기 탭*/
/* 231218 hyj 수정 */
.tcReviewTab {position:relative;height:50px;margin-bottom:24px;}
.tcReviewTab .tcReviewTabIn{display:table;width:100%;table-layout:fixed;}
.tcReviewTab .tcReviewTabIn li{display:table-cell;height:50px;}
.tcReviewTab .tcReviewTabIn li.on{}
.tcReviewTab .tcReviewTabIn li a{position:relative;display:block;text-align:center;border:1px solid #d7d7d7;border-left:0;background-color:#fff;}
.tcReviewTab .tcReviewTabIn li:first-child a{border-left:1px solid #d7d7d7;}
.tcReviewTab .tcReviewTabIn li a span{position:relative;display:inline-block;padding:10px 43px;color:#666;font-size:18px;letter-spacing:-0.5px;z-index: 2;}
.tcReviewTab .tcReviewTabIn li a:before{content:'';display:block;position:absolute;left:-1px;right:-1px;bottom:-50px;height:45px;opacity:0;background-color:#d31f21;transition:bottom .1s opacity 0.3s ease;transform-origin:bottom;}
.tcReviewTab .tcReviewTabIn li.on a{box-shadow:0 3px 10px rgba(211,31,33, 0.6);border:1px solid #d32021;background-color:#d32021;}
.tcReviewTab .tcReviewTabIn li.on a span{color:#fff;}
.tcReviewTab .tcReviewTabIn li.on a:before{left:0;bottom:0;opacity:1;}
/* //231218 hyj 수정 */






/* .registerListLayout ul.boxWebzineBoradLayout{display:none;}
.registerListLayout ul.block{display:block;} */
.registerListLayout >ul > li {display:none;}
.registerListLayout > ul > li:first-child {display:block;}
.regiBtnBox{padding-top:0; padding-bottom:66px;}
.regiBtn{height:30px; line-height:30px; color:#666;}
.regiBtn .icon-k-down{padding-left:5px; vertical-align: top;}

/*로딩바*/
.loader{display:none; position: absolute; z-index:10; left:0; top:0; width:100%; height:100%; background-color:rgba(255,255,255,0.8)}
.subLoader {display:none; position: absolute; z-index:10; left:0; top:0; width:100%; height:100%; background-color:rgba(255,255,255,0.8)}
.loaderBox_more {position:relative; width:100%; clear:both;}
.loaderBox_more .subLoader {position: absolute; height:100px; background-color:#fff;}
.loaderBox_more .subLoader #loading {width:50px; height:50px;}
#loading {display: inline-block;width: 80px;height: 80px;border: 5px solid rgba(39, 41, 55, .3);border-radius: 50%;border-top-color: #D71F21;animation: spin 1s linear infinite;-webkit-animation: spin 1s linear infinite;position: absolute;top:50%;margin-top:-40px;margin-left:-40px;left:50%;}
@keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}
/*수강신청 배너*/
.registerBannerLayout{position: relative; height:222px; margin-bottom:66px;}
.rgBannerLeft{position: absolute;left:0; }
.rgBannerLefttIn{box-shadow: 0 3px 10px rgba(0,0,0, 0.6);}
.rgBannerLefttIn a{display:block;}
.rgBannerRight{padding-left:285px;}
.rgBannerRightIn{padding-left:32px;}
.rgBannerTitle{color:#000; font-size:26px; font-weight:400; letter-spacing: -0.5px; border-bottom:1px solid #D2D2D2; padding-bottom:22px; margin-bottom:23px;}
.closeBtn{display:block; width:20px; height:20px; border-radius: 10px; background-color:#000; text-align: center; line-height:17px; position: absolute; right:0; top:0;}
.closeBtn a{color:#fff; font-size:12px;}
.rgBannerContainer {overflow:hidden;}
.rgBannerContainer li{float: left; width:33.3%; text-align:center;}
.rgBannerContainer li .icon-k-down{display:block; color:#D7D7D7; font-size:10px; margin:8px 0;}
.rgBannerContainer .rgBannerCon .title{font-size:24px; color:#000; font-weight:bold;}
.rgBannerContainer .rgBannerCon .content{font-size:16px; letter-spacing:-0.5px; font-weight:400; color:#666;}

.registerContainer .noDataBox {margin-bottom:30px;}

/*수강신청 팝업*/

.layerpopupTopIn{display:inline-block; width:100%;}
.registerSubjectTitle {font-size:30px; font-weight:500; color:#000; letter-spacing:-0.5px; margin-bottom:30px; word-break: break-all;}
.registerContainer{width:1080px; margin:0 auto;}
.regipLeft, .regipRight{float:left; width:50%;}
.regiTeacherImage{position: relative; margin-bottom:18px; width:500px; background-color:#eee; padding-top:30px;}
.regiTeacherImage .webzinLabel{top:0;}
.regiTeacherImage .labelBlack {left:0; padding:5px; text-align:center; display:inline-block;}
.regiTeacherImage .webzinLabel.labelRed {left:62px}
.regiTeacherImage .labelRed.black {background-color:#000; color:#fff; display:inline-block; /*margin-left:-3px;*/}
.regiTeacherImage .labelRed {color:#fff; display:inline-block;/* margin-left:-3px;*/}
.regiYotubeLayout{overflow: hidden;  margin:0 -12px 34px -12px;}
.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 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 48px; }
.regiUpgradeContent li div p{margin:9px 0;}


.regipRightIn{padding-left:50px;}
.rgipTitle{font-size:30px; font-weight: 600; color:#000; margin-bottom:24px;}
.rigpRInfo{margin-bottom:26px; padding-bottom:29px;}
.rigpRInfo span.title{display:inline-block; width:80px; color:#666; font-weight:400; font-size:18px; letter-spacing: -0.5px; }
.rigpRInfo .cont {font-size:18px; color:#000; font-weight:600;}
.rigpRInfo .light{color:#9C9C9C; font-size:15px; font-weight:400;}
.rigpRInfo .smallText {font-size:16px;}
.rigpRInfo .teachName {padding:0; font-weight:400;font-size:18px; letter-spacing: -0.5px; color:#000;}
.rigpRInfo .teachName a {color:#000;}
.rigpRInfo .teachName:first-child, .rigpRInfo .teachName a:first-child {padding-left:0;}
.rigpRInfo p{margin:0 0 18px 0; height:20px;}
.rigpRInfo .classlabelInfo {margin-bottom:20px;}
.classChoLayout{padding-bottom:29px;margin-bottom:20px;border-bottom:1px solid #e6e6e6;}/* 230808 hyj 수정 */
.classChoLayout td.title{padding:21px 10px 0 0;vertical-align:top;font-weight:400; font-size:18px; color:#333; letter-spacing: -0.5px; position: relative;}/* 201102 kmh 수정 */
.classChoLayout td{padding-top:8px; padding-bottom:7px;}
.classChoLayout td.cont{width:350px; padding-left:3px;}
.classChoLayout td select{ margin:0; font-size:16px; width:100%; height:50px; padding:0 8px; border:1px solid #C0C0C0;color:#000; -webkit-appearance: none;  -moz-appearance: none; appearance: none; background: url(/assets/user/images/selectDown.png) no-repeat 95% 50%;}
.classChoLayout td select::-ms-expand { display: none;}

.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-next3{font-size:9px; font-weight:800; margin-left:3px;}

.classChoLayoutCanlLayout {z-index:100; display:none; position: absolute; left:40px; top:7px; background-color:#fff; box-shadow:2px 5px 15px 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:15px; font-weight:600; text-align:center; margin:10px 0; position:relative;}
.classChoLayoutCanl .icon-k-close {position: absolute; right:11px; top:3px; cursor: pointer;}
.classChoLayoutCanlLayout table.calendar {border:1px solid #E1E1E1; border-left:0px; border-right:0px; width:100%;}
.classChoLayoutCanlLayout table.calendar td {border:1px solid #E1E1E1; vertical-align: top; border-top:none; height:25px; position: relative; text-align: center;}
.classChoLayoutCanlLayout table.calendar td.on {background-color:#ff9f9f;}
.classChoLayoutCanlLayout table.calendar td  a{font-size:11px;}



.classChoButtonLayout{margin-bottom:20px;background-color: rgba(241,241, 241,0.9); overflow:hidden;}

.classChoButtonLayout .classChoButtonInfo{color:#333; font-size:16px; font-weight:400;
letter-spacing: -0.5px; padding:24px 20px 16px; }
.classChoButtonBox{margin-bottom:30px;overflow:hidden; padding:0 20px;}
.classChoButtonBox li{float:none; width:100%; text-align:center;}
.classChoButtonBox li .classBlackBtnBenefit{border:none;}
.classChoButtonBox.list2 li{float:left; width:50%;}
.classChoButtonLayout button{z-index:1; position:relative; width:100%; height:52px; font-size:18px; font-weight:400; letter-spacing: -0.5px; border:1px solid;transition:all .3s; overflow:hidden;}
.classChoButtonBox.list2 li button{z-index:1; position:relative; width:195px; height:52px; font-size:18px; font-weight:400; letter-spacing: -0.5px; border:1px solid;transition:all .3s; overflow:hidden;}
.classChoButtonLayout button img{margin-left:3px;}
.classChoButtonLayout button.classBlackBtn{color:#000; background-color:#fff; margin-bottom:22px;}
.classChoButtonLayout button.classRedkBtn{border-color:#D31F21; color:#D31F21; background-color:#fff;margin-bottom:22px;}
.classChoButtonLayout button:before {z-index:-1; transition:all .3s ease; display:block; content:''; position: absolute; left:0; bottom:0; width:100%; height:0;}
.classChoButtonLayout button.classBlackBtn:before{background-color:#000;}
.classChoButtonLayout button.classRedkBtn:before {background-color:#D31F21;}
/*버튼 선택시*/
.classChoButtonLayout button.classBlackBtn.on { color:#fff;}
.classChoButtonLayout button.classBlackBtn.on:before{height:100%;}
.classChoButtonLayout button.classRedkBtn.on { color:#fff;}
.classChoButtonLayout button.classRedkBtn.on:before{height:100%;}
.classChoButtonLayout .classRedkBtnBenefit, .classChoButtonLayout .classBlackBtnBenefit{position: relative; text-align:center;}
.classBlackBtnBenefit .classBlackBtnTitle {display:inline-block;  font-size:18px; color:#000; font-weight:600; margin-bottom:18px;}
.classBlackBtnBenefit .classBlackBtnTitle:after { margin:8px auto 0; display:block; content:''; width:15px; height:2px; background-color:#000;}
.classRedkBtnBenefit .classRedkBtnTitle {display:inline-block; font-size:18px; color:#D31F21; font-weight:600;  margin-bottom:18px;}
.classRedkBtnBenefit .classRedkBtnTitle:after {margin:8px auto 0; display:block; content:''; width:15px; height:2px; background-color:#D31F21; }
.classRedkBtnBenefit .classBlackBtnCon {padding:0px 10px;}
.classChoButtonBox .classBlackBtnCon {padding:0px 10px;}
.classChoButtonBox .classBlackBtnCon span {display:inline-block; font-size:15px; color:#000; letter-spacing:-0.5px; margin-bottom:5px; padding:0px 6px 0px 0px;}
.classChoButtonBox .classBlackBtnCon span:before {content:"/"; padding-right:5px;}
.classChoButtonBox .classBlackBtnCon span:first-child:before {display:none;}
.classChoButtonBox.list2 .classBlackBtnBenefit{border-right:1px solid #D8D8D8;padding-bottom:23px;}

/* 230817 hyj 수정 */
.classOptionLayout{position:relative;margin-bottom:20px; border-bottom:1px solid; border-color:rgba(151,151,151,0.24);}
.classOptionLayout:before,
.classOptionLayout:after{content:'';clear:both;display:block;width:100%;}
.classOptionLayout .title{float:left;font-weight:400;font-size:18px;letter-spacing:-0.5px;}
.classOptionLayout .title .titlein{font-weight:400;font-size:18px;letter-spacing:-0.5px;}
/* //230817 hyj 수정 */
.classOptionLayout .optionList{float:left;}
.classOptionLayout .optionGuide{margin:0 0 10px; font-size:16px; color:#000; letter-spacing:-0.5px;} /* 200117 kmh 추가 */
.optionList{width:353px; margin-left:25px; letter-spacing: -0.5px;}
.optionList li{ padding-left:3px; font-weight: 400;font-size: 16px; color:#000; letter-spacing: -0.5px; position: relative; margin-bottom:18px;}
.optionList li span{display:inline-block;}
.optionList li span.opLabel{margin-left:8px; position:absolute;}
.optionList li span.addPrice{font-size:18px; position: absolute; right:0; top:0;}
.optionList li  input + label{width: 18px; height: 18px;}
.optionList li  input:checked + label { background-image: url('/assets/user/images/Checkbox.png');
background-repeat:no-repeat; background-position: center; background-size:12px;}
.optionList li  input { display: none;}
.optionList li .optionGuide{margin:5px 0 0;} /* 200115 kmh 추가 */
.classTotalPriceLayoyt{position: relative;text-align: right; margin-bottom:21px;}
.classTotalPriceLayoyt p.title{color: #D31F21; font-weight: 600; font-size: 16px; letter-spacing: -0.5px; text-align: right; margin: 0px;}
.classTotalPriceLayoyt p.title.group{color:#ea41dc;font-size:17px;} /* 231201 syh 추가 */
.classTotalPriceLayoyt .fixedPrice{font-size:20px; text-decoration: line-through; letter-spacing: -0.5px; font-weight: 400; color:#888; padding-right:8px; display:inline-block;}
.classTotalPriceLayoyt .totalPrice{font-size:40px; font-weight: 600; color:#000; display:inline-block;}
.classTotalPriceLayoyt .totalPText{font-size:18px; font-weight: 400; color:#000;}

/* 200115 kmh 추가 */
.classTotalPriceLayoyt .classDiscountInfo{width:auto; margin-bottom:-20px; padding-left:0; text-align:left; color:#000; line-height:1.3; bottom:50%;}
/* 200115 kmh 수정 */
.classTotalPriceLayoyt .classDiscountInfo:before{content:none;}
.classTotalPriceLayoyt .classDiscountInfo em{color:#d31f21;}
/* // */

.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; }
.classCartRegiBtnLayout .classApplication {top:-3px;}
.classCartRegiBtnLayout .classApplication .cartBg {background-color:#222; width:82px;position: absolute; left:0;}

.classCartRegiBtnLayout .classApplication a{height:40px; margin: 0px; line-height:40px; border-radius:0; transition:all .25s ease, background .4s ease; color:#fff; font-size:20px; font-weight:400; display:block; padding:10px;}
.classCartRegiBtnLayout .classApplication .cartBg a{font-size:30px; position: relative; border:1px solid #000;}
.classCartRegiBtnLayout .classApplication .cartBg a:before{ border: 0 solid transparent; content: '';display:block;
position: absolute;width: 0;height: 0; top: 0;left: 0;}
.classCartRegiBtnLayout .classApplication .cartBg a:after{bottom: 0;right:-1px;  border:0 solid transparent; content: '';display:block; position: absolute;width: 0;height: 0; }
.classCartRegiBtnLayout .classApplication .cartBg a:before { border-top-width: 1px;border-right-width: 1px;}
.classCartRegiBtnLayout .classApplication .cartBg a:after { border-bottom-width: 1px;border-left-width: 1px;}
.classCartRegiBtnLayout .classApplication .cartBg a:hover:before{ border-color: #D31F21;
transition: border-color 0s, width 0.1s, height 0.2s; width: 100%; height: 100%;}
.classCartRegiBtnLayout .classApplication .cartBg a:hover:after {transition: border-color 0s, width 0.3s, height 0.4s; width: 100%; height: 100%;border-color: #D31F21;}
.classCartRegiBtnLayout .classApplication .cartBg a:hover:before {transition-delay: 0s, 0.2s, 0.3s;}
.classCartRegiBtnLayout .classApplication .cartBg a:hover:after {transition-delay: 0s, 0.4s, .6s;}
.classCartRegiBtnLayout .classApplication .cartBg a:hover {background-color:#fff;  border:1px solid #eee; color:#D31F21;}
.classCartRegiBtnLayout .classApplication .cartBg a .registerBaIcon_on {text-align:center;  transition: all .5s ease; overflow:hidden; position: absolute; left: 0;top: 10px;width:0%; height:100%; display:inline-block}
.classCartRegiBtnLayout .classApplication .cartBg a .registerBaIcon_on img {opacity: 0; transition: all .6s;}
.classCartRegiBtnLayout .classApplication .cartBg a:hover .registerBaIcon_on {width:100%;}
.classCartRegiBtnLayout .classApplication .cartBg a:hover .registerBaIcon_on img{opacity: 1;}
.classCartRegiBtnLayout .classApplication .cartBg span{vertical-align: middle}

.regiBg{margin:0 0 0 auto;padding:0px;width:363px;}/* 260512 hyj 수정 */
.regiBg a {z-index:1;}
.classApplication .regiBg:hover a{color:#D31F21;}
.bu_l_red {position: relative; border:1px solid #D31F21; background-color:#D31F21;}
.bu_l_red:before{border: 0px; content: ''; position: absolute; width: 0;height: 0; top: -1px; left: 0;}
.bu_l_red:after{bottom: -1px;right: 0px; content: ''; position: absolute; width: 0;height: 0; }
.bu_l_red:hover {background-color:#fff; color:#D31F21; border:1px solid #ccc;}
.bu_l_red: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_l_red: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;}

/* 220419 hlj 추가 */
.classAutoreg{margin:0 0 5px 0;} /* 230206 pny 수정 */
.classAutoreg a{display:block;line-height:40px;height:40px;padding:10px;margin:0 0 10px 0;color:#fff;font-size:20px;font-weight:400;text-align:center;border-radius:0;transition:all .25s ease, background .4s ease;}
.classAutoreg a.btnNpay{margin:0;} /* 230206 pny 추가 */
.classAutoreg .txt1{line-height:1.5;margin:0;color:#9c9c9c;font-size:13px;text-align:right;}
.classAutoreg .txt2{line-height:1.5;margin:0;color:#d31f21;font-size:13px;text-align:right;}
.bu_l_auto{position:relative;display:block;border:1px solid #627db1;background-color:#627db1;}
.bu_l_auto:before{content:'';position:absolute;top:-1px;left:0;width:0;height:0;border: 0px;}
.bu_l_auto:after{content:'';position:absolute;right: 0px;bottom:-1px;width:0;height:0;}
.bu_l_auto:hover{color:#627db1;background-color:#fff;border:1px solid #ccc;}
.bu_l_auto:hover:before{width:100%;height:100%;border-top:1px solid;border-right:1px solid;border-color:#627db1;transition:border-color 0s, width 0.1s, height 0.2s;transition-delay:0s, 0.2s, 0.3s;}
.bu_l_auto:hover:after {width:100%;height:100%;border-bottom:1px solid;border-left:1px solid;border-color:#627db1;transition:border-color 0s, width 0.3s, height 0.4s;transition-delay:0s, 0.4s, .6s;}
/* //220419 hlj 추가 */

.classTabPannelLayout li.classTabPanne{display:none;}
.classTabPannelLayout li.block{display:block;}
.classTabPannelLayout .classTabBanner{margin-bottom:5px;text-align:center;}
.classTabPannelLayout .classTabBanner a{display:inline-block;}
.classPSection1{border-bottom:2px solid #F0F0F0; margin-bottom:44px; color:#000; line-height:22px; padding-bottom: 40px; font-size:15px; text-align: center;}
.classPSection1 img{max-width:100%;width:auto;}/* 260511 kmh 수정 */
.classPSection1 .title{color:#000; font-size:28px; font-weight: 600; letter-spacing: -0.5px; margin-bottom:24px;}
.classPSection1 .listText{font-weight:200; font-size:24px; color:#000;line-height:40px; margin-bottom:46px;}
.classPSection1 .ulStyle li:before {width:3px; height:3px; background-color:#000; margin:13px 0 0 -9px;}
.classCharacLayout .conDan2 {width:100%; margin-bottom:45px;}
.classCharacLayout .conDan2 .title{font-size:20px; 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{margin-bottom:80px;}
.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:45px;}
.classPSection2 .cotnentBG .conDan2{width:100%;}
.classPSection2 .cotnentBG .conDan2 .conDanBox{position: relative;}
.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:50px 40px 17px 40px; line-height:32px;}
.classPSection2 .cotnentBG .conDan2 .conDanBoxIn strong{font-weight:600; font-size:18px; letter-spacing: -0.5px; display:block; color:#000;}
.classPSection2 .cotnentBG .conDan2 .conDanBoxIn span{font-size:16px; font-weight:400; letter-spacing:-0.5px;}

.attentionTextLayout .ulStyle li.attentionTitle::before {display: none;}
.attentionTextLayout .ulStyle li {padding: 0px 0px 10px 7px; font-size:16px; letter-spacing: -0.5px; font-weight:400; line-height:25px;}
.attentionTextLayout .ulStyle li.attentionTitle > ul > li:before {width:5px; height:1px;}

.classPSection3{margin-bottom:57px;}
.classTextbook{border-top:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; width:100%; }
.classTextbook tr td{border-top: 1px solid #D8D8D8;}
.classTextbook tr:first-child td{border-top:none;}
.classTextbook .titleBg{background-color:#F9F9F9; width:165px; font-size:16px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:58px 33px;}
.classTextbook .text{padding:20px; }

.classTextbook .techeTimeInfo .teachName:first-child{padding-left:0;}
.classTextbook .techeTimeInfo  {margin-bottom:27px;font-size:15px; letter-spacing: -0.5px; font-weight: 400;}
.classTextbook .techeTimeInfo .classTime {color:#000;}
.classTextbook .techeComment {background-color: #FFF5F5; padding: 0 15px; font-size:16px; letter-spacing: -0.5px; font-weight: 400; overflow: hidden;}
.classTextbook .techeComment a{color:#D31F21; border-bottom:1px solid #D31F21; display: inline-block; font-size:13px; font-weight:400; padding-right:13px; background-image: url('/assets/user/images/line01.png');background-repeat: no-repeat;  background-position: right bottom;}
.arrowBtn {color:#D31F21; border-bottom:1px solid #D31F21; display: inline-block; font-size:13px; font-weight:400; padding-right:13px; background-image: url('/assets/user/images/line01.png');background-repeat: no-repeat;  background-position: right bottom;}
.classTextbook .techeComment .commentCount {display:inline-block; padding:0 6px;}
.classTextbook .techeComment .teachName{color:#000;}
.classTextbook .techeComment  .line{display:inline-block; width:1px; height:13px; margin:0 10px; border-left:1px solid #D2D2D2;}
.techeCommentIn{float:left; width:50%; margin:12px 0;}

.classTextbook .offLineBook{ margin-bottom:15px;}
.classTextbook .offLineBook p{ font-size:16px; letter-spacing: -0.5px; font-weight:400; margin:8px 0;}
.classTextbook .offLineBook p span.place{color:#000; margin-right:5px;}
.classTextbook .offLineBook .classlabelInfoBox{ margin-left:8px; border-radius: 3px;  font-size:14px; font-weight:400; letter-spacing:-0.5px; display: inline-block; border: 1px solid #19468E; color: #19468E; padding: 3px 5px;}
.classTextbook .offLineBook .offLineBookInfo{font-size: 14px; font-weight: 400; letter-spacing: -0.5px;}

/* 200820 kmh 추가
.bookTypeList .bookItems{font-size:0;}
.bookTypeList .bookItems li{width:50%;padding:15px 0;display:inline-block;vertical-align:top;box-sizing:border-box;}
.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:95px;}
.bookTypeList .bookItems .bookImg img{width:100%;}
.bookTypeList .bookItems .bookInfo{padding:5px 18px;font-size:16px;line-height:1.4;color:#666;word-break:keep-all;}
.bookTypeList .bookItems .bookInfo em{color:#000;}
/* // */

/* 200827 syh 수정 */
.bookTypeList .bookItems{font-size:0;}
.bookTypeList .bookItems li{width:50%;padding:15px 0;display:inline-block;vertical-align:top;box-sizing:border-box;}
.bookTypeList .bookItems .wrap{width:100%;height:130px;border-spacing:0;position:relative;overflow:hidden;}
.bookTypeList .bookItems .bookImg{width:171px;position:absolute;top:0;left:-37px;text-align:center;}
.bookTypeList .bookItems .bookImg img{width:auto;height:127px;}
.bookTypeList .bookItems .bookInfo{padding:5px 18px 5px 113px;font-size:16px;line-height:1.4;color:#666;word-break:keep-all;text-align:left;z-index:1;position:relative;}
.bookTypeList .bookItems .bookInfo em{color:#000;}
/* // */


.classTextbook .onlineBook {margin-top:10px; color:#000; font-size:14px; font-weight: 400; letter-spacing: 0.5px;}
.classTextbook .onlineBook .title{display:inline-block; margin-bottom:8px;}
/* 221104 hyj 수정 */
.classTextbook .onlineBook .onlineBookList li{display: inline-block;margin:0 1px 3px 1px;}
.classTextbook .onlineBook .onlineBookList li a{position:relative;display:block;min-width:68px;font-size:14px;font-weight:400;letter-spacing:-0.5px;color: #19468e;padding:3px 27px 2px 10px;border:1px solid #19468e;border-radius:3px;}
.classTextbook .onlineBook .onlineBookList li.type1{display:block;}
.classTextbook .onlineBook .onlineBookList li.type1 a{display:inline-block;}
.classTextbook .onlineBook .onlineBookList li .icon-k-next{position:absolute;top:50%;right:8px;margin-top:-5px;color:#19468e;font-size:10px;}
.classTextbook .onlineBook .onlineBookInfo{margin:10px 0 0;color:#666;font-size: 14px;font-weight: 400;letter-spacing: -0.5px;}
/* //221104 hyj 수정 */


.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;}

.linkageLayout .list_gBox:hover{box-shadow: none;}
.linkageLayout .list_gBox:hover .list_gText {background-color:#fff;}
.linkageLayout .list_gBox:hover .list_gText .list_gtitle{color:#333;}
.linkageLayout .list_gBox:hover .list_gTex01{color:#333;}

.classTeacheryoutube{width:100%; height:556px; margin-bottom:20px; background-color:#eee; }
/* .classTeacheryoutube a:after{display:block; content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; left:0; top:0;}
.classTeacheryoutube 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;} */
.classTabPanne .classListSection .monthTabLayout button { transition: all .5s ease; color:#666;padding:13px 43px;float:left; font-size:20px; border:1px solid #D7D7D7; transition:all 0.3s ease;}
.classTabPanne .classListSection .monthTabLayout button.on{ background-color:#D31F21; border:1px solid #D31F21;
box-shadow:0 3px 10px rgba(211,31,33, 0.6); color:#fff;}
.teacherInturYoutubeLayout > ul >li:nth-child(2n-1) {clear:both;}
.teacherInturYoutubeLayout .list_gBox{border:none; cursor: default;}
.teacherInturYoutubeLayout .list_gBox .list_gText{padding:0; border:0px;}
.teacherInturYoutubeLayout .list_gBox .list_gImg{margin-bottom: 36px; height:372px; position:relative; overflow:hidden;}
.teacherInturYoutubeLayout .list_gBox .list_gImg img {position:absolute; width:100%; bottom:0px; left:0px;}
.teacherInturYoutubeLayout .teacherName {font-size:20px; font-weight:600; letter-spacing: -0.5px; float: none; margin-bottom:20px;}
/* 230411 kmh 수정 및 추가 */
.teacherInturYoutubeLayout .Teachertitle {padding-bottom:5px;position: relative; margin-bottom:10px;}
.teacherInturYoutubeLayout .Teachertitle::after{position: absolute; left:0; bottom:0; width:20px; height:2px; background-color:#222; display:block; content:'';}
.teacherInturYoutubeLayout .Teachertitle .title {font-size:23px; font-weight:600; line-height:35px; margin-bottom:15px; color:#24231F;}
.teacherInturYoutubeLayout .Teachertitle .subtitle {font-size:17px; font-weight:200; line-height:26px;color:#000;height:82px;text-overflow:ellipsis;overflow:hidden;word-break: break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.teacherInturYoutubeLayout .leveleducationLayout{height:165px;overflow:hidden;position:relative;}
.teacherInturYoutubeLayout .leveleducationLayout:after{content:'';width:100%;height:30px;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);position:absolute;left:0;bottom:0;}

.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{margin-top:20px;}
.teacherInturYoutubeLayout .buttonBox button {border:2px solid #D71F21;padding:15px 20px;}
.teacherInturYoutubeLayout .buttonBox .icon-play3{font-size:12px; vertical-align: middle; color: #D71F21;}
.teacherInturYoutubeLayout .buttonBox a{width:80%;margin:0 auto;display:block;border:2px solid #D71F21;padding:15px 20px;color:#D71F21;text-align:center;font-size:18px;font-weight:600;}
/* //230411 kmh 수정 및 추가 */

.teacherInturYoutubeLayout .list_gBox:hover {box-shadow: none;}
.teacherInturYoutubeLayout .list_gBox:hover .list_gText{background-color:#fff; box-shadow:none;}
.classTeacheryoutubeIn {position:relative;}
.classTeacheryoutubeIn .wvNextBox .prevBu {left:-35px; top:700px;}
.classTeacheryoutubeIn .wvNextBox .nextBu {right:-35px; top:700px;}
.classTeacheryoutubeIn .wvNextBox span {color:#666; font-size:35px;}
.classTeacheryoutubeIn .wvNextBox span:before {text-shadow:none;}
.youtubeList {overflow:hidden; position:relative;}/* 201113 kmh 수정 */
.youtubeList li .list_gBox{height:200px; overflow:hidden; margin:0 0 24px; background-color:#eee; border:none;}
.youtubeList li .list_gBox a:after{display:block; content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; left:0; top:0;}
.youtubeList li .list_gBox 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;}
/* 201113 kmh 추가 */
/* 231218 hyj 수정 */
.classTeacheryoutubeIn .videoTabs{margin:36px 0;}
.classTeacheryoutubeIn .youtubeList ul{margin:0;}
.youtubeList .no-data{width:100% !important;line-height:1.5;padding:50px 0;color:#000;font-size:18px;text-align:center;}
.youtubeList .no-sampleData{width:100% !important;line-height:1.5;padding:50px 0;color:#000;font-size:18px;text-align:center;}
.youtubeList .no-onlineData{width:100% !important;line-height:1.5;padding:50px 0;color:#000;font-size:18px;text-align:center;}
/* //231218 hyj 수정 */
.youtubeList .bx-controls a{width:20px;height:20px;margin-top:-40px;font-size:0;text-indent:-9999px;position:absolute;top:50%;box-sizing:border-box;border:5px solid #fff;border-right:none;border-bottom:none;}
.youtubeList .bx-controls .bx-prev{left:15px;transform:rotate(-45deg);}
.youtubeList .bx-controls .bx-next{right:15px;transform:rotate(135deg);}
/* //201113 kmh 추가 */

.classListTable{border-top:1px solid #D8D8D8 ; width:100%; margin-bottom:40px; border-bottom: 1px solid #F0F0F0; }
.classListTable th{padding:18px 20px; text-align: center; color:#000;  background-color:#F6F6FC; border-left:1px solid #F0F0F0; font-weight: 600; font-size:18px; border:none;}
.classListTable tbody tr td {padding:18px 15px; border-left:1px solid #F0F0F0;   border-top: 1px solid #F0F0F0; text-align: center; font-size:18px; font-weight:400; letter-spacing:-0.5px; color:#000;}
.classListTable tbody tr td:first-child {border-left:0;}
.classListTable tbody tr td b {display:block;}
.classListTable tbody tr td span.gray{color:#666;}
.classListTable tbody tr td button{position: relative ;transition:all .2s ease-out; color: #D31F21; border:1px solid #D31F21; padding:9px 14px 6px 14px; font-size:18px; min-width:115px;}
.classListTable tbody tr td button:before { transition:all .4s ease;z-index:-1; background-color:#D31F21; display:block; content:''; width:0; height:100%; position: absolute; left:0; bottom:0;}
.classListTable tbody tr td.lastClass button:before{background-color:#1B275A;}
.classListTable tbody tr td button span{vertical-align: middle; font-size:12px; position: relative; right:-8px;}
.classListTable tbody tr td.lastClass button{color:#1B275A; border:1px solid #1B275A;;}
.classListTable tbody tr td.lastClass button:hover{color:#fff; }
.classListBtn button:hover{color:#fff;}
.classListTable tbody tr td button:hover:before {width:100%;}
.youtubeList li .list_gBox:hover{box-shadow: none;}

/*수강신청 팝업 수강후기 추가*/
.classCommentTeacherIndividualBox {padding:33px 0; text-align:center; background-color:#F6F6F6; margin-bottom:38px;}
.classCommentTintitle {color:#000; font-size:28px; letter-spacing:-0.5px; margin-bottom:24px;}
.classCommentTintext {color:#000; font-size:18px; letter-spacing: 0.5px; margin-bottom:32px;}
.classCommentTinBtnBox {text-align:center;}
.classCommentTinBtnBox a  {z-index:1; font-size:18px;position: relative; display:inline-block; background-color:#fff; color:#D31F21; border:1px solid #D31F21; text-align:center; padding:16px 0; width:409px; margin:0 8px 8px; transition:all .4s ease;}
.classCommentTinBtnBox a:before{transition:all .4s ease; display:block; content:''; width:100%; height:0; background-color:#D31F21; position: absolute; left:0; bottom:0; z-index:-1;}
.classCommentTinBtnBox a:hover:before {height:100%;}
.classCommentTinBtnBox a:hover{color:#fff;}
/*수강신청 > 직장인 환급반*/
.workerSection{margin-bottom:80px;}
.workerVisual{ margin-bottom:50px;}
.workerSection .sectionTitle {margin-bottom:30px;}
.workerInfomationBox{background-color:#F0F0F4;}
.workerTeacherBox {margin-bottom:12px; display:block;}
.workerApplication .redBg{margin-left:0;}
.workerClassTimetable {color:#000;}
.workerInfoIn {padding:26px 0 26px 30px;}
.workerInfoIn .title {color:#000; font-size:22px; letter-spacing: -0.5px; margin:0; margin-bottom:15px; }
.workerInfoIn .ulStyle > li:before {content:""; position:absolute; margin:7px 0px 0px -10px; width:3px; height:3px; background-color:#666;}
.agreePopup .contaBottom {background-color: #F8F8FF; padding: 42px 44px 40px; margin-bottom: 15px;}
.agreePopup .contaBottom .textBox {margin-bottom:30px;line-height: 24px; font-size: 16px; letter-spacing: -0.5px;}
.agreePopup .allchkpopBox {position:relative; margin-bottom:40px;}
.agreePopup input[type="checkbox"] + label:before {top:2px;}
.agreePopup .supplantLable {font-size:16px;padding-left:22px; vertical-align:middle; color:#000;}
.workerSection .searchLayout select {width:200px;}

/*수강신청 결제페이지 */
.classPayListLayout{position: relative; overflow:hidden;}
.classplLeftBox{width:740px;}

.classpayList{margin-bottom:84px;}
.classpayList .classpayli {border-bottom:2px solid #D8D8D8;}
.classPaymentTitle {padding-top:44px; padding-bottom:25px; border-bottom:2px solid #D8D8D8;}
.classPaymentTitle .title{font-size:24px; font-weight:600; letter-spacing: -0.5px; color:#000; position: relative;}
.classPaymentTitle .deleteChkBox {position: absolute;font-size:15px; }

/* .classPaymentTitle .deleteChkBox > input + label {border-radius:5px; display: inline-block; width: 18px; height: 18px; border: 1px solid #C0C0C0; cursor: pointer; vertical-align: middle;}
.classPaymentTitle .deleteChkBox >input:checked + label { background-image: url('/assets/user/images/Checkbox.png'); background-repeat:no-repeat; background-position: center; background-size:16px; }
.classPaymentTitle .deleteChkBox input[type="checkbox"] + label span{padding-left:27px; display:inline-block; vertical-align: middle;} */
.classPaymentTitle .dckBox01{ right:0; top:12px;  color:#666; font-weight: 600; margin:0;}
.classPaymentTitle .dckBox01 .line{color:#D9D9D9; font-size:12px; padding-left:63px;}
.classPaymentTitle .dckBox01 a{color:#666; display:inline-block;}
.classPaymentTitle .dckBox01 a span.icon-bin {padding-left:0; font-size:17px; vertical-align: middle;}


.classpayList .classpayListIn {position: relative; padding:26px 0 0 78px;}
.classpayListIn > input + label{border-radius:5px; display: inline-block; width: 36px; height: 36px; border: 1px solid #C0C0C0; cursor: pointer; vertical-align: middle; position: absolute; left:23px; top:26px;}
.classpayListIn > input + label:before {display:none;}
.classpayListIn > input:checked + label { background-image: url('/assets/user/images/Checkbox.png'); background-repeat:no-repeat; background-position: center;}
.classpayListIn > input { display: none;}

.classpayListIn .title{margin:0; margin-top:3px; margin-bottom:10px;}
.classpayListIn .title strong{font-size:24px; font-weight: 600; color:#000; letter-spacing:-0.5px; }
.classpayList .teachername  {font-size:18px; letter-spacing:-0.5px; font-weight:400; color:#000; padding-bottom:25px; margin:0;}
.classpayList .teachername .teachername .tname01 {padding-right: 5px;}
.classpayList .teachername .teachername .tname02 {padding:0 5px;}

.classpayList .classdate{position:relative;margin-bottom:25px;}
.classpayList .classdate p{margin:0 0 12px;color:#000;font-size:15px;letter-spacing:-.5px;}
.classpayList .classdate p span.dtitle{display:inline-block;min-width:80px;color:#666;font-size:15px;}
.classpayList .classdate p span.line{padding:0 10px;color:#d8d8d8;}
.classpayList .classdate p a{color:#19468e;font-size:14px;}
.classpayList .classdate p a span{padding-left:5px;font-size:11px;font-weight:bold;vertical-align:middle;}

.payment{position:absolute;right:0;bottom:-5px;font-size:40px;font-weight:bold;color:#000;}
.classpayList .payment .small{font-size:18px;font-weight:400;}

.addclass{position:relative;padding:20px 0;color:#000;font-size:15px;font-weight:400;letter-spacing:-0.5px;}
.addclass:before{content:"";position:absolute;left:0;top:0;right:0;font-size:0px;border-top:1px solid #f0f0f0;}
.addclass input[type="checkbox"] + label span{padding-left:25px;}
.addclass .addPrice{position:absolute;right:0;top:0;color:#000;font-size:18px;font-weight:bold;}
.addclass .addPrice span.icon-k-plus{font-size:10px;font-weight:400;color:#000;vertical-align:middle;}
.addclass .optionGuide{margin:4px 0 0 22px;font-size:15px;color:#666;}
.discountCouponLayout{background-color:#f6f6f6;}
.disContDayCoupon{position:relative;padding-top:12px;padding-right:21px;}
.disCDBox{width:356px;height:35px;line-height:35px;padding:0 7px;color:#000;font-size:15px;font-weight: 400;}
.disContDayCoupon .dcPrice{position:absolute;right:0;top:16px;color:#000;font-weight:600;font-size:18px;}
.disContDayCoupon .dcPrice .small{font-weight:400;}

/* 200110 kmh 추가 */
.disContDayGuide{margin:10px -28px -5px -200px; padding:16px 28px 0 80px; font-size:15px; line-height:24px; color:#000; border-top:1px solid #e4e4e4;}
.disContDayGuide .disContDayGuideIn{width:100%; display:table; table-layout:fixed; border-spacing:0;}
.disContDayGuide .disContDayGuideIn > div{display:table-cell; text-align:left;}
.disContDayGuide .disContDayGuideIn .confirmCell{width:120px; vertical-align:bottom; text-align:right; color:#333;}
.disContDayGuide .confirmCell label{position:relative;}
.disContDayGuide .confirmCell input[type="checkbox"] + label:before{top:2px;}
/* // */

.discountCouponIn {padding:12px 28px 21px 200px; position: relative;}
.discountCouponIn .dcTitle{position: absolute; left:81px; top:23px; color:#333; font-size:16px; letter-spacing: -0.4px;}
.discountCouponIn .dcTitle2{position: absolute; left:81px; top:23px; color:#333; font-size:16px; letter-spacing: -0.4px;}
.discountCouponIn .dcTitle button{display:block; background-color:rgba(36,35,31,0.8); color:#fff; padding:7px 26px 5px 26px; letter-spacing: -0.4px; font-size:14px;margin-top:4px;}
.discountCouponIn .dcSelect select {border:1px solid #C0C0C0; background-color:#fff; color:#000; padding:13px 15px; width:370px; height:50px; margin:0; margin-top:12px;}
.discountCouponIn .dcSelect select {-webkit-appearance: none;  -moz-appearance: none; appearance: none; background: url(/assets/user/images/selectDown.png) no-repeat 95% 50%;    background-color: #fff;}
.discountCouponIn .dcSelect select::-ms-expand { display: none;}

.discountCouponIn .dcSelect  .usedc li{position: relative;}
.discountCouponIn .dcSelect  .usedc p.usedcTitle { padding-left:10px; margin:0; margin-top:18px; position: relative; width:353px; font-size:16px; color:#000; font-weight:400;}
.discountCouponIn .dcSelect  .usedc p.usedcTitle  span {position: absolute; right:0; top:0; display:block; cursor: pointer;}
.discountCouponIn .dcSelect .dcPrice{position: absolute; right:0; top:0; color:#000; font-weight:600; font-size:18px;}
.discountCouponIn .dcSelect .dcPrice .small {font-weight:400;}


/* 200715 hyj 추가 */
.book_receive {margin-bottom:80px;}
.book_receive .title {margin-bottom:20px;color:#000;font-size:24px;font-weight:600;letter-spacing:-0.5px;}
.book_receive .select_type {padding:30px;background-color:#f6f6f6;}
.book_receive dl {color:#060606;}
.book_receive dl dt {position:relative;padding-bottom:20px;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:20px;z-index:1}
.book_receive dl dt 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;}
.book_receive dl dt input:checked + label:after {content:'';position:absolute;left:4px;top:6px;width:16px;height:16px;border-radius:30px;background-color:#d31f21;}
.book_receive dl dd {margin-top:30px;}
.book_receive dl dd div {margin-bottom:10px;}
.book_receive dl dd div input[type="text"] {width:200px;height:40px;line-height:40px;padding-left:5px;border:1px solid #d7d7d7;box-sizing:border-box;}
.book_receive dl dd div .btn_addr {display:inline-block;width:120px;height:40px;line-height:40px;margin-left:5px;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:300px;}
.book_receive dl dd p {margin:7px 0 0 0;color:#666;font-size:14px;}
.book_receive dl dd p span {display:block;margin-bottom:15px;color:#060606;font-size:16px;font-weight:600;}
.book_receive dl dd p + p + p {margin-top:30px;}
.book_receive dl dd p input[type="checkbox"] + label:before {margin-top:2px;}
.book_receive dl dd p input[type="checkbox"] + label span {padding-left:25px;color:#060606;font-size:16px;font-weight:normal;}
/* // */
/* 200910 hyj 수정 */
.book_receive .select_type div {margin-bottom:10px;}
.book_receive .select_type div input[type="text"] {width:200px;height:40px;line-height:40px;padding-left:5px;border:1px solid #d7d7d7;box-sizing:border-box;}
.book_receive .select_type div .btn_addr {display:inline-block;width:120px;height:40px;line-height:40px;margin-left:5px;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:300px;}
.book_receive .select_type p {margin:7px 0 0 0;color:#666;font-size:14px;}
.book_receive .select_type p span {display:block;margin-bottom:15px;color:#060606;font-size:16px;font-weight:600;}
.book_receive .select_type p + p + p {margin-top:30px;}
.book_receive .select_type p input[type="checkbox"] + label:before {margin-top:2px;}
.book_receive .select_type p input[type="checkbox"] + label span {padding-left:25px;margin:0;color:#060606;font-size:16px;font-weight:normal;}
/* //200910 hyj 수정 */

/* 200921 syh 추가 */
.select_type .bookSelect{padding-bottom:30px;}
.select_type .bookSelect dt{padding-bottom:0;border-bottom:0;font-size:20px;color:#060606;font-weight:600;}
.select_type .bookSelect dd{margin-top:0;}
.select_type .bookSelect select {border:1px solid #C0C0C0; background-color:#fff; color:#000; padding:13px 15px; width:370px; height:50px; margin:0; margin-top:12px;font-size:16px;}
.select_type .bookSelect select {-webkit-appearance: none;  -moz-appearance: none; appearance: none; background: url(/assets/user/images/selectDown.png) no-repeat 95% 50%;    background-color: #fff;}
.select_type .bookSelect select::-ms-expand { display: none;}
/* // */

/* nuriware : 파고다 캐시 프로모션 */
.visualBox2 {position: absolute; width:100%; left:0; top:-68px; display:block;}
.visualBox2.full {width:100%;}
/* nuriware : 파고다 캐시 프로모션 */

.reviewVisual.cash {background-image:url('/assets/user/images/cashBg.jpg');}/* 220530 hyj 수정 */
.reviewVisual.cash .reviewVisualIn img {margin-top:30px;position:absolute;left:50%;margin-left:-304px;}/* 220906 kmh 추가 */

.usePointLayout {margin-bottom:74px;}
.usePointLayout .title{font-size:24px; font-weight:600; letter-spacing: -0.5px; margin-bottom:23px; color:#000; margin:0;margin-bottom:7px;}
/* 201214 hyj 수정 */
.usePointLayout .upList {display:table;width:100%;table-layout:fixed;}
.usePointLayout .upList li {display:table-cell;background-color:#F6F6F6;} /* 201204 syh 수정 */
.usePointLayout .workerList li {width:50%;}
.usePointLayout .upList li .uplIn {text-align: center; padding:36px 28px 34px 28px; position: relative;}
.usePointLayout .upList li + li .uplIn::before {position: absolute; left:0; top:36px; width:1px; height:173px; background-color:#E8E8E8; display:block; content:'';}
/* //201214 hyj 수정 */
.usePointLayout .upList li .uplIn .title{font-size: 21px; font-weight:600; letter-spacing: -0.5px;}
.usePointLayout .upList li .uplIn .pointRemainder{font-size:15px; color:#666; margin:0; margin-bottom:18px;}
.usePointLayout .upList li .uplIn .pointRemainder .red {color:#D31F21; font-size:18px; font-weight:600;}
.usePointLayout .upList li .uplIn .usePinput{text-align: center; position: relative; margin-bottom:16px;}
.usePointLayout .upList li .usePinput input {padding:6px 30px; text-align: center; font-size:24px; 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 .workerList li .won{right:72px}
.usePointLayout .upList li .uplIn .allinpointLink{text-align: left; margin:0; position: relative;}
.usePointLayout .workerList li .uplIn p.allinpointLink {width:184px; margin:0 auto;}
.allinpointLink span {display:inline-block; padding-top:7px;}
.usePointLayout .upList li .uplIn a {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 17px;text-decoration: none; position: absolute; right:0;top:0;}

/* 220314 kmh 추가 */
.refund_guide{padding:0 0 20px;text-align:center;}
.refund_guide p{margin:0;font-size:17px;font-weight:600;color:#333;}
.refund_guide p span{color:#d31f21;}
.refund_guide .btn_box{margin-top:15px;}
.refund_guide .btn_box .msg{margin-top:10px;font-size:14px;color:#666;}
.refund_guide .go_refund{padding:12px 0;}

.ico_state{width:84px;height:31px;display:inline-block;text-align:center;font-size:15px;line-height:31px;color:#fff;background-color:#595959;}
.ico_state.red{background-color:#d31f21;}

.myetcTabListBox li .myRefundIn .table_normal{margin-bottom:15px;}
.sheet_select{padding:0 0 20px;}
.sheet_select select{height:32px;margin:0;padding:0 30px 0 12px;font-size:15px;color:#666;}
.sheet_guide_info{padding:0 20px;}
.sheet_guide_info p{margin:0;font-size:16px;line-height:1.5;color:#666;}
/* //220314 kmh 추가 */

/*환급계좌 */
.refundTable{width:100%;}
.refundTable, .refundTable td, .refundTable tr, .refundTable th{border-spacing:0; margin:0; padding:0;}
.refundTable th{text-align:left; font-size:16px; letter-spacing:-0.5px; font-weight:400; padding-bottom:20px;vertical-align:middle;}
.refundTable td{vertical-align:middle; padding-bottom:20px; padding-left:10px;}
.refundTable td span {font-size:14px;  letter-spacing:-0.5px; padding-left:20px}
.refundTable td input[type="text"]{max-width:497px;border:1px solid #C0C0C0; margin:0; }
.refundTable td  select {border:none; border:1px solid #C0C0C0; background-color:#fff; color:#000;  width:370px; height:35px; margin:0; -webkit-appearance: none;  -moz-appearance: none; appearance: none; background: url(/assets/user/images/selectDown.png) no-repeat 95% 50%;    background-color: #fff;}
.refundTable td ::-ms-expand { display: none;}
.refundTable td  input.accountInput {width:400px;}
.paymentchoiceLayout {margin-bottom:74px;}
.paymentchoiceLayout .title {font-size:24px; font-weight:600; letter-spacing: -0.4px; margin-bottom:23px; color:#000;}
/* 201214 hyj 수정 */
.paymentchoiceLayout .paycIn {position: relative;width:736px; margin-bottom:23px; border-top:1px solid #D8D8D8; border-left: 1px solid #d8d8d8;}
.paymentchoiceLayout .paycIn:before,
.paymentchoiceLayout .paycIn:after {content:'';display:block;clear:both;width:100%;}
/* //201214 hyj 수정 */
.paymentchoiceLayout .paycIn li {float:left; width:184px; cursor: pointer; position: relative;}
.workerPayCho .paycIn {border-top:none;}
.workerPayCho .paycIn li {border-top:1px solid #D8D8D8; }
.paymentchoiceLayout .paycIn li .paycInBox {border:1px solid #D8D8D8;text-align:center; position: relative;border-left: none; border-top:none; height:80px; vertical-align: middle;}
.paymentchoiceLayout .paycIn li .paycInBox span {display: table-cell; width: 184px; vertical-align:middle; height:80px; font-size:15px;}
.paymentchoiceLayout .paycIn li:before{ width:0; height:0; 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; transition: all .1s ease; transform:scale(0);}
.paymentchoiceLayout .paycIn li.on:before{transform:scale(1); width:33px; height:33px; }

.paymentchoiceLayout .paycIn li .paycInBox:before{ border: 0 solid transparent; box-sizing: border-box;
content: '';display:block;
position: absolute;width: 0;height: 0; top: 0px;left: 0;}
.paymentchoiceLayout .paycIn li .paycInBox:after{bottom: 0;right: 0px;  border:0 solid transparent; box-sizing: border-box; content: '';display:block; position: absolute;width: 0;height: 0; }
.paymentchoiceLayout .paycIn li .paycInBox:before { border-top-width: 1px;border-right-width: 1px;}
.paymentchoiceLayout .paycIn li .paycInBox:after { border-bottom-width: 1px;border-left-width: 1px;}

.paymentchoiceLayout .paycIn li.on .paycInBox:before{ border-color: #D31F21; transition: border-color 0s, width 0.05s, height 0.1s; width: 100%; height: 100%;}
.paymentchoiceLayout .paycIn li.on .paycInBox:after {transition: border-color 0s, width 0.15s, height 0.2s; width: 100%; height: 100%;border-color: #D31F21;}
.paymentchoiceLayout .paycIn li.on .paycInBox:before {transition-delay: 0s, 0.1s, 0.15s;}
.paymentchoiceLayout .paycIn li.on .paycInBox:after {transition-delay: 0s, 0.2s, .3s;}

.paymentchoiceLayout .paycIn li span.npay_btn{font-size:0 !important;background:url('/assets/user/images/naver_off2.png') no-repeat center;vertical-align:middle;}
.paymentchoiceLayout .paycIn li span.kakao_btn{font-size:0 !important;background:url('/assets/user/images/kakao_off.png') no-repeat center;vertical-align:middle;}
.paymentchoiceLayout .paycIn li span.toss_btn{font-size:0 !important;background:url('/assets/user/images/toss_btn.png') no-repeat center;vertical-align:middle;}
.paymentchoiceLayout .paycIn li span.toss_quick{font-size:0 !important;background:url('/assets/user/images/toss_quick.png') no-repeat center;vertical-align:middle;}
.paymentchoiceLayout .paycIn li.on span.npay_btn{background-image:url('/assets/user/images/naver_on2.png');}
.paymentchoiceLayout .paycIn li.on span.kakao_btn{background-image: url('/assets/user/images/kakao_on.png');}

.paymentchoiceLayout .paycIn li em{position:absolute;right:0;top:0;padding:3px 8px;color:#fff;font-size:12px;background:#d31f21;z-index:1;}/* 260622 hyj 추가 */

.paymentchDec{line-height:28px;padding:25px;margin-top:25px;color:#333;font-size:15px;letter-spacing:-0.5px;background-color:#f7f7f7;}
.paymentchDec ul li{height:0;	word-break:auto-phrase;overflow:hidden;}
.paymentchDec ul li.on{height:auto;}
.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;}

/* 환불안내 */
.refundLayout{margin-bottom:70px;}
.refundLayout *{letter-spacing:-.2px}
.refundLayout .title{margin-bottom:23px;color:#000;font-size:24px;font-weight:600;}
.refundLayout .section{}
.refundLayout .section + .section{margin-top:70px;}
.refundLayout .section .box{height:200px;line-height:24px; padding:20px 25px;margin-bottom:15px;font-size:15px;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:30px;text-indent:-10px;}
.refundLayout .section .box p strong{color:#cb282e;}

/* 수강신청 결제용*/
.refundLayout .text{height:180px;line-height:1.4; padding:20px;margin-bottom:20px;font-size:15px;font-weight:400;border:1px solid #d1d1d1;overflow-y:auto;}
.refundLayout .text p{margin-top:0;}
.refundLayout .txt{height:150px; padding-bottom:0;margin-bottom:20px;}
.refundchkBox {position:relative;margin:0;text-align:right;}
/* //241015 hyj 수정 */

/* 201210 hyj 추천인 추가 */
.recommenderLayout {}
.recommenderLayout .title {margin-bottom:23px;color:#000;font-size:24px;font-weight:600;letter-spacing:-0.5px;}
.recommenderLayout .box {padding:40px 50px;background-color:#f6f6f6;}
.recommenderLayout .select_type {margin-bottom:20px;}
.recommenderLayout .type_result {}
.recommenderLayout dl {display:inline-block;color:#060606;}
.recommenderLayout dl dt {display:inline-block;width:65px;color:#060606;font-size:20px;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:20px;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:6px;width:16px;height:16px;border-radius:30px;background-color:#d31f21;}
.recommenderLayout dl input[type="text"] {position:static;width:360px;height:48px;padding:0 15px;margin:0;color:#000;font-size:16px;border:1px solid #c0c0c0;background-color:#fff;}
.recommenderLayout dl select {width:260px;height:50px;padding:13px 15px;margin:0;color:#000;font-size:16px;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:inline-block;}
.recommenderLayout dl + dl {margin-left:50px;}
.recommenderLayout p.txt {line-height:1;margin:25px 0 30px;color:#666;font-size:14px;text-align:left;}
.recommenderLayout p.txt a {display:inline-block;padding:5px 20px;margin-left:20px;color:#232323;font-size:14px;border:1px solid #232323;}
.recommenderLayout a.bu_al_black {display:block;width:300px;margin:30px auto 0;}/* 210511 hyj 수정 */
/* //201210 hyj 추천인 추가 */

.classplRightBox{position: absolute; right: 0; top:105px; width:300px;}
.classplRightBox .crtitle {background-color:#818AA1; 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 35px; 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:13px; 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 29px;}
.classplRightBox .crContent .memberLink a {color:#19468E; font-size:13px; font-weight: 400; letter-spacing: -0.5px;}
.classplRightBox .crContent .memberLink .icon-k-next {font-size:12px; font-weight: 600; vertical-align:middle;}
.classplRightBox .crContent .memberLink a:hover{text-decoration: underline;}
.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:#666;  position: relative;}
.crSection03 .crContent .dcList li .price  {font-weight:600; font-size:18px; position: absolute; right:0; top:0; color:#000;}
.crSection03 .crContent .dcList li .price  .regul{font-weight: 400}
.crSection04 .crtitle{background-color:#272937; margin-top:22px;  }
.crSection04  .crcName {margin:0; text-align: right; padding:22px; padding-bottom: 17px; color:#D31F21;font-size:40px; font-weight:600;}
.crSection04  .crcName  .small { font-size:18px; font-weight: 400;}
.crSection04 .crContent {border:1px solid #272937;}
.crSection05 {margin-top:20px;}
.crSection05 a {display:block; font-size:21px;}
.crSection05 a span {vertical-align:middle;}
/* 230417 hyj 추가 */
.crSection05 ul{margin-top:13px;}
.crSection05 ul li{margin-bottom:3px;padding-left:20px;text-indent:-10px;color:#666;font-size:13px;}
/* //230417 hyj 추가 */

/*쿠폰 팝업 css*/
#cuponPop .layerpopupIn{top:100px; width:620px; margin-left:-310px; padding:0;}

.cuponContainer .title{color:#000; font-size:28px; font-weight:400; letter-spacing:-0.5px; padding-bottom:22px; border-bottom:1px solid #979797;}
.cuponContainer .cupCon {text-align:center; padding:36px 12px 38px;;}
.cuponContainer .cupCon .subtitle {font-size:20px; letter-spacing: -0.5px; font-weight:400; color:#000; margin-top:0; margin-bottom:24px;}
.cuponContainer .cupCon .cupInput {margin:0; margin-bottom:20px;}
.cuponContainer .cupCon .cupInput .ex{margin:0; color:#666; font-size:14px;}
.cuponContainer .cupCon .cupInput input {width:550px; display:inline-block; padding:18px 0; text-align:center; font-size:23px; color:#000; letter-spacing: -0.5px; border:1px solid #D7D7D7; margin-bottom:8px;}
.cuponContainer .cupCon .cupBtn button { margin:0 auto; display:block; width:290px; padding:18px 0; background-color:#D31F21; color:#fff; font-size:20px; font-weight:400;}
.cupBottom {background-color:#F6F6F6; font-size:15px;}
.cupBottom .ulStyle {padding:17px 17px 17px 30px;}
.cupBottom .ulStyle > li:before {width:3px; height:3px; background-color:#000; margin:7px 0px 0px -16px;}
.cupBottom .ulStyle li p {margin:0; color:#666;font-size:15px;}
.cupBottom .ulStyle li strong{color:#000; font-size:15px;}
.cuponContainer {padding:24px;}

/*쿠폰 등록 팝업 css*/
#cuponDownPop .layerpopupIn{top:100px; width:620px; margin-left:-310px; padding:0;}
#cuponDownPop .cupDownCon{padding: 30px 0;text-align: center;}
#cuponDownPop .cupDownCon .subtitle {    margin-bottom: 0;font-size: 30px; color: #000;}
#cuponDownPop .agree_box {    margin-top: 20px;margin-bottom:25px;}
#cuponDownPop .agree_box dl {position:relative; height:80px; padding:10px 15px; margin-bottom:15px; color:#777; font-size:13px; line-height:1.5; text-align:left; background-color:#f0f0f0; overflow-x:hidden; overflow-y:auto;}
#cuponDownPop .agree_box dl dt {margin-bottom:3px; font-weight:bold;}
#cuponDownPop .agree_box dl dd {margin-bottom:3px;}
#cuponDownPop .agree_box dl:after {content:''; clear:both; display:block; width:100%; height:15px;}
#cuponDownPop .agree_box p {text-align:center;}
#cuponDownPop .agree_box p input {width:15px; height:15px; vertical-align:middle;}
#cuponDownPop .agree_box p label {color:#000; font-size:14px; vertical-align:top;}

/* 200428 kmh 추가 */
.cuponDownPop .layerpopupIn{top:100px; width:620px; margin-left:-310px; padding:0;}
.cuponDownPop .cupDownCon{padding: 30px 0;text-align: center;}
.cuponDownPop .cupDownCon .subtitle {    margin-bottom: 0;font-size: 30px; color: #000;}
.cuponDownPop .agree_box {    margin-top: 20px;margin-bottom:25px;}
.cuponDownPop .agree_box dl {position:relative; height:80px; padding:10px 15px; margin-bottom:15px; color:#777; font-size:13px; line-height:1.5; text-align:left; background-color:#f0f0f0; overflow-x:hidden; overflow-y:auto;}
.cuponDownPop .agree_box dl dt {margin-bottom:3px; font-weight:bold;}
.cuponDownPop .agree_box dl dd {margin-bottom:3px;}
.cuponDownPop .agree_box dl:after {content:''; clear:both; display:block; width:100%; height:15px;}
.cuponDownPop .agree_box p {text-align:center;}
.cuponDownPop .agree_box p input {width:15px; height:15px; vertical-align:middle;}
.cuponDownPop .agree_box p label {color:#000; font-size:14px; vertical-align:top;}
/* //200428 kmh 추가 */

.cupDownBtn .icon-k-download {font-size: 31px;vertical-align: middle;}
/*쿠폰 등록 팝업 css*/
#giftcardPop .layerpopupIn{top:100px; width:620px; margin-left:-310px; padding:0;}

/* 강의안내 */
.letureLayout {cursor:pointer;}
.letureLayout:hover img.objeBg{transform:scale(1.1); }
.letureLayout{position:relative;overflow:hidden;}
.letureLayout:before{display:block; content:''; position:absolute; left:50%; height:380px; margin-left:540px; right:0;background-color:#F8F8F8;}
.letureLayoutIn{width:1080px; margin:0 auto; text-align:left; height:360px;position:relative;}
.letureLayoutIn .letureTextTitle {font-size:55px; font-weight:600;  margin-bottom:13px;}
.letureLayoutIn .letureTextTitle a{position:relative;z-index:1;}/* 220527 kmh 추가 */
.letureLayoutIn .letureTextsubTitle {padding-top:105px; font-size:17px; font-weight:400; letter-spacing: -0.5px; margin-bottom:13px; color:#000;}
.letureLayoutIn .letureBoxSubjectList li {display:inline-block; height:33px;  margin-left:5px; line-height:33px;}
.letureLayoutIn .letureBoxSubjectList li:first-child{margin-left:0;}
.letureLayoutIn .letureBoxSubjectList li a {transition: all .3s ease; overflow:hidden; display:block; padding:7px 12px; font-size:16px; font-weight:400; color:#fff; background-color:#C2171E; position:relative; z-index:1;}

.letureLayoutIn .letureBoxSubjectList li a {position: relative; transition:all 0.4s ease;}
.letureLayoutIn .letureBoxSubjectList li a:before{border: 0; content: ''; position: absolute; width: 0;height: 0; top: 0px; left: -1px;}
.letureLayoutIn .letureBoxSubjectList li a:after{bottom: 0px;right: -1px; content: ''; position: absolute; width: 0;height: 0; }
.letureLayoutIn .letureBoxSubjectList li a: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%;}
.letureLayoutIn .letureBoxSubjectList li a: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;}

/* 250529 hyj 딜리버리 라이브 추가 */
.letureLayoutDeliveryLive{position:relative;width:100%;background-color:#d2232a;}
.letureLayoutDeliveryLive .letureLayoutIn{height:379px;}
.letureLayoutDeliveryLive .letureLayoutIn .letureTextTitle{padding-top:73px;}
.letureLayoutDeliveryLive:before{margin-left:610px;background-color:#bf131a;}
.letureLayoutDeliveryLive img {position:absolute; right:-75px; top:0; transition: all .5s ease;}
/* //250529 hyj 딜리버리 라이브 추가 */

/* 221207 pny 추가 */
.letureLayoutEvDelivery {width:100%;background-color:#f2f1ed; color:#fff; position:relative;} /* 221212 pny 수정 */
.letureLayoutEvDelivery .letureLayoutIn{height: 379px;}
.letureLayoutEvDelivery .letureLayoutIn .letureTextTitle{padding-top:73px;} /* 221208 pny 수정 / 221213 pny 수정 */
.letureLayoutEvDelivery:before{background-color:#e2e1df;}
.letureLayoutEvDelivery img {position:absolute; right:-75px; top:0; transition: all .5s ease;}
/* //221207 pny 추가 */
/* 221208 pny 추가 / 221213 pny 삭제 */
/*.letureLayoutEvDelivery .letureLayoutIn .letureTextTitle {margin-bottom:20px;}
.letureLayoutEvDelivery .letureLayoutIn .letureBoxSubjectList li a {background:#CD1719;}
.letureLayoutEvDelivery .letureLayoutIn .letureBoxSubjectList li a:hover:before{ border-color: #000; }
.letureLayoutEvDelivery .letureLayoutIn .letureBoxSubjectList li a:hover:after{border-color: #000;}*/
/* //221208 pny 추가 / 221213 pny 삭제 */

/* 230822 hyj 수정 */
.letureLayoutEvJumboShow{position:relative;background:#362584;}
.letureLayoutEvJumboShow .letureTextTitle{position:relative;z-index:1;}
.letureLayoutEvJumboShow:before{background-color:#362584;}
.letureLayoutEvJumboShow .objeBg{position:absolute;right:0;top:0;transition:all .5s ease;}
/* //230822 hyj 수정 */

/* 231207 syh 추가 */
.letureLayoutcheatKey{width:100%;position:relative;background:#1e232b;}/* 240628 kmh 수정 */
.letureLayoutcheatKey .letureLayoutIn{height:380px;}
.letureLayoutcheatKey .letureTextTitle{position:relative;z-index:1;}
/* 250916 hyj 수정 */
.letureLayoutcheatKey .letureTextsubTitle{position:absolute;left:0;top:270px;padding:0;color:#ffebeb;}
.letureLayoutcheatKey .f_banner{position:absolute;right:-70px;top:15px;z-index:1;}/* 250923 hyj 수정 */
/* //250916 hyj 수정 */
.letureLayoutcheatKey:before{background-color:#1e232b;}
.letureLayoutcheatKey .objeBg{position:absolute;right:-70px;top:0;transition:all .5s ease;}
/* //231207 syh 추가 */

/* 200528 hyj 수정 */
.letureLayout.letureLayout02:before{height:100%;}
.letureLayoutIn.typeThebk{height:auto; padding:44px 0 110px;}
.letureLayoutIn.typeThebk .letureTextTitle{padding-top:31px;}
.letureLayoutIn.typeThebk .letureTextTitle img {display:block;}
.letureLayoutIn.typeThebk .letureTextsubTitle{padding-top:0;}
.letureLayout02 .letureLayoutIn.typeThebk .objeBg{position:absolute; right:-150px; top:40px; transition: all .5s ease;}

.letureLayout01{position:relative; background-color:#D22229; color:#fff; width:100%;}
.letureLayout01:before{background-color:#BC211C;}
.letureLayout01 .letureLayoutIn{height:380px; background-image:url('/assets/user/images/lecture01.png');background-repeat:no-repeat; background-position:right 0; background-size:cover;}
.letureLayout01 .letureLayoutIn .letureTextsubTitle {padding-top:80px;color:#fff;}
.letureLayout01 .objeBg{position:absolute; right:-75px; top:0; transition: all .5s ease;}
.letureLayout01 .letureLayoutIn .letureBoxSubjectList li a:hover:before{ border-color: #fff; }
.letureLayout01 .letureLayoutIn .letureBoxSubjectList li a:hover:after{border-color: #fff;}

.letureLayout02{background-color:#000; color:#fff; position:relative;overflow:visible;}
.letureLayout02:before{background-color:#000;}
.letureLayout02 .letureLayoutIn{}
.letureLayout02 .letureLayoutIn .letureTextsubTitle {color:#E1A57E;}
.letureLayout02 .letureLayoutIn .letureBoxSubjectList li a {background-color:#2E323D; position:relative;}
.letureLayout02 .objeBg {}
.letureLayout02 .letureLayoutIn .letureBoxSubjectList li a:hover:before{ border-color: #fff; }
.letureLayout02 .letureLayoutIn .letureBoxSubjectList li a:hover:after{border-color: #fff;}
/* //200528 hyj 수정 */

/* 230511 hyj 수정 */
.letureLayout03 {background-color:#F8F8F8;color:#006A53;position:relative;}
.letureLayout03:before{height:100%;background-color:#006A53;}
.letureLayout03 .letureLayoutIn{height:500px;padding-top:30px;box-sizing:border-box;}
.letureLayout03 .letureLayoutIn .letureTextsubTitle{padding-top:40px;}
.letureLayout03 img{position:absolute; right:0; bottom:0; transition: all .5s ease;}
.letureLayout03 .letureLayoutIn .letureBoxSubjectList li a {background-color:#006A53; position:relative;}
.letureLayout03 .letureLayoutIn .letureBoxSubjectList li a:hover:before{ border-color: #006A53; }
.letureLayout03 .letureLayoutIn .letureBoxSubjectList li a:hover:after {border-color: #006A53;}
.letureLayout03 .letureLayoutIn .letureBoxSubjectList li a:hover {color:#006A53; background-color:#fff;}
/* //230511 hyj 수정 */

.letureLayout04 {background-color:#fff; color:#0E619B;  position:relative;}
.letureLayout04:before{background-color:#0E619B;}
.letureLayout04 .letureLayoutIn .letureBoxSubjectList li a {background-color:#0E619B; position:relative;}
.letureLayout04 img {position:absolute; right:-75px; top:0; transition: all .5s ease;}
.letureLayout04 .letureLayoutIn .letureBoxSubjectList li a:hover:before{ border-color: #0E619B; }
.letureLayout04 .letureLayoutIn .letureBoxSubjectList li a:hover:after {border-color: #0E619B;}
.letureLayout04 .letureLayoutIn .letureBoxSubjectList li a:hover{color: #0E619B; background-color:#fff;}


.letureLayout05 {background-color:#F8F8F8; color:#D06DA0; position:relative;}
.letureLayout05:before{background-color:#D06DA0;}
.letureLayout05 .letureLayoutIn .letureBoxSubjectList li a {background-color:#D06DA0; position:relative;}
.letureLayout05 img {position:absolute; right:-75px; top:0px; transition: all .5s ease;}
.letureLayout05 .letureLayoutIn .letureBoxSubjectList li a:hover:before{ border-color: #D06DA0; }
.letureLayout05 .letureLayoutIn .letureBoxSubjectList li a:hover:after {border-color: #D06DA0;}
.letureLayout05 .letureLayoutIn .letureBoxSubjectList li a:hover{color: #D06DA0; background-color:#fff;}

.letureLayout06 {background-color:#fff; color:#9D8966;  position:relative; }
.letureLayout06:before{background-color:#B6A485;}
.letureLayout06 .letureLayoutIn .letureBoxSubjectList li a {background-color:#9D8966; position:relative;}
.letureLayout06 img {position:absolute; right:-75px; top:0px; transition: all .5s ease;}
.letureLayout06 .letureLayoutIn .letureBoxSubjectList li a:hover:before{ border-color: #9D8966; }
.letureLayout06 .letureLayoutIn .letureBoxSubjectList li a:hover:after {border-color: #9D8966;}
.letureLayout06 .letureLayoutIn .letureBoxSubjectList li a:hover{color: #9D8966; background-color:#fff;}

.letureLayout07 {background-color:#f8f8f8; color:#E6602B; position:relative;} /* 210609 syh 수정 */
.letureLayout07:before{background-color:#E6602B;}
.letureLayout07 img {position:absolute; right:-75px; top:0; transition: all .5s ease;}
/* 200811 syh 수정 및 추가 */
.letureLayout07 .letureLayoutIn .letureBoxSubjectList li a {background-color:#e6602b; position:relative;width:55px;text-align:center;}
.letureLayout07 .letureLayoutIn .letureBoxSubjectList li a:hover:before{ border-color: #e6602b; }
.letureLayout07 .letureLayoutIn .letureBoxSubjectList li a:hover:after {border-color: #e6602b;}
.letureLayout07 .letureLayoutIn .letureBoxSubjectList li a:hover{color: #e6602b; background-color:#fff;}

/* 221226 kmh 온라인 클래스 수정 */
.letureLayoutOnlineClass {background-color:#2d42bc; color:#fff; position:relative;}
.letureLayoutOnlineClass .letureLayoutIn{height: 330px;}
.letureLayoutOnlineClass .letureLayoutIn .letureTextTitle{padding-top: 80px;}
.letureLayoutOnlineClass:before{background-color:#2237b1;}
.letureLayoutOnlineClass img {position:absolute; right:-75px; top:0; transition: all .5s ease;}
/*//*/

/* 210609 syh 라이트클래스 추가 */
.letureLayoutLightClass {background-color:#fff; color:#8a3eff; position:relative;}/* 221226 kmh 수정 */
.letureLayoutLightClass:before{background-color:#8a3eff;}
.letureLayoutLightClass img {position:absolute; right:-75px; top:0; transition: all .5s ease;}
/*//*/

/* 200325 hyj 추가 */
.letureLayout08 {background-color:#f8f8f8; color:#E6602B; position:relative;}/* 221226 kmh 수정 */
.letureLayout08:before{background-color:#2f85b6;}
.letureLayout08 img {position:absolute; right:-75px; top:0; transition: all .5s ease;}

/* 강사양성 아카데미 200924 syh 추가 */
.letureLayoutTeacherEdu {background-color:#fff; color:#473ca8; position:relative;} /* 210609 syh 수정 */
.letureLayoutTeacherEdu:before{background-color:#473ca8;}
.letureLayoutTeacherEdu img {position:absolute; right:-75px; top:0; transition: all .5s ease;}
.letureLayoutTeacherEdu .letureLayoutIn .letureBoxSubjectList li a {background-color:#473ca8; position:relative;width:55px;text-align:center;}
.letureLayoutTeacherEdu .letureLayoutIn .letureBoxSubjectList li a:hover:before{ border-color: #473ca8; }
.letureLayoutTeacherEdu .letureLayoutIn .letureBoxSubjectList li a:hover:after {border-color: #473ca8;}
.letureLayoutTeacherEdu .letureLayoutIn .letureBoxSubjectList li a:hover{color: #473ca8; background-color:#fff;}
/*//*/

/* 인강 210513 syh 추가 */
.letureLayoutPasta{background-color:#6f1cba;color:#fff;position:relative;overflow:hidden;}
.letureLayoutPasta:before{background-color:#6118a4;height:100%;}
.letureLayoutPasta .letureLayoutIn{height:494px;padding:0;}
.letureLayoutPasta .letureLayoutIn .letureTextTitle:first-child{padding-top:60px;} /* 220519 syh 추가 */
.letureLayoutPasta .letureLayoutIn .letureTextsubTitle {color:#fff;padding-top:60px;margin-bottom:20px;}
.letureLayoutPasta .letureLayoutIn .letureBoxSubjectList li a {background-color:#6217a6; position:relative;}
.letureLayoutPasta .letureLayoutIn .letureBoxSubjectList li a:hover:before{ border-color: #fff; }
.letureLayoutPasta .letureLayoutIn .letureBoxSubjectList li a:hover:after{border-color: #fff;}
.letureLayoutPasta .letureLayoutIn .objeBg{position:absolute; right:0; top:auto;bottom:0; transition: all .5s ease;}
.letureLayoutPasta .letureLayoutIn .letureBoxSubjectList + .letureTextTitle{margin-top:25px;}
/*//*/

/*강의안내 상세 200730 syh 수정 */
.lectureVisual{background-color:#20222C;}
.lectureojTitleTab{position: absolute; top: 0;  width: 100%;height: 60px; z-index: 101; background-color:#1C1F29; box-shadow:0 15px 15px rgba(0,0,0,0.4);}
.lectureojTitleTab:after{content:'';display:block;width:100%;height:1px;background:#333;position:absolute;top:60px;left:0;}
.lectureojTitleTabIn{width:1080px; margin:0 auto 45px;overflow: hidden;}
.lectureojTitleTabIn > li {width:11.8%; float:left;box-sizing:border-box;border-right:1px solid #333;height:60px;} /* 210609 syh 수정 */
.lectureojTitleTabIn > li > a {text-align:center; position:relative;color:#fff; line-height:60px; font-size:15px; font-weight:400; display:block; }
.lectureojTitleTabIn > li:last-child{border-right:0;width:13%;} /* 210513 syh 수정 */
.lectureojTitleTabIn > li > a:before {transition:all .3s ease;display:block; content:''; position: absolute; left:0; bottom:0; width:100%; height:0; z-index:-1;background-color:#D22229;}
.lectureojTitleTabIn > li.on > a {font-weight:600; }
.lectureojTitleTabIn > li.on > a:before {height:100%;}
.lectureojTitleTabIn > li > a.type_long{height:49px;padding-top:11px;line-height:1.32;}/* 230112 kmh 추가 */

.lectureSubTab{width: 100%;position: absolute; left:0;top:60px; text-align: center;height:78px;background-color:rgba(39, 46, 101, 0.4);z-index:100;}
.lectureSubTab > ul{margin-top:20px;}
.lectureSubTab > ul > li {display:inline; opacity:0.7; padding:0px 34px;}
.lectureSubTab > ul > li a {position: relative; font-size:24px; color:#fff; transition:all 0.3s ease; display:inline-block;}
.lectureSubTab > ul > li.on {opacity:1;}
.lectureSubTab > ul > li.on a {font-size:28px;}
.lectureSubTab > ul > li.on a:before {content:""; position:absolute; margin-top:35px; width:100%; border-bottom:2px solid #fff;}
.lectureojTitleTab{overflow: hidden;height:60px;transition: all 0.2s ease-out;}
.lectureojTitleTab.on{height:120px;}
.lectureojTitleTab .btn_more{position:absolute;top:21px;left:50%;margin-left:525px;font-size:12px;color:#9a9faf;width:50px;text-align:right;}
.lectureojTitleTab .btn_more:after{content:'▼';font-size:13px;display:inline-block;vertical-align:middle;transition: all 0.2s ease-out;margin-left:6px;}
.lectureojTitleTab.on .btn_more:after{transform:rotate(180deg);}
/*//*/



.lectureVisualList li.lecVisual{background-color:#20222C; }
.lectureVisual .title{font-size:120px; font-weight:600; color:#fff; letter-spacing: -0.5px; margin-top:170px;}
.lectureVisual .title .subtitle {font-size:30px; font-weight:300;}
.lecturBenefitbox{width:990px; margin: 0 auto 78px;}
.lecturBenefitboxIn{background-color:#fff; padding:41px 35px 58px 21px; position: relative;}
.lecturBenefitboxIn .leBenefitTitle{padding:0 0 28px 0; font-size:40px; font-weight:600; letter-spacing: -0.5px; color:#000;}
.lecturBenefitboxIn .leBenefitTitle .leBenefitsubTitle{display:block; font-size:16px; font-weight:400;}
.leBenefitList{overflow:hidden; margin:0 -24px 0 -14px;}
.leBenefitList li{float: left; width:25%;}
.leBenefitList li .BfIn{padding:43px 24px 0 15px;  text-align:left; border-left:1px solid #D8D8D8; border-top:1px solid #D8D8D8; position: relative; }
.leBenefitList li .BfIn.firstline{padding:14px 17px 42px 14px; border-top:none;}

.leBenefitList li .BfIn  .textBox .number{color:#9B9B9B; font-size:16px; font-weight:400; letter-spacing: -0.5px;}
.leBenefitList li .BfIn  .textBox .text{font-size:23px; font-weight:600; letter-spacing:-0.5px; color:#000; }
.leBenefitList li .BfIn  .textBox .text p {margin:0; font-weight:200; margin-top:12px; letter-spacing: -0.7px; word-break: keep-all; font-size:16px; max-width:120px;}
.leBenefitList li .BfIn .BfIcon {position: absolute; right:30px; top:43px;}
.leBenefitList li .BfIn.firstline .BfIcon{right:24px; top:24px;}
.leBenefitList li .BfIn.linenone{border-left:none;}
.lecturBenefitboxIn .leBeninfo{font-size:12px; color:#BDBDBD; position: absolute; right:30px; bottom:18px; font-weight:600;}
.lecturBenefitbox2{padding-bottom:190px;}
.leBenetbox2In{width:990px; margin:0 auto; position:relative;}
.leBenetbox2In .leBenetbox2Title{color:#fff; font-weight:600; font-size:28px; position: absolute; left:285px; top:-18px;}
.leBenetbox2In .leBenetbox2Title .icon-k-plus { font-size:15px; font-weight:600; display:inline-block; width:27px; height:27px; border:2px solid #fff; border-radius:50%;  line-height:27px; text-align:center; color:#fff;}
.leBenetbox2In .listLayout {padding:51px 61px 38px 61px; border:1px solid #979797; border-top:none; position: relative;}
.leBenetbox2In .listLayout:before {display:block; content:''; width:232px; height:1px; position: absolute; left:0; top:0; background-color:#979797;}
.leBenetbox2In .listLayout:after {display:block; content:''; width:232px; height:1px; position: absolute; right:0; top:0; background-color:#979797;}

.leBenetbox2In  .list_gallery .list_gBox{border:none; position: relative; cursor: default; margin-bottom:0;}
.leBenetbox2In  .list_gallery .list_gBox.on{box-shadow:none;}
.leBenetbox2In  .list_gallery .list_gBox:before{display:block; content:''; width:2px; height:68px; background-color:#DBDBDB; position: absolute; left:-12px; top:0;}
.leBenetbox2In  .list_gallery li:first-child .list_gBox::before{display:none;}
.leBenetbox2In  .list_gallery .list_gBox .beb2listT {margin:0; margin-bottom:12px; color:#FFE692; padding:0 10px;font-size:16px; font-weight:600;}
.leBenetbox2In  .list_gallery .list_gBox .beb2listC{color:#D8D8D8; font-size:13px; font-weight:400; max-width:200px; margin:0 auto;}
.lectureVisualBox .teacherSearchBox{box-shadow:none; position:relative; z-index:1000; bottom:0;}
.letureConList .letureConTitle{font-size:28px; font-weight: 400; color:#000; margin-bottom:51px;}
.letureConList .letureConTitle .bold {font-weight:600; }
.letureConList  .buttonBox {text-align:center; padding-bottom:110px;}

.letureConList .list_gallery  > ul {margin:0 -22px 0 -22px;}
.letureConList .list_gallery .list_gBox{margin:0 22px 43px; }
.letureConList .list_gallery .list_gBox .list_gTex01{height:20px; color:#D22229; transition:all .5s  ease; display:block;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal !important;}
.letureConList .list_gallery .list_gBox .list_gBottom {color:#000; transition:all .5s  ease; bottom:5px; }
.letureConList .list_gallery .list_gBox .list_gBottom .icon-k-next{font-size:11px; color:#000; transition:all .3s  ease;}
.letureConList .list_gallery .list_gBox .list_gBottom a { color:#000; text-decoration: underline;  transition:all .3s  ease; display:block; padding:0; width:303px;}
.letureConList .list_gallery .list_gBox .list_gBottom .listGAP {float:none; position:absolute; bottom:0; left:0; width:225px; }
.letureConList .list_gallery .list_gBox .list_gBottom .listGAP > span {cursor:pointer;}
.letureConList .list_gallery .list_gBox .list_gText{z-index: 1; position:relative;}
.letureConList .list_gallery .list_gBox .list_gText:before {z-index:-1; transition:all .3s ease-in-out; display:block; content:''; position: absolute; left:-1px; bottom:-1px; right:-1px; height:0px; background-color:#D22229;}
.letureConList .list_gallery .list_gBox:hover .list_gText:before{height:142px;}
.letureConList .list_gallery .list_gBox:hover .list_gTex01{color:#fff;}
.letureConList .list_gallery .list_gBox:hover .list_gBottom {color:#fff;}
.letureConList .list_gallery .list_gBox:hover .list_gBottom .icon-k-next{color:#fff;}
.letureConList .list_gallery .list_gBox:hover .list_gBottom a {color:#fff; }
/*강의안내 비쥬얼 슬라이드 모듈 */
.letureConListTab {margin-top:-148px; margin-bottom:80px;background-color:#f3f6f9; overflow:hidden;}
.letureConListTab ul {text-align:center;}
.letureConListTab ul li {display:inline-block; position: relative;}
.letureConListTab ul li a { transition: all .3s ease; display:block; line-height:40px; font-size:19px; padding: 0 30px; color:#000;}
.letureConListTab ul li:before {content:''; width:2px; height:13px; border-left:1px dashed  #999;  display:block;  position: absolute; left:0; top:35px;}
.letureConListTab ul li:first-child:before {display:none;}
.letureConListTab ul li a span {opacity:1; text-indent:0;background:transparent; line-height:80px;}
.letureConListTab ul li.on a {transform:scale(1.2); font-weight:600;}

.firm {margin-top:80px;}




/*특강*/
.specialLectureVisual{margin-bottom:30px; background-color:#000; font-size:24px; color:#666; letter-spacing: -0.5px;}
.specialLectureVisual img {width:100%;}
.spLViIn{padding:68px 0; }
.specialLectureVisual .text02 {font-size:50px; color:#000; margin:16px 0 24px 0}
.specialLectureVisual .text03 {font-size:18px;}
.freelecSearch {margin-top:80px;}
.freelecondi{text-align:right; margin-bottom:36px; }
.freelecondi .btn {cursor: pointer;}
.list_gallery > ul.specialecture {overflow:hidden; margin-bottom:50px;}
.list_gallery > ul.specialecture > li {margin-bottom:32px;}
.specialecture .list_gBox{background-color:#F7F7F7; border:none; z-index:1; }
.specialecture .list_gText {padding:57px 0 0px 0}
.specialecture .list_gBox .list_gText {overflow: hidden;border-top:1px solid #e1e1e1; height: 210px; text-align:center; z-index:1; transition:all .3s ease-in-out; position:relative;}
.specialecture .list_gBox .list_gText:before {z-index:-1; transition:all .3s ease-out; opacity:0; display:block; content:''; position: absolute; left:-1px; bottom:-1px; right:-1px; height:0; background-color:#D31F21}
.specialecture .list_gType_01 { transition: all .3s ease-out; font-size:14px; font-weight:400; background-color:#CB282E; }
.specialecture .list_gTex01{ transition: all .2s ease-out; border:1px solid #272937; display:inline-block;
background-color:#272937; padding:8px 30px; color:#fff; border-radius: 20px; letter-spacing: -0.5px; font-size:18px; margin-bottom:12px;}
.specialecture  .list_gtitle{position: relative; margin:0;margin-bottom:10px;}
.specialecture .dateNumber {color:#24231F; font-size:50px; font-weight:600; padding:0 10px; letter-spacing: -0.5px;}
.specialecture .dashed {color:#666; font-size:30px; font-weight:400; position: absolute; left:50%; top:25px;margin-left:-7px;}
.specialecture .list_gBot {font-size:18px; color:#666; letter-spacing: -0.5px; width:225px; height:60px; margin:0 auto;}
/*
.specialecture .list_gBox:hover .list_gText{background-color:#D31F21;} */
.specialecture .list_gBox:hover {box-shadow: 4px 4px 8px rgba(0,0,0,0.3);}
.specialecture .list_gBox:hover .list_gText:before {height:281px; opacity: 1;}
.specialecture .list_gBox:hover .list_gType_01{background-color:#B71416; }
.specialecture .list_gBox:hover .list_gTex01 { background-color:#D31F21; border:1px solid #fff; }
.specialecture .list_gBox:hover  .dateNumber, .specialecture .list_gBox:hover .dashed{color:#fff;}
.specialecture .list_gBox:hover .list_gBot{color:#fff;}

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

.special_banner .banner_visual{width:1080px;margin:0 auto;}
.special_banner .banner_visual a{display:block;width:100%;height:425px;}

.special_banner .nav{position:absolute;left:calc(50% - 540px);bottom:20px;width:120px;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;}

.list_gallery .special_lecture{margin:0px -12px 0px -12px;}
.list_gallery.list2 .special_lecture li {width:50%; float:left;}
.list_gallery.list3 .special_lecture li {width:33.3%; float:left;}
.list_gallery.list4 .special_lecture li {width:25%; float:left;}
.special_lecture .lec_wrap{position:relative;height:260px;margin:0px 12px 40px;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:25px;box-sizing:border-box;}
.special_lecture .lec_type{position:absolute;right:0;top:0;text-align:right;}
.special_lecture .lec_type .type_txt{display:inline-block;padding:5px 10px;color:#fff;font-size:14px;background:#d31f21;}
.special_lecture .lec_type .type_live{margin-right:15px;}
.special_lecture .lec_tit{margin:15px 0 10px;color:#000;font-size:25px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.special_lecture .lec_date{margin:0;color:#d31f21;font-size:20px;font-weight:600;}
.special_lecture .lec_tc{position:absolute;right:20px;bottom:10px;text-align:right;}
.special_lecture .lec_tc span{position:relative;display:inline-block;width:83px;height:83px;margin:0 -5px;border-radius:100px;background:#dadada;overflow:hidden;}
.special_lecture .lec_tc span img{position:absolute;left:calc(50% - 78px);top:7px;width:160px;}

.special_lecture .labelBlack{padding:5px 8px;font-size:14px;color:#fff;position:absolute;left:0;top:0;}/* 231107 kmh 추가 */
/* //230112 hyj [특강 목록 페이지 개편]/ */

/*특강 상세 페이지 */
.freeDIn .specialectureInfo  { width: 100%; padding-bottom: 10px; border-bottom: 1px solid; border-color: rgba(151,151,151,0.4); margin-bottom: 42px;}
.freeDIn .specialectureInfo th{font-size: 18px; font-weight: 400; letter-spacing: -0.5px; text-align: left;}
.freeDIn .specialectureInfo td {font-size: 20px; font-weight: 400; color: #000;}
.freeDIn .freeDContainer {padding-bottom:42px;}
.freeDIn .freeDContainer .freeDCon {overflow:hidden; overflow-y: auto;}
.freeDIn .freeDBottom {background-color:#F8F8FF;}
.freeDIn .freeDInfutBox { background-color:#F4F4FB;   padding: 20px 50px;}
.freeDIn .freeDInfutBox label {font-size: 18px; font-weight: 600;  letter-spacing: -0.5px; color: #000; margin-right: 8px;}
.freeDIn .freeDInfutBox input[type="text"] { border-radius: 20px; border: 1px solid #D7D7D7; background-color: #fff; padding: 8px; font-size:15px;}

/*특강2*/
.visualImageBoxF02 {background-image:url(/assets/user/images/freeBg02.jpg); background-size:cover; height:377px;}
.visualImageBoxIn {width:500px; margin:0 auto; text-align:center; position:relative;}
.visualImageBoxF02 img { padding-top:30px;/* position:absolute; left:50%; margin-left:-223px;*/}
.freelecoFile li .list_gBox{margin-bottom:0;overflow:hidden;}
.specialecture.freelecoFile .list_gBox .list_gBot {line-height:39px; font-size: 24px; color: #000;letter-spacing: -0.5px; width: 195px; height: 60px; margin: 0 auto; word-break: keep-all;}
.specialecture.freelecoFile .list_gTex01 {margin-bottom:30px;}
.specialecture.freelecoFile .list_gBox:hover .list_gBot {color:#fff;}
.specialecture.freelecoFile .list_gBox .list_gText{height:195px;}
.fredownloadFile {margin:0 12px; }
.fredownloadFile a {font-size:15px; display:inline-block; width:50%; position:relative; float:left; background-color:#E4E7EE; color:#646A78;height:54px; line-height:54px; text-align:center; transition:all .3s;}
.fredownloadFile a.on{background-color:#D31F21; color:#fff; }
.fredownloadFile a:before{width:1px; height:100%; background-color:#fff; position:absolute; left:0; top:0; display:block; content:"";}
.fredownloadFile a:first-child:before{display:none;}
.fredownloadFile a .icon-k-download {font-size:30px;vertical-align: middle }
.fredownloadFile a .icon-play2 {font-size:18px; vertical-align:middle; padding-left:5px;}
.freelecPannel .pannel {display:none;}
.freelecPannel .pannel.block{display:block;}

.frAnalysisLayout .franalyTextBox .title{margin:0; margin-bottom:30px; font-size:32px; letter-spacing:-0.5px; color:#24231F; font-weight:400;}
.frAnalysisLayout .franalyTextBox  .textBox {padding:44px 55px 46px 80px; background-color:#F6F6F6; position:relative; font-size:24px; font-weight:600; color:#000;}
.frAnalysisLayout .franalyTextBox  .textBox img{position:absolute; right:112px ;top:-58px;}
.frAnalysisLayout .franalyTextBox  .textBox .ulStyle {margin-top:32px;}
.frAnalysisLayout .franalyTextBox  .textBox .ulStyle > li:before{margin:8px 0 0 -25px;width:24px; height:24px; border-radius:0; background-color:transparent; background:url(/assets/user/images/Checkbox_gray.png) no-repeat center top;}
.frAnalysisLayout .franalyTextBox  .textBox .ulStyle > li{font-size:18px; color:#666; font-weight:400; letter-spacing: -0.5px;}


.franalydataSlider{background-color:#D2D2D9; padding:73px 115px 64px 115px; margin-bottom:164px; position: relative;overflow:hidden;}
.franalydataSlider:before{display:block; content:''; background-color:#D2D2D9; position: absolute;left:0; top:0; width:96px; height:100%; z-index:2;}
.franalydataSlider:after{display:block; content:''; background-color:#D2D2D9; position: absolute;right:0; top:0; width:96px; height:100%; z-index:2;}
.franalydataSlider .fredownloadFile a {width:100%; transition:all .3s; }
.franalydataSlider .fredownloadFile a .icon-download2{padding-left:20px;}
.franalydataSlider .wvNextBox {display:block !important;}
.franalydataSlider .list_gallery > ul {margin:0 -20px 0 -20px;}
.franalydataSlider .list_gBox {margin:0px 20px 0; cursor:default;}
.franalydataSlider .list_gBox:hover {background-color: #F7F7F7; box-shadow:none;}
.franalydataSlider .list_gBox:hover .list_gTex01 {background-color: #272937; border: 1px solid #272937;}
.franalydataSlider .list_gBox:hover .list_gtitle, .franalydataSlider .list_gBox:hover .list_gBot {color:#272937;}
.franalydataSlider .list_gBox .list_gText:before {background-color: #F7F7F7; }
.franalydataSlider .list_gBox:hover .dateNumber, .franalydataSlider .list_gBox:hover .dashed {color:#272937;}
.franalydataSlider .fredownloadFile{margin:0 20px}
.franalydataSlider .list_gtitle {margin-bottom:0;}
.franalydataSlider .list_gBox .list_gTex01 {margin-bottom:0;}

.franalydataSlider .specialecture.freelecoFile .list_gBox .list_gText{height:225px;}
.franalydataSlider .specialecture.freelecoFile .list_gBox:hover .list_gBot {color:#24231F;}
.franalydataSlider  .specialecture.freelecoFile .list_gBox .list_gBot {line-height:27px; font-size:20px;}
.visualBox .spLViIn {font-size:24px; letter-spacing: -0.5px;color:#666;}
.visualBox .text02 {font-size:50px; font-weight:600; letter-spacing:-0.5px; color:#000;}
/*특강2팝업*/
.layerpopupContainer{padding-top:0;}
.freelec02 .title .line{width:1px; height:24px; background-color:#D8D8D8; margin:0 20px; display:inline-block; padding:0;}
.freelec02 .info{margin:0; border-bottom:1px solid #E6E6E6; padding-bottom:33px; font-size:18px; letter-spacing:-0.5px;}
.freelec02 .info .info02{color:#000; font-size:20px; padding-left:20px;}

/*특강2 mp3 클릭시 팝업*/
.mpPopup .layerpopupIn {width:600px; margin-left:-300px;}
.mpPopup .layerpopupTop {padding: 20px 20px 0 20px;}
.mpPopup .layerpopupTop .title {border-bottom:1px solid #E6E6E6; font-size:22px; padding-bottom:20px; margin-bottom:0;}
.mpPopup .layerpopupTop .title span.red {font-size:20px;}
.mpPopup .freelec02 .title .line {height:16px; margin:0 10px;}
.mpPopup .layerpopupContainer {padding:20px 50px;}
.mpPopup .layerpopupContainer audio {width:100%;}

/* 230125 hyj [특강 토익시험대비 페이지 개편] */
.special_banner.toeic .banner_wrap{position:relative;text-align:center;background:url('/assets/user/images/special_lecture/toeic_lec/bg_banner.png') no-repeat center 0 / auto 100%;}
.special_lecture.freelecoFile{}
.special_lecture.freelecoFile .box_wrap{position:relative;height:310px;padding:60px 40px 0;margin:0px 20px 60px;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:40px;line-height:40px;padding:0 20px;margin:0;color:#fff;font-size:19px;background:#af73b7;}
.special_lecture.freelecoFile .list_gTex02{color:#000;font-size:18px;font-weight:600;}
.special_lecture.freelecoFile .list_gtitle{margin:10px 0;color:#000;font-size:30px;font-weight:600;cursor:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.special_lecture.freelecoFile .list_gBtn{position:absolute;left:40px;bottom:90px;}
.special_lecture.freelecoFile .list_gBtn a{display:inline-block;line-height:1.2;color:#666;font-size:17px;font-weight:600;border-bottom:1px solid #666;}
.special_lecture.freelecoFile .list_gBtn a + a{margin-left:45px;}
.special_lecture.freelecoFile .list_gBtn a:hover{border-color:#666;}
.special_lecture.freelecoFile .list_gBtn a:after{content:'\e904';position:absolute;top:3px;margin-left:5px;font-size:14px;font-family:'wvIcon' !important;}
.special_lecture.freelecoFile .fredownloadFile{position:absolute;left:0;bottom:0;width:100%;margin:0;background:#fff;}
.special_lecture.freelecoFile .fredownloadFile a{position:relative;display:block;height:64px;line-height:64px;padding:0 0 0 70px;color:#000;font-size:16px;font-weight:600;text-align:left;border-top:1px solid #e1e1e1;background:url('/assets/user/images/special_lecture/toeic_lec/ic_down.png') no-repeat 88% center / auto;box-sizing:border-box;}
.special_lecture.freelecoFile .fredownloadFile a.mp3_down{border-left:1px solid #e1e1e1}
.special_lecture.freelecoFile .fredownloadFile a:before{display:none;}
.special_lecture.freelecoFile .fredownloadFile a:after{content:'';position:absolute;left:30px;top:0;width:27px;height:100%;}
.special_lecture.freelecoFile .fredownloadFile a.file_down:after{background:url('/assets/user/images/special_lecture/toeic_lec/ic_file.png') center no-repeat;}
.special_lecture.freelecoFile .fredownloadFile a.mp3_down:after{background:url('/assets/user/images/special_lecture/toeic_lec/ic_mp3.png') center no-repeat;}
.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;}
/* //230125 hyj [특강 토익시험대비 페이지 개편] */



/*청강*/
.visualImageBoxF03 {text-align:center; background-image:url(/assets/user/images/freeBg03.jpg); background-size:cover; height:337px;}
.freelecTablayout03 ul {margin-bottom:0;}
.freelecTablayout03 ul li{float:left; margin-left:0;}
.freelecTablayout03 ul li a {padding:21px 30px; position: relative;}

.freelecTablayout03 ul li a:before{ border: 0 solid transparent; box-sizing: border-box; content: '';display:block;
position: absolute;width: 0;height: 0; top: 0;left: 0; z-index:1;}
.freelecTablayout03 ul li a:after{ z-index:2;top: 0;right: 0;  border: 0 solid transparent; box-sizing: border-box; content: '';display:block; position: absolute;width: 0;height: 0; }
.freelecTablayout03 ul li a:before { border-top-width: 1px; border-left-width: 1px; }
.freelecTablayout03 ul li a:after { border-right-width: 1px;}
.freelecTablayout03 ul li.on a:before,.freelecTablayout03 ul li.on a:after { border-color: #000; transition: border-color 0s, width .3s,
height .3s; width: 100%; height: 100%;}
.freelecTablayout03 ul li.on a:after { transition:f.sitInonBTable td.title border-color 0s, width 0.3s, height .4s; width: 100%; height: 100%;border-color: #000;}
.freelecTablayout03 ul li.on a:before {transition-delay: 0s, .2s, 0s;}
.freelecTablayout03 ul li.on a:after {transition-delay: 0s, 0s, .4s;}
.freelecTablayout03 ul li.on a{border:none; transition:all .3s ease; }
.freelecTablayout03 ul.list3 li{width:33.3%;}
.freelecTablayout03 ul.list4 li{width:25%;}
.freelecTablayout03 ul.list5 li{width:20%;}
.freelecTablayout03 ul.list6 li{width:16.6%;}
.monthSection {clear:both;}

.sitInonBox{background-color:#F6F6F6; position: absolute; right:0; top:0;padding:15px;}
.sitInonBox .bu_al_red {padding:11px 0; width:100%;}
.sitInonBTable, .sitInonBTable td{border:none; margin:0; padding:0; border-spacing:0;}
.sitInonBTable {width:100%; margin-bottom:15px;}
.sitInonBTable td {vertical-align: middle;}
.sitInonBTable td.title{font-size:16px; color:#333; vertical-align: top; margin-bottom:0; line-height:37px; padding-top:0;}
.sitInonBTable td.title .classChk {padding-top:0;  margin-top:-10px; }
.sitInonBTable td.title .classChk a { color:#19468E; text-decoration: underline;  font-size:13px;}
.sitInonBTable td.cont {padding-left:20px;}
.sitInonBTable td.cont  select { margin-bottom:8px; border:1px solid #E1E1E1; border-right:none; background-color:#fff;  width:200px; height:36px; line-height:24px; padding:8px 12px;
font-size:16px; font-weight:400; color:#666; position:relative; -webkit-appearance: none;  -moz-appearance: none; appearance: none; background-image: url(/assets/user/images/selectDown.png);
background-repeat:  no-repeat; background-position: 90% 50%;}
.sitInonBTable td.cont select::-ms-expand { display: none;}
.sitInonBox .sitInonBoxBtn{display:block; text-align: center; color:#fff; background-color:#D31F21;
font-size:18px; padding:15px 0; transition: all .4s ease; position: relative; overflow:hidden; z-index: 1;}
.sitInonBox .sitInonBoxBtn:before{z-index:-1;display:block; content:'';transition:width .5s ease; width:0; height:100%; position: absolute; right:0; bottom:0; background-color:#272937;}
.sitInonBox .sitInonBoxBtn:hover:before {width:100%; left:0;}
.sitInonBox .sitInonBoxBtn:hover {background-color:#D31F21; color:#fff; font-weight:600;}
.sitInonLayoutList {display:none;}
.sitInonLayoutList:first-child {display:block;}
.sitInonLayoutList .monthTabLayout{position: relative;}
/* .sitInonLayoutList .monthTabLayout ul > li {float:left; margin:0 24px; position:relative;}
.sitInonLayoutList .monthTabLayout ul > li:first-child{margin-left:0;}
.sitInonLayoutList .monthTabLayout ul > li:first-child:before{display:none;}
.sitInonLayoutList .monthTabLayout ul > li:before{display:block; content:''; position:absolute; left:-24px; width:1px; height:35px; background-color:#D2D2D2;}
.sitInonLayoutList .monthTabLayout ul > li a{ display:block; float:none; padding:0; border:none; font-size:30px; letter-spacing:-0.5px; color:#9C9C9C;}
.sitInonLayoutList .monthTabLayout ul > li.on a{color:#000; box-shadow:none; background:none; border:none;}
.sitInonLayoutList .monthTabLayout ul > li .line {margin:0 12px; font-size:22px; color:#D2D2D2;}
.sitInonLayoutList .monthTabLayout select { margin-bottom:8px; border:1px solid #E1E1E1; border-right:none; background-color:#fff;  width:111px; height:34px; line-height:19px; padding:8px 12px;
font-size:15px; font-weight:400; color:#666;  -webkit-appearance: none;  -moz-appearance: none; appearance: none; background-image: url(/assets/user/images/selectDown.png);
background-repeat:  no-repeat; background-position: 90% 50%; float:none; position: absolute; right:0; top:10px; margin-top:0;}
.sitInonLayoutList .monthTabLayou select::-ms-expand { display: none;}
.sitInonLayout > li.sitInonLayoutList{display:none;}
.sitInonLayout > li.sitInonLayoutList:first-child{display:block;}*/
.monthSection > li.monthSecList {display:none;}
.monthSection > li.monthSecList:first-child {display:block;}
.monthSection .webzineRight > .title{width:402px;}



/* 수강후기 */
.reviewVisual {background-image:url('/assets/user/images/reviewBg.png'); background-repeat:no-repeat; background-size:100% 100%; height:377px;}/* 201210 syh 이미지명 수정 */
.reviewVisual .reviewVisualIn {width:1080px; margin:0 auto; position:relative;}
.reviewVisual .reviewVisualTtl img {margin-top:30px; position:absolute; left:50%;  margin-left:-304px;}
.reviewVisual .reviewVisualTtl p {display:inline-block;}

/* 220825 pny 수강후기 노출 영역 추가 */
/* 241008 hyj 수정 */
.review_visualWrap{width:100%;margin-bottom:-18px;background:url('/assets/user/images/review_visual_bg.jpg') no-repeat;position:relative;}/* 250328 kmh 수정 */
.review_visualWrap .review_visualIn{width:650px;padding-bottom:50px;margin:0 auto;text-align:center;}
.review_visualWrap .review_visualTtl{display:block;margin:0 auto;padding:45px 0 25px;color:#fff;font-size:26px;}
.review_visualWrap .review_visualTtl em{display:inline-block;width:100%;font-size:28px;}
.review_visualWrap .review_visualTtl strong{display:block;font-size:50px;}
.review_visualWrap .review_visualTtl p{margin:15px 0 0;font-weight:100;}
.review_visualWrap .review_visualTtl p .txt_num {font-weight:bold;}
.review_visualWrap .review_visualCon p{height:60px;line-height:60px;margin:0 auto;color:#fff;font-size:20px;font-weight:100;background:rgba(0, 0, 0, .5);}
.review_visualWrap .review_sliderWrap{position:relative;}
.review_visualWrap .review_sliderWrap .review_slider{}
.review_visualWrap .review_sliderWrap .button-prev,
.review_visualWrap .review_sliderWrap .button-next{position:absolute;top:0;width:50px;height:100%;z-index:10;cursor:pointer;}
.review_visualWrap .review_sliderWrap .button-prev{left:-50px;background:url('/assets/user/images/ico_review_l.png') no-repeat 0 center / 25px;}
.review_visualWrap .review_sliderWrap .button-next{right:-50px;background:url('/assets/user/images/ico_review_r.png') no-repeat 100% center / 25px;}
.review_visualWrap .review_sliderWrap div.swiper-button-disabled{opacity:.3;cursor:auto;}
/* //241008 hyj 수정 */
/* //220825 pny 수강후기 노출 영역 추가 */

/* 220112 hyj 성적노출 영역 추가 */
/* 220216 kmh 후기 전용 class추가 */
.winnerWrap.type_review{margin-bottom:50px;}
.winnerWrap.type_review .button-prev,
.winnerWrap.type_review .button-next{position:absolute;top:0;width:30px;height:100%;z-index:10;cursor:pointer;}
.winnerWrap.type_review .button-prev{left:0;background:url('/assets/user/images/scoreBox_prev.png') center no-repeat}
.winnerWrap.type_review .button-next{right:0;background:url('/assets/user/images/scoreBox_next.png') center no-repeat}
.winnerWrap.type_review .winnerList{}
.winnerWrap.type_review .swiper-wrapper{margin-left:50px;}
.type_review .winnerList .wrap{display:inline-block;width:206px;height:245px;text-align:center;background:url('/assets/user/images/bg_scoreBox.png') no-repeat;}
.type_review .winnerList .wrap .score{padding:25px 0 10px;color:#d31f21;font-size:24px;font-weight:600;}
.type_review .winnerList .wrap .score em{padding:0 3px;font-size:46px;}
.type_review .winnerList .wrap .info{padding-top:20px;}
.type_review .winnerList .wrap .info strong{display:block;line-height:1.2;color:#333;font-size:21px;}
.type_review .winnerList .wrap .info p{margin:10px 0 0;color:#666;font-size:12px;}
/* //220216 kmh 후기 전용 class추가 */

/* 라벨 */
.lineWebzineBorad .ico_badge{display:inline-block;position:absolute;top:15px;right:15px;width:105px;height:29px;line-height:31px;color:#d31f21;font-size:15px;font-weight:600;font-style:italic;text-align:center;background:url('/assets/user/images/ico_badge.png') no-repeat;}
.lineWebzineLeftIn .lect_type{position:absolute;left:0;top:0;padding:2px 5px 1px;color:#fff;font-size:14px;background:#d31f21;z-index:10;}
.lineWebzineRight .lect_type{display:inline-block;padding:2px 5px 1px;color:#fff;font-size:14px;background:#d31f21;vertical-align:middle;z-index:10;}
/* //220112 hyj 성적노출 영역 추가 */

.reviewSerachBox{background-color:#30353D; margin-bottom:40px;}
.reviewTitle {padding:47px; width:1080px; margin:0 auto;color:#fff; position: relative;}
.reviewTitle .title {position: absolute; left:40px; top:40px; font-size:24px; font-weight:600; letter-spacing: -0.3px;}
.reviewTitle .subT {font-size:16px; padding-left:250px; }
.reviewTitle .subT .point01 {color:#95B9FF; text-decoration: underline;}
.reviewTitle .subT .point02 {color:#FFE3A1; text-decoration: underline;}
.reviewTitle .subT .subt02 {padding-left:24px;}

.reviewListLayout{position: relative;}
.reviewListLayout  .lineWebzineTitle{position: relative;}
.reviewListLayout  .lineWebzineTitle .listCondition{top:6px;}
.reviewListLayout .lineWebzineRight a{color:#000; }
.reviewListLayout .lineWebzineRight a:hover{text-decoration: underline;}
.reviewListLayout .commentGPA span {padding: 0;}
.reviewListLayout .lineWebzineLeftIn img {    max-width: 253px; margin-left: -10px;}

.reviewCommentBtttonBox {text-align:right;}

.reviewHit.hiticon {/* position:absolute; right:0; bottom:5px;; */ font-size:15px;}
.reviewHit.hiticon .txt{font-weight:400; padding-right:7px;  font-size:14px; padding-left:0;}
/*수강후기 상세내용*/
.reviewDetailTitle {padding:0px 0 48px 0; font-size:28px; color:#000; letter-spacing:-0.5px;}
.reviewDetailCon {position: relative;}
.reviewDetailCon .reDTitle { position: relative;}
.reviewDetailCon .reDTitle .ico_badge{display:inline-block;width:122px;height:40px;margin:0 0 6px;line-height:42px;color:#d31f21;font-size:17px;font-weight:600;font-style:italic;text-align:center;background:url('/assets/user/images/ico_badge2.png') no-repeat;}/* 240508 kmh 추가 */
.reviewDetailCon .reDTitle .title{margin:0;font-size:28px;font-weight:600;color:#000;border-bottom: 2px solid #000;padding:0 190px 19px 0;margin-bottom:12px;}
/*.reviewDetailCon .reDTitle .title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}*/
/* 220112 hyj 수정 */
.reviewDetailCon .reDTitle .write{position:absolute;right:0;bottom:11px;font-size:15px;font-weight:400;color:#666;}/* 240508 kmh 수정 */
.reviewDetailCon .reDTitle .write span{vertical-align:0;}
.reviewDetailCon .reDTitle .write .ico_badge{margin:0 15px 0 0;}/* 240508 kmh 수정 */
/* 220112 hyj 수정 */

.reviewDetailCon .reDTitle .write .line{color:#D8D8D8; font-size:12px; padding:0 5px;}
.reviewDetailCon .reDInfo {position: relative; margin-bottom:13px;}
.reviewDetailCon .reDInfo .commentGPA {position: absolute; right:0; top:0;}
.reviewDetailCon .reDInfo .commentGPA .reviewHit.hiticon {position:relative; bottom:1px; padding:0;vertical-align:middle;}
.reviewDetailCon .reDInfo .commentGPA .reviewHit.hiticon .line {color:#D8D8D8; font-size:12px; padding:0 5px;}
.reviewDL{background-color:#F8F9FA;padding:40px 17px 28px 30px; margin-bottom:40px; position:relative;}
.reviewDL .list_gBox .list_gImg{height:176px;}
.reviewDL .list_gBox .list_gText {min-height:60px;padding:20px 16px; background-color:#fff;}/* 210616 hyj 수정 */
.reviewDetailCon li .list_gBox .list_gText .list_gtitle {font-size:24px; letter-spacing:-0.5px; margin:0; }
.reviewDL  .reviewDetailCon .list_gBox .list_gText .list_gBotto {position: relative;}
.reviewDL  .reviewDetailCon .list_gBox .list_gText .list_gBotto .icon-star-full {font-size:17px;}
.reviewDL .list_gBox:hover {box-shadow:none;}
.reviewDL .list_gBox:hover  .list_gtitle{color:#000;}
.listGAP .number{font-weight:600;font-size:18px; color:#333; margin-left:7px; vertical-align:middle;}
.list_gBotto .listGAP {width:130px;}
.list_gBotto .listNumber {padding: 3px 0px 0px 0px; position:relative; float:right; width: 75px;}
/* 수강후기 상세별점 클릭시 */
.starScoreLayout{background-color:#fff; width:314px; position:absolute; left:-22px; top:0; box-shadow:0 3px 10px rgba(0,0,0,0.3); display:none; z-index:3;}
.starScoreIn{ padding:20px;}
.starScoreIn .title {text-align:left;color:#000; position: relative; padding-bottom:12px; font-size:20px; font-weight:400; letter-spacing:-0.5px; border-bottom:1px solid rgba(230,230,230,0.5);}
.starScoreIn .title .icon-k-close2 {width:30px; height:30px; position: absolute; right:0; top:0; display:block; }
.starScoreIn ul{padding-top:20px;}
.starScoreIn ul li{position:relative;}
.starScoreLayout .starprogbar {width:100%;}
.starScoreLayout .starprogbar td {padding:5px 0; position: relative;}
.starScoreLayout .starprogbar td.gpaProTitle{position: relative;}
.starScoreLayout .starprogbar .prograssBg {background-color:#E9E9E9; margin-left:14px; top:6px; width:164px; right:0;s}
.starScoreLayout .starprogbar  .prograssContainer {color:#fff;}
.starScoreLayout .starprogbar td.gpaProTitle .subtitle .helpexContainer{width:180px; top:7px; left:100px;}
.starScoreLayout .prograssData {background-color:#D31F21}
.teachersca{margin-bottom:12px;}
.teachersca a{display:inline-block; color:#fff; font-size:13px; font-weight:400; letter-spacing:-0.5px; width:100px; padding:10px 0; text-align:center;}
.teachersca a span{margin-left:10px;font-size:12px; vertical-align: middle;}
.teachersca .link01{background-color:#272937; margin-right:3px;}
.teachersca .link02{background-color:#6D6D6D;}
.detailstar{color:#19468E; text-decoration:underline;}
.reviewDL .list_gBox.on {box-shadow:none; color:#333; background-color:#fff;}
.reviewDL .list_gBox.on .list_gtitle {color:#333;}
.reviewDL .list_gBox.on .listNumber {text-decoration: underline;}
#basicResult .commentClassInfo .commentGPA {margin-bottom:0;}


.reviewDL .list_gallery > ul {margin:0 -12px 0 -12px;}
.reviewDL .list_gallery > ul > li{position:relative;}
.reviewDL .list_gallery > ul > li.bg{z-index:1; display:none; content:''; background-color:#fff; position:absolute !important; width:100%; height:100%;opacity:0.5;  left:0px; right:0px; top:0; bottom:0px;}
.reviewDL .list_gBox{margin:0 12px 24px;}
.reDText{padding:0 0 20px; font-size:15px;}
.reDTextIn {padding:0 20px 60px 20px; position: relative; font-size:15px;}
.reDTextIn img {max-width:100%;}
.reDText .teacherSnsInfo {right:0; bottom:0; }
.teacherSnsInfo .kakaoId {padding-left:5px;}
.reDTextIn .reDtexBtn {text-align:center; margin-top:50px; }
.reDTextIn .reDtexBtn a {display:inline-block; width:200px; height:23px; color:#000; border:1px solid #000; font-size:20px; text-align:center; margin:0 4px; padding:16px 0;}
.reDTextIn .reDtexBtn a img {margin-right:16px;}
.reDTextIn .reDtexBtn a:before{display:block; content:''; width:0; height:100%; position:absolute; le}
.reDcommentList {border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin-bottom:28px; }
.reDcommentList li{border-top:1px solid #E1E1E1;}
.reDcommentList li:first-child{border-top:none;}
.reDcommentList li .redcLtop{position: relative;}
.reDcommentList li .redcLbottom {background-color:#F8F9FA;}
.useiconbg {display:inline-block; width:52px; height:52px; background-color:#272937; color:#fff; text-align:center;  line-height:53px; font-size:30px;}
.username{padding-left:13px; font-size:18px; letter-spacing: -0.5px; line-height:53px; vertical-align: top;}
.username .userdate{color:#999; vertical-align: top;}
.redcLbottom .text{padding: 30px 65px 30px 65px;word-wrap: break-word;overflow: hidden;white-space: pre-line;}
.redcLtopicon{position: absolute; right:0; top:15px;}
.redcLtopicon span{ color:#000; font-size:18px; padding:0 5px}

.pageNavigation{position:relative; }
.pageNavigation a.reDListBackLink{transition: all .2s; display:block; position: absolute;
left:0; top:0;  border:1px solid #000 ;color:#000; position:relative;
padding:16px 0; width:209px; text-align:center;overflow: hidden; background-color:#fff; z-index:1}
.pageNavigation a.reDListBackLink:before{z-index:-1; display:block; content:''; width:0; height:100%; position:absolute; right:0; bottom:0; background-color:#D31F21; transition:all .5s ease;}
.pageNavigation a.reDListBackLink:hover {border:1px solid #D31F21; color:#fff;}
.pageNavigation a.reDListBackLink:hover:before{width:100%; left:0;}
.pageNavigation .buttonBox {position: absolute; top:-21px; width: auto; right: 0px;}
.pageNavigation .buttonBox a {font-size:20px; color:#fff;}
.pageNavigation .bu_al_red:hover {color: #D31F21;}

.iconstarScore a {width:134710px; height:20px; display:inline-block; overflow:hidden; float:left; position:relative;}
.editTop ul li .inputBox table td span.iconstarScore{width:122px;height:20px; overflow:hidden; display:inline-block;}
.editTop ul li .inputBox table td .iconstarScore a .icon-star-full, .editTop ul li .inputBox table td .iconstarScore a .icon-star-empty, .editTop ul li .iconstarScore a .inputBox table td .icon-star-half{padding-left:0; position:absolute; }
/*댓글쓰기*/
.commentWriteLayout{border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin-bottom: 48px;}
.comwriteName{border-bottom: #e1e1e1;}
.comwriteName .tit{display:inline-block; background-color:#F8F9FA; padding:19px 83px 19px 20px;color:#000; font-size:18px; font-weight:600;}
.nameInput {padding-left:16px;}
.nameInput input{padding:8px 0 9px 12px; color:#000;}
.comwriteContainer {background-color:#F8F9FA; border-top: 1px solid #e1e1e1;}
.comwriteCon{padding:25px 20px 23px; position:relative;}
.comwriteCon textarea{width:885px;padding:20px 16px; height:85px; resize:none; font-size:15px; color:#666; vertical-align: middle;}
.comwriteCon button{position:absolute; right:21px; top:25px; color:#fff; border:1px solid #272937; background-color:#272937; text-align:center; padding:52px 0;width:120px; font-size:18px;}
.comwriteCon .textarInfo{position:absolute; font-size:15px; color:#999; right:169px ;top:126px;}
.comwriteCon p{color:#000; font-size:15px; letter-spacing:-0.5px;}

/*수강후기 작성*/
.editTitle {margin-top:68px;}
.editTitle .title {margin:0; padding-bottom:24px; font-size:28px; letter-spacing: -0.5px; color:#000;}
.editTop{border-top:2px solid #000; margin-bottom:28px;}
/* 220112 hyj 수정 */
.editTop ul li{position:relative;display:table;width:100%;border-bottom:1px solid #E1E1E1;overflow: hidden;}
.editTop ul li .title{display:table-cell;width:150px;height:100%;margin:0;padding:19px 0 20px 18px;color:#000;font-size:18px;font-weight:600;letter-spacing:-0.5px;background-color:#F8F9FA;}
.editTop ul li .inputBox {display:table-cell;padding:10px 15px;padding-left:10px;}
.editTop ul li .inputBox input[type="text"] {display:inline-block; padding:0px 12px; width:97%; height:36px;}
.editTop ul li .inputBox input.write {width:123px;}
.editTop ul li .inputBox .namLabel{vertical-align: middle; line-height:36px; margin-left:4px;}
.editTop ul li .inputBox select { width:100%; margin-bottom:24px; border:1px solid #E1E1E1; border-right:none; background-color:#fff;  height:36px; line-height:23px; padding:8px 12px; font-size:16px; font-weight:400; color:#666; position:relative; }
.editTop ul li .inputBox select {-webkit-appearance: none;  -moz-appearance: none; appearance: none; background: url(/assets/user/images/selectDown3.png) no-repeat 100% 50%;}
.editTop ul li .inputBox select::-ms-expand { display: none;}
.editTop ul li .inputBox table{width:100%; margin:0; padding:0; }
.editTop ul li .inputBox table td{border-bottom:1px solid #E1E1E1; padding:0; margin:0;  padding:16px 0 16px 0; position: relative; }
.editTop ul li .inputBox table td:first-child{padding-left:0;}
.editTop ul li .inputBox table td.tableFirst {padding-top:0;}
.editTop ul li .inputBox table td.tableTitle {font-size:16px; font-weight:600; color:#000; }
.editTop ul li .inputBox table td.tableTitle .line {padding:16px; color:#D8D8D8; font-weight:400;}
.editTop ul li .inputBox table td.tableTitle .titlegray {color:#666;font-weight:400; padding-right:8px;}
.editTop ul li .inputBox table td.tableTitle .red {font-weight:400;}
.editTop ul li .inputBox table td .icon-star-full, .editTop ul li .inputBox table td .icon-star-empty, .editTop ul li .inputBox table td .icon-star-half {font-size: 20px; padding-left:5px; vertical-align: text-bottom;}
.editTop ul li .inputBox table td .icon-star-full.gray{color:#BFBFBf}
.editTop ul li .inputBox table td span{vertical-align: middle; float:none;}
.editTop ul li .inputBox table td .helpexContainer { left:73px; bottom:0; padding:5px; height:43px;}
/* 달성점수 */
.editTop ul li .inputBox .score_input{margin-top:10px;}
.editTop ul li .inputBox .score_input div span{padding:0 10px;}
.editTop ul li .inputBox .score_input input[type="text"]{width:60px;color:#000;font-size:16px;font-weight:600;text-align:left;}
.editTop ul li .inputBox .score_input em{padding:0 5px;color:#000;font-size:16px;font-weight:600;}
/* //220112 hyj 수정 */
.helpexContainer{z-index:1; display:none; position: absolute; left:0px; top:0; width:auto; padding:5px 14px; border:1px solid #666; font-size:11px; font-weight:400; color:#666; line-height:16px; letter-spacing:-1px; background-color:#fef7ec;}
.editTop ul li .inputBox table td .helpexContainer{top:-8px; left:69px;}
.editTop .editInfomationTextBox {background-color:#F8F9FA; padding:28px 0 28px 20px;}
.editTop .editInfomationTextBox .ulStyle > li{border:none; font-size:14px; letter-spacing: -0.5px; font-weight:400;}
.editTop .editInfomationTextBox .ulStyle > li:before {content:'*'; background-color:transparent; margin:0px 0px 0px -12px;}
.editLayout{border:1px solid red; margin-bottom:36px; height:501px;}
.editButtonBox{text-align: center}
.editButtonBox button{padding:16px 87px; display:inline-block; color:#333;  margin:0 4px; border:1px solid #666666; font-size:20px; letter-spacing: -0.5px; position:relative;}
.editButtonBox button.submBtn {z-index:1; background-color:#D31F21; margin-right:12px; color:#fff; border:1px solid #D31F21;}
.editButtonBox button:before{ transition: width .5s ease; display: block; content: ''; width: 0; height: 100%; background-color: #D31F21; position: absolute;right: 0; bottom: 0; z-index: -1;}
.editButtonBox button:hover:before {width:100%; left:0;}
.editButtonBox button.submBtn:before{background-color:#272937;}
.editButtonBox button:hover{color:#fff; border:1px solid #D31F21}
.editButtonBox button.submBtn:hover{border:1px solid #272937;}

/*통합검색 결과 */
.searReNaviTabLayout {background-color:#121B3F;}
.searReNaviTabIn {width:1080px; margin:0 auto;overflow: hidden;}
.searReNaviTabIn ul li{float:left; width:25%; text-align:center}
.searReNaviTabIn ul li a {    position: relative;display: block; color:#fff; font-size:18px; letter-spacing:-0.5px;
width:192px; transition:all .4s;  padding-top:22px; padding-bottom:21px;z-index:1; }
.searReNaviTabIn ul li a:after {transition:height .4s ease;display:block; content:''; width:100%; height:0; position: absolute; left:0; bottom:0; background-color:#D31F21;}
.searReNaviTabIn ul li.on a{ background-color:#D31F21;}
.searReNaviTabIn ul li.on a:after {height:100%;    z-index: -1;}
.serchVisual{background-color:#F3F6F9;}
.serchReInputBox p{margin:0;}
.serchReInputBox {position:relative; padding:45px 0 30px 0; width:1080px; margin:0 auto;}
.serReInLeft{position: absolute; left:8px ;top:45px; font-size:20px; letter-spacing: -0.5px;text-align: left; color:#000;}
.serReInLeft p{font-weight: 500; font-size: 22px; margin-top: 9px;}
.serReInCenter {position: relative;}
.serReInCenter input {width:550px;}
.serReInCenter button{width:50px; height:50px; top:10px; right:18px; box-shadow:none; transition:all .3s ease-in;}
.serReInCenter button:hover {box-shadow: 2px 5px 5px rgba(0,0,0,0.3);}
.serReInCenter button span{font-size:25px;}
.serReInCenter::before{    content: '';width: 2px; height: 64px; border-left: 1px dashed #999; display: block; position: absolute; right: -40px;bottom: 0;}
.serReInRight{z-index:100; position: absolute; right:16px; top:65px; text-align:left; color:#000; font-size:20px; letter-spacing:-0.5px;}
.serReInRight .red{font-size:24px; font-weight:600; letter-spacing:-0.5px;}
.serReInRight .downicon {padding-left:20px; font-weight:600; font-size:13px; display:inline-block;}
.scListWrap{min-width:154px; position: absolute;; top:-16px; left:0; background-color:#fff; padding:21px 14px 0 14px; box-shadow: 3px 3px 15px rgba(0,0,0,0.3);}
.scListWrap .scTitle strong{display:block; font-size:19px;}
.scListWrap .scTitle span{color:#979797; font-size:13px;}
.scListWrap .scList ul li{  padding: 8px 0; border-top: 1px dotted #E9E9E9;font-size: 16px;}
.scListWrap .scList ul li:first-child {border-top: 0px;}
.scListWrap .scList ul li .red {font-size:16px; padding-right:3px;}
.serReInRightIn{position: relative;}
.scListWrap .scList .scTitle .upicon{font-weight:600;font-size:13px; padding-left:33px; display:inline-block;}
.serchSection{margin-bottom:80px;}
.searReSTitle{margin:50px 0; position: relative;}
.searReSTitle .red {font-weight: 600;}
.searReSTitle select{position: absolute; right:0; margin:0; border:1px solid #CBCBCB; background-color:#fff; width:111px; height:34px; padding:9px 0 7px 12px; color:#000;line-height:16px; }
.searReSTitle select {-webkit-appearance: none;  -moz-appearance: none; appearance: none; background: url(/assets/user/images/selectDown_black.png) no-repeat 89% 50%;}
.searReSTitle select::-ms-expand { display: none;}
.serchSection .lineWebzineBoradLayout li:first-child{margin-top:27px;}
.serchSection .lineWebzineBoradLayout li .commentGPA {padding-left:20px;}
.basicList .lineWebzineBoradLayout li .commentGPA {margin-bottom:0}
.serchSection .lineWebzineBoradLayout li .commentGPA .num{padding-left:15px;}

.serchSectionTitle{margin:0; position: relative; padding:0 8px 30px; font-size:23px;color:#000; font-weight:600; letter-spacing: -0.5px;}
.titleLine{border-bottom:1px solid #F0F0F0;}
.serchSectionTitle  .count{color:#666;}
.serchSectionTitle a{position: absolute; right:0; top:0;font-size:16px; font-weight:400; color:#9C9C9C;}
.serchSectionTitle a .icon-k-plus {font-size:6px; font-weight:600; padding-right:8px;}

.serchRefrList {overflow:hidden; margin:24px -10px 0 -10px;}
.serchRefrList li {float:left; width:25%; margin-bottom:48px;}
.serchRefrList li .list_gBox  {margin:0 10px 19px;}
.serchRefrList li .list_gBox .list_gText {background-color:#F7F7F7; text-align: center; padding:57px 0 36px;overflow:hidden;}
.serchRefrList li .list_gBox .list_gType_01.red {background-color:#CB282E;}
.serchRefrList li .list_gBox .list_gTex01 {padding:9px 30px 6px; display: inline-block; background-color: #272937; padding: 8px 30px;
color: #fff; border-radius: 20px; letter-spacing: -0.5px; font-size: 18px; margin-bottom: 20px;}
.serchRefrList li .list_gBox .list_gtitle{position: relative; margin-bottom:20px; font-size:60px;}
.serchRefrList li .list_gBox .list_gBot {    font-size: 20px; color: #666; letter-spacing: -0.5px;}
.serchRefrList li .list_gBox .dateNumber {color: #24231F; font-size: 60px; font-weight: 600; padding: 0 10px;letter-spacing: -0.5px;}
.serchRefrList li .list_gBox .dashed { color: #666; font-size: 30px; font-weight: 400; position: absolute; left: 50%; top: 25px; margin-left: -7px;}
.serchRefrList li .searDateBox table{margin:0; padding:0; margin-left:10px;}
.serchRefrList li .searDateBox table td{font-size:16px; letter-spacing:-0.5px;}
.serchRefrList li .searDateBox table .dateTitle {color:#000; width:64px; }
.serchRefrList li .searDateBox table .dateTitle .pad {display:inline-block; width:21px; height:10px;}

.serchRefrList .list_gBox:hover .list_gText{background-color:#D31F21;}
.serchRefrList .list_gBox:hover .list_gType_01{background-color:#000; }
.serchRefrList .list_gBox:hover.list_gTex01 { background-color:#9C0002; }
.serchRefrList .list_gBox:hover  .dateNumber, .serchRefrList .list_gBox:hover .dashed{color:#fff;}
.serchRefrList .list_gBox:hover .list_gBot{color:#FFE59F;}


.serchTabCon ul li.searchPannel {display:none;}
.serchTabCon ul li.searchPannel:first-child{display:block;}
.searchPannel .productTitle {color:#666;}

/*
.serchRefrList li{padding:32px 8px;  overflow: hidden;}
.serchRefrList li .leftbox {float:left;}
.serchRefrList li .leftbox  .list_gBox{margin:0;}
.serchRefrList li .leftbox  .list_gBox .list_gText{padding:50px 40px 35px;  background-color:#F7F7F7;  text-align: center;}
.serchRefrList li .leftbox  .list_gBox  .list_gType_01 {color:#fff; background-color:#CB282E;font-size:12px; font-weight:400; letter-spacing:-0.5px; padding:5px 7px;}
.serchRefrList li .leftbox  .list_gBox .list_gTex01 { display: inline-block; background-color: #272937; padding: 8px 23px;color: #fff;border-radius: 20px; letter-spacing: -0.5px;font-size: 14px;margin-bottom: 7px;}
.serchRefrList li .leftbox  .list_gBox  .list_gtitle {position: relative; margin:0;}
.serchRefrList li .leftbox  .list_gBox  .list_gtitle .dateNumber { color: #24231F; font-size: 45px; font-weight: 600; padding: 0 10px;letter-spacing: -0.5px;}
.serchRefrList li .leftbox  .list_gBox  .dashed {color: #666;font-size: 14px;font-weight: 400;position: absolute;left: 50%;top: 25px;margin-left:0;}
.serchRefrList li .leftbox  .list_gBox .list_gBot {font-size:15px; color:#333;}
.serchRefrList li .rightbox {float:left; padding-left:30px;}
.serchRefrList li .rightbox p {margin:0;}
.serchRefrList li .rightbox .title {margin-bottom:15px;}
.serchRefrList li .rightbox .title a{color:#333; font-size:20px; font-weight:600;}
.serchRefrList li .rightbox .info{margin-bottom:15px;}
.serchRefrList li .rightbox .info .place{display:inline-block; padding:7px 12px 5px 13px; color:#fff; background-color:#272937; font-weight:400; font-size:15px; letter-spacing: -0.5px;}
.serchRefrList li .rightbox .info  .subject {font-size:16px; color:#24231F; letter-spacing: -0.5px; font-weight: 400; padding:0 12px}
.serchRefrList li .rightbox .info  .line{color:#D8D8D8; height:11px; padding:0; padding-right:12px;}
.serchRefrList li .rightbox .date p {margin-bottom:9px; font-size:15px; letter-spacing: -0.5px;}
.serchRefrList li .rightbox .date p .title {color:#000;} */


/*찾아오시는길*/
.acdemmyVisual{height:239px; margin-bottom:53px; margin-top:68px; background-color:#F6F6F6; position:relative; overflow:hidden;}
.acdemmyVisual > ul > li {float:left; text-align:center;}
.acdemmyVisual .wvNextBox span {font-size:30px;}
.acdemmyVisual .wvNextBox .nextBu, .acdemmyVisual .wvNextBox .prevBu {z-index:90;}
/*배너 선택 안했을경우*/
.nobanner {margin-top:80px;}
.floorBox{background-color:#F3F6F9; padding:22px; position: relative;  margin-bottom:80px; min-height:490px;}
.floorBox:after{display:block; content:''; clear:both;}
.floorImage {width:564px; height:440px; position: absolute; top:24px; left:23px; overflow: hidden; z-index:10;}
.floorSelect{display:none;     background-color: transparent; /* position: absolute;  top: 25px; left: 25px;*/ background-color: #F3F6F9; padding: 16px 0 0 16px;z-index: 11;}
.floorSelect select {border:none; color:#000; width:80px; height:26px;  font-size:20px; position:relative; display:inline-block; margin:0; transition: all. 3s;}
.floorSelect select {-webkit-appearance: none;  -moz-appearance: none; appearance: none; background: url(/assets/user/images/selectDown3_black.png) no-repeat 95% 31%;}
.floorSelect select::-ms-expand { display: none;}
.floorSelect:hover select{opacity:1;}
.floorImage .bigImg {width:100%; height:313px; margin-bottom:12px; overflow:hidden;}
.floorImage .bigImg img {width:100%; display:none; height:312px}
.smallImgList {position: relative; }
.smallImgList ul{margin:0 -7px 0 -7px; overflow:hidden;}
.smallImgList ul li {width:33.3%; float:left; transition:all 0.3s ease;}
.smallImgList ul li:hover {opacity:0.6;}
.smallImgList ul li .smIin {height:109px;background-color:gainsboro}
.smallImgList ul li .smIin img {width:100%;}
/*이미지 슬라이드 css*/
.smallImgList .wvNextBox{display:block !important;}
.smallImgList .wvNextBox span{font-size:25px;}
.smallImgList .wvNextBox .prevBu {top:0; margin-top:43px;}
.smallImgList .wvNextBox .nextBu {top:0; margin-top:43px;}
.floorTextInfo{padding-left:578px;}
.placeFloorLayout {position:relative;}
.placeFloorLayout >ul > li{height:0;overflow:hidden;position:relative;}/* 200908 kmh 수정 */
.placeFloorLayout > ul > li.on{height:auto;}
.floorTextInfoIn {position:relative;}
.floortbBtn{position:absolute; padding-right:34px;}
.floortbBtn li a{z-index:1; position:relative; overflow:hidden; transition:all .4s ease; display:inline-block;width:89px; height: 45px; margin-bottom:12px; line-height: 45px; cursor: pointer;text-align: center;font-size: 20px;color: #fff;border-radius: 20px;background-color: #818AA1;}
.floortbBtn li.on a{box-shadow:0 10px 15px rgba(0,0,0,0.4);}
.floortbBtn li a:before{transition:all .4s ease; z-index:-1;background-color:#D31F21; display:block; content:''; height:0; width:100%; position: absolute; left:0; bottom:0;}
.floortbBtn li.on a:before{height:100%;}
.floortbCon{margin-left:120px;}
.floortbCon li { display:none; height:420px; overflow-y:auto;}
.floortbCon li:first-child{display:block;}
.floortbCon li p{margin:0;}
.floorNumber {word-break : break-all; font-size:24px; letter-spacing: -0.5px; font-weight:400; color:#000; margin-bottom:30px;} /* 191231 kmh 수정 */
.floortbCon li .text{color:#000; margin-bottom:10px;}
.floorPhar{margin-bottom:26px;letter-spacing: -0.8px; font-size:16px; font-weight:400;}
.bold{font-weight:600;}

.locationBox .mapCont {margin-bottom:80px;}
.locationBox  .mapCont .title{font-size:30px; letter-spacing: -0.5px; color:#000; margin-bottom:24px;}
.locationBox  .mapCont  .map{height:450px;}
.locationBox  .mapCont ul {padding:22px 0; border-bottom:1px solid #E1E1E1; position: relative;}
.locationBox  .mapCont ul li {font-size:16px; color:#707070;}
.locationBox  .mapCont ul li p {margin:0;}
.locationBox  .mapCont ul li strong{color:#000;}
.locationBox  .mapCont ul li .line{color:#D8D8D8; font-size:14px;}
.locationBox  .mapCont ul li.list2 {position: absolute;right:0; top:22px;}

.locationBox .trafficCont, .locationBox .parkingCont{position: relative; margin-bottom:80px;}
.locationBox .trafficCont .tractitle, .locationBox .parkingCont .partitle {position: absolute; left:0; top:-3px; font-size:30px; font-weight:400; letter-spacing: -0.5px; color:#000;}
.trafficContIn {padding-left:184px;}
.trafficBox {overflow:hidden;}
.subway{margin-bottom:12px;}
.subway .trafficIcon{padding:18px 16px 0; height:74px; background-color:#EFEFEF; border-radius: 5px; text-align: center;float:left;}
.subway .trafficText {padding-top:18px;}
.subway .trafficText li{margin-bottom:10px; color:#000;}
.bus .trafficText li{margin-bottom:4px;}
.iconBox{display:inline-block;}
.trafficIcon p { margin:0; color:#313131; font-size:16px; letter-spacing: -0.5px;margin-top:8px;}
.bus .trafficIcon{padding:33px 20px 0; height:92px; background-color:#EFEFEF; border-radius: 5px; text-align: center;float:left;}/* 220411 kmh 수정 */
.trafficText{float:left; font-size:16px; color:#666;}
.trafficText ul{padding-left:24px;}
.sub1{color:#fff; display:inline-block; width:23px; height:23px; border-radius: 50%; background-color:#359723; text-align:center; margin-right:8px; line-height:24px;}
.sub2{color:#fff; display:inline-block; width:23px; height:23px; border-radius: 50%; background-color:#AA8F09; text-align:center; margin-right:8px; line-height:24px;}
.sub3{color:#fff; display:inline-block; width:23px; height:23px; border-radius: 50%; background-color:#8B50A4; text-align:center; margin-right:8px; line-height:24px;}
.sub4{color:#fff; display:inline-block; width:23px; height:23px; border-radius: 50%; background-color:#0D3692; text-align:center; margin-right:8px; line-height:24px;}
.sub5{color:#fff; display:inline-block; width:23px; height:23px; border-radius: 50%; background-color:#FE5B10; text-align:center; margin-right:8px; line-height:24px;}

.busbox{display:inline-block; color:#fff; width:74px; height:28px; text-align:center; font-size:15px; line-height:28px;margin-right:11px;}
.bus1{background-color:#F15252;}
.bus2{background-color:#23548D;}
.bus3{background-color:#44A532;}
.bus4{background-color:#ffaf01;}/* 220411 kmh 추가 */

.parkingBox{padding-left:184px; font-size:16px; line-height:26px;}
.parkingBox p {margin:0; margin-top:34px;}
.acdemmyVisualbottom{height:239px; margin-bottom:194px;background-color:#F6F6F6}


/*강의시간표*/
.scheduleTop {margin-top:69px; margin-bottom:55px;}
.scheduleTopBox {background-color:#121B3F; position: relative; padding:27px 40px 27px 40px; color:#fff; margin-bottom:40px;}
.sctopbMonth{position: relative; font-size:24px; color:#D2D4DB; letter-spacing: -0.5px; }
.sctopbMonth a{color:#fff;}
.sctopbMonthCon {display:inline-block; color:#D2D4DB; padding:0 40px;}
.sctopbMonthCon span{font-size:40px; font-weight:600;color:#fff;}
.scheduleTopBox .titletext{position: absolute; right:40px; top:16px; font-size:24px; letter-spacing: -0.5px; font-weight: 400;}
.scheduleListBox{margin:0 12px;}
.scheduleListBox ul {overflow:hidden; margin:0 -14px 0 -14px;}
.scheduleListBox ul li{float: left; width:25%;}

/* 201005 kmh 수정 */
.sclistboxIn{margin:0 14px 25px; background-color:#f8f9fa; border:1px solid #ececec;}
.sclistboxIn a{ transition: all .2s ease-in;z-index:1; display:block; position: relative; padding:45px 0;}
.sclistboxIn a p {margin:0; text-align:center; font-size:18px; letter-spacing: -0.5px;}
.sclistboxIn a p span{ transition: all .2s ease-in; margin-right:7px; vertical-align:middle; display:inline-block; font-size:24px; font-weight:600; color:#000; letter-spacing: -0.5px;}
/* //201005 kmh 수정 */

.sclistboxIn a .icon-k-download {font-size:45px; position: absolute; right:34px; top:45px;}
.sclistboxIn a:before {z-index:-1; transition:height .4s ease;display:block; content:''; width:100%; height:0; position: absolute; left:0; bottom:0; background-color:#D31F21;}
.sclistboxIn a:hover:before  {height:100%;}
.sclistboxIn a:hover {color:#fff;}
.sclistboxIn a:hover p span{color:#fff;}
.scheduleBottom {margin-bottom:150px;}
.scheduleBottom .title{font-size:30px; letter-spacing: -0.5px; color:#000; font-weight:400; margin-bottom:30px; }
.scheduleBottom .scheduleClassBtn{margin-bottom:30px;}
.scheduleBottom .scheduleClassBtn li {display:inline-block; margin-left:18px; text-align: center;}
.scheduleBottom .scheduleClassBtn li:first-child{margin-left:0;}
.scheduleBottom .scheduleClassBtn li a{z-index:1; font-size:18px; display:block; color:#fff;text-align: center;
background-color:#818AA1; padding:16px 0; border-radius: 50px; position: relative; overflow: hidden; width:162px;}
.scheduleBottom .scheduleClassBtn li a:before { z-index:-1; transition:all .4s ease; display:block; content:''; width:100%; height:0; background-color:#D31F21; position: absolute; left:0; bottom:0;}
/* .scheduleBottom .scheduleClassBtn li a.on{background-color:#D31F21;} */
.scheduleBottom .scheduleClassBtn li a.on:before {height:100%;}
.scheduleBottom .calendarBox{height:auto; margin-bottom:16px; border:none; }
.scheduleBottom .calendarBox table, .scheduleBottom .calendarBox table td {margin:0; padding:0; border-spacing:0;}
.scheduleBottom .calendarBox table {width:100%;border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1;}
.scheduleBottom .calendarBox table th {font-size:16px; padding:10px 0; border: 1px solid #E1E1E1; border-bottom:none; border-left:none; color:#000;}
.scheduleBottom .calendarBox table td{ position:relative; width:60px; height:80px; padding-top:14px;vertical-align: top;border:1px solid #E1E1E1; border-bottom:none; border-left:none;}
.scheduleBottom .calendarBox table td.on {background-color:#F6F6F6;}
.scheduleBottom .calendarBox table td span{padding:14px 13px;}
.scheduleBottom .calendarBox table td span.box{display:inline-block; padding:8px 0; color:#fff;
background-color:#D31F21; position: absolute; top:38px; left:50%; width:100px; margin-left:-50px; text-align:center; font-size:14px;}
.scheduleBottom .classExtxt p {margin:0; margin-top:10px; font-weight:400; font-size:16px; letter-spacing:-0.5px; color:#272937;}
.scheduleBottom .classExtxt p.red{color:#D31F21}
.scheduleBottom .classExtxt p:first-child{margin:0;}
.scheduleBottom .classExtxt {padding:20px 0 18px 20px; background-color:#F3F6F9;}

/* 201005 kmh 추가 */
.scheduleStepWrap{padding-bottom:80px;}
.scheduleStepWrap .tabBox_round{}

.scheduleIndex{}
.scheduleIndex h3{margin:45px 0 35px;font-size:36px;font-weight:600;color:#000;}
.scCategory{overflow:hidden;}
.scCategory .categoryInner{margin:-8px;}
.categoryColumn{font-size:0;position:relative;}
.categoryColumn *{box-sizing:border-box;}
.categoryColumn > li{width:33.33%;padding:8px;display:inline-block;vertical-align:top;}
.categoryColumn dl{height:100%;padding:35px 38px 28px;background-color:#f3f6f9;}
.categoryColumn dt{margin-bottom:15px;font-size:24px;font-weight:600;color:#000;}
.categoryColumn dd{padding:6px 0;font-size:18px;}
.categoryColumn dd .icon-k-next3{margin-top:-5px;font-size:10px;color:#d31f21;position:absolute;right:0;top:50%;display:none;}
.categoryColumn dd a{padding-right:15px;color:#666;position:relative;}
.categoryColumn dd a:hover{color:#d31f21;border-bottom:1px solid #d31f21;}
.categoryColumn dd a:hover .icon-k-next3{display:block;}
.categoryColumn{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap;}

.scheduleResult{padding:60px 0 0;}
.scheduleResult select{border:none;color:#000;border-bottom:1px solid #121B3F;background-color:#F6F6F6;min-width:110px;height:36px;padding-bottom:12px;line-height:24px;font-size:18px;font-weight:600;position:relative;display:inline-block;margin:0 14px;}
.scheduleResult select{-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(/assets/user/images/selectDown2.png) no-repeat 95% 31%;}
.scheduleResult select::-ms-expand{display:none;}
.scheduleResult select:first-child{margin:0;}
.scheduleResult .selectric-wrapper{line-height:0px;width:200px;display:inline-block;margin-right:10px;text-align:left;}
.scheduleResult .selectric {background-color:transparent;border:0px;border-bottom:1px solid #121B3F;width:100%;height:40px;font-size:18px;position:relative;display:inline-block;margin:0px;vertical-align :middle;}
.scheduleResult .selectric .button{font-family:'wvIcon' !important;background-color:transparent;}
.scheduleResult .selectric .button:after{content:"\eafe";font-size:14px;color:#666;transform:rotate(90deg);line-height:38px;width:38px;height:38px;}
.scheduleResult .selectric-items .selectric-group .selectric-group-label{border-bottom:1px dashed #ccc;background-color:#eee;}
.scheduleResult .selectric .label{font-size:24px;font-weight:600;color:#000;}
.scheduleResult .selectric-items li{padding:15px 10px;font-size:18px !important;}
.scheduleResult .searchLayoutIn .selectric-wrapper:first-child{width:140px;}
.scheduleResult .scrHead{margin-bottom:35px;}
.scheduleResult .scrHead:after{content:'';display:block;clear:both;}
.scheduleResult .scrHead .selectBox{padding:33px 0 0;float:left;}
.scheduleResult .scrHead .bannerBox{float:right;}
.scheduleResult .scrHead .detailSearchWrap{width:100%;float:left;margin-top:20px;}

.scheduleResult .scrBody{}
.scheduleResult .tableMulti .btnNormal{padding:0 12px;margin:0 1px;font-size:14px;}/* 250106 kmh 수정 */
.scheduleResult .tableMulti .btnNormal.iconArr:after{width:5px;height:5px;margin-left:3px;}/* 250106 kmh 추가 */

/* 201127 kmh 수정 및 추가 */
.scheduleResult .guideText{text-align:right;padding:0 0 7px;}
.detailSearchWrap{position:relative;z-index:1;}
.detailSearchWrap.on{z-index:2;}
/* // */
.detailSearchWrap .detailHead{background-color:#121b3f;}
.detailSearchWrap .detailBody{height:0;position:absolute;left:0;top:100%;right:0;border:1px solid #121b3f;background-color:#f8f8ff;overflow:hidden;-webkit-transition:all .5s ease;transition:all .5s ease;}
.detailSearchWrap .btnDetail{height:80px;padding:0 45px 0 56px;outline:none;border-right:1px solid #293152;}/* 210113 hyj 수정 */
.detailSearchWrap .btnDetail > span{display:block;font-size:20px;line-height:80px;font-weight:600;color:#fff;}
.detailSearchWrap .btnDetail .icon-k-next3{margin-left:5px;font-size:13px;color:#fff;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transform:rotate(90deg);transform:rotate(90deg);padding:5px;border-radius:100px;background-color:#d31f21;}/* 210113 hyj 수정 */
.detailSearchWrap.on .btnDetail .icon-k-next3{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
.detailSearchWrap .btnDetail,
.detailSearchWrap .btnDetail .icon-k-next3,
.detailSearchWrap .desc{display:inline-block;}
.detailSearchWrap .desc{vertical-align:middle;font-size:16px;color:#fff;opacity:0.5;padding-left:40px;}/* 210113 hyj 수정 */
.detailSearchWrap .filterWrap{width:100%;display:table;table-layout:fixed;border-spacing:0;}
.detailSearchWrap .filterWrap .col{padding:25px 0 25px 40px;display:table-cell;border-left:1px solid #dfdfe5;border-bottom:1px solid #dfdfe5;}
.detailSearchWrap .filterWrap .col:first-child{border-left:none;}
.detailSearchWrap .filterBtn{padding:20px 0;text-align:center;}
.detailSearchWrap .filterBtn .bu_al_black{min-width:160px;padding:10px 0;}

/* 210113 hyj 수정 */
.scheduleResult .searchinputBox {float:left;width:290px;margin:0 0 0 10px;padding-top:33px;}
.scheduleResult .searchinputBox input {width:75%;height:40px;padding:0;}
.scheduleResult .searchinputBox input::placeholder {color:#000;font-weight:600;}
.scheduleResult .searchinputBox button {width:59px;height:59px;top:23px;right:0;background-color:#121b3f;}
.scheduleResult .searchinputBox button span {font-size:22px;}
/* 210113 hyj 수정 */

.filterWrap dt{margin-bottom:10px;font-size:18px;font-weight:600;color:#000;}
.filterWrap dd{}
.filterCheckList{}
.filterCheckList li{padding:7px 0;}
.filterCheckList label{padding:0 0 0 29px;display:inline-block;font-size:16px;color:#666;position:relative;}
.filterCheckList label:before{left:0;top:1px;}

/* 210113 hyj 수정 */
.tableMulti{}
.tableMulti table{width:100%;border-spacing:0;border-collapse:collapse;border-top:2px solid #000;}
.tableMulti th,
.tableMulti td{text-align:center;font-size:18px;line-height:1.4;color:#000;border-width:1px 1px 1px 0;border-style:solid;border-color:#d2d2d2;}
.tableMulti tr th:first-child,
.tableMulti tr td:first-child{border-left:none;}
.tableMulti tr th:last-child,
.tableMulti tr td:last-child{border-right:none;}
.tableMulti th{padding:15px 0;background-color:#f6f6fc;border-top:none;}
.tableMulti td{padding:16px 5px;text-shadow:0 0 #000;border-left:1px solid #d2d2d2}
/* //210113 hyj 수정 */
.tableMulti .ptGray{font-size:16px;color:#666;}
.tableMulti .ptBlue{font-size:15px;color:#19468e;}
.tableMulti div.ptGray{margin-top:15px;}
.tableMulti div.ptBlue{margin-top:8px;}
.tableMulti .price{line-height:1.1;}
.tableMulti .price .discount{font-size:15px;color:#c7c7c7;text-decoration:line-through;}
.tableMulti .price .realPrice{font-size:20px;font-weight:600;}
.tableMulti .bookInfoWrap{display:inline-block;position:relative;}

.bookInfoWrap *{box-sizing:border-box;}
.bookInfoWrap .layerBookInfo{width:450px;margin:12px 0 0;text-align:left;background-color:#fff;position:absolute;top:100%;right:0;box-shadow:0 5px 20px 1px rgba(0,0,0,0.2);border-radius:5px;display:none;z-index:1000;}
.layerBookInfo .layerWrap{padding:15px 30px;}
.layerBookInfo .layerHead{padding:8px 0;position:relative;border-bottom:1px solid #e2e6eb;}
.layerBookInfo .layerClose{margin-top:-13px;font-size:0;position:absolute;right:0;top:50%;}
.layerBookInfo .layerClose .icon-k-close2{font-size:25px;color:#666;}
.layerBookInfo .layerTit{font-size:24px;font-weight:600;color:#000;}
.layerBookInfo .layerBody{padding:30px 0;}
.layerBookInfo .bookInfoItems{height:290px;overflow-x:hidden;overflow-y:auto;}

.bookInfoItems{}
.bookInfoItems li{}
.bookInfoItems li + li{margin-top:30px;}
.bookInfoItems .wrap{width:100%;display:table;table-layout:fixed;border-spacing:0;}
.bookInfoItems .wrap > div{display:table-cell;}
.bookInfoItems .bookImg{width:130px;padding:0 18px;text-align:center;}
.bookInfoItems .bookImg img{width:95px;}
.bookInfoItems .bookCont{padding:5px 0;vertical-align:top;}
.bookInfoItems .bookSbj{font-size:16px;line-height:1.4;color:#666;word-break:keep-all;}
.bookInfoItems .bookSbj em{color:#000;}

.iconQuestion{width:19px;height:19px;margin:0 3px;display:inline-block;text-align:center;font-size:12px;font-weight:300;line-height:22px;color:#fff;background-color:#bac7dd;border-radius:50%;}




/*이벤트 혜택*/
.eventListBox {margin-bottom:80px;}

.eventListLayout .list_gallery > ul{margin:0 -22px 0 -22px}
.eventListLayout .list_gallery > ul li .list_gBox {margin: 0 22px 48px; overflow:hidden;overflow: hidden; }
.eventListLayout .list_gallery > ul li .list_gBox .list_gImg {position:relative;}
.eventListLayout .list_gallery > ul li .list_gBox .list_gImg img{transition: all .5s ease; }

.eventListLayout .list_gallery > ul li .list_gBox:hover .list_gImg img{transform: scale(1.1);}

.eventListLayout .list_gallery > ul li .list_gBox  .list_gImg {overflow:hidden;}
.eventListLayout .list_gallery > ul li .list_gBox .list_gtitle {font-size:20px; font-weight:600;letter-spacing:-0.5px; margin-bottom:8px; word-break:break-word; margin-top:0;}
.eventListLayout .list_gallery > ul li .list_gBox .list_gBottom {bottom:10px; color:#000;}
.lableBox{position: absolute;right:0; top:0; z-index:1;}
.eventListLayout .list_gallery > ul li .list_gBox .list_gType_2 {background-color:#CB282E; display:inline-block; color:#fff; padding:6px 8px 6px 10px; margin-left:-4px;}
.eventListLayout .list_gallery > ul li .list_gBox .list_gType_1 {background-color:#272937; display:inline-block; color:#fff; padding:6px 8px 6px 10px;}
.eventListLayout .list_gallery > ul li .list_gBox .list_gType_01 {right:68px;}
/* 이벤트 혜택 마우스 오비시 */
.eventListLayout .list_gallery > ul li .list_gBox:hover .list_gText{ color:#fff; }
.eventListLayout .list_gallery > ul li .list_gBox:hover .list_gText:before {bottom:0; height:100%;}
.eventListLayout .list_gallery > ul li .list_gBox:hover .list_gtitle, .eventListLayout .list_gallery > ul li .list_gBox:hover .list_gTex01 {color:#fff;}
.eventListLayout .list_gallery > ul li .list_gBox:hover .list_gBottom {color:#fff;}
/*// 이벤트 혜택 마우스 오비시 */
.eventListLayout .list_gallery > ul li .list_gBox .list_gTex01 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 20px;height: 37px;}
.eventListLayout .list_gallery > ul li .list_gBox .list_gText { padding:17px; min-height:120px; position:relative; }
.eventListLayout .list_gallery > ul li .list_gBox .list_gText:before {display:block; content:''; width:100%; height:0; background-color:#D31F21; position:absolute; left:0; bottom:-63px; transition:all .5s ease; z-index:-1;}

.eventListBox .eventLisCond {text-align: right; margin-bottom:36px;}
.eventListBox .eventLisCond .btn {cursor: pointer;}
.eventListBox .eventLisCond .btn.red{font-weight:600;}
.eventListBox li.eventCon{display:none;}
.eventListBox li.eventCon:first-child {display:block;}
.eventListLayout .pageNavigation {margin-top:15px;}

.eventListBox li .table_normal {width:100%; border-top:2px solid #000; border-bottom:1px solid #E1E1E1; margin-bottom:30px;}
.eventListBox li .table_normal  caption {font-size:0; text-indent:-9999px; overflow:hidden; height:0;}
.eventListBox li .table_normal thead tr th {background-color:#F3F6F9; padding:18px 0; font-size:18px; font-weight:600; letter-spacing: -0.5px;}
.eventListBox li .table_normal tbody tr td {padding:20px 5px 19px 5px; text-align:center; font-size:16px; font-weight:400; letter-spacing: -0.5px;}

.eventListBox li .table_normal tbody tr td a {color:#000; display:inline-block; line-height: 52px; text-overflow: ellipsis; white-space: nowrap; display: inline-block; word-wrap: normal;  width: 580px; overflow: hidden;}
.eventListBox li .table_normal tbody tr td a:hover {text-decoration: underline;}

/* 200108 kmh 추가 */
.eventListBox li .table_normal tbody tr td .bu_l_Dblue{width:auto; padding:0 32px; vertical-align:middle; line-height:32px; color:#fff; border-radius:0;}
.eventListBox li .table_normal tbody tr td .bu_l_Dblue:hover{color:#383c47; text-decoration:none;}

/*이벤트 상세 디테일 1*/
.eventDeTitle{margin-top:69px;}
.evDetIn{padding:0 12px 19px; color:#000; color:#000; font-size:28px; letter-spacing: -0.5px; font-weight:600; border-bottom:2px solid #000; margin-bottom:21px;}
.evDetIn .line {font-size:24px; color:#D8D8D8; font-weight:300; padding:0 12px;}
.evDetInfo{text-align: right; font-size:15px; color:#000; margin-bottom:40px;}
.evDetInfo span.line{color:#D8D8D8; font-size:11px; padding:12px;}
.hiticon img{vertical-align: middle; padding-right:7px;}

.hiticon {font-size:15px; font-weight:bold; color:#666;}
.hiticon .txt {font-size:14px; font-weight:400; padding-right:7px;}
/* 230102 hyj 수정 */
.evDetInContainer{text-align: center ; position: relative; border-bottom:1px solid #D8D8D8; padding-bottom:20px; margin-bottom:30px;}
.evDetInContainer p{margin:0;}
.evDetInConIn {padding-bottom:60px;}/* 260520 hyj 수정 */
.evDetInContainer .evDetInConIn .text{text-align:left; font-size:15px; line-height:24px; letter-spacing: -0.5px;}
.evDetInContainer .evDetInConIn .text .subtit {font-size:20px; letter-spacing: -0.5px; margin-bottom:10px;}
.evDetInContainer .teacherSnsInfo{bottom:20px;display:block;width:100%;padding:0;margin:0 auto;border:none;}/* 230829 kmh 수정 */
.evDetInContainer .teacherSnsInfo li + li{margin-left:7px;}
/* //230102 hyj 수정 */
.evbuttonBox {margin-top:28px; margin-bottom:50px;}
.evbuttonBox a{z-index:1;transition: all .3s  ease;display:inline-block; padding:16px 87px; text-align:center;
color:#333; border:1px solid #D7D7D7; position:relative; font-size:20px; letter-spacing: -0.5px; z-index:1;}
.evbuttonBox a:before {z-index:-1; display:block; content:''; width:0; height:100%; background-color:#D31F21; position: absolute; right:0; bottom:0; transition:all .5s ease;}
.evbuttonBox a:hover:before {width:100%; left:0;}
.evbuttonBox a:hover{color:#fff; }
.eventDeTitle2{margin-top:0}
.eventDeTab{margin-bottom:60px;}
.evDetInConIn .teacherSnsInfo li .icon-k-youtube { padding: 0 5px;}

/*이벤트 혜택(제휴사)*/
.allianceLayout .allianceLayoutIn input {width:375px; padding-left:12px; height:35px;}
.allianceLayout .allianceLayoutIn button {right:60px;}
.allianTabButton {background-color:#F3F6F9; overflow:hidden;}
.allianTabButton li {float:left; }
.allianTabButton.list8 li{width:12.5%;}
.allianTabButton.list7 li{width:14.2%;}
.allianTabButton.list6 li{width:16.6%;}
.allianTabButton.list5 li{width:20%;}
.allianTabButton.list4 li{width:25%;}
.allianTabButton.list3 li{width:33.3%;}
.allianTabButton li a { z-index:1; position:relative; background-color:#F3F6F9; color:#000;
text-align:center; display:block; font-weight:500; font-size:20px;
letter-spacing:-0.5px;width:100%; height:90px; line-height:90px;  transition:all .4s ease; }
.allianTabButton li a:before {position:absolute; left:0; top:11px; display:block; content:''; width:1px; height:65px; border-left:1px dashed #D8D8D8;}
.allianTabButton li:first-child a:before {display:none;}
.allianTabButton li.on a {color:#fff; }
.allianTabButton li a:after{z-index:-1; display:block; content:''; width:0; height:100%; position: absolute; left:0; bottom:0; background-color:#D31F21; transition:all .4s ease;}
.allianTabButton li.on a:after {width:100%;}
.allianceConLayout {margin-bottom:69px;}
.allianTabConBox {border:1px solid #d1d1d1;}
.allianTabConBox ul {padding:0px 25px 0 25px; }
.allianTabConBox ul li.list {position: relative; padding-top:40px;  padding-bottom:40px; border-top:1px dashed #D8D8D8}
.allianTabConBox ul li.list:first-child {border-top:0px;}
.allianTabConBox .allianImg {position: absolute; left:0; top:40px;    width: 250px;    text-align: center;}
.allianTabConBox .allianImg > img {/*width:100% !important;*/}
.allianTabConBox .allianText {padding-left:292px;}
.allianTabConBox .allianText .title {font-size:27px; color:#000; letter-spacing: -0.5px; margin-bottom:27px;}
.allianTabConBox .allianDCList {padding:0;}
.allianTabConBox .allianDCList li{margin-bottom:13px;}
.allianTabConBox .allianDCList .title {position:absolute; display:inline-block; font-size:16px; color:#666; padding-right:42px;}
.allianTabConBox .allianDCList .title.title03{padding-right:58px;}
.allianTabConBox .allianDCList .title.title04{padding-right:72px;}
.allianTabConBox .allianDCList .text {letter-spacing: -0.5px; line-height:22px; font-size:16px; color:#000;  margin-left:84px; display:inline-block;}
.allianTabConBox .allianDCList .text p {margin:0; }
.allianTabConBox .allianDCList .text a{display:inline-block !important;max-width:580px;height:20px;color:#333;font-size:14px;letter-spacing:-0.5px;padding:6px 9px;border:1px solid #d7d7d7;border-radius:5px;background-color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;transition:all 0.3s ease;}
.allianTabConBox .allianDCList .title.title04 + .text a{width:117px;}
.allianTabConBox .allianDCList .title.title04 + .text a span{padding-left:54px;font-size:12px;font-weight:500;vertical-align:middle;transition:all 0.3s ease;}
.allianTabConBox .allianDCList .text a:hover {color:#fff;background-color:#333;}
.allianTabConBox .allianDCList .text a:hover span{color:#fff;}

/*이벤트 혜택:쿠폰/상품권 상세 설명*/

.benefitChart {width:100%; border-top:2px solid #000; text-align:center; margin-bottom:47px;}
.benefitChart th, .benefitChart td { margin:0; padding:0; border-spacing:0; font-size:16px; border-bottom:1px solid #D1D1D1;padding:18px 0;}
.benefitChart th {background-color:#F3F6F9; font-size:18px; }
.benefitChart .tableBg {background-color:#F3F6F9}
.benefitChart th.title, .benefitChart td.title {width:100px; font-size:18px;}
.sectionBox {margin-bottom:47px; position: relative;}
.sectionBox .title {margin-bottom:24px; color:#000; font-size:24px; font-weight:400; letter-spacing:-0.5px;}
.sectionBox .title img {width:45px; padding-right:12px;vertical-align:middle}
.sectionBox .title.bold{font-weight: 600;}
.sectionBox .conBox{position:relative; background-color:#F3F6F9; padding:25px 28px 24px; min-height:auto; line-height:28px; margin-bottom:0;}
.sectionBox .conBox .title{margin-bottom:16px; font-size:16px; letter-spacing:-0.5px; margin-top:25px;}
.sectionBox .conBox .title.mt0 {margin-top:0; }
.sectionBox .conBox .conBphar {margin:0; margin-bottom:16px; }
.sectionBox .conBox .ulStyle {font-size:15px; letter-spacing: -0.5px; line-height:28px;}
.sectionBox .conBox  li {padding: 0 0 0 10px; font-size:15px;}
.sectionBox .conBox .ulStyle > li:before {width:3px; height:3px; margin:11px 0 0 -9px; display:none;}
.sectionBox .conBox .whatList {position:absolute; left:165px; top:24px;}
.sectionBox .sectionTextBox {margin-bottom:47px;}
.sectionBox p {margin:0 0 12px;;}
.subSection {margin-bottom:20px;}
.borderTdash {border-top:1px dashed #d7d7d7;}
.benefitcuTabCon .pannel{display:none;}
.benefitcuTabCon .pannel.block{display:block;}
.beneCahrt{margin-bottom:47px;}
.beneCahrt .benefitChart2{margin-bottom:12px;}
.beneCahrt .benefitChart2 td span{font-size:15px; color:#666;}
.flaotStyle {overflow: hidden}

.sectionBox .conBox .flaotStyle li {float:left; width:25%; padding:0;}
/*이벤트 혜택 패밀리제도*/
.benefitChart2 .title{width:350px;}
.familymoneyInfo {overflow:hidden; padding:15px 0; border-top:2px solid #D1D1D1; border-bottom:2px solid #D1D1D1; margin-bottom:18px;} /* 200618 syh 수정 */
.familymoneyInfo li {float:left; width:25%;}
.familymoneyInfoIn{ position: relative; text-align:center; }
.familymoneyInfoIn:before {width:18px; height:16px; content:""; color:#000; background-image:url(/assets/user/images/familyArrow.png);     background-size: contain; background-repeat:no-repeat; position: absolute; left:0; top:70px; font-size:12px; line-height:24px; text-align:center;}
.familymoneyInfo li:first-child .familymoneyInfoIn:before {display:none;}
.familymoneyInfoIn img {margin-bottom:16px;}
.familymoneyInfoIn .title{margin-bottom:8px;}
.familymoneyInfoIn .txt {font-size:15px; letter-spacing:-0.5px;width:180px; margin:0 auto;}

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

.benefitlist .ulStyle > li{font-size:15px;}
/*고객센터*/
.customTopLayout {margin-top:68px; margin-bottom:80px;}
.customTopLayout:after {display:block; content:''; clear:both;}
.customTopBox{ padding-bottom:32px;}
.customTopBox li {float: left; width:33.3%;} /* 240409 syh 수정 */
.customTopBox li a{ transition:all .5s ease; display:block; border-top:1px solid #D7D7D7;  border-bottom:1px solid #D7D7D7;
height:240px; border-left:1px dashed #D7D7D7;padding-top:39px; text-align:center; background-color:#fff; position: relative;}
.customTopBox li:first-child a{border-left:none; border-left:1px solid #D7D7D7}
.customTopBox li.lastTabB {border-right:1px solid #D7D7D7;}
.customTopBox li a{z-index: 1;}
.customTopBox > li > a > img {opacity:1; transition:all 0.4s ease;}
.customTopBox li a .cusIconBox {display:block; letter-spacing: -0.5px; font-size:22px; font-weight:600; color:#000;}
.customTopBox 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;}
.customTopBox li a .cusIconBox  .subtitle {display:block; font-size:13px; margin-top:10px; font-weight:400;transition:all .3s; margin-bottom:30px; color:#A1A1A1; }
.customTopBox li a span.iconhover{ transition: all .4s ease-in-out; position: absolute; width:100%; left:0px; right:0px; overflow:hidden; opacity: 0; height:0;}

.customTopBox li a.cusIconBox03 span.iconhover {margin-left:-36px;}
/*마우스 오버시 */
.customTopBox li a.on {background-color:#D31F21; box-shadow:4px 10px 26px rgba(18,27,63,0.35);}
.customTopBox li a.on:before {width:100%; height:100%; }
.customTopBox li a.on .cusIconBox {color:#fff;}
.customTopBox li a.on .subtitle {color:#fff; font-size:14px;}
.customTopBox > li > a.on > img {opacity:0;}
.customerBanner{overflow:hidden; background-color:#F6F6F6; height:239px; margin-bottom:88px; position:relative; text-align:center;}
.customerBanner > ul > li {float:left;}
.customerBanner .wvNextBox .prevBu, .customerBanner .wvNextBox .nextBu {z-index:90;}
.customTopBox li a.on span.iconhover {opacity:1; height:100%;}

.customerBoardLayout{margin-bottom:152px;}
.cusbLBox {margin:0 -14px 0 -14px; overflow:hidden;}
.cusbox{float:left; width:50%;}
.cusboxIn {margin:0 14px}
.borTitle {position:relative; margin:0; margin-bottom:19px; font-size:24px; color:#000; letter-spacing: -0.5px; font-weight:400;}
.borTitle .addBtn {top: 3px; width: 26px; height: 26px; background-color: #000; color: #fff; font-size: 11px; font-weight: 600; position: absolute;
right: 0; text-align: center; line-height: 26px;}
.borTitle .addBtn span {line-height: 26px; padding-left: 1px;}
.faqBoxList li{position: relative; padding:0px 10px 0px 114px; height:52px;}
.faqBoxList li a{display:block;  white-space:nowrap;}
.faqBoxList li .wrorWrap {line-height:52px; text-overflow:ellipsis; white-space:nowrap; display:inline-block; word-wrap:normal; width:370px; overflow:hidden;}
.faqBoxList li span.inventory{ position: absolute; left:17px; top:16px; color:#000; font-size:13px; letter-spacing:-0.5px; font-weight:600;}
.faqBoxList li span.title{ line-height:16px; display:inline-block; font-size:14px; letter-spacing:-0.5px; color:#000;}
.faqBoxList li span.line {padding:0 10px; color:#D8D8D8; font-weight: 200; font-size:24px; vertical-align: 18px; }
.faqBoxList li.bg {background-color:#F6F6F6;}


.faqBox{border:1px solid #E1E1E1; background-color:#fff; max-height:520px;}
.faqButtonBox {border-left:1px solid #D7D7D7; overflow:hidden;}
.faqButtonBox li{float:left; width:25%;}
.faqButtonBox li a{z-index:1; position:relative;transition:all .4s ease; padding:15px 0; display:block;font-size:16px; color:#666; border:1px solid #D7D7D7;border-top:none; text-align:center; border-left:none; }
.faqButtonBox li a:before{z-index:-1; display:block; content:''; width:0; height:100%;  background-color:#D31F21; position: absolute;right:0; bottom:0; transition:all .4s ease-in-out;}
.faqButtonBox li a:hover:before {width:100%; left:0;}
.faqButtonBox li a.btn02{padding:15px 12px;}
.faqButtonBox li a.btn01,.faqButtonBox li a.btn05{border-left:1px solid #D7D7D7;}
.faqButtonBox li a.on{color:#fff; font-weight:600;box-shadow: 4px 8px 15px rgba(103,103,103,0.4);}

.branchButtonBox{overflow:hidden;}
.branchButtonBox li{float:left; width:12.5%}/* 200924 hyj 수정 */
.branchButtonBox li a{ transition: all .5s ease-in-out; display:block; padding:15px 7px; font-size:16px; color:#666; text-align: center;border:1px solid #D7D7D7; border-left:none; position: relative; z-index: 1;}
.branchButtonBox li a:before {z-index:-1; background-color:#D31F21;  display:block; content:''; position: absolute;left:0; bottom:0; width:100%; height:0; transition: all .4s ease;}
.branchButtonBox li a.on:before {height:100%;}
.branchButtonBox li a.branchlast {padding:15px 7px;}
.branchButtonBox li:first-child a{border-left:1px solid #D7D7D7; }
.branchButtonBox li a.on {color:#fff; box-shadow: 4px 8px 15px rgba(211,31,33,0.35); }

/* 211013 syh 수정 */
.boardNewsBox{padding:20px 19px 20px 16px; height:481px; border:1px solid #D7D7D7; border-bottom:none; overflow: hidden;}
.boardNewsBox ul {height:440px; overflow:hidden;}
.boardNewsBox li {margin-bottom:19px; position: relative;}
.boardNewsBox li a {color:#666; font-size:15px; letter-spacing:-0.5px;  }
.boardNewsBox li a .label {display:inline-block; color:#d71f21; border:1px solid #d71f21; height:28px; line-height:28px; padding:0 12px; margin-right:10px;}
.boardNewsBox li a .date {font-size:13px; position: absolute; right:0; top:3px;}
.boardNewsBox li a .title {display:inline-block; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;overflow:hidden; width:400px; height:20px; line-height:24px;}
.boardNewsBox li a .title.black{height:28px;line-height:28px;vertical-align:top;}
.boardNewsBox li a.notice .date{ right:0; top:7px;}

.braBtnBox{max-height:522px;}
.custInfoBox{display:inline-block; width:100%; border-top:1px solid #d7d7d7;vertical-align:top;}
/* //211013 syh 수정 */

.custInfoBox a{display:block;}
.lockerguide{background-color:#F6F6F6;}
.registerguide {background-color:#F6F6F6;}
.lockerguide, .registerguide{float:left; width:50%;   position: relative;}
.registerguideIn { padding:18px 20px 20px 32px; border:1px solid #D8D8D8; border-top:none;}
.registerguideIn .textBox{ margin-top:0; font-size:13px; letter-spacing: -0.5px; font-weight:400;}
.lockerguideIn{ padding:17px 20px 21px 32px; border:1px solid #D8D8D8; border-top:none; border-right:none;}
.lockerguide img ,.registerguide img {position: absolute;top:23px;}
.lockerguide img{right:27px;}
.registerguide img {right:27px;}
.lockerguide .textBox{ margin-top:0; font-size:13px; letter-spacing: -0.5px; font-weight:400;}
.lockerguide .textBox p, .registerguide .textBox p{margin:0; margin-bottom:9px; color:#000; font-weight:600; font-size:15px;letter-spacing: -0.5px}


/*공지사항 뉴스 리스트*/
.noticeLabel{display:block; color:#d71f21; border:1px solid #d71f21; padding:6px 12px 6px 13px; } /* 211013 syh 수정 */
.tabBox_line .newsTab > li {width:120px !important;}
/*고객센터>  공지사항/뉴스 상세 페이지 */
.noticeborList {border-top:1px solid #E1E1E1;}
.noticeborList li {padding:20px; position: relative; border-top:1px solid #E1E1E1;}
.noticeborList li:first-child{border-top:none;}
.noticeborList li .noticIconWrap{position: absolute;left:12px; top:20px; font-size:16px;}
.noticeborList li .noticIconWrap .icon{font-weight: 600; font-size:15px; vertical-align: middle;}
.noticeborList li .noticIconWrap .txt{color:#000; padding-left:26px; display:inline-block;}
.noticeborList li a .title {padding-left:130px;font-size:18px;}


/*고객센터 >이용안내- 서비스안내 */


.serviceTabBtnLayout li a:before{ border: 0 solid transparent; box-sizing: border-box; content: '';display:block;
position: absolute;width: 0;height: 0; top: 0;left: 0; z-index:1;}
.serviceTabBtnLayout li a:after{ z-index:2;top: 0;right: 0;  border: 0 solid transparent; box-sizing: border-box; content: '';display:block; position: absolute;width: 0;height: 0; }
.serviceTabBtnLayout li a:before { border-top-width: 1px; border-left-width: 1px; }
.serviceTabBtnLayout li a:after { border-right-width: 1px;}
.serviceTabBtnLayout li.on a:before,.serviceTabBtnLayout li.on a:after { border-color: #333; transition: border-color 0s, width .3s,
height .3s; width: 100%; height: 100%;}
.serviceTabBtnLayout li.on a:after { transition: border-color 0s, width 0.3s, height .4s; width: 100%; height: 100%;border-color: #000;}
.serviceTabBtnLayout li.on a:before {transition-delay: 0s, .2s, 0s;}
.serviceTabBtnLayout li.on a:after {transition-delay: 0s, 0s, .4s;}
.servicefaqBox dl {border-top: 1px solid #E1E1E1;}
.servicefaqBox dl dt {/*cursor:pointer;*/ display:block; padding:26px 28px; position: relative; border-bottom:1px solid #E1E1E1; }
.servicefaqBox dl dt .inventory{position: absolute; left:28px; top:26px; color:#D31F21; font-size:16px; letter-spacing: -0.5px; font-weight:600;}
.servicefaqBox dl dt .blue{color:#19468E;}
.servicefaqBox dl dt .title {line-height:25px;padding-left:116px; font-size:18px; color:#000; font-weight:400; letter-spacing: -0.5px;}
.servicefaqBox dl dt .title .txt {display:inline-block; width:866px; vertical-align:top}
.servicefaqBox dl dt .line {padding:0 10px; color:#D8D8D8; font-weight: 200; font-size:24px; vertical-align: top; }
.servicefaqBox dl dt .icon-k-down { display:none; position: absolute; right:28px; top:30px; font-size:15px; font-weight:600;}
.servicefaqBox dl dt .icon-k-up {position: absolute; right:28px; top:30px; font-size:15px; font-weight:600;}

.servicefaqBox dl dd {background-color:#F3F6F9;display:none; }
.servicefaqBox dl dd .imageBox {text-align:center; padding:80px 0;}
.servicefaqBox dl dd  .textBox{padding:40px 24px;}


/*고객센터 > 수강신청 가이드 */
.regiguTabBtnLayout li a{padding:20px 209px;}
.regiguTabBtnLayout li.tab02 a { padding:20px 180px 20px 180px;}
/*고객센터> 자주묻는질문*/
.faqSearchBox {margin-top:68px;}
.faqCondition{text-align:right; margin-bottom:24px;}
.faqCondition .btn{cursor: pointer;}
.faqCondition .btn.red{font-weight:600;}

.faqnavigation{margin-top:59px;}

/*고객센터 > 1:1 학습상담*/
.adviSubjectBtn {margin-top:69px; margin-bottom:24px; background-color:#F6F6F6;}
.adviSubjectBtn:after {display:block; content:''; clear:both;}
.adviSubjectBtn li{background-color:#F6F6F6; float:left;width:20%; text-align:center;}/* 191202 hyj 수정 */
.adviSubjectBtn li a.bu_al_gray{position:relative; display:block; height:83px; line-height:83px; padding:0; color:#999; font-size:15px; border:1px dashed #D8D8D8; background-color:#F6F6F6; vertical-align:middle; z-index:1; transition:all .3s ease;}/* 191202 hyj 수정 */
.adviSubjectBtn li a:hover span{font-size:16px; font-weight:400;}
.adviSubjectBtn li a.on:hover {background-color:#fff; color:#D31F21; font-weight:600;}
.adviSubjectBtn li a.bu_al_gray:hover:before, .adviSubjectBtn li a.bu_al_gray:hover:after {display:none;height:83px;}
.adviSubjectBtn li a.on.bu_al_gray:hover:before, .adviSubjectBtn li a.on.bu_al_gray:hover:after {display:block;}
.adviSubjectBtn li a.on {background-color:#D31F21; color:#fff;}
.adviSubjInfoText {margin-bottom:60px; background-color:#F8F9FA; padding:20px; color:#000; font-size:16px; line-height:26px;}
.closeReservations {color:#000; font-size:15px; padding-left:10px;}

/* 240409 syh 추가 */
.campusSelectList ul{display:flex;border:1px solid #d7d7d7;margin-bottom:24px; justify-content: space-between;}
.campusSelectList li{text-align:center;width:20%;}
.campusSelectList li a{font-size:22px;color:#000;font-weight:600;padding-top:38px;display:block;height:218px;box-sizing:border-box;background-repeat:no-repeat;background-position:center 94px;position:relative;transition:all .4s ease-in-out;}
.campusSelectList li + li a{border-left: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:hover a:before {width:100%; height:100%; }
.campusSelectList li:hover a{color:#fff;background-position-y:96px;}
.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');}
.campusSelectList li:nth-child(1):hover a{background-image:url('/assets/user/images/customer/campus01_on.png');}
.campusSelectList li:nth-child(2):hover a{background-image:url('/assets/user/images/customer/campus02_on.png');}
.campusSelectList li:nth-child(3):hover a{background-image:url('/assets/user/images/customer/campus03_on.png');}
.campusSelectList li:nth-child(4):hover a{background-image:url('/assets/user/images/customer/campus04_on.png');}
.campusSelectList li:nth-child(5):hover a{background-image:url('/assets/user/images/customer/campus05_on.png');}
.infoTxtList{margin-bottom:60px;background-color:#f8f9fa;padding:20px;}
.infoTxtList li{color:#000;font-size:16px;line-height:26px;}
.infoTxtList li:before{content:'·';display:inline-block;vertical-align:middle;margin-right:5px;}
/* //240409 syh 추가 */


/*고객센터 > 고객문의*/
.inqueTop{margin-top:70px;}
.inquireTextBox {font-size:16px;  letter-spacing: -0.5px; margin-bottom:25px;}
.inquireTextBox p {margin:0; font-weight:600; font-size:20px; letter-spacing: -0.5px; color:#000; margin-bottom:12px;}

.inquireTabButton{overflow:hidden; margin-bottom:62px;}
.inquireTabButton li{float:left; width:12.5%; }
.inquireTabButton li a {z-index:1; position:relative; transition:all .4s ease ;text-align:center; display:block; font-size:16px; border-left:1px dashed #D7D7D7; letter-spacing: -0.5px; color:#000; padding:33px 0; width:136px;background-color:#F3F6F9}
.inquireTabButton li a:before{z-index:-1;  transition:all .5s ease;display:block; content:''; position: absolute; left:0; bottom:0; width:100%; height:0;}
.inquireTabButton li a:hover{ color:#fff; text-decoration:none;}
.inquireTabButton li a:hover:before{background-color:#D31F21; height:100%;}
.inquireTabButton li:first-child a{border-left:0;}

.inquireFlow {display:inline-block; width:100%; margin-bottom:80px;}
.inquireFlow li{word-break:keep-all; float:left; width:25%; text-align:center;background-color:#F1F6FB; position: relative; color:#000;}
.inquireFlow li.bg{background-color:#EAF0F6}
.inquireFlowIn { padding:19px 81px}
.inqfin { padding:29px 80px}
.inqfin2{padding:19px 66px}
.inquireFlow li.bg:before{display:block; content:''; border-top:39px solid transparent; border-bottom:39px solid transparent; border-right: 39px solid transparent; border-left: 39px solid #F1F6FB; position: absolute; left:0; top:0;}
.inquireFlow li.bg2:before{display:block; content:''; border-top:39px solid transparent; border-bottom:39px solid transparent; border-right: 39px solid transparent; border-left: 39px solid #EAF0F6; position: absolute; left:0; top:0;}
/*고객센터 > 고객센터 에디터영역 공통 */
.customerEditBox{border-top:2px solid #E1E1E1; margin-bottom:40px;}
.customerEditBox.mb0{margin-bottom:0;}
.customerEditBox li p {margin:0; background-color:#F8F9FA; color:#000; font-weight:600; letter-spacing:-0.5px;  position: absolute; left:0; top:0; bottom:0; width:208px;}
.customerEditBox li p .inner {padding:20px; display:block;}
.customerEditBox li p.title{padding:20px 31px; position: absolute; left:0; top:0; width:90px;text-align: center;}/* 191202 hyj 수정 */
.customerEditBox li p.editT { line-height: 38px;}
.customerEditBox li {position: relative; border-bottom:1px solid #E1E1E1; overflow:hidden;}
.customerEditBox li.show1, .customerEditBox li.show2, .customerEditBox li.show3 {border-bottom:1px dashed #E1E1E1; }
.customerEditBox li .radioInputBox {padding: 18px 0 12px 225px}
.customerEditBox li .radioInputBox input[type="radio"] + label:before {content:""; margin-bottom:0; background:url('/assets/user/images/radiochek.png') no-repeat center; border-radius:50%; display: inline-block; width: 16px; height: 16px; border: 1px solid #D7D7D7; cursor: pointer; vertical-align: middle;}
.customerEditBox li .radioInputBox input[type="radio"]:checked + label:before {content:""; background:url('/assets/user/images/radiocheked.png') no-repeat center;}
.customerEditBox li .radioInputBox input[type="radio"] { display: none;}
.customerEditBox li .radioInputBox span {padding-left:5px; padding-right:26px; font-weight:400; color:#666;}
.customerEditBox li .radioInputBox span.chked {color:#000;}
.customerEditBox li .seletBtnpadding{padding:13px 13px 13px 170px; transition:all .3s ease;}
.customerEditBox li .titleInput {padding:13px 13px 13px 225px; transition:all .3s ease;}
.customerEditBox li .selectBtn a {transition:all .3s; display:inline-block; font-sizE:16px; background-color:#fff; color:#666; border:1px solid #E1E1E1; border-radius:5px; padding:8px 19px; margin:6px; text-decoration:none; }
.customerEditBox li .seletBtnpadding a{margin:6px;}
.customerEditBox li .selectBtn a.on {color:#fff; background-color:#D31F21;border:1px solid #D31F21}
/* 211201 kmh 추가 */
.customerEditBox li .selectBtn a.on .closeReservations{color:#fff;}
.customerEditBox li .nothing{padding:27px 0;text-align:center;font-size:16px;color:#999;}
/* //211201 kmh 추가 */
.customerEditBox li .selectBtn a.disabledClass {pointer-events:none; color:#999; background-color:#eee !important; opacity:1;}/* 191202 hyj 수정 */
.customerEditBox li .selectBtn input {padding:8px 12px; width:814px; height:42px;}
.customerEditBox li .selectBtn .phoneNum{display:block; margin-bottom:14px; color:#000; font-size:16px; letter-spacing:-0.5px;}
.customerEditBox li .selectBtn .phoneNum .line {color:#E1E1E1; padding:0 8px;}
.customerEditBox li .selectBtn .infotext {display:block; font-size:13px; color:#666; position: relative;}
.customerEditBox li .selectBtn .infotext a {text-decoration:none;position: absolute; right:0; top:-25px;; background-color:#EFEFEF; color:#666; padding:10px 20px 10px 32px; border-radius:0;}
.customerEditBox li .selectBtn .infotext a span{font-size:10px; font-weight:600; padding-left:5px; vertical-align: middle;}
.customerEditBox li .selectBtn .infotext a:before{ transition:all .3s ease; display:block; content:''; position: absolute; left:29px; bottom:7px; background-color:#a1a1a1; width:0; height:1px;}
.customerEditBox li .selectBtn .infotext a:hover:before{width:134px;}
.customerEditBox2 .selectBtn {padding:13px 13px 13px 225px;}
.EditLayoutBox{border:1px solid #D8D8D8; margin-bottom:36px;}
.EditLayoutBox .subtitle{ padding:17px 20px 16px; color:#000; font-size:15px; background-color:#F8F9FA;border-bottom:1px solid #D8D8D8;}
.cusAdvEditLayoutBoxConta .textedit{width:100%; height:450px; resize: none; border:none; padding:0; margin:0;}
/* 191202 hyj 추가 */
.EditLayoutBox .info_agree {position:relative; padding:45px 45px 0 45px; background-color:#f8f8ff;}
.EditLayoutBox .customerInfo {position: relative; font-size:15px; border:1px solid #d7d7d7;background-color:#fff;}
.EditLayoutBox .customerInfo .title {display:block; padding:20px 25px; color:#000; font-weight:600; background-color:#f8f9fa;position: absolute;left:0; bottom:0;}
.EditLayoutBox .customerInfo .info {padding:10px 20px 10px 170px;}
.EditLayoutBox .customerInfo .info .phoneNum{font-size:18px; font-weight:600; letter-spacing: -0.5px; padding-right:20px;}
.EditLayoutBox .customerInfo .info a {display:inline-block; padding:10px 19px 10px 20px; background-color:#EFEFEF; margin-left:24px; color:#666;}
.EditLayoutBox .customerInfo .info a  span{font-size:12px; vertical-align: middle; padding-left:10px;}
.EditLayoutBox .info_agree .layerpopupBottomIn {padding:0; margin-top:-1px;}
.EditLayoutBox .info_agree .layerpopupBottomIn .text {padding:30px;}
.EditLayoutBox .info_agree .layerpopupBottomIn label span {font-size:15px;}
/* //191202 hyj 추가 */
#smart_editor2 #smart_editor2_content {border:none;}


/* 마이페이지 */

/*마이페이지 해당 내역 없는 경우 */
.emptyTextBox {text-align:center; color:#666; padding: 60px 0px; margin-bottom: 30px; font-size: 20px; line-height: 100%; display:none;}
.mypageInfoCuponLayout {margin-top:70px}

/* 220419 hlj 수정*/
.myinfocuponIn{position:relative;width:1080px;padding:45px 40px 50px 50px;border:1px solid #d7d7d7;box-sizing:border-box;}
.myinfocuponIn:before,
.myinfocuponIn:after{content:'';clear:both;display:block;width:100%;}
.myInfoBox {float:left;width:235px;font-size:27px;color:#000;letter-spacing:-0.5px;font-weight:200;}
.myInfoBox a {font-size:13px; color:#000;letter-spacing:-0.5px; display:block; font-weight: 400; margin-top:24px; position: relative;}
.myInfoBox a img{margin-right:7px;}
.myInfoBox a:before {display:block; content:''; width:71px; height:1px; background-color:#333; position: absolute;bottom:-2px; left:23px;}
.myInfoBox a.aa:before {display:block; content:''; width:96px; height:1px; background-color:#333; position: absolute;bottom:-2px; left:23px;}/* nuriware 추가 */
.myCuponBox {float:left;display:table;width:750px;table-layout:fixed;}
/* //220419 hlj 수정*/
.myCuponBox li {display:table-cell;}
.myCuponBox li .mycuboxIn{position:relative;height:124px;text-align:center;}
.myCuponBox li .mycuboxIn:before {content:'';position:absolute;left:0;top:0;width:1px;height:110px;border-left:1px dashed #D7D7D7;}
.myCuponBox li:first-child .mycuboxIn:before{display:none;}
/* 230222 kmh 수정 및 추가 */
.mycuboxIn .textBox {color:#000; font-size:18px; font-weight:400; letter-spacing: -0.5px;}
.myCuponBox li .mycuboxIn .icon{height:79px;display:inline-block;overflow:hidden;}
.myCuponBox li .mycuboxIn .moneyText{display:block;}
.myCuponBox li .mycuboxIn .moneyBox{margin-top:3px;display:inline-block;line-height:1.1;}
.myCuponBox li .mycuboxIn a:hover .icon img{margin-top:-79px;}
.myCuponBox li .mycuboxIn a:hover .moneyBox{color:#d31f21;border-bottom:1px solid #d31f21;}

.regi_coupon_number{margin-bottom:45px;padding:40px 20px;text-align:center;border:1px solid #e1e1e1;}
.regi_coupon_number strong,
.regi_coupon_number button,
.regi_coupon_number input{display:inline-block;vertical-align:middle;}
.regi_coupon_number strong,
.regi_coupon_number input[type="text"]{font-size:24px;font-weight:600;color:#000;}
.regi_coupon_number input[type="text"]{width:508px;height:62px;margin:0 25px 0 65px;text-align:center;border:1px solid #d7d7d7;}
.regi_coupon_number .btn_regi{width:146px;height:62px;text-align:center;font-size:20px;line-height:62px;color:#fff;background-color:#d31f21;}
/* //230222 kmh 수정 및 추가 */

.moneyText {color:#666; font-size:14px; letter-spacing: -0.5px; }
.money {font-weight:600; font-size:22px; letter-spacing: -1px; }
.myClasslectureLayout{margin-bottom:80px; background-color:#F5F5F5;}

.myclaleIn{position: relative; padding:33px 0 33px 33px; }
.mylecturListLayout .wvNumBox {position:absolute; left:0px; bottom:0; width:auto;}
.mylecturListLayout .wvNumBox > a {background-color:#000; opacity:0.5; border:0px; box-shadow:none; width:12px; height:12px;}
.mylecturListLayout .wvNumBox > a.on { opacity:1;}
.mylecturListLayout .wvNumBox .wvNumBoxIn {display:none;}

.mylecturListLayoutIn {    position: relative;width:810px; height:233px;overflow:hidden;} /* 200915 kmh 수정 */
.mylecturListLayoutIn:after{content:'';display:block;clear:both;} /* 200915 kmh 추가*/
.mylecturListLayoutIn li {position:relative;}
.mylecturListLayout{padding-left:203px;  position: relative;height:124px;}
.mylecturListLayoutIn .noDataBox.ssBox {    margin-right: 165px;}

.myclaleIn .stitle{font-size:18px; font-weight:400; letter-spacing: -0.5px; position: absolute; left:33px; top:33px;}
.myclaleIn .stitle p {margin:0; margin-top:7px; font-size:14px}
.myclaleIn .stitle p .red{font-weight:600; font-size:18px;}
.mylectureBox{ height:90px; overflow:hidden; background-color:#fff;padding:15px 20px ; border-radius:5px; transition: all .4s ease;}
.mylectureBox:hover {  box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
.mylectureBox .title {font-size:17px; color:#000; letter-spacing: -0.5px; padding-top:24px; width:450px;}
.mylectureBox .date {font-size:14px; color:#000; letter-spacing: -0.5px; margin-bottom:12px;}
.mylectureBox .date a {color:#19468E; text-decoration: underline; font-size:13px; margin-left:8px;}

.myClassProgrLayout {position:absolute; right:24px; top:47px; width:310px; height:29px;}
.myClassProgrIn {display:inline-block; width:310px; 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; height:29px; line-height:29px; text-align:right;color:#D31F21; text-decoration: underline;}
.compleleverUpBtn span {color:#D31F21; opacity:0.6; font-size:10px;}

.mylectureBox .classChoLayoutCanlLayout {z-index:1; top:0; left:194px}
.mylectureBox .classChoLayoutCanl .icon-k-close {top:1px;}
.mylectureBox .classChoLayoutCanlLayout table.calendar th {padding:3px; }
.mylectureBox .classChoLayoutCanl {margin:10px 0;}
.mylectureBox .classChoLayoutCanlLayout table.calendar td a {text-decoration: none; color:#666;}
.mylectureBox .classChoLayoutCanlLayout table.calendar td {height:10px;}
.titleBox {position: relative; margin-bottom:24px;height:40px}
.titleBox .title{font-size:28px; color:#000;left:0; }

.classChoLayout .selectric {background-color:#fff; color:#000; font-size:16px; height:50px; border:1px solid #C0C0C0;}
.classChoLayout .selectric  .button {background: url(/assets/user/images/selectDown.png) no-repeat 38% 50%;; height:50px;}
.classChoLayout .selectric  .button:after {display:none;}
.classChoLayout .selectric .label {font-size:16px; height:50px; line-height:50px;}

.titleBox  select {margin:0; z-index:101; border:none; color:#000; border-bottom:1px solid #121B3F; background-color:#fff;  width:150px; height:26px;  padding-bottom:5px; line-height:24px; font-size:18px; font-weight:400;  position:relative; display:inline-block; margin:0; position:absolute; left:189px; top:5px;}
.titleBox  select {-webkit-appearance: none;  -moz-appearance: none; appearance: none; background: url(/assets/user/images/selectDown3_black.png) no-repeat 95% 31%;}
.titleBox  select::-ms-expand { display: none;}
.titleBox .titleText{position:absolute; left:110px; top:15px; font-size:15px; letter-spacing: -0.5px;color:#666; }
.titleBox .classtitleText{position:absolute; left:150px; top:15px; font-size:15px; letter-spacing: -0.5px;color:#666; }
.titleBox .addBtn {top: 9px; width: 26px; height: 26px; background-color: #000; color: #fff; font-size: 11px; font-weight: 600; position: absolute;
right: 0; text-align: center; line-height: 26px;}
.titleBox .addBtn span {line-height: 26px; padding-left: 1px;}
.classlectureList{position: relative; height:465px; overflow:hidden;}

.classlectureList .registerListLayout{overflow:hidden}
.classlectureList .registerListIn {}
.classlectureList .registerListIn .priceCus .productTitle {display: inline-block;}
.classlectureList .registerListIn .priceCus .productPrice {  width: auto;}

/* 191106 syh 마이페이지 수강후기  */
.classlectureList .btnReviewArea{text-align:center;padding:0 0 40px}
.classlectureList .btnReviewArea a{margin:0 10px}
.contentLayout .titArea{padding-bottom:30px}
.contentLayout .titArea .title{display:inline-block;font-size:27px; font-weight:400;letter-spacing:-0.5px; margin:0px; padding-right:10px; padding-top:3px;color:#000}
.contentLayout .titArea .subTxt{color:#d31f21}
.searchLayoutIn.searchLayoutIn input{font-weight:600;width:200px}
.searchLayoutIn.reviewSearch button{margin-left:16px}
.searchLayoutIn.reviewSearch .dash{font-size:20px;color:#000;font-weight:600}

/* .classlectureList .registerListLayout li {float:left;} */
.classviewList {margin-bottom:48px; height:auto;}
.classlectureList .list_gallery{overflow: hidden;}
.classlectureList .list_gBox:hover{box-shadow: none; }
.classlectureList .list_gBox:hover .list_gText {background-color:transparent;}
.classlectureList .list_gBox {position: relative;overflow: hidden; margin:0; height:395px; border: 1px solid #e1e1e1;}
.classlectureList .subjectTitle {color:#000; font-size:24px; letter-spacing: -0.5px; font-weight:400; position: absolute; left:21px; top:49px;}
.myclassLabel01{position:absolute;left:0; top:0; background-color:#272937; color:#fff; padding:8px 13px 6px 14px; font-size:14px; letter-spacing: -0.5px;z-index:1;}
.myclassLabel02{position:absolute;left:50px; top:0; background-color:#D31F21; color:#fff; padding:8px 9px 6px 10px; font-size:14px; letter-spacing: -0.5px;  z-index:1;}
.classlectureList .list_gBox .list_gImg {background-color:#F3F6F9; position: absolute;left:0; bottom:0; height:100%; width:auto; z-index:-1;width:250px;}
.classlectureList .list_gBox .list_gImg img{position: absolute;bottom:0; }
.classlectureList .list_gBox  .list_gText {padding:23px 15px 28px 267px;  border:0px;}
.classlectureList .list_gBox  .list_gText table, .classlectureList .list_gBox  .list_gText td{border-spacing: 0; margin:0; padding:0;}
.classlectureList .list_gBox  .list_gText table {margin-bottom:31px; width:100%;}
.classlectureList .list_gBox  .list_gText td {padding-left:20px; color:#000;font-size:16px; letter-spacing: -0.5px; line-height:32px; vertical-align: top;}
.classlectureList .list_gBox  .list_gText td a {color:#000; display:inline-block; position: relative;}
/* .classlectureList .list_gBox  .list_gText td a:before {position: absolute; left:0; bottom:5px; width:100%; height:1px; background-color:#707070; display:block; content:'';} */
.classlectureList .list_gBox  .list_gText td span {font-size:10px; color:#666; font-weight:600;}
.classlectureList .list_gBox  .list_gText td.title {color:#666; width:72px; font-size:14px; letter-spacing: -0.5px; padding:0;}

.classlectureBtnBox{position: absolute; height:92px; right:15px; bottom:22px; width:246px;}
.classlectureBtnBox a { z-index:1;position: relative;  display: block; color:#fff; font-size:18px; letter-spacing: -0.5px; font-weight:400;  padding:11px 15px 10px 16px; background-color:#272937;  margin-bottom:6px;}
.classlectureBtnBox a:before{z-index: -1; transition:all .4s ease; display:block; content:''; width:0; height:100%; background-color:#D31F21; position: absolute; right:0; top:0;}
.classlectureBtnBox a:hover:before{width:100%; left:0;}
.classlectureBtnBox a:hover {color:#fff;}
.classlectureBtnBox a.redBtn:hover {color:#fff;}
.classlectureBtnBox a.redBtn {transition:all .3s ease; z-index:1; border:1px solid #D31F21; color:#D31F21; background-color:#fff; padding-right:95px; }
.classlectureBtnBox span {font-size:12px; position: absolute; right:16px; top:18px;}

.classlectureList .wvNumBox {top:-58px; text-align:right;}
.classlectureList .wvNumBox > a {border-radius:0; width:21px; height:6px; background-color:#999999; margin:0 8px; }
.classlectureList .wvNumBox > a:first-child{margin:0;}
.classlectureList .wvNumBox > a.on {background-color:#000000;}
.classlectureList .wvNumBox .wvNumBoxIn {display:none;}

.mypageEtcRegisterBox {background-color:#F8F8FF; position: relative; margin-bottom:80px; margin-top:-40px}
.myEtcBoxCont {padding:25px 0px 20px 0px; overflow:hidden;}
.myEtcBoxCont ul {float:right; margin-right: 70px;}
.myEtcBoxCont  .imgBox {position:relative; float:left; font-size:15px; letter-spacing: -0.5px; color:#000;}
.myEtcBoxCont  .imgBox img {vertical-align: -10px;}
.myEtcBoxCont  .imgBox .Dtitle {font-size:18px; padding:0 20px;}
.myEtcBoxCont  .imgBox .red {font-weight:600; font-size:20px;}
.myEtcBoxCont  .imgBox:before{display:block;content:'';position: absolute; left:0; width:1px; height:36px; border-left:1px dashed #C3C3D9;}
.myEtcBoxCont  .imgBox:first-child:before{display:none;}
.myEtcBoxCont  .imgBox{padding-right:38px}
.myEtcBoxCont  .imgBoxCenter {padding-left:38px;}
.myEtcBoxCont  .imgBox2 {padding-left:38px; padding-right:0;}
.myEtcBoxTitle {position: absolute; left:35px; top:25px; font-size:24px; letter-spacing:-0.5px; color:#000;}

/*마이페이지 나의 혜택정보*/
/* syh 사전결제 관련 누리웨어 merge */
.mypageFamilyTabLayout {overflow: hidden; margin-top:14px; margin-bottom:50px; background-color:#121B3F; box-shadow:4px 18px 26px rgba(0,0,0,0.16);}
/* 220622 kmh 수정 및 추가 */
.mypageFamilyTabLayout ul{width:100%;display:table;table-layout:fixed;border-spacing:0;}
.mypageFamilyTabLayout li{display:table-cell;vertical-align:middle;}
/* //220622 kmh 수정 및 추가 */
.mypageFamilyTabLayout li a {transition:all .4s ease; display:block; padding:27px 0;text-align:center; color:#B8BBC5; font-size:18px; letter-spacing: -0.5px;}
.mypageFamilyTabLayout li.on a{color:#fff; font-weight:600; transform:scale(1.2);
letter-spacing: -0.5px;}

.mypageFamilyConLayout > ul> li{display:none;}
.mypageFamilyConLayout > ul >li:first-child{display:block; }

.familyMoneyListLayout {background-color:#F3F6F9; overflow: hidden; margin-bottom:80px;}
.familyMoneyListLayout li{width:33.3% !important; float:left;}
.familyMoneyListLayout li:first-child .fmlistIn:before{display:none;}
.familyMoneyListLayout li:first-child .fmlistIn2:before{display:none;}
.familyMoneyListLayout li:first-child .fmlistIn3:before{display:none;}


.familyMoneyListLayout2 {background-color:#F3F6F9; overflow: hidden; margin-bottom:80px;}
.familyMoneyListLayout2 li{width:50%; float:left;}
.familyMoneyListLayout2 li:first-child .fmlistIn:before{display:none;}
.familyMoneyListLayout2 li:first-child .fmlistIn2:before{display:none;}
.familyMoneyListLayout2 li:first-child .fmlistIn3:before{display:none;}


.familyMoneyListLayout25 {background-color:#F3F6F9; overflow: hidden; margin-bottom:80px;}
.familyMoneyListLayout25 li{width:25%; float:left;}
.familyMoneyListLayout25 li:first-child .fmlistIn:before{display:none;}


.fmlistIn{    padding: 34px 32px 30px 32px;text-align: center; position: relative;}

.fmlistIn2{    padding: 20px 5px 20px 5px;text-align: center; position: relative;}
.fmlistIn2:before {display:block; content:''; width:1px; height:85px; border-left:1px dashed #707070; position: absolute; left:0; top:20px;}
.fmlistBox2{ position: relative;    text-align: center; font-size:18px; overflow: hidden;}
.fmlistBox2 .title{ color:#555; margin-bottom:9px; font-size:14px; font-weight:400; letter-spacing: -0.5px; text-align:center;}
.fmlistBox2 span{color:#000;  font-size:20px; font-weight:600;letter-spacing: -0.8px; display:inline-block;}
.fmlistBox2 span.red {color:#D31F21;}

.fmlistIn2 .title2{ color:#000; margin-bottom:9px; font-size:18px; font-weight:600; letter-spacing: -0.5px; text-align:center; }
.fmlistBox2 .txtbox {margin-bottom:5px}
.fmlistBox2 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%;}
/*//*/

.fmlistBox{ padding-left:100px; position: relative;    text-align: left; font-size:18px; overflow: hidden;}
.fmlistIn:before {display:block; content:''; width:1px; height:65px; border-left:1px dashed #707070; position: absolute; left:0; top:32px;}
.fmlistIn img{position: absolute; left:49px;}
.fmlistBox .title{ color:#000; margin-bottom:9px; font-size:16px; font-weight:600; letter-spacing: -0.5px; text-align:left;}
.fmlistBox span{color:#000;  font-size:20px; font-weight:600;letter-spacing: -0.8px; display:inline-block;}
.fmlistBox span.red {color:#D31F21;}
.familyMoneyListLayout.pagodaGiftCardLayout li {width:50% !important;}/* 201210 hyj 수정 */
.pagodaGiftCardLayout .fmlistIn{padding:34px 0 30px 0;}
.pagodaGiftCardLayout .fmlistBox li {float: left; width:50% !important;}/* 201210 hyj 수정 */
.pagodaGiftCardLayout .fmlistBox {padding-left:279px; text-align: left;}
.pagodaGiftCardLayout .fmlistBox  span.red{color:#D31F21;}
.pagodaGiftCardLayout .imgBox{position: absolute; left:37px;}
.pagodaGiftCardLayout .imgBox img{top:0; left:0;}
/* .pagodaGiftCardLayout .fmlistBox .title {margin-left:-8px;} */
.pagodaGiftCardLayout .imgBox  .Dtitle {padding-left:95px; display:inline-block; font-size:23px; font-weight:600; letter-spacing: -0.5px; color:#000;}
.pagodaGiftCardLayout .imgBox .Dtitle2 {padding-left:80px; }
.familyBenefitListLayout {position: relative;}
.familyBenefitListLayout ul{margin-bottom:0; position: relative;}
.familyBenefitListLayout .fmlistBox {padding-left:154px; padding-top:3px; text-align: left;}
.familyBenefitListLayout .fmlistIn{padding:34px 73px 30px 0;}
.familyBenefitListLayout  .fmlistBox2{padding-left:137px; padding-top:19px;}
.familyBenefitListLayout .fmlistBox .Dtitle{margin-left:0; font-size:23px; font-weight:400;}
.familyBenefitListLayout .fmlistBox .text {font-size:16px; margin-left:18px;}
.familyBenefitListLayout .fmlistBox .red{margin:0;}
.familyBenefitListLayout .date { margin-left:0; position: absolute; right:35px; top:19px; color:#666; font-size:16px; letter-spacing: -0.5px;}
.familyBenefitListLayout .imgBox img.imgBoxIcon13 {top:11px; left:25px;}

.familyBenefitBox {background-color:#F8F8F8; padding:55px 37px 41px 43px; margin-bottom:54px;}
.familyBenefitBox .Dtitle {margin-bottom:70px; position:relative; text-align:center; padding-bottom:5px; font-size:27px; color:#000; letter-spacing:-0.5px;}
.familyBenefitBox .Dtitle:before {width:290px; height:1px; background-color:#707070; position: absolute; left:50%; margin-left:-145px; bottom:0; display:block; content:'';}
.familyBenefitBox  .familyBfList{overflow:hidden;}/* 230628 kmh 수정 */
.familyBenefitBox  .familyBfList li{float:left; width:50%; position: relative;  }

.familyBenefitBox  .familyBfList li:first-child:before{display:block; content:''; width:1px; height:280px; border-left:1px dashed #D7D7D7; position: absolute; right:0;}
.familyBenefitBox .fbfNumberTitle { margin-bottom:50px; padding-left:45px; color:#000; font-size:20px; font-weight:600; letter-spacing: -0.5px;}
.familyBenefitBox .fbfNumberTitle span.red {color:#D31F21;}
.familyBenefitBox  .familyBfList li:first-child .fbfNumberTitle{padding-left:0;}

.familyBenefitCoupBox{text-align: center}
.familyBeCoBIn{height:260px;}
.familyBeCo { background-color:#fff; position: relative; width:260px;  overflow:hidden;
border-radius:5px; margin:0 auto; box-shadow: 5px 5px 15px rgba(0,0,0,0.5); }
.familyBeCoRedBg { background-color:#D31F21; width:70px;
position: absolute; left:0; top:0px; bottom:0px; font-size:13px; font-weight:500;}
.familyBeCoRedBg span {transform:rotate(90deg); display:block; color:#fff; margin:62px 0px 0px -2px; letter-spacing: 8px;}
.familyBeCo .whiteBg {padding:21px 34px 20px 100px;}/* 230626 kmh 수정 */
.familyBeCo .whiteBg .cupoTitle {color:#D31F21; font-size:15px; letter-spacing: -0.5px; margin-bottom:12px; font-weight:600;}
.familyBeCo .whiteBg .cupoDC {margin-bottom:15px;}
.familyBeCo .whiteBg .cupoSubTitle {font-weight:600; font-size:14px; letter-spacing: -0.5px;}
.cupoBoxTitle{font-size:15px; letter-spacing: -0.5px; margin-top:16px;}
.cupoBoxTitle.cupoUse {color:#D31F21; }
.guidePostBox .text{font-size:14px; margin-bottom:24px;}
.guidePostBox .fbfNumberTitle {padding-left:0; margin-bottom:20px;}
.guidePostBox .text p{margin:0; position: relative; margin-bottom:12px;}
.guidePostBox .text a{display:inline-block; padding:9px 10px 7px 10px; color:#000; background-color:#fff; border:1px solid #d7d7d7;}
.guidePostBox .text a span{color:#000;vertical-align: middle; padding-left:22px;}
.guPostBox {background-color:#fff;}
.guPostBoxIn {padding:40px;}
.guPostBoxIn table, .guPostBoxIn table td, .guPostBoxIn table th{border-spacing: 0; margin:0; padding:0;}
.guPostBoxIn table {margin-bottom:32px; width:100%; border-top:1px solid #000; border-bottom:1px solid #000;}
.guPostBoxIn table td {padding:10px 17px;border-bottom:1px solid #E1E1E1}
.guPostBoxIn table td.title {width:171px; color:#000; background-color:#F8F9FA; font-size:16px; letter-spacing:-0.5px;}
.guPostBoxIn table td input {width:100%; padding:9px 7px 8px 7px;}
.guPostBoxIn table td input.widthInput {width:58px; height:19px;}
.gupostBtnBox {text-align: center;}
.gupostBtn{padding:15px 24px 14px 24px; background-color:#D31F21; color:#fff; font-size:18px; letter-spacing: -0.5px;}


.familyDetailsUsageLayout .Dtitle {position:relative; font-size:28px; color:#000; letter-spacing: -0.5px; margin-bottom:25px;}
.familyDetailsUsageLayout .Dtitle .cuponBtn {position: absolute; right:0; top:0; display:inline-block; padding:9px 10px 8px 10px; color:#000; font-size:15px;letter-spacing: -0.5px; border:1px solid #CBCBCB;}
.familyDetailsUsageLayout .table_normal{margin-bottom:36px; border-bottom:1px solid  #d7d7d7;}
.familyDetailsUsageLayout .table_normal th{font-size:18px; background-color:#F8F9FA; padding:18px 0;}
.familyDetailsUsageLayout .table_normal th{text-align:center;}
.familyDetailsUsageLayout .table_normal td.normalText {text-align:left;}
.familyDetailsUsageLayout .table_normal td.rightText , .familyDetailsUsageLayout .table_normal th.rightText{text-align:right;}
.familyDetailsUsageLayout .table_normal td {padding:20px; font-size:16px; letter-spacing: -0.5px;}
.familyDetailsUsageLayout .table_normal td a {color:#000;}
.familyDetailsUsageLayout .table_normal td a.cuponBtn {display:block; padding:9px 27px 7px 27px; border:1px solid #CBCBCB;}
.familyDetailsUsageLayout .table_normal td a:hover {text-decoration:underline; color:#000;}
.familyDetailsUsageLayout .table_normal td.normalText.title {color:#000;}
.familyDetailsUsageLayout .pageNavigation {margin-bottom:80px;}
.familyDetailsUsageLayout .table_normal td.black{color:#000;}
.familyDetailsUsageLayout .table_normal td.pr0{padding-right:0;}
.familyDetailsUsageLayout .familynoticeBox {background-color:#F8F8FF; padding:26px 28px 26px 30px;font-size:16px; letter-spacing: -0.5px; color:#666;}
.familyDetailsUsageLayout .familynoticeBox .title {color:#000; font-size:22px; letter-spacing:-0.5px; margin-bottom:15px;}
.subsection {margin-top:48px;}
.subsection.mt0 {margin-top:0;}
.subsection .subtitle{font-size:18px; color:#000; letter-spacing: -0.5px; margin-bottom:17px;}
.subsection .ulStyle > li:before{width:3px; height:3px; margin-top:10px}
.subsection table {width:100%; background-color:#fff; border-top:2px solid #000; margin-bottom:12px;}
.subsection table th {padding:17px 0 15px;text-align: center;border-bottom:1px solid #D7D7D7;}
.subsection table td {padding:18px 0 14px; text-align:center;border-bottom:1px solid #D7D7D7; font-size:16px;}
.tablenotice {text-align:right; padding-right:12px; font-size:14px; letter-spacing:-0.5px;}


/*마이페이지 결제,수강신청,수강취소 내역 */
.mypageClassHistoryLayout {margin-top:70px;}
.mypageClassHistoryLayout ul{margin-bottom:40px;overflow: hidden;}
.mypageClassHistoryLayout li  {float:left; width:33.3%;}
.mypageClassHistoryLayout li:first-child{margin-left:0;}
.mypageClassHistoryLayout li a {font-size:17px; text-align:center; display:block; font-size:17px; letter-spacing: -0.5px; padding:20px 134px 22px; border:1px solid #DBDBDB; border-left:none; border-bottom:1px solid #333; letter-spacing:-0.5px; }
.mypageClassHistoryLayout li:first-child a {border-left:1px solid #DBDBDB;}
.mypageClassHistoryLayout li.on a{ border:1px solid #333; border-bottom:none; font-size:17px; color:#000;    border-bottom: 1px solid #fff;}

.mypageClassHistoryCon > ul > li{display:none;}
.mypageClassHistoryCon > ul > li:first-child{display:block;}
.mypageClassmonthBox {margin-bottom:30px;}
.mypageClassmonthBox #searchForm {width: 150px;}
.mypageClassmonthBox .selectric {width:150px; background-color:#fff; color:#000; border:none; border-bottom:1px solid #121B3F;  }
.mypageClassmonthBox .selectric .label {font-size:18px; }
.mypageClassmonthBox .selectric .button {background: url(/assets/user/images/selectDown3_black.png) no-repeat 95% 45%;}
.mypageClassmonthBox .selectric .button:after{display:none;}
.mypageClassmonthBox .selectric-items li {float:none; width:100%;}

.mypageClassSection .selectric-wrapper {top :-46px; margin-left:172px}
.mypageClassSection .selectric {width:150px; background-color:#fff; color:#000; border:none; border-bottom:1px solid #121B3F;  }
.mypageClassSection .selectric .label {font-size:18px; }
.mypageClassSection .selectric .button {background: url(/assets/user/images/selectDown3_black.png) no-repeat 95% 45%;}
.mypageClassSection .selectric .button:after{display:none;}


.mypageClassmonthBox  select { border:none; color:#000; border-bottom:1px solid #121B3F; width:150px; height:31px;  padding-bottom:5px; line-height:24px; font-size:18px; font-weight:400;  position:relative; display:inline-block; margin:0;}
.mypageClassmonthBox  select {-webkit-appearance: none;  -moz-appearance: none; appearance: none; background: url(/assets/user/images/selectDown3_black.png) no-repeat 95% 31%;}
.mypageClassmonthBox  select::-ms-expand { display: none;}

.myclasshisIn .title {position: relative; font-size:30px; letter-spacing: -0.5px; font-weight:400; margin-bottom:24px;  color:#000}
.myclasshisIn .cancelDate {position: absolute; right:0; top:13px; font-size:15px; color:#000; font-weight:400;}
.myclasshisIn .cancelDate .datNum {padding-left:34px;}
.myclasshisIn .title a.cancelbtn {font-size:15px;display:block; padding:9px 13px 7px 12px; color:#000; border:1px solid #CBCBCB; position: absolute; right:0; top:2px;}
.myclasshisIn .title a.cancelbtn span{color:#000; padding-left:32px; font-size:10px;}

.courseSelectBtnBox {position:relative; padding-bottom:24px; margin-bottom:24px; border-bottom:1px dashed #d7d7d7;}
.courseChangeBtnBox {position:absolute; right:0; top:-8px; }
.courseChangeBtnBox a{ font-size: 15px;display: inline-block; padding: 9px 13px 7px 12px; color: #000; border: 1px solid #CBCBCB;}
.courseChangeBtnBox a span {color: #000; padding-left: 32px; font-size: 10px;}

.myclasshisIn a.courseRetake{ color:#fff; font-size:16px; font-weight:400; background-color:#272937; width:171px; border-radius:5px; padding: 7px 10px;}
.myclasshisIn a.courseRetake span{color:#fff; padding-left:35px; font-size:12px; vertical-align: middle;}
.myclasshisIn .title .classbtnGroupBox{position: absolute;right:0; top:0;}
.myclasshisIn .title .classbtnGroupBox a{position: static; display:inline-block;}
.mypageClassLayout .boxWebzineBoradLayout {position:relative;}
.myclasshisIn .webzineRight {position:relative;}
.myclasshisIn .webzineRight .title {min-width:70px;margin-bottom:12px;}/* 210914 kmh 수정 */
.myclasshisIn .webzineRight .title a {font-size:20px; display:block; width:500px; line-height:34px;}
.myclasshisIn .webzineRight a.cancelbtn {min-width:125px; transition:all 0.3s ease; background-color:#F3F6F9;font-size:13px;display:block; padding:5px 9px 3px 9px; color:#000; border:1px solid #A8B6C4; position: absolute; right:10px; top:13px;}/* 210914 kmh 수정 */
.myclasshisIn .webzineRight a.cancelbtn:hover {background-color:#A8B6C4; color:#fff;}
.myclasshisIn .webzineRight a.cancelbtn span{color:#000; float:right; margin-top:4px; font-size:10px; transition:all 0.3s ease;}
.myclasshisIn .webzineRight a.cancelbtn:hover span {color:#fff;}
.myclasshisIn .webzineRight a.cancelbtn.canbtn02 {top:49px}/* 210914 kmh 수정 */
.myclasshisIn .webzineRight a.cancelbtn.canbtn03 {top: 86px;}/* 210914 kmh 수정 */

/*출석확인증 팝업*/
.attendancePop .layerpopup{display:none;}
.attendancePop .layerpopupIn .popcontentBox {padding: 42px 44px 40px;}
.attendancePop .layerpopupIn .title { position: relative;font-size: 34px; color: #000;letter-spacing: -0.5px;margin-bottom: 40px;}
.attendancePop .layerpopupIn .contaBox {  border: 1px solid #D7D7D7;padding: 50px;}
.attendancePop .layerpopupIn .printIcon { position: absolute; right: 0; top: 0; display: block; width: 40px; height: 40px;cursor: pointer;}
.attendancePop .layerpopupIn .conTop { text-align: center;letter-spacing: 30px; font-size: 48px; color: #000; margin-bottom: 100px;}
.attendancePop .layerpopupIn .conCenter { margin-bottom: 80px;}
.attendancePop .layerpopupIn .conCenter .receiptTable { margin-bottom: 20px;}
.attendancePop .layerpopupIn .conCenter .receiptTable th { font-size: 18px;text-align: left;}
.attendancePop .layerpopupIn .conCenter .receiptTable td {color: #000; font-size: 20px;padding-bottom: 10px;}
.attendancePop .layerpopupIn .conBottom { position: relative; text-align: center;color: #000;}
.attendancePop .layerpopupIn .conBottom .logo_gray { position: absolute;left: 0; top: 0; width: 100%;z-index: -1;}
.attendancePop .layerpopupIn .conBottom .cbTop { padding-top: 133px; padding-bottom: 50px;font-size: 26px;}
.attendancePop .layerpopupIn .conBottom .cbTop >div {font-size: 24px;}
.attendancePop .layerpopupIn .conBottom .cbBottom {font-size: 40px;font-weight: bold;}
.attendancePop .layerpopupIn .conBottom .cbBottom img { vertical-align: bottom;}
.attendancePop .layerpopupIn .contaBox .canlIcon .text {padding-left: 10px;}
.attendancePop .layerpopupIn .contaBox .canlIcon .canlIconBox {padding-left: 33px;}
.attendancePop .layerpopupIn .calendarBox table td .iconBox01 {font-size: 30px;background:none;}
.attendancePop .layerpopupIn .calendarBox table td .iconBox02 {font-size: 30px;background:none;}
.attendancePop .dayCheckBox {}
.attendancePop .dayCheckBox .dayCheckBoxIn {    overflow: hidden;}
.attendancePop .dayCheckBox .dayCheckBoxIn li {    float: left; color: #000; width: 23%;    text-align: center;border-bottom: 1px solid #000;padding: 15px 0 7px 0; margin: 0 1%;}
.attendancePop .dayCheckBox .dayCheckBoxIn li strong {    float: left;}
.attendancePop .dayCheckBox .dayCheckBoxIn li span {    float: right;}
.attendancePop .layerpopupIn .conBottom .cbBottom .sText {  display: block; font-size: 15px;}
.attendancePop .layerpopupIn .conBottom .cbBottom img.sign { position: absolute; right: 109px; bottom: 9px;}


.boxWebzineBoradLayout.rightStyle .title {width: 425px;}
.boxWebzineBoradLayout.rightStyle .classlabelInfo {width: 440px;}
.myclassInfoTabel,.myclassInfoTabel td {border-spacing: 0; margin:0; padding:0;}
.myclassInfoTabel td{font-size:15px;color:#000;letter-spacing:-0.5px;font-weight:400;padding:1px 12px;}/* 260512 hyj 수정 */
.myclassInfoTabel td a {color:#000;}
.myclassInfoTabel td.title{width:70px;padding:0;font-size:15px;color:#666;vertical-align:top;}/* 260512 hyj 수정 */
.myclassInfoTabel td.tearchWidth {width:450px;}
.myclassInfoTabel td.tearchWidth span {vertical-align:middle; font-size:10px;}
.myclasshisIn .webzineRight .price {bottom:11px;}
.myclasshisIn .normality {color:#000}
.myclasshisIn .normality .productTitle {text-align: right; font-size:16px; margin-bottom:0px; padding-right:0; color:#666;}
.myclasshisIn .productPrice {font-size:26px; font-weight:600; color:#000;}

.myClasspaymentInfoBox .title{position: relative;}
.onlineBookStroeList {position: absolute; right:0; top:0;}
.onlineBookStroeList .text{color:#000; font-size:15px; letter-spacing:-0.5px; padding-right:8px;}
.onlineBookStroeList ul{display:inline-block;}
.onlineBookStroeList li {display:inline-block;}
.onlineBookStroeList li a{font-size:15px; display:block; background-color:#E1E1E1; color:#000; padding:9px 10px 7px 10px; border:1px solid #D7D7D7; border-radius:2px;}
.onlineBookStroeList li a span{padding-left:8px; color:#000; font-size:11px;}
.onlineBookStoreInfo{margin:15px 0 0 0;text-align:center;font-size:14px;line-height:1.7;font-weight:400;color:#666;}/* 230810 kmh 추가 */

/* 260512 hyj 수정 */
.mycPayBox{display:flex;justify-content:space-between;position:relative;min-height:227px;border:1px solid #d7d7d7;overflow:hidden;}
.mycPayBox .mycpLeft{width:570px;}
/* //260512 hyj 수정 */
.mycpLeft .mycprIn {padding:32px 42px 29px 26px; background-color:#fff; position: relative;}
.mycpLeft .mycprIn2 {padding-bottom:116px;}
/* .receiptBtn {position: absolute;right:18px; top:23px;} */
.receiptBtn span{padding-left:20px; font-size:12px; color:#000;vertical-align: middle}
.receiptBtn a { display:inline-block; color:#000; background-color:#F3F6F9; border:1px solid #A8B6C4; padding: 8px 11px 7px 10px;; margin:0 3px;}
.receiptBtn a:first-child{margin-left:0;}
.mycpLeft table{width:552px;}
.mycpLeft table td{line-height:30px; vertical-align:top;}
.mycpLeft table .account {margin:0; font-weight:600;}
.mycpLeft table td.vermi {vertical-align: middle;}
.mycpLeft .text {font-size:16px; color:#D31F21; font-weight:400; letter-spacing: -0.5px; margin:0; margin-bottom:15px;}
.mycpLeft .text  p {margin-top:0;}
.mycpRight {float:right; background-color:#F3F6F9; width:455px;min-height:280px;}
.mycpRight.classBreakdown {min-height:308px;}
.mycpRight.classBreakdown  .mycprIn {padding:50px 27px 27px;}
.mycpRight .mycprIn {padding:27px;  background-color:#F3F6F9;}
.mycpRight table, .mycpRight table td {border-spacing: 0; margin:0; padding:0;}
.mycpRight table{margin-bottom:40px;}
.mycpRight table.tableBorb{padding-bottom:23px; border-bottom:1px dashed #24231F;}
.mycpRight table td{line-height:32px; font-size:18px; color:#000; text-align: right;}
.myclassInfoTabel td .approval {display:block;}
.myclassInfoTabel td.receiptTd {width:150px;}
.mycpRight table td.title{text-align:left; font-size:16px; color:#000; font-weight:400;width:153px; padding-right:153px;}
.mycpRight table.tableBorb td{font-size:16px;}
.mycpRight table.tableBorb td.totalpr {font-size:18px;}
.mycpTotal{position: relative;}
.mycpTotal .mycpText{font-size:26px; color:#000; font-weight:400; letter-spacing: -0.5px; }
.mycpTotal .mycpPrice{position:absolute; right:0; top:-8px; font-size:40px; color:#D31F21; font-weight:600; letter-spacing: -0.5px; }
.mycpTotal .mycpPrice .text{font-size:18px; color:#000; font-weight:400;}
.mycpTotal .mycWaiting {top:152px;}

.myclasshisLayout{border: 1px solid #d7d7d7; padding:22px 24px; margin-bottom:80px;}
.registerInfomationBox{background-color:#F8F8FF; padding:26px 30px 29px; margin-bottom:50px;}
.registerInfomationBox .title {margin-bottom:27px; font-size:22px; color:#000; letter-spacing:-0.5px;}
.tabBtn {overflow: hidden;}
.tabBtn li {float:left; width:33.3%;}
.tabBtn li a{padding:20px 0px 23px;  text-align:center; display:block; font-size:15px; background-color:#E1E1E1; border:1px solid #999; border-left:none;}
.tabBtn li:first-child a {border-left:1px solid #999;}
.tabBtn li.on a{background-color:#fff; color:#000; font-size:16px; font-weight:600; border-bottom:none;}
.registerInfomationBox .pannel {background-color:#fff;}
.registerInfomationBox .pannel >li{display:none; padding:39px 25px 37px;font-size:15px;}
.registerInfomationBox .pannel >li:first-child{display:block;}
.subT {font-size:16px; margin-bottom:20px; font-weight:bold;}
.registerInfomationBox .pannel >li > ul> li {padding-bottom: 10px;}
.registerInfomationBox .pannel >li > ul> li > ul  {padding-top:10px;}
.registerInfomationBox .pannel >li > ul> li > ul > li{font-size:14px; padding-left:20px; padding-bottom:10px}
.registerInfomationBox .pannel >li > ul {margin-bottom:24px;}
.sect {margin-bottom:24px;}
.sect table{margin-top:24px;}
.sect li {padding-bottom:10px;}
.sect p {margin:0;}
.sect .table_normal tr th {background-color:#F3F6F9; font-size:16px;}
.registerInfomationBox .pannel >li  .addInfo {margin-top:8px; font-size:14px;}
/*마이페이지 팝업*/
.classDelayPop .layerpopupIn .popcontentBox {padding:42px 44px 40px;}
.classDelayPop .layerpopupIn .popcontentBox .title {font-size:34px; letter-spacing:-0.5px; color:#000; margin-bottom:20px;}
.classDelayPop .layerpopupIn .popcontentBox .subtitleBox {position: relative; padding-bottom:40px; border-bottom:1px solid #979797; margin-bottom:46px;}
.classDelayPop .layerpopupIn .popcontentBox .subtitle {margin:0; color:#D0131C; font-size:20px;}
.classDelayPop .layerpopupIn .popcontentBox .subtitleBox .date {letter-spacing:-0.5px; font-size:18px; position: absolute; right:0; top:0;}
.classDelayPop .layerpopupIn .popcontentBox .contaBox {padding-bottom:44px; border-bottom:1px dashed #D7D7D7}
.classDelayPop .layerpopupIn .popcontentBox .conBox {padding:36px 38px; background-color:#F3F6F9; margin-bottom:0; }
.classDelayPop .layerpopupIn .popcontentBox .contaBox .title{margin-bottom:12px;font-size:24px; color:#000; letter-spacing: -0.5px;}


.classDelayPop .layerpopupIn .popcontentBox .conBox input[type="checkbox"] + label { display: inline-block; width: 18px; height: 18px; border: 1px solid #C0C0C0; background-color:#fff; cursor: pointer; vertical-align: middle}
.classDelayPop .layerpopupIn .popcontentBox .conBox input[type="checkbox"]:checked + label { background:url('/assets/user/images/Checkbox_gray.png') no-repeat center; background-color:#fff;}
.classDelayPop .layerpopupIn .popcontentBox .conBox input[type="checkbox"] { display: none;}
.classDelayPop .layerpopupIn .popcontentBox .conBox span.supplantLable{color:#000; font-size:16px; margin-right:20px; vertical-align: middle}
.classDelayPop .layerpopupIn .popcontentBox .conBox span.chksection {padding-left:48px;}
.classDelayPop .layerpopupIn .popcontentBox .conBox textarea {font-family:'NanumBarunGothic', sans-serif;margin:0; padding:0; resize: none; width:770px; height:46px; vertical-align: top; margin-left:75px;}
.classDelayPop .layerpopupIn .popcontentBox .conBox  .etcBox {margin-top:21px;}
.classDelayPop .layerpopupIn .contaBottom {padding:42px 44px 40px; background-color:#F8F8FF; margin-top:48px;}
.classDelayPop .layerpopupIn .contaBottom .title {font-size:22px; letter-spacing: -0.5px; color:#000; margin-bottom:40px;}
.classDelayPop .layerpopupIn .contaBottom .cldenotieBox { margin-top:40px; font-size:14px; letter-spacing: -0.5px; font-weight:400;}
.classDelayPop .layerpopupIn .contaBottom .cldenotieBox p{margin:0; margin-bottom:12px;}
.classDelayPop .layerpopupIn .allchkpopBox {text-align: center; margin-top:32px;}
.classDelayPop .layerpopupIn .allchkpopBox .supplantLable {color:#000; font-size:16px; font-weight:400; margin-left:12px;}
.receiptPop .layerpopupIn{width:1080px; margin-left:-540px;}
.receiptPop .layerpopupIn .popcontentBox {padding:42px 44px 40px;}
.receiptPop .layerpopupIn .title {position:relative; font-size:34px; color:#000; letter-spacing:-0.5px; margin-bottom:40px;}
.receiptPop .layerpopupIn .printIcon {position:absolute; right:0; top:0;display:block; width:40px; height:40px; cursor:pointer;}
.receiptPop .layerpopupIn .contaBox {border:1px solid #D7D7D7; padding:50px}
.receiptPop .layerpopupIn .conTop {text-align:center; letter-spacing:30px; font-size:48px; color:#000; margin-bottom:100px;}
.receiptPop .layerpopupIn .conCenter  {margin-bottom:80px;}
.receiptPop .layerpopupIn .conCenter .receiptTable th{font-size:24px; text-align:left;}
.receiptPop .layerpopupIn .conCenter .receiptTable td{color:#000; font-size:20px; padding-bottom:10px;}
.receiptPop .layerpopupIn .conCenter .receiptTable td .table_normal {margin-top:24px;}
.receiptPop .layerpopupIn .conCenter .receiptTable td .table_normal th {font-size:18px;}
.receiptPop .layerpopupIn .conBottom {position:relative;text-align:center; color:#000;}
.receiptPop .layerpopupIn .conBottom .logo_gray  {position:absolute; left:0; top:0; width:100%; z-index:-1;}
.receiptPop .layerpopupIn .conBottom  .cbTop {padding-top:133px; padding-bottom:50px; font-size:26px;  }
.receiptPop .layerpopupIn .conBottom  .cbTop >div {font-size:24px;}
.receiptPop .layerpopupIn .conBottom  .cbBottom {font-size:40px; font-weight:bold;}
.receiptPop .layerpopupIn .conBottom  .cbBottom img { position: absolute; bottom: 10px; right: 167px;vertical-align:bottom;}

/*마이페이지 > 수강신청내역 팝업 */
.mcInfoPopup .layerpopupIn .layerpopupTop .title {margin-bottom:0}
.mcInfoPopup .layerpopupIn .layerpopupContainer  table th {color: #000; text-align: center; padding: 20px 30px 18px;background-color: #F8F9FA; font-weight:400; width: 148px;}
.mcInfoPopup .layerpopupIn .layerpopupContainer  table td {font-size: 16px; letter-spacing: -0.5px; padding: 16px;}

/*마이페이지 > 수강신청내역 > 수강변경 페이지 */

.chkCheangInfo .myplockerifIn .ulStyle {padding-left:0;}
.mycusButtonBox {text-align:center;}
.mycusButtonBox a{margin:0 5px;}
.ccInTableIn table {margin-bottom:28px;}
.ccInTableIn .table_normal tr th {font-size:18px; padding:18px 0; background-color:#F3F6F9;}
.ccInTableIn .table_normal tr th.topTh {background-color:#EFEFEF;}
.ccInTableIn .table_normal tr th.botTh {background-color:#F8F9FA;}
.ccInTableIn .table_normal tr td{font-size:15px; padding:18px 8px}
.chkTitle {color:#000; font-size:28px; padding-bottom:20px; background-color:#fff;}
/*마이페이지 > 수강신청내역 > 수강변경 페이지  > 수강과목 변경 팝업*/
.chkCheangLayout  {width:870px;}
.chkCheangLayoutIn {padding: 0 20px 20px 10px;}
.chkCheangLayout .title {padding: 34px 39px 0; font-size: 30px;font-weight: 600;letter-spacing: -0.3px;color: #000;margin-bottom: 25px;}
.chkCheangInfo{margin-bottom:0; margin-top:0;     background-color: #F8F8FF;}
.chkCheangInfo .myplockerifIn .ulStyle {padding-left:0;}
.ccPopChoiceBox {overflow:hidden; margin-bottom:24px;}
.ccPopChoiceBox > .leftBox, .ccPopChoiceBox > .rightBox {float:left;width:50%; }
.ccPopChoiceBox .rightBoxIn, .ccPopChoiceBox .leftBoxIn {border:1px solid #d7d7d7; border-top:none;}
.ccPopChoiceBox .leftBoxIn {border-right:none;}
.ccPopChoiceBox .titleBox { margin-bottom:0; text-align:center; background-color:#272937; color:#fff; font-size:18px; padding:10px 0;}
.ccPopChoiceBox ul  {overflow-y:auto; height:500px;}
.ccPopChoiceBox ul li {border-bottom:1px solid #d7d7d7; padding:10px; font-size:15px; cursor:pointer; color:#000;}
.ccPopChoiceBox ul li.on {color:#fff; background-color:#D31F21;}
.ccPopTableBox  {margin-bottom:24px;}
.ccPopChoiceBtnBox {text-align:right;  padding-bottom: 20px;}

/*마이페이지 > 수강신청내역 > 공제환불신청, 공제환불 신청 취소*/
.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;}

.deuctLayout {width:700px;}
.deuctLayoutIn {padding: 0 20px 20px 10px;}
.deuctLayoutIn .title {    padding: 34px 39px 0; font-size: 30px;font-weight: 600;letter-spacing: -0.3px;color: #000;margin-bottom: 25px;}
.deuctLayoutIn .table_normal {border-bottom:1px solid #dadada; }
.deuctLayoutIn .table_normal tr th {font-size:18px; padding:18px 0; background-color:#F3F6F9;}
.deuctLayoutIn .table_normal tr td{font-size:15px; padding:18px 8px}
.deuctLayoutIn .tableTr {border-bottom:1px solid #dadada; padding:18px 8px; font-size:15px; position:relative;}
.deuctLayoutIn .tableTr  input[type='text'] {width:80%; margin-left:10px;}
.deuctLayoutIn .tableLastTr {border-bottom:2px solid #575757; margin-bottom:18px; font-size:18px;}
.deuctLayoutIn .tableLastTr .price {font-size:16px;}
.deuctLayoutIn .tableLastTr .price .red {font-size:18px;}
.deuctLayoutIn .deduCancleTr {position:absolute; right:8px; bottom:-58px;}
.deuctLayoutIn .tableTr .price {font-size:16px;}
.deuctLayoutIn .tableTr .price .red {font-size:18px;}
.deuctLayoutIn .buttonBox {text-align:right; padding-top:28px;}
.deuctLayoutIn .deductInfo {background-color:#F8F8FF; padding: 26px 30px 2px 30px; margin-bottom:12px;}
.deuctLayoutIn .deductInfo  .deduTitle {font-size:18px; color:#000; letter-spacing:-0.5px; margin-bottom:17px;}
.deuctLayoutIn .deductInfo .table_normal {margin-bottom:24px;}
.deuctLayoutIn .deductInfo .table_normal tr td {padding:18px 23px; background-color:#fff;}
.deuctLayoutIn .notice {font-size:14px; letter-spacing:-0.5px;}
.deuctLayoutIn .abRight {position:absolute; right:8px; top:20px;}
.deuctLayoutIn .reruTr {padding-bottom:80px;}

/*마이페이지 > 수강신청 내역 > 현금영수증발행, 상품권 영수증 발행 */
.cashReceiptLayout {width:700px;}
.cashReIn {padding: 0 20px 20px 20px;}
.cashReIn .myplockerifIn { padding: 25px 20px 25px;}
.cashReIn .title { padding: 34px 0 0;font-size: 30px;font-weight: 600;letter-spacing: -0.3px;color: #000;margin-bottom: 25px;}
.cashReIn .table_normal tr th {font-size:16px; padding:18px 0; background-color:#F3F6F9;}
.cashReIn .table_normal tr td{font-size:15px; padding:18px 8px}
.recepitText {margin-top:5px; margin-left:5px;}
.cashReIn .table_normal tr td input[type="text"] {width:350px;}
.cashReIn .table_normal tr td .useRece {padding-left:20px;}
.cashReIn .buttonBox {text-align:center; padding: 15px 0px 0 0;}
.cashReIn .buttonBox  .bu_al_red {min-width:150px; padding:10px 0;}

/*마이페이지 > 수강신청 내역 > 영수증 발행 확인  issue*/
.issuedLayout .cashReIn {padding: 0 10px 20px 10px;}
.issuedLayout .table_normal tr th {font-size:16px; padding:18px 0; background-color:#F3F6F9; width:178px;}
.issuedLayout .table_normal tr td a {border:1px solid #d7d7d7; border-radius:3px; display:inline-block; padding:4px 5px; text-align:center;}
.issuedLayout .table_normal tr td a:hover {color:#D31F21}
/*마이페이지 사물함 선택*/
.mypageLockerInfoLayout {margin-top:80px; background-color:#F8F8FF;}
.myplockerifIn {padding:34px 48px 35px; position: relative; margin-bottom:48px;}
.myplockerifIn img {position: absolute; left:48px; top:34px;}
.myplockerifIn .ulStyle {padding-left:83px;}
.myplockerifIn .ulStyle li:before {width:3px; height:3px; background-color:#666;}
.mypageLockerplaceLayout .mypageClassmonthBox {background-color:#121B3F; padding:27px; margin-bottom:48px; box-shadow:4px 18px 26px rgba(0,0,0,0.16);}

.mypageLockerplaceLayout .mypageClassmonthBox .selectric-wrapper {width:150px;  margin:0 auto;}
.mypageLockerplaceLayout .mypageClassmonthBox .selectric {width:150px;  color:#fff;  border:none; border-bottom:1px solid #fff; background-color: transparent;}
.mypageLockerplaceLayout .mypageClassmonthBox .selectric .label {font-size:18px; color:#fff; }
.mypageLockerplaceLayout .mypageClassmonthBox .selectric .button {background: url(/assets/user/images/selectDown_small_white.png) no-repeat 95% 45%;}
.mypageLockerplaceLayout .mypageClassmonthBox .selectric .button:after{display:none;}
.mypageLockerplaceLayout .mypageClassmonthBox .selectric-items {border:none;}
.mypageLockerplaceLayout .mypageClassmonthBox .selectric-items li {float:none; width:auto; background-color:#121B3F; color:#fff;}

/* .mypageLockerplaceLayout .mypageClassmonthBox  select { border:none; color:#fff; border-bottom:1px solid #fff; width:150px; height:31px;  padding-bottom:5px; line-height:24px; font-size:23px; font-weight:600;  position:relative; display:inline-block; margin:0;}
.mypageLockerplaceLayout .mypageClassmonthBox  select {-webkit-appearance: none;  -moz-appearance: none; appearance: none; background: url(/assets/user/images/selectDown_small_white.png) no-repeat 95% 31%;}
.mypageLockerplaceLayout .mypageClassmonthBox  select::-ms-expand { display: none;}
.mypageLockerplaceLayout .mypageClassmonthBox  select option {background-color:#121B3F;}
*/

.mylockerInfomation table, .mylockerInfomation table td{margin:0; padding:0; border-spacing:0;}
.mylockerInfomation table{width:100%; margin-bottom:48px;border-top:1px solid #000; border-bottom:1px solid #000;}
.mylockerInfomation table td{font-size:16px; border-top:1px solid #E1E1E1;padding:19px 30px 18px;}
.mylockerInfomation table td.centerText{text-align: center}
.mylockerInfomation table td.tmylockin {font-size:18px; position: relative;}
.mylockerInfomation table td.tmylockin .lockerBtn {position:absolute; top:10px;display:inline-block; padding:9px 17px 7px 12px;color:#000; background-color:#fff; font-size:15px; letter-spacing:-0.5px; border:1px solid #CBCBCB}
.mylockerInfomation table td.tmylockin .lockerBtn span{padding-left:10px; color:#000; font-size:12px;vertical-align: middle;}
.lockextensionbtn {right:12px;}
.lockreturnbtn {right:144px;}
.mylockerInfomation table .tbg{background-color:#EFEFEF; color:#000;}
.mylockerInfomation table .tbg2{background-color:#F8F9FA; color:#000; text-align:center;}
.lockerplanLayout {position: relative;}

.lockerFloorBtn {position: absolute; left:0; top:52px;}
.lockerFloorBtn li a{display:block; padding:17px 22px 15px 23px; font-size:16px; background-color:#fff; border:1px solid #D7D7D7;}
.lockerFloorBtn li.on a {background-color:#272937; color:#fff;}
.lockerFloorBtn li.on a span.black{color:#fff;}
.lockerplanCon {padding-left:278px;}
.lockerplanCon > ul {min-height:400px; margin-bottom:30px;}
.lockerplanCon > ul >li {display:none;}
.lockerplanCon > ul >li:first-child{display:block;}
.lockerplanIconbox {text-align: right; position: relative; margin-bottom:12px; height:40px;}
.lockerplBtn {position: absolute; left:0; top:0; display:inline-block; border:1px solid #CBCBCB; color:#000; padding:9px 17px 7px 12px;}
.lockerplBtn span{vertical-align: middle; color:#000; padding-left:17px; }
.lockerplanCon span.text{color:#000; font-size:14px; margin:0 6px; line-height:39px;}
.lockerplanIconbox .iconBox {width:21px; height:16px; display:inline-block;vertical-align:middle; margin-left:30px;}
.lockerPbox{background-color:#000;}
.lockerPbox02 {background-color:#fff; border:1px solid #000;}
.lockerPbox03 {background-color:#F9F9F9; border:1px solid #E6E6E6;}
.lockerPbox04 {background-color:#D31F21; border:1px solid #D31F21;}
.lockerplanTable ,.lockerplanTable td{margin:0; padding:0; border-spacing:0;}
.lockerplanTable td{color:#000;background-color:#fff}
.lockerplanTable td a {color:#000;}
.lockerplanTable {border:1px solid #E1E1E1; border-top:none; border-right:none; background-color:#E1E1E1}
.lockerplanTable td {cursor:pointer; border:1px solid #E1E1E1; text-align:center;padding:14px 14px 13px 15px; border-bottom:none; border-left:none;}
.lockerplanTable td.uselocker {cursor: default; background-color:#F9F9F9; color:#888;}
.lockerplanTable td.blacklocker{background-color:#000; color:#fff;}
.lockerplanTable td.blacklocker a {color:#fff;}
.lockerplanTable td.cholocker{background-color:#D31F21; color:#fff;}
.lockerplanTable td.cholocker a {color:#fff;}
.registerlockerBtnBox{text-align: center;margin:48px 0;}
.registerlockerBtnBox a {display:inline-block; color:#fff; background-color:#D31F21; padding:20px 145px; font-size:20px;}
.lockeruseNotice{ padding:26px 30px 29px; background-color:#F8F8FF;}
.lockeruseNotice .title {margin-bottom:24px; font-size:22px; color:#000;}
.lockeruseNotice .ulStyle li:before{width:3px; height:3px; }
.lockeruseNotice .ulStyle li{font-size:14px;}
/*마이페이지 > 사물함 > 사물함 인포*/
.mylockerInfoBox {margin-top:119px; text-align:center; margin-bottom:250px;}
.mylockerInfoBox img {margin-bottom:20px;}
.mylockerInfoBox .txt {font-size:24px; color:#000; letter-spacing:-0.5px; margin-bottom:36px;}
.mylockerInfoBox .btnBox {margin-bottom:94px;}
.mylockerInfoBox .btnBox a {width:325px; display:inline-block; margin:0 auto;}
.mylockerInfoBox .lockeruseNotice {text-align:left;}
/* 학습지원 */
/* .teacherAppraisalBox{position: relative; height:31px; margin-bottom:8px;} */
.teacherAppraisal{ transition:all .3s; position: absolute; right:12px; top:-8px; display:inline-block; margin:8px 3px; font-size:12px; padding:7px 8px 6px 8px; border:1px solid #CBCBCB; background-color:#fff; color:#000;}
.teacherAppraisal span {padding-left:19px;vertical-align: middle; color:#000; font-size:12px;}
.studySupportLayout .classlectureList .list_gBox{margin:0 12px 24px; height:332px;}
.studySupportLayout .classlectureList {height:auto;}
.studySupportLayout .classlectureList .list_gBox .list_gImg img {bottom: 33px;}

.studySupportLayout .classlectureList .list_gBox {cursor: default;}
.studySupportLayout .classlectureList .list_gBox .list_gText {padding:25px 24px 0px 342px; border:0px;}
.studySupportLayout .classlectureList .list_gBox .list_gImg { height:314px;width:314px; left:0; top:0;}
/* .studySupportLayout .classlectureList .list_gBox .list_gImg img{} */
.studySupportLayout .classlectureList .list_gBox .list_gText .supportsubjecttitle {margin-bottom:16px; position: relative; font-size:24px; color:#000; letter-spacing: -0.5px;}
.studySupportLayout .classlectureList .list_gBox .list_gText .supportsubjecttitle .teacherAppraisalBox a{right:0; top:-10px;}
.studySupportLayout .classlectureList .list_gBox .list_gText .studysupBtnBg {background-color:#EEEEEE; position: absolute; left:0; bottom:0; width:100%; height:51px;}
.studySupportLayout .classlectureList .list_gBox .list_gText .studysupBtnBg .studysupBtnBoxIn{ overflow:hidden; margin-top:9px; margin-left:7px; margin-right:6px;}
.studysupBtnBox li {display:inline-block;}
.studysupBtnBox li a {  z-index:1; transition:all .3s; position:relative; display:inline-block; margin-bottom:8px; font-size:13px;
border:1px solid #D7D7D7; background-color:#FAFAFA; color:#666; border-radius:3px; height:32px; line-height:32px; padding:0 18px 0px 6px;}
.studysupBtnBox li a span {font-size:8px; position: absolute; right:3px; top:12px;vertical-align: middle}
.studysupBtnBox li a:hover {color:#fff;}
.studysupBtnBox li a:before {transition:all .3s ease; z-index: -1;display:block; content:''; width:0; height:100%; background-color:#D31F21; position: absolute; right:0; top:0;}
.studysupBtnBox li a:hover:before {width:100%; left:0;}
.studySupportLayout .buttonBox {margin:39px 0 80px; padding:0;}
.studySupportLayout .buttonBox button {color:#333; font-size:25px; }
.studySupportLayout .buttonBox button span {font-size:18px; vertical-align: middle}
.studySupportLayout .classlectureList .list_gBox .list_gText table {width:629px;}
.studySupportLayout .classlectureList .list_gBox .list_gText table td {padding-left:10px;}


.studysupAddBtn{position: absolute; right:25px;  bottom:70px; font-size:16px; text-decoration: underline; color:#000; font-weight:600;}
/*학습지원 자세히보기 클릭시 팝업*/
.stuSuppPop .classChoLayout .title {vertical-align: top}
.stuSuppPop .classChoLayout td.cont {vertical-align: top; color:#000; font-size:18px; font-weight:600;}

/*선생님평가*/
.teacherAppraisalPopup .layerpopupTop .title{ font-size:34px; letter-spacing: -0.5px; font-weight:400; margin-bottom:20px;}
.teacherAppraisalPopup .layerpopupTop .title .bold {font-weight:600;}
.teacherAppraisalPopup .layerpopupTop .subtitle {position: relative; color:#D0131C; font-size:20px; letter-spacing: -0.5px; padding-bottom:40px;}
.teacherAppraisalPopup .layerpopupTop .subtitle .date{position: absolute; right:0; top:0; color:#666;font-weight:600; font-size:18px; letter-spacing: -0.5px; }

.titleBorder {border-bottom:1px solid #E6E6E6;margin-bottom:48px;}
.titleBorder .title{ font-size:34px; letter-spacing: -0.5px; font-weight:400; margin-bottom:20px;}
.titleBorder .title .bold {font-weight:600;}
.titleBorder .subtitle {position: relative; color:#D0131C; font-size:20px; letter-spacing: -0.5px; padding-bottom:40px;}
.titleBorder .subtitle .date{position: absolute; right:0; top:0; color:#666;font-weight:600; font-size:18px; letter-spacing: -0.5px; }

/* 210623 kmh 추가 */
.titleComm{margin-bottom:48px;}
.titleComm .title{font-size:34px;letter-spacing:-0.5px;font-weight:400;margin-bottom:13px;position:relative;}
.titleComm .title .bold{margin-left:10px;padding-left:13px;display:inline-block;vertical-align:middle;font-weight:600;position:relative;}
.titleComm .title .bold:before{content:'';width:2px;height:32px;background-color:#171317;position:absolute;left:0;top:6px;}
.titleComm .title .date{font-size:18px;color:#666;letter-spacing:-0.5px;position:absolute;right:0;top:7px;}
.titleComm .teachers{font-size:20px;color:#666;}
.titleComm .subtitle{position:relative;color:#D0131C;font-size:20px;letter-spacing:-0.5px;padding-bottom:40px;}
.titleComm .subtitle .date{position:absolute;right:0;top:0;color:#666;font-weight:600;font-size:18px;letter-spacing:-0.5px;}

.feedbackInfo .infoSection + .infoSection{margin-top:30px;}
.feedbackInfo .infoHead{position:relative;}
.feedbackInfo .infoHead .title{margin:0 0 13px;padding:0 0 0 16px;font-size:20px;font-weight:600;color:#000;position:relative;}
.feedbackInfo .infoHead .title:before{content:'';width:4px;height:4px;background-color:#000;border-radius:50%;position:absolute;left:0;top:9px;}
.feedbackInfo .infoHead .date{font-size:18px;color:#666;position:absolute;right:0;top:1px;}
.feedbackInfo .infoBody{}
.feedbackInfo .infoBody .commentBox{width:100%;min-height:210px;padding:18px;font-size:16px;line-height:1.4;color:#333;border:1px solid #d1d1d1;box-sizing:border-box;word-break:break-word;}/* 210702 hyj 수정 */
.feedbackInfo .infoBody .table_normal{border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
.feedbackInfo .infoBody .table_normal td{padding:20px;}
.feedbackInfo .infoBody .attachItems .item{text-align:right;}
.feedbackInfo .infoBody .attachItems .item + .item{margin-top:10px;}
.feedbackInfo .infoBody .attachItems span{margin-right:18px;display:inline-block;vertical-align:middle;font-size:16px;color:#000;text-decoration:underline;position:relative;}
.feedbackInfo .infoBody .attachItems span:before{content:'';width:22px;height:18px;background:url('/assets/user/images/ico_download.png') no-repeat;position:absolute;left:-28px;top:1px;}
.feedbackInfo .table_normal .table_btn{display:inline-block;width:60px;line-height:32px;padding:0px 20px;color:#fff;font-size:14px;text-align:center;border:1px solid #d31f21;background-color:#d31f21;transition:0.2s all;}
.feedbackInfo .table_normal .table_btn:hover{background-color:#fff;color:#d31f21;}
.feedbackInfo .table_normal .table_btn.dblue{position:relative;background-color:#1b275a;border:1px solid #1b275a;}
.feedbackInfo .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;}
.feedbackInfo .table_normal .table_btn.dblue:hover{background-color:#fff;color:#1b275a;}
.feedbackInfo .table_normal .table_btn.gray{background-color:#666;border:1px solid #666;}
.feedbackInfo .table_normal .table_btn.gray:hover{background-color:#fff;color:#666;}
/* //210623 kmh 추가 */

.teacherAppraisalPopup .layerpopupTop table, .stuSuppPopup  .layerpopupContainer table td{margin:0; padding:0; border-spacing:0; }
.teacherAppraisalPopup .layerpopupTop  table {width:100%; border-bottom:1px solid #E1E1E1; margin-bottom:19px;}
.teacherAppraisalPopup .layerpopupTop table td {padding:12px 22px; border-top:1px solid #E1E1E1;}
.teacherAppraisalPopup .layerpopupTop  table td.title{width:207px;background-color:#F3F6F9; color:#000; font-size:16px; text-align:center; padding:20px 0;}
.teacherAppraisalPopup .layerpopupTop  table td textarea{resize: none; border:1px solid #E1E1E1; width:742px; height:121px;}
.teacherAppraisalPopup .layerpopupTop table td.vertop {vertical-align: top}
.teacherAppraisalPopup .layerpopupTop table td .teacherGPA .icon-star-full{font-size:20px;}
.teacherAppraisalPopup .layerpopupTop table td .teacherGPA .icon-star-full.gray {color:#BFBFBF;}
.popupButtonBox {text-align:center; padding:0;}
.popupButtonBox button{padding:16px 80px;color:#fff; font-size:20px; font-weight:600; background-color:#D31F21;}

.accodianListBox dl {margin-bottom:46px;}
.accodianListBox dl dd{display:none; padding:28px 21px 28px 32px;  font-size:16px; position: relative; border-bottom:1px solid #d7d7d7;}
.accodianListBox dl dd .downloadBtn{border:1px solid #CBCBCB; position: absolute; right:29px; top:20px; color:#000; font-size:15px; display:inline-block; padding:7px 8px 6px 10px;}
.accodianListBox dl dd .downloadBtn span {padding-left:36px; font-size:12px;}
.accodianListBox dl dd:first-child{display:block;}
.accodianListBox dl dt{ position:relative; background-color:#F3F6F9; padding:20px 17px; color:#000; font-size:16px; margin-bottom:4px;}
.accodianListBox dl dt .icon-k-down { position: absolute; right: 18px; top: 26px; font-size: 15px; font-weight: 600;}

.speakingPopup .table_normal {border-top:none; border-bottom:1px solid #D1D1D1; margin-bottom:32px;}
.speakingPopup .table_normal thead tr th {border-top:none; background-color:#F8F9FA; font-size:18px; padding:18px 0 19px 0;}
.speakingPopup .table_normal tr td {padding:20px 0; font-size:16px;}
.speakingPopup .table_normal tr td a{position: relative; z-index:1; background-color:#666; padding:8px; text-align: center; color:#fff; font-size:16px; letter-spacing:-0.5px; transition:all .3s ease; position: relative;}

.speakingPopup .table_normal tr td a:before{ border: 0 solid transparent; box-sizing: border-box; content: '';display:block;
position: absolute;width: 0;height: 0; top: 0;left: 0; z-index:1;}
.speakingPopup .table_normal tr td a:after{ z-index:2;bottom: 0;right: 0;  border: 0 solid transparent; box-sizing: border-box; content: '';display:block; position: absolute;width: 0;height: 0; }
.speakingPopup .table_normal tr td a:before { border-top-width: 2px;border-right-width: 2px;}
.speakingPopup .table_normal tr td a:after { border-bottom-width: 2px;border-left-width: 2px;}

.speakingPopup .table_normal tr td a:hover:before, .speakingPopup .table_normal tr td a:hover:after { border-color: #D31F21; transition: border-color 0s, width 0.1s, height 0.2s; width: 100%; height: 100%;}
.speakingPopup .table_normal tr td a:hover:after {transition: border-color 0s, width 0.3s, height 0.4s; width: 100%; height: 100%;border-color: #D31F21;}
.speakingPopup .table_normal tr td a:hover:before {transition-delay: 0s, 0.2s, 0.3s;}
.speakingPopup .table_normal tr td a:hover:after {transition-delay: 0s, 0.4s, .6s;}
.speakingPopup .table_normal tr td a:hover, .speakingPopup .table_normal tr td a.compleBtn01:hover, .speakingPopup .table_normal tr td a.compleBtn02:hover{background-color:#fff; color:#D31F21;}
.speakingPopup .table_normal tr td a.compleBtn01 { color:#666; background-color:#F6F6F6; border:1px solid #E1E1E1;}
.speakingPopup .table_normal tr td a.compleBtn02 { color:#000; background-color:#F6F6F6; border:1px solid #E1E1E1;}

.speakingPopup .layerpopupTop .table_normal  tr td.stitle {font-size:16px; color:#000;font-weight:400;}

.speakPopup .layerpopupTop .title p {margin:0px;}
.speakPopup .layerpopupTop .titleBorder {margin-bottom:0px;}
.speakPopup .table_normal {border-top:none; border-bottom:1px solid #D1D1D1; margin-bottom:32px;}
.speakPopup .table_normal thead tr th {border-top:none; background-color:#F8F9FA; font-size:18px; padding:18px 0 19px 0;}
.speakPopup .table_normal tr td {padding:20px 0; font-size:16px;}
.speakPopup .table_normal tr td a{position: relative; z-index:1; background-color:#666; padding:8px; text-align: center; color:#fff; font-size:16px; letter-spacing:-0.5px; transition:all .3s ease; position: relative;}

.speakPopup .table_normal tr td a:before{ border: 0 solid transparent; box-sizing: border-box; content: '';display:block;
position: absolute;width: 0;height: 0; top: 0;left: 0; z-index:1;}
.speakPopup .table_normal tr td a:after{ z-index:2;bottom: 0;right: 0;  border: 0 solid transparent; box-sizing: border-box; content: '';display:block; position: absolute;width: 0;height: 0; }
.speakPopup .table_normal tr td a:before { border-top-width: 2px;border-right-width: 2px;}
.speakPopup .table_normal tr td a:after { border-bottom-width: 2px;border-left-width: 2px;}

.speakPopup .table_normal tr td a:hover:before, .speakingPopup .table_normal tr td a:hover:after { border-color: #D31F21; transition: border-color 0s, width 0.1s, height 0.2s; width: 100%; height: 100%;}
.speakPopup .table_normal tr td a:hover:after {transition: border-color 0s, width 0.3s, height 0.4s; width: 100%; height: 100%;border-color: #D31F21;}
.speakPopup .table_normal tr td a:hover:before {transition-delay: 0s, 0.2s, 0.3s;}
.speakPopup .table_normal tr td a:hover:after {transition-delay: 0s, 0.4s, .6s;}
.speakPopup .table_normal tr td a:hover, .speakingPopup .table_normal tr td a.compleBtn01:hover, .speakingPopup .table_normal tr td a.compleBtn02:hover{background-color:#fff; color:#D31F21;}
.speakPopup .table_normal tr td a.compleBtn01 { color:#666; background-color:#F6F6F6; border:1px solid #E1E1E1;}
.speakPopup .table_normal tr td a.compleBtn02 { color:#000; background-color:#F6F6F6; border:1px solid #E1E1E1;}

.speakPopup .layerpopupTop .table_normal  tr td.stitle {font-size:16px; color:#000;font-weight:400;}


/*speaking 과제제출 페이지*/
.speakingLayoutW{ margin-top:70px;}
.speakingLayout .title{font-size:30px; color:#000; font-weight:600; letter-spacing: -0.5px; margin-bottom:25px;}
.speakingLayout span{display:block; font-weight:400; font-size:20px;}
.speakingLayout .speakingCon{margin-bottom:80px}
.speakingLayout .speakingCon table, .speakingLayout .speakingCon table td{margin:0; padding:0; border-spacing:0;}
.speakingLayout .speakingCon table { margin-bottom:50px;width: 100%; border-top: 1px solid #000; }
.speakingLayout .speakingCon table td {  font-size: 16px; letter-spacing: -0.5px; border-bottom: 1px solid #E1E1E1; padding:16px ;}
.speakingLayout .speakingCon table td.tTitle { color: #000; text-align: center; padding: 20px 30px 18px; background-color: #F8F9FA;width: 148px;}
.speakingLayout .speakingCon table td.scoreTable {padding:0; padding-left:16px;}
.speakingLayout .speakingCon .textContBox {border-bottom:1px solid #000;}
.speakingLayout .speakingCon table td.linebotoom0{border-bottom:0;}
.speakingLayout .speakingCon table td.answerSection {position: relative;}
.speakingCommentRecodeBox .speakingCommentDate {display:inline-block; padding-left:122px;}
.recodeCon {display:inline-block; min-width:312px;}
.speakingLayout .speakingCon table td .speakingCommentDownloadBtn {position: absolute; right:0; top:16px; display:block; width:121px; padding:10px 0; height:18px; color:#000; background-color:#F6F6F6; font-size:15px; text-align:center;}
.speakingLayout .speakingCon table td .speakingCommentDownloadBtn span {display:inline; font-size:25px; vertical-align: middle; color:#666; padding-left:17px;}
.speakingCon .speakingCommentDate {color:#000; font-size:16px;}
.speakingCon .speakingCommentDate span {display:inline-block; font-size:16px;}
.recorderBox {padding:22px 0; text-align:center; margin-bottom:50px;}
.recorderBox a {display:block; border:1px solid #CBCBCB; color:#000; font-size:15px; text-align:center; width:121px; height:38px; line-height:38px;}
.recorderBox a span{font-size:12px; display:inline-block; vertical-align: middle}
.speackingInfoConBox {}
.speackingInfoBoxTb audio{margin-left: 20px;}
.speackingInfoBoxTb .table_normal {border-top: 1px solid #dadada;}
.speackingInfoBox01, .speackingInfoBox02{padding-bottom:50px;  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;}
.speakingLayout .speakingCommentBox table td.on:before {width:29px; height:29px; border-radius:50%; border:2px solid #D31F21; display:block; content:''; position: absolute; left:50%; top:50%; margin-left:-17px; margin-top:-17px;}
.layerpopupTop .feedbacksection .title, .layerpopupTop .scroecradsection .title {font-size:30px; letter-spacing: -0.5px; color:#000; font-weight:400; margin-bottom:20px; }
.feedbacksection .borderBox ,.scroecradsection .scroecardBox{min-height:160px; margin-bottom:20px; border:1px solid #d7d7d7;}
.feedbBox .table {}
.scroeCardlayout{margin-bottom:20px;}
ul.fedbTabLayout{border-bottom:1px solid #000; }
ul.fedbTabLayout li{display: inline-block;}
ul.fedbTabLayout li a {display: block; color:#666; padding:20px 100px; 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;}

.canlIcon{position: relative; margin-bottom:14px;}
.canlIcon .iconBox {vertical-align: middle; width:34px; height:30px; display:inline-block; }
.canlIcon .iconBox01 {background-color:#D31F21; }
.canlIcon .iconBox02 {background-color:#FFFC00;}
.canlIcon .text {font-size:16px; padding-left:23px; vertical-align: middle;}
.canlIcon .canlIconBox {padding-left:47px}
.daycheckBox {position: absolute; right:0; top:0;}
.daycheckBox .line {color:#D7D7D7; font-size:9px; vertical-align: middle; padding:0 17px;}
.daycheckBox span {color:#000; font-size:16px;}
.daycheckBox span.red {color:#D31F21; font-weight:600;}
/* .calendarBox {height:689px; border:1px solid #D7D7D7; } */
.calendarBox table {    width: 100%; border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;}
.calendarBox table th{font-size: 18px;padding: 19px 0;border: 1px solid #E1E1E1;border-bottom: none;border-left: none;}
.calendarBox table td.on {background-color:#F3F6F9;}
.calendarBox table td{position: relative; width: 122px; height: 105px;padding: 10px;vertical-align: top;border: 1px solid #E1E1E1;border-bottom: none;border-left: none;}
.calendarBox table td a {font-size:16px;}
.calendarBox table td .iconBox {vertical-align: middle; width:34px; height:30px; display:inline-block; position:absolute; top:10px; right:10px;}
.calendarBox table td .iconBox01 {background-color:#D31F21; }
.calendarBox table td .iconBox02 {background-color:#FFFC00;}
.calendarBox table td .time {position:absolute; right:10px; bottom:10px; font-size:16px; letter-spacing:-0.5px;}
/*마이페이지 환급신청 팝업 */
.refundCashPopup .contaBottom {background-color:#F8F8FF; padding:42px 44px 40px; margin-bottom:40px;}
.refundCashPopup .contaBottom .infoTitle {font-size:22px; letter-spacing:-0.5px; color:#000; margin-bottom:40px;}
.refundCashPopup .contaBottom ul {margin-bottom:40px;}
.refundCashPopup .contaBottom li{font-size:14px; letter-spacing:-0.5px; line-height:26px;}
.refundCashPopup .contaBottom .textBox {line-height:24px; font-size:14px; letter-spacing:-0.5px; }
.refundCashPopup .allchkpopBox {position:relative; padding:20px}
.refundCashPopup .allchkpopBox input[type="checkbox"] + label {vertical-align:top;}
.refundCashPopup .allchkpopBox span.supplantLable{margin-left:30px; font-size:16px; color:#000; font-weight:400;}
.refundCashPopup .allchkpopBox .refundCashBtn {display:block; font-size:20px; padding:20px 0; text-align:center;  width:263px; position:absolute; right:0; bottom:0;}

.refundCashPopup2 .contaBottom {background-color:#F8F8FF; padding:42px 44px 40px; margin-bottom:40px;}
.refundCashPopup2 .contaBottom .infoTitle {font-size:22px; letter-spacing:-0.5px; color:#000; margin-bottom:40px;}
.refundCashPopup2 .contaBottom ul {margin-bottom:40px;}
.refundCashPopup2 .contaBottom li{font-size:14px; letter-spacing:-0.5px; line-height:26px;}
.refundCashPopup2 .contaBottom .textBox {line-height:24px; font-size:14px; letter-spacing:-0.5px; }
.refundCashPopup2 .allchkpopBox {position:relative; padding:20px}
.refundCashPopup2 .allchkpopBox input[type="checkbox"] + label {vertical-align:top;}
.refundCashPopup2 .allchkpopBox span.supplantLable{margin-left:30px; font-size:16px; color:#000; font-weight:400;}
.refundCashPopup2 .allchkpopBox .refundCashBtn {display:block; font-size:20px; padding:20px 0; text-align:center;  width:263px; position:absolute; right:0; bottom:0;}

/*마이페이지 레벨테스트*/
.levelTestNotice {margin-top:80px; margin-bottom:49px;}
.eventListBox li .table_normal tbody tr td a.leveltestReBtn{ text-align:center; display:inline-block; padding:7px; color:#000;  font-size:15px; border:1px solid #CBCBCB; width:83px; line-height: 20px;}
.levelTestListBox {position: relative; margin-bottom:78px;}

.mylevelTestBox li .table_normal{margin-bottom:54px; width:100%;}
.mylevelTestBox li .table_normal tbody tr td {padding:20px 10px 19px;}
.mylevelTestBox li .table_normal tbody tr td.normalText {text-align:left;}
.mylevelTestBox li .table_normal tbody tr td.black{color:#000;}
.levetestMoveBtn {transition:all .4s; position:absolute; right:0; bottom:-8px; z-index:1; background-color:#D31F21;color:#fff; padding:16px 36px; font-size:20px; font-weight:600; letter-spacing:-0.5px;}
.levetestMoveBtn:before {transition:all .5s ease; display:block; content:''; position: absolute; right:0; bottom:0; width:0; height:100%; background-color:#272937; z-index:-1;}
.levetestMoveBtn:hover:before {width:100%; left:0;}


/*마이페이지 나의질문내역*/
.myqustionListBox{position: relative; margin-bottom:48px;}
.myqustionInputLayout{margin-top:80px; margin-bottom:48px;}
.myqustionInputLayout .searchLayout .searchLayoutIn input{width:250px; margin-left:28px;}
.myqustionListBox li .table_normal tbody tr td.normalText {text-align:left;}
.myqustionListBox li .table_normal{margin-bottom:72px;}

/*마이페이지 나의질문내역 상세*/

.myQustionLayout{margin-top:80px;}
.myQustionLayout .title{font-size:30px; color:#000; letter-spacing:-0.5px; margin-bottom:24px;}
.myQustionLayout table, .myQustionLayout table td {border-spacing: 0; margin:0; padding:0;}
.myQustionLayout table{width:100%;border-top:1px solid #000; border-bottom:1px solid #000;}
.myQustionLayout table td{font-size:16px; letter-spacing: -0.5px;border-bottom:1px solid #E1E1E1; padding:20px 30px;}
.myQustionLayout .tTitle {color:#000;  text-align: center; padding:20px 30px 18px; background-color:#F8F9FA; width:148px;}
.myQustionLayout .textContBox {padding:22px;min-height:247px;}
.myQustionLayout table.addFileBox {border-top:1px solid #E1E1E1; border-bottom:1px solid #000;}
.myQustionLayout table.addFileBox td.filere img{margin-right:12px;}
.myQustionLayout table td.filere img{margin-right:12px;}
.myQustionLayout table td input {padding:9px 7px; height:36px; display:block;width:100%;}
.myQustionLayout table td input.fileInput {width:278px; height:24px; padding:0; margin:0;}
.myQustionLayout table td select {color:#000; border:1px solid #E1E1E1;   width:278px; height:34px;  padding:7px; line-height:20px; font-size:15px; font-weight:400;  position:relative; display:inline-block;}
.myQustionLayout table td select {-webkit-appearance: none;  -moz-appearance: none; appearance: none; background: url(/assets/user/images/selectDown.png) no-repeat 95% 50%;}
.myQustionLayout table td select::-ms-expand { display: none;}
.myQustionLayout table td select.adviceSelect {width:147px;}
.myQustionLayout table td.ansInfo {position: relative;}
.myQustionLayout table td.ansInfo div{float:left; width:50%; position: relative;}
.myQustionLayout table td .infotext{font-size:13px; position: relative;}
.myQustionLayout table td .infotext:before{width:1px; height:14px; background-color:#D7D7D7; display:block; content:''; position: absolute; left:-40px; top:26%;}
.myQustionLayout table td  .link { background-color:#E1E1E1; font-size:14px; color:#000; position:absolute; right:0; top:0; display:inline-block;background-color: #EFEFEF; color: #666; padding: 10px 13px 10px 10px;}
.myQustionLayout table td  .link span{ color:#000; vertical-align: middle; font-size:12px; padding-left:24px;}
.myQustionButtonBox {position: relative; margin-top:47px; margin-bottom:50px; height:55px;}
.myQustionButtonBox .linkBtn {padding:16px 87px; position: absolute; font-size:20px; font-weight:400; letter-spacing:-0.5px;}
.myQustionButtonBox .qaLeftBtn {transition: all .4s ease; left:0; top:0; color:#000; border:1px solid #D7D7D7; font-weight:400;}
.myQustionButtonBox .qaLeftBtn:before{display:block; content:''; position: absolute; right:0; bottom:0; width:0; height:100%; background-color:#D31F21; z-index:-1; transition: all .5s ease;}
.myQustionButtonBox .qaLeftBtn:hover:before{width:100%; left:0;}
.myQustionButtonBox .qaRightBtn {z-index:1; transition: all .4s ease; right:0; top:0; color:#fff; background-color:#D31F21}
.myQustionButtonBox .qaRightBtn:before{display:block; content:''; position: absolute; right:0; bottom:0; width:0; height:100%; background-color:#272937; z-index:-1; transition: all .5s ease;}
.myQustionButtonBox .qaRightBtn:hover:before{width:100%; left:0;}
.myQustionButtonBox .qaRightBtn2 {background-color:#121B3F; color:#fff; right:260px;}
.myQustionButtonBox .qaLeftBtn:hover{color:#fff;}

.myQEditBox{text-align:center; margin-top:47px;}
.myQEditBox a { z-index:1; position:relative; margin:0 4px; display:inline-block; padding:16px 80px; font-size:20px; font-weight:600px; letter-spacing: -0.5px; text-align:center;}
.myQEditBox .qaLeftBtn {background-color:#D31F21; color:#fff; transition: all .4s ease;}
.myQEditBox .qaLeftBtn:before{display:block; content:''; position: absolute; right:0; bottom:0; width:0; height:100%; background-color:#272937; z-index:-1; transition: all .5s ease;}
.myQEditBox .qaLeftBtn:hover:before{width:100%; left:0;}
.myQEditBox .qaRightBtn {background-color:#fff; color:#000; border:1px solid #D7D7D7; transition: all .4s ease;}
.myQEditBox .qaRightBtn:before{display:block; content:''; position: absolute; right:0; bottom:0; width:0; height:100%; background-color:#D31F21; z-index:-1; transition: all .5s ease;}
.myQEditBox .qaRightBtn:hover:before{width:100%; left:0;}
.myQEditBox .qaRightBtn:hover{color:#fff;}
.myQansLayout table.addFileBox{border-bottom:none;}

/*답변에대한 고객 만족 평가*/
.myQansComSatisfactionLayout {background-color:#F8F9FA; border-bottom:1px solid #212121;}
.myQansComSatIn {padding:32px 24px 25px;}
.myQansComSatIn .text {color:#000; font-size:16px; font-weight:600; letter-spacing:-0.5px; margin-bottom:44px;}
.myQansComSatIn .myCommentQuSetion {border-bottom:1px dashed #E1E1E1; position:relative;}
.myQansComSatIn .myCommentQuSetion p{font-size:16px; letter-spacing:-0.5px; color:#060606 ; margin-top:24px; margin-bottom:20px;}
.myQansComSatIn .myCommentQuSetion p.mt0{margin-top:0;}
.myQansComSatIn .myCommentQuSetion p span{color:#666; font-size:14px;}
.myQansComSatIn .myCommentQuSetion .radioInputBox {margin-bottom:20px;}
.myQansComSatIn .myCommentQuSetion input[type="radio"] + label { background:url('/assets/user/images/radiochek2.png') no-repeat center; border-radius:50%; display: inline-block; width: 16px; height: 16px; border: 1px solid #D7D7D7; cursor: pointer; vertical-align: middle;}
.myQansComSatIn .myCommentQuSetion input[type="radio"]:checked + label { background:url('/assets/user/images/radiocheked.png') no-repeat center;}
.myQansComSatIn .myCommentQuSetion input[type="radio"] { display: none;}
.myQansComSatIn .myCommentQuSetion span {font-size:16px; padding-left:5px; padding-right:91px; font-weight:400; color:#666;}
.myQansComSatIn .myCommentQuSetion textarea{ height:82px;width:995px; display:block; margin:0 auto; margin-bottom:16px;padding:12px; resize: none; border:1px solid #ddd;}
.myQansComSatIn .myCommentQuSetion .textT {position: absolute; right:18px; bottom:12px; font-size:14px;}
.myQansComSatIn .myCommentQuSetion .textT span{padding:0;}
.myQansComSatIn .borderN {border:none;}
.myQansComSatisfactionComple {text-align:right;}
.myQansComSatisfactionComple button {width:103px; padding:11px 0; text-align:center; color:#fff; font-size:16px; letter-spacing:- 0.5px; background-color:#000; margin-right:7px;}

/* 기타신청내역 */
.table_normal tbody tr td.black{color:#000;}
.table_normal tbody tr td.normalText {text-align:left;}
.eventListBox li .table_normal tbody tr td.normalText {text-align:left;}
.myetcTabLayout{margin-bottom:48px;}
.myetcTabLayout li.tab03 a{padding:21px 0;}
.myetcTabLayout li.tab02 a {padding:21px 0;}
.myetcTabLayout li.tab01 a {padding:21px 0;}
.myetcTabListBox li .table_normal {margin-bottom:48px;}
.myetcTabListBox{position: relative; margin-bottom:50px;}
.freeClassCanBtn{display:inline-block; color:#000; padding:7px 15px 6px; border:1px solid #CBCBCB;}
.myetConIn {position: relative;}
.myetcTabListBox li .myetConIn .table_normal {margin-bottom:63px;}
.myetcTabListBox li a.frelink {transition:all .4s ease;color:#fff; font-size:20px; font-weight:bold; padding:16px 44px; position: absolute; right:0; bottom :-16px; background-color:#D31F21;}
.myetcTabListBox li a.frelink:hover {background-color:#b41b1d;}
.myetcTabLayoutW .myQustionLayout{margin-top:0;}


.adviLayoutW .myQustionLayout table td {padding:20px;}
.adviLayoutW .myQustionLayout table td .advilink {top:-8px;}

/*마이페이지 장바구니*/
.mybasketTopChkLayout{margin-top:73px; margin-bottom:40px; position: relative;}

.mybasketTopChkLayout .red{color:#D31F21}
.mybasketTopChkLayout span{font-weight:600; font-size:16px; letter-spacing:-0.5px; padding-left:5px;}
.mybasketTopChkLayout span.line{padding:0 12px; font-size:12px; color:#D9D9D9;}
.mybasketTopChkLayout a {display: inline-block;padding:8px 20px; text-align: center; font-size:14px; border:1px solid #C0C0C0; position: absolute; right:0 }
.mybasketTopChkLayout .selectAllDelete, .mybasketTopChkLayout .selectDelete{cursor: pointer;}
.mybasketSection {border:1px solid #E1E1E1; margin-bottom:32px;}
.mybasketSection p {margin:18px 17px;  position: relative;}

.mybasketSection .date {position: absolute; right:0;}
.mybasketSection .date .num {color:#000;padding-left:12px;}
.mybasketSection .boxWebzineBorad{margin-bottom:0; overflow:visible;}
.myclassRegiListBox .classChoLayout{padding:0; border:none;}
.myclassRegiListBox .classChoLayoutCanlLayout{left:-175px;}
.myclassRegiListBox {position: absolute; right: 0; top:0; width:250px; background-color:#F6F6F6; height:100%; padding: 0 16px 0px;}
.myclassRegiListBox .classChoLayout {margin-top:20px; margin-bottom:20px;}
.myclassRegiListBox .classChoLayout td select { font-size:16px;margin:0; padding:0; height:40px; padding:0 16px; width:170px; font-size:18px; -webkit-appearance: none;  -moz-appearance: none; appearance: none; background: url('/assets/user/images/selectDown2.png') no-repeat 95% 50% #fff;}
.myclassRegiListBox .classChoLayout select::-ms-expand { display: none;}
.myclassRegiListBox .classChoLayout td .classChk a { position:absolute; left:0; top:25px; color:#19468E; text-decoration: underline;}
.myclassRegiListBox .classChoLayout td {padding:0; position: relative; padding:0 0 18px 0;}
.myclassRegiListBox .classChoLayout td.title{padding-right:20px; font-size:16px;}
.myclassRegiListBox .classChoLayout td.lasttd {padding-top:31px; padding-bottom:0;}
.myclassRegiListBox .classChoLayout td .myprice {color:#D31F21; font-size:30px; font-weight:600;}

.myclassRegiListBox .classChoLayout td .selectric-wrapper {width:160px; margin-left:7px}
.myclassRegiListBox .classChoLayout td .selectric {background-color:#fff; color:#000; font-size:16px; height:38px; border:1px solid #C0C0C0; width:100%}
.myclassRegiListBox .classChoLayout td .selectric .button {background: url(/assets/user/images/selectDown.png) no-repeat 38% 50%;; height:38px;}
.myclassRegiListBox .classChoLayout td .selectric .button:after {display:none;}
.myclassRegiListBox .classChoLayout td .selectric .label {font-size:16px; height:38px; line-height:38px;}



.optionSelectInfoLayout {background-color:#272937 ;position:absolute; top:-7px; right:0; width:156px; text-align:center;}
.optionSelectInfoLayout .osinfoIn {padding:5px 7px; color:#fff; font-size:13px; }
.optionSelectInfoLayout .osinfoIn:after {
content: '';
position: absolute;
border-top: 10px solid #272937;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
bottom: -9px;
right: 21px;
}
.myclassRegiListBox .classChoLayout td.rightText {text-align:right;}

.mybasketTotalPriceSection {margin-bottom:80px; background-color:#F6F6F6; padding: 32px 20px; color:#000; font-size:16px; position: relative;min-height:190px;box-sizing:border-box;} /* 230206 pny 수정 */
.mybasketTotalPriceSection .black {padding-left:20px; padding-right:40px; font-size:20px; letter-spacing: -0.5px; font-weight:600;}
.mybasketTotalPriceSection .red {color:#D31F21;font-size:40px; letter-spacing:-0.5px; font-weight:600}
.mybasketTotalPriceSection.classChoLayout .mybTotalPInfo {padding-left:12px;}
.mybasketTotalPriceSection > a{display:inline-block; padding:16px 0; width:300px; color:#fff; background-color:#D31F21; text-align:center;  font-size:22px; font-weight:400; letter-spacing: -0.5px;position: absolute; right:20px;top:20px;max-height:62px;box-sizing:border-box;} /* 230920 syh 수정 */
.mybasketTotalPriceSection .btnAreaNpay{position:absolute;right:20px;top:88px;width:300px;} /* 230206 pny 추가 */
.mybasketTotalPriceSection .btnAreaNpay a.btnNpay{position:static;} /* 230206 pny 추가 */

.mybasClassSection {border-top:1px dashed #707070;}
.mybasClassSection .sectionTitle {margin-top:80px; position: relative}
.mybasClassSection .sectionTitle a {margin-left:27px; display:inline-block; padding:12px 15px 11px 25px; background-color:#272937; color:#fff; font-size:18px; font-weight:600;
letter-spacing: -0.5px; font-weight:600; border-radius:30px;}
.mybasClassSection .sectionTitle a span {color:#fff; font-size:12px;padding-left:41px;}

/* 200529 kmh 마이페이지 전화회화 기능 추가 */
.tabArea{margin-bottom:40px;position:relative;}
.tabArea:before{content:'';width:100%;height:1px;position:absolute;left:0;bottom:0;background-color:#333;}
.tabArea .tabBox_line{margin-bottom:0;position:relative;}
.tabArea .info{position:absolute;right:0;bottom:17px;}
.tabArea .numberInfo{font-size:18px;color:#666;}
.tabArea .numberInfo strong{font-weight:600;color:#000;}
.tabArea .numberInfo strong span{font-size:20px;color:#d0131c;}

.sheetDateSearch{margin-bottom:25px;text-align:left;}
.sheetDateSearch > span,
.sheetDateSearch select{vertical-align:middle;}
.sheetDateSearch > span{margin-right:18px;display:inline-block;font-size:18px;color:#000;}
.sheetDateSearch select{min-width:142px;height:34px;margin:0;padding:0 10px;font-size:15px;line-height:32px;color:#666;border:1px solid #e1e1e1;box-sizing:border-box;}

.telConvSheet .tabBox_line li{width:25%;}
.telConvSheet .table_normal{width:100%;border-top:none;border-bottom:1px solid #E1E1E1;margin-bottom:30px;}
.telConvSheet .table_normal caption{font-size:0;text-indent:-9999px;overflow:hidden;height:0;}
.telConvSheet .table_normal th{background-color:#F3F6F9;padding:18px 0;font-size:18px;font-weight:600;letter-spacing: -0.5px;}
.telConvSheet .table_normal td{height:40px;padding:10px 5px;text-align:center;font-size:16px;font-weight:400;color:#333;letter-spacing: -0.5px;}
.telConvSheet .table_normal .table_btn{min-width:60px;background-color:#d31f21;border:1px solid #d31f21;font-size:14px;color:#fff;line-height:32px;padding:0px 20px;margin:2px;transition:0.2s all;display:inline-block;}
.table_normal .table_btn:hover{background-color:#fff;color:#d31f21;}
.telConvSheet .table_normal .table_btn.gray{background-color:#666;border:1px solid #666;}
.telConvSheet .table_normal .table_btn.gray:hover{background-color:#fff;color:#666;}
.telConvSheet .table_normal .table_btn.dblue{background-color:#1b275a;border:1px solid #1b275a;}
.telConvSheet .table_normal .table_btn.dblue:hover{background-color:#fff;color:#1b275a;}
.telConvSheet .table_normal .noData{height:300px;text-align:center;font-size:16px;color:#999;}
.telConvSheet .telFeedSection{}
.telConvSheet .telFeedSection + .telFeedSection{margin-top:40px;}
.telConvSheet .telFeedSection .title{margin:0 0 15px;font-size:24px;color:#000;}
.telConvSheet .feedbackTop .table_normal td{font-size:18px;}
.telConvSheet .evalBox{margin:0 55px;padding:0 0 0 32px;position:relative;text-align:left;}
.telConvSheet .evalBox > span{font-size:18px;font-weight:600;color:#000;position:absolute;left:0;top:2px;}
.telConvSheet .evalBox > p{margin:0;font-size:16px;line-height:1.6;color:#999;}
.telConvSheet .feedEval .table_normal th,
.telConvSheet .feedEval .table_normal td{padding:8px 5px;font-size:16px;font-weight:400;}
.telConvSheet .telCommentBox{min-height:80px;padding:20px;font-size:16px;color:#999;border:1px solid #e1e1e1;}
.telConvSheet .buttonBox{padding:30px 0 40px;text-align:center;}

#telConvTabContents .telConvCont{display:none;}

/* 레벨테스트 */

.visualImageBoxL01 {text-align:center; background-image:url(/assets/user/images/levelBg.jpg); background-size:cover; height:377px;}
.visualImageBoxLIn{ width:500px; margin:0 auto; position:relative;}
.visualImageBoxL01 img {padding: 45px 0 0 0; /*position:absolute; left:50%; margin-left:-108px;*/}
.leveltestBannerBox{margin:50px 0 40px;text-align:center;}/* 250102 kmh 수정 */
/* 250102 kmh 추가 */
.leveltestBannerBox .guideText{margin-top:-10px;padding:0 10px;text-align:left;font-size:14px;line-height:1.6;color:#666;position:relative;z-index:1;}
.levelTestBtns{text-align:center;font-size:0;}
.levelTestBtns a{width:260px;margin:0 10px;}
.levelTestBtns a span{margin-left:5px;vertical-align:middle;font-size:13px;}
.levelTestBtns.type_jlpt .bu_al_red{width:auto;min-width:120px;}
.levelTestOnlineTabBox{padding-bottom:50px;}
.levelTestOnlineTabBox > ul > li{display:none;}
/* //250102 kmh 추가 */

.pagodalevelTestListBox {margin-bottom:120px;} /* 221216 pny 수정 */
/* 231013 kmh 수정 */
.pagodalevelTestListBox > ul {margin:0 -12px 0 -12px;text-align:center;font-size:0;overflow:hidden;}
.pagodalevelTestListBox > ul > li{width:38%;display:inline-block;vertical-align:top;}/* 250102 kmh 수정 */
/* //231013 kmh 수정 */
.pagodalevelTestListBox > ul > li .listBoxIn {margin:0 12px;  background-color:#F3F6F9; position: relative;}
.pagodalevelTestListBox > ul > li .listBoxIn  .title {text-align:center; font-size:22px;color:#000; font-weight:600; letter-spacing:-0.5px; padding:40px 20px 30px; border-bottom:1px dashed #E1E1E1;} /* 221216 pny 수정 */
/* 221216 pny 추가 */
.pagodalevelTestListBox .img_title01 {background:url(/assets/user/images/ico_lvTest01.png) no-repeat 54% center / contain; width:100%; height:65px;}/* 250102 kmh 수정 */
.pagodalevelTestListBox .img_title02 {background:url(/assets/user/images/ico_lvTest02.png) no-repeat center / contain; width:100%; height:65px;}
.pagodalevelTestListBox .img_title03 {background:url(/assets/user/images/ico_lvTest03.png) no-repeat 80px center / contain; width:100%; height:65px;}
.pagodalevelTestListBox .img_title04 {background:url(/assets/user/images/ico_lvTest04.png) no-repeat center / contain; width:100%; height:65px;}
/* // */
.pagodalevelTestListBox > ul > li .listBoxIn .title span {display:block; color:#666; font-size:14px; font-weight:400;}
.pagodalevelTestListBox > ul > li .listBoxIn .title strong {margin:20px auto 10px; display:block;line-height: 1.2;} /* 221216 pny 수정 */
.pagodalevelTestListBox > ul > li .listBoxIn dl {width:50%;margin:0 auto;position:relative}/* 250102 kmh 수정 */
.pagodalevelTestListBox > ul > li .listBoxIn dl dt{font-size:15px; font-weight:600; letter-spacing:-0.5px;
position: absolute; left:20px; top:22px;}
.pagodalevelTestListBox > ul > li .listBoxIn dl dd{padding: 22px 5px 0px 85px; min-height: 124px;}/* 250102 kmh 수정 */
.pagodalevelTestListBox > ul > li .listBoxIn dl dd ul li{text-align:left;font-size:15px; padding-bottom:2px;}/* 231013 kmh 수정 */
.pagodalevelTestListBox > ul > li .listBoxIn dl dd ul li:before {background-color:#666; width:2px; height:2px; border-radius:50%;}
.pagodalevelTestListBox > ul > li .listBoxIn a { position:relative; display:block; width:100%; text-align:center; padding:20px 0; font-size:18px; letter-spacing:-0.5px; z-index:1;}
.pagodalevelTestListBox > ul > li .listBoxIn a span {margin-left:8px;font-weight:600; font-size:12px;}/* 250102 kmh 수정 */


/* 240730 hyj 수정 */
/*레벨테스트 > 오프라인 레벨테스트*/
.levelTestLayout {margin-top:68px;}
.levelTestTopBox .title {font-size:28px; color:#000; letter-spacing:-0.5px; font-weight:400; margin-bottom:20px;}
.levelTestTopBox .title span.red{font-size:22px;font-weight:600;}/* 231109 kmh 추가 */
.levelTestTopBox .classExtxt {background-color:#F3F6F9; padding:20px; position: relative; margin-bottom:60px;}
.levelTestTopBox .classExtxt .ulStyle li:before {width:3px; height:3px;}
.levelTestTopBox .classExtxt .ulStyle li{font-size:16px; letter-spacing:-0.5px; font-weight:400;}
.levelTestTopBox .classExtxt a {display:block; font-size:18px; letter-spacing:-0.5px; padding:20px 26px; position: absolute; right:36px; top:27px;}
.levelTestTopBox .classExtxt  a .icon-k-next {font-size:12px; padding-left:24px;}
.levelTestTopTab{margin-bottom:40px;overflow:hidden;}
.levelTestTopTab ul{display:flex;}
.levelTestTopTab li{}
/*.levelTestTopTab.list3 li{width:33.3%; float:left;}
.levelTestTopTab.list4 li{width:25%; float:left;}
.levelTestTopTab.list5 li{width:20%; float:left;}
.levelTestTopTab.list6 li{width:16.6%; float:left;}
.levelTestTopTab.list7 li{width:14.2%; float:left;}
.levelTestTopTab.list8 li{width:12.5%; float:left;}*/
.levelTestTopTab li a {position:relative; display:block; padding:22px 0; border:1px solid #DBDBDB; transition:all .4s ease;
border-bottom:1px solid #333; border-left:none; text-align:center; font-size:18px; letter-spacing:-0.5px;}
.levelTestTopTab li:first-child a{border-left:1px solid #DBDBDB;} /* 200403 kmh 수정 */
.levelTestTopTab li a:before{ border: 0 solid transparent; box-sizing: border-box; content: '';display:block;
position: absolute;width: 0;height: 0; top: 0;left: 0; z-index:1;}
.levelTestTopTab li a:after{ z-index:2;top: 0;right: 0;  border: 0 solid transparent; box-sizing: border-box; content: '';display:block; position: absolute;width: 0;height: 0; }
.levelTestTopTab li a:before { border-top-width: 1px; border-left-width: 1px; }
.levelTestTopTab li a:after { border-right-width: 1px;}
.levelTestTopTab li.on a:before{ border-color: #000; transition: border-color 0s, width .3s, height .2s; width: 100%; height: 100%;}
.levelTestTopTab li.on a:after { transition: border-color 0s, width 0.3s, height .4s; width: 100%; height: 100%;border-color: #000;}
.levelTestTopTab li.on a:before {transition-delay: 0s, .2s, 0s;}
.levelTestTopTab li.on a:after {transition-delay: 0s, 0s, .4s;}
.levelTestTopTab li.on a { border-bottom:none; color:#000; font-weight:600;}
.levelTestTopTabSearchBox .searchLayout input {width:250px;}
.levelTestTopTabSearchBox .searchLayoutIn button {right:36px;}
.levelListCoditionBox .listCondition {text-align: right; margin-bottom:37px;}
.levelTestTableBox li .table_normal {margin-bottom:42px;}
.levelTestTableBox .table_normal .levelBbtn{position:relative;display:block;width:120px !important;min-width:99px;height:30px;line-height:30px;padding:7px 0;margin:0 auto;color:#fff;font-size:16px;letter-spacing:-0.5px;text-decoration:none !important;}
.levelTestTableBox .table_normal .levelBbtn span {font-size:12px; padding-left:12px; }
.levelTestTableBox .table_normal .levelBbtn:hover{color:#D31F21}
.levelTestTableBox .table_normal .bookingEnd {min-width:99px; padding:7px 0;border:none; color:#666; background-color:#EFEFEF; cursor: default;}
.levelTestTableBox .table_normal .bookingEnd:hover {color:#666;}
/* 231109 kmh 추가 */
.levelTestTableBox .table_normal .btnRecording{min-width:115px;width:115px;height:45px;padding:0 5px;display:inline-block;font-size:16px;line-height:45px;color:#fff;letter-spacing:-1px;text-decoration:none !important;}
.levelTestTableBox .table_normal .btnRecording span{font-size:12px;margin-left:5px;}
.levelTestTableBox .table_normal .btnRecording:hover{color:#D31F21}
/* // */
.levelTestLayout .searchLayout .searchLayoutIn{padding:25px 0 20px;}
.levelTestLayout .noti{margin:35px 30px 0 0;color:#222;font-size:14px;text-align:right;}
/* //240730 hyj 수정 */


/*레벨테스트 팝업*/
.pop01_tl { font-weight: 600;font-size: 26px;}
.level_pop04_tl {font-size: 16px;font-weight: 600;}

/*레벨테스트 > 온라인 레벨테스트*/
.levelTestLayout{margin-bottom:50px;}
.onlineTestBox .conDan2 .conDanBox .conDanBoxIn {padding-left:20px;}
.conDan2 .conDanBox:first-child .conDanBoxIn {padding-right:20px; padding-left:0;}
/* 200707 hyj 수정 */
.onlineTestBox .conDan2 {display:block;margin-bottom:50px;}
.onlineTestBox .conDan2:before, .onlineTestBox .conDan2:after{content:'';clear:both;display:block;}
/* //200707 hyj 수정 */
/* 221216 pny 추가 */
.conBannerBox {background:#F6F6F6; padding: 0 28px 36px;}
.conBannerBox .boxTitleBanner {color:#000; font-size:28px; font-weight:600; letter-spacing:-0.5px;text-align: left;}
.conBannerBox .boxContBanner {line-height:27px; text-align:left; font-size:16px;}
/*//*/
.onlineTestBox .conBox {margin-bottom:0; padding:36px 28px; text-align:center; background-color:#F6F6F6;}
.onlineTestBox .conBox  .boxTitle {color:#000; font-size:28px; font-weight:600; letter-spacing:-0.5px; margin-bottom:32px;}
.onlineTestBox .conBox .boxCont {line-height:27px; text-align:left; font-size:16px;
letter-spacing:-0.8px; font-weight:400; min-height:80px; margin-bottom:30px;}
.onlineTestBox .conBox .boxCont a, .onlineTestBox .conBox .boxCont .bold{color:#000; font-weight:600;}
/* .leveltestBtnBox a { position:relative; z-index:1; display:inline-block; background-color:#fff; color:#D31F21;border:1px solid #D31F21; padding:21px 150px; font-size:18px; letter-spacing:-0.5px; transition:all .3s;  }
.leveltestBtnBox a span {vertical-align: middle; padding-left:20px; font-weight:600; font-size:12px;}
.leveltestBtnBox a:before{display:block; content:''; position: absolute; right:0; bottom:0; width:0; height:100%; z-index:-1; background-color:#D31F21; transition: all .5s ease;}
.leveltestBtnBox a:hover {box-shadow: 0 10px 15px rgba(0,0,0,0.3); color:#fff; }
.leveltestBtnBox a:hover:before {width:100%; left:0;}
.leveltestBtnBox a.testBtn02:hover {background-color:#D31F21; box-shadow: 0 10px 15px rgba(0,0,0,0.3); } */
.leveltestBtnBox {height:62px;}
.leveltestBtnBox a{ padding:21px 0px; font-size:18px; letter-spacing:-0.5px; display:block; }
.leveltestBtnBox a span {vertical-align: middle; padding-left:12px; font-weight:600; font-size:12px;}
.boxCon2 a {margin-left:4px; width:48%; display:inline-block;}
.boxCon2 a:first-child {margin-left:0; margin-right:4px;}
/* 210323 kmh 수정 */
.boxCon4 a {margin-left:6px; width:23%; min-width:auto; display:inline-block;}
.boxCon4 a:first-child {margin-left:0;}
/* //210323 kmh 수정 */

/*레벨테스트 > 테스트 응시 팝업*/
.testTaskPopup .titleBorder .subtitle .date {font-size:18px; font-weight:400;}
.testTaskPopup .titleBorder .subtitle .date .dtitle {padding-right:20px;}
.testTaskPopup .titleBorder .subtitle .date .line {padding:0 16px; font-size:11px; color:#D8D8D8;}
.testInfomationBox {margin-bottom:46px;}
.testInfomationBox ul{overflow: hidden;}
.testInfomationBox li{width:50%; float:left;height:230px; background-color: #F8F9FA; position: relative;}
.testInfomationBox li:before{content:'';display:block; width:1px; height:179px; background-color:#E1E1E1; position: absolute; left:0; top:20px; }
.testInfomationBox li:first-child:before {display:none;}
.testInfomationBox li .tinfobIn {padding:38px 14px 38px 28px;}
.testInfomationBox li .conTitle {color:#000; font-size:22px; font-weight:600;
letter-spacing:-0.6px; margin-bottom:28px;}
.testInfomationBox li .cont {font-size:16px; line-height:28px; letter-spacing:-0.5px;}
.testInfomationBox li .cont p {margin:0; margin-bottom:5px;}
.testInfomationBox li .underline {border-bottom:1px solid #000;}

/*레벨테스트 > 모의테스트 */
.examTestInfoBox .title{font-size:28px; letter-spacing: -0.5px; font-weight:400; color:#000;}
.examTestInfoBox .conBox {font-size:16px; background-color:#F3F6F9; letter-spacing: -0.6px; line-height:27px;}
.examTestInfoBox .noticeB {margin-bottom:60px;}
.examTestConBox .conBox {background-color:#f6f6f6; border:1px solid #E1E1E1; border-top:2px solid #000; padding:28px 40px 40px 40px; margin-bottom:60px;} /* 221216 pny 수정 */
.examTestConBox .conBox .title {color:#000; font-size:30px; font-weight:600; letter-spacing:-0.8px; margin-bottom:35px;}  /* 221216 pny 수정 */
.examTestConBox .conBox .examTestTitle span{font-size:28px; font-weight:400; display:block;}
.examTestConBox .conBox .examTestTitle em{font-size:18px; color:#666;font-weight:400; display:block;margin-top:10px;} /* 221216 pny 추가 */
.examTestConBox .conBox > ul{overflow: hidden; margin:0 -17px 0 -17px;}
.examTestConBox .conBox > ul > li {float:left; width:33.3%;}
.examTestConBox .conBox .etCBIn {text-align: center; background-color:#fff; padding:32px 12px;position: relative; margin:0 17px;} /* 221216 pny 수정 */
.examTestConBox .conBox .etCBIn .title{font-size:28px; font-weight:400; color:#000; margin-bottom:32px;}
.examTestConBox .conBox .etCBIn .ulStyle{min-height:160px;}  /* 221216 pny 수정 */
.examTestConBox .conBox .etCBIn .ulStyle li {letter-spacing:-0.6px; text-align:left; font-size:16px; line-height:28px;}
.examTestConBox .conBox .etCBIn .ulStyle li:before {width:2px; height:2px; margin:11px 0 0 -9px; background-color:#666; border-radius: 50%;}
.examTestConBox .conBox .etCBIn .buttonBox a {position: absolute; left:4.5%; right:4.5%;bottom:12px; transition:all .3s;text-align:center; font-size:18px; letter-spacing:-0.5px; display:block; width:91%; padding:21px 0; z-index:1;} /* 221216 pny 수정 */
.examTestConBox .conBox .etCBIn .buttonBox a span{font-size:12px; font-weight:600; vertical-align: middle; padding-left:12px;}
.onlineOfflineExamTestBox {overflow:hidden; margin-bottom:50px;}
.onlineOfflineExamTestBox .onlineExamBox, .onlineOfflineExamTestBox .offlineExamBox{float:left;width:50%;}
.onlineOfflineExamTestBox .examBoxIn {background-color:#fff; padding:40px 19px 22px 19px; border:1px solid #E1E1E1; }
.offlineExamBox .examBoxIn {margin-left:20px;}
.onlineExamBox .examBoxIn {margin-right:20px;}
.onlineOfflineExamTestBox .title{ margin-bottom:28px; text-align:center; color:#000; font-size:30px; letter-spacing: -0.5px;}
.onlineOfflineExamTestBox .cont {text-align: center; font-size:18px; font-weight:400; margin-bottom:28px; letter-spacing:-0.5px;}
.onlineOfflineExamTestBox .subjectBtn {text-align: center;}
.onlineOfflineExamTestBox .subjectBtn a {z-index:1; min-width:140px; position:relative; transition:all .4s ease; display:inline-block; font-size:16px; letter-spacing:-0.5px; margin:0 6px;}


/*index 메인*/
/* 슬라이드 장수표현 */
.totalSlider {position: absolute; left:0; top:0;}
.mainVisualIn .totalSlider{text-shadow: 1px 1px 2px rgba(0,0,0,0.8); width:50px; left:56px;top:auto; margin-top:-6px; text-align:center;}
.totalSceen:before{display:block; content:'/'; position: absolute; left:0; top:0; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}


.mainVisualIn .totalSlider span.totalSceen { padding-left:9px; position: relative;}
.mainVisualIn .totalSlider span.totalSceen:before{display:block; content:'/'; position: absolute; left:0; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.mainVisualIn .totalSlider span {color:#fff; font-size:12px; display:inline-block; padding:0 5px;}
.mainVisualIn  .wvNextBox span:before {text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.bstPConPannel .totalSlider {top:331px; left:58px;}
.bstPConPannel .totalSlider span {color:#666; font-size:15px; display:inline-block; padding:0 5px;}
.bstPConPannel .totalSlider span.totalSceen { padding-left:9px; position: relative;}
.bstPConPannel .totalSlider span.totalSceen:before{display:block; content:'/'; position: absolute;
left:0; top:0; }

/*// 슬라이드 장수표현*/


/* 200130 syh 메인배너 영역 수정 */
.mainVisualIn {overflow:hidden; width:100%; position: relative; height:470px;}
.mainVisualIn li {height:470px; float:left; background-color:#FFF6F6; width:100%; min-width:1080px;}
.mainVisualIn .main_ban_wrap{height:470px;background-repeat:no-repeat;background-position:center 0;}
.mainVisualIn .main_ban_in{width:1024px;margin:0 auto;position:relative}
.mainVisualIn .main_ban_in a{display:block;height:470px;font-size:0;line-height:0}

/* 200130 syh 버튼2개 타입 추가 */
.mainVisualIn .link_type2 .main_ban_in a{width:187px;height:34px;position:absolute;top:236px;left:64px;}
.mainVisualIn .link_type2 .main_ban_in a.btn02{top:275px}

.mainVisualIn .wvNextBox{position: absolute; width:1024px; margin-left:-540px; left:50%;bottom:83px; height:20px; z-index:4;}
.mainVisualIn .wvNextBox .prevBu, .mainVisualIn .wvNextBox .nextBu{display: block; padding: 3px; margin-top: -17px;}
.mainVisualIn .wvNextBox .prevBu {left:36px;}
.mainVisualIn .wvNextBox .nextBu{right:902px;}
.mainVisualIn .wvNextBox .prevBu:hover span { transform: none;}
.mainVisualIn .wvNextBox .nextBu:hover span { transform: none;}
.mainVisualIn .wvNextBox span {font-size: 12px; vertical-align: 1px;}
.mainVisualIn .wvNumBox {bottom:88px; text-align: left; width:1024px;  left:453px;}
.mainVisualIn .wvNumBox a {display:none;}
.mainVisualIn .wvNumBox .wvNumBoxIn a {display:block;}
.mainVisualIn .wvNumBox .wvNumBoxIn > a > span {font-weight:400; font-size:14px}
.section01Bg{background-color:#FBFBFB;}/* 260429 kmh 수정 */
.mainsectionBox{width:1024px; margin:0 auto 90px; position: relative; height:140px;}
.mainlevelTestLayout{ position: absolute; z-index:3; top:-70px; box-shadow:4px 18px 26px rgba(77,77,77,0.3)}
.levelTestBox {position: absolute; left:0; top:0; background-color:#000; color:#fff; padding:33px 32px;}
.levelTestBox strong{font-size:20px; margin-bottom:48px; display:inline-block;}
.levelTestBox strong span{font-weight:400;}
.levelTestBox p {margin:0; font-size:13px; line-height:20px;}
.levelTestBox .levelLik a {font-size:13px; color:#9D9D9D; display:inline-block;}
.levelTestBox .levelLik a span {font-size:12px; vertical-align: middle;}
.levelTestBox .levelLik a span.underline {display:block; height:1px; width:0; background-color:#9D9D9D; transition:all .3s;}
.levelTestBox .levelLik a:hover span.underline{width:100%;}
.levelTestInputBox{ font-size:15px; font-weight:600; background-color:#fff; padding:33px 117px 33px 267px; height:144px; width:640px;}
.levelTestInputBox p {margin:0; margin-bottom:32px; }
.levelTestInputBox select {border:none; color:#1F1F1F; border-bottom:1px solid #9C9C9C; background-color:#F6F6F6;  width:190px; height:40px;  padding-bottom:10px; line-height:24px; font-size:18px; font-weight:600;  position:relative; display:inline-block; margin:0 10px;}
.levelTestInputBox select {border-radius:0px; -webkit-appearance: none;  -moz-appearance: none; appearance: none; background: url('/assets/user/images/selectDown2.png') no-repeat 95% 31%;}
.levelTestInputBox select::-ms-expand { display: none;}

/* selectric */
/* 231107 hyj 수정 [내게 맞는 추천강의 찾기] */
.levelTestInputBox .selectric-wrapper{float:left;line-height:0px;width:140px;margin-right:10px;}
.levelTestInputBox .selectric{position:relative;display:inline-block;width:100%;height:40px;margin:0px;font-size:18px;background-color:transparent;border:0px;border-bottom:1px solid #9C9C9C;}
.levelTestInputBox .selectric .label{color:#000;font-size:19px;}
.levelTestInputBox .selectric .button{font-family:'wvIcon' !important;background-color: transparent;}
.levelTestInputBox .selectric .button:after{content:"\eafe";width:38px;height:38px;line-height:38px;color:#666;font-size:14px;background-color:#fff;transform:rotate(90deg);z-index:10000;}
.levelTestInputBox .selectric-items ul,
.selectric-items li{font-size:15px !important;}
.levelTestInputBox .selectric-items .selectric-group .selectric-group-label{border-bottom:1px dashed #ccc;background-color:#eee;}
.levelTestInputBox .selectric-first{width:130px;margin-left:0;}
.levelTestInputBox .selectric-second{width:180px;}
.levelTestInputBox .selectric-items .selectric-group li{padding-left:20px;}
/* //231107 hyj 수정 */

/* selectric */
.teacherSBottomIn .selectric-wrapper {line-height:0px; width:260px; display: inline-block; margin-right:10px; text-align:left;}
.teacherSBottomIn .selectric {background-color: transparent; border: 0px; border-bottom: 1px solid #9C9C9C; width: 100%; height: 40px; font-size: 18px;
position: relative; display: inline-block; margin: 0px;vertical-align: middle;}
.teacherSBottomIn .selectric .label {font-size: 19px; color: #000;}
.teacherSBottomIn .selectric .button {font-family: 'wvIcon' !important; background-color: transparent;}
.teacherSBottomIn .selectric .button:after {content: "\eafe"; font-size: 14px; color: #666; transform: rotate(90deg); background-color: #fff;
z-index: 10000; line-height: 38px; width: 38px; height: 38px;}
.teacherSBottomIn .selectric-items ul, .selectric-items li {font-size:15px !important;}
.teacherSBottomIn .selectric-items .selectric-group .selectric-group-label {border-bottom: 1px dashed #ccc; background-color: #eee;}


.levelTestInputBox .radioBtnBox {padding-top:22px; clear:both;}
.levelTestInputBox .radioBtnBox .rbB {float:left; position:relative; width:80px;}
.levelTestInputBox .radioBtnBox input[type="radio"] + label { background:url('/assets/user/images/radiochek.png') no-repeat center; border-radius:50%; display: inline-block; width: 16px; height: 16px; border: 1px solid #D7D7D7; cursor: pointer; vertical-align: middle;}
.levelTestInputBox .radioBtnBox input[type="radio"]:checked + label { background:url('/assets/user/images/radiocheked.png') no-repeat center;}
.levelTestInputBox .radioBtnBox input[type="radio"]:checked + label span {color:#000;}
.levelTestInputBox .radioBtnBox input[type="radio"] { display: none;}
.levelTestInputBox .radioBtnBox span {padding-left:26px; font-weight:400; color:#9B9B9B; margin-top:-1px; display:inline-block;}
.levelTestInputBox .searchBtn { transition:all .4s; display:block; width:74px; height:74px; color:#fff; border-radius:50%;
text-align:center; line-height:83px; background-color:#D31F21; font-size:33px; position: absolute; right:35px; top:66px;}
.levelTestInputBox .searchBtn:hover {box-shadow:2px 8px 12px rgba(255,33,31,0.5);}

/* 200528 hyj 수정 */
.pagodaProgramLayout {position:relative;padding-bottom:118px;margin:0 auto;}/* 260429 kmh 수정 */
.pagodaProgramBox {width:1024px; margin:0 auto; position: relative;}
.pagodaProgramBox .title { margin-bottom:28px; font-size:35px; font-weight:bold; position: relative;color:#000;}
.pagodaProgramBox .title:before{width:770px; height:6px; display:block; content:''; position: absolute;left:254px; top:20px; background-color:#333;}

.mainProgramTabLsit {position: absolute; left:0;}
.mainProgramTabLsit ul {width:224px !important;}
.mainProgramTabLsit ul li {width:100% !important;}
.mainProgramTabLsit li a {width:188px; padding:12px 18px 12px; display:block; color:#9C9C9C;font-size:19px;  font-weight:400; letter-spacing: -0.5px; position: relative;  z-index:1;transition: all .3s ease; position: relative; line-height:22px;}
.mainProgramTabLsit li a:before {display:block; content:''; position: absolute; left:0; top:0; width:0; height:100%;background-color:#191D2C; transition: all .4s ease;z-index:-1;}
.mainProgramTabLsit li.on a {color:#fff; font-weight:600;  }
.mainProgramTabLsit li.on a:before {width:100%; box-shadow:7px 7px 10px rgba(0,0,0,0.3);}

.mainProgramTabCon {padding-left:272px;height:330px; min-height:280px;}
.mainProgramTabCon > ul > li {display:none;}
.mainProgramTabCon > ul > li:first-child{display:block;}
.mainProgramTabTitle {color:#1b275a; font-size:28px; letter-spacing:-0.5px; height:70px; position:relative;}
.mainProgramTabTitle .addBtn {top:3px; width:26px; height:26px; background-color:#000; color:#fff; font-size:11px; font-weight:600; position: absolute;right:0; text-align:center; line-height:26px;}
.mainProgramTabTitle .addBtn span {line-height: 26px; padding-left: 1px;}
.mainPTabSubotitle {font-size:16px; padding-bottom:40px;}
.mainProgramTabContent01 {position:relative;width:100%;}
.mainProgramTabContent01:before,
.mainProgramTabContent01:after {content:'';clear:both;display:block;width:100%;}
.mainProgramTabContent01_black {position:relative;width:100%;}
.mainProgramTabContent01_black:before,
.mainProgramTabContent01_black:after {content:'';clear:both;display:block;width:100%;}
.leftImage {float:left;padding:30px;vertical-align:middle;}
.leftImage02 {float:left;padding:30px;vertical-align:middle;}
.pProgram01 {float:right;min-width:480px;vertical-align:middle;margin:0;}
.mainProgramTabCon > ul > li:nth-child(4) .pProgram01 {margin-top:40px;}
.pProgram01 td {font-size:16px; color:#666;border-bottom:1px solid #ebebeb; padding: 10px 0 5px 0; position:relative;}
.pProgram01 td.ppTitle {color:#1f1f1f; font-size:22px; font-weight:bold;}
.pProgram01 td .addBtn {right:3px; top:16px;width:21px; height:21px; background-color:#000; color:#fff; font-size:11px; font-weight:600; position: absolute; text-align:center; line-height:21px;}
.pProgram01 td .addBtn span {line-height:21px; padding-left:1px;}
.mainProgramTabConChai{margin:0 -20px 0 -20px}
.mainProgramTabConChai02 {margin:0 -15px 0 -15px;}
.mainProgramTabConChai li{float:left; width:25%;}
.mainProgramTabConChai02 li {float:left; width:33.3%;}
.mPTabConChaIn {margin:0 20px;}
.mPTabConChaIn img {margin-bottom:15px; display:block;}
.mPTabConChaIn .ppTitle {color:#1f1f1f; font-size:25px; font-weight:bold; position:relative; display:inline-block; margin-bottom:17px;}
.mPTabConChaIn .ppTitle .addBtn {right:-27px;top:6px; width:21px; height:21px;background-color:#000; color:#fff; font-size:11px; font-weight:600; position: absolute; text-align:center; line-height:21px;}
.mPTabConChaIn .ppTitle .addBtn span {line-height:21px; padding-left:1px;}
.mainProgramTabConChai02 li .mPTabConChaIn {margin:0 15px;}
.mainProgramTabContent01 .num {display:block; color:#1b275a; font-weight:bold; font-size:17px; margin-bottom:30px;}
.mainProgramTabContent01 .num:after{display:block; content:''; width:20px; background-color:#1b275a; height:3px;}
/* //200528 hyj 수정 */


/* 210513 syh 추가 */
.mainPrgArea {height:250px;}
.mainPrgArea > ul > li {display:none;position:relative;}
.mainPrgArea > ul > li:first-child{display:block;}
.mainPrgTabTitle {color:#1b275a; font-size:28px; letter-spacing:-0.5px; height:70px; position:absolute;top:11px;left:0;}
.mainPTabSubotitle {font-size:16px; padding-bottom:40px;}
.mainPrgTabCont {position:relative;padding:30px 0 0 230px;}
.mainPrgTabCont.baseEng{padding-left:0;}
.mainPrgTabCont.baseEng .mainPrgList{float:left;margin:62px 0 0 40px;width:805px;}
/* 211111 hyj 수정 */
.mainPrgTabCont.baseEng .mainPrgList{float:left;margin:62px 0 0 40px;width:calc(100% - 216px);}
.mainPrgTabCont.baseEng .mainPrgList li{width:20%;}
.mainPrgTabCont.baseEng .mainPrgList .prgListIn{margin:0;}
/* //211111 hyj 수정 */
.mainPrgTabCont:before,
.mainPrgTabCont:after {content:'';clear:both;display:block;width:100%;}
.mainPrgArea .leftImage {float:left;padding:60px 0 0;vertical-align:middle;}
.mainPrgArea .leftImage02 {float:left;padding:30px;vertical-align:middle;}
.mainPrgArea .addBtn {top:3px; width:26px; height:26px; background-color:#000; color:#fff; font-size:11px; font-weight:600; position: absolute;right:0; text-align:center; line-height:26px;}
.mainPrgArea .addBtn span {line-height: 26px; padding-left: 1px;}
/* 210802 hyj 추가 */
.mainPrgArea .addBtn.type2 {position:static;display:block;width:auto;margin-top:40px;color:#000;font-size:14px;font-weight:600;text-align:right;background:none}
.mainPrgArea .addBtn.type2 span {display:inline-block;width:26px;height:26px;line-height:26px;margin-left:10px;color:#fff;font-size:12px;text-align:center;background-color:#000;}
/* //210802 hyj 추가 */
/* 230628 kmh 추가 */
.mainPrgArea .addBtn.type2.red span{animation: blink-color 0.6s step-end infinite;}
@keyframes blink-color{50%{background-color:#d0222a;}}
/* // */

.mainPrgList{margin:20px -20px 0 -20px}
.mainPrgList02 {margin:0 -15px 0 -15px;}
.mainPrgList li{float:left; width:25%;}
.mainPrgList02 li {float:left; width:33.3%;}
.mainPrgArea .prgListIn {margin:0 20px;font-size:14px;color:#949494;}/* 210802 hyj 수정 */
.mainPrgArea .prgListIn img {margin-bottom:15px; display:block;}
.mainPrgArea .prgListIn .ppTitle {color:#1f1f1f; font-size:25px; font-weight:bold; position:relative; display:inline-block; margin-bottom:6px;}
.mainPrgArea .baseEng .prgListIn .ppTitle{height:64px;line-height:32px;position:relative;}
.mainPrgArea .prgListIn .ppTitle .addBtn {top:auto;bottom:5px;right:-34px; width:26px; height:26px;background-color:#000; color:#fff; font-size:11px; font-weight:600; position: absolute; text-align:center; line-height:28px;}
.mainPrgArea .prgListIn .ppTitle .addBtn span {line-height:21px; padding-left:1px;}
.mainPrgList02 li .prgListIn {margin:0 15px;}
.mainPrgTabCont .num {display:block; color:#1b275a; font-weight:bold; font-size:17px; margin-bottom:14px;}
.mainPrgTabCont .num:after{display:block; content:''; width:20px; background-color:#1b275a; height:3px;}
.prgSimpleType{display:table;text-align:center;width:100%;padding-top:30px;}
.prgSimpleType li{display:table-cell;text-align:center;}
.prgSimpleType.n3{width:90%;margin:0 auto;}
.prgSimpleType.n3 li{width:30%;}
.prgSimpleType .sTypetit{font-size:20px;color:#1f1f1f;line-height:26px;margin:15px 0 10px;}
.prgSimpleType .sTypetxt{font-size:14px;color:#666;line-height:18px;margin:0;}
/* //210513 syh 추가 */

/* 211206 syh 추가 */
.mainPrgTabCont.ch .mainPrgList li{width:22%;}
.mainPrgTabCont.ch .mainPrgList li:nth-child(3){width:16%;}
.mainPrgTabCont.ch .mainPrgList li:nth-child(4){width:18%;}
.mainPrgTabCont.ch{padding:2px 0 0 200px;}
.mainPrgArea .ch .prgListIn .ppTitle .addBtn{top:5px;}
/* //211206 syh 추가 */

/* 211215 kmh 추가 */
.mainPrgTabCont.jp{padding:2px 0 0 320px;}
.mainPrgTabCont.jp .mainPrgList li{width:33.33%;}
/* //211215 kmh 추가 */

/* 220210 kmh 추가 */
.mainPrgTabCont.sc .mainPrgList li{width:20%;}
.mainPrgTabCont.sc{padding:2px 0 0 200px;}
.mainPrgArea .sc .prgListIn img{margin:3px 0 23px;}
.mainPrgArea .sc .prgListIn .ppTitle .addBtn{top:5px;}
/* //220210 kmh 추가 */

/* 230511 hyj 추가 */
.mainPrgTabCont.conv{padding:2px 0 0 320px;}
.mainPrgTabCont.conv .mainPrgList li{width:33.33%;}
.mainPrgTabCont.prac{padding:2px 0 0 200px;}
.mainPrgTabCont.prac .mainPrgList{margin-left:0;}
.mainPrgTabCont.prac .mainPrgList li:nth-child(1){width:20%;}
.mainPrgTabCont.prac .mainPrgList li:nth-child(2){width:24%;}
.mainPrgTabCont.prac .mainPrgList li:nth-child(3){width:18%;}
.mainPrgTabCont.prac .mainPrgList li:nth-child(4){width:19%;}
.mainPrgTabCont.prac .mainPrgList li:nth-child(5){width:19%;}
.mainPrgTabCont.prac .prgListIn{margin:0 0 0 20px;}
/* //230511 hyj 추가 */



.popularClassLayout{margin-bottom:70px;}
.popularClassBox .title {width:1024px; margin:0 auto; font-size:35px; font-weight:600; color:#000; margin-bottom:28px;}
.popularClassBox .title  span{color:#666; font-size:18px; margin-left:16px; font-weight:400;}
.popularClassTab {width:1024px; margin:0 auto; margin-bottom:47px; }
.popularClassTab:after {display:block; content:''; clear:both;}

.popularClassTabConBox {width:1024px; margin:0 auto;}
.popularClassTabCon {position: relative; height:300px;}
.popularConIn {overflow:hidden;}
.popularClassTabCon .wvNextBox {position: relative; width:1024px;}
.popularClassTabCon .wvNextBox .nextBu, .popularClassBox .wvNextBox .prevBu {top:300px}
.popularClassTabCon .wvNextBox .prevBu {left:975px;}
.popularClassTabCon .wvNextBox .prevBu:before{display:block; content:''; width:1px; height:16px; background-color:#C9C9C9; top:-1px; position: absolute; right:-11px;}
.popularClassTabCon .wvNextBox .nextBu {right:-2px;}
.popularClassTabCon .wvNextBox span {font-size:15px; color:#333; font-weight:600;}
.popularClassTabCon .wvNextBox span:before {text-shadow: none;}
.popularClassTabCon .wvNextBox .prevBu:hover span, .popularClassBox .wvNextBox .nextBu:hover span{color:#333;}
.popularClassTabCon ul { overflow:hidden; height:270px;}
.popularClassTabCon ul li {float:left;}
.popularTabConIn {position: relative; overflow:hidden;}
.popularTabConIn p {margin:0;}
.popularTabConIn p.label01 {text-align:center; position: absolute;right:0; top:0; background-color:#000; color:#fff; width:66px; height:30px; line-height:30px;}
/* .popularTabConIn p.lableltxt3 {padding:6px 18px 6px 10px} */
.popularTabConIn .imgBox {overflow:hidden; width:328px; text-align:left; position:relative; height:243px; background-color:#eee;}
.popularTabConIn .imgBox img {position: absolute; width:100%; bottom:0; transition: all .5s;}
.popularTabConIn .labelText {z-index:2; text-align:left; width:250px; padding:10px 0;position: absolute; left:0; bottom:-3px; background-color:#fff; color:#D31F21; font-size:16px; font-weight:600; }
.popularTabConIn .title {margin-bottom:0; font-size:25px;}
.popularTabConIn .title a{color:#000;  font-weight:600; margin:0; }




/*마우스 오버시 */
.hashTag { position: absolute; left:0; top:0;height:243px; opacity:0; background-color:rgba(0,0,0,0.5);
transition:opacity .5s ; z-index:1; overflow:hidden;  width:328px;}
.hashTag p{color:#fff; font-size:17px; font-weight:400; text-align:center; margin:47px 80px 0;/*  height:43px; */}
.hashTag .btnBox {text-align:center; margin-top:100px;}/* 200203 hyj 수정 */
.hashTag .btnBox a {display:inline-block; color:#fff; font-size:14px; padding:5px 12px 5px;
border:1px solid #fff; }
.popularTabConIn:hover .hashTag{opacity:1;  }
.popularTabConIn:hover  .imgBox img {transform: scale(1.1);}


.postscriptLayout {background-color:#F3F6F9; padding:90px 0 0 0; margin-bottom:90px; min-height: 540px;}
.postscriptLayoutIn {position: relative; width:1024px; margin:0 auto;}
.postscriptLayout .addBtn {top:3px; width:26px; height:26px; background-color:#000; color:#fff; font-size:11px; font-weight:600; position: absolute;right:0; text-align:center; line-height:26px;}
.postscriptLayout .addBtn span {line-height: 26px; padding-left: 1px;}
.postscTab{margin-bottom:57px;}
.postscTab li {display:inline-block;}
.postscTab li a{display:block; color:#87888A; font-size:20px; margin:0 20px; position: relative; transition: color .2s; }
.postscTab li a:before {transition:all .4s ease;position: absolute; bottom:-4px;width:0; height:4px; display:block; content:''; background-color:#D31F21; box-shadow:1px 2px 3px rgba(211,31,33,0.5);}
.postscTab li:first-child a{margin-left:0;}
.postscTab li.on a:before{width:100%;}
.postscTab li.on a {color:#000;}
.bstPostscriptTextBox {position: relative; }
.bstPostscriptConBoxTitle {text-align:right; }
.bstPostscriptConBoxTitle p{margin:0; color:#000; font-size:18px; font-weight:400; position:relative; margin-bottom:53px;}
.bstPostscriptConBoxTitle p:before {display:block; content:''; width:759px; height:1px; border-bottom:1px dashed #D7D7D7; position:absolute; left:0; top:50%;}
.bstPostscriptConBox > ul > li {background-color: #F3F6F9;}
/* 210308 kmh 수정 및 추가 */
.bstPostscriptConBox .textBox {text-align:right; padding-left: 455px;}
.bstPostscriptConBox .textBox .title {color:#000; font-weight:600;}
.bstPostscriptConBox .textBox .title .txt {font-size:40px; margin-bottom:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
.bstPostscriptConBox .textBox .gapBox {color:#D31F21; font-size:17px; margin-bottom:17px;}
.bstPostscriptConBox .textBox .gapBox .icon {font-size:20px;}
.bstPostscriptConBox .textBox .Writer {color:#666; font-size:15px; margin-top:8px;}
.bstPostscriptConBox .textBox .contentText {max-height:154px; font-size:15px; overflow: hidden; white-space: normal;margin-bottom:16px;
text-overflow: ellipsis; word-wrap: break-word; float:right; display: -webkit-box; -webkit-line-clamp:7; -webkit-box-orient: vertical; line-height:22px; text-align:left; word-break:keep-all; letter-spacing:normal;}
.bstPostscriptConBox .textBox .contentText:after{display:block; content:''; clear:both;}

.bstPostscriptConBox .textBox .lecTitle{margin-bottom:5px;font-size:20px;color:#0a0a0a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.bstPostscriptConBox .imgBox {width:400px; position: absolute; left:0; top:2px;}
.bstPostscriptConBox .imgBox img{width:100%; box-shadow:2px 8px 20px rgba(28,55,83,0.2);}
/* //210308 kmh 수정 및 추가 */

.bstPostscriptConBox .imgBox .imgBoxTextTitle {color:#000; font-size:20px; font-weight:400;height: 60px;}

/* 210308 kmh 추가 */
.bstPostscriptConBox .inCoverBox{background-color:rgba(17, 17, 17, 0.5);position:absolute;left:0;top:0;}
.bstPostscriptConBox .inCoverBox .writer{font-size:15px;color:#fff;position:absolute;right:14px;bottom:15px;}
.bstPostscriptConBox .inCoverBox,
.bstPostscriptConBox .inSbj,
.bstPostscriptConBox .inSbj > div{width:100%;height:100%;}
.bstPostscriptConBox .inSbj{display:table;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
.bstPostscriptConBox .inSbj > div{padding:0 8px;display:table-cell;text-align:center;vertical-align:middle;font-size:30px;line-height:1.3;color:#fff;}
.bstPostscriptConBox .inSbj .ellipsisBox{max-height:117px;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}


.bstPostscriptConBox .wvNextBox .prevBu span, .bstPConPannel01 .wvNextBox .nextBu span {font-size:15px; color:#333; font-weight:600;}
.bstPostscriptConBox .wvNextBox span:before {text-shadow: none; left:2px;}

.bstPostscriptConBox .wvNextBox .prevBu {left:0px; top:405px;}
.bstPostscriptConBox .wvNextBox .nextBu {right:auto; left:26px; top:405px;}
.bstPostscriptConBox .wvNextBox .nextBu span {font-size:15px; color:#333;font-weight:600;}
.bstPostscriptConBox .wvNextBox .nextBu:before {width:1px; height: 14px; display:block; content:'';
background-color:#C9C9C9; position: absolute; left:-6px;}
.bstPostscriptConBox .totalSlider {top:384px; left:42px;}
.bstPostscriptConBox .totalSlider .sliderSceen {font-size:15px; color:#000; display: inline-block; padding-left:5px;}
.bstPostscriptConBox .totalSlider .totalSceen {position: relative; padding-left:10px; font-size:15px; color:#000; display: inline-block;}



.sampleClassLayout{margin-bottom:77px;}/* 260429 kmh 수정 */
.sampleClassLayoutIn {width:1024px; margin:0 auto;}
.sampleClassLayout .title { position:relative; font-size:35px; font-weight:600; color:#000; margin-bottom:28px;}
.sampleClassLayout .title  span{color:#666; font-size:18px; margin-left:16px; font-weight:400;}
.sampleClassLayout .title  .addBtn { top:20px}
.sampleClassLayout .title  .addBtn span{font-size:11px; margin:0; color:#fff;}
.sampleClassLayoutIn .tab_white li a span {font-size:15px;}

.sampleClassSlider {overflow:hidden; width:1024px;}
.sampelCalssTabConListBox { overflow: hidden;}
.sampelCalssTabConListBox > ul > li {float:left;}
.sampleBox {float:left; width:25%;}
.sampleBox .samCLIn img{width:100%;}
.samCLIn .imgBox{height:135px;overflow:hidden; margin-bottom:15px; background-color:#fff;}
.samCLIn .textBox .subject {margin:0; margin-bottom:11px; color:#D31F21; font-size:15px; font-weight:600;}
.samCLIn .textBox .title {font-size:19px; font-weight:400; color:#000; margin-bottom:6px;}
.samCLIn .textBox  .teacherNameBox span{display:inline-block; color:#858585; font-size:15px; font-weight:400; margin:0 5px;}
.samCLIn .textBox  .teacherNameBox span:first-child{margin-left:0;}
.sampelCalssTabConBox {position:relative;}
.sampelCalssTabConBox .wvNextBox {position: relative;}
.sampelCalssTabConBox .wvNextBox .nextBu, .sampelCalssTabConBox .wvNextBox .prevBu {top:270px}
.sampelCalssTabConBox .wvNextBox .prevBu {left:975px;}
.sampelCalssTabConBox .wvNextBox .prevBu:before{display:block; content:''; width:1px; height:16px;
background-color:#C9C9C9; position: absolute; right:-11px; top:-1px;}
.sampelCalssTabConBox .wvNextBox .nextBu {right:-2px;}
.sampelCalssTabConBox .wvNextBox span {font-size:15px; color:#333; font-weight:600;}
.sampelCalssTabConBox .wvNextBox span:before {text-shadow: none;}
.sampelCalssTabConBox .wvNextBox .prevBu:hover span, .sampelCalssTabConBox .wvNextBox .nextBu:hover span{color:#333;}

/* 수강후기 별점등록 (2019.07.08) */
.star_point .star_gage{display:inline-block;position:relative;width:70px;height:12px;background:url(../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(../images/sp_cmtstar.png) no-repeat 0 -20px;line-height:999px}
.star_point .star_score{display:inline-block;width:14px;font-weight:bold;color:#ba191e;vertical-align:middle;text-align:right}
.star_point .tit_txt{display:inline-block;font-weight:bold;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:bold;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:bold;color:#ba191e}
.star_point.point_type4 .star_gage{vertical-align:-3px; width:96px;height:17px;background:none}
.star_point.point_type4 .star_gage a{float:left;overflow:hidden;width:9px;height:17px;background:url(../images/sp_cmtstar.png) no-repeat}
.star_point.point_type4 .star_gage .btn_star_l{background-position:0 -80px}
.star_point.point_type4 .star_gage .btn_star_l.selected{background-position:0 -100px}
.star_point.point_type4 .star_gage .btn_star_r{background-position:-9px -80px}
.star_point.point_type4 .star_gage .btn_star_r.selected{background-position:-9px -100px}


/* datepocker
.datepicker.hasDatepicker {margin:3px;}
.ui-widget-content {border:none;}
.ui-datepicker table {width: 95%; margin: 0 auto .4em; border-spacing:0; border-collapse: collapse; border-spacing: 1px;
background-color:rgb(255,255,255); border:1px solid #d7d7d7; font-size: 12px;}
.ui-datepicker .ui-datepicker-header {line-height: 110%; margin-bottom: 3px;}
.ui-datepicker th {border-spacing:0; padding:0px; border:1px solid #E1E1E1 !important; border-bottom:none !important; background-color:#fff;}
.ui-datepicker.ui-datepicker-multi {width:400px;}
.ui-datepicker .ui-datepicker-header {padding:0px; line-height: 110%; margin-bottom:3px;}
.ui-datepicker .ui-datepicker-title {line-height: 1.8em; font-size: 14px;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity:1 !important; padding:0px !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .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;}
.Highlighted span {background-color:#F6F6F6 !important; color:#666 !important;}
.ui-datepicker td,  td.ui-datepicker-week-end , td.ui-datepicker-unselectable , td.ui-state-disabled ,td.undefined {border:1px solid #E1E1E1 !important; border-spacing:0;}
.Highlighted span.ui-state-default, .highlighted a.ui-state-default{background: #888 !important; color:#fff !important;}
{}
*/

/*
* 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:23em;padding:0;border:none;box-shadow:0 4px 12px 1px rgba(0,0,0,0.1);}
body .ui-datepicker .ui-datepicker-header{padding:6px 0;background-color:#121b3f;border-radius:6px 6px 0 0;border:none;}
body .ui-datepicker .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-next{height:auto;text-align:center;top:10px;}
body .ui-datepicker .ui-datepicker-prev{left:20px;}
body .ui-datepicker .ui-datepicker-next{right:20px;}
body .ui-widget-header a.ui-datepicker-prev:after,
body .ui-widget-header a.ui-datepicker-next:after{content:"\e904";font-size:12px;}
body .ui-widget-header a.ui-datepicker-prev-hover{left:20px;border:none !important;}
body .ui-widget-header a.ui-datepicker-next-hover{right:20px;border:none !important;}
body .ui-datepicker .ui-datepicker-title{font-size:20px;font-weight:400;}
body .ui-datepicker table{width:90%;margin:1.4em auto;}
body .ui-datepicker th,
body .ui-datepicker td{border:none !important;}
body .ui-datepicker th{padding:0.42em 0;font-size:14px;color:#818aa1;}
body .ui-datepicker td{padding:0;font-size:14px;}
body .ui-datepicker table td .ui-state-default,
body .ui-datepicker table td .ui-state-highlight{width:28px;height:28px;margin:4px auto;display:block;line-height:27px;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{padding:0.5em 1.2em;}
body .ui-datepicker .ui-datepicker-buttonpane:after{content:'';display:block;clear:both;}
body .ui-datepicker .ui-datepicker-buttonpane button{height:auto;padding:.2em .6em .3em .6em;font-size:14px;}


/* 리뉴얼 기념 이벤트 */
#find_redEarlyBird{width:1080px; margin:0 0 0 -540px; position:absolute; left:50%; top:0; display:none;}
#find_redEarlyBird .character{width:125px; height:236px; background-image:url('https://www.pagoda21.com/upload/img/pagoda/event/2019_09/new/character_red.png'); background-repeat:no-repeat; position:absolute; z-index:999;}
#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:38px; height:38px; top:34px; right:0;}
#find_redEarlyBird .character.type_right{background-position:0 0;}
#find_redEarlyBird .character.type2{background-position:-125px 0;}
#find_redEarlyBird .character.type3{background-position:-250px 0;}
#find_redEarlyBird .character.type4{background-position:-375px 0;}
#find_redEarlyBird .character.type5{background-position:-500px 0;}
#find_redEarlyBird .character.type6{background-position:-625px 0;}
#find_redEarlyBird .character.type7{background-position:-750px 0;}
#find_redEarlyBird .character.type8{background-position:-875px 0;}
#find_redEarlyBird .character.type9{background-position:-1000px 0;}
#find_redEarlyBird .character.type10{background-position:-1125px 0;}
#find_redEarlyBird .character.type11{background-position:-1250px 0;}
#find_redEarlyBird .character.type2 .btnFrbClose{top:57px; right:7px;}
#find_redEarlyBird .character.type3 .btnFrbClose{right:7px;}
#find_redEarlyBird .character.type4 .btnFrbClose{top:27px; right:77px;}
#find_redEarlyBird .character.type5 .btnFrbClose{top:42px; right:7px;}
#find_redEarlyBird .character.type6 .btnFrbClose{top:40px; right:7px;}
#find_redEarlyBird .character.type7 .btnFrbClose{top:23px; right:7px;}
#find_redEarlyBird .character.type8 .btnFrbClose{top:33px; right:6px;}
#find_redEarlyBird .character.type9 .btnFrbClose{top:21px; right:4px;}
#find_redEarlyBird .character.type10 .btnFrbClose{top:37px; right:-1px;}
#find_redEarlyBird .character.type11 .btnFrbClose{top:26px; right:82px;}

#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:1002; display:none;}
#layerBoom{width:500px; margin:0 0 0 -250px; position:absolute; left:50%; z-index:1003; display:none;}
#layerBoom .btnLayerClose{width:66px; height:66px; 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;}
#layerBoom a{font-size:0; text-indent:-9999px;}
#layerBoom .btnLayerDetail{width:217px; height:26px; position:absolute; left:141px; bottom:100px;}
#layerBoom .btnLayerGo{width:369px; height:59px; position:absolute; left:66px; bottom:30px;}

#pop_find_redEarlyBird{width:1100px; margin:0 auto; background-color:#fff; position:absolute; z-index:1003; display:none;}
#pop_find_redEarlyBird .btnLayerClose{width:90px; height:90px; 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;}
#pop_find_redEarlyBird .frbPopInner{width:100%; display:table; table-layout:fixed; border-spacing:0;}
#pop_find_redEarlyBird .frbImg,
#pop_find_redEarlyBird .frbForm{display:table-cell;}
#pop_find_redEarlyBird .frbImg{width:681px;}
#pop_find_redEarlyBird .frbForm{padding:0 26px; vertical-align:middle;}
#pop_find_redEarlyBird .frbForm th,
#pop_find_redEarlyBird .frbForm td{padding:7px 0; text-align:left;}
#pop_find_redEarlyBird .frbForm th{font-size:16px; color:#171717;}
#pop_find_redEarlyBird .frbForm input[type="text"],
#pop_find_redEarlyBird .frbForm select{height:35px; margin:0; line-height:33px; box-sizing:border-box;}

#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:18px; vertical-align:middle; text-align:center; font-weight:bold; color:#a0a0a0;}
#pop_find_redEarlyBird .agreeBox{margin-top:10px; position:relative;}
#pop_find_redEarlyBird .agreeBox > span,
#pop_find_redEarlyBird .agreeBox .agreeCheck label{font-size:16px; color:#171717;}
#pop_find_redEarlyBird .agreeBox .agreeCheck{position:absolute; right:0; top:0;}
#pop_find_redEarlyBird .agreeBox .agreeCheck label{padding:0 0 0 22px;}
#pop_find_redEarlyBird .agreeBox .agreeCheck label:before{left:0; top:1px; border-color:#616161;}
#pop_find_redEarlyBird .agreeBox .agree_info_contents{height:282px; margin-top:7px; padding:10px; font-size:16px; line-height:24px; color:#999; 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:33px 0 0; text-align:center;}
#pop_find_redEarlyBird .btnsBox a{display:block;}
#pop_find_redEarlyBird .btnsBox a + a{margin-top:13px;}
/* 리뉴얼 기념 이벤트 */


/* 메인- 팝업 공통 191216 syh */
.pop_wrap .pop_inner{position:absolute;top:263px;left:50%;z-index:1003}
.pop_wrap .dim{width:100%;height:100%;background:#000;opacity:.6;position:fixed;top:0;left:0;z-index:1002}
.pop_wrap a{font-size:0;text-indent:-9999px;line-height:0;display:inline-block}
.pop_wrap .today_chk{height:24px;padding:6px 20px 0;font-size:13px;font-weight:300;color:#fff;letter-spacing:0;background-color:#343434;position:relative;text-align:left;}
.pop_wrap .today_chk label{padding-left:25px;cursor:pointer}
.pop_wrap .today_chk label:before{top:6px;left:21px}
.pop_wrap .today_chk.bg_none{background:none} /* 투명 bg */
.pop_wrap .btn_pop_close{position:absolute;right:20px;bottom:0;font-size:13px;line-height:30px;font-weight:300;color:#fff;text-indent:0;}
.pop_wrap .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:13px;font-weight:500;line-height:1;color:#343434;}

/* 200108 kmh 청강 안내영역 추가 */
.guideLineBox{margin-bottom:45px; padding:20px 26px; background-color:#f8f8ff;}
.guideLineBox li{padding:3px 0 3px 10px; font-size:14px; 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:10px;}

/* 200605 syh 상담방식선택  */
.counselArea{background:#f8f9fa;padding:40px 40px 30px;margin:20px 0 39px;}
.counselArea p{padding:0;margin:0;}
.counselArea .tit{font-size:20px;color:#000;font-weight:600;display:inline-block;padding-right:20px;}
.counselArea .selectBtn, .counselArea .selectBtn li{display:inline-block;}
.counselArea .selectBtn a {transition:all .3s; display:inline-block; font-size:16px; background-color:#fff; color:#666; border:1px solid #e1e1e1; border-radius:5px; padding:8px 0; margin:0 3px; width:100px;text-decoration:none;box-sizing:border-box;font-weight:600;text-align:center;}
.counselArea .selectBtn a.on {color:#fff; background-color:#d31f21;border:1px solid #d31f21}
.counselArea .txt_info{font-size:15px;color:#666;padding-top:20px;}

/* 200814 kmh 공통 수강 동의 UI 추가 */
.agreeBoxType01{margin-bottom:65px;}
.agreeBoxType01 .title{font-size:24px;font-weight:600;letter-spacing: -0.5px;margin-bottom:23px;color:#000;}
.agreeBoxType01 .text{height:100px;overflow:hidden;overflow-y:auto;border:1px solid #D1D1D1;padding:20px;font-size:15px;line-height:24px;font-weight:400;margin-bottom:20px;}
.agreeBoxType01 .text p{margin-top:0;}
.agreeBoxType01 .txt {height:150px; padding-bottom:0; margin-bottom:20px;}
.agreeChkBox{margin:0;text-align:right;position:relative;}

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

/*
201102 kmh
강의 상세페이지 에서의 별도 캘린더(inline 노출) 스타일
*/
#classDatepicker{position:relative;}
#classDatepicker .ui-datepicker table{width:96%;margin:1em auto;}
#classDatepicker .datepickerControl{width:18px;height:18px;display:inline-block;vertical-align:middle;border:2px solid #fff;font-size:0;position:absolute;right:20px;top:17px;z-index:2;border-radius:50%;}
#classDatepicker .datepickerControl:after{content:'';width:12px;height:2px;margin:-1px 0 0 -6px;background-color:#fff;position:absolute;left:50%;top:50%;}
#classDatepicker .ui-datepicker{width:100%;box-shadow:none;border-radius:0;border:1px solid #c0c0c0;}
#classDatepicker .ui-datepicker:before{content:none;}
#classDatepicker .ui-datepicker .ui-datepicker-title{width:105px;margin:0 45px;display:inline-block;}
#classDatepicker .ui-datepicker .ui-datepicker-header{margin:-1px -1px 0;border-radius:0;}
#classDatepicker .ui-datepicker .ui-datepicker-month:before{content:' ';}
#classDatepicker .ui-datepicker .ui-datepicker-month:after{content:'Schedule';margin-left:5px;}
#classDatepicker .ui-datepicker .ui-datepicker-year{display:none;}
#classDatepicker .ui-datepicker .ui-datepicker-prev, #classDatepicker .ui-datepicker .ui-datepicker-next{top:14px;}
#classDatepicker .ui-datepicker .ui-datepicker-next{left:154px;right:auto;top:15px;}

#classDatepicker.flip{text-align:right;}
#classDatepicker.flip .datepickerControl{width:38px;height:38px;border:none;border-radius:0;background:url('../images/icon_calandar.png') no-repeat;position:static;}
#classDatepicker.flip .datepickerControl:after{content:none;}
/*#classDatepicker.flip .ui-datepicker{display:none !important;}*/



/* 201104 hyj 필기고사 제출하기 팝업 */
.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:18px 0;font-size:18px;font-weight:600;letter-spacing: -0.5px;}
.examUpload_cont .table_normal td{padding:15px 30px;font-size:16px;font-weight:400;color:#333;letter-spacing: -0.5px;}
.examUpload_cont .table_normal .table_btn{display:inline-block;width:100px;line-height:32px;padding:0px 20px;color:#fff;font-size:14px;text-align:center;border:1px solid #d31f21;background-color:#d31f21;transition:0.2s all;}
.examUpload_cont .table_normal .table_btn:hover{background-color:#fff;color:#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.dblue:hover{background-color:#fff;color:#1b275a;}
.examUpload_cont .table_normal .table_btn.gray{background-color:#666;border:1px solid #666;}
.examUpload_cont .table_normal .table_btn.gray:hover{background-color:#fff;color:#666;}
.examUpload_cont .table_normal .noData{height:300px;text-align:center;font-size:16px;color:#999;}
.examUpload_cont .table_normal .upload_area {display:inline-block;width:460px;padding:20px 30px;margin-right:40px;background-color:#f4f4f4;vertical-align:middle;}
.examUpload_cont .table_normal .upload_area .upfile_name {margin:0;color:#000;font-size:16px;}
.examUpload_cont .table_normal .upload_area .upfile_name a {position:relative;display:block;max-width:100%;height:30px;color:#000;font-size:16px;text-decoration:underline;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.examUpload_cont .table_normal .upload_area .upfile_name a:before {content:'';display:inline-block;width:34px;height:29px;margin-right:10px;background:url('/assets/user/images/icon_uploadfile.png') 0 center;vertical-align:middle;}
.examUpload_cont .table_normal .upload_area .txt {margin:40px 0 0;color:#999;font-size:14px;}
.examUpload_cont .table_normal .upload_btn {display:inline-block;width:110px;vertical-align:middle;}
.examUpload_cont .table_normal .upload_btn span + a{margin-top:10px;}

/* 201113 kmh 온라인클래스 영상 추가 관련(선생님 소개, 강의 상세-선생님소개 탭) */
.videoTabs{margin-bottom:38px;text-align:center;font-size:0;}
.videoTabs a{width:246px;padding:18px 0;display:inline-block;vertical-align:top;text-align:center;font-size:17px;color:#666666;border:1px solid #dbdbdb;}
.videoTabs a + a{margin-left:-1px;}
.videoTabs .on{border:1px solid #000;color:#000;position:relative;}



/************ syh 사전결제 관련 누리웨어 merge ********/
/*2020-09-28*/
.paymentchoiceLayout .paycIn10050pro {width:100%; overflow: hidden; margin-bottom:23px; border-top:1px solid #D8D8D8; border-left: 1px solid #d8d8d8;}
.paymentchoiceLayout .paycIn10050pro li {float:left; width:50%; cursor: pointer; position: relative;}

.paymentchoiceLayout .paycIn10020pro {width:100%; overflow: hidden; margin-bottom:23px; border-top:1px solid #D8D8D8; border-left: 1px solid #d8d8d8;}
.paymentchoiceLayout .paycIn10020pro li {float:left; width:20%; cursor: pointer; position: relative;}

.mycpred{margin-top:-60px; margin-bottom:60px}
.textred {font-size:16px; color:#D31F21; font-weight:400; letter-spacing: -0.5px;}

.familyDetailsUsageLayout .table_normal td .banktitle1 {padding-right:54px}
.familyDetailsUsageLayout .table_normal td .banktitle2 {padding-right:26px}
.familyDetailsUsageLayout .table_normal td .banktitle3 {padding-right:10px}
.familyDetailsUsageLayout .table_normal td .txtInput{padding:9px}

.mt30{margin-top:30px}

.paymentchoiceLayout ul[class^=paycIn]{display:flex;flex-wrap:wrap;width:100%;margin-bottom:23px;}
.paymentchoiceLayout ul[class^=paycIn] li{position:relative;flex:0 0 20%;cursor:pointer;}
.paymentchoiceLayout ul[class^=paycIn] li .paycInBox{position:relative;width:100%;height:80px;text-align:center;/* border:1px solid #d8d8d8; */background:none;vertical-align:middle;}
.paymentchoiceLayout ul[class^=paycIn] li + li .paycInBox{border-left:none;}
.paymentchoiceLayout ul[class^=paycIn] li .paycInBox span{line-height:1.5;padding:0 10px;font-size:15px;}
.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;transition:all .1s ease;transform:scale(0);}
.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:1px;border-right-width:1px;box-sizing:border-box;}
.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:1px;border-left-width:1px;box-sizing:border-box;}

.paymentchoiceLayout ul[class^=paycIn] li.on:before{width:25px;height:25px;transform:scale(1);}
.paymentchoiceLayout ul[class^=paycIn] li.on .paycInBox:before{width:100%;height:100%;border-color:#d31f21;transition:width 0.05s, height 0.1s, border-color 0s;transition-delay:0.1s, 0.15s, 0s;}
.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;}
.paymentchoiceLayout ul[class^=paycIn] li.on .paycInBox span{color:#d71f21;font-weight:600;}

.paymentchoiceLayout ul.paycIn30 li{width:33.33%;}
.paymentchoiceLayout ul.paycIn30 li .paycInBox span{font-size:16px;}
.paymentchoiceLayout ul.paycIn50 li{width:50%;}

.paymentchoiceLayout .noti_txt{margin-top:-13px;color:#666;font-size:14px;}
/*
.paymentchoiceLayout .paycIn50 {width:100%;margin-bottom:23px;overflow:hidden;}
.paymentchoiceLayout .paycIn50 li .paycInBox {border:1px solid #D8D8D8;text-align:center; position: relative;border-left: none; border-top:none; height:80px; vertical-align: middle;}
.paymentchoiceLayout .paycIn50 li .paycInBox span {display: table-cell; width: 540px; vertical-align:middle; height:80px; font-size:15px;}
.paymentchoiceLayout .paycIn50 li:before{ width:0; height:0; 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; transition: all .1s ease; transform:scale(0);}
.paymentchoiceLayout .paycIn50 li.on:before{transform:scale(1); width:33px; height:33px; }
.paymentchoiceLayout .paycIn50 li .paycInBox:before{ border: 0 solid transparent; box-sizing: border-box;content: '';display:block;position: absolute;width: 0;height: 0; top: 0px;left: 0;}
.paymentchoiceLayout .paycIn50 li .paycInBox:after{bottom: 0;right: 0px;  border:0 solid transparent; box-sizing: border-box; content: '';display:block; position: absolute;width: 0;height: 0; }
.paymentchoiceLayout .paycIn50 li .paycInBox:before { border-top-width: 1px;border-right-width: 1px;}
.paymentchoiceLayout .paycIn50 li .paycInBox:after { border-bottom-width: 1px;border-left-width: 1px;}

.paymentchoiceLayout .paycIn50 li.on .paycInBox:before{ border-color: #D31F21; transition: border-color 0s, width 0.05s, height 0.1s; width: 100%; height: 100%;}
.paymentchoiceLayout .paycIn50 li.on .paycInBox:after {transition: border-color 0s, width 0.15s, height 0.2s; width: 100%; height: 100%;border-color: #D31F21;}
.paymentchoiceLayout .paycIn50 li.on .paycInBox:before {transition-delay: 0s, 0.1s, 0.15s;}
.paymentchoiceLayout .paycIn50 li.on .paycInBox:after {transition-delay: 0s, 0.2s, .3s;}

.paymentchoiceLayout .paycIn30 {width:100%; overflow: hidden; margin-bottom:23px; border-top:1px solid #D8D8D8; border-left: 1px solid #d8d8d8;}
.paymentchoiceLayout .paycIn30 li {float:left; width:33.3%; cursor: pointer; position: relative;}
.paymentchoiceLayout .paycIn30 li .paycInBox {border:1px solid #D8D8D8;text-align:center; position: relative;border-left: none; border-top:none; height:80px; vertical-align: middle;}
.paymentchoiceLayout .paycIn30 li .paycInBox span {display: table-cell; width: 540px; vertical-align:middle; height:80px; font-size:16px;}
.paymentchoiceLayout .paycIn30 li:before{ width:0; height:0; 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; transition: all .1s ease; transform:scale(0);}
.paymentchoiceLayout .paycIn30 li.on:before{transform:scale(1); width:33px; height:33px; }
.paymentchoiceLayout .paycIn30 li .paycInBox:before{ border: 0 solid transparent; box-sizing: border-box;
content: '';display:block;
position: absolute;width: 0;height: 0; top: 0px;left: 0;}
.paymentchoiceLayout .paycIn30 li .paycInBox:after{bottom: 0;right: 0px;  border:0 solid transparent; box-sizing: border-box; content: '';display:block; position: absolute;width: 0;height: 0; }
.paymentchoiceLayout .paycIn30 li .paycInBox:before { border-top-width: 1px;border-right-width: 1px;}
.paymentchoiceLayout .paycIn30 li .paycInBox:after { border-bottom-width: 1px;border-left-width: 1px;}

.paymentchoiceLayout .paycIn30 li.on .paycInBox:before{ border-color: #D31F21; transition: border-color 0s, width 0.05s, height 0.1s; width: 100%; height: 100%;}
.paymentchoiceLayout .paycIn30 li.on .paycInBox:after {transition: border-color 0s, width 0.15s, height 0.2s; width: 100%; height: 100%;border-color: #D31F21;}
.paymentchoiceLayout .paycIn30 li.on .paycInBox:before {transition-delay: 0s, 0.1s, 0.15s;}
.paymentchoiceLayout .paycIn30 li.on .paycInBox:after {transition-delay: 0s, 0.2s, .3s;}
*/
/* //241015 hyj 수정 */


.customerradio li .radioInputBox {padding: 3px 0 3px 0px}
.customerradio li .radioInputBox input[type="radio"] + label:before {content:""; margin-bottom:0; background:url('/assets/user/images/radiochek.png') no-repeat center; border-radius:50%; display: inline-block; width: 16px; height: 16px; border: 1px solid #D7D7D7; cursor: pointer; vertical-align: middle;}
.customerradio li .radioInputBox input[type="radio"]:checked + label:before {content:""; background:url('/assets/user/images/radiocheked.png') no-repeat center;}
.customerradio li .radioInputBox input[type="radio"] { display: none;}
.customerradio li .radioInputBox span {padding-left:5px; padding-right:26px; font-weight:400; color:#666;}
.customerradio li .radioInputBox span.chked {color:#000;}


.webzineRight2{position: relative;  padding-left:344px; min-height:100px}
.webzineRight2 .autopay .title {text-align: right; font-size:18px; color:#000;}
.webzineRight2 .autopay .title span{font-size:20px; font-weight:600; padding-left:10px}


.classDiscountInfo2{font-weight:600; font-size:16px; padding-left:20px; bottom:0px; width:410px;}
.classDiscountInfo2 ul li {position : relative;}
.classDiscountInfo2 ul li:after{display:block; content:''; width:12px; height:3px; background-color:#D31F21;  position: absolute; left:-20px; top:9px;}


/* button */
.bu_al_red2 span{color:#fff;}
.bu_al_red2:hover span{color: #fff;}
.bu_al_red2 {position: relative; border:1px solid #D31F21; background-color:#D31F21; color:#fff; font-size:16px; display:inline-block; padding:3px 0; min-width:120px; text-align:center; transition:all 0.4s ease; margin-left:5px}
.bu_al_red2:before{border: 0px; content: ''; position: absolute; width: 0;height: 0; top: -1px; left: 0;}
.bu_al_red2:after{bottom: -1px;right: 0px; content: ''; position: absolute; width: 0;height: 0; }
/*.bu_al_red2:hover {background-color:#fff; color:#D31F21; border:1px solid #ccc;}*/
.bu_al_red2: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_red2: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;}


.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;}


.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;}

.mainsection table {width:100%; background-color:#fff; border-top:2px solid #000; margin-bottom:12px; border-right:1px solid #D7D7D7;}
.mainsection table th {padding:17px 0 15px;text-align: center;border-left:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7;}
.mainsection table td {padding:18px 0 14px; text-align:center;border-left:1px solid #D7D7D7;  border-bottom:1px solid #D7D7D7; font-size:16px;}

.autotitle{font-size:17px;}

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


.layerPopupCloseButton2{cursor:pointer; background-color: #f8f8f8; color:#5F5F5F; width:30px; height:30px; border-radius: 15px; text-align: center; font-size:20px; line-height:33px; position: absolute; right:0; top: -47px; margin: 0px;}
.layerPopupCloseButton2 span {line-height: 30px; font-size: 19px; padding-left:2px;}


.popupbox {position: relative;  display:block;}
.cachimage02 {position: relative;  background-color: #e7e6d8; text-align: center; padding:0px 0}

.classright{ width:437px;}



/* nuriware : 자동결제 카드 레이어 팝업 추가 */
#autoCardPop .layerpopupIn {width:370px;margin-left:-185px;padding:0;}/* 201210 hyj 추가 */
.autocardBox {width:370px; margin:0 auto;}

.autocard{position: relative;  background-color: #f6f6f6; padding:5px 10px; height:260px; overflow-y: auto;}
.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;}
.autocard .autocardIn  .title{ color:#000; font-weight:400; font-size:15px;}

.autocard .autocardIn span.del {position: absolute; right:30px; top:20px}
.autocard .autocardIn span.del2 {position: absolute; right:30px; top:20px; 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 input[type="radio"] + label { background:url('/assets/user/images/radiochek.png') no-repeat center; border-radius:50%; display: inline-block; width: 16px; height: 16px; border: 1px solid #D7D7D7; cursor: pointer; vertical-align: middle;}
.autocard .autocardIn input[type="radio"]:checked + label { background:url('/assets/user/images/radiocheked.png') no-repeat center;}
.autocard .autocardIn input[type="radio"]:checked + label span {color:#000;}
.autocard .autocardIn input[type="radio"] { display: none;}
.autocard .autocardIn span.card {padding-left:22px; font-weight:400; color:#9B9B9B; padding-top:0px}
/* nuriware : 자동결제 카드 레이어 팝업 추가 */

.poplay{width:320px; height:180px; position:absolute; left:20px; top:35%; z-index:999; background-color: #ffffff; border:2px solid #a5a5a5;}
.poplay .poplaytxt{position: relative; display:block; margin:50px 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;}


/* nuriware 추가 */
.autocardBoxIn {background-color:#fff; box-shadow:3px 3px 20px rgba(0,0,0,0.4); padding:25px 30px 25px 27px}
.autocardBoxIn .subjectTitle {font-size:25px; color:#000; font-weight:500; letter-spacing:-0.5px; text-align:center; padding-bottom:10px; border-bottom:1px solid #F0F0F0;}

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}


/* 211201 kmh 수정 */
.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;letter-spacing:0;}
.cach .tb_edu td.B{font-weight:700;}
.cach .tb_edu td.in{padding:7px 0 6px; font-size:13px; font-weight:700; color:#000;}
.cach .tb_edu .high_row td{padding:25px 0;}
/* //211201 kmh 수정 */

.cachinfobox{background-color: #fff; font-size:15px; line-height:24px; letter-spacing: -0.5px; color:#333; padding:30px; border:1px solid #e1e1e1; margin-top:20px}
.cachinfobox .title{position:relative; font-size:24px; font-weight:600; letter-spacing: -0.5px; margin-bottom:23px; color:#000; margin:0;margin-bottom:7px;}
.cachinfobox .title:after {content:'';position:absolute;top:-20px;width:179px;height:46px;margin-left:10px;}/* 201214 hyj 추가 */
.cachinfobox .title a.pointBtn {color:#fff; background-color:#D31F21; font-size:14px;  padding:6px 17px;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 span{padding:0 30px; font-weight:400; color:#a6a6a6;}
.mb40 {margin-bottom:40px}
/* nuriware 추가 */
/************ //syh 사전결제 관련 누리웨어 merge ********/


/* 210318 hyj 자동결제 안내페이지 수정 */
.mainVisual {height:377px;background:url('/assets/user/images/auto_promotion/cachimage.jpg') no-repeat center 0; background-size:auto;} /* 220209 syh 수정 */
.auto.inner {position:relative;width:1080px;margin:0 auto;}
.auto.inner img {position:absolute;left:calc(50% - 200px);top:calc(50% + 100px);}
/* 220209 syh 추가 */
.hdTit{font-size:0;line-height:0;text-indent:-9999px;}
div[class^=autoSection] p{padding:0;margin:0;line-height:1;}
div[class^=autoSection] .inner{width:1080px;margin:0 auto;position:relative;}
.pointRed{color:#d31f21;}
.pointBlue{color:#1c38a9;}
.autoTit{font-size:30px;color:#000;line-height:42px;text-align:center;}
.autoSection1{padding:80px 0 60px;}
.autoSection1 .benefitList{text-align:center;padding:58px 0 18px;}
.autoSection1 .benefitList li{display:inline-block;width:260px;height:280px;background:#f7f7f7 url('/assets/user/images/auto_promotion/ico_benefit20.png') no-repeat 0 42px;vertical-align:top;margin:0 3px;}/* 231207 hyj 수정 */
.autoSection1 .benefitList li.ban2{background-position-x:-270px;}
.autoSection1 .benefitList li.ban3{background-position-x:-540px;}
.autoSection1 .benefitList li.ban4{background-position-x:-810px;}
.autoSection1 .benefitList li p{padding:130px 0 8px;font-size:22px;color:#000;font-weight:600;line-height:28px;}
.autoSection1 .benefitList li span{font-size:14px;color:#666;text-align:left;display:inline-block;}
.autoSection2{background:#f7f7f7;padding:100px 0 80px;}
.autoSection2 .stepList{padding-top:54px;background:url('/assets/user/images/auto_promotion/bg_dot.png') no-repeat 57px 89px;}
.autoSection2 .stepList li{position:relative;margin-bottom:20px;}
.autoSection2 .stepList li:before{content:'';display:block;width:56px;height:56px;position:absolute;top:20px;left:30px;}
.autoSection2 .stepList li.step1:before{background:url('/assets/user/images/auto_promotion/ico_step01.png') no-repeat 0 0;}
.autoSection2 .stepList li.step2:before{background:url('/assets/user/images/auto_promotion/ico_step02.png') no-repeat 0 0;}
.autoSection2 .stepList li.step3:before{background:url('/assets/user/images/auto_promotion/ico_step03.png') no-repeat 0 0;}
.autoSection2 .stepList li:after{content:'';display:block;clear:both;}
.autoSection2 .stepList .stepL{float:left;padding:42px 0 0 106px;}
.autoSection2 .stepList .stepL .tit{font-size:17px;color:#999;font-weight:600;padding-bottom:15px;}
.autoSection2 .stepList .stepL .txt{font-size:16px;color:#999;line-height:24px;}
/* 220419 hlj 수정 */
.autoSection2 .stepList .stepL .step01_a{display:inline-block;width:212px;height:62px;line-height:62px;margin-top:30px;color:#fff;font-size:16px;text-align:center;background:#999;}
.autoSection2 .stepList .stepL .step01_a span{margin-left:5px;font-size:11px;font-weight:700;vertical-align:middle;}
.autoSection2 .stepList .stepImg{float:right;position:relative;}
.autoSection2 .stepList .stepImg:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;border:0;box-sizing:border-box;}
.autoSection2 .stepList li.on:before{background-position-y:-56px;}
.autoSection2 .stepList li.on .stepL .tit{color:#1c38a9;}
.autoSection2 .stepList li.on .stepL .txt{color:#666;}
.autoSection2 .stepList li.on .stepImg:after{border:2px solid #1c38a9;}
.autoSection2 .stepList li.on .stepL .step01_a{background-color:#d31f21;}
.autoSection3{background:#fff;padding:100px 0;}
.autoSection3 .videoCont{margin:50px auto 118px;width:730px;}
.autoSection3 .contentLayout {margin-top:250px;}
.autoSection3 .infoList{background:#f3f6f9;padding:33px 40px;}
.autoSection3 .infoList .tit{font-size:15px;color:#666;font-weight:600;padding-bottom:15px;}
.autoSection3 .infoList li{font-size:15px;color:#666;;line-height:30px;}
/* //220419 hlj 수정 */


/* 210616 hyj 해시태그 추가 */
/* 목록 */
.lineWebzineRight .list_hashtag {display:block;max-width:660px;margin:15px 0;color:#19468e;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lineWebzineRight .list_hashtag span + span {margin-left:3px;}
.textList .lineWebzineRight .list_hashtag {max-width:900px;}
/* 상세 */
.detail_hashtag {position:relative;line-height:1.5;padding:20px;margin-bottom:30px;color:#19468e;font-size:16px;border-bottom:1px solid #e2e2e2;word-break:break-all;}/* 220112 hyj 수정 */
/* .detail_hashtag:before {content:'';position:absolute;left:20px;display:inline-block;width:28px;height:19px;background:url('/assets/user/images/ico_hashtag.png') no-repeat;} 210705 hyj 수정 */
.detail_hashtag span + span {margin-left:3px;}
/* 작성,수정 */
.editTop ul li .inputBox table td.tableTitle {border-bottom:0}
.editTop ul li .inputBox table td.tableTitle .tc_list {}
.editTop ul li .inputBox table td.tableTitle .tc_list dt {display:inline-block;margin-right:7px;color:#666;font-weight:normal}
.editTop ul li .inputBox table td.tableTitle .tc_list dd {display:inline-block;color:#000;font-weight:normal}
.editTop ul li .inputBox table td.tableTitle .tc_list dd span + span {margin-left:3px;}
.editTop ul li .inputBox .input_hashtag {display:table;}
.editTop ul li .inputBox .input_hashtag dt {display:table-cell;padding-right:10px;vertical-align:middle;}
.editTop ul li .inputBox .input_hashtag dd {display:table-cell;color:#000;font-size:16px;vertical-align:middle;}
.editTop ul li .inputBox .input_hashtag dd input {width:340px;margin-left:5px;font-size:16px;}
.editLayout {height:auto;border:none;}
.editLayout textarea {width:calc(100% - 42px);height:300px;padding:20px;color:#666;font-size:15px;font-family: 'NanumBarunGothic1', sans-serif;border:1px solid #d7d7d7;resize:none;}
.editLayout .edit_file {position:relative;display:table;width:100%;border-bottom:1px solid #000;}
.editLayout .edit_file .title{display:table-cell;width:150px;padding:19px 0 20px 18px;color:#000;font-size:16px;font-weight:600;letter-spacing: -0.5px;background-color:#f8f9fa;vertical-align:middle;}
.editLayout .edit_file .inputBox {display:table-cell;padding:10px 15px;}
/* 점수보장반 후기 장학금 안내 툴팁 */
.btm_txt_info {position:relative;margin:15px 0;color:#;font-size:14px;text-align:right;}
.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 span {color:#666;}
.btm_txt_info em {display:inline-block;margin-left:20px;color:#000;font-weight:bold}
.btm_txt_info .tooltip_box {display:none;position:absolute;;left:-100px;width:225px;line-height:1.4;padding:15px;margin-top:10px;color:#666;font-size:11px;text-align:left;border:1px solid #666;background:#fef7ed;z-index:1;}
.btm_txt_info .tooltip_box dt {margin-bottom:2px;}
.btm_txt_info .tooltip_box dd {padding-left:10px;text-indent:-10px;}


/* 환불안내 팝업 210923 syh */
.refundPop .layerpopupIn{width:500px;margin-left:-250px;border:1px solid #333333;}
.refundPop .layerGroup{padding:0 30px;}
.refundPop .stitle{text-align:center;font-size:18px;color:#000;font-weight:600;border-bottom:2px solid #000;padding:30px 0 20px;margin:0 0 17px;line-height:1;}
.refundPop .infoTxt{font-size:13px;color:#666;line-height:20px;}
.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:20px;}
.refundPop .refundChkArea{border-top:1px solid #d8d8d8;text-align:center;margin-top:15px;padding:10px 0 5px;}
.refundPop .inputForm{background:#f8f8f8;border:1px solid #eee;padding:10px;margin-top:10px;}
.refundPop .inputForm dt{font-size:13px;color:#999;display:inline-block;width:55px;}
.refundPop .inputForm dd{display:inline-block;width:80%;}
.refundPop .inputForm input{background:#f8f8f8;border:0;width:100%;}

/* 211209 kmh 메인 윙배너 추가 */
.contentLayout .main_wing_banner{margin-left:-550px;position:absolute;left:50%;top:-160px;z-index:4;}/* 220217 kmh 수정 */
.contentLayout .main_wing_banner .wbanner_close{width:33px;height:33px;font-size:0;text-indent:-9999px;background:url('/assets/user/images/close_wing_banner.png') no-repeat;position:absolute;right:7px;top:0;}/* 220217 kmh 추가 */

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

/* 220808 kmh 유의사항 공통 */
.cmm_notice{width:100%;background-color:#303030;}
.cmm_notice *{box-sizing:border-box;}
.cmm_notice .cmm_notice_inner{width:1080px;padding:55px 60px 67px;margin:0 auto;}
.cmm_notice .cmm_notice_tit{margin:0;padding:0 0 23px;font-size:28px;font-weight:600;color:#fff;border-bottom:1px solid #595959;text-align: left;}  /* 220919 pny 수정 */
.cmm_notice .cmm_notice_cont{padding:23px 0;}
.cmm_notice .cmm_notice_cont ul{}
.cmm_notice .cmm_notice_cont li{padding:0 0 0 12px;font-size:18px;font-weight:300;line-height:32px;color:#fff;text-indent:-12px;word-break:keep-all;text-align: left;} /* 220919 pny 수정 */
.cmm_notice .cmm_notice_cont p{margin:0;}

/* 221207 pny 딜리버리 이벤트 하단 띠배너 추가 */
.floating_delivery{position:relative;height:91px;z-index:110;}
.floating_delivery.fixed {position:fixed; bottom:0; left:0; right:0; height:91px;z-index:110;}
.floating_delivery .inner{width:1080px;margin:0 auto;position:relative;}
.floating_delivery:before{content:'';display:block;width:100%;height:70px;position:absolute;bottom:0;left:0;right:0;background:#cd1719;box-shadow:0px -5px 10px 0px rgba(0, 0, 0, 0.2);}
.floating_delivery .link_box {position: absolute;top: 27px;right: 20px;padding:10px 0;}
.floating_delivery .link_box a {display:block;padding:10px 0;}
.floating_delivery .ban_img_float{position:absolute;left:0;}
.floating_delivery .ban_btn_close {display:block; color:#fff; background:#000;width:8px;height:8px;padding:8px;position:absolute;top: -4px;right:0px;font-size: 0;text-indent: -99999px;background:#383838 url('/assets/user/images/btn_pop_close.jpg') no-repeat center;}

/* 네이버페이 버튼 공통 _230206 pny 추가 */
a.btnNpay{display:inline-block;width:100%;height:62px;background:#00de5a url('/assets/user/images/ico_npay2.png') no-repeat center / 158px 28px !important;box-sizing:border-box;text-indent:-99999px;} /* 230920 syh 수정 */
p.txtNpay{display:inline-block;width:100%;line-height:1;margin:7px 0 0;color:#333;font-size:16px;text-align:center;letter-spacing:-.8px;}
.txtNpay a{line-height:1;height:auto;padding:5px;margin:0;color:#333;font-size:16px;font-weight:400;display:inline-block;} /* 230920 syh 추가 */
.txtNpay a:hover{text-decoration:underline;text-underline-position:under;} /* 230920 syh 추가 */
/* //네이버페이 버튼 공통 _230206 pny 추가 */


/* 230817 hyj [동시등록기능] 추가 */
.classOptionPrice{clear:both;padding:20px 0;border-top:1px solid rgba(151,151,151,0.24);}
.classOptionPrice dl{display:table;width:100%;}
.classOptionPrice dt{display:table-cell;width:85px;color:#333;font-size:18px;vertical-align:top;}
.classOptionPrice dt span{display:block;font-size:15px;text-align:right;}
.classOptionPrice dd{display:table-cell;vertical-align:top;}
.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{color:#000;font-weight:bold;}
.classOptionPrice .opLabel em{color:#9c9c9c;font-size:14px;font-weight:bold;text-decoration:line-through;}
.classOptionPrice .opLabel + .opLabel_add{display:block;padding:0 22px;color:#d31f21;font-size:15px;}
.classOptionPrice .optionPrice{position:relative;padding-left:22px;}
.classOptionPrice .optionPrice strong{color:#000;font-size:30px;}
.classOptionPrice .optionPrice strong p{display:inline;}
.classOptionPrice .optionPrice strong p .totalPText{padding-left:2px;font-size:18px;}
.classOptionPrice .optionPrice strong em{font-size:18px;}
.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;text-indent:2px;border-radius:50%;background:#d1dae8;vertical-align:2px;}
.classOptionPrice .optionPrice .tooltip_layer{display:none;position:absolute;top:45px;left:0;width:calc(100% - 5px);padding:10px;color:#19468e;font-size:15px;text-align:center;border:1px solid #bac7dd;border-radius:10px;background:#f4f7ff;box-sizing:border-box;}
.classOptionPrice .optionPrice .tooltip_layer:before{content:'';position:absolute;left:62%;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:-18px;}

/* 공유하기 URL 복사 버튼 230829 kmh 추가 */
.btnShare{height:34px;margin-left:10px;padding:0 19px;display:inline-block;vertical-align:middle;font-size:18px;font-weight:600;line-height:32px;color:#000;border:1px solid #ddd;border-radius:34px;}
.btnShare:after{content:'';width:19px;height:19px;margin-left:9px;display:inline-block;vertical-align:middle;background:url('/assets/user/images/icon_share.png') no-repeat;}
.btnShare:hover{border-color:#666;}
.shareUrl{width:100%;margin-top:20px;text-align:center;font-size:16px;color:#666;}
.shareUrl .btnShare{font-size:14px;}

/* 231005 kmh 클로징 패널 신규제작 */
#closingPanel{width:370px;background-color:#f3f3f3;position:fixed;right:8px;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 40px;text-align:center;color:#fff;background-color:#232323;position:relative;}
#closingPanel .closing-title a{height:55px;display:block;color:#fff;font-size:14px;line-height:55px;font-weight:600;letter-spacing:0.5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#closingPanel .closing-close{width:19px;height:19px;margin-top:-10px;font-size:0;text-indent:-9999px;background:url('/assets/user/images/btn_closing_close.png') no-repeat;position:absolute;right:17px;top:50%;}
#closingPanel .closing-body{padding:15px;}
#closingPanel .closing-cards{}
#closingPanel .closing-cards ul{margin:-8px;font-size:0;}
#closingPanel .closing-cards li{width:100%;padding: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-footer{padding:0 15px 10px;}
#closingPanel .closing-close-today{display:inline-block;position:relative;cursor:pointer;}
#closingPanel .closing-close-today input[type="checkbox"]{width:100%;height:100%;opacity:0;position:absolute;left:0;top:0;cursor:pointer;}
#closingPanel .closing-close-today input[type="checkbox"] + label{color:#424242;font-size:13px;text-indent:0;}
#closingPanel .closing-close-today input[type="checkbox"] + label:before{content:'';width:16px;height:16px;margin-right:4px;display:inline-block;vertical-align:middle;border:1px solid #c0c0c0;border-radius:2px;background-color:#fff;position:relative;top:-1px;}
#closingPanel .closing-cards.ver2 li + li{width:100%;}/* 231012 kmh 추가 */


/*
 231107 kmh 하단 띠배너
 다른 과목에서 공통으로 사용할 수 있도록 제작
*/
#cmm_banner_btm{width:100%;height:70px;position:fixed;left:0;bottom:0;box-shadow:0 -5px 12px 1px rgba(0, 0, 0, 0.2);z-index:502;}
#cmm_banner_btm .banner_body{width:1080px;margin:0 auto;position:relative;top:-20px;}
#cmm_banner_btm .banner_body:after{content:'';width:59px;height:70px;background:url('/assets/user/images/cmm_banner_shadow.png') no-repeat;position:absolute;left:100%;top:20px;}
#cmm_banner_btm .btn_apply{position:absolute;right:0;bottom:0;}
#cmm_banner_btm .btn_banner_close{width:19px;height:19px;font-size:0;text-indent:-9999px;background:url('/assets/user/images/cmm_banner_close.png') no-repeat;position:absolute;right:0;top:1px;}

/* 231109 kmh 녹음 테스트 */
.table_tit{padding:0 0 17px;font-size:22px;font-weight:600;color:#000;position:relative;}
.table_tit .noti{margin-left:15px;display:inline-block;vertical-align:middle;font-size:16px;font-weight:400;color:#666;}
.table_tit .num{font-size:18px;color:#000;position:absolute;right:0;top:2px;}
.table_tit .num em{color:#d31f21;}

#recordingLayer{width:450px;margin-left:-225px;padding:50px 35px 35px;background-color:#fff;box-shadow:0 0 10px 1px rgba(0,0,0,0.2);position:absolute;left:50%;top:0;z-index:999;display:none;}
#recordingLayer,
#recordingLayer *{box-sizing:border-box;}
#recordingLayer .btn-recording-close{color:#000;position:absolute;right:18px;top:18px;}
#recordingLayer .btn-recording-close span{font-size:28px;}
#recordingLayer .icon-recording{margin-bottom:20px;}
#recordingLayer .icon-recording,
#recordingLayer .tit{text-align:center;}
#recordingLayer .tit{margin:0 0 23px;font-size:26px;font-weight:600;color:#000;}
#recordingLayer .tit em{color:#d31f21;}
#recordingLayer .tit.ver2{margin:15px 0 23px;}/* 240313 kmh 추가 */
#recordingLayer .btn-wrap{display:flex;justify-content:space-between;gap:0 10px;}
#recordingLayer .btn-wrap + .btn-wrap{margin-top:10px;}
#recordingLayer .btn-wrap a,
#recordingLayer .btn-wrap button{flex:1;background-color:#D31F21;color:#fff;font-size:18px;display:inline-block;text-align:center;}
#recordingLayer .btn-wrap a > span,
#recordingLayer .btn-wrap button > span{display:block;height:50px;text-align:center;line-height:50px;}
#recordingLayer .btn-wrap button > span span{margin-left:5px;font-size:13px;vertical-align:0;}
#recordingLayer .btn-wrap .btn-recording-start span span{font-size:20px;vertical-align:-3px;}
#recordingLayer .btn-wrap .btn-record{font-size:15px;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:15px;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:-3px;}
#recordingLayer .audio-box{padding:20px 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:20px;border:1px solid #a9a9a9;}
#recordingLayer .recording-guide dl{padding:18px 25px;}
#recordingLayer .recording-guide dt{margin-bottom:10px;font-size:17px;color:#000;}
#recordingLayer .recording-guide dd{}
#recordingLayer .recording-guide dd p{margin:0;text-indent:-9px;padding-left:9px;font-size:13px;line-height:1.7;word-break:keep-all;}
#recordingLayer .recording-guide dd p + p{margin-top:3px;}
#recordingLayer .recording-guide dd p em{color:#d31f21;}

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

#recordingLayer .theme-select{padding:19px 0 22px;margin:18px 0 0;text-align:center;border-top:1px solid #e2e2e2;}
#recordingLayer .theme-select .summary strong{display:block;font-size:22px;font-weight:600;color:#d31f21;}
#recordingLayer .theme-select .summary p{margin:2px 0 0;font-size:17px;color:#000;}
#recordingLayer .theme-select .summary .noti{margin:10px 0 0;font-size:13px;color:#666;}
#recordingLayer .theme-select .limit-time{height:30px;margin-top:20px;font-size:14px;line-height:30px;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:55px;background-color:#9c9c9c;font-size:19px;line-height:55px;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:20px;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:30px;margin-top:10px;text-align:center;font-size:14px;font-weight:600;line-height:30px;color:#000;background-color:#eae9ee;position:relative;}
/* 240313 kmh 추가 */
#recordingLayer .mp3-items-wrap{}
#recordingLayer .mp3-items{display:none;}
#recordingLayer .mp3-items ul{padding:30px 0 0;}
#recordingLayer .mp3-items li:nth-child(1){border-top:1px solid #e3e3e3;}
#recordingLayer .mp3-items li{padding:0 0 0 50px;border-bottom:1px solid #e3e3e3;background-color:#f1f3f4;position:relative;}
#recordingLayer .mp3-items li em{font-size:18px;line-height:20px;font-weight:700;color:#000;position:absolute;left:19px;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%;height:70px;position:fixed;left:0;bottom:0;box-shadow:0 -5px 12px 1px rgba(0, 0, 0, 0.2);z-index:101;background-color:#2fdbfe;} /* 240613 syh 수정 */
#cmmBannerBtm .banner_body{width:1080px;margin:0 auto;position:relative;top:-20px;}
#cmmBannerBtm a{display:block;}
#cmmBannerBtm .ban_apply_list{position:absolute;right:0;bottom:8px;width:304px;height:54px;display:block;}
#cmmBannerBtm .ban_apply_list img{position:absolute;top:0;right:0;}
#cmmBannerBtm .ban_apply_list .active{z-index:1;}
#cmmBannerBtm .btn_banner_close{width:19px;height:19px;font-size:0;text-indent:-9999px;background:url('/assets/user/images/cmm_banner_close.png') no-repeat;position:absolute;right:0;top:1px;}

/* 240718 kmh 추가 */
.th-in-select{height:40px;font-size:18px;line-height:40px;}
.selectric-th-in-select{width:80%;margin:0 auto;}
.selectric-th-in-select .selectric{border:none;}/* 240722 kmh 추가 */
.selectric-th-in-select .selectric .label{font-size:18px;}

/* 241223 kmh 추가 : 과목특징 - 유튜브 사이즈 지정 */
.classPSection1 iframe{width:1000px;height:562px;margin:0 auto 10px;}

/* 260429 kmh 추가 [메인페이지 STAR 강의 CTA 배너영역] */
.main_star_banner{width:1020px;margin:-70px auto 100px;padding:40px 60px 60px;background-color:#fff;box-shadow:3px 3px 20px rgba(0,0,0,0.2);position:relative;z-index:3;}
.main_star_banner .title{margin:0 0 37px;font-size:35px;font-weight:bold;color:#000;}
.main_star_banner .title em{color:#d31f21}
.main_star_banner .btn_box{display:flex;gap:22px;}
.main_star_banner .btn_box a{flex:1;height:66px;text-align:center;font-size:20px;line-height:66px;font-weight:600;color:#fff;background-color:#000;border:2px solid #000;}
.main_star_banner .btn_box a:after{content:'';width:9px;height:9px;margin-left:7px;vertical-align:middle;display:inline-block;border-right:2px solid #fff;border-top:2px solid #fff;border-radius:2px;transform:rotate(45deg);position:relative;left:0;top:-1px;}
.main_star_banner .btn_box a,
.main_star_banner .btn_box a:after{transition:all 0.3s ease;}
.main_star_banner .btn_box a.btn_star_lecture{background-color:#d31f22;border-color:#d31f22;}
.main_star_banner .btn_box a:hover{background-color:#fff;color:#000;}
.main_star_banner .btn_box a:hover:after{border-color:#000;left:10px;}
.main_star_banner .btn_box a.btn_star_lecture:hover{color:#d31f22;}
.main_star_banner .btn_box a.btn_star_lecture:hover:after{border-color:#d31f22;}

.star_banner_items ul{display:flex;gap:10px;margin-bottom:20px;}
.star_banner_items li{min-width:0;flex:1 1 0;background-color:#f0f0f0;transition:all 0.4s ease;}
.star_banner_items li a{height:203px;display:block;padding:27px 29px 0;position:relative;overflow:hidden;transform:translateZ(0);}
.star_banner_items li .cont{position:relative;}
.star_banner_items li strong{display:block;margin-bottom:12px;font-size:26px;font-weight:600;color:#000;}
.star_banner_items li em{font-size:17px;font-weight:600;color:#000;}
.star_banner_items li p{margin-top:6px;font-size:15px;color:#868686;}
.star_banner_items li strong,
.star_banner_items li em,
.star_banner_items li p{transition:all 0.3s ease;}
.star_banner_items li .bg{width:576px;height:100%;background-size:auto 100%;background-position:100% 50%;background-repeat:no-repeat;position:absolute;left:-15%;top:0;pointer-events:none;opacity:0;transition:all 0.4s ease;}
.star_banner_items li.on{flex:0 0 576px;}
.star_banner_items li.on strong,
.star_banner_items li.on p{color:#fff;}
.star_banner_items li.on em{color:#f39991;}
.star_banner_items li.on .bg{opacity:1;left:0;}

.star_banner_items li[data-type="toeic"] .bg{background-image:url('/assets/user/images/main/star_banner_bg01.jpg');}
.star_banner_items li[data-type="jlpt"] .bg{background-image:url('/assets/user/images/main/star_banner_bg02.jpg');}
.star_banner_items li[data-type="opic"] .bg{background-image:url('/assets/user/images/main/star_banner_bg03.jpg');}
.star_banner_items li[data-type="eng"] .bg{background-image:url('/assets/user/images/main/star_banner_bg04.jpg');}
.star_banner_items li[data-type="jpn"] .bg{background-image:url('/assets/user/images/main/star_banner_bg05.jpg');}
.star_banner_items li[data-type="toefl-ielts"] .bg{background-image:url('/assets/user/images/main/star_banner_bg06.jpg');}

.star_banner_items li[data-type="jlpt"].on em{color:#ff8fc7;}
.star_banner_items li[data-type="opic"].on em{color:#e1ff83;}
/* 260615 kmh 수정 */
.star_banner_items li[data-type="eng"].on strong{color:#001d51;}
.star_banner_items li[data-type="eng"].on p{color:#7e889f;}
.star_banner_items li[data-type="eng"].on em{color:#2e2fd0;}
.star_banner_items li[data-type="jpn"].on strong{color:#001d51;}
.star_banner_items li[data-type="jpn"].on em{color:#e73481;}
.star_banner_items li[data-type="jpn"].on p{color:#6c85a4;}
.star_banner_items li[data-type="toefl-ielts"].on em{color:#ffb3b3;}
/* //260615 kmh 수정 */
/* //260429 kmh 추가 [메인페이지 STAR 강의 CTA 배너영역] */

/* 260512 hyj 추가 [수강신청내역 교재정보 추가] */
.mypagebook{margin-bottom:40px;}
.mypagebook .classTextbook{padding:20px 30px 30px;border:1px solid #d7d7d7;box-sizing:border-box;}
.mypagebook .classTextbook .bookinfo{color:#000;font-size:16px;font-weight:600;}
.mypagebook .mypage_bookinfo{line-height:1.5;margin-top:20px;}
.mypagebook .mypage_bookinfo dt{margin-bottom:15px;color:#000;font-size:16px;}
.mypagebook .mypage_bookinfo dd{}
.mypagebook .mypage_bookinfo dd p{margin:0;color:#666;font-size:16px;}