/**/
.notS{overflow:hidden;height:100%;}
.ly_kakao{}
.ly_kakao .ly_top{position:relative;background-color:#000;}
.ly_kakao .ly_top h1{color:#fff;font-size:15px;padding:12px 15px;}
.ly_kakao .ly_top button{position:absolute;right:15px;top:10px;width:20px;height:20px;border:none;background:none;}
.ly_kakao .ly_cont{padding:0 20px 20px;background-color:#ffe742;} /* 191128 syh 수정 */
.ly_kakao .ly_cont .tit{margin:20px 0 !important;}
.ly_kakao .ly_cont .tb_kakao{height:210px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;} /* 191128 syh 수정 */
.ly_kakao .ly_cont .tb_kakao table{width:100%;margin-bottom:10px;text-align:center;vertical-align:top;box-shadow:2px 2px 2px 0px #b5b5b5;border-spacing:0;border-collapse:collapse;}
.ly_kakao .ly_cont .tb_kakao table th{padding:10px 0;color:#fff;font-size:13px;font-weight:normal;letter-spacing:-1px;background-color:#4a3132;}
.ly_kakao .ly_cont .tb_kakao table th:nth-child(2n){background-color:#523738;}
.ly_kakao .ly_cont .tb_kakao table th span{color:#ffd701;}
.ly_kakao .ly_cont .tb_kakao table td{line-height:1.2;padding:10px 0;color:#000;font-size:12px;letter-spacing:-1px;border-bottom:1px solid #b5b5b5;background-color:#e5e5e5;}
.ly_kakao .ly_cont .tb_kakao table td:nth-child(2n){background-color:#fff;}
.kakaoDetailPop{display:none;}
.kakaoDetailPop .layerpopupIn{background-color:#ffe742;-webkit-overflow-scrolling:touch;position:absolute;bottom:auto;} /* 191128 syh 수정 */
.kakaoDetailPop .layerpopupTop{background-color:#fff;}
.kakaoDetailPop .layerpopupTop .title{margin-bottom:0;}
.kakaoDetailPop .layerpopupIn .title p{width:auto;}
.kakaoDetailPop .layerpopupIn .layerPopupCloseButton{top:5px;}
.lectures .layerpopupIn {bottom:auto;top:30px;}
.lectures .layerpopupIn .title{border-bottom:1px solid #ddd;margin-bottom:0;padding-bottom:10px;}
.lectures .layerpopupIn .title p{width:auto;}
.lectures .layerpopupTop{padding-bottom:0;}

.landing_contents{position:relative;text-align:center;}
.landing_contents *{box-sizing:border-box;}
.landing_contents .swiper-container{overflow:hidden;}/* 221221 kmh 추가 */
.landing_contents .wrapper{margin:0 2.66vw;position:relative;}
.landing_contents .wrapper:after{content:'';display:block;clear:both;}
.landing_contents .section{}
.landing_contents .classSelect .toggleBtn{margin:0px;}
.landing_contents .classSelect .toggleBtn a{padding:10px 0px;display:block;}
.landing_contents .section.visual{padding:0 0 50px;background-color:#111;position:relative;}
.landing_contents .section.visual h2{margin:0;}
.landing_contents .section.ver1{padding:0 0 70px;background-color:#333;}
.landing_contents .section.ver2{padding:40px 0 50px;background-color:#fff;position:relative;}
.landing_contents .section.ver2:before,
.landing_contents .section.ver2:after{content:'';width:0;height:0;position:absolute;z-index:0;}
.landing_contents .section.ver2:before{border-top:90px solid #f1f1f1;border-left:120px solid transparent;right:0;top:0;}
.landing_contents .section.ver2:after{border-bottom:50px solid #f1f1f1;border-right:70px solid transparent;left:0;bottom:0;}
.landing_contents .section.ver2 h3{margin-bottom:25px;}

.landing_contents .tabLayout{padding:0;}
.landing_contents .tabLayout.fixed{position:fixed;top:61px;width:100%;z-index:1000;border-bottom:none;}
.landing_contents .tabLayout.column4 li{width:25%;}
.landing_contents .tabLayout li{ /*   display:table; */  background-color:#8a8a8a;}
.landing_contents .tabLayout li:after{top:0;}
.landing_contents .tabLayout li a{  /*  display:table-cell;*/padding-top:17px;vertical-align:middle;line-height:17px;font-size:12px;   color:#fff;}
.landing_contents .tabLayout li.longText a{ padding-top:8px;}
.landing_contents .tabLayout li.on{background-color:#fff;}
.landing_contents .tabLayout li.on a{color:#000;}
.landing_contents .tabLayout.blackBg li:after{top:auto;bottom:0;height:5px;   background-color:#d98948;}
.landing_contents .tabLayout.blackBg li{ background-color:#19191f;}
.landing_contents .tabLayout.blackBg li a{font-weight:600;color:#757579;}
.landing_contents .tabLayout.blackBg li.on a{color:#fff;}

.landing_contents .tabContainer{position:relative;overflow:hidden;height:0px;}
.landing_contents .tabContainer.on{ height:auto;}
.landing_contents .tabContainer .sliderCont3{padding-bottom:0px;}
.landing_contents .tabContainer .sliderCont3::before,
.landing_contents .tabContainer .sliderCont3::after{display:none;content:'';width:0;height:0;position:absolute;z-index:0;}
.landing_contents .tabContainer .sliderCont3::before{border-top:90px solid #f1f1f1;border-left:120px solid transparent;right:0;top:0;}
.landing_contents .tabContainer .sliderCont3::after{border-bottom:50px solid #f1f1f1;border-right:70px solid transparent;left:0;bottom:0;}
.landing_contents .slider ul{overflow:hidden;}
.landing_contents .slider ul li{position:relative;float:left;}
.landing_contents .slider ul li iframe{width:100%;}
.landing_contents .slider .wvNumBox{top:5px;right:6px;width:auto;}
.landing_contents .slider .wvNumBoxIn{display:none;}
.landing_contents .wvNumBox > a{width:10px;height:10px;   margin:3px;background-color:#fff;border:2px solid #b5b5b5;}
.landing_contents .wvNumBox > a.on{background-color:#bd6e2f;   border:2px solid #bd6e2f;}
.landing_contents .wvNumBox > a span{background-color:#fff;}
.evt_banner{margin-top:-1px;}
.evt_banner.evt1{background-color:#f0f0f0;}
.landing_contents .tabContainer.tab1 .evt_banner{background-color:#f0f0f0;}
.landing_contents .tabContainer.tab2 .evt_banner{background-color:#f9e8f8;}
.landing_contents .tabContainer .wvNextBox span:before{text-shadow:none;}
.landing_contents .tabContainer .wvNextBox span{font-size:40px;}
.landing_contents .tabContainer .wvNextBox>a{padding:10px 0;}
.landing_contents .tabContainer .wvNextBox .prevBu{left:0;}
.landing_contents .tabContainer .wvNextBox .nextBu{right:0;}


.float_ban{position:fixed;left:10px;bottom:10px;width:30%;z-index:100;}
.float_ban a{display:inline-block;}


.aType{overflow:hidden;}
.aType .inner{margin:0 10px;}
.aType img{width:auto;max-width:100%;}

.bType{overflow:hidden;}
.bType .inner{margin:0 10px;}
.bType img{width:auto;max-width:100%;}

/* 191128 syh 추가 */
.cType{overflow:visible;}
.cType .inner{margin:0 10px;}
.cType img{width:auto;max-width:100%;}
/*//*/

.landing_contents .tabLayout.fixed{position:fixed;width:100%;left:0;top:61px;z-index:1000;}

/* top-btn */
#top_btn{display:none;z-index:900;position:fixed;bottom:3%;right:15px;width:40px;height:40px;cursor:pointer;background:url('/assets/m-user/images/btn_top.png') no-repeat left top;background-size:100% 100%}

/*lectureSelect*/
.lectureSelect{position:relative;height:51px;z-index:101;background-color:#1C1F29;box-shadow:0 3px 9px rgba(0,0,0,0.5);}
.lectureSelect p{margin:0;padding:0 16px;line-height:50px;text-align:left;}
.lectureSelect p a{font-size:15px;color:#fff;display:block;}
.lectureSelect p a .icon{ float:right;padding-top:16px;font-size:16px;font-weight:600;}

.lectureList{padding:0 16px;background-color:#1C1F29;}
.lectureList li:first-child{border-top:none;}
.lectureList li{height:40px;line-height:40px;text-align:left;border-top:1px solid #000; transition:0.3s all ease;}
.lectureList li a{display:block;color:#ddd;}
.lectureList li .icon.up{display:none;}
.lectureList >li.on .icon.up{display:inline-block;}
.lectureList >li.on .icon.down{display:none;}

/*classSelect*/
.landing_contents .classSelect{position:absolute;top:10px;z-index:100;left:15px;width:117px;}
.landing_contents .classSelect p{margin:0;padding-left:15px;text-align:left;}
.landing_contents .classSelect p a{color:#fff;font-size:15px;}
.landing_contents .classSelect p a .icon{margin-left:12px;font-size:13px;vertical-align:middle;}
.landing_contents .classSelect p a span.classT{font-weight:600;   border-bottom:1px solid #fff;}
.landing_contents .classSelectList{padding:5px 10px;text-align:left;background-color:#1C1F29;}
.landing_contents .classSelectList li{height:30px;line-height:30px;}
.landing_contents .classSelectList li a{display:block;color:#ddd;}

.section .cont01{position:relative}
.section .cont01 .etc_txt{font-size:10px;color:#999;position:absolute;right:12px;bottom:5%;}



/* ----------- gre --------------- */

.lec_content .select_link{margin-top:25px!important}
.lec_body_wrap.gre_bg .lec_content{text-align:center;}
.lec_body_wrap.gre_bg .lec_content .w_cont{margin:0 -20px;}
.lec_body_wrap.gre_bg img{display:inline;max-width:100%;width:auto;}

.lec_body_wrap.gre_bg .bx-wrapper .bx-viewport{background:none !important;}
.lec_body_wrap.gre_bg .lec_banner{background:url('/assets/m-user/images/gre/bg1.jpg') no-repeat;background-size:cover;padding:10% 0 20px 0;}
.lec_body_wrap.gre_bg .lec_banner .h_img{padding:0 4%;margin-bottom:10%;text-align:left;}
.lec_body_wrap.gre_bg .lec_banner .tit_s img{width:80%;}
.lec_body_wrap.gre_bg .lec_banner .rv_txt2{width:auto;max-width:563px;margin:-10px auto 10px;color:#fff;font-size:10px;opacity:0.4;text-align:right;}
.lec_body_wrap.gre_bg .greReview{padding:30px 10px;background:url('/assets/m-user/images/gre/bg2.jpg') no-repeat;background-size:cover;}
.lec_body_wrap.gre_bg .greReview img{ width:50%;   margin-bottom:20px;}
.lec_body_wrap.gre_bg .greReview img.rvBtn{width:300px;margin-top:20px;}


.gre .layerpopupIn{/*bottom:auto;*/  overflow:hidden;}
.gre .c_layer{height:calc(100% - 50px);}
.gre .c_layer .layer_wrap{height:100%;}

.gre_review{position:relative;margin:0 auto;   overflow:hidden;}
.gre_reviewInner{margin:0;}
.gre_reviewInner .bx-wrapper .bx-viewport{background:transparent;}
.gre_reviewList li{ float:left;height:170px;background-color:#fff;}
.gre_reviewList li p{padding:20px 30px 10px;margin:0;font-size:16px;color:#000;}
.gre_reviewList li p strong{color:#d98948;}
.gre_reviewList li .rv_writer{padding-bottom:15px;display:inline-block;font-size:13px;color:#a7a7a8;}
.rv_txt2{color:rgba(225,225,225,0.5);text-align:right;font-size:10px;}
.rv_txt3{text-align:right;font-size:11px;}

.gre_review .controls{display:none;}
.gre_review .controls span{position:absolute;top:50%;margin-top:-30px;width:22px;height:60px;color:transparent;font-size:0;text-indent:-9999px;}
.gre_review .controls span a{display:block;height:100%;background-position:center;background-repeat:no-repeat;background-size:85%;}
.gre_review .controls .gre_prev{left:-8%;}
.gre_review .controls .gre_prev .bx-prev:first-child{display:none;}
.gre_review .controls .gre_next{right:-8%;}
.gre_review .controls .gre_next .bx-next:first-child{display:none;}
.gre_review .controls .gre_prev a{background-image:url('/assets/m-user/images/gre/gre_prev.png');}
.gre_review .controls .gre_next a{background-image:url('/assets/m-user/images/gre/gre_next.png');}
.gre_review .controls .gre_prev a.disabled{background-image:none;cursor:auto;}
.gre_review .controls .gre_next a.disabled{background-image:none;cursor:auto;}
.lec_body_wrap.gre_bg .bx-wrapper .bx-viewport{height:auto !important;}
.gre_review .wvNumBoxIn{display:none;}
.gre_review .wvNumBox{bottom:0;left:0;width:68px;height:28px;}
/*.gre_review .wvNumBox > a{width:10px;height:10px;   margin:3px;background-color:#fff;border:2px solid #b5b5b5;}
.gre_review .wvNumBox > a.on{background-color:#bd6e2f;   border:2px solid #bd6e2f;}
.gre_review .wvNumBox > a span{background-color:#fff;}*/
.gre_reviewList .rvBtn{ width:80%;}
.gre_review .sliderCont{position:relative;}

.float_ban .gre1{background:url(/assets/m-user/images/gre/ft_bg_gre.png) no-repeat 0 0;background-size:120px auto;width:120px;height:120px;padding:15px 0 0;box-sizing:border-box}
.float_ban .gre1 img{width:57%}

.lectureSubPop .title{margin:0;}
.lectureSubPop .title p{width:auto;}
.lectureSubPop .tit{margin:0;}
.lectureSubPop .layer_wrap{overflow-x:hidden;overflow-y:auto;}

.gre-container{position:relative; overflow:hidden;}
.gre-container .swiper-slide{ height:175px;background-color:#fff;}
.gre-container .swiper-slide p{padding:14px 25px 10px;margin:0;font-size:15px;color:#000;} /* 200115 syh 수정 */
.gre-container .swiper-slide p strong{color:#d98948;}
.gre-container .swiper-slide .rv_writer{padding-bottom:15px;display:inline-block;font-size:13px;color:#a7a7a8;}
.gre-pagination{position:absolute; left:10px;bottom:5px;z-index:99;}
.gre-pagination .swiper-pagination-bullet{width:10px;height:10px;   margin:0 3px;   background-color:#fff;border:2px solid #b5b5b5;box-shadow:none;  opacity:1;}
.gre-pagination .swiper-pagination-bullet-active{background-color:#bd6e2f !important;border:2px solid #bd6e2f;}

.gre .layerpopupTop{margin-bottom:0;}

.lec_body_wrap.gre_bg .float_ban{position:fixed;left:10px;bottom:10px;width:30%;z-index:11;}
.lec_body_wrap.gre_bg .float_ban a{display:inline-block;}

.sec_gre1{background:#f2efe8;}
.lec_body_wrap.gre_bg .sec_gre1 img{width:100%;}
.sec_gre2{position:relative;background:#fff; padding-bottom:0%;}
.sec_gre2 .pop{position:absolute;width:100%;left:0;bottom:30px;}
.sec_gre2 .pop img{width:80%;}
.sec_gre2 img{width:100%;}
.sec_gre3{background:#f2efe8;padding:0 0 0%;}
.sec_gre3 .cont{padding:3%;}
.sec_gre3 .cont img{width:100%;margin-bottom:10px;}
.sec_gre4{padding-bottom:0px;background:#100702 url('/assets/m-user/images/gree/bg_gre04.jpg') no-repeat center top;background-size:cover;}
.sec_gre4 .inner{padding:0 10%;}
.sec_gre4 .h_img{margin:20px 0 30px;}
.sec_gre4 .cont{padding:0 3%;}
.lec_body_wrap.gre_bg .sec_gre4 .cont img{display:block;width:100%;margin:0 auto;}
.lec_body_wrap.gre_bg .sec_gre_cs img{width:100%;}

.sec_gre5{background:#fff;}
.sec_gre5 h4{margin-bottom:10%;font-size:25px;font-weight:bold;}
.sec_gre5 .inner{padding:10% 3% 7%;}
.sec_gre5 .tc_list{letter-spacing:-1px;}
.sec_gre5 .tc_list > ul{display:inline-block;width:100%;}
.sec_gre5 .tc_list > ul > li{margin-bottom:3%;border:1px solid #000;}
.sec_gre5 .tc_list ul li .cont{position:relative;text-align:center;}
.sec_gre5 .tc_list ul li .cont .btn_tc{position:absolute;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);}
.sec_gre5 .tc_list ul li .cont .btn_tc li{float:left;line-height:1.3;text-align:center;width:100%;}
.sec_gre5 .tc_list ul li .cont .btn_tc li a{display:block;padding:15px 0;color:#fff;font-size:12px;}
.sec_gre5 .tc_list ul li .cont .btn_tc li a span{padding-right:5px;}
.sec_gre5 .tc_list ul li .cont_txt{line-height:1.5;padding:5% 2% 2%;color:#666;background:#f0f0f0;}
.sec_gre5 .tc_list ul li .cont_txt ul li{position:relative;padding-left:20px;text-align:left;margin-left:20px;}
.sec_gre5 .tc_list ul li .cont_txt ul li:before{content:'';display:block;width:20px;height:16px;background:url('/assets/m-user/images/gre/list_arrow.png') no-repeat;position:absolute;left:0;top:8px;background-size:70%;}
.sec_gre5 .btn_wrap{padding:10px 0;margin-top:5%;text-align:center;font-size:18px;color:#fff;font-weight:bold;background:#dd1010;}
.sec_gre5 .btn_wrap .btn_apply{display:inline-block;background:url('/assets/m-user/images/gre/btn_bg_arr.png') no-repeat right;background-size:15px auto;padding-right:20px;}

/* G-TELP 220926 syh 수정 */
.gtelp .lec_body_wrap .lec_content .w_cont{/*margin:0 -20px;*/margin:0;}
.gtelp .lec_body_wrap .lec_content .w_cont.fixed{padding-top:50px;}
.gtelp .lec_body_wrap .lec_banner{background:url('/assets/m-user/images/gtelp/gtelp_bg1.jpg') no-repeat 0 0;background-size:cover;padding:60px 0;text-align:center;}
.gtelp .lec_body_wrap .tabLayout{border-bottom:0;}
.gtelp .lec_body_wrap p{padding:0;margin:0;}
.gtelp .lec_body_wrap .title_gtelp img{width:73%;}
.gtelp .lec_body_wrap .gtelp_top1{padding-top:32px;}
.gtelp .lec_body_wrap .gtelp_top1 img{width:83%;}
.gtelp .lec_body_wrap .gtelp_top2{padding-top:38px;}
.gtelp .lec_body_wrap .gtelp_top2 img{width:87%;}
.gtelp .lec_body_wrap .tabContainer img{width:100%;vertical-align:top;}/* 240722 hyj 수정 */
.gtelp .tab2{background:url('/assets/m-user/images/gtelp/gtelp_bg_tab2.jpg') no-repeat 0 0;background-size:100% auto;}
.gtelp .tab2 a{font-size:0;line-height:0;text-indent:-9999px;width:25%;height:7%;display:block;position:absolute;}
.gtelp .tab2 div[class^=tc]{position:relative;}
.gtelp .tab2 .tc1 .btn_tc{width:26.5%;top:22%;left:5%;}
.gtelp .tab2 .tc2 .btn_tc{width:41.5%;top:19.7%;right:4%;}
/* //G-TELP 220926 syh 수정 */


/* 220124 kmh 제2 외국어 개편 */
.secondLang img{width:100%;}
.secondLang .classSelect{width:100%;background-color:rgba(39, 46, 101, 0.4);position:absolute;top:0;z-index:100;left:0;}
.secondLang .classSelect .toggleBtn{padding:0;margin:0;text-align:left;}
.secondLang .classSelect .toggleBtn a{display:block;padding:10px 25px;color:#fff;font-size:15px;}
.secondLang .classSelect p a .icon{margin-left:12px;font-size:13px; vertical-align:middle;}
.secondLang .classSelect p a span.classT{font-weight:600;border-bottom:1px solid #fff;}
.secondLang .classSelectList{padding:5px 25px; text-align:left;background:none;}
.secondLang .classSelectList li{height:30px;line-height:30px;}
.secondLang .classSelectList li a{display:block;color:#ddd;}
.secondLang .tit_cont{margin:0;}
.secondLang .top_visual{padding:20vw 0;text-align:center;background:#130907 url('/assets/m-user/images/sc_lang/top_visual.jpg') 50% 0 no-repeat;background-size:100% auto;opacity:1;}
.secondLang .top_visual .hd{position:relative;-webkit-transform:translate(100%, 0) rotate(360deg);transform:translate(100%, 0) rotate(360deg);}
.secondLang .top_visual .label{position:absolute;left:0;top:0;opacity:0;opacity:0;}
.secondLang .top_visual.action .hd{-webkit-transition:all 0.8s;transition:all 0.8s;-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg);}
.secondLang .top_visual.action .hd span{width:100%;display:block;}
.secondLang .top_visual.action .label{opacity:0;-webkit-animation:lightSpeedInLeft 0.5s forwards 0.8s;animation:lightSpeedInLeft 0.5s forwards 0.8s;}
.secondLang .top_visual .ui_nav,
.secondLang .top_visual .ui_nav ul{text-align:center;}
.secondLang .top_visual .ui_nav{padding:0 5.6vw;margin-top:14vw;position:relative;}
.secondLang .top_visual .ui_nav ul{width:100%;font-size:0;position:relative;}
.secondLang .top_visual .ui_nav ul:before{content:'';width:80%;height:100%;position:absolute;left:10%;top:0;background:url('/assets/m-user/images/sc_lang/ui_nav_line.png') repeat-x;background-size:25% auto;}
.secondLang .top_visual .ui_nav li{width:20%;padding:6.2vw 0 0;display:inline-block;vertical-align:top;position:relative;}
.secondLang .top_visual .ui_nav li + li{}
.secondLang .top_visual .ui_nav .point{width:14px;height:14px;display:inline-block;border:2px solid #fff;background-color:#898483;border-radius:50%;position:relative;}
.secondLang .top_visual .ui_nav .point:before{content:'';width:34px;height:44px;background:url('/assets/m-user/images/sc_lang/active_pointer.png') no-repeat;background-size:100% 100%;position:absolute;left:50%;top:0;opacity:0;-webkit-transition:opacity 0.2s ease-out, transform 0.2s ease-out;transition:opacity 0.2s ease-out, transform 0.2s ease-out;-webkit-transform:translate(-50%, -58px);transform:translate(-50%, -58px);}
.secondLang .top_visual .ui_nav .point:after{content:'';width:18px;height:18px;border:2px solid #ffb763;background-color:#fd5a0d;position:absolute;left:-4px;top:-4px;border-radius:50%;box-shadow:0 0 10px 1px rgba(253, 90, 13, 0.65);box-sizing:border-box;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;-webkit-transform:scale(0);transform:scale(0);}
.secondLang .top_visual .ui_nav li em{margin:0 8px 0 0;font-family:arial;font-style:normal;font-size:12px;color:#fff;letter-spacing:0;position:absolute;left:50%;bottom:-28px;-webkit-transform:translate(-50% ,0);transform:translate(-50% ,0);}

.secondLang .top_visual .ui_nav .active .point:before{opacity:1;animation:bounce .3s ease infinite alternate;}
.secondLang .top_visual .ui_nav .active .point:after{-webkit-transform:scale(1);transform:scale(1);}
.secondLang .top_visual .ui_nav .active em{font-size:15px;font-weight:bold;color:#ff5b00;}
.secondLang .cont_greeting{padding:16.7vw 0 22.4vw;background-color:#fff;}
.secondLang .cont_greeting .tit_cont{margin-bottom:25px;}
.secondLang .greeting_cont{position:relative;}
.secondLang .greeting_cont li{width:100%;}
.secondLang .greeting_cont .nav a{width:15px;height:30px;margin-top:-15px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:50%;z-index:2;}
.secondLang .greeting_cont .nav .prev{background-image:url('/assets/m-user/images/sc_lang/nav_prev.png');left:3.2vw;}
.secondLang .greeting_cont .nav .next{background-image:url('/assets/m-user/images/sc_lang/nav_next.png');right:3.2vw;}
.secondLang .cont_recommend{padding:21.6vw 0 17vw;background-color:#262626;}
.secondLang .cont_recommend .tit_cont{margin-bottom:28px;}
.secondLang .floating_ban_r{width:72px;position:fixed;right:5px;bottom:1%;z-index:503;}
.secondLang .cont_program{padding:14vw 0 18vw;background-color:#fff;}
.secondLang .cont_program .tit_cont{margin-bottom:32px;}
.secondLang .program_items{padding:0 4.26vw;}
.secondLang .program_items ul{margin:-1.6vw -1.2vw;font-size:0;}
.secondLang .program_items li{width:50%;padding:1.6vw 1.2vw;display:inline-block;vertical-align:top;}
.secondLang .program_items li:nth-child(3),
.secondLang .program_items li:nth-child(4),
.secondLang .program_items li:nth-child(5){width:33.33%;}
.secondLang .program_items .flip_box{background-color:transparent;perspective:1000px;cursor:pointer;}
.secondLang .program_items .flip_box .flip_inner{height:40vw;position:relative;-ms-transition:transform 0.8s;-webkit-transition:transform 0.8s;transition:transform 0.8s;transform-style:preserve-3d;}
.secondLang .program_items .flip_box .front,
.secondLang .program_items .flip_box .back{width:100%;height:100%;text-align:center;position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.secondLang .program_items .flip_box .front{background-color:#fd5a0d;}
.secondLang .program_items .flip_box .front:after{content:'';width:28px;height:28px;background:url('/assets/m-user/images/sc_lang/icon_more.png') no-repeat;background-size:100% 100%;position:absolute;right:2vw;bottom:1.5vw;}
.secondLang .program_items .flip_box .cont{width:100%;font-size:13px;font-weight:700;color:#fff;position:absolute;left:0;top:50%;-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);}
.secondLang .program_items .flip_box .cont em{font-size:20px;font-style:normal;}
.secondLang .program_items .flip_box .cont span{display:inline-block;}
.secondLang .program_items .flip_box .cont .btn_detail_view{height:30px;padding:0 24px;margin-top:23px;display:inline-block;font-size:12px;line-height:30px;color:#000;background-color:#fee900;border-radius:30px;}
.secondLang .program_items .flip_box .back{background:url('/assets/m-user/images/sc_lang/program_item_bg01.jpg') 50% 50% no-repeat;background-size:cover;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);box-shadow:0 0 10px 2px rgba(255, 234, 0, 1);}
.secondLang .program_items li:nth-child(2) .flip_box .back{background-image:url('/assets/m-user/images/sc_lang/program_item_bg02.jpg');}
.secondLang .program_items li:nth-child(3) .flip_box .back{background-image:url('/assets/m-user/images/sc_lang/program_item_bg03.jpg');}
.secondLang .program_items li:nth-child(4) .flip_box .back{background-image:url('/assets/m-user/images/sc_lang/program_item_bg04.jpg');}
.secondLang .program_items li:nth-child(5) .flip_box .back{background-image:url('/assets/m-user/images/sc_lang/program_item_bg05.jpg');}
.secondLang .program_items .active .flip_box .flip_inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.secondLang .cont_level{padding:19vw 0 16vw;background:#ffeae0 url('/assets/m-user/images/sc_lang/cont_level_bg.jpg') 50% 0 no-repeat;background-size:100% auto;}
.secondLang .cont_level .tit_cont{margin-bottom:44px;}
.secondLang .level_cont{position:relative;}
.secondLang .level_nav{width:100%;position:absolute;left:0;top:0;}
.secondLang .level_nav a{width:21.3vw;height:8vw;font-size:0;position:absolute;z-index:2;}
.secondLang .level_nav a:before{content:'';width:28px;height:35px;margin-left:-15px;background:url('/assets/m-user/images/sc_lang/active_pointer02.png') no-repeat;background-size:100% 100%;position:absolute;left:50%;top:0;opacity:0;-webkit-transition:opacity 0.2s ease-out, transform 0.2s ease-out;transition:opacity 0.2s ease-out, transform 0.2s ease-out;-webkit-transform:translate(0, -43px);transform:translate(0, -43px);}
.secondLang .level_nav a.active:before{opacity:1;animation:bounce02 .3s ease infinite alternate;}
.secondLang .level_nav_cont{position:relative;}
.secondLang .level_nav_cont .level_in_swiper{position:relative;overflow:hidden;}
/* 230901 hyj 수정 */
.secondLang .level_nav_cont .cont{position:relative;}
.secondLang .level_nav_cont .cont .video{position:absolute;left:10%;top:19.9%;width:80%;padding-bottom:52%;}
.secondLang .level_nav_cont .cont .video iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
/* //230901 hyj 수정 */

.secondLang .level_nav .nav_imgs{}
.secondLang .level_nav .nav_imgs span{position:relative;opacity:0;-ms-transition: all 0.2s ease-out 0.2s;-webkit-transition: all 0.2s ease-out 0.2s;transition: all 0.2s ease-out 0.2s;}
.secondLang .level_nav .nav_imgs span + span{position:absolute;left:0;top:0;}
.secondLang .level_nav .nav_imgs .on{opacity:1;z-index:1;}
.secondLang .level_nav_cont .nav a{width:15px;height:30px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:50%;z-index:2;}
.secondLang .level_nav_cont .nav .prev{background-image:url('/assets/m-user/images/sc_lang/nav_prev.png');left:3.2vw;}
.secondLang .level_nav_cont .nav .next{background-image:url('/assets/m-user/images/sc_lang/nav_next.png');right:3.2vw;}
.secondLang .cont_review{padding:20vw 0 19vw;background-color:#262626;}
.secondLang .cont_review .tit_cont{margin-bottom:30px;}
.secondLang .review_swiper{text-align:center;}
.secondLang .review_swiper .swiper-container{padding:24px 0 0;}
.secondLang .review_swiper li{width:68.8vw;}
.secondLang .review_swiper .box{margin:0 auto;padding:32px 20px 22px;background:#fff;}
.secondLang .review_swiper .subject{font-size:18px;font-weight:bold;color:#000;}
.secondLang .review_swiper .rating{font-size:24px;color:#fd5a0d;letter-spacing:5px;}
.secondLang .review_swiper .thumb{width:52.8vw;height:35.2vw;margin:7px auto 12px;background-color:#444;overflow:hidden;}
.secondLang .review_swiper .info{text-align:center;}
.secondLang .review_swiper .info .label{width:65px;height:65px;font-size:0;text-indent:-9999px;background:url('/assets/m-user/images/sc_lang/label_best.png') no-repeat;background-size:100% 100%;position:absolute;right:-17px;top:-24px;}
.secondLang .review_swiper .info p{margin:0;font-size:13px;color:#000;}
.secondLang .review_swiper .info p + p{font-weight:700;}
.secondLang .review_swiper .swiper-slide{opacity:0.4;-webkit-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out;}
.secondLang .review_swiper .swiper-slide-active{opacity:1;}
.secondLang .review_swiper .swiper-slide-active .box{background:#fff;}
.secondLang .review_swiper .swiper-slide-active .thumb{background-color:#313131;}
.secondLang .review_swiper .review_noti{margin:12px 0 0;text-align:center;font-size:12px;color:#acacac;}
.secondLang .review_swiper .btn_more{width:203px;display:block;margin:25px auto 0;}
.secondLang .review_swiper .prev,
.secondLang .review_swiper .next{width:39px;height:39px;margin-top:-15px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-size:100% auto;position:absolute;top:50%;z-index:51;}
.secondLang .review_swiper .prev{left:10vw;background-image:url('/assets/m-user/images/sc_lang/nav_prev02.png');}
.secondLang .review_swiper .next{right:10vw;background-image:url('/assets/m-user/images/sc_lang/nav_next02.png');}

.secondLang .vetnam .level_nav a:nth-child(1){left:3.33vw;top:17.46vw;}
.secondLang .vetnam .level_nav a:nth-child(2){left:38vw;top:0;}
.secondLang .vetnam .level_nav a:nth-child(3){width:35.33vw;left:62vw;top:17.46vw;}
.secondLang .france .level_nav a:nth-child(1){left:38.26vw;top:0;}
.secondLang .spain .level_nav a:nth-child(1){left:4.26vw;top:7vw;}
.secondLang .spain .level_nav a:nth-child(2){left:74.53vw;top:7vw;}
/* 230901 hyj 수정 */
.secondLang .italy .level_nav a:nth-child(1){left:3.33vw;top:17.46vw;}
.secondLang .italy .level_nav a:nth-child(2){left:38vw;top:0;}
.secondLang .italy .level_nav a:nth-child(3){width:35.33vw;left:62vw;top:17.46vw;}
.secondLang .germany .level_nav a:nth-child(1){left:3.33vw;top:17.46vw;}
.secondLang .germany .level_nav a:nth-child(2){left:38vw;top:0;}
.secondLang .germany .level_nav a:nth-child(3){width:35.33vw;left:62vw;top:17.46vw;}
/* //230901 hyj 수정 */

@-webkit-keyframes bounce{100%{height:49px;top:-12px;}}
@keyframes bounce{100%{height:49px;top:-12px;}}
@-webkit-keyframes bounce02{100%{height:40px;top:-12px;}}
@keyframes bounce02{100%{height:40px;top:-12px;}}
@-webkit-keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}



/* 211022 hyj 개편 */
/**************기초영어회화*************/

/*
230427 kmh 영어회화&실용영어 개편 (기존 기초영어/회화)
기존 버전 다수 삭제 후 새롭게 작성
*/
#wrap.english .classSelect{position:absolute;top:0;left:0;width:100%;background-color:rgba(0, 0, 0, 0.3);z-index:100;}
#wrap.english .classSelect .toggleBtn{padding:0;margin:0;text-align:left;}
#wrap.english .classSelect .toggleBtn a{display:block;padding:10px 25px;color:#fff;font-size:15px;}
#wrap.english .classSelect p a .icon{margin-left:12px;font-size:13px; vertical-align:middle;}
#wrap.english .classSelect p a span.classT{font-weight:600;border-bottom:1px solid #fff;}
#wrap.english .classSelectList{padding:5px 25px; text-align:left;background:0;}
#wrap.english .classSelectList li{height:30px;line-height:30px;}
#wrap.english .classSelectList li a{display:block;color:#ddd;}
.english img{width:100%;}
.english .tit{margin:0;}
.english .longdesc{position:fixed;left:-9999px;top:-9999px;opacity:0;}

.english .cmm_container{}
.english .sec_headline .sec_cont{position:relative;}
.english .sec_headline .rolling1,
.english .sec_headline .rolling2{overflow:hidden;}
.english .sec_headline .rolling1 img,
.english .sec_headline .rolling2 img{width:980px;height:30px;}
.english .sec_headline .rolling1 div{white-space:nowrap;animation-name:rolling1;animation-timing-function:linear;animation-duration:30s;animation-iteration-count:infinite;-webkit-animation-name:rolling1;-webkit-animation-timing-function:linear;-webkit-animation-duration:30s;-webkit-animation-iteration-count:infinite;-moz-animation-name:rolling1;-moz-animation-timing-function:linear;-moz-animation-duration:30s;-moz-animation-iteration-count:infinite;}
.english .sec_headline .rolling1 div:after,
.english .sec_headline .rolling2 div:after{content:"";white-space:nowrap;}
.english .sec_headline .rolling2 div{white-space:nowrap;animation-name:rolling2;animation-timing-function:linear;animation-duration:30s;animation-iteration-count:infinite;-webkit-animation-name:rolling2;-webkit-animation-timing-function:linear;-webkit-animation-duration:30s;-webkit-animation-iteration-count:infinite;-moz-animation-name:rolling2;-moz-animation-timing-function:linear;-moz-animation-duration:30s;-moz-animation-iteration-count:infinite;}
@keyframes rolling1{from{transform:translate(0%);}99%,to{transform:translate(-100%);}}
@-webkit-keyframes rolling1{from{-webkit-transform:translate(0%);}99%,to{-webkit-transform:translate(-100%);}}
@-moz-keyframes rolling1{from{-moz-transform:translate(0%);}99%,to{-moz-transform:translate(-100%);}}
@keyframes rolling2{from{transform:translate(-100%);}99%,to{transform:translate(0%);}}
@-webkit-keyframes rolling2{from{-webkit-transform:translate(-100%);}99%,to{-webkit-transform:translate(0%);}}
@-moz-keyframes rolling2{from{-moz-transform:translate(-100%);}99%,to{-moz-transform:translate(0%);}}

.english .sec_program{padding:62px 0;background-color:#fff;}
.english .sec_program dl dd{padding:0 3.33%;}
.english .sec_program .program_nav li + li{margin-top:15px;}
.english .sec_program .program_nav a{height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#6ae67a;transition:all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.english .sec_program .program_nav a:active,
.english .sec_program .program_nav a.active{box-shadow:0 0 7px 3px #ffea00;}
.english .sec_program .program_nav a:active *,
.english .sec_program .program_nav a.active *{color:#fff;border-color:#fff;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
.english .sec_program .program_nav strong{display:block;color:#000;font-size:26px;}
.english .sec_program .program_nav p{min-height:48px;display:block;margin:3px 0 12px;color:#000;font-size:17px;}
.english .sec_program .program_nav em{display:inline-block;color:#000;font-size:16px;font-weight:700;font-style:normal;border-bottom:2px solid #000;}

/* program_nav 타입2 - 230510 pny 추가 */
.english .sec_program .program_nav_type2{flex-wrap:wrap;display:flex;justify-content:space-around;align-content:stretch;}
.english .sec_program .program_nav_type2 li{flex:1;flex-basis:auto;width:50%;padding:1.3%;}
.english .sec_program .program_nav_type2 li:nth-child(n+3){width:33.333%;}
.english .sec_program .program_nav_type2 a{display:block;padding:30px 0;text-align:center;background-color:#cae0ff;box-sizing:border-box;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.english .sec_program .program_nav_type2 a:active,
.english .sec_program .program_nav_type2 a.active{background-color:#0049de;box-shadow:0 0 7px 3px #ffea00;}
.english .sec_program .program_nav_type2 a:active *,
.english .sec_program .program_nav_type2 a.active *{color:#fff;border-color:#fff;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
.english .sec_program .program_nav_type2 strong{display:block;color:#000;font-size:20px;}
.english .sec_program .program_nav_type2 p{margin:15px 0 25px;font-size: 13px;color:#000;}
.english .sec_program .program_nav_type2 li:nth-child(n+3) p{margin:10px 0;}
.english .sec_program .program_nav_type2 em{display:inline-block;color:#000;font-size:13px;font-weight:700;font-style:normal;border-bottom:2px solid #000;}
/* //program_nav 타입2 - 230510 pny 추가 */

.english .sec_keyword{padding:62px 0 0;background-color:#eee;}

.english .sec_target{padding:51px 0 60px;background-color:#eee;}
.english .sec_target .tit{margin-bottom:18px;}
.english .sec_target .target_cont{}

.english .sec_level{padding:62px 0 0;background-color:#262626;}
.english .sec_level .tit{margin-bottom:38px;}
.english .level_slide{position:relative;}
.english .level_slide .bx-controls{width:100%;font-size:0;position:absolute;left:0;top:0;z-index:51;}
.english .level_slide .bx-controls .bx-pager{position:static;}
.english .level_slide .bx-controls .bx-pager-item{width:50%;display:inline-block;}
.english .level_slide .bx-pager-link.active,
.english .level_slide .bx-pager-link:hover{background:none;}
.english .level_slide .bx-controls .bx-pager-item a{width:100%;height:14vw;margin:0;font-size:0;text-indent:-9999px;display:block;}

.english .sec_class_guide{padding:52px 0 60px;background-color:#fff;}
.english .sec_class_guide .tit{margin-bottom:28px;}
.english .class_tab_slide{position:relative;}
.english .class_tab_slide .youtube_box{height:56.26vw;margin-top:25px;overflow:hidden;position:relative;}
.english .class_tab_slide .youtube_box iframe{width:101%;height:101%;position:absolute;left:-0.5%;top:-0.5%;}
.english .class_tab_slide .bx-controls{position:absolute;left:0;top:0;width:100%;height:191px;z-index:51;}
.english .class_tab_slide .bx-controls .bx-pager{position:static;}
.english .class_tab_slide .bx-controls .bx-pager-item {float:left;width:33.33%;}
.english .class_tab_slide .bx-pager-link.active,
.english .class_tab_slide .bx-pager-link:hover{background:0;}
.english .class_tab_slide .bx-controls .bx-pager-item a{width:100%;height:27.9vw;margin:0;display:block;font-size:0;text-indent:-9999px;vertical-align:top;}

.english .sec_review{padding:62px 0;background-color:#efeff2;overflow:hidden;}
.english .sec_review .tit{margin-bottom:37px;}
.english .sec_review .btn_more{display:inline-block;width:163px;margin-top:37px;}
.english .review_swiper .box{width:100%;padding:20px;background-color:#e1e1e3;box-shadow:0 0 10px 6px #d4d4d6;}
.english .review_swiper .box strong{display:block;height:25px;color:#6b6b6b;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.english .review_swiper .box span{display:block;margin:10px 0;color:#6b6b6b;font-size:25px;letter-spacing:7px}
.english .review_swiper .box .date{color:#6b6b6b;font-size:14px;text-align:left;}
.english .review_swiper .box .lect{color:#6b6b6b;font-size:14px;text-align:left;}
.english .review_swiper .box .txt{color:#6b6b6b;font-size:14px;text-align:left;}
.english .review_swiper.swiper-container{position:relative;overflow:visible;}
.english .review_swiper .swiper-slide{opacity:.9;width:70vw;}
.english .review_swiper .swiper-slide{-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
.english .review_swiper .swiper-slide .box{-webkit-transition:all 0.5s;transition:all 0.5s;}
.english .review_swiper .swiper-slide .box p{margin:0;}
.english .review_swiper .swiper-slide-active{opacity:1}
.english .review_swiper .swiper-slide-active .box{background-color:#fff;}
.english .review_swiper .swiper-slide-active .box strong{color:#000;}
.english .review_swiper .swiper-slide-active .box span{color:#6ae67a;}
.english .review_swiper .swiper-slide-active .box .date,
.english .review_swiper .swiper-slide-active .box .lect,
.english .review_swiper .swiper-slide-active .box .txt{color:#000;}
.english .review_swiper .swiper-button-prev,
.english .review_swiper .swiper-button-next{margin-top:-20px;background-size:100% 100%;background-repeat:no-repeat;top:calc(50% - 19px);}
.english .review_swiper .swiper-button-prev{position:absolute;left:9%;width:39px;height:39px;font-size:0;text-indent:-9999px;background-image:url('/assets/user/images/english/review_nav_prev.png');z-index:3;}
.english .review_swiper .swiper-button-next{position:absolute;right:9%;width:39px;height:39px;font-size:0;text-indent:-9999px;background-image:url('/assets/user/images/english/review_nav_next.png');z-index:3;}
.english .review_swiper .swiper-pagination{position:static;margin-top:25px;}
.english .review_swiper .swiper-pagination .swiper-pagination-bullet{width:13px;height:13px;background:#9a9a9a !important;box-shadow:0;opacity:1;-webkit-transition:all 0.3s;transition:all 0.3s;}
.english .review_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:40px;border-radius:15px;background:#6ae67a !important;}

.english .sec_benefit{padding:62px 0;background-color:#fff267;}
.english .sec_benefit .tit{margin-bottom:37px;}

.english .english_class .sec_typeGuide{padding:54px 0;background-color:#fff;overflow:hidden;}
.english .sec_typeGuide .tit{margin-bottom:26px;}
.english .sec_typeGuide .type_sheet{margin:0 0 0 3.33vw;padding:0 0 0 87px;}
.english .english_class .sec_typeGuide .notice_box{margin:0;padding:5px 5px 0;font-size:13px;font-weight:600;letter-spacing:0;}/* 231214 kmh 수정 */

/* 230510 pny 추가 */
.english .sec_class_recomm{padding:62px 0;background:#0049de;}
.english .sec_class_recomm .tit {margin-bottom:45px;}
.english .sec_class_recomm .youtube_box{position:absolute;top:44%;width:93.5%;height:25.7%;}
.english .sec_class_recomm .youtube_box iframe{position:relative;left:3.5%;top:0;width:100%;height:100%;}
/* // */

/* 영어회화 > SLE 전용 속성 */
#conversation_sle .level_slide{padding:10vw 0 8.8vw;background-color:#6ae67a;position:relative;}
#conversation_sle .level_slide .bx-controls{width:97.2vw;left:1vw;top:85.9vw;}
#conversation_sle .level_slide .bx-controls .bx-pager-item{width:15vw;height:15vw;display:inline-block;}
#conversation_sle .level_slide .bx-controls .bx-pager-item a{width:100%;height:100%;margin:0;}
#conversation_sle .level_slide .bx-controls .bx-pager-item + .bx-pager-item{margin-left:4.5vw;}
#conversation_sle .sec_level .btn{margin-top:37px;position:relative;}
#conversation_sle .sec_level .btn a{width:51.4vw;height:12.8vw;font-size:0;text-indent:-9999px;position:absolute;left:24.3vw;bottom:0;}

/* 230510 pny 추가 */
/* 실용영어 전용 속성 */
#practical .sec_level{padding:62px 0;}
#practical .review_swiper .swiper-slide-active .box span{color:#0049de;}
#practical .review_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0049de !important;}

/* 실용영어 > 영어청취 전용 속성 */
#practical_listening .class_tab_slide .bx-controls .bx-pager-item {width:50%;}
#practical_listening .class_tab_slide .tc_btn{position: absolute;left: 6%;width: 43.2%;height: 5.2%;font-size: 0;text-indent: -99999px;}
#practical_listening .class_tab_slide .tc_btn1{top:34.2%;}
#practical_listening .class_tab_slide .tc_btn2{top:40.9%;}

/* 실용영어 > 비즈니스영어 전용 속성 */
#practical_business .sec_keyword{padding:62px 0;}
#practical_business .sec_class_recomm{background:#262626;}

/* 실용영어 > 올인원 전용 속성 */
#practical_allinone .sec_keyword{padding:62px 0;}

/* 실용영어 > 영작 전용 속성 */
#practical_composition .sec_keyword{padding:62px 0;}
#practical_composition .sec_class_recomm .youtube_box {top:41.6%;height:27.8%;}

/* 실용영어 > 독해 전용 속성 */
#practical_reading .sec_keyword{padding:62px 0;}
#practical_reading .sec_class_recomm .youtube_box {top:42%;}
/* //230510 pny 추가 */

/* //230427 kmh 영어회화&실용영어 개편 (기존 기초영어/회화) */

/* 211027 hyj 수정 */
.english .landing_contents .tabContainer .containerIn{}
.english .landing_contents .slider{overflow:hidden;}
.english .landing_contents .slider ul{overflow:visible;}

.english .ytb_Box{margin-bottom:15px;}
.english .ytb_Box .mv_wrap{position:relative;padding-bottom:56.25%;}
.english .ytb_Box .mv_wrap iframe{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;}

/* 기초영어회화 [class="sliderCont1"] */
#wrap.english .sliderCont1{}
#wrap.english .sliderCont1 .sec1{}
#wrap.english .sliderCont1 .level .tab{position:relative;}
#wrap.english .sliderCont1 .level .bx-controls{position:absolute;left:0;top:0;width:100%;z-index:51;}
#wrap.english .sliderCont1 .level .bx-controls .bx-pager{position:static;}
#wrap.english .sliderCont1 .level .bx-controls .bx-pager-item {float:left;width:50%;}
#wrap.english .sliderCont1 .level .bx-pager-link.active,
#wrap.english .sliderCont1 .level .bx-pager-link:hover{background:0;}
#wrap.english .sliderCont1 .level .bx-controls .bx-pager-item a{display:inline-block;width:100%;height:16vw;margin:0;font-size:0;text-indent:-9999px;background:0 !important;}
/* 추천강의 */
#wrap.english .sliderCont1 .class_guide li .tc_btn{position:absolute;left:5%;top:35%;width:46%;height:6%;font-size:0;text-indent:-9999px;}
#wrap.english .sliderCont1 .class_guide li:nth-child(3) .tc_btn{top:39%;}
/* //211027 hyj 기초영어회화 */

/* SLE [class="sliderCont2"] */
#wrap.english .sliderCont2{}
#wrap.english .sliderCont2 .sec1{}
/* 레벨 */
#wrap.english .level{background:#262626;}
#wrap.english .level .tit{margin-bottom:70px;}
#wrap.english .level .btn{position:relative;}
#wrap.english .level .btn a{position:absolute;left:20%;bottom:25%;width:60%;height:30%;font-size:0;text-indent:-9999px;}
#wrap.english .sliderCont2 .level .tab{position:relative;}
#wrap.english .sliderCont2 .level .bx-controls{position:absolute;left:0;top:47%;width:100%;z-index:51;}
#wrap.english .sliderCont2 .level .bx-controls .bx-pager{position:static;}
#wrap.english .sliderCont2 .level .bx-controls .bx-pager-item {display:inline-block;font-size:0;}
#wrap.english .sliderCont2 .level .bx-controls .bx-pager-item  + .bx-pager-item{margin-left:4%;}
#wrap.english .sliderCont2 .level .bx-pager-link.active,
#wrap.english .sliderCont2 .level .bx-pager-link:hover{background:0;}
#wrap.english .sliderCont2 .level .bx-controls .bx-pager-item a{display:inline-block;width:16vw;height:16vw;margin:0;font-size:0;text-indent:-9999px;background:0 !important;}
/* 수업안내 */
#wrap.english .class_guide{padding-bottom:15%;}
#wrap.english .class_guide .tab{position:relative;}
#wrap.english .class_guide .bx-controls{position:absolute;left:0;top:0;width:100%;z-index:51;}
/* 221226 hyj 수정 */
#wrap.english .class_guide .bx-controls .bx-pager{position:static;}
#wrap.english .class_guide .bx-controls .bx-pager-item {float:left;width:33.33%;}
/* //221226 hyj 수정 */
#wrap.english .class_guide .bx-pager-link.active,
#wrap.english .class_guide .bx-pager-link:hover{background:0;}
#wrap.english .class_guide .bx-controls .bx-pager-item a{display:inline-block;width:100%;height:28.5vw;font-size:0;margin:0;text-indent:-9999px;background:0 !important;vertical-align:top;}

/*샘플강의*/
#wrap.english .sliderCont2 .sec4{background:#fff267;}
#wrap.english .sliderCont2 .sec4 .tab{}
#wrap.english .sliderCont2 .sec4 .tab li{position:relative;padding-bottom:56.25%;}
#wrap.english .sliderCont2 .sec4 .tab li iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
#wrap.english .sliderCont2 .sec4 .tab_index{margin-top:15px;}
#wrap.english .sliderCont2 .sec4 .tab_index a{display:inline-block;width:32%;}
#wrap.english .sliderCont2 .sec4 .tab_index a + a{margin-left:1%;}
/* 수강후기 */
#wrap.english .review{padding-bottom:15%;text-align:center;background:#efeff2;}
#wrap.english .review .box{width:80%;margin:0 auto;;padding:20px;background:#e1e1e3;}
#wrap.english .review .box strong{display:block;height:25px;color:#6b6b6b;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#wrap.english .review .box span{display:block;margin:10px 0;color:#6b6b6b;font-size:25px;letter-spacing:7px}
#wrap.english .review .box .date{color:#6b6b6b;font-size:14px;text-align:left;}
#wrap.english .review .box .lect{color:#6b6b6b;font-size:14px;text-align:left;}
#wrap.english .review .box .txt{color:#6b6b6b;font-size:14px;text-align:left;}
#wrap.english .review .swiper-container{position:relative;overflow:visible;}
#wrap.english .review .swiper-slide{opacity:.6;}
#wrap.english .review .swiper-slide-active{opacity:1}
#wrap.english .review .swiper-slide-active .box{background:#fff;box-shadow:0 0 30px 20px #d4d4d6}
#wrap.english .review .swiper-slide-active .box strong{color:#000;}
#wrap.english .review .swiper-slide-active .box span{color:#6ae67a;}
#wrap.english .review .swiper-slide-active .box .date{color:#000;}
#wrap.english .review .swiper-slide-active .box .lect{color:#000;}
#wrap.english .review .swiper-slide-active .box .txt{color:#000;}
#wrap.english .review .swiper-button-prev{position:absolute;left:5%;top:43%;width:50px;height:50px;font-size:0;text-indent:-9999px;background:url('/assets/user/images/bs_eng/nav_prev.png') no-repeat;background-size:cover;z-index:3;}
#wrap.english .review .swiper-button-next{position:absolute;right:5%;top:43%;width:50px;height:50px;font-size:0;text-indent:-9999px;background:url('/assets/user/images/bs_eng/nav_next.png') no-repeat;background-size:cover;z-index:3;}
#wrap.english .review .swiper-pagination{position:static;margin-top:7%;}
#wrap.english .review .swiper-pagination .swiper-pagination-bullet{width:13px;height:13px;background:#9a9a9a !important;box-shadow:0;opacity:1;}
#wrap.english .review .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:40px;border-radius:15px;background:#6ae67a !important;}
#wrap.english .review .btn_more{display:inline-block;width:50%;margin-top:10%;}

/* 211029 hyj 추가 */
/* 영어청취 [class="sliderCont3"] */
#wrap.english .sliderCont3{}
#wrap.english .sliderCont3 .level .tab{position:relative;}
#wrap.english .sliderCont3 .level .bx-controls{position:absolute;left:0;top:0;width:100%;z-index:51;}
#wrap.english .sliderCont3 .level .bx-controls .bx-pager{position:static;}
#wrap.english .sliderCont3 .level .bx-controls .bx-pager-item {float:left;width:50%;}
#wrap.english .sliderCont3 .level .bx-pager-link.active,
#wrap.english .sliderCont3 .level .bx-pager-link:hover{background:0;}
#wrap.english .sliderCont3 .level .bx-controls .bx-pager-item a{display:inline-block;width:100%;height:16vw;margin:0;font-size:0;text-indent:-9999px;background:0 !important;}
/* 추천강의 */
#wrap.english .sliderCont3 .class_guide li .tc_btn{position:absolute;left:5%;top:34%;width:46%;height:6%;font-size:0;text-indent:-9999px;}
#wrap.english .sliderCont3 .class_guide .bx-controls .bx-pager-item {width:50%;}
/* //211029 hyj 추가 */

/* 211103 hyj 추가 */
/* 특별반 [class="sliderCont4"] */
#wrap.english .sliderCont4{}
#wrap.english .sliderCont4 .level .tab{position:relative;}
#wrap.english .sliderCont4 .level .ytb_Box .mv_wrap{position:absolute;left:3%;top:47%;width:94%;height:45vw;padding:0;}
#wrap.english .sliderCont4 .level .ytb_Box .mv_wrap iframe{position:static;height:100%;}
#wrap.english .sliderCont4 .level .bx-controls{position:absolute;left:0;top:0;width:100%;z-index:51;}
#wrap.english .sliderCont4 .level .bx-controls .bx-pager{position:static;}
#wrap.english .sliderCont4 .level .bx-controls .bx-pager-item {float:left;width:33.33%;}
#wrap.english .sliderCont4 .level .bx-pager-link.active,
#wrap.english .sliderCont4 .level .bx-pager-link:hover{background:0;}
#wrap.english .sliderCont4 .level .bx-controls .bx-pager-item a{display:inline-block;width:100%;height:26vw;margin:0;font-size:0;text-indent:-9999px;background:0 !important;}
/* //211103hyj 추가 */

#wrap.english .float_banner{position:fixed;right:5%;bottom:9%;width:23vw;z-index:100;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
#wrap.english .float_banner .float_btn_close{position:absolute;right:0;top:0;width:24%;height:24%;font-size:0;text-indent:-9999px;}
/* //211022 hyj 기초영어회화 페이지 개편 */


.english .tab01_cont01 .ytb_Box .mv_wrap{position:relative;padding-bottom:56.25%;}
.english .tab01_cont01 .ytb_Box .mv_wrap iframe{position:absolute;left:0;top:0;}
.english .tab01_cont02{padding:10% 0;background:#f5f5f5;}
.english .engReview{position:relative;overflow:hidden;}
.english .engReview .btn_more{color:#fff;float:right;}
.english .engReview .sliderCont{}
.english .engReview .sliderCont ul li{float:left;}
.english .landing_contents .tabContainer .wvNextBox>a{background:none;}
.english .landing_contents .tabContainer .wvNextBox span{font-size:30px;color:red;}
.english img.titleBg{margin-bottom:30px;}
.english .bgY{padding:15px;background:#fdfbf1;}
.english .landing_contents iframe{ width:100%;}
.english .sliderInTabBox li{float:left;width:33.3%;margin:0 !important}
.english .sliderInTabBox li img{}
.english .sliderInTabBox li .offTab{display:block;}
.english .sliderInTabBox li .onTab{display:none;}
.english .sliderInTabBox li.on .offTab{display:none;}
.english .sliderInTabBox li.on .onTab{display:block;}
.english .sliderInTab2 li{display:none;}
.english .sliderInTab2 li:first-child{display:block;}
.english .landing_contents .tabContainer .sliderCont3::before{display:none;}
.english .landing_contents .tabContainer .sliderCont3::after{display:none;}
.english .tabCont5 ul li{margin-bottom:20px;}
.english .sliderInTab3 li{display:none;}
.english .sliderInTab3 li:first-child{display:block;}

.english .sliderInTabBox2 li{position:relative;float:left;width:32%;padding:10px 0;margin-bottom:10px;background-color:#ff7b7b;}
.english .sliderInTabBox2 li.on{background-color:#ff3923;}
.english .sliderInTabBox2 li.on a{color:#fff;font-weight:600;}
.english .sliderInTabBox2 li.on a p{color:#fff;font-weight:600;}
/* 210811 hyj 수정 */
.english .sliderInTabBox2 li:after{content:'';position:absolute;right:2px;bottom:2px;width:0;height:0;border-right:8px solid #fff;border-left:8px solid transparent;border-top:8px solid transparent;box-sizing:border-box;}
.english .sliderInTabBox2 li:nth-child(2){margin-left:2%;margin-right:2%;}
.english .sliderInTabBox2 li:nth-child(4){margin-right:3%;}
.english .sliderInTabBox2 li:nth-child(4),
.english .sliderInTabBox2 li:nth-child(5){width:48.5%;}
.english .sliderInTabBox2 li span{display:inline-block;padding:2px 7px;color:#fff;font-size:12px;font-weight:normal;border:1px solid #fff;border-radius:15px;background:none;}
.english .sliderInTabBox2 li p{line-height:1.1;margin:5px 0;color:#fff;}
/* //210811 hyj 수정 */
.english .sliderInTabBox2 li.selected{background-color:#ff3923;}
.english .sliderInTabBox2 li.selected p{color:#fff;}

.english .tabCont5 li{display:none;}
.english .tabCont5 li:first-child{display:block;}
.english .cont{margin-top:16px;}
.english .cont li{margin-bottom:16px;}

.english .layerpopupTop{padding-bottom:5px; text-align:left;}
.english .layerpopupIn{top:100px;bottom:auto;}
.english .layerpopupTop .title p{width:87%;font-size:16px;}

.english .landing_contents .slider>ul>li{margin-top:16px;}
.english .landing_contents .slider>ul>li:first-child{margin-top:0px;}
.english .tabCont5 li img{margin-bottom:16px;}
/* //201020 hyj 수정 */


/* 210616 syh 유형별 안내 추가 */
.landing_contents .sec_typeGuide{padding:0 0 8vw;background:#fff;}/* 211027 hyj 수정 */
.landing_contents .sec_typeGuide .sec_tit{font-size:21px;color:#252f41;border-bottom:1px solid #000;padding: 0 0 10px;margin: 0 0 30px;}
.landing_contents .sec_typeGuide .type_list{padding:0 9vw 30px;}
.landing_contents .sec_typeGuide .type_list dl{padding:0 0 0 33px;position:relative;}
.landing_contents .sec_typeGuide .type_list dl + dl{margin-top:21px;}
.landing_contents .sec_typeGuide .type_list dt{width:66px;height:66px;margin-top:-33px;text-align:center;font-size:14px;line-height:1.2;font-weight:bold;color:#fff;position:absolute;left:0;top:50%;background-color:#f04e37;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.landing_contents .sec_typeGuide .type_list dd{height:52px;padding:0 25px 0 45px;text-align:left;background-color:#f3f6f9;border-radius:100px;display:table;width:100%;}
.landing_contents .sec_typeGuide .type_list dd > div{display:table-cell;vertical-align:middle;}
.landing_contents .sec_typeGuide .type_list dd span{margin-right:4px;display:inline-block;vertical-align:middle;font-size:11px;color:#444;font-style:italic;}
.landing_contents .sec_typeGuide .type_list dl:nth-child(odd) dd span{color:#f04e37;}
.landing_contents .sec_typeGuide .notice_box{padding:7px 0 0;text-align:right;font-size:12px;color:#888;}
.landing_contents .type_sheet{padding:0 0 0 79px;position:relative;}
/* .english .landing_contents .type_sheet{margin:0 -15px;} 230510 pny 삭제 */
.landing_contents .type_sheet .head_colum{width:80px;position:absolute;left:10px;top:0;box-shadow:0 3px 12px 2px rgba(0,0,0,0.7);}/* 211027 hyj 수정 */
.landing_contents .type_sheet .head_colum table{width:100%;}
.landing_contents .type_sheet .head_colum th{height:30px;text-align:center;vertical-align:middle;font-size:15px;line-height:1.2;font-weight:bold;color:#000;background-color:#d2f7d7;border-bottom:1px solid #e0f9e3;}
.landing_contents .type_sheet .head_colum tr:first-child th{font-size:12px;}
.landing_contents .type_sheet .head_colum tr:first-child th.txt_big{font-size:15px;} /* 230510 pny 추가 */
.landing_contents .type_sheet .head_colum tr:last-child th{border-bottom:none;}
.landing_contents .type_sheet .content_culum{overflow-x:auto;overflow-y:hidden;}
.landing_contents .type_sheet .content_culum table{width:1200px;table-layout:auto;border-collapse:collapse;}
.landing_contents .type_sheet .content_culum thead th{height:30px;font-size:14px;font-weight:bold;color:#fff;background-color:#000;}
.landing_contents .type_sheet .content_culum thead th.s_th{width:90px;height:42px;font-size:12px;font-weight:normal;line-height:1.2;font-weight:normal;color:#fff;background-color:#9d9d9d;}
.landing_contents .type_sheet .content_culum th,
.landing_contents .type_sheet .content_culum td{border:1px solid #d5d5d5;}
.landing_contents .type_sheet .content_culum th:last-child,
.landing_contents .type_sheet .content_culum td:last-child{border-right:none;}
.landing_contents .type_sheet .content_culum thead tr:first-child th{border-top:none;}
.landing_contents .type_sheet .content_culum tbody td{height:30px;padding:5px 0;font-size:12px;line-height:1.3;color:#000;letter-spacing:-1px;background-color:#fff;}
.landing_contents .type_sheet .content_culum tbody td.no-data{padding:5px 0;text-align:center;}
/* 230510 pny 추가 */
.landing_contents .type_sheet .content_culum tbody td.dash_list{padding:15px 5px 15px 10px;text-align:left;vertical-align:top;}
.landing_contents .type_sheet .content_culum tbody td.dash_list p:before{display:block;content:'-';position:absolute;left:0;}
.landing_contents .type_sheet .content_culum tbody td.dash_list p{position:relative;padding-left:10px;margin:0;word-break:keep-all;letter-spacing:0;}
/* // */
.landing_contents .type_sheet .content_culum .btn_detail{height:30px;margin-top:3px;padding:0 20px;display:inline-block;font-size:12px;line-height:30px;color:#fff;background-color:#444;}
.japnaese .landing_contents .sec_typeGuide .type_list dt{background:#b73fbf;}
.japnaese .landing_contents .sec_typeGuide .type_list dl:nth-child(odd) dd span{color:#97379d;}
.japnaese .landing_contents .type_sheet .head_colum th{background-color:#a947b9;border-color: #c17dcd;}

.english .landing_contents .type_sheet .head_colum th{position:relative;background:#d8e8ff;z-index:1;} /* 230510 pny 추가 */
/* //210616 syh 유형별 안내 추가 */


.ozBanner{ width:100%;font-size:16px;background:#7e1df4;
    background:-moz-linear-gradient(-45deg, #7e1df4 0%, #ffffff 200%);
    background:-webkit-linear-gradient(-45deg, #7e1df4 0%,#ffffff 200%);
    background:linear-gradient(-102deg, #7e1df4 63%,#ffffff 197%);}
.ozBanner a{color:#fff;}
.ozBanner img{width:100%;}




.dim{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7;filter:alpha(opacity=70);z-index:101;}


.ly_coupon{display:none;position:absolute;top:0;left:20px;right:20px;border:1px solid #000;z-index:102;}
.ly_coupon .ly_top{position:relative;background-color:#000;}
.ly_coupon .ly_top h1{color:#fff;font-size:15px;padding:12px 15px;}
.ly_coupon .ly_top button{position:absolute;right:15px;top:10px;width:20px;height:20px;border:none;background:none;}
.ly_coupon .ly_cont{padding:8% 5%;text-align:center;background-color:#fff;}
.ly_coupon .ly_cont img{width:auto;max-width:50%;}
.ly_coupon .ly_cont .tit{margin:15px 0 10px;color:#000;font-size:25px;letter-spacing:-2px;}
.ly_coupon .ly_cont .tit strong{color:#000;font-size:25px;}
.ly_coupon .ly_cont .text_box{line-height:1.4;margin:10px 0 15px;color:#000;font-size:12px;}
.ly_coupon .ly_cont .agree_box{margin-bottom:20px;}
.ly_coupon .ly_cont .agree_box dl{position:relative;height:75px;padding:10px 15px;margin-bottom:10px;color:#777;line-height:1.5;text-align:left;background-color:#f0f0f0;overflow-x:hidden;overflow-y:auto;}
.ly_coupon .ly_cont .agree_box dl dt{margin-bottom:3px;font-size:13px;font-weight:bold;}
.ly_coupon .ly_cont .agree_box dl dd{margin-bottom:3px;font-size:13px;}
.ly_coupon .ly_cont .agree_box dl:after{content:'';clear:both;display:block;width:100%;height:7px;}
.ly_coupon .ly_cont .agree_box p{text-align:center;}
.ly_coupon .ly_cont .agree_box p input{vertical-align:middle;}
.ly_coupon .ly_cont .agree_box p label{color:#000;font-size:13px;vertical-align:middle;}
.ly_coupon .ly_cont .btn_box{}
.ly_coupon .ly_cont .btn_box img{display:inline-block;max-width:150px;}


.notice_area{text-align:left;background:#333;}
.notice_area .notice_tit{background:#222;font-size:20px;height:50px;line-height:50px;padding:0 5%}
.notice_area .notice_tit a{color:#fff;display:block;position:relative;font-size:15px;}
.notice_area .notice_con{padding:20px 5%}
.notice_area .notice_con ul{padding:17px 0}
.notice_area .notice_con dl{padding:0 0 17px}
.notice_area .notice_con p, .notice_area .notice_con li, .notice_area .notice_con dt, .notice_area .notice_con dd{line-height:19px;letter-spacing:-1px;font-size:12px;color:#999}
.notice_area .notice_con li strong{font-size:14px;color:#fff;font-weight:normal}
.notice_area .notice_con li span{color:#fff;}
.notice_area .btn_pdf{text-align:right;padding:2px 0 30px}
.notice_area .btn_pdf img{vertical-align:middle;margin-left:10px;width:46px}
.notice_area .notice_tit.toggleBtn .icon{float:right;padding-top:16px;font-size:16px;font-weight:600;}

/* 200312 kmh 추가 */
.notice_area .notice_con .dotList{padding:0;}
.notice_area .notice_con .dotList li{margin:0;padding-left:6px;text-indent:-6px;word-break:keep-all;}
.notice_area .notice_con .dotList li + li{margin-top:3px;}
/* // */

/* 211130 kmh 일본어 개편 */
.japanese{position:relative;overflow:hidden;}
.japanese img{width:100%;}
.japanese p{margin:0;}
.japanese .inner{margin:0 3.2vw;}
.japanese p.tit_cont{padding:0;margin:0;}
.japanese .classSelect{width:100%;background-color:rgba(39, 46, 101, 0.4);position:absolute;top:0;z-index:100;left:0;}
.japanese .classSelect .toggleBtn{padding:0;margin:0;text-align:left;}
.japanese .classSelect .toggleBtn a{display:block;padding:10px 25px;color:#fff;font-size:15px;}
.japanese .classSelect p a .icon{margin-left:12px;font-size:13px; vertical-align:middle;}
.japanese .classSelect p a span.classT{font-weight:600;border-bottom:1px solid #fff;}
.japanese .classSelectList{padding:5px 25px; text-align:left;background:none;}
.japanese .classSelectList li{height:30px;line-height:30px;}
.japanese .classSelectList li a{display:block;color:#ddd;}
.japanese .top_visual{position:relative;}
.japanese .top_visual .top_tit{position:absolute;top:0;left:0;width:100%;}
.japanese .top_visual .student_num{position:absolute;bottom:0;left:0;width:100%;}
.japanese .cont_youtube{background-color:#fff;}
.japanese .cont_youtube .youtube_link{position:relative;}
.japanese .cont_youtube .youtube_link a{width:66.66vw;height:16vw;font-size:0;text-indent:-9999px;position:absolute;left:16.67vw;top:6.66vw;}
.japanese .youtube_box{margin:0 3.2vw;border:5px solid #ffc4c0;}
.japanese .youtube_box .youtube_inner{width:100%;padding-bottom:56.2%;position:relative;overflow:hidden;}
.japanese .youtube_box .youtube_inner iframe{width:101%;height:101%;position:absolute;left:-0.5%;top:-0.5%;}
.japanese .cont_teacher{background-color:#262626;}
.japanese .cont_teacher .snap_scroll{overflow:hidden;overflow-x:auto;scroll-padding:0 20px;scroll-snap-type:x mandatory;}
.japanese .cont_teacher .snap_scroll .snap_scroll_in{margin:0 3.2vw;display:inline-flex;}
.japanese .cont_teacher .snap_scroll .item{width:76.8vw;height:83.73vw;scroll-snap-align:start;scroll-snap-stop:normal;}
.japanese .cont_teacher .snap_scroll .item + .item{margin-left:-10px;}
.japanese .cont_greeting{background:url('/assets/m-user/images/japanese/greeting_cont_bg.jpg') 50% 0 no-repeat;background-size:cover;}
.japanese .cont_curri{}
.japanese .curri_bx{position:relative;}
.japanese .curri_bx .tab{position:absolute;top:0;left:0;width:100%;height:47.5vw;z-index:52;}
.japanese .curri_bx .tab li{width:33.33%;height:100%;float:left;}
.japanese .curri_bx .tab li a{height:100%;display:block;}
.japanese .curri_bx .cont a{width:44.8vw;height:16vw;font-size:0;text-indent:-9999px;position:absolute;left:27.6vw;}
.japanese .curri_bx.ver1 .cont > div:nth-child(1) a{bottom:7.6vw;}
.japanese .curri_bx.ver1 .cont > div:nth-child(2) a{bottom:16vw;}
.japanese .curri_bx.ver1 .cont > div:nth-child(3) a{bottom:12.26vw;}
.japanese .curri_bx.ver2{margin-top:50px;}
.japanese .curri_bx.ver2 .cont > div:nth-child(1) a{bottom:10.8vw;}
.japanese .curri_process{position:relative;}
.japanese .curri_process ul{width:100%;height:100%;padding:0 2.66vw;text-align:left;font-size:0;background:url('/assets/m-user/images/japanese/curri_process01.png') no-repeat;background-size:100% 100%;position:absolute;left:0;top:0;}
.japanese .curri_process ul li{width:33.33%;height:86vw;display:inline-block;vertical-align:top;}
.japanese .curri_process .bg0{background-image:url('/assets/m-user/images/japanese/curri_process01.png');}
.japanese .curri_process .bg1{background-image:url('/assets/m-user/images/japanese/curri_process02.png');}
.japanese .curri_process .bg2{background-image:url('/assets/m-user/images/japanese/curri_process03.png');}
.japanese .curri_process .bg3{background-image:url('/assets/m-user/images/japanese/curri_process04.png');}
.japanese .curri_process .bg4{background-image:url('/assets/m-user/images/japanese/curri_process05.png');}

.japanese .conversation_wrap{perspective:1600px;opacity:1;overflow:hidden;}
.japanese .conversation_wrap .obj_arrow{width:100%;position:absolute;left:0;bottom:0;}
.japanese .conversation_wrap .obj_tablet{width:200vw;margin-left:-50vw;transform-origin:50% 100%;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;-webkit-transform:translate3d(0,350px,-1100px) rotateX(40deg);transform:translate3d(0,200px,-900px) rotateX(40deg);}
.japanese .conversation_wrap .tooltip_items{width:100%;position:absolute;left:0;top:0;}
.japanese .conversation_wrap .tooltip_items span{position:absolute;left:0;top:0;opacity:0;-webkit-transition: transform 0.1s ease-out;transition: transform 0.1s ease-out;transform-origin:0 15%;-webkit-transform:translate(-50px, 0) scale(0.2) rotate(40deg);transform:translate(-50px, 0) scale(0.2) rotate(40deg);}
.japanese .conversation_wrap .tooltip_items span:nth-child(2){transform-origin:100% 30%;-webkit-transform:translate(50px, 0) scale(0.2) rotate(-40deg);transform:translate(50px, 0) scale(0.2) rotate(-40deg);}
.japanese .conversation_wrap .tooltip_items span:nth-child(3){transform-origin:0 45%;}
.japanese .conversation_wrap .tooltip_items span:nth-child(4){transform-origin:100% 60%;-webkit-transform:translate(50px, 0) scale(0.2) rotate(-40deg);transform:translate(50px, 0) scale(0.2) rotate(-40deg);}
.japanese .conversation_wrap .tooltip_items span:nth-child(5){transform-origin:0 75%;}

.japanese .cont_greeting .conversation_wrap.play .obj_tablet{opacity:1;-webkit-transition: all 0.7s ease-out;transition: all 0.7s ease-out;-webkit-transform:translate3d(0,0,0) rotateX(0);transform:translate3d(0,0,0) rotateX(0);}
.japanese .conversation_wrap.play .tooltip_items span{opacity:1;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;transition-delay:0.7s;-webkit-transform:translate(0, 0) scale(1) rotate(0);transform:transform:translate(0, 0) scale(1) rotate(0);}
.japanese .conversation_wrap.play .tooltip_items span:nth-child(2){transition-delay:1.3s;}
.japanese .conversation_wrap.play .tooltip_items span:nth-child(3){transition-delay:2s;}
.japanese .conversation_wrap.play .tooltip_items span:nth-child(4){transition-delay:2.7s;}
.japanese .conversation_wrap.play .tooltip_items span:nth-child(5){transition-delay:3.4s;}
.japanese .cont_lect_type{padding-bottom:20vw;background-color:#262626;}
.japanese .cont_lect_type .lect_swipe{position:relative;}
.lect_swipe .nav a{width:17px;height:30px;margin-top:-15px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-size:100% auto;position:absolute;top:50%;z-index:1;}
.lect_swipe .nav a.prev{background-image:url('/assets/m-user/images/japanese/nav_prev.png');left:10vw;}
.lect_swipe .nav a.next{background-image:url('/assets/m-user/images/japanese/nav_next.png');right:10vw;}
.japanese .cont_lect_type .in_cont{width:62vw;margin:0 auto;display:table;table-layout:fixed;}
.japanese .cont_lect_type .in_cont > div{display:table-cell;vertical-align:middle;text-align:center;width:62vw;height:62vw;border:4px solid #ffc4c0;border-radius:50%;}
.japanese .cont_lect_type .in_cont .ico img{width:55px;}
.japanese .cont_lect_type .in_cont strong{margin-top:5px;display:block;font-size:30px;font-weight:bold;color:#ffc4c0;}
.japanese .cont_lect_type .in_cont p{margin-top:10px;font-size:16px;line-height:1.4;color:#fff;}
.japanese .cont_benefit{padding:0 0 20vw;background-color:#fff;}
.japanese .benefit_bx{}
.japanese .benefit_bx .tab{width:100%;position:relative;z-index:51;}
.japanese .benefit_bx .tab li{width:20%;float:left;}
.japanese .benefit_bx .tab li + li a{border-left:1px solid #fff;}
.japanese .benefit_bx .tab li a{padding:10px 0;display:block;text-align:center;background-color:#ffdad8;}
.japanese .benefit_bx .tab li a span{display:block;font-size:11px;color:#666;}
.japanese .benefit_bx .tab li a div{width:100%;display:table;table-layout:fixed;border-spacing:0;}
.japanese .benefit_bx .tab li a div em{height:70px;padding:0 5px;display:table-cell;vertical-align:middle;font-size:13px;line-height:1.2;font-style:normal;}
.japanese .benefit_bx .tab li a.active{background-color:#4d45f4;}
.japanese .benefit_bx .tab li a.active span{color:#fff;}
.japanese .benefit_bx .tab li a.active div em{color:#fff;font-weight:bold;}
.benefitSwipe .nav button{width:17px;height:30px;margin-top:-15px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-size:100% auto;position:absolute;top:50%;z-index:1;}
.benefitSwipe .nav button.prev{background-image:url('/assets/m-user/images/japanese/nav_prev.png');left:1.8vw;}
.benefitSwipe .nav button.next{background-image:url('/assets/m-user/images/japanese/nav_next.png');right:1.8vw;}
.japanese .cont_book{padding:0 0 20vw;background-color:#fececb;}
.japanese .books_bx{position:relative;}
.japanese .books_bx .bx-wrapper{width:100%;height:100%;position:absolute;left:0;top:0;}
.japanese .books_bx .bx-wrapper .bx-viewport{background:none;}
.japanese .books_bx .bx-prev,
.japanese .books_bx .bx-next{width:17px;height:30px;background-repeat:no-repeat;background-size:100% auto;position:absolute;top:15.8vw;z-index:51;}
.japanese .books_bx .bx-prev{left:24.5vw;background-image:url('/assets/m-user/images/japanese/nav_prev02.png');}
.japanese .books_bx .bx-next{right:24.5vw;background-image:url('/assets/m-user/images/japanese/nav_next02.png');}
.japanese .cont_review{padding:0 0 15vw;background-color:#e8e8ea;}
.japanese .review_swiper{text-align:center;}
.japanese .review_swiper .swiper-container{padding:20px 0;}
.japanese .review_swiper .box{width:82vw;margin:0 auto;padding:32px 38px;background:#fff;box-shadow:0 0 20px 10px #d4d4d6;}
.japanese .review_swiper .subject{font-size:22px;font-weight:bold;color:#000;}
.japanese .review_swiper .rating{font-size:26px;color:#ff4898;letter-spacing:6px;}
.japanese .review_swiper .thumb{width:52.8vw;height:35.2vw;margin:5px auto 20px;background-color:#444;overflow:hidden;}
.japanese .review_swiper .info{text-align:left;}
.japanese .review_swiper .info .label{height:24px;margin-bottom:8px;padding:0 12px;text-align:center;font-size:14px;line-height:26px;color:#fff;display:inline-block;border-radius:30px;background-color:#ff4898;}
.japanese .review_swiper .info p{font-size:13px;font-weight:600;color:#000;}
.japanese .review_swiper .info p + p{margin-top:3px;}
.japanese .review_swiper .review_noti{text-align:center;font-size:12px;color:#434343;}
.japanese .review_swiper .btn_more{width:163px;display:block;margin:15px auto 0;}
.japanese .review_swiper .prev,
.japanese .review_swiper .next{width:17px;height:30px;margin-top:-25px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-size:100% auto;position:absolute;top:50%;z-index:51;}
.japanese .review_swiper .prev{left:15vw;background-image:url('/assets/m-user/images/japanese/nav_prev02.png');}
.japanese .review_swiper .next{right:15vw;background-image:url('/assets/m-user/images/japanese/nav_next02.png');}
.japanese .floating_ban_r{position:fixed;right:5px;bottom:1%;z-index:503;}
.japanese .floating_ban_r .float_btn_top{width:150px;height:160px;display:block;font-size:0;text-indent:-9999px;background:url('/assets/m-user/images/japanese/top_btn_jp01.png') no-repeat;background-size:100% 100%;outline:none;-webkit-tap-highlight-color:transparent;}
.japanese .floating_ban_r .float_lvtest{position:relative;}
.japanese .floating_ban_r .float_lvtest img{width:150px;}
.japanese .floating_ban_r .float_lvtest .float_lv_close{width:17px;height:17px;font-size:0;text-indent:-9999px;position:absolute;right:11px;top:2px;}
.japanese .nav a,
.japanese .nav button,
.japanese .bx-next,
.japanese .bx-prev{-webkit-tap-highlight-color:transparent;outline:none;}

.jp02.japanese .cont_greeting{padding-bottom:10vw;}
.jp02.japanese .conversation_wrap{padding-bottom:10vw;}
.jp02.japanese .conversation_wrap .obj_tablet{-webkit-transform:translate3d(0,100px,-500px) rotateX(20deg);transform:translate3d(0,100px,-500px) rotateX(20deg);}
.jp02.japanese .cont_curri{padding-bottom:18vw;}
.jp02.japanese .cont_benefit{background-color:#434343;}
.jp02.japanese .floating_ban_r .float_btn_top{background-image:url('/assets/m-user/images/japanese/top_btn_jp02.png');}
/* 250218 kmh 수정 및 추가 */
.jp02.japanese .cont_type{background-color:#25282c;padding-bottom:75px;overflow:hidden;height:130vw;position:relative;}
.jp02.japanese .cont_type .swiper_btn{position:absolute;top:26%;width:14%;height:30vw;font-size:0;text-indent:-9999px;z-index:101;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;}
.jp02.japanese .cont_type .swiper_btn.prev{left:0;}
.jp02.japanese .cont_type .swiper_btn.next{right:0;}
.jp02.japanese .cont_type .swiper_btn:after{content:'';width:17px;height:30px;margin-top:-15px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-size:100% auto;position:absolute;top:50%;z-index:1;}
.jp02.japanese .cont_type .swiper_btn.prev:after{left:48%;background-image:url('/assets/m-user/images/japanese/nav_prev.png');left:10vw;}
.jp02.japanese .cont_type .swiper_btn.next:after{right:48%;background-image:url('/assets/m-user/images/japanese/nav_next.png');right:10vw;}
/* //250218 kmh 수정 및 추가 */

.jp03.japanese .floating_ban_r .float_btn_top{background-image:url('/assets/m-user/images/japanese/top_btn_jp03.png');}
.jp03.japanese .cont_youtube{background-color:#f4f4f4;}
.jp03.japanese .curri_process ul{background-image:url('/assets/m-user/images/japanese/curri_process_jp03_01.png');}
.jp03.japanese .curri_process ul li{height:96.8vw;}
.jp03.japanese .curri_process .bg0{background-image:url('/assets/m-user/images/japanese/curri_process_jp03_01.png');}
.jp03.japanese .curri_process .bg1{background-image:url('/assets/m-user/images/japanese/curri_process_jp03_02.png');}
.jp03.japanese .curri_process .bg2{background-image:url('/assets/m-user/images/japanese/curri_process_jp03_03.png');}
.jp03.japanese .curri_process .bg3{background-image:url('/assets/m-user/images/japanese/curri_process_jp03_04.png');}
.jp03.japanese .curri_process .bg4{background-image:url('/assets/m-user/images/japanese/curri_process_jp03_05.png');}
.jp03.japanese .cont_lect_type{padding-bottom:20vw;background-color:#fff;}
.jp03.japanese .lect_type_bx{position:relative;}
.jp03.japanese .lect_type_bx .tab{position:absolute;top:0;left:0;width:100%;height:19vw;z-index:52;}
.jp03.japanese .lect_type_bx .tab li{width:33.33%;height:100%;float:left;}/* 220629 kmh 수정 */
.jp03.japanese .lect_type_bx .tab li a{height:100%;display:block;}
.jp03.japanese .cont_benefit{background-color:#434343;}
.jp03.japanese .cont_book{background-color:#fff;}
.jp03.japanese .book_bx{position:relative;}
.jp03.japanese .book_bx + .book_bx{margin-top:9.5vw;}
.jp03.japanese .book_bx .tab{width:100%;height:47.5vw;overflow:hidden;position:absolute;left:0;top:0;z-index:51;}
.jp03.japanese .book_bx .tab li{width:33.33%;height:100%;float:left;}
.jp03.japanese .book_bx .tab li a{width:100%;height:100%;display:block;font-size:0;text-indent:-9999px;}
.jp03.japanese .book_bx.ver2 .tab li{width:50%;}
/* // 211130 kmh 일본어 개편 */

/*chinese*/
#wrap.chinese img{width:100%;}/* 201020 hyj 추가 */
.chinese .landing_contents .slider ul{   /* height:auto !important;*/   overflow:unset;}
.chinese .landing_contents .tabLayout li.on{background-color:#de1d07;}
.chinese .landing_contents .tabLayout li.on a{color:#fff;}
.chinese .landing_contents .tabLayout li.on:after{position:absolute;content:'';width:22px;height:40px;background:url('/assets/m-user/images/chinese/tabBg.jpg') no-repeat;background-size:contain;}
.chinese .linkBtn{position:absolute;width:100%;bottom:35px;}
.chinese .linkBtn img{width:300px;}
.chinese .swiper-button-next, .swiper-button-prev{background-size:16px;top: 20%;}  /* 210616 syh 수정 */
.chinese .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:-5px;background-size:16px;top: 20%;} /* 210616 syh 수정 */
.chinese .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:-3px;top: 20%;} /* 210616 syh 수정 */

.hskBanner{background-color:#DE1D07;}
.hskBannerIn{padding:16px 22px 22px 10px;}
.hskBannerIn a{ box-shadow:5px 5px 0 #fff;text-align:center;  width:100%; margin:0 auto;display:block; padding:33px 0 37px;border:5px solid #fff;}
.hskBannerIn img{width:77%;}


/* 191111 hyj 추가 */
.ozBanner{background:#483461;padding-bottom:38px}
.letureConListTab ul{position:relative;}
.letureConListTab ul:before,
.letureConListTab ul:after{content:'';display:block;clear:both;width:100%;}
.letureConListTab .txt_sub{position:absolute;top:-40px;right:0;z-index:1}
.letureConListTab .txt_sub img{max-width:100%;height:57px;}
/* //191111 hyj 추가 */

/* 210813 kmh 추가 */
.chinese .sliderCont2 .linkBtn{width:58.6%;height:8.4%;padding:0;font-size:0;text-indent:-9999px;left:20.7%;bottom:7%;}
.chinese .sliderCont2 .lecture_ytb.chYtb{width: 57.6%;position: absolute;left: 21.2%;top: 45.2%;}
.chinese .sliderCont2 .lecture_ytb.chYtb .ytb_wrap{width: 100%;height: auto;padding-bottom: 56.2%;position: relative;left: 0;top: 0;border: none;box-shadow: none;}
.chinese .sliderCont2 .lecture_ytb.chYtb .ytb_wrap iframe{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.chinese .sliderCont4 .lecture_ytb.chYtb{width: 80.13%;position: absolute;left: 9.935%;top: 26.4%;}
.chinese .sliderCont4 .lecture_ytb.chYtb .ytb_wrap{width: 100%;height: auto;padding-bottom: 56.2%;position: relative;left: 0;top: 0;border: none;box-shadow: none;}
.chinese .sliderCont4 .lecture_ytb.chYtb .ytb_wrap iframe{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
/* //210813 kmh 추가 */

.chinese .landing_contents a.more4stepLink{
    width:42.5%;
    height:11.2%;
    left:6.6%;
    top:49.5%;
}
.chinese .landing_contents .btn_in_slide{
    font-size:0;
    text-indent:-9999px;
    position:absolute;
}
.chinese .kakaoBtn{width:42.5%;
    height:6.2%;
    right:6.6%;
    bottom:4.5%;}
/* 191125 syh 수정 */
.chinese .landing_contents a.type_online{width:11%; height:19.4%;   right:33.2%;top:76.6%;}
.chinese .landing_contents a.type_offline{  width:11%;  height:19.4%;   right:19.6%;top:76.6%;}
.chinese .landing_contents .tcLink{width:22.5%;height:6.2%;left:17.6%;top:32.5%;}
.chinese .landing_contents .tcLink0{width:22.5%;height:6.2%;right:17.6%;top:32.5%;}

/* 210514 hyj 수정 */
.chinese .landing_contents .tcLink1{width:18%;height:5%;left:17%;top:55.5%;}
.chinese .landing_contents .tcLink2{width:18%;height:5%;left:40%;top:55.5%;}
.chinese .landing_contents .tcLink3{width:18%;height:5%;left:63%;top:55.5%;}
/* //210514 hyj 수정 */

.chinese .landing_contents .tcLink6{width:18.5%;height:4.2%;right:18.6%;top:79.5%;}
.chinese .landing_contents .tcLink7{width:18.5%;height:4.2%;left:20.6%;bottom:9%;}
.chinese .landing_contents .tcLink8{width:18.5%;height:4.2%;right:19.6%;bottom:9%;}
.chinese .landing_contents .sliderCont3{ position:relative;padding-bottom:0;} /* 200623 kmh 수정 */
/*//*/
.chinese .landing_contents .sliderCont3 ul li{padding:0;} /* 200623 kmh 수정 */
.chinese .landing_contents .tabContainer .sliderCont3::before{border-left:120px solid transparent;}
.chinese .landing_contents .tabContainer .wvNextBox span{font-size:25px;   color:#D22229;}
/* 191125 syh 추가 */
.chinese-container .swiper-button-next{left:auto;right:0}
.chinese-container .swiper-button-prev{left:0}
.chinese-container .swiper-button-next:after,
.chinese-container .swiper-button-prev:after{content:'';background:url(/assets/m-user/images/chinese/bg_nav.png) no-repeat 0 0;background-size:64px auto;font-size:0;width:32px;height:48px;font-size:0}
.chinese-container .swiper-button-next:after{background-position-x:-32px}
.chinese-container .swiper-pagination-bullet{width:15px;height:15px;box-shadow:none;background:#a5a5a5 !important;opacity:1;margin:0 6px}
.chinese-container .swiper-pagination-bullet-active{background:#de1d07 !important}
.sliderCont5.swiper-container-horizontal>.swiper-pagination-bullets{bottom:20px !important}
.sliderCont5 .swiper-slide{background:url(/assets/m-user/images/chinese/tab4_bg4_1.jpg) no-repeat 0 0;background-size:cover}
.sliderCont5 .swiper-slide .wrap_slide{padding-bottom:56px}
.sliderCont5 p{padding:0;margin:0}
.sliderCont5 .tab4_tit_sc1{padding:29px 0}
.sliderCont5 .tab4_tit_sc1 img{width:124px}
.sliderCont5 .tab4_tit_sc2{padding:25px 0 18px}
.sliderCont5 .tab4_tit_sc2 img{width:118px}
.sliderCont5 .tb_area{background:#fff;margin:0 20px;position:relative;padding:35px 20px 25px;box-sizing:border-box;box-shadow:2px 2px 5px #d9d9d9}
.sliderCont5 .tb_area.type2{padding:25px 20px}
.sliderCont5 .tb_area table{width:100%;border-spacing:0;position:relative;z-index:1}
.sliderCont5 .tb_area thead th{background:#1d2d51;font-size:14px;font-weight:700;color:#fff;text-align:center;height:65px;line-height:65px;border-right:1px solid #ddd}
.sliderCont5 .tb_area tbody th, .sliderCont5 .tb_area tbody td{background:#f4f4f4;color:#222;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.sliderCont5 .tb_area tbody th{font-size:14px;font-weight:700;}
.sliderCont5 .tb_area tbody td{font-size:12px;padding:26px 0}
.sliderCont5 .tb_area .tbl_info th{font-size:12px;color:#fff;font-weight:700;background:#1d2d51;padding:5px 0;box-sizing:border-box;text-align:center}
.sliderCont5 .tb_area .tbl_info th:before{content:'';display:block;margin:0 auto 6px;width:28px;height:28px;background:url(/assets/m-user/images/chinese/ico_th1.png) no-repeat 0 0;background-size:28px 28px}
.sliderCont5 .tb_area .tbl_info th.tit2:before{background-image:url(/assets/m-user/images/chinese/ico_th2.png);}
.sliderCont5 .tb_area .tbl_info th.tit3:before{background-image:url(/assets/m-user/images/chinese/ico_th3.png);}
.sliderCont5 .tb_area .tbl_info th.tit4:before{background-image:url(/assets/m-user/images/chinese/ico_th4.png);}
.sliderCont5 .tb_area .tbl_info th.tit5:before{background-image:url(/assets/m-user/images/chinese/ico_th5.png);}
.sliderCont5 .tb_area .tbl_info td{font-size:11px;color:#666;padding:9px 5px 9px 15px;box-sizing:border-box;text-align:left}
.sliderCont5 .tb_area .tbl_info td li{line-height:17px;float:none;text-indent:-3px;padding-left:3px;letter-spacing:-1px}
.sliderCont5 .tb_area .tbl_info td li:before{content:'·';display:inline-block;margin-right:2px}
.sliderCont5 .info_sc{text-align:left;padding-top:20px}
.sliderCont5 .info_sc .tit{font-weight:700;font-size:13px;color:#222;display:inline-block;vertical-align:top;margin-right:20px}
.sliderCont5 .info_sc > ul{display:inline-block;vertical-align:top}
.sliderCont5 .info_sc > ul li{font-size:12px;color:#666}
.sliderCont5 .info_sc > ul li:before{content:'·';display:inline-block;margin-right:2px}
/*//*/


/* 211119 syh 중국어 개편 */
.chinese{position:relative;overflow:hidden;}
.chinese p.tit_cont{padding:0;margin:0;}
.chinese .classSelect{width:100%;background-color:rgba(39, 46, 101, 0.4);position:absolute;top:0;z-index:100;left:0;}
.chinese .classSelect .toggleBtn{padding:0;margin:0;text-align:left;}
.chinese .classSelect .toggleBtn a{display:block;padding:10px 25px;color:#fff;font-size:15px;}
.chinese .classSelect p a .icon{margin-left:12px;font-size:13px; vertical-align:middle;}
.chinese .classSelect p a span.classT{font-weight:600;border-bottom:1px solid #fff;}
.chinese .classSelectList{padding:5px 25px; text-align:left;background:none;}
.chinese .classSelectList li{height:30px;line-height:30px;}
.chinese .classSelectList li a{display:block;color:#ddd;}
.chinese .top_visual{position:relative;}
.chinese .top_visual .top_tit{position:absolute;top:0;left:0;width:100%;}
.chinese .top_visual .student_num{position:absolute;bottom:0;left:0;width:100%;}

/* 220919 syh 추가 */
.chinese .top_visual .student_num2{text-align:center;width:60%;position:absolute;top:62.5%;right:2%;box-sizing:border-box;}
.chinese .student_num2 p{color:#f3e8bb;margin:0;line-height:1;}
.chinese .student_num2 .txt_top{font-size:3.3vw;font-weight:600;margin-bottom:5%;animation: color-change 1s infinite;}
.chinese .student_num2 .txt_num{font-size:4vw;font-weight:600; animation: color-change 1s infinite;}
@keyframes color-change {0% {color:#f7edc2;} 25% {color:#dfca97;} 50% {color:#c5a669;} 75% {color:#dfca97;} 100% {color:#f7edc2;}}
.chinese .student_num2 .txt_num strong{font-size:9vw;}
.chinese .student_num2 .txt_etc{font-size:3vw;color:#a7a8a7;border-top:1px solid #3f3f35;margin-top:3%;display:inline-block;padding:2% 12px 0;letter-spacing:-1px;}/* 240315 kmh 수정 */
.chinese .ch03 .student_num2{top:28%;width:55%;right:0;}
.chinese .ch03 .student_num2 + .student_num2{top:62%;}
.chinese .ch03 .student_num2 .txt_etc{line-height:1.2;}
.chinese .ch04 .student_num2{width:50%;}
/* //220919 syh 추가 */

.chinese .cont_teacher{background:#162b47 url('/assets/m-user/images/chinese/bg_cont_teacher.jpg') no-repeat 0 bottom;background-size:100% 100%;}
.chinese .cont_teacher p{margin:0;padding:0;}
.chinese .cont_teacher .slide_box{width:62%;box-sizing:border-box;background:#f5f5f5;margin:0 auto 30px;position:relative;overflow:hidden;} /* 250516 syh 수정 */
.chinese .cont_teacher .slide_box:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid #d4bf89;box-sizing:border-box;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;}
.chinese .cont_teacher .box_top{position:relative;overflow:hidden;}
.chinese .cont_teacher .box_top:before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;background:url('/assets/user/images/chinese/shadow_on.png') no-repeat center bottom;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;background-size:100% 100%;}
.chinese .cont_teacher .txt_group{position:absolute;bottom:0;left:0;text-align:left;padding:0 0 8px 8px;height:23%;box-sizing:border-box;}
.chinese .cont_teacher .txt_group.line3{height:26%;}
.chinese .cont_teacher .txt_group .tit{font-size:6.7vw;color:#fff;font-weight:600;text-shadow:1px 2px 3px #222;padding-bottom:1.2%;}
.chinese .cont_teacher .txt_group .slogan{font-size:2.7vw;color:#fff;line-height:1.3;}
.chinese .teacher_slider{padding-bottom:25px;margin:0 auto;position:relative;}
.chinese .teacher_slider:after{content:'';display:block;width:80%;height:2px;position:absolute;bottom:0;left:10%;background:url('/assets/user/images/chinese/bg_dot.png') no-repeat center 0;}
.chinese .teacher_slider li{text-align:center;}
.chinese .teacher_slider .swiper_btn{position:absolute;top:40%;width:19px;height:33px;font-size:0;text-indent:-9999px;background:url('/assets/m-user/images/chinese/btn_nav.png') no-repeat;z-index:101;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;}
/* 250516 syh 수정 */
.chinese .teacher_slider .swiper_btn.prev{left:7%;}
.chinese .teacher_slider .swiper_btn.next{right:7%;background-position-x:-19px;}
.chinese .cont_teacher .box_bot{padding-top:10px;position:relative;z-index:1;height:72px;box-sizing:border-box;}
.chinese .cont_teacher .box_bot .info_group{margin-bottom:6px;}
.chinese .cont_teacher .box_bot .center{display:inline-block;padding:0 10px;line-height:18px;font-size:12px;color:#fff;background:#1a629b;border-radius:9px;margin-right:3px;}
.chinese .cont_teacher .box_bot .name a{font-size:12px;color:#444;}
.chinese .cont_teacher .box_bot .name a + a{margin-left:3px;}
.chinese .cont_teacher .box_bot .name a:hover{text-decoration:underline;}
.chinese .cont_teacher .box_bot .tc_history{font-size:2.9vw;color:#222;line-height:16px;font-weight:600;}
/* //250516 syh 수정 */
.chinese .cont_teacher .box_bot .tc_history span{}
.chinese .cont_teacher .btn_sample{width:35%;display:block;margin:0 auto;}
.chinese .care_area{position:relative;}
.chinese .care_area .list_ani{position:absolute;top:0;left:0;width:100%;height:100%;}
.chinese .care_area .list_ani li{position:absolute;width:100%;opacity: 0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all 0.5s; transition: all 0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.chinese .care_area .action li{opacity: 1;-webkit-transform:translateY(0);transform:translateY(0);top:0;left:0;}
.chinese .care_area .action .list_main{-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.chinese .care_area .action .list1{-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.chinese .care_area .action .list2{-webkit-transition-delay:0.5s;transition-delay:0.5s;}
.chinese .care_area .action .list3{-webkit-transition-delay:0.7s;transition-delay:0.7s;}
.chinese .care_area .action .list4{-webkit-transition-delay:0.9s;transition-delay:0.9s;}
.chinese .care_area .action .list5{-webkit-transition-delay:1.2s;transition-delay:1.2s;}
.chinese .cont_curry{background:#353b45 url('/assets/m-user/images/chinese/bg_cont_curry.jpg') no-repeat 0 bottom;background-size:100% 100%;padding-bottom:45px;}
.chinese .cont_curry .lect_class{background-color:#fff;margin:0 12px 25px;}
.chinese .cont_curry .class_tab:after{content:'';display:block;clear:both;}
.chinese .cont_curry .class_tab li{float:left;width:50%;text-align:center;}
.chinese .cont_curry .class_tab a{display:block;line-height:40px;font-size:15px;color:#c1c1c1;background:#f1f1f1;-webkit-transition:all 0.3s; transition: all 0.3s;}
.chinese .cont_curry .class_tab li.on a{background:#1a629b;color:#fff;font-weight:600;}
.chinese .cont_curry .class_cont{border:2px solid #1a629b;}
.chinese .cont_curry .class_cont > div{font-size:13px;color:#222;line-height:23px;padding:15px;text-align:left;word-break:keep-all;}
.chinese .cont_curry .class_cont > div:last-child{display:none;}
.chinese .curry_process{width:93%;margin:0 auto;position:relative;}
.chinese .curry_process ul{position:absolute;top:0;left:0;width:100%;height:100%;}
.chinese .curry_process li{width:49.6%;height:50%;display:inline-block;float:left;font-size:0;line-height:0;text-indent:-9999px;position:relative;margin-bottom:0.5%;}
.chinese .curry_process li:nth-child(2n){float:right;}
.chinese .curry_process li.on.prc1{background:url('/assets/m-user/images/chinese/curry_process_on1.jpg') no-repeat 0 0;background-size:100% auto;}
.chinese .curry_process li.on.prc2{background:url('/assets/m-user/images/chinese/curry_process_on2.jpg') no-repeat 0 0;background-size:100% auto;}
.chinese .curry_process li.on.prc3{background:url('/assets/m-user/images/chinese/curry_process_on3.jpg') no-repeat 0 0;background-size:100% auto;}
.chinese .curry_process li.on.prc4{background:url('/assets/m-user/images/chinese/curry_process_on4.jpg') no-repeat 0 0;background-size:100% auto;}
.chinese .cont_lect_type{background:#172c48 url('/assets/user/images/chinese/bg_cont_lecttype.jpg') no-repeat center 0;background-size:100% 100%;padding-bottom:60px;}
.chinese .cont_lect_type p{padding:0;margin:0;}
.chinese .lect_swipe{height:200px;padding-bottom:70px;position:relative;margin:0 auto;}
.chinese .lect_swipe .box{width:150px;height:150px;background:#18283e;/*-webkit-transition:all 0.3s; transition: all 0.3s;*/border-radius:50%;margin:0 auto;text-align:center;margin-top:10px;padding:0;}
.chinese .lect_swipe .box .tit{font-size:16px;color:#45566d;padding:38px 0 4px;}
.chinese .lect_swipe .box .sub{font-size:12px;color:#45566d;line-height:15px;}
.chinese .lect_swipe .swiper-slide{width:150px;}
.chinese .lect_swipe .swiper-slide-active{z-index:100;width:200px;left:-9%;}
@media screen and (min-width:360px) and (max-width:374px) {
    .chinese .lect_swipe .swiper-slide-active {left:-11%;}
}
@media screen and (min-width:400px) {
    .chinese .lect_swipe .swiper-slide-active{left:-7%;}
}
.chinese .lect_swipe .swiper-slide-active .box{width:200px;height:200px;background:url('/assets/user/images/chinese/bg_box_round.png') no-repeat center center;background-size:100% 100%;margin:0 auto;}
.chinese .lect_swipe .swiper-slide-active .box .tit{font-size:23px;color:#1a629b;padding:55px 0 5px;font-weight:600;line-height: 1;}
.chinese .lect_swipe .swiper-slide-active .box .sub{font-size:14px;color:#222;line-height: 19px;}
.chinese .lect_swipe .swiper-container{position:relative;overflow:visible;}
/* 211123 syh 수정 */
.chinese .lect_swipe .swiper_btn{position:absolute;top:6%;width:26%;height:150px;font-size:0;text-indent:-9999px;z-index:101;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;} /* 211125 syh 수정 */
.chinese .lect_swipe .swiper_btn.prev{left:0;}
.chinese .lect_swipe .swiper_btn.next{right:0;}
.chinese .lect_swipe .swiper_btn:after{content:'';display:block;background:url('/assets/m-user/images/chinese/btn_nav.png') no-repeat;position:absolute;top:40%;width:19px;height:33px;}
.chinese .lect_swipe .swiper_btn.prev:after{left:48%;}
.chinese .lect_swipe .swiper_btn.next:after{right:48%;background-position-x:-19px;}
/* //211123 syh 수정 */
.chinese .cont_lect_type .swiper-pagination{bottom:-14%;width:100%;}
.chinese .cont_lect_type .swiper-pagination .swiper-pagination-bullet{width:7px;height:7px;background:#172c48 !important;border:1px solid #fff;opacity:1;box-sizing:border-box;margin:0 3px;}
.chinese .cont_lect_type .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff !important;}
.chinese .cont_benefit{background:#353b45 url('/assets/m-user/images/chinese/bg_cont_benefit.jpg') no-repeat center 0;background-size:100% 100%;padding-bottom:50px;}
.chinese .benefit_bx{background-color:#fff;margin:0 12px;}
.chinese .benefit_bx .tab{position:absolute;top:0;left:0;width:100%;height:34.5%;z-index:51;}
.chinese .benefit_bx .tab li{width:33.3%;height:50%;float:left;}
.chinese .benefit_bx .tab li a{height:100%;display:block;}
.chinese .cont_books{background:#f4f4f4;padding-bottom:46px;position:relative;}
.chinese .books_bx{background-color:#fff;margin:0 12px;}
.chinese .books_bx .tab{position:absolute;top:0;left:0;width:100%;height:32%;z-index:51;}
.chinese .books_bx .tab li{width:33.3%;height:100%;float:left;}
.chinese .books_bx .tab li a{height:100%;display:block;}
.chinese .btn_book_view{position:absolute;top:74%;left:5%;width:29%;height:16%;font-size:0;line-height:0;text-indent:-9999px;}
.chinese .pop_books{position:absolute;top:0;left:0;width:100%;background:rgba(0, 0, 0, 0.9);z-index:52;padding:49px 0 42px;display:none;}
#wrap.chinese .pop_books .book_img{width:104px;}
.chinese .pop_books .books_info{text-align:left;padding:30px 20px 0 28px;}
.chinese .pop_books p{padding:0;margin:0;color:#fff;line-height:1;}
.chinese .pop_books .info_txt1{font-size:13px;padding-bottom:10px;}
.chinese .pop_books .info_txt1 strong{font-size:18px;margin-top:5px;display:inline-block;line-height:22px;}
.chinese .pop_books .info_txt2{font-size:11px;color:#cbcbcb;line-height:16px;padding-bottom:10px;}
.chinese .pop_books .info_txt3{font-size:13px;line-height:18px;padding-bottom:7px;}
.chinese .pop_books .info_txt4{font-size:10px;color:#ff0000;}
.chinese .pop_books .pop_btn_close{position:absolute;top:13px;right:13px;width:25px;}
.chinese .cont_review{background:url('/assets/m-user/images/chinese/bg_cont_review.jpg') no-repeat center 0;background-size:100% 100%;text-align:center;padding-bottom:80px;}
.chinese .cont_review p{padding:0;margin:0;}
.chinese .cont_review .review_wrap{width:540px;}
.chinese .cont_review .bx-wrapper .bx-viewport{background:none;}
.chinese .review_bx > div{width:265px;background:#fff;border-radius:20px;}
.chinese .review_bx > div > a{display:block;padding-top:20px;text-align:left;height:235px;}
.chinese .review_bx .review_tit{font-size:13px;color:#1a629b;line-height:15px;font-weight:600;text-align:center;height:15px;overflow:hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;width:90%;margin:0 auto 10px;}
.chinese .review_bx .review_photo{width:175px;height:100px;overflow:hidden;margin:0 auto 10px;}
.chinese .review_bx .review_photo img{width:175px;}
.chinese .cont_review .bx-controls-direction a{position:absolute;top:42%;width:19px;height:33px;font-size:0;text-indent:-9999px;background:url('/assets/m-user/images/chinese/btn_nav.png') no-repeat;z-index:101;cursor:pointer;}
.chinese .cont_review .bx-controls-direction .bx-prev{left:-13%;}
.chinese .cont_review .bx-controls-direction .bx-next{right:-13%;background-position-x:-19px;}
.chinese .cont_review .txt_info{font-size:11px;color:#cfcfd0;padding:12px 0 15px;}
.chinese .review_bx .label{display:inline-block;padding:2px 11px 0;line-height:18px;background:#1a629b;border-radius:10px;font-size:12px;color:#fff;font-weight:600;margin:0 0 10px 12px;}
.chinese .review_bx .classInfo{padding-left:14px;}
.chinese .review_bx .classInfo span{font-size:11px;color:#222;font-weight:600;display:inline-block;height:14px;vertical-align:top;margin-right:2px;}
.chinese .review_bx .classInfo span.classTit{max-width:150px;overflow:hidden;}
.chinese .review_bx .writer{display:inline-block;font-size:11px;color:#222;font-weight:600;padding:0 0 0 14px;}
.btn_review_more{margin:0 auto;width:52%;display:block;}
#top_btn.topbtn{width:40px;height:40px;background:url('/assets/m-user/images/chinese/top_btn.png') no-repeat 0 0;background-size:100% auto;}

/* 211228 syh 추가 */
.layer_video{display:none;}
.layer_video:before{content:'';width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);position:fixed;left:0;top:0;z-index:1002;}
.layer_video .layer_contents{width:85%;border:1px solid #000;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);position:fixed;left:50%;top:50%;z-index:1003;}
.layer_video .layer_video_box{position:relative;padding-bottom:56.6%;overflow:hidden;}
.layer_video .layer_video_box iframe{width:101%;height:101%;position:absolute;left:-0.5%;top:-0.5%;}
.layer_video .btn_layer_close{width:30px;height:30px;font-size:0;background-color:#000;position:absolute;right:-1px;top:-31px;}
.layer_video .btn_layer_close:before,
.layer_video .btn_layer_close:after{content:'';width:1px;height:24px;margin-top:-12px;background-color:#fff;position:absolute;left:50%;top:50%;}
.layer_video .btn_layer_close:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.layer_video .btn_layer_close:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
/* //211228 syh 추가 */
/* //211119 syh 중국어 개편 */

/* 중국어회화 개편 211228 syh 수정 */
.chinese .cont_youtube{background:#1c1e2d;padding-bottom:47px;}
.chinese .cont_youtube .tit_cont{}
.chinese .cont_youtube .youtube_box{padding-bottom:52.8%;position:relative;width:94%;margin:0 auto;}
.chinese .cont_youtube .youtube_box iframe{width:100%;height:100%;position:absolute;left:0;top:0;}
.chinese .cont_youtube .ban_youtube{position:relative;}
.chinese .cont_youtube .ban_youtube a{width:29%;height:39%;position:absolute;bottom:0;right:15%;font-size:0;text-indent:-9999px;line-height:0;}
.chinese .cont_teacher .slide_box > .center{display:inline-block;padding:0 10px;line-height:18px;font-size:12px;color:#fff;background:#1a629b;border-radius:9px;position:absolute;top:10px;left:10px;}
.chinese .ch02 .cont_teacher .box_bot{padding-top:23px;}
.chinese .ch02 .cont_teacher .slide_box{}
.chinese .ch02 .cont_teacher .slide_box a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;font-size:0;line-height:0;text-indent:-9999px;}
.chinese .ch02 .care_area .action .list_main{-webkit-transition-delay:0.9s;transition-delay:0.9s;text-align:center;width:100%;}
.chinese .ch02 .cont_curry{background:#181c21 url('/assets/m-user/images/chinese/bg_cont_curry02.jpg') no-repeat 0 0;background-size:100% 100%;padding-bottom:50px;position:relative;} /* 250213 syh 수정 */
.chinese .curry_bx{position:relative;background:#fff url('/assets/m-user/images/chinese/bg_curry_cont01.jpg') no-repeat 0 0;background-size:100% 100%;margin:0 12px 17px;overflow:hidden;}
.chinese .curry_bx .tab{position:absolute;top:0;left:0;width:100%;height:35.5%;z-index:51;}
/* 241120 syh 수정 */
.chinese .curry_bx .tab li{width:33.33%;height:50%;float:left;}
.chinese .curry_bx .tab li:nth-child(4), .chinese .curry_bx .tab li:nth-child(5){width:50%;}
/* //241120 syh 수정 */
.chinese .curry_bx .tab li a{height:100%;display:block;font-size:0;line-height:0;text-indent:-9999px;}
.chinese .curry_bx .cont > div{position:relative;}
.chinese .curry_bx .cont > div:first-child{display:block;}
.chinese .curry_bx .cont > div{display:none;position:relative;}
.chinese .curry_bx .btn_book_detail{display:block;width:29%;height:12%;position:absolute;top:76%;left:6%;font-size:0;line-height:0;text-indent:-9999px;}
#wrap.chinese .ch02 .pop_books{top:auto;bottom:14.5%;}
#wrap.chinese .ch02 .pop_books .book_img{width:220px;}
.chinese .ch02 .pop_books .books_info{padding:30px 13px 0 24px;}
.chinese .btn_leveltest{width:51%;margin:0 auto;display:block;}

/* 250213 syh 수정 및 추가 */
.chinese .ch02 .cont_type{background-color:#25282c;padding-bottom:75px;overflow:hidden;height:130vw;position:relative;}
.chinese .ch02 .cont_type .swiper_btn{position:absolute;top:26%;width:14%;height:30vw;font-size:0;text-indent:-9999px;z-index:101;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;}
.chinese .ch02 .cont_type .swiper_btn.prev{left:0;}
.chinese .ch02 .cont_type .swiper_btn.next{right:0;}
.chinese .ch02 .cont_type .swiper_btn:after{content:'';display:block;background:url('/assets/m-user/images/chinese/btn_nav.png') no-repeat;position:absolute;top:33%;width:19px;height:33px;}
.chinese .ch02 .cont_type .swiper_btn.prev:after{left:48%;}
.chinese .ch02 .cont_type .swiper_btn.next:after{right:48%;background-position-x:-19px;}
.chinese .ch02 .cont_benefit{background:#434343;}
.chinese .ch02 .cont_benefit .swiper_btn{position:absolute;top:36%;width:7%;height:30vw;font-size:0;text-indent:-9999px;z-index:101;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;}
.chinese .ch02 .cont_benefit .swiper_btn.prev{left:0;}
.chinese .ch02 .cont_benefit .swiper_btn.next{right:0;}
.chinese .ch02 .cont_benefit .swiper_btn:after{content:'';display:block;background:url('/assets/m-user/images/chinese/btn_nav.png') no-repeat;position:absolute;top:33%;width:19px;height:33px;}
.chinese .ch02 .cont_benefit .swiper_btn.prev:after{left:29%;}
.chinese .ch02 .cont_benefit .swiper_btn.next:after{right:29%;background-position-x:-19px;}
/* //250213 syh 수정 및 추가 */
.chinese .ch02 .benefit_bx .tab{height:27.5%;}
.chinese .ch02 .benefit_bx .tab li{width:25%;height:100%;}
.chinese .cont_benefit .youtube_area{padding-bottom:35.5%;position:relative;position:absolute;bottom:7.5%;right:7%;width:44%;}
.chinese .cont_benefit .youtube_area iframe{width:100%;height:71%;position:absolute;left:0;top:0;}
.chinese .ch02 .lect_swipe .box.line1 .tit{padding:43px 0 5px;}
.chinese .ch02 .lect_swipe .box.line3 .tit{padding:28px 0 4px;}
.chinese .ch02 .lect_swipe .box.line3 .sub{font-size:10px;line-height:13px;}
.chinese .ch02 .lect_swipe .btn_detail{font-size:11px;color:#45566d;margin-top:8px;display:inline-block;}
.chinese .ch02 .lect_swipe .swiper-slide-active .box.line1 .tit{padding:68px 0 9px;}
.chinese .ch02 .lect_swipe .swiper-slide-active .box.line3 .tit{padding:43px 0 9px;}
.chinese .ch02 .lect_swipe .swiper-slide-active .box.line3 .sub{font-size:14px;line-height:19px;}
.chinese .ch02 .lect_swipe .swiper-slide-active .btn_detail{color:#222;font-weight:600;}
.chinese .floating_ban_r{position:fixed;right:8px;bottom:57px;z-index:503;}
.chinese .floating_ban_r a{display:block;}
.chinese .floating_ban_level{width:91px;height:98px;display:inline-block;font-size:0;line-height:0;text-indent:-9999px;background:url('/assets/m-user/images/chinese/floating_ban_level01.png') no-repeat 0 0;background-size:100% 100%;animation: animatedBackground 0.5s linear infinite;}
@keyframes animatedBackground{from {background:url('/assets/m-user/images/chinese/floating_ban_level01.png') no-repeat 0 0;background-size:100% 100%;}to {background:url('/assets/m-user/images/chinese/floating_ban_level02.png') no-repeat 0 0;background-size:100% 100%;}}
.ch02 #topBtn{z-index:900;position:fixed;bottom:3%;right:33px;width:40px;height:40px;cursor:pointer;background:url('/assets/m-user/images/chinese/top_btn.png') no-repeat 0 0;background-size:100% auto;}
/* //중국어회화 개편 211228 syh 수정 */

/* HSK 개편 211228 syh 수정 */
.chinese .ch03 .cont_youtube .ban_youtube a{width:29%;height:21%;position:absolute;bottom:0;right:2.5%;font-size:0;text-indent:-9999px;line-height:0;}
.chinese .ch03 .cont_teacher{background:#0d203b url('/assets/m-user/images/chinese/bg_cont_teacher03.jpg') no-repeat 0 0;background-size:100% auto;padding-bottom:65px;}
.chinese .ch03 .cont_teacher .bx-wrapper .bx-viewport{background:none;}
.chinese .ch03 .cont_teacher .swiper {width: 100%;height: 375px;}
.chinese .ch03 .cont_teacher .swiper-slide {text-align: center;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.chinese .ch03 .cont_teacher .slide_box{width:100%;height:115px;box-sizing:border-box;background:#f5f5f5;margin:0;position:relative;overflow:hidden;text-align:left;}
.chinese .ch03 .cont_teacher .slide_box:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #d4bf89;box-sizing:border-box;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;}
.chinese .ch03 .cont_teacher .slide_box:before{content:'';display:block;position:absolute;top:1px;left:0;width:250px;height:115px;background:url('/assets/user/images/chinese/shadow_on_left.png') no-repeat center bottom;background-size:100% 100%;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.chinese .ch03 .cont_teacher .box_left{position:relative;overflow:hidden;width:170px;margin-right:2px;left:-5px;}
#wrap.chinese .ch03 .cont_teacher .tc_photo{height:115px;width:auto;max-width:auto;}
.chinese .ch03 .cont_teacher .txt_group{position:static; text-align:left;box-sizing:border-box;padding:0;height:auto;}
.chinese .ch03 .cont_teacher .txt_group .tit{font-size:18px;color:#222;font-weight:600;text-shadow:none;padding:15px 0 5px;line-height:1;}
.chinese .ch03 .cont_teacher .txt_group.line3 .tit{padding:7px 0 3px;} /* 241018 syh 추가 */
.chinese .ch03 .cont_teacher .txt_group .slogan{font-size:12px;color:#222;line-height:16px;margin-bottom:8px;}
.chinese .ch03 .teacher_slider{position:relative;padding:37px 12px;box-sizing:border-box;}
.chinese .ch03 .teacher_slider:after{display:none;}
.chinese .ch03 .teacher_slider li{text-align:center;}
.chinese .ch03 .teacher_slider .swiper_btn{position:absolute;left:50%;margin-left:-20px;width:40px;height:22px;font-size:0;text-indent:-9999px;background:url('/assets/m-user/images/chinese/btn_nav03.png') no-repeat 0 0;background-size:40px auto;z-index:3;cursor:pointer;}
.chinese .ch03 .teacher_slider .swiper_btn.next{top:0;}
.chinese .ch03 .teacher_slider .swiper_btn.prev{top:auto;bottom:0;background-position-y:-22px;}
.chinese .ch03 .cont_teacher .box_right{position:absolute;top:0;right:0;z-index:1;width:190px;height:115px;}
.chinese .ch03 .cont_teacher .box_right .info_group{position:absolute;bottom:9px;left:0;} /* 241018 syh 수정 */
.chinese .ch03 .cont_teacher .box_right .center{display:inline-block;padding:0 15px;line-height:24px;font-size:14px;color:#fff;background:#1a629b;border-radius:12px;margin-right:3px;}
.chinese .ch03 .cont_teacher .box_right .name a{font-size:13px;color:#444;}
.chinese .ch03 .cont_teacher .box_right .name a + a{margin-left:3px;}
.chinese .ch03 .cont_teacher .box_right .name a:hover{text-decoration:underline;}
.chinese .ch03 .cont_teacher .box_right .tc_history{font-size:11px;color:#222;line-height:16px;font-weight:600;}
.chinese .ch03 .cont_teacher .btn_sample{position:absolute;bottom:10%;left:12%;width:22%;z-index:1;}
.chinese .ch03 .cont_curry{background:#181c21 url('/assets/m-user/images/chinese/bg_cont_curry03.jpg') no-repeat 0 0;background-size:100% 100%;position:relative;padding-bottom:0;}
.chinese .ch03 .youtube_area{position:relative;}
.chinese .ch03 .youtube_area .btn_sample{position:absolute;top:0;left:14%;display:block;width:72%;height:60%;font-size:0;line-height:0;text-indent:-9999px;}
.chinese .ch03 .curry_bx{margin:0;background:#fff url('/assets/m-user/images/chinese/bg_curry_cont03.jpg') no-repeat 0 0;background-size:100% 100%;}
.chinese .ch03 .curry_bx .tab{height:20.5%;}
.chinese .ch03 .curry_bx .tab li{width:33.3%;height:100%;} /* 230116 syh 수정 */
.chinese .ch03 .cont_benefit{background:#181c21 url('/assets/m-user/images/chinese/bg_cont_benefit03.jpg') no-repeat 0 0;background-size:100% 100%;padding-bottom:48px;}
.chinese .ch03 .benefit_bx .tab{height:25%;}
.chinese .ch03 .benefit_bx .tab li{width:25%;height:100%;}
.chinese .ch03 .cont_review{background:url('/assets/m-user/images/chinese/bg_cont_review03.jpg') no-repeat center 0;background-size:100% 100%;}
.chinese .ch03 .floating_ban_level{background-image:url('/assets/m-user/images/chinese/floating_ch03_01.png');animation: aniFloatCh03 0.5s linear infinite;}
@keyframes aniFloatCh03{from {background:url('/assets/m-user/images/chinese/floating_ch03_01.png') no-repeat 0 0;background-size:100% 100%;}to {background:url('/assets/m-user/images/chinese/floating_ch03_02.png') no-repeat 0 0;background-size:100% 100%;}}
.ch03 #topBtn{z-index:900;position:fixed;bottom:3%;right:33px;width:40px;height:40px;cursor:pointer;background:url('/assets/m-user/images/chinese/top_btn.png') no-repeat 0 0;background-size:100% auto;}
/* //HSK 개편 211228 syh 수정 */

/* TSC 개편 211228 syh 수정 */
.chinese .ch04 .youtube_slider{position:relative;}
.chinese .ch04 .youtube_slider .mvarea{height:52.3vw;position:relative;margin:0 2.8% 0 3.3%;}
.chinese .ch04 .youtube_slider .mvarea iframe{width:100%;height:100%;position:absolute;left:0;top:0;}
.chinese .ch04 .cont_youtube div[class^=swiper-button-]{position:absolute;top:25%;width:10%;height:50%;font-size:0;text-indent:-9999px;z-index:101;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;}
.chinese .ch04 .youtube_slider .swiper-button-prev{left:0;}
.chinese .ch04 .youtube_slider .swiper-button-next{right:0;}
.chinese .ch04 .cont_youtube div[class^=swiper-button-]:after{content:'';display:block;width:19px;height:33px;background:url('/assets/m-user/images/chinese/btn_nav.png') no-repeat 0 0;position:absolute;top:37%;}
.chinese .ch04 .youtube_slider div.swiper-button-prev:after{right:0;}
.chinese .ch04 .youtube_slider div.swiper-button-next:after{left:0;background-position-x:-19px;}
.chinese .ch04 .cont_youtube .ban_youtube a{width:38%;height:44%;right:31%;}
.chinese .ch04 .cont_teacher .box_bot{padding-top:23px;}
.chinese .ch04 .cont_teacher .slide_box{}
.chinese .ch04 .cont_teacher .slide_box a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;font-size:0;line-height:0;text-indent:-9999px;}
.chinese .ch04 .care_area .action .list_main{-webkit-transition-delay:0.9s;transition-delay:0.9s;text-align:center;width:100%;}
.chinese .ch04 .cont_why{text-align:center;background:#353a44;}
.chinese .ch04 .cont_why .tit_cont{}
.chinese .ch04 .cont_why .que{position: relative;height:42px; cursor: pointer;-webkit-transition:all 0.3s; transition: all 0.3s;margin-top:10px;font-size:0;line-height:0;text-indent:-9999px;}
.chinese .ch04 .cont_why .que.q1{margin-top:0;background:#5b616b url('/assets/m-user/images/chinese/que1_off.jpg') no-repeat 0 0;background-size:auto 42px;}
.chinese .ch04 .cont_why .que.q2{background:#5b616b url('/assets/m-user/images/chinese/que2_off.jpg') no-repeat 0 0;background-size:auto 42px;}
.chinese .ch04 .cont_why .que.q3{background:#5b616b url('/assets/m-user/images/chinese/que3_off.jpg') no-repeat 0 0;background-size:auto 42px;}
.chinese .ch04 .cont_why .que.on.q1{background:#004a7c url('/assets/m-user/images/chinese/que1_on.jpg') no-repeat 0 0;background-size:auto 42px;}
.chinese .ch04 .cont_why .que.on.q2{background:#004a7c url('/assets/m-user/images/chinese/que2_on.jpg') no-repeat 0 0;background-size:auto 42px;}
.chinese .ch04 .cont_why .que.on.q3{background:#004a7c url('/assets/m-user/images/chinese/que3_on.jpg') no-repeat 0 0;background-size:auto 42px;}
.chinese .ch04 .cont_why .que:before{content:'';display:block;width:14px;height:14px;background:url('/assets/user/images/chinese/arr01.png') no-repeat 0 0;background-size:14px auto;position:absolute;top:15px;right:12px;-webkit-transition:all 0.3s; transition: all 0.3s;}
.chinese .ch04 .cont_why .que.on + .anw{display:block;}
.chinese .ch04 .cont_why .anw{display: none; overflow: hidden;}
.chinese .ch04 .cont_why .que.on:before{top:10px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
.chinese .ch04 .cont_curry{background:#181c21;padding-bottom:0;position:relative;}
.chinese .ch04 .curry_process{width:93%;margin:0 auto;position:relative;}
.chinese .ch04 .curry_process ul{position:static;}
.chinese .ch04 .curry_process ul:after{content:'';display:block;clear:both;}
.chinese .ch04 .curry_process li{width:49.5%;height:auto;float:left;font-size:3.3vw;color:#272727;line-height:1.3;text-align:left;text-indent:0;cursor:pointer;position:relative;margin-bottom:0.6%;background:none;}
.chinese .ch04 .curry_process li:nth-child(2n){float:right;}
.chinese .ch04 .curry_process .prc_tit{background:#d4ccc2;padding:0;margin:0;}
.chinese .ch04 .curry_process li.prc2 .prc_tit{background:#d4c4af;}
.chinese .ch04 .curry_process li.prc3 .prc_tit{background:#d4b891;}
.chinese .ch04 .curry_process li.prc4 .prc_tit{background:#d4a86a;}
.chinese .ch04 .curry_process li.on{background:none;}
.chinese .ch04 .curry_process li.on .prc_tit{background:#1a629b;}
.chinese .ch04 .curry_process li .prc_con{height:20vh;padding:13px 10px 0 7px;background:#fff url('/assets/user/images/chinese/bg_prc.jpg') no-repeat center bottom;background-size:cover; letter-spacing:-1px;}
.chinese .ch04 .curry_process li.on .prc_con{border:2px solid #1a629b;border-top:0;padding:13px 8px 0 5px;}
.chinese .ch04 .cont_benefit{background:#181c21 url('/assets/m-user/images/chinese/bg_cont_benefit02.jpg') no-repeat 0 0;background-size:100% 100%;}
.chinese .ch04 .benefit_bx .tab{height:27.5%;}
.chinese .ch04 .benefit_bx .tab li{width:25%;height:100%;}
.chinese .cont_review{background:url('/assets/m-user/images/chinese/bg_cont_review04.jpg') no-repeat center 0;background-size:100% 100%;}
.ch04 #topBtn{z-index:900;position:fixed;bottom:3%;right:33px;width:40px;height:40px;cursor:pointer;background:url('/assets/m-user/images/chinese/top_btn.png') no-repeat 0 0;background-size:100% auto;}
/* //TSC 개편 211228 syh 수정 */

.sliderInTab{position:absolute;top:65px;padding:20px;}
.sliderInTab .sliderInTabBox{}
.sliderInTab .sliderInTabCont{display:none;}
.sliderInTab .sliderInTabCont.tab1{display:block;}
.sliderInTab .sliderInTabBox li{width:50%;}
.sliderInTab .sliderInTabBox li a{font-size:15px;background-color:#666666;display:block;padding:10px;color:#999;}
.sliderInTab .sliderInTabBox li.on{}
.sliderInTab .sliderInTabBox li.on a{background-color:#de1d07;color:#fff;}

.step4DetailPop{display:none;height:100%;}
.step4DetailPop img{width:100%;}
.step4DetailPop .c_layer{overflow-y:scroll;height:420px;}

/* 상단 유튜브 */
.sec_top{position:relative;text-align:center;padding:310px 0 0;background:url('/images/lecture/china/sec_top_bg.png') repeat-x bottom;height:325px;}
.sec_top .tle{position:absolute;top:0;left:0;right:0;}
.sec_ytb{position:absolute;left:0;right:0;bottom:0;}
.ytb_wrap{position:absolute;left:0;right:0;bottom:80px;width:540px;height:340px;border:1px solid #000;padding-bottom:40px;background:#000;box-sizing:border-box;box-shadow:0px 4px 15px 0px #111;margin:0 auto;}
.ytb_wrap .ytb_info{font-size:13px;color:#fff;position:absolute;bottom:13px;right:25px;letter-spacing:-0.5px;}

.lecture_ytb.chYtb{  }
.lecture_ytb.chYtb .ytb_wrap{ width:66%; height:20%;top:39%;padding-bottom:0;}
.lecture_ytb.chYtb .ytb_wrap iframe{height:100%;}


.ozlangTabsWrap{padding:35px 0 40px;}
.ozlangTabsWrap .ozlangTabs{text-align:center;font-size:0;}
.ozlangTabsWrap .ozlangTabs a{width:30%;height:30px;display:inline-block;margin:0 1%;text-align:center;font-size:12px;line-height:30px;color:#fff;background-color:#2f3172;border-radius:30px;}
.ozlangTabsWrap .ozlangTabs a.on{font-size:14px;font-weight:bold;background-color:#7e1df4;position:relative;}
.ozlangTabsWrap .ozlangTabs a.on:after{content:'';margin:0 0 0 -6px;position:absolute;left:50%;top:100%;border-top:9px solid #7e1df4;border-left:5px solid transparent;border-right:5px solid transparent;}
.ozlangTabsWrap .ozlangTabCont{padding:40px 0 0;display:none;}
#ozlangTabcont01{display:block;}
.ozlangTabsWrap .ozlangTabCont ul{padding:0 5px 40px 40px;}
.ozlangTabsWrap .ozlangTabCont li{padding:0 0 0 20px;text-align:left;font-size:12px;color:#fff;background:url('/assets/m-user/images/lecture/2021_ss/toeic/icon_bullet.png') 4px 0 no-repeat;background-size:13px 12px;}
.ozlangTabsWrap .ozlangTabCont li + li{margin-top:10px;}
.ozlangTabsWrap .ozlangImgCont{text-align:center;}
.ozlangGuide{padding-right:20px;text-align:right;font-size:11px;color:#fff;}
.ozlangBanner{background-color:#6b2bd3;}
.ozlangBanner .ozlangBanOuter > span{display:block;text-align:center;}
.ozlangBanner .ozlangBanOuter .tit{margin-bottom:20px;}
.ozlangBanner .ozlangBanOuter .btn{}
.ozlangBanner .ozlangBanOuter .btn a{width:238px;display:inline-block;}



/* 200810 kmh 온라인 클래스 */
#wrap.onlineClass{overflow:hidden;}
#wrap.onlineClass *{box-sizing:border-box;}

/* 221219 kmh 온라인클래스 개편 */
.onlineClass img{width:100%;}
.onlineClass h3,
.onlineClass h4,
.onlineClass p{margin:0;}
.onlineClass .top_visual{padding:9.46vw 0 20vw;background:#0e2197 url('/assets/m-user/images/online_class/top_visual_bg.jpg') 50% 0 no-repeat;background-size:100% auto;position:relative;}
.onlineClass .top_visual .hd{text-align:center;opacity:1;perspective:1600px;}
.onlineClass .top_visual .hd .s_tit{opacity:0;-webkit-transform:translate(300px, 0);transform:translate(300px, 0);}
.onlineClass .top_visual .hd .tit{opacity:0;-webkit-transform:translate3d(0,300px,-3400px);transform:translate3d(0,300px,-3400px);}
.onlineClass .top_visual .summary{margin:-0.8vw 0 36vw;}
.onlineClass .top_visual .hd.action .s_tit{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);}
.onlineClass .top_visual .hd.action .tit{opacity:0;-webkit-transition:all 0.8s ease-in;transition:all 0.8s ease-in;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.onlineClass .top_visual .obj_city{width:100%;position:absolute;left:0;bottom:0;}
.onlineClass .top_visual .obj_items{opacity:1;}
.onlineClass .top_visual .obj_items .box > img,
.onlineClass .top_visual .obj_items .over_txt,
.onlineClass .top_visual .obj_items .over_txt:after,
.onlineClass .top_visual .obj_items .over_txt img{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.onlineClass .top_visual .obj_items ul{padding:0 1.6vw;text-align:center;font-size:0;}
.onlineClass .top_visual .obj_items li{width:33.33%;padding:7px 0;display:inline-block;vertical-align:middle;opacity:0;-webkit-transform:translate(-200px, 0) rotate(-180deg);transform:translate(-200px, 0) rotate(-180deg);}
.onlineClass .top_visual .obj_items .box{width:29.06vw;margin:0 auto;padding:0;overflow:hidden;border-radius:181px;position:relative;}
.onlineClass .top_visual .obj_items .over_txt{width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);opacity:0;position:absolute;left:0;top:0;border-radius:181px;} /* 221230 syh 수정 */
.onlineClass .top_visual .obj_items .over_txt:after{content:'';width:17px;height:20px;margin-left:-8px;background:url('/assets/user/images/online_class/icon_pin.png') no-repeat;background-size:100% 100%;position:absolute;left:50%;top:0;opacity:0;transition-delay:0.2s;}
.onlineClass .top_visual .obj_items.action li{opacity:1;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg);}
.onlineClass .top_visual .obj_items.action li:nth-child(2){transition-delay:0.2s;}
.onlineClass .top_visual .obj_items.action li:nth-child(3){transition-delay:0.4s;}
.onlineClass .top_visual .obj_items.action li:nth-child(4){transition-delay:0.6s;}
.onlineClass .top_visual .obj_items.action li:nth-child(5){transition-delay:0.8s;}

.onlineClass .top_visual .obj_items .on .box > img{transform:scale(1);}/* 230103 kmh 수정 */
.onlineClass .top_visual .obj_items .on .box .over_txt{opacity:1;}
.onlineClass .top_visual .obj_items .on .box .over_txt:after{top:3vw;opacity:1;}
.onlineClass .top_visual .obj_items .on .box .over_txt img{transform:scale(1);}

.onlineClass .cont_about{padding:58px 0 57px;text-align:center;position:relative;background-color:#efeff2;}
.onlineClass .cont_about:before{content:'';width:73px;height:56px;margin-left:-37px;background:url('/assets/m-user/images/online_class/obj_about.png') no-repeat;background-size:100% 100%;position:absolute;left:50%;top:-33px;}
.onlineClass .cont_about .tit{margin-bottom:38px;}
.onlineClass .cont_about .tit div:nth-child(2){margin-top:15px;}
.onlineClass .cont_about .stit{margin-bottom:27px;}
.onlineClass .cont_about .about_items{}
.onlineClass .cont_about .about_items ul{padding:0 6.67vw;}
.onlineClass .cont_about .about_items li{position:relative;}
.onlineClass .cont_about .about_items li + li{margin-top:23px;}
.onlineClass .cont_about .about_items .over{opacity:0;position:absolute;left:0;top:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.onlineClass .cont_about .about_items li:hover .over{opacity:1;box-shadow:0 0 20px 1px rgba(0, 0, 0, 0.2);}

.onlineClass .cont_vod{}
.onlineClass .cont_vod .cont_vod_top{padding:60px 0 50px;background:#0a1767 url('/assets/m-user/images/online_class/cont_vod_top_bg.jpg') center bottom no-repeat;background-size:100% auto;}
.onlineClass .cont_vod .cont_vod_top .hd{margin-bottom:17px;}
.onlineClass .cont_vod .cont_vod_top .btn_lec_view{text-align:center;}
.onlineClass .cont_vod .cont_vod_top .btn_lec_view img{width:256px;}

.onlineClass .cont_vod .cont_vod_contents{padding:56px 0 0;background-color:#0722c6;}
.onlineClass .cont_vod .cont_vod_contents .tit{text-align:center;position:relative;}
.onlineClass .cont_vod .videoTab{width:100%;padding:0 6.67vw;font-size:0;margin:0;}
.onlineClass .cont_vod .videoTab li{vertical-align:middle;}
.onlineClass .cont_vod .videoTab li:nth-child(2) a{padding-top:9px;}
.onlineClass .cont_vod .videoTab a{width:100%;height:52px;padding-top:18px;display:block;text-align:center;font-size:20px;line-height:1.1;font-weight:600;color:#3e4990;background-color:#0a1767;}
.onlineClass .cont_vod .videoTab a span{display:block;font-size:11px;}
.onlineClass .cont_vod .videoTab a.on{color:#fff;background-color:#cf1c17;}
.onlineClass .cont_vod .videoTabCont{padding:22px 0 67px;background-color:#001595;}
.onlineClass .cont_vod .videoCont{width:85.9vw;height:48.3vw;margin:0 auto;box-shadow:0 0 20px 3px rgba(0, 0, 0, 0.3);background-color:#181818;position:relative;}
.onlineClass .cont_vod .videoCont iframe{width:100%;height:100%;position:absolute;left:0;top:0;}

.onlineClass .cont_review{padding:70px 0 60px;background-color:#efeff2;}
.onlineClass .cont_review .tit{text-align:center;}
.onlineClass .cont_review .review_items{padding:40px 0;overflow:hidden;position:relative;}
.onlineClass .cont_review .review_items li{}
.onlineClass .cont_review .review_items .wrap,
.onlineClass .cont_review .review_items .review_label,
.onlineClass .cont_review .review_items .icon,
.onlineClass .cont_review .review_items .sbj,
.onlineClass .cont_review .review_items .desc,
.onlineClass .cont_review .review_items .user{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
/* 240610 hyj 수정 */
.onlineClass .cont_review .review_items .wrap{width:82vw;height:105vw;margin:0 auto;padding:7vw 3vw 0;text-align:center;background-color:#e0e0e0;position:relative;}
.onlineClass .cont_review .review_items .review_label{width:73px;height:72px;display:flex;justify-content:center;align-items:center;font-size:15px;line-height:1.1;font-weight:600;color:#fff;background:url('/assets/m-user/images/online_class/review_label_bg.png') no-repeat;background-size:100% 100%;position:absolute;top:-16px;right:-19px;filter:grayscale(1);}
.onlineClass .cont_review .review_items .icon{height:15vw;margin-bottom:10px;filter:grayscale(1);}
.onlineClass .cont_review .review_items .icon,
.onlineClass .cont_review .review_items .icon img{vertical-align:bottom;}
.onlineClass .cont_review .review_items .icon img{width:auto;height:14.13vw;}
.onlineClass .cont_review .review_items li:nth-child(5) .icon img{height:15.2vw;}
.onlineClass .cont_review .review_items .sbj{margin-bottom:2vw;font-size:4.5vw;font-weight:600;color:#717171;}
/* //240610 hyj 수정 */
.onlineClass .cont_review .review_items .desc{margin-bottom:2.4vw;font-size:4vw;line-height:1.6;color:#717171;}
.onlineClass .cont_review .review_items .user{font-size:4vw;font-weight:600;color:#000;}
.onlineClass .cont_review .review_items .swiper-slide-active .wrap{background-color:#fff;box-shadow:0 0 20px 8px rgba(0, 0, 0, 0.2);}
.onlineClass .cont_review .review_items .swiper-slide-active .review_label,
.onlineClass .cont_review .review_items .swiper-slide-active .icon{filter:grayscale(0);}
.onlineClass .cont_review .review_items .swiper-slide-active .sbj{color:#cd1719;}
.onlineClass .cont_review .review_items .swiper-slide-active .desc{color:#000;}
.onlineClass .cont_review .review_items .swiper-slide-active .user{color:#000;}
.onlineClass .cont_review .nav a{width:47px;height:47px;margin-top:-24px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:50%;z-index:2;}
.onlineClass .cont_review .nav .prev{left:3vw;background-image:url('/assets/m-user/images/online_class/nav_prev.png');}
.onlineClass .cont_review .nav .next{right:3vw;background-image:url('/assets/m-user/images/online_class/nav_next.png');}
.onlineClass .cont_review .btn_review{text-align:center;}
.onlineClass .cont_review .btn_review img{width:260px;}

.onlineClass .cont_lineup{padding:70px 0 35px;background-color:#181818;}
.onlineClass .cont_lineup .tit{margin-bottom:25px;}

.onlineClass .tc_lineup_items{width:91.2vw;margin:0 auto 20px;}
.onlineClass .tc_lineup_items .swiper-container{height:420px;}
.onlineClass .tc_lineup_items .swiper-container .swiper-slide{height:46.14vw;}
.onlineClass .tc_lineup_items ul{position:relative;}
/* 230103 kmh 수정 */
.onlineClass .tc_lineup_items li{width:100%;position:relative;background-color:#555555;box-shadow:2px 2px 30px 5px rgba(0, 0, 0, 0.6);}
.onlineClass .tc_lineup_items li:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background-color:#555555;opacity:1;}
.onlineClass .tc_lineup_items .pagination{margin:0;position:absolute;left:10px;top:13px;}
.onlineClass .tc_lineup_items .pagination span{width:4px;height:4px;display:inline-block;vertical-align:top;background-color:#d4d4d4;border:none;}
.onlineClass .tc_lineup_items .pagination span.on{background-color:#181818;}
.onlineClass .tc_lineup_items .pagination span + span{margin-left:3px;}
.onlineClass .tc_lineup_items li.swiper-slide-active:after{opacity:0;}
.onlineClass .tc_lineup_items li.swiper-slide-active img{width:100%;height:100%;box-shadow:none;}
.onlineClass .tc_lineup_items .nav button{width:39px;height:40px;margin-left:-20px;display:inline-block;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-size:100% 100%;position:absolute;left:50%;top:50%;z-index:2;opacity:0.6;}
.onlineClass .tc_lineup_items .nav .prev{margin-top:-37.5vw;background-image:url('/assets/m-user/images/online_class/nav_prev02.png');}
.onlineClass .tc_lineup_items .nav .next{margin-top:27vw;background-image:url('/assets/m-user/images/online_class/nav_next02.png');}
.onlineClass .tc_lineup_items .link{position:relative;z-index:1;}/* 240315 hyj 추가 */
.onlineClass .tc_lineup_items .link a{width:33.5vw;height:7.47vw;font-size:0;text-indent:-9999px;position:absolute;left:19.33vw;bottom:3.06vw;}
.onlineClass .tc_lineup_items .link a:nth-child(2){left:55.46vw;}
.onlineClass .tc_lineup_items .link.number_1 a{left:38vw;}
.onlineClass .tc_lineup_items li img{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.onlineClass .tc_lineup_items li:after{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
/* //230103 kmh 수정 */
.onlineClass .cont_lineup .tc_lineup_tab{width:82vw;margin:0 auto;text-align:center;font-size:0;}
.onlineClass .cont_lineup .tc_lineup_tab a{width:25%;height:34px;border-bottom:1px solid #181818;border-right:1px solid #181818;display:inline-block;text-align:center;font-size:14px;line-height:34px;color:#7b7b7b;background-color:#313131;}
.onlineClass .cont_lineup .tc_lineup_tab a.on{font-weight:600;color:#fff;background-color:#b5000a;}
.tab_guide_noti{width:139px;height:30px;margin:12px auto 0;padding-top:12px;display:block;text-align:center;font-size:11px;color:#fff;background:url('/assets/user/images/online_class/tab_guide_bg.png') no-repeat;background-size:100% 100%;}

.onlineClass .cont_pr{padding:62px 0 0;background-color:#001595;position:relative;}
.onlineClass .cont_pr .tit{margin-bottom:35px;}
.onlineClass .cont_pr .btn_class_view{text-align:center;}
.onlineClass .cont_pr .btn_class_view a{width:292px;margin:0 auto;display:block;}
.onlineClass .cont_pr .btn_class_view a + a{margin-top:2px;}
.onlineClass .cont_pr .cont_pr_objs{height:24.53vw;margin-top:40px;overflow:hidden;position:relative;}
.onlineClass .cont_pr .cont_pr_objs .cont_pr_city,
.onlineClass .cont_pr .cont_pr_objs .cont_pr_house{width:400vw;height:100%;position:absolute;left:-300vw;bottom:0;}
.onlineClass .cont_pr .cont_pr_objs .cont_pr_city{background:url('/assets/m-user/images/online_class/obj_city_repeat.png') repeat-x;background-size:59.74vw 100%;animation: city 10s linear infinite;}
.onlineClass .cont_pr .cont_pr_objs .cont_pr_house{background:url('/assets/m-user/images/online_class/pr_objs_house.png') left bottom no-repeat;background-size:100vw 100%;animation: city 10s linear infinite;}
.onlineClass .cont_pr .cont_pr_objs .cont_pr_cycle{width:100%;height:100%;background:url('/assets/m-user/images/online_class/pr_objs_moto.png') no-repeat;background-size:100% 100%;position:absolute;left:0;bottom:0;animation: moto 10s linear infinite;}

@keyframes city{
	60%{left:0;}
	100%{left:0;}
}
@keyframes moto{
	10%{left:6px;}
	20%{left:-6px;}
	30%{left:6px;}
	40%{left:-6px;}
	50%{left:6px;}
	60%{left:0;}
	100%{left:0;}
}

/* //221219 kmh 온라인클래스 개편 */

.onlineClass .onlineCont{}
.onlineClass .onlineCont h3{margin:0;text-align:center;}
.onlineClass .onlineCont img{width:100%;vertical-align:top;}
.onlineClass .onlineCont.ver1{padding:0 0 60px;background-color:#131313;}
.onlineClass .onlineCont.ver1 .secCont1{padding:130px 0 0;position:relative;overflow:hidden;}
/* 211129 kmh 수정 및 삭제 */
.onlineClass .onlineCont.ver4{padding:65px 0 90px;background-color:#1d6aca;}
.onlineClass .onlineCont.ver4 .wrapper{width:86.7vw;margin:0 auto;}
.onlineClass .onlineCont.ver4 h3{margin-bottom:40px;}
.onlineClass .tab_online_live{font-size:0;}
.onlineClass .tab_online_live a{width:50%;height:50px;padding:9px 0 0;display:inline-block;vertical-align:top;text-align:center;font-size:12px;color:#999;background-color:#2b2b2b;}
.onlineClass .tab_online_live a em{display:block;font-size:20px;line-height:1;font-weight:700;font-style:normal;}
.onlineClass .tab_online_live a.on{background-color:#fd0012;color:#fff;}
.onlineClass .online_live_cont .tab_cont{display:none;}
/* //211129 kmh 수정 및 삭제 */
.onlineClass .onlineCont.ver3{background-color:#181818;}
.onlineClass .onlineCont.ver6{padding:0 0 60px;background-color:#1d6aca;}
.onlineClass .onlineCont.ver6 .videoArea{width:85.9vw;height:48.3vw;margin:0 auto;position:relative;box-shadow:0 0 20px 3px rgba(0, 0, 0, 0.3);background-color:#181818;}
.onlineClass .onlineCont.ver6 .videoArea iframe{width:100%;height:100%;position:absolute;left:0;top:0;}
.onlineClass .onlineCont.ver7{padding:40px 0 50px;background-color:#181818;} /* 210615 syh 수정 */
.onlineClass .onlineCont.ver7 .noticeGuide{padding:0 0 0 6%;text-align:left;font-size:14px;color:#d9d9d9;}
.onlineClass .onlineCont.ver7 .noticeGuide strong{display:inline-block;font-size:14px;color:#d9d9d9;border-bottom:1px solid #535353;}
.onlineClass .onlineCont.ver7 .noticeGuide ul{margin-top:20px;}
.onlineClass .onlineCont.ver7 .noticeGuide li{padding:0 0 0 14px;position:relative;line-height:1.8;letter-spacing:-1px;}
.onlineClass .onlineCont.ver7 .noticeGuide li:before{content:'';width:3px;height:3px;position:absolute;left:4px;top:11px;background-color:#d9d9d9;border-radius:1px;}
.onlineClass .onlineCont.ver7 .noticeGuide li span{padding-left:113px;font-size:12px;}

/* 201111 syh 추가 */
.onlineClass .videoTab{width:86vw;margin:0 auto;}
.onlineClass .videoTab ul{width:100%;display:table;table-layout:fixed;border-spacing:0;}
.onlineClass .videoTab li{display:table-cell;}
.onlineClass .videoTab a{height:45px;display:block;text-align:center;font-size:14px;line-height:45px;color:#999;background-color:#2b2b2b;}
.onlineClass .videoTab a.on{color:#fff;background-color:#fd0012;}
.onlineClass .onlineCont.ver6 .videoCont{width:85.9vw;height:48.3vw;margin:0 auto;position:relative;box-shadow:0 0 20px 3px rgba(0, 0, 0, 0.3);background-color:#181818;}
.onlineClass .onlineCont.ver6 .videoCont iframe{width:100%;height:100%;position:absolute;left:0;top:0;}
.onlineClass .btnOnlineClass{width:53vw;padding:12px 0;margin:48px auto 0;display:block;text-align:center;font-size:20px;font-weight:bold;color:#fff;background-color:#2b2b2b;} /* 211202 kmh 수정 */
.onlineClass .btnOnlineClass:after{content:'';display:inline-block;width:10px;height:10px;border:1px solid #fff;border-width:2px 2px 0 0;transform:rotate(45deg);margin-left:10px;vertical-align:middle;position:relative;top:-1px;}
.onlineClass .floatingBanner{width:100px;margin-bottom:50px;position:fixed;right:15px;bottom:7%;z-index:900;}
.onlineClass .floatingBanner .wrap{display:block;background-color:#fff;border-radius:10px;overflow:hidden;}
.onlineClass .floatingBanner .floatingCont p{padding:8px 0 5px;margin:0;font-size:12px;line-height:1.25;color:#000;}
.onlineClass .floatingBanner .floatingCont p strong{font-weight:bold;}
.onlineClass .floatingBanner .floatingCont p strong span{color:#0071fd;}
.onlineClass .floatingBanner .floatingImg img{width:100%;}
.onlineClass .floatingBanner .floatingBtn{width:100%;padding:6px 0;text-align:center;font-size:13px;color:#fff;background-color:#0071fd;}
.onlineClass .floatingClose{width:26px;height:26px;text-align:center;line-height:28px;font-size:0;background-color:#666;border-radius:50%;position:absolute;right:-9px;top:-9px;}
.onlineClass .floatingClose span{font-size:14px;color:#fff;vertical-align:middle;}
/* 201208 kmh 추가 */
.onlineClass .sampleVideo{display:none;}
.onlineClass .videoTit{margin:15px 0;text-align:center;}
.onlineClass .videoTit strong{display:block;font-size:20px;color:#fff;}
.onlineClass .videoTit p{margin:5px 0;font-size:13px;line-height:1.4;color:#b0bad8;}
/* //201208 kmh 추가 */
.sampleVideoWrap{padding:25px 0 0 7vw;}/* 201208 kmh 수정 */
.sampleVideoWrap .tit{margin-bottom:20px;text-align:center;}
.sampleVideoWrap .tit strong{display:block;font-size:20px;color:#fff;}
.sampleVideoWrap .tit p{margin:5px 0;font-size:13px;line-height:1.4;color:#b0bad8;}
.sampleVideoItems{}
.sampleVideoItems .swiper-wrapper{}/* 201208 kmh 수정 */
.sampleVideoItems li{width:155px;}
.sampleVideoItems .thumbImg{width:100%;height:87px;}
.sampleVideoItems .thumbImg img{width:100%;height:100%;object-fit:cover;}
.sampleVideoItems .cont{padding:13px 0 0;text-align:left;font-size:12px;color:#b0bad8;}
.sampleVideoItems .cont *{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.sampleVideoItems .cont > span{margin-bottom:2px;}
.sampleVideoItems .cont p{margin:0;}
/* //201111 syh 추가 */


.circlesBG{width:100%;height:100%;transform-style:preserve-3d;perspective:3000px;position:absolute;left:0;top:0;}
.circlesBG .bgItem{width:26vw;height:26vw;padding:4px;position:absolute;
    -ms-transition:all 1s;
    -webkit-transition:all 1s;
    transition:all 1s;
}
.circlesBG .bgItem .cover{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;background-size:100% 100%;background-repeat:no-repeat;
    -ms-transition:all 0.2s;
    -webkit-transition:all 0.2s;
    transition:all 0.2s;

    -ms-transform:scale(0.9);
    -webkit-transform:scale(0.9);
    transform:scale(0.9);
}
.circlesBG .bgItem .cover.typeRed{background-image:url('/assets/user/images/lecture/2020_ss/online_class/cover_red.png');}
.circlesBG .bgItem .cover.typeRed:after{content:'';width:50px;height:16px;margin-left:-25px;background:url('/assets/user/images/lecture/2020_ss/online_class/cover_red_label.png') no-repeat;position:absolute;left:50%;bottom:-6px;background-size:100% 100%;}
.circlesBG .bgItem .cover.typeBlue{background-image:url('/assets/user/images/lecture/2020_ss/online_class/cover_blue.png');}
.circlesBG .bgItem .cover.typeBlue:after{content:'';width:110px;height:38px;margin-left:-55px;background:url('/assets/user/images/lecture/2020_ss/online_class/cover_blue_label.png') no-repeat;position:absolute;left:50%;bottom:-16px;}

.circlesBG .bgItem .photo{width:100%;height:100%;display:block;border-radius:50%;overflow:hidden;background-color:#fdfdfd;}
.circlesBG .bgItem .photo img{width:160%;position:relative;left:-30%;top:5%;}
.circlesBG .bgItem .photo.team img{width:130%;position:relative;left:-15%;top:17%;}

.circlesBG .bgItem.type01{left:6%;top:5%;opacity:0.5;
    -ms-transform:translateZ(100px) scale(0.9);
    -webkit-transform:translateZ(100px) scale(0.9);
    transform:translateZ(100px) scale(0.9);
}
.circlesBG .bgItem.type02{right:15%;top:14%;opacity:0;
    -ms-transform:translateZ(100px) scale(1);
    -webkit-transform:translateZ(100px) scale(1);
    transform:translateZ(100px) scale(1);

    transition-delay:0.3s;
}
.circlesBG .bgItem.type03{right:-2%;top:40%;opacity:0;
    -ms-transform:translateZ(100px) scale(0.7);
    -webkit-transform:translateZ(100px) scale(0.7);
    transform:translateZ(100px) scale(0.7);

    transition-delay:0.6s;

    -webkit-filter:blur(2px);
    filter:blur(2px);
}
.circlesBG .bgItem.type04{left:-3%;top:40%;opacity:0.25;
    -ms-transform:translateZ(100px) scale(0.75);
    -webkit-transform:translateZ(100px) scale(0.75);
    transform:translateZ(100px) scale(0.75);
}
.circlesBG .bgItem.type05{left:40%;top:25%;opacity:0;
    -ms-transform:translateZ(100px) scale(0.5);
    -webkit-transform:translateZ(100px) scale(0.5);
    transform:translateZ(100px) scale(0.5);

    transition-delay:0.9s;

    -webkit-filter:blur(3px);
    filter:blur(3px);
}
.circlesBG .bgItem.type06{left:2%;top:70%;opacity:0.2;
    -ms-transform:translateZ(100px) scale(0.5);
    -webkit-transform:translateZ(100px) scale(0.5);
    transform:translateZ(100px) scale(0.5);

    -webkit-filter:blur(4px);
    filter:blur(4px);
}

.circlesBG .bgItem.type02 .photo{background-color:#4e82ef;}
.circlesBG .bgItem.type03 .photo{background-color:#e9bf41;transform:rotateY(180deg);}/* 220228 hyj 수정 */
.circlesBG .bgItem.type04 .photo{background-color:#63a3f5;}
.circlesBG .bgItem.type05 .photo{background-color:#eddc1a;}
.circlesBG .bgItem.type06 .photo{background-color:#da57ca;}

.circlesBG.action .bgItem.type01{}
.circlesBG.action .bgItem .cover.typeRed{opacity:1;
    -ms-transition:all 1s;
    -webkit-transition:all 1s;
    transition:all 1s;
    transition-delay:2s;

    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1);
}

.circlesBG.action .bgItem .cover.typeBlue{opacity:1;
    -ms-transition:all 1s;
    -webkit-transition:all 1s;
    transition:all 1s;
    transition-delay:3.1s;

    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1);
}
.circlesBG.action .bgItem.type02{opacity:0.4;}
.circlesBG.action .bgItem.type03{opacity:0.3;}
.circlesBG.action .bgItem.type04{}
.circlesBG.action .bgItem.type05{opacity:0.15;}
.circlesBG.action{animation:scale_ani 8s 1 ease-in-out;}
@keyframes scale_ani{
    60%{
        perspective:700px;
    }
    90%{
        perspective:3000px;
    }
    100%{
        perspective:3000px;
    }
}

.tabletSlide{width:70vw;height:48.58vw;margin:0 auto;padding:0.8vw;position:relative;box-shadow:0 10px 30px 5px rgba(0, 0, 0, 0.6);border-radius:1.8vw;overflow:hidden;z-index:1;}
.tabletSlide:after{content:'';width:100%;height:100%;background:url('/assets/user/images/lecture/2020_ss/online_class/tablet_frame.png') no-repeat;position:absolute;left:0;top:0;z-index:2;background-size:100% 100%;}
.tabletSlide .tabletInner{width:100%;height:100%;overflow:hidden;position:relative;}
.tabletSlide .tabletInner .item{width:100%;height:100%;position:absolute;left:100%;top:0;z-index:0;}
.tabletSlide .tabletInner .item img{width:100%;height:100%;}
.tabletSlide .tabletInner .item:nth-child(1){left:0;}

.coverFlow{position:relative;}
.coverFlow ul{width:43.6vw;height:91.33vw;margin:0 auto;position:relative;transform-style:preserve-3d;perspective:1000px;}
.coverFlow li{width:100%;height:100%;position:absolute;left:0;top:0;}
.coverFlow li:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background-color:#000;opacity:0.7;}
.coverFlow li .cover{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border:10px solid #2b2b2b;z-index:1;opacity:0;}
.coverFlow li .cover,
.coverFlow li img{box-shadow:2px 2px 30px 5px rgba(0, 0, 0, 0.6);}
.coverFlow li img{width:100%;height:100%;}
.coverFlow li.active .cover{opacity:1;}
.coverFlow li.active:after{opacity:0;}
.coverFlow li.active img{box-shadow:none;}

.coverFlow .nav{}
.coverFlow .nav button{width:40px;height:39px;margin-top:-20px;font-size:0;text-indent:-9999px;position:absolute;top:50%;background-size:100% auto;background-repeat:no-repeat;outline:none;}
.coverFlow .nav .prev{left:14%;background-image:url('/assets/m-user/images/lecture/2020_ss/online_class/nav_prev.png');}
.coverFlow .nav .next{right:14%;background-image:url('/assets/m-user/images/lecture/2020_ss/online_class/nav_next.png');}

.coverFlow li{
	-ms-transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.coverFlow li .cover{
	-ms-transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.coverFlow li:after{
	-ms-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
}
.coverFlow .pagination{position:absolute;left:14%;top:5%;}
.coverFlow .pagination span{width:4px;height:4px;display:inline-block;vertical-align:top;background-color:#d4d4d4;border:none;}
.coverFlow .pagination span.on{background-color:#181818;}
.coverFlow .pagination span + span{margin-left:4px;}


/* 200917 syh 강사양성과정(중국어) */
.teacherEdu .lec_content{padding:0;}
.teacherEdu .landing_contents p{padding:0;margin:0;}
.teacherEdu .cont2 .teacher_slide{background:#efeee8;position:relative;}
.teacherEdu .cont2 .swipe_nav a{display:block;width:20px;height:20px;position:absolute;top:28%;border:1px solid #fff;border-width:0 0 1px 1px;z-index:51;transform:rotate(45deg);-webkit-transform:rotate(45deg);font-size:0;line-height:0;text-indent:-9999px;}
.teacherEdu .cont2 .swipe_nav .nav_prev{left:12px;}
.teacherEdu .cont2 .swipe_nav .nav_next{left:auto;border-width:1px 1px 0 0;right:12px}
.teacherEdu .cont2 .say{height:105px;text-align:center;font-size:11px;color:#000;line-height:17px;letter-spacing:-0.5px;background:url('/assets/m-user/images/teacher_edu/bg_say.jpg') no-repeat 0 bottom;background-size:100% 100%;padding-top:10px;}
.teacherEdu .cont5{background:#efefe8;padding:0 0 38px;}
.teacherEdu .cont5 .mv_area{height:52.3vw;position:relative;margin:0 2.8% 0 3.3%;}
.teacherEdu .cont5 .mv_area iframe{width:100%;height:100%;position:absolute;left:0;top:0;}
.teacherEdu .cont6{text-align:center;}
.teacherEdu .cont6 .slide_tab{width:100%;position:absolute;bottom:362px;left:0;height:77px;z-index:51;}
.teacherEdu .cont6 .slide_tab li{display:block;width:20%;float:left;}
.teacherEdu .cont6 .slide_tab li a{height:77px;display:block;font-size:0;line-height:0;}
.teacherEdu .cont6 .curry_slide{position:relative;}
.teacherEdu .cont6 .curry_slide li{position:relative;}
.teacherEdu .cont6 .curry_slide dl{position:absolute;top:25%;left:48%;text-align:left;}
.teacherEdu .cont6 .curry_slide .type2 dl{top:30%;left:60%;}
.teacherEdu .cont6 .curry_slide dt{font-size:16px;font-size:4.4vw;color:#1c1f20;font-weight:700;line-height:1;margin-bottom:6px;}
.teacherEdu .cont6 .curry_slide dd{font-size:2.8vw;color:#1c1f20;}
.teacherEdu .cont6 .curry_slide dd li{line-height:1.8;}
.teacherEdu .cont6 .curry_slide dd li.line2{margin-right:7.5%;text-align:right;}
.teacherEdu .cont6 .curry_slide dd strong{display:inline-block;vertical-align:top;}
.teacherEdu .cont6 .curry_slide dd strong:after{content:'';display:inline-block;width:1px;height:8px;background:#7a7c7d;margin:0 4px;position:relative;top:0;}
.teacherEdu .cont6 .swiper-pagination{top:0;left:3%;width:94%;height:17%;}
.teacherEdu .cont6 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:20%;height:100%;background:red !important;opacity:0;float:left;margin:0;border-radius:0;}
.teacherEdu .cont7{padding:37px 0 33px;background:#efefe8;text-align:center;}
.teacherEdu .cont7 .cont7_tit1 img{width:44%;}
.teacherEdu .cont7 .cont7_tit2 img{width:83%;}
.teacherEdu .cont7 ol{margin:15px 12px 33px;}
.teacherEdu .cont7 ol:after{content:'';display:block;clear:both;}
.teacherEdu .cont7 ol li{text-align:left;}
.teacherEdu .cont7 ol > li{float:left;width:48.5%;position:relative;margin-bottom:12px;}
.teacherEdu .cont7 ol > li:nth-child(2n){float:right;}
.teacherEdu .cont7 ol ul{position:absolute;top:45%;left:6%;}
.teacherEdu .cont7 ol ul li{font-size:3vw;color:#000;font-weight:700;padding-left:17px;line-height:1.5;margin-bottom:5px;background:url('/assets/user/images/teacher_edu/ico_chk.gif') no-repeat 0 1px;background-size:12px auto;}
.teacherEdu .cont7 ol ul li p.sub{font-size:2.8vw;color:#7d7d7d;font-weight:normal;line-height:1.5;margin-top:5px;}
.teacherEdu .btn_group{margin:22px 12px 0;}
.teacherEdu .btn_group a{display:block;height:56px;line-height:54px;background:#f76723 url('/assets/user/images/teacher_edu/ico_arr1.png') no-repeat 72% 17px;background-size:35px auto;border-top:2px solid #000;font-size:16px;color:#000;margin:0 0 15px;text-indent:-10px;}
.teacherEdu .btn_group a:nth-child(2n){background-color:#3b5c45;background-image:url('/assets/user/images/teacher_edu/ico_arr2.png');color:#fff;}
.teacherEdu .cont7 .notice_area{text-align:left;margin:40px 0 0;position:relative;background:none;padding-left:32px;}
.teacherEdu .cont7 .notice_tit{font-size:16px;color:#000;font-weight:700;display:inline-block;border-bottom:2px solid #000;padding-bottom:2px;background:none;line-height:1;height:auto;margin-bottom:15px;}
.teacherEdu .cont7 .notice_list{}
.teacherEdu .cont7 .notice_list li{font-size:12px;color:#30302e;line-height:17px;}
.teacherEdu .cont7 .notice_list li:before{content:'';display:inline-block;vertical-align:middle;width:2px;height:2px;background:#454542;margin-right:6px;}
.teacherEdu .cont8{padding:30px 12px 25px;text-align:center;}
.teacherEdu .cont8_tit{text-align:left;}
.teacherEdu .cont8_tit img{width:97%;}
.teacherEdu .cont8 .notice_tbl{border:1px solid #a7a7a7;margin-top:28px;text-align:left;padding:22px 20px 10px 0;}
.teacherEdu .cont8 .notice_tbl dt,
.teacherEdu .cont8 .notice_tbl dd{color:#000;}
.teacherEdu .cont8 .notice_tbl dt{font-size:15px;font-weight:700;background:url('/assets/user/images/teacher_edu/ico_chk.gif') no-repeat 23px 3px;background-size:12px auto;padding-left:40px;margin-bottom:5px;}
.teacherEdu .cont8 .notice_tbl dd{background:#fff;font-size:12px;line-height:20px;padding-left:40px;margin-bottom:20px;}
.teacherEdu .cont8 .cont8_txt{font-size:13px;color:#000;line-height:20px;padding-top:25px;}
.teacherEdu .cont8 .btn_group a{font-weight:700;background-position:80% 17px;text-indent:-38px;background-position-x:94%;}
.teacherEdu .cont9{text-align:center;background:#000;padding:30px 0 15px;}
.teacherEdu .cont9 .cont9_tit img{width:48%;}
.teacherEdu .cont9 .info_banner{position:relative;margin:20px 12px 0;}
.teacherEdu .cont9 .info_banner img + img{margin-top:10px;}
.teacherEdu .cont9 .info_banner .btn_question{position:absolute;bottom:5%;left:5%;width:56%;height:15%;display:block;font-size:0;line-height:0;text-indent:-9999px;}/* 210812 kmh 수정 */
/* 211206 syh 추가 */
.teacherEdu .classSelect{width:100%;background-color:rgba(39, 46, 101, 0.4);position:absolute;top:0;z-index:100;left:0;}
.teacherEdu .classSelect .toggleBtn{padding:0;margin:0;text-align:left;}
.teacherEdu .classSelect .toggleBtn a{display:block;padding:10px 25px;color:#fff;font-size:15px;}
.teacherEdu .classSelect p a .icon{margin-left:12px;font-size:13px; vertical-align:middle;}
.teacherEdu .classSelect p a span.classT{font-weight:600;border-bottom:1px solid #fff;}
.teacherEdu .classSelectList{padding:5px 25px; text-align:left;background:none;}
.teacherEdu .classSelectList li{height:30px;line-height:30px;}
.teacherEdu .classSelectList li a{display:block;color:#ddd;}
/* //211206 syh 추가 */

/* //200917 syh 강사양성과정(중국어) */

/* 211207 syh 듀오링고 */
#wrap.duolingo .cont1{position:relative;}
#wrap.duolingo .cont1 .btn_duo_organ{position:absolute;bottom:9%;left:13%;font-size:0;line-height:0;text-indent:-9999px;width:74%;height:9%;}
#wrap.duolingo .lect_tab:after{content:'';display:block;clear:both;}
#wrap.duolingo .lect_tab li{float:left;width:50%;background:#19191f;}
#wrap.duolingo .lect_tab a{display:block;line-height:45px;text-align:center;font-size:15px;color:#929294;position:relative;}
#wrap.duolingo .lect_tab a:after{content:'';display:block;position:absolute;bottom:0;left:0;width:0;height:3px;background:#ba1134;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
#wrap.duolingo .lect_tab .active a{color:#fff;}
#wrap.duolingo .lect_tab .active a:after{width:100%;}
#wrap.duolingo .lect_cont > div{display:none;}
#wrap.duolingo .lect_cont > div:first-child{display:block;}
#wrap.duolingo .floating_kakao{position:fixed;right:0;bottom:10px;z-index:10;width:25%;} /* 211217 syh 추가 */
#wrap.duolingo .floating_kakao img{width:100%;} /* 211217 syh 추가 */
/* //211207 syh 듀오링고 */

/* 210609 syh 라이트 클래스 개선 */
#wrap.lightClass{overflow:hidden;background:#7115ff;}
#wrap.lightClass *{box-sizing:border-box;}
.lightClass img{width:100%;vertical-align:top;}
.lightClass p{padding:0;margin:0;}
.lightClass .lectureSelect p{padding:0 16px;}/* 210928 kmh 추가 */
/* 211116 hyj 추가 */
.lightClass .lightCont.sample{padding:0 0 60px;}
.lightClass .lightCont.sample .videoArea{width:85.9vw;height:48.3vw;margin:0 auto;position:relative;box-shadow:0 0 20px 3px rgba(0, 0, 0, 0.3);background-color:#181818;}
.lightClass .lightCont.sample .videoArea iframe{width:100%;height:100%;position:absolute;left:0;top:0;}
.lightClass .lightCont.sample .videoCont{width:85.9vw;height:48.3vw;margin:0 auto;position:relative;box-shadow:0 0 20px 3px rgba(0, 0, 0, 0.3);background-color:#181818;}
.lightClass .lightCont.sample .videoCont iframe{width:100%;height:100%;position:absolute;left:0;top:0;}
.lightClass .btnlightClass{width:86vw;padding:12px 0;margin:48px auto 0;display:block;text-align:center;font-size:20px;font-weight:bold;color:#fff;background-color:#2b2b2b;} /* 210615 syh 수정 */
.lightClass .btnlightClass:after{content:'';display:inline-block;width:10px;height:10px;border:1px solid #fff;border-width:2px 2px 0 0;transform:rotate(45deg);margin-left:10px;vertical-align:middle;position:relative;top:-1px;}
.lightClass .videoTit{margin:15px 0;text-align:center;}
.lightClass .videoTit strong{display:block;font-size:20px;color:#fff;}
.lightClass .videoTit p{margin:5px 0;font-size:13px;line-height:1.4;color:#b0bad8;}
.lightClass .sampleVideoWrap{padding:0 0 0 6vw;}
.lightClass .sampleVideoWrap .tit{margin-bottom:20px;text-align:center;}
.lightClass .sampleVideoWrap .tit strong{display:block;font-size:20px;color:#fff;}
.lightClass .sampleVideoWrap .tit p{margin:5px 0;font-size:13px;line-height:1.4;color:#b0bad8;}
.lightClass .sampleVideoItem{}
.lightClass .sampleVideoItem .swiper-wrapper{}
.lightClass .sampleVideoItem li{width:155px;}
.lightClass .sampleVideoItem .thumbImg{width:100%;height:87px;}
.lightClass .sampleVideoItem .thumbImg img{width:100%;height:100%;object-fit:cover;}
.lightClass .sampleVideoItem .cont{padding:13px 10px;text-align:left;font-size:12px;color:#111;background:#f8d01d;}
.lightClass .sampleVideoItem .cont *{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.lightClass .sampleVideoItem .cont > span{margin-bottom:2px;font-weight:700;}
.lightClass .sampleVideoItem .cont p{margin:0;}
/* //211116 hyj 추가 */

.lightClass .tit_class{text-align: center;background: #7115ff;}
.lightClass .tit_class img{width: 375px;}
.lightClass .search_area{height:67px;padding:19px 0 0 20px;background:#ffd800;text-align:center;box-sizing:border-box;position:relative;}
.lightClass .search_area.fixed{position: fixed;top:60px;left: 0;width: 100%;z-index: 1201;}
.lightClass .search_area dl{}
.lightClass .search_area dl:after{content:'';display:block;clear:both;}
.lightClass .search_area dt{font-size: 0;width: 0;line-height: 0;}
.lightClass .search_area dt + dd + dt{margin-left:5px;}
.lightClass .search_area dd{float:left;line-height:28px;width:41.5%;}
.lightClass .search_area dd:last-child{margin-left: 8px;}
.lightClass .search_area select,
.lightClass .search_area input{padding:0;margin:0;width:100%;height:28px;line-height:28px;border:1px solid #e3d1ff;border-radius:3px;font-size:12px;text-indent:5px;}
.lightClass .search_area select{letter-spacing:-0.5px;}
.lightClass .search_area select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url('/assets/user/images/lecture/light_class/sel_arrow.png') no-repeat 95% 50%;}
.lightClass .search_area select::-ms-expand{display:none;}
.lightClass .search_area input{background:#fff;}
.lightClass .search_area .btn_search{width:27px;height:27px;background:url('/assets/user/images/lecture/light_class/btn_search.png') no-repeat 0 0;background-size:27px auto;font-size:0;line-height:0;text-indent:-9999px;display:block;position:absolute;top:21px;right:14px;}
.lightClass .teacherList{padding:20px 20px 0;background: #e0e0e0;}
.lightClass .teacherList.fixed{padding-top: 87px;}
.lightClass .teacherList ul{margin:0 auto;position:relative;box-sizing:border-box;width:100%;padding:0 0 15px;}
.lightClass .teacherList ul:before,
.lightClass .teacherList ul:after{content:'';clear:both;display:block;width:100%;}
.lightClass .teacherList li{float:left;width:48.5%;margin-bottom:10px;position:relative;text-align:center;transition:all .3s ease-out;box-sizing:border-box;background:#fff;}
.lightClass .teacherList li:nth-child(2n){float: right;}
.lightClass .teacherList li > a{display: block;padding:0;box-sizing:border-box;background:#fff;height: 204px;}
.lightClass .teacherList li > a > div{overflow:hidden;}
.lightClass .teacherList li .title{display:block;text-align:center;font-size:12px;color:#000;max-height: 30px;line-height: 15px;font-weight:800;padding: 0 20px;}
.lightClass .teacherList li .photo{background-color:#f4f4f4;position: relative;height: 137px;margin-bottom: 8px;}
.lightClass .teacherList li .photo img{width: auto;height: 158px;position: absolute;top: 5px;left: 50%;margin-left: -121px;}
.lightClass .teacherList li .name{display:block;text-align:center;font-size:11px;color:#7115ff;font-weight:800;padding: 5px 0 9px;}
.lightClass .teacherList .btn_more_teacher{display:block;width:80%;height:2em;line-height:2em;color:#fff;font-size:3vw;font-weight:600;background:#7115ff;border-radius:3px;margin:0 auto;}
.lightClass .teacherList .ico_rank{position:absolute;top:-7%;left:4px;width:20%;}
.lightClass .teacherList li:before{z-index:2;}
.lightClass .btn_teacher_more{padding: 25px 22px;}
.lightClass .btn_teacher_more a{display: block;height: 55px;line-height: 55px;font-size: 15px;color: #fff;font-weight: 800;background: #5000cc;}
.lightClass .notice{padding:70px 30px 60px;margin:0 auto;text-align:left;}
.lightClass .notice dt{position:relative;padding:0 10px 12px;color:#fff;font-size:15px;font-weight:700;color:#fff;border-bottom:2px solid #fff;cursor:pointer;}
.lightClass .notice dt:after{content:'';width:17px;height:13px;margin-top:-20px;background:url('/assets/user/images/lecture/light_class/ico_noti.png') no-repeat;background-size:17px auto;position:absolute;top:82%;right:0;transition:all 0.3s ease;}
.lightClass .notice dt.on:after{transform:rotate(180deg);}
.lightClass .notice dd{padding:25px 0;}
.lightClass .notice dd li{position:relative;line-height:1.8;padding-left:12px;color:#fff;font-size:11px;}
.lightClass .notice dd li:before{content:'•';font-weight:100;position:absolute;left:0;top:0;}
.lightClass .float_ban_right{margin:0 ;overflow:visible;position:fixed;top:auto;right:16px;bottom:40px;animation:floatBounce 1s ease-in Infinite Alternate;width:110px;z-index:999;}
@keyframes floatBounce{
    0%{bottom:50px;transform:rotate(2deg);}
    20%{transform:rotate(-2deg);}
    60%{transform:rotate(1deg);}
    100%{bottom:60px;transform:rotate(-1deg);}
}
.lightClass .float_ban_right.fixed{}
.lightClass .float_ban_right > a{display:block;text-align:center;}
.lightClass a.ban_cont{}
.lightClass .float_ban_right .float_btn_close{position:absolute;top:0;right:2px;width:20px;height:20px;font-size:0;line-height:0;text-indent:-9999px;}
.layerTeacher{display:none;}
.layerTeacher .layerIn{position:absolute;top:0;left:50%;margin-left:-48%;width:96%;background:#fff;z-index:1203;box-sizing:border-box;padding:29px 25px 35px;text-align:left;}
.lightClass .layerTeacher .lect_option{padding-left:130px;}
.lightClass .layerTeacher .ico_label{padding: 0;margin: 0;}
.lightClass .layerTeacher .ico_label span{display: inline-block;vertical-align: middle;height: 21px;line-height: 21px;background: #ffd800;padding: 0 5px;font-size: 11px;color: #000;font-weight:600;margin-right: 3px;letter-spacing: -1px;}
.layerTeacher .ly_tit{font-size:16px;color:#000;font-weight:800;line-height:22px;max-height:44px;overflow:hidden;margin-bottom: 10px;}
.layerTeacher dt, .layerTeacher dd{display:inline-block;vertical-align:middle;line-height:1;margin-bottom: 8px;font-size:12px;color:#000;line-height:1.2;}
.layerTeacher dl{width:100%;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 8px 0 0;}
.layerTeacher dt{width:30%;font-weight: 600;}
.layerTeacher dt.subj{letter-spacing: 22px;}
.layerTeacher dd{width:67%;}
.lightClass .layerTeacher .price_group{}
.lightClass .layerTeacher .lect_price{font-size:4.5vw;color:#7115ff;font-weight:800;margin: 0;padding:10px 0 15px;line-height: 1;}
.lightClass .layerTeacher .btn_lect_apply{}
.layerTeacher .teacherInfo{position:absolute;top:54px;left:25px;text-align:center;width:117px;}
.layerTeacher .teacher_photo{height:117px;background:#f4f4f4;position:relative;overflow:hidden;}
.layerTeacher .teacher_photo img{width:auto;height:117px;position: absolute;top: 5px;left: 50%;margin-left: -90px;}
.layerTeacher .btn_teacher_home{display: inline-block;vertical-align: middle;width:24px;height:24px;font-size:0;line-height:0;text-indent:-9999px;background:url('/assets/user/images/lecture/light_class/btn_home.png') no-repeat 0 0;background-size:24px auto;}
.layerTeacher .teacher_name{font-size:12px;color:#000;font-weight:600;margin:10px 0;}
.layerTeacher .btn_apply{width:109px;display:block;margin:0 auto;}
.lightClass .layerTeacher .lect_special{margin-top:25px;border: 2px solid #e9e9e9;}
.lightClass .layerTeacher .lect_special .con{min-height: 190px;}
.lightClass .layerTeacher .lect_special .con > div{padding: 20px;}
.lightClass .layerTeacher .lect_special .tab:after{content:'';display: block;clear: both;}
.lightClass .layerTeacher .lect_special .tab li{float: left;width: 50%;}
.lightClass .layerTeacher .lect_special .tab li a{display: block;height: 29px;line-height: 29px;text-align: center;font-size: 12px;color: #aaa;background: #e9e9e9;font-weight: 800;}
.lightClass .layerTeacher .lect_special .tab li.on a{color: #000;background: #fff;}
.lightClass .layerTeacher .lect_special .txt_box{font-size: 13px;color: #000;line-height: 16px;}
.lightClass .layerTeacher .lect_special .mv_box{position:relative;padding-bottom:56.3%;height:0;width:100%;margin:0 auto;}
.lightClass .layerTeacher .lect_special .mv_box iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.layerTeacher .btn_ly_close{position:absolute;top:13px;right:13px;width:20px;height:20px;font-size:0;line-height:0;text-indent:-9999px;background:url('/assets/user/images/lecture/light_class/btn_ly_close.png') no-repeat 0 0;background-size:20px auto;}
.layerTeacher .layer_dim{width:100%;height:100%;background:rgba(0, 0, 0, 0.5);position:fixed;left:0;top:0;z-index:1202;}
/* //210609 syh 라이트 클래스 개선 */


/*
 2022 SS 방학대비 점수보장반 개편
 */
#concept_Ai{position:relative;}
#concept_Ai em{font-style:normal;}
#concept_Ai .classSelect{width:100%;background-color:rgba(15, 15, 15, 0.5);position:absolute;top:0;z-index:100;left:0;}
#concept_Ai .classSelect .toggleBtn{padding:0;margin:0;text-align:left;}
#concept_Ai .classSelect .toggleBtn a{display:block;padding:10px 25px;color:#fff;font-size:15px;}
#concept_Ai .classSelect p a .icon{margin-left:12px;font-size:13px; vertical-align:middle;}
#concept_Ai .classSelect p a span.classT{font-weight:600;border-bottom:1px solid #fff;}
#concept_Ai .classSelectList{padding:5px 25px; text-align:left;}
#concept_Ai .classSelectList li{height:30px;line-height:30px;}
#concept_Ai .classSelectList li a{display:block;color:#ddd;}

#concept_Ai .sec_tit{text-align:center;}
#concept_Ai .sec_tit .wave{margin-bottom:15px;font-size:0;}
#concept_Ai .sec_tit .wave span{margin:0 1px;width:7px;height:7px;display:inline-block;vertical-align:middle;background-color:#555;border-radius:45%;}
#concept_Ai .sec_tit .wave span:nth-child(1){-webkit-animation:wave 0.7s ease 0.1s infinite alternate;animation:wave 0.7s ease 0.1s infinite alternate;}
#concept_Ai .sec_tit .wave span:nth-child(2){-webkit-animation:wave 0.7s ease 0.2s infinite alternate;animation:wave 0.7s ease 0.2s infinite alternate;}
#concept_Ai .sec_tit .wave span:nth-child(3){-webkit-animation:wave 0.7s ease 0.3s infinite alternate;animation:wave 0.7s ease 0.3s infinite alternate;}
#concept_Ai .sec_tit .wave span:nth-child(4){-webkit-animation:wave 0.7s ease 0.4s infinite alternate;animation:wave 0.7s ease 0.4s infinite alternate;}
#concept_Ai .sec_tit .wave span:nth-child(5){-webkit-animation:wave 0.7s ease 0.5s infinite alternate;animation:wave 0.7s ease 0.5s infinite alternate;}
#concept_Ai .sec_tit .wave span:nth-child(6){-webkit-animation:wave 0.7s ease 0.6s infinite alternate;animation:wave 0.7s ease 0.6s infinite alternate;}
#concept_Ai .sec_tit .wave span:nth-child(7){-webkit-animation:wave 0.7s ease 0.7s infinite alternate;animation:wave 0.7s ease 0.7s infinite alternate;}
#concept_Ai .sec_s_tit{text-align:center;}
#concept_Ai .youtube_box{border:2px solid #000;background-color:#121212;position:relative;}
#concept_Ai .youtube_box .iframe_wrap{width:100%;padding-bottom:56.4%;position:relative;}
#concept_Ai .youtube_box .iframe_wrap iframe{width:100%;height:100%;position:absolute;left:0;top:0;}
#concept_Ai .youtube_box .coming_soon{width:105px;margin:-7px 0 0 -53px;position:absolute;left:50%;top:50%;}

#concept_Ai .sec_topVisual{padding:25.53vw 0 0;background:url('/assets/m-user/images/lecture/2022_ss/pattern_bg.png') 50% 0 repeat-y;background-size:100% auto;overflow:hidden;position:relative;}
#concept_Ai .sec_topVisual .sec_tit{margin-bottom:17.2vw;}
#concept_Ai .sec_topVisual .objs span{position:absolute;z-index:1;}
#concept_Ai .sec_topVisual .objs span:nth-child(1){width:40vw;left:-2vw;top:-1vw;opacity:0.25;}
#concept_Ai .sec_topVisual .objs span:nth-child(2){width:44vw;right:-3vw;top:45vw;opacity:0.25;}
#concept_Ai .sec_topVisual .real_rate{width:120px;height:120px;position:absolute;right:14px;top:25px;background:url('/assets/user/images/lecture/2022_ss/rate_circle.gif') no-repeat;background-size:100% 100%;}
#concept_Ai .sec_topVisual .real_rate span{width:99px;height:99px;margin:-50px 0 0 -50px;position:absolute;left:50%;top:50%;}
#concept_Ai .ai_teachers_wrap{position:relative;z-index:2;}
#concept_Ai .ai_teachers_wrap ul{padding:0 1px;text-align:center;font-size:0;}
#concept_Ai .ai_teachers_wrap li{width:25%;display:inline-block;vertical-align:top;background-color:transparent;perspective:2000px;cursor:pointer;}
#concept_Ai .ai_teachers_wrap li .flip_inner{height:67.9vw;position:relative;-webkit-transition:transform 0.8s;transition:transform 0.8s;transform-style:preserve-3d;}
#concept_Ai .ai_teachers_wrap li .front,
#concept_Ai .ai_teachers_wrap li .back{width:100%;height:100%;text-align:center;position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
#concept_Ai .ai_teachers_wrap li .front{background:none;}/* 220520 kmh 수정 */
#concept_Ai .ai_teachers_wrap li .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
#concept_Ai .ai_teachers_wrap.rotate li .flip_inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
#concept_Ai .ai_teachers_wrap li:nth-child(2) .flip_inner{-webkit-transition-delay:0.2s;transition-delay:0.2s;}
#concept_Ai .ai_teachers_wrap li:nth-child(3) .flip_inner{-webkit-transition-delay:0.4s;transition-delay:0.4s;}
#concept_Ai .ai_teachers_wrap li:nth-child(4) .flip_inner{-webkit-transition-delay:0.6s;transition-delay:0.6s;}

#concept_Ai #container_Ai{position:relative;}
#concept_Ai .ai_floating_nav{width:100%;position:sticky;left:0;top:60px;z-index:10;}
#concept_Ai .ai_floating_nav .nav_items{font-size:0;display:flex;}
#concept_Ai .ai_floating_nav .nav_items a{width:25%;height:60px;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:15px;line-height:1.15;color:#999;font-weight:300;border-bottom:3px solid #fff;background-color:#191919;}
#concept_Ai .ai_floating_nav .nav_items a.on{font-weight:bold;color:#00bfff;border-color:#00bfff;}

#concept_Ai .sec_system{padding:50px 0 45px;background-color:#191919;}
#concept_Ai .sec_system .sec_tit{margin-bottom:25px;}
#concept_Ai .system_items{overflow:hidden;}
#concept_Ai .system_items ul{padding:0 15px;font-size:0;}
#concept_Ai .system_items li{width:50%;padding:8px;display:inline-block;vertical-align:top;}
#concept_Ai .system_items .box{padding:16px 0 0;background-color:#252525;border-radius:6px;}
#concept_Ai .system_items .box_inner .icon{margin-bottom:10px;text-align:center;}
#concept_Ai .system_items .box_inner .icon img{width:auto;height:36px;}
#concept_Ai .system_items .cont{height:122px;}
#concept_Ai .system_items .cont strong{font-size:15px;line-height:1.3;font-weight:bold;color:#fff;}
#concept_Ai .system_items .cont strong em{font-weight:300;}
#concept_Ai .system_items .cont p{margin:5px 0 0;font-size:11px;font-weight:300;color:#777;}

#concept_Ai .sec_week{height:400vh;background-color:#212121;position:relative;}
#concept_Ai .sec_week .sticky_wrap{padding:70px 0 45px;position:sticky;top:105px;}
#concept_Ai .sec_week .sec_tit{margin-bottom:30px;}
#concept_Ai .sec_week .week_items{position:relative;}
#concept_Ai .sec_week .week_items li{width:100%;position:absolute;left:0;top:0;opacity:0;z-index:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
#concept_Ai .sec_week .week_items li:first-child{position:relative;}
#concept_Ai .sec_week .week_items .active{opacity:1;z-index:1;}

#concept_Ai .sec_teacher{padding:50px 0 40px;background-color:#191919;}
#concept_Ai .sec_teacher .sec_tit{margin-bottom:40px;}
#concept_Ai .teachers_tab{margin-bottom:20px;text-align:center;font-size:0;}
#concept_Ai .teachers_tab a{width:80px;height:40px;margin:0 2px 9px;display:inline-block;vertical-align:top;border:1px solid #484848;background-color:#222;text-align:center;font-size:13px;line-height:40px;color:#fff;border-radius:40px;}
#concept_Ai .teachers_tab a.on{border-color:#fff;background-color:#fff;color:#121212;}
#concept_Ai .teachers_tab_cont .tab_contents{position:relative;}
#concept_Ai .teachers_tab_cont .nav{margin-top:10px;text-align:center;}
#concept_Ai .teachers_tab_cont .nav button{width:40px;height:40px;margin:0 3px;display:inline-block;font-size:0;text-indent:-9999px;background-size:13px auto;background-color:#000;background-repeat:no-repeat;background-position:50% 50%;}
#concept_Ai .teachers_tab_cont .nav .next{background-image:url('/assets/m-user/images/lecture/2022_ss/nav_next.png');}
#concept_Ai .teachers_tab_cont .nav .prev{background-image:url('/assets/m-user/images/lecture/2022_ss/nav_prev.png');}
/* 220612 kmh 수정 */
#concept_Ai .teachers_tab_cont .swiper-container{width:92vw;margin:0 auto;overflow:hidden;}
#concept_Ai .teacher_items{}
#concept_Ai .teacher_items li{overflow:hidden;text-align:left;font-size:0;}
#concept_Ai .teacher_items .items{width:50%;height:38.6vw;display:inline-block;vertical-align:top;border:2px solid #191919;overflow:hidden;}
#concept_Ai .teacher_items .wrap{width:100%;height:100%;display:block;position:relative;}
/* //220612 kmh 수정 */
#concept_Ai .teacher_items .photo{height:100%;overflow:hidden;background-color:#fff;position:relative;}/* 220523 kmh 수정 */
#concept_Ai .teacher_items .photo img{width:auto;height:92%;position:absolute;left:4.5vw;top:10px;}
#concept_Ai .teacher_items .cont{width:100%;height:100%;text-align:left;background-repeat:no-repeat;background-size:100% 100%;position:absolute;left:0;top:0;}/* 220523 kmh 수정 */
#concept_Ai .teacher_items .cont .name{font-size:11px;line-height:1.2;font-weight:400;color:#fff;position:absolute;left:2.4vw;bottom:8px;}
#concept_Ai .teacher_items .cont .name em{font-size:20px;font-weight:bold;}
#concept_Ai .teacher_items .cont .tags{position:absolute;left:5.2vw;top:9px;}
#concept_Ai .teacher_items .cont .tags span{display:block;font-size:11px;color:#37b8f3;}

#concept_Ai .sec_review{padding:50px 0 60px;background:url('/assets/m-user/images/lecture/2022_ss/pattern_bg.png') 50% 0 repeat-y;background-size:100% auto;}
#concept_Ai .sec_review .sec_tit{margin-bottom:30px;}
#concept_Ai .sec_review .cont_review{padding:25px 0 50px;text-align:center;}
#concept_Ai .sec_review .cont_review .desc{margin-bottom:25px;padding:0 18px;display:inline-block;font-size:19px;line-height:1.2;font-weight:300;color:#a7a7a7;position:relative;}
#concept_Ai .sec_review .cont_review .desc em{color:#fff;}
#concept_Ai .sec_review .cont_review .desc em strong{font-weight:bold;}
#concept_Ai .sec_review .cont_review .desc:before,
#concept_Ai .sec_review .cont_review .desc:after{content:'';width:15px;height:11px;margin-top:-5px;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:50%;}
#concept_Ai .sec_review .cont_review .desc:before{background-image:url('/assets/user/images/lecture/2022_ss/icon_dbc_l.png');left:0;}
#concept_Ai .sec_review .cont_review .desc:after{background-image:url('/assets/user/images/lecture/2022_ss/icon_dbc_r.png');right:0;}
#concept_Ai .sec_review .cont_review .btn_review_more{width:auto;padding:0 36px;height:42px;display:inline-block;text-align:center;font-size:13px;line-height:42px;font-weight:bold;color:#fff;border:1px solid #cbcbcb;}
#concept_Ai .sec_review .cont_score_up{padding:50px 0 0;border-top:2px solid #121212;}
#concept_Ai .sec_review .cont_score_up .sec_s_tit{margin-bottom:27px;}
#concept_Ai .sec_review .objs_wrap{position:relative;overflow:hidden;opacity:1;}
#concept_Ai .sec_review .objs_wrap span{position:absolute;left:0;top:0;}
#concept_Ai .sec_review .objs_wrap .base_obj{display:block;position:relative;}
#concept_Ai .sec_review .objs_wrap span:nth-child(2){top:479px;}
#concept_Ai .sec_review .objs_wrap span:nth-child(3){opacity:0;}
#concept_Ai .sec_review .objs_wrap span:nth-child(4){opacity:0;-webkit-transform:scale(3);transform:scale(3);}
#concept_Ai .sec_review .objs_wrap.action span:nth-child(2){top:0;-webkit-transition: all 1s ease-out 0.2s;;transition: all 1s ease-out 0.2s;}
#concept_Ai .sec_review .objs_wrap.action span:nth-child(3){opacity:1;-webkit-transition: all 0.5s ease-out 1.1s;transition: all 0.5s ease-out 1.1s;}
#concept_Ai .sec_review .objs_wrap.action span:nth-child(4){opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition: all 0.2s ease-out 1.2s;transition: all 0.2s ease-out 1.2s;}
#concept_Ai .sec_review .noti{margin-top:15px;text-align:center;}
#concept_Ai .sec_review .noti strong{font-size:13px;font-weight:bold;color:#fff;}
#concept_Ai .sec_review .noti p{margin:4px 0 0;font-size:11px;font-weight:300;color:#666;}

#concept_Ai .sec_ozlang{padding:40px 0 100px;background:#f6f6f6 url('/assets/m-user/images/lecture/2022_ss/toeic/ozlang_bg.jpg') 50% 100% no-repeat;background-size:100% auto;}
#concept_Ai .sec_ozlang .sec_tit{margin-bottom:45px;}
#concept_Ai .ozlang_wrap{width:92vw;margin:0 auto;border:1px solid #eaeaea;background-color:#fff;position:relative;}
#concept_Ai .ozlang_wrap .btn_ozlang{height:40px;padding:0 20px;margin-bottom:23px;display:inline-block;font-size:13px;line-height:40px;font-weight:bold;color:#fff;background-color:#00bfff;z-index:1;}
#concept_Ai .ozlang_wrap .btn_ozlang:after{content:'';width:12px;height:12px;margin-left:5px;display:inline-block;vertical-align:middle;background:url('/assets/user/images/lecture/2022_ss/toeic/icon_arr.png') no-repeat;background-size:100% 100%;}
#concept_Ai .ozlang_items{height:150px;}
#concept_Ai .ozlang_items > li{width:100%;padding:35px 0 20px;opacity:0;z-index:0;position:absolute;left:0;top:0;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#concept_Ai .ozlang_items > li.active{opacity:1;z-index:1;}
#concept_Ai .ozlang_items dt{margin-bottom:10px;}
#concept_Ai .ozlang_items dt img{width:auto;height:22px;}
#concept_Ai .ozlang_items dd{}
#concept_Ai .ozlang_items dd li{padding:1px 0 1px 8px;text-indent:-8px;font-size:12px;line-height:1.4;font-weight:300;color:#666;}
#concept_Ai .ozlang_items dd li em{color:#00bfff;}
#concept_Ai .ozlang_swiper{width:213px;height:244px;margin:0 auto;background:url('/assets/user/images/lecture/2022_ss/toeic/obj_phone.png') no-repeat;background-size:100% 100%;position:relative;}
#concept_Ai .ozlang_swiper .swiper-container{width:144px;height:202px;overflow:hidden;position:absolute;left:34px;bottom:1px;}
#concept_Ai .ozlang_swiper .nav button{width:19px;height:37px;margin-top:-19px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:52%;}
#concept_Ai .ozlang_swiper .nav .next{right:-40px;top:51%;background-image:url('/assets/m-user/images/lecture/2022_ss/nav_next02.png');}
#concept_Ai .ozlang_swiper .nav .prev{left:-36px;background-image:url('/assets/m-user/images/lecture/2022_ss/nav_prev02.png');}
#concept_Ai .ozlang_swiper .noti{width:100%;margin-top:12px;text-align:center;font-size:12px;font-weight:300;color:#666;position:absolute;left:0;top:100%;}
#concept_Ai .sec_type{padding:50px 0 60px;background:url('/assets/m-user/images/lecture/2022_ss/pattern_bg.png') 50% 0 repeat-y;background-size:100% auto;}
#concept_Ai .sec_type .sec_tit{margin-bottom:30px;}
#concept_Ai .sec_type .type_cont{margin-top:13px;}
#concept_Ai .sec_banner{background-color:#6e53fe;}
#concept_Ai .sec_banner .btn_detail{display:block;}
#concept_Ai .sec_benefit{padding:50px 0 0;background-color:#212121;}
#concept_Ai .sec_benefit .sec_tit{margin-bottom:54px;}
#concept_Ai .sec_benefit .sec_s_tit{margin-bottom:35px;}
#concept_Ai .benefit_items{padding:0 30px;}
#concept_Ai .benefit_items ul{margin:-8px;text-align:left;font-size:0;}/* 230612 hyj 수정 */
#concept_Ai .benefit_items li{width:50%;padding:8px;display:inline-block;vertical-align:top;}
#concept_Ai .benefit_items .box{height:160px;padding:25px 0 0;text-align:center;border:2px solid #191919;background-color:#191919;border-radius:6px;position:relative;border-radius:6px;}
#concept_Ai .benefit_items .box .price{height:22px;padding:0 10px;font-size:12px;font-weight:bold;line-height:22px;color:#fff;background-color:#ff3455;position:absolute;left:-2px;top:-10px;z-index:1;}
#concept_Ai .benefit_items .box .price:after{content:'';width:0;height:0;border-bottom:8px solid #000;border-right:8px solid transparent;position:absolute;left:100%;top:0;}
#concept_Ai .benefit_items .btn_link{width:80%;height:30px;display:inline-block;text-align:center;font-size:11px;line-height:30px;color:#00bfff;border:1px solid #00bfff;position:absolute;left:10%;bottom:15px;box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 1);}
#concept_Ai .benefit_items .btn_link em{font-size:10px;margin-left:2px;}
#concept_Ai .benefit_items .active .box{border-color:#00bfff;background-color:#212121;}
#concept_Ai .benefit_items .cont{}
#concept_Ai .benefit_items .icon{margin-bottom:10px;}
#concept_Ai .benefit_items .icon img{width:32px;}
#concept_Ai .benefit_items .desc{font-size:12px;line-height:1.2;font-weight:300;color:#fff;}
#concept_Ai .benefit_items .desc strong{font-weight:bold;}
#concept_Ai .benefit_items .desc strong em{color:#00bfff;}
#concept_Ai .benefit_items .desc p{margin-top:3px;font-size:11px;color:#999;}
#concept_Ai .benefit_items .summary{padding:5px 5px 3px 5px;text-align:left;font-size:11px;}
#concept_Ai .benefit_items .summary p{margin:0;padding-left:5px;text-indent:-5px;font-size:11px;line-height:1.3;color:#999;}
#concept_Ai .benefit_items .noti{margin-top:5px;font-size:11px;color:#999;}
#concept_Ai .sec_benefit .benefit_items .type02 .box{height:150px;}
#concept_Ai .sec_benefit .benefit_items .type03 .box{height:210px;}
#concept_Ai .sec_benefit .benefit_add{margin-top:65px;padding:55px 0 60px;background-color:#191919;position:relative;}
#concept_Ai .sec_benefit .benefit_add:before{content:'';width:37px;height:37px;margin-left:-18px;background:url('/assets/user/images/lecture/2022_ss/icon_plus.png') no-repeat;background-size:100% 100%;position:absolute;left:50%;top:-18px;}
#concept_Ai .benefit_add .sec_s_tit{margin-bottom:53px;}
#concept_Ai .benefit_add .benefit_items .box{background-color:#212121;}
#concept_Ai .benefit_add .benefit_items .cont{}
#concept_Ai .benefit_add .benefit_items .btn_link{color:#8687f8;border-color:#8687f8;}
#concept_Ai .benefit_add .benefit_items .desc strong em{color:#8687f8;}

#concept_Ai .sec_curri{padding:60px 0 0;background-color:#212121;}
#concept_Ai .sec_curri .lv_curri_items{margin:0 auto;text-align:center;position:relative;}
#concept_Ai .sec_curri .lv_curri_items li a{width:26vw;height:13vw;font-size:0;text-indent:-9999px;position:absolute;z-index:2;}
#concept_Ai .sec_curri .lv_curri_items li .curri_detail,
#concept_Ai .sec_curri .lv_curri_items li .img{-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#concept_Ai .sec_curri .lv_curri_items li .curri_detail{width:58.4vw;height:48.5vw;margin:-26.25vw 0 0 -30.2vw;background-color:rgba(13, 13, 13, 0.7);border-radius:12px;position:absolute;left:50%;top:48%;opacity:0;-webkit-transform:scale(0);transform:scale(0);}
#concept_Ai .sec_curri .lv_curri_items li .img{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;}
#concept_Ai .sec_curri .curri_detail{text-align:left;}
#concept_Ai .sec_curri .curri_detail .wrap{width:100%;position:absolute;left:0;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);}
#concept_Ai .sec_curri .curri_detail dl{padding:0 0 0 11px;}
#concept_Ai .sec_curri .curri_detail dt{margin-bottom:3px;font-size:13px;font-weight:bold;color:#00bfff;}
#concept_Ai .sec_curri .curri_detail dd{padding:0 0 0 7px;font-size:11px;line-height:1.35;font-weight:300;color:#fff;}
#concept_Ai .sec_curri .curri_detail dd p{margin-top:3px;font-size:11px;color:#999;}
#concept_Ai .sec_curri .curri_detail dl + dl{margin-top:12px;}
#concept_Ai .sec_curri .curri_detail dl + dl dt{color:#8687f8;}

#concept_Ai .sec_curri .lv_curri_items li.active .curri_detail,
#concept_Ai .sec_curri .lv_curri_items li.active .img{-webkit-transform:scale(1);transform:scale(1);opacity:1;z-index:1;}

#concept_Ai .sec_book{padding:48px 0 60px;background:url('/assets/m-user/images/lecture/2022_ss/pattern_bg.png') 50% 0 repeat-y;background-size:100% auto;}
#concept_Ai .sec_book .sec_tit{margin-bottom:50px;}
#concept_Ai .book_swiper{padding-bottom:60px;overflow:hidden;position:relative;}
#concept_Ai .book_swiper .swiper-container{overflow:visible;}
#concept_Ai .book_swiper li{width:148px;margin:0 -38px;display:inline-block;transform:scale(0.7);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;position:relative;box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.3);transform-origin:50% 85%;}
#concept_Ai .book_swiper li:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:url('/assets/m-user/images/lecture/2022_ss/pattern_bg.png') 50% 50% no-repeat;opacity:0.8;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#concept_Ai .book_swiper li a{display:block;position:relative;}
#concept_Ai .book_swiper li .book_info{margin-top:16px;text-align:center;position:absolute;left:-95px;top:100%;right:-95px;opacity:0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#concept_Ai .book_swiper li .book_info strong{font-size:15px;font-weight:bold;color:#fff;}
#concept_Ai .book_swiper li .book_info p{margin-top:5px;font-size:11px;font-weight:300;color:#999;}
#concept_Ai .book_swiper li.swiper-slide-active{opacity:1;transform:scale(1);z-index:50 !important;}
#concept_Ai .book_swiper li.swiper-slide-active:after{opacity:0;}
#concept_Ai .book_swiper li.swiper-slide-active a{z-index:51;}
#concept_Ai .book_swiper li.swiper-slide-active .book_info{opacity:1;-webkit-transition-delay:0.2s;transition-delay:0.2s;}
#concept_Ai .book_swiper .nav button{width:15px;height:29px;font-size:0;text-indent:-9999px;background-size:13px auto;background-repeat:no-repeat;background-size:100% 100%;position:absolute;left:50%;top:10px;z-index:10;}
#concept_Ai .book_swiper .nav .next{margin-left:114px;background-image:url('/assets/m-user/images/lecture/2022_ss/nav_next03.png');}
#concept_Ai .book_swiper .nav .prev{margin-left:-130px;background-image:url('/assets/m-user/images/lecture/2022_ss/nav_prev03.png');}

#concept_Ai .review_swiper{}
#concept_Ai .review_swiper .swiper-container{padding-top:25px;}
#concept_Ai .review_swiper li{width:66vw;}
#concept_Ai .review_swiper li.swiper-slide-prev,
#concept_Ai .review_swiper li.swiper-slide-next{opacity:0.2;}
#concept_Ai .review_swiper .wrap{height:310px;padding:20px 0 0;text-align:center;background-color:#fff;border-radius:15px;}
#concept_Ai .review_swiper .wrap .label{width:83px;position:absolute;right:-21px;top:-26px;}
#concept_Ai .review_swiper .wrap .label span{width:100%;text-align:center;font-size:14px;line-height:1.1;font-weight:bold;color:#1ce2d9;position:absolute;left:0;top:25px;text-shadow:1px 1px 1px #999;}
#concept_Ai .review_swiper .wrap .label em{font-size:16px;}
#concept_Ai .review_swiper .photo{width:65px;margin-bottom:5px;display:inline-block;vertical-align:top;border-radius:50%;overflow:hidden;}
#concept_Ai .review_swiper .subject{font-size:20px;font-weight:bold;color:#333;}
#concept_Ai .review_swiper .subject:after{content:'...';margin-bottom:12px;display:block;font-size:17px;line-height:1;color:#191919;}
#concept_Ai .review_swiper .cont{font-size:14px;font-weight:400;line-height:1.3;color:#666;}
#concept_Ai .review_swiper .info{margin-top:5px;font-size:11px;color:#999;}
#concept_Ai .review_swiper .nav button{top:50%;}
#concept_Ai .review_swiper .nav .next{right:5.5vw;}
#concept_Ai .review_swiper .nav .prev{left:5.5vw;}
#concept_Ai .book_swiper_type02{}
#concept_Ai .book_swiper_type02 .swiper-container{padding-bottom:60px;}
#concept_Ai .book_swiper_type02 li{width:40vw;margin:0 3vw;display:inline-block;vertical-align:top;position:relative;}
#concept_Ai .book_swiper_type02 .noti{text-align:center;margin-top:10px;font-size:12px;font-weight:300;color:#999;}
#concept_Ai .book_swiper_type02 li .book_info{margin-top:16px;text-align:center;}
#concept_Ai .book_swiper_type02 li.swiper-slide{margin:0;}
#concept_Ai .book_swiper_type02 li.swiper-slide .book_info{position:absolute;left:-95px;top:100%;right:-95px;opacity:0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#concept_Ai .book_swiper_type02 li .book_info strong{font-size:15px;font-weight:bold;color:#fff;}
#concept_Ai .book_swiper_type02 li .book_info p{margin-top:5px;font-size:11px;font-weight:300;color:#999;}
#concept_Ai .book_swiper_type02 li.swiper-slide-prev,
#concept_Ai .book_swiper_type02 li.swiper-slide-next{opacity:0.7;transform:scale(0.8);}
#concept_Ai .book_swiper_type02 li.swiper-slide-active .book_info{opacity:1;-ms-transition-delay:0.2s;-webkit-transition-delay:0.2s;transition-delay:0.2s;}
#concept_Ai .book_swiper_type02 .nav button{top:39%;display:none;}
#concept_Ai .book_swiper_type02 .nav .next{margin-left:114px;left:50%;}
#concept_Ai .book_swiper_type02 .nav .prev{margin-left:-130px;left:50%;}
#concept_Ai .coverflow_swiper{overflow:hidden;position:relative;}
#concept_Ai .coverflow_swiper li{display:inline-block;opacity:0;z-index:0;transform:scale(0);position:relative;box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.3);-ms-transition: all 0.1s ease-out;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
#concept_Ai .coverflow_swiper li a{display:block;position:relative;}
#concept_Ai .coverflow_swiper li.swiper-slide-active,
#concept_Ai .coverflow_swiper li.swiper-slide-prev,
#concept_Ai .coverflow_swiper li.swiper-slide-next{-ms-transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
#concept_Ai .coverflow_swiper li.swiper-slide-active{opacity:1;transform:scale(1);z-index:2;}
#concept_Ai .coverflow_swiper li.swiper-slide-prev,
#concept_Ai .coverflow_swiper li.swiper-slide-next{transform:scale(0.8);z-index:1;}
#concept_Ai .coverflow_swiper .nav button{width:15px;height:29px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-size:100% 100%;position:absolute;z-index:10;}
#concept_Ai .coverflow_swiper .nav .next{background-image:url('/assets/m-user/images/lecture/2022_ss/nav_next03.png');}
#concept_Ai .coverflow_swiper .nav .prev{background-image:url('/assets/m-user/images/lecture/2022_ss/nav_prev03.png');}

#concept_Ai .sec_special{padding:50px 0 72px;background-color:#f6f6f6;}
#concept_Ai .sec_special .sec_tit{margin-bottom:45px;}
#concept_Ai .sec_special .special_cont{padding:0 16px;}
#concept_Ai .sec_special .special_cont .tabCont{margin:0;}
#concept_Ai .classList{}
#concept_Ai .classList li img{height:112px;object-fit:cover;}
#concept_Ai .classList .classTitle{text-align:left;}
#concept_Ai .sec_special .btn_box{margin-top:30px;text-align:center;}
#concept_Ai .sec_special .btn_box a{width:265px;display:inline-block;}
#concept_Ai .sec_counsel{position:relative;}
#concept_Ai .sec_counsel a{width:46.4%;height:10%;font-size:0;text-indent:-9999px;position:absolute;left:8%;top:45%;}
#concept_Ai .sec_ibt{padding:60px 0 70px;background:url('/assets/m-user/images/lecture/2022_ss/pattern_bg.png') 50% 0 repeat-y;background-size:100% auto;}
#concept_Ai .sec_ibt .sec_tit{margin-bottom:35px;}

#concept_Ai .ai_floating_banner{width:106px;position:fixed;right:5px;bottom:1.5%;z-index:10;}
#concept_Ai .ai_floating_banner #top_btn{width:37px;height:37px;margin:10px auto 0;background-repeat:no-repeat;background-size:100% 100%;position:relative;right:0;top:0;bottom:0;}
#concept_Ai .ai_floating_banner .ai_coupon{width:90px;margin:0 auto;position:relative;}
#concept_Ai .ai_floating_banner .ai_coupon a{display:block;}
#concept_Ai .ai_floating_banner .btn_coupon_close{width:27px;height:21px;font-size:0;text-indent:-9999px;position:absolute;right:0;top:0;}
#concept_Ai .layer_ai{width:96vw;text-align:left;background-color:#fff;border:1px solid #c7c7c7;position:absolute;left:2vw;top:100px;z-index:9;-ms-transition: transform 0.2s ease-out;-webkit-transition: transform 0.2s ease-out;transition: transform 0.2s ease-out;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}
#concept_Ai .layer_ai.show{box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.4);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
#concept_Ai .layer_ai .layer_head{padding:10px 40px 12px 20px;background-color:#f4f4f4;}
#concept_Ai .layer_ai .layer_head h3{font-size:20px;line-height:1.1;font-weight:bold;color:#000;}
#concept_Ai .layer_ai .layer_head h3 em{color:#ff3455;}
#concept_Ai .layer_ai .layer_head p{margin:3px 0 0 0;font-size:15px;color:#000;}
#concept_Ai .layer_ai .layer_body{padding:17px 20px;}
#concept_Ai .layer_ai .btn_layer_close{width:40px;height:40px;position:absolute;right:0;top:0;}
#concept_Ai .layer_ai .btn_layer_close span{width:100%;height:100%;display:inline-block;text-align:center;font-size:26px;line-height:40px;}
#concept_Ai .l_benefit_cont{}
#concept_Ai .l_benefit_cont dl{}
#concept_Ai .l_benefit_cont dl + dl{margin-top:15px;}
#concept_Ai .l_benefit_cont dt{margin-bottom:5px;font-size:15px;font-weight:bold;color:#333;}
#concept_Ai .l_benefit_cont dd p{margin:0;font-size:15px;line-height:1.3;color:#333;word-break:keep-all;}
#concept_Ai .l_benefit_cont dd .c_gray{color:#666;}
#concept_Ai .l_benefit_cont .type_notice p{padding:0 0 0 15px;line-height:1.2;text-indent:-15px;}
#concept_Ai .l_benefit_cont .type_notice p + p{margin-top:3px;}

@-webkit-keyframes wave{from{opacity:1;-webkit-transform:scale(1);}to{opacity:0.2;-webkit-transform:scale(0.2);}}
@keyframes wave{from{opacity:1;transform:scale(1);}to{opacity:0.2;transform:scale(0.2);}}

/* toeic */
.toeic #concept_Ai{}
.toeic #top_btn{background-image:url('/assets/m-user/images/lecture/2022_ss/toeic/btn_top.png');}
.toeic #concept_Ai .teacher_items .cont{background-image:url('/assets/user/images/lecture/2022_ss/toeic/teacher_cover01.png');}
.toeic #concept_Ai .teacher_items .type02 .cont{background-image:url('/assets/user/images/lecture/2022_ss/toeic/teacher_cover02.png');}
.toeic #concept_Ai .teacher_items .type02 .tags span{color:#4c96f4;}
.toeic #concept_Ai .teacher_items .type03 .cont{background-image:url('/assets/user/images/lecture/2022_ss/toeic/teacher_cover03.png');}
.toeic #concept_Ai .teacher_items .type03 .tags span{color:#7455f7;}
.toeic #concept_Ai .teacher_items .type04 .cont{background-image:url('/assets/user/images/lecture/2022_ss/toeic/teacher_cover04.png');}
.toeic #concept_Ai .teacher_items .type04 .tags span{color:#7455f7;}
.toeic #concept_Ai .sec_benefit .benefit_add .box{border-color:#8687f8;}/* 220613 kmh 수정 */
.toeic #concept_Ai .sec_curri .lv_curri_items li:nth-child(1) a{left:37vw;top:5vw;}
.toeic #concept_Ai .sec_curri .lv_curri_items li:nth-child(2) a{left:74vw;top:33vw;}
.toeic #concept_Ai .sec_curri .lv_curri_items li:nth-child(3) a{left:66vw;top:70vw;}
.toeic #concept_Ai .sec_curri .lv_curri_items li:nth-child(4) a{left:37vw;top:80vw;}
.toeic #concept_Ai .sec_curri .lv_curri_items li:nth-child(5) a{left:10vw;top:70vw;}
.toeic #concept_Ai .sec_curri .lv_curri_items li:nth-child(6) a{left:1vw;top:33vw;}
.toeic #concept_Ai .classList .classTitle span{color:#00bfff;font-weight:400;}
.toeic #concept_Ai .classList .classTitle .teacherName{color:#999;}


/* hsk */
.hsk #top_btn{background-image:url('/assets/m-user/images/lecture/2022_ss/hsk/btn_top.png');}
.hsk #concept_Ai .teacher_items .cont{background-image:url('/assets/user/images/lecture/2022_ss/hsk/teacher_cover01.png');}
.hsk #concept_Ai .teacher_items .tags span{color:#f4a5e6;}
.hsk #concept_Ai .teacher_items .type02 .cont{background-image:url('/assets/user/images/lecture/2022_ss/hsk/teacher_cover02.png');}
.hsk #concept_Ai .teacher_items .type02 .tags span{color:#c8a7ea;}
.hsk #concept_Ai .teacher_items .type03 .cont{background-image:url('/assets/user/images/lecture/2022_ss/hsk/teacher_cover03.png');}
.hsk #concept_Ai .teacher_items .type03 .tags span{color:#a6a8ee;}
.hsk #concept_Ai .teacher_items .type04 .cont{background-image:url('/assets/user/images/lecture/2022_ss/hsk/teacher_cover04.png');}
.hsk #concept_Ai .teacher_items .type04 .tags span{color:#a6a8ee;}
.hsk #concept_Ai .sec_review .objs_wrap span{opacity:0;-webkit-transform:scale(0);transform:scale(0);}
.hsk #concept_Ai .sec_review .objs_wrap.action span{opacity:1;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;-webkit-transform:scale(1);transform:scale(1);}
.hsk #concept_Ai .sec_review .objs_wrap.action span:nth-child(1){-webkit-transition-delay:0.4s;transition-delay:0.4s;transform-origin:35% 100%;}
.hsk #concept_Ai .sec_review .objs_wrap.action span:nth-child(2){-webkit-transition-delay:0.8s;transition-delay:0.8s;transform-origin:45% 100%;}
.hsk #concept_Ai .sec_review .objs_wrap.action span:nth-child(3){-webkit-transition-delay:1.2s;transition-delay:1.2s;transform-origin:70% 100%;}
.hsk #concept_Ai .benefit_items .btn_link{color:#ffa5e5;border:1px solid #ffa5e5;}
.hsk #concept_Ai .benefit_items .active .box{border-color:#ffa5e5;}
.hsk #concept_Ai .benefit_items .desc strong em{color:#ffa5e5;}
.hsk #concept_Ai .sec_benefit .benefit_add .benefit_items .box{border-color:#7da9f2;}
.hsk #concept_Ai .sec_benefit .benefit_add .benefit_items .btn_link{color:#7da9f2;border-color:#7da9f2;}
.hsk #concept_Ai .sec_benefit .benefit_add .benefit_items .desc strong em{color:#7da9f2;}
.hsk #concept_Ai .sec_curri .lv_curri_items li .curri_detail{margin:-24vw 0 0 -29vw;}
.hsk #concept_Ai .sec_curri .lv_curri_items li:nth-child(1) a{left:37vw;top:5vw;}
.hsk #concept_Ai .sec_curri .lv_curri_items li:nth-child(2) a{left:74vw;top:42vw;}
.hsk #concept_Ai .sec_curri .lv_curri_items li:nth-child(3) a{left:37vw;top:80vw;}
.hsk #concept_Ai .sec_curri .lv_curri_items li:nth-child(4) a{left:0vw;top:42vw;}
.hsk #concept_Ai .classList .classTitle span{color:#ffa5e5;font-weight:400;}
.hsk #concept_Ai .classList .classTitle .teacherName{color:#999;}

/* toefl */
.toefl #top_btn{background-image:url('/assets/m-user/images/lecture/2022_ss/toefl/btn_top.png');}
.toefl #concept_Ai .teacher_items .cont{background-image:url('/assets/user/images/lecture/2022_ss/toefl/teacher_cover01.png');}
.toefl #concept_Ai .teacher_items .type02 .cont{background-image:url('/assets/user/images/lecture/2022_ss/toefl/teacher_cover02.png');}
.toefl #concept_Ai .teacher_items .type02 .tags span{color:#4c96f4;}
.toefl #concept_Ai .teacher_items .type03 .cont{background-image:url('/assets/user/images/lecture/2022_ss/toefl/teacher_cover03.png');}
.toefl #concept_Ai .teacher_items .type03 .tags span{color:#7455f7;}
.toefl #concept_Ai .teacher_items .type04 .cont{background-image:url('/assets/user/images/lecture/2022_ss/toefl/teacher_cover04.png');}
.toefl #concept_Ai .benefit_items ul{text-align:left;}
.toefl #concept_Ai .benefit_items .box{height:145px;padding:20px 0 0;}
.toefl #concept_Ai .sec_benefit .benefit_add .benefit_items .box{border-color:#6869f7;}
.toefl #concept_Ai .sec_curri .lv_curri_items li .curri_detail{margin:-22vw 0 0 -31vw;}
.toefl #concept_Ai .sec_curri .lv_curri_items li:nth-child(1) a{left:37vw;top:5vw;}
.toefl #concept_Ai .sec_curri .lv_curri_items li:nth-child(2) a{left:74vw;top:42vw;}
.toefl #concept_Ai .sec_curri .lv_curri_items li:nth-child(3) a{left:0vw;top:42vw;}

/* ielts */
.ielts #top_btn{background-image:url('/assets/m-user/images/lecture/2022_ss/ielts/btn_top.png');}
.ielts #concept_Ai .teacher_items .cont{background-image:url('/assets/user/images/lecture/2022_ss/ielts/teacher_cover01.png');}
.ielts #concept_Ai .teacher_items .type02 .cont{background-image:url('/assets/user/images/lecture/2022_ss/ielts/teacher_cover02.png');}
.ielts #concept_Ai .teacher_items .type02 .tags span{color:#4c96f4;}
.ielts #concept_Ai .teacher_items .type03 .cont{background-image:url('/assets/user/images/lecture/2022_ss/ielts/teacher_cover03.png');}
.ielts #concept_Ai .teacher_items .type03 .tags span{color:#7455f7;}
.ielts #concept_Ai .teacher_items .type04 .cont{background-image:url('/assets/user/images/lecture/2022_ss/ielts/teacher_cover04.png');}
.ielts #concept_Ai .sec_review .objs_wrap span:nth-child(3){opacity:0;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);transform-origin:75% 100%;}
.ielts #concept_Ai .sec_review .objs_wrap.action span:nth-child(3){opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition: all 0.5s ease-out 0.9s;transition: all 0.5s ease-out 0.9s;}
.ielts #concept_Ai .benefit_items .box{height:145px;padding:20px 0 0;}
.ielts #concept_Ai .sec_benefit .benefit_add .benefit_items .box{border-color:#6869f7;}
.ielts #concept_Ai .sec_curri .lv_curri_items li .curri_detail{margin:-22vw 0 0 -31vw;}
.ielts #concept_Ai .sec_curri .lv_curri_items li:nth-child(1) a{left:37vw;top:5vw;}
.ielts #concept_Ai .sec_curri .lv_curri_items li:nth-child(2) a{left:74vw;top:42vw;}
.ielts #concept_Ai .sec_curri .lv_curri_items li:nth-child(3) a{left:37vw;top:80vw;}
.ielts #concept_Ai .sec_curri .lv_curri_items li:nth-child(4) a{left:0vw;top:42vw;}

/* tos */
.tos #top_btn{background-image:url('/assets/m-user/images/lecture/2022_ss/tos/btn_top.png');}
.tos #concept_Ai .ai_floating_nav .nav_items a.on{font-weight:bold;color:#19e8d9;border-color:#19e8d9;}
.tos #concept_Ai .teacher_items .cont{background-image:url('/assets/user/images/lecture/2022_ss/tos/teacher_cover01.png');}
.tos #concept_Ai .teacher_items .type02 .cont{background-image:url('/assets/user/images/lecture/2022_ss/tos/teacher_cover02.png');}
.tos #concept_Ai .teacher_items .type03 .cont{background-image:url('/assets/user/images/lecture/2022_ss/tos/teacher_cover03.png');}
.tos #concept_Ai .teacher_items .type04 .cont{background-image:url('/assets/user/images/lecture/2022_ss/tos/teacher_cover04.png');}
.tos #concept_Ai .teacher_items .cont .tags span{color:#19e8d8;}
.tos #concept_Ai .teacher_items .type02 .cont .tags span{color:#18d9e5;}
.tos #concept_Ai .teacher_items .type03 .cont .tags span{color:#46cef0;}
.tos #concept_Ai .teacher_items .type04 .cont .tags span{color:#3ebffd;}
.tos #concept_Ai .sec_type{background-image:url('/assets/m-user/images/lecture/2022_ss/pattern_bg02.png');}
.tos #concept_Ai .benefit_items .btn_link{color:#19e8d9;border:1px solid #19e8d9;}
.tos #concept_Ai .benefit_items .desc strong em{color:#19e8d9;}
.tos #concept_Ai .sec_benefit .benefit_add .benefit_items .box{border-color:#00bffe;}
.tos #concept_Ai .sec_benefit .benefit_add .benefit_items .btn_link{color:#00bffe;border-color:#00bffe;}
.tos #concept_Ai .sec_benefit .benefit_add .benefit_items .desc strong em{color:#00bffe;}
.tos #concept_Ai .sec_curri .lv_curri_items li .curri_detail{margin:-22vw 0 0 -30vw;}
.tos #concept_Ai .sec_curri .lv_curri_items li:nth-child(1) a{left:37vw;top:5vw;}
.tos #concept_Ai .sec_curri .lv_curri_items li:nth-child(2) a{left:37vw;top:80vw;}
.tos #concept_Ai .classList .classTitle span{color:#19e8d8;font-weight:400;}
.tos #concept_Ai .classList .classTitle .teacherName{color:#999;}
.tos #concept_Ai .sec_special{border-bottom:1px solid #ddd;}

/* opic */
.opic #top_btn{background-image:url('/assets/m-user/images/lecture/2022_ss/opic/btn_top.png');}
.opic #concept_Ai .ai_floating_nav .nav_items a.on{font-weight:bold;color:#19e8d9;border-color:#19e8d9;}
.opic #concept_Ai .teacher_items .cont{background-image:url('/assets/user/images/lecture/2022_ss/opic/teacher_cover01.png');}
.opic #concept_Ai .teacher_items .type02 .cont{background-image:url('/assets/user/images/lecture/2022_ss/opic/teacher_cover02.png');}
.opic #concept_Ai .teacher_items .type03 .cont{background-image:url('/assets/user/images/lecture/2022_ss/opic/teacher_cover03.png');}
.opic #concept_Ai .teacher_items .type04 .cont{background-image:url('/assets/user/images/lecture/2022_ss/opic/teacher_cover04.png');}
.opic #concept_Ai .review_swiper .wrap{height:260px;}
.opic #concept_Ai .sec_type{background-image:url('/assets/m-user/images/lecture/2022_ss/pattern_bg02.png');}
.opic #concept_Ai .benefit_items .btn_link{color:#19e8d9;border:1px solid #19e8d9;}
.opic #concept_Ai .benefit_items .desc strong em{color:#19e8d9;}
.opic #concept_Ai .sec_benefit .benefit_add .benefit_items .box{border-color:#00bffe;}
.opic #concept_Ai .sec_benefit .benefit_add .benefit_items .btn_link{color:#00bffe;border-color:#00bffe;}
.opic #concept_Ai .sec_benefit .benefit_add .benefit_items .desc strong em{color:#00bffe;}
.opic #concept_Ai .sec_curri .lv_curri_items li .curri_detail{margin:-22vw 0 0 -30vw;}
.opic #concept_Ai .sec_curri .lv_curri_items li:nth-child(1) a{left:37vw;top:5vw;}
.opic #concept_Ai .sec_curri .lv_curri_items li:nth-child(2) a{left:37vw;top:80vw;}
.opic #concept_Ai .classList .classTitle span{color:#19e8d8;font-weight:400;}
.opic #concept_Ai .classList .classTitle .teacherName{color:#999;}

/* teps */
.teps #top_btn{background-image:url('/assets/m-user/images/lecture/2022_ss/teps/btn_top.png');}
.teps #concept_Ai .ai_teachers_wrap li {width:33.333%;}  /* 220919 pny 추가 */
.teps #concept_Ai .ai_floating_nav .nav_items a.on{font-weight:bold;color:#19e8d9;border-color:#19e8d9;}
/*.teps #concept_Ai .teachers_tab_cont .swiper-container{height:43vw;} 220531 kmh 삭제 */
.teps #concept_Ai .teacher_items li{margin:0 auto;}
.teps #concept_Ai .teacher_items .cont{background-image:url('/assets/user/images/lecture/2022_ss/tos/teacher_cover01.png');}
.teps #concept_Ai .teacher_items .cont .tags span{color:#19e8d8;}
.teps #concept_Ai .sec_review{background:#212121;}
.teps #concept_Ai .review_swiper .wrap{height:340px;}
.teps #concept_Ai .review_swiper .rating{color:#19e8d9;font-size:17px;}
.teps #concept_Ai .benefit_items ul{text-align:left;}
.teps #concept_Ai .benefit_items .btn_link{color:#19e8d9;border-color:#19e8d9;}
.teps #concept_Ai .benefit_items .active .box{border-color:#19e8d9;}
.teps #concept_Ai .benefit_items .desc strong em{color:#19e8d9;}
.teps #concept_Ai .sec_benefit .benefit_items .type02 .box{height:130px;}
.teps #concept_Ai .sec_benefit .benefit_add .benefit_items .box{border-color:#00bffe;}
.teps #concept_Ai .sec_benefit .benefit_add .benefit_items .btn_link{color:#00bffe;border-color:#00bffe;}
.teps #concept_Ai .sec_benefit .benefit_add .benefit_items .desc strong em{color:#00bffe;}
.teps #concept_Ai .sec_curri .lv_curri_items li a{width:20vw;}
.teps #concept_Ai .sec_curri .lv_curri_items li:nth-child(1) a{left:40vw;top:2vw;}
.teps #concept_Ai .sec_curri .lv_curri_items li:nth-child(2) a{right:0;top:42vw;}
.teps #concept_Ai .sec_curri .lv_curri_items li:nth-child(3) a{left:0;top:42vw;}
.teps #concept_Ai .sec_curri .curri_detail dt{color:#19e8d9;}
.teps #concept_Ai .sec_curri .curri_detail dl + dl dt{color:#00bfff;}
.teps #concept_Ai .sec_curri .curri_detail dd span{font-size:11px;color:#999;}
.teps #concept_Ai .book_swiper{padding-bottom:80px;}
.teps #concept_Ai .book_swiper li .btn_book{width:32%;height:30px;display:block;text-align:center;margin:8px auto 0;font-size:11px;line-height:30px;color:#00bfff;border:1px solid #00bfff;box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 1);}
.teps #concept_Ai .book_swiper li .btn_book em{font-size:11px;margin-left:3px;}
.teps #concept_Ai .sec_counsel a{top:47.6%;}


/* jlpt */
.jlpt #top_btn{background-image:url('/assets/m-user/images/lecture/2022_ss/jlpt/btn_top.png');}
.jlpt #concept_Ai .ai_teachers_wrap li{width:33.3%;}
.jlpt #concept_Ai .teacher_items .cont{background-image:url('/assets/user/images/lecture/2022_ss/jlpt/teacher_cover01.png');}
.jlpt #concept_Ai .teacher_items .tags span{color:#f4a5e6;}
.jlpt #concept_Ai .teacher_items .type02 .cont{background-image:url('/assets/user/images/lecture/2022_ss/jlpt/teacher_cover02.png');}
.jlpt #concept_Ai .teacher_items .type02 .tags span{color:#c8a7ea;}
.jlpt #concept_Ai .teacher_items .type03 .cont{background-image:url('/assets/user/images/lecture/2022_ss/jlpt/teacher_cover03.png');}
.jlpt #concept_Ai .teacher_items .type03 .tags span{color:#a6a8ee;}
.jlpt #concept_Ai .teacher_items .type04 .cont{background-image:url('/assets/user/images/lecture/2022_ss/jlpt/teacher_cover04.png');}
.jlpt #concept_Ai .teacher_items .type04 .tags span{color:#a6a8ee;}
.jlpt #concept_Ai .review_swiper .wrap .label span{color:#c2a7eb;text-shadow:1px 1px 1px #86a9f1;}
.jlpt #concept_Ai .benefit_items .btn_link{color:#ffa5e5;border:1px solid #ffa5e5;}
.jlpt #concept_Ai .benefit_items .active .box{border-color:#ffa5e5;}
.jlpt #concept_Ai .benefit_items .desc strong em{color:#ffa5e5;}
.jlpt #concept_Ai .sec_benefit .benefit_add .benefit_items .box{border-color:#7da9f2;}
.jlpt #concept_Ai .sec_benefit .benefit_add .benefit_items .btn_link{color:#7da9f2;border-color:#7da9f2;}
.jlpt #concept_Ai .sec_benefit .benefit_add .benefit_items .desc strong em{color:#7da9f2;}
.jlpt #concept_Ai .sec_curri .lv_curri_items li .curri_detail{height:52.5vw;margin:-23.2vw 0 0 -30vw;}
.jlpt #concept_Ai .sec_curri .curri_detail dd p{margin:4px 0 0 0;text-indent:-2px;padding-left:2px;font-size:11px;line-height:1.3;font-weight:300;color:#fff;}
.jlpt #concept_Ai .sec_curri .curri_detail dd p:before{content:'-';margin:0 1px 0 -7px;}
.jlpt #concept_Ai .sec_curri .lv_curri_items li:nth-child(1) a{left:37vw;top:5vw;}
.jlpt #concept_Ai .sec_curri .lv_curri_items li:nth-child(2) a{left:74vw;top:42vw;}
.jlpt #concept_Ai .sec_curri .lv_curri_items li:nth-child(3) a{left:37vw;top:80vw;}
.jlpt #concept_Ai .sec_curri .lv_curri_items li:nth-child(4) a{left:0vw;top:42vw;}
.jlpt #concept_Ai .classList .classTitle span{color:#ffa5e5;font-weight:400;}
.jlpt #concept_Ai .classList .classTitle .teacherName{color:#999;}


#score_guarantee{}
#score_guarantee *{box-sizing:border-box;}
#score_guarantee img{width:100%;}
#score_guarantee h3,
#score_guarantee h4,
#score_guarantee p{margin:0;}

/* 221201 kmh 딜리버리 점수보장반 라이브 제작 */
#score_guarantee_live{}
#score_guarantee_live *{box-sizing:border-box;}
#score_guarantee_live img{width:100%;}
#score_guarantee_live h3,
#score_guarantee_live h4,
#score_guarantee_live p{margin:0;}
#concept_Delivery{position:relative;overflow:hidden;}
#concept_Delivery em{font-style:normal;}

/* 221207 kmh 수정 */
#concept_Delivery .sec_topVisual{width:100%;height:142.93vw;padding:0;background:#f2f2f2 url('/assets/m-user/images/lecture/2022_fw/toeic_live/sec_topVisual_bg.jpg') 50% 0 no-repeat;background-size:100% auto;overflow:hidden;opacity:1;}/* 230327 kmh 수정 */
#concept_Delivery .sec_topVisual .summary{opacity:0;}
#concept_Delivery .sec_topVisual .tit{margin-bottom:7.5vw;text-align:left;opacity:0;}/* 230327 kmh 수정 */
#concept_Delivery .sec_topVisual .keyword{position:relative;opacity:1;}
#concept_Delivery .sec_topVisual .keyword span{opacity:0;position:absolute;left:0;top:0;-webkit-transform:translate(-200px, 0);transform:translate(-200px, 0);}
#concept_Delivery .sec_topVisual .keyword span + span{-webkit-transform:translate(200px, 0);transform:translate(200px, 0);}
/* //221207 kmh 수정 */
#concept_Delivery .sec_topVisual .keyword.action span{opacity:1;-webkit-transition:all 0.3s 0.1s;transition:all 0.3s 0.1s;-webkit-transform:translate(0, 0);transform:translate(0, 0);}
#concept_Delivery .sec_topVisual .keyword.action span + span{-webkit-transition-delay:0.2s;transition-delay:0.25s;}
#concept_Delivery .sec_topVisual.action .summary{-webkit-animation:lightSpeedInRight 1.2s forwards ease;animation:lightSpeedInRight 1.2s forwards ease;}
#concept_Delivery .sec_topVisual.action .tit{-webkit-animation:lightSpeedInRight 1.2s forwards ease 0.3s;animation:lightSpeedInRight 1.2s forwards ease 0.3s;}

#concept_Delivery .sec_intro{padding:8.5vw 0 35px;background:#f2f2f2 url('/assets/m-user/images/lecture/2022_fw/toeic_live/sec_intro_bg.png') 50% 0 no-repeat;background-size:100% auto;}/* 230327 kmh 수정 */
#concept_Delivery .sec_intro .inner{padding:0 6.66vw;}
#concept_Delivery .cont_intro,
#concept_Delivery .cont_add_benefit{position:relative;}
#concept_Delivery .cont_add_benefit{height:78vw;margin-top:87px;box-shadow:0 5px 5px 1px rgba(0, 0, 0, 0.05);} /* 230125 syh 수정 */
#concept_Delivery .cont_add_benefit:before{content:'';width:54px;height:64px;margin-left:-27px;background:url('/assets/user/images/lecture/2022_fw/toeic_live/icon_plus.png') no-repeat;background-size:100% 100%;position:absolute;left:50%;top:-70px;-webkit-animation:tongtong 1s infinite ease;animation:tongtong 1s infinite ease;}
#concept_Delivery .cont_add_benefit .tabs{width:100%;font-size:0;position:absolute;left:0;top:0;z-index:2;}
#concept_Delivery .cont_add_benefit .tabs a{width:50%;height:14vw;display:inline-block;vertical-align:top;font-size:0;}
#concept_Delivery .cont_add_benefit .tab_contents li{width:100%;position:absolute;left:0;top:0;z-index:0;display:none;}
#concept_Delivery .cont_add_benefit .tab_contents .btn_link{width:100%;text-align:center;position:absolute;left:0;bottom:6.7vw;}
#concept_Delivery .cont_add_benefit .tab_contents .btn_link a{width:226px;display:inline-block;}
#concept_Delivery .cont_add_benefit .tab_contents .gif_label{width:32.26vw;position:absolute;left:27.3vw;top:58.24vw;}/* 221207 kmh 추가 */
#concept_Delivery .sec_lineup{padding:47px 0 10px;background:#cc1719;background:linear-gradient(-72deg, #c31618 50%, #cc1719 50%);;position:relative;overflow:hidden;}
#concept_Delivery .sec_lineup:before{content:'';width:100%;height:10px;background:url('/assets/user/images/lecture/2022_fw/toeic_live/sec_lineup_top_bg.png') repeat-x;background-size:auto 10px;position:absolute;left:0;top:0;}
#concept_Delivery .sec_lineup .tit{margin-bottom:32px;}
#concept_Delivery .lineup_items{perspective:1100px;}
#concept_Delivery .lineup_items ul{padding:0 5.2vw;text-align:center;font-size:0;}
#concept_Delivery .lineup_items li{width:50%;margin:0 0 33px;display:inline-block;vertical-align:top;text-align:center;position:relative;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#concept_Delivery .lineup_items li .wrap{width:100%;height:100%;display:block;perspective:800px;-webkit-tap-highlight-color:transparent;}
#concept_Delivery .lineup_items li .info{margin-top:18px;-webkit-transition:all 0.4s;transition:all 0.4s;}
#concept_Delivery .lineup_items .card_wrap{width:38.13vw;height:44vw;margin:0 auto;position:relative;border-radius:18px;box-shadow:0 10px 15px 1px rgba(0, 0, 0, 0.2);transform-style:preserve-3d;-webkit-transition:all 0.4s;transition:all 0.4s;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);}
#concept_Delivery .lineup_items .card_wrap .photo{opacity:1;z-index:2;}
#concept_Delivery .lineup_items .card_wrap .photo:after{content:'';width:32px;height:32px;background:url('/assets/user/images/lecture/2022_fw/toeic_live/icon_play.png') no-repeat;background-size:100% 100%;position:absolute;right:10px;bottom:10px;}
#concept_Delivery .lineup_items .card_wrap .photo,
#concept_Delivery .lineup_items .card_wrap .vod{width:100%;height:100%;overflow:hidden;border-radius:10px;position:absolute;top:0;backface-visibility:hidden;}
#concept_Delivery .lineup_items .card_wrap .photo{left:0;}
#concept_Delivery .lineup_items li:nth-child(odd) .card_wrap .vod{right:0;}
#concept_Delivery .lineup_items li:nth-child(even) .card_wrap .vod{left:0;}
#concept_Delivery .lineup_items li:nth-child(7) .card_wrap .vod{top:auto;bottom:0;}
#concept_Delivery .lineup_items .card_wrap .vod video{width:100%;height:100%;}
#concept_Delivery .lineup_items .card_wrap .vod{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
#concept_Delivery .lineup_items .card_wrap .vod .btn_video_close{width:28px;height:28px;font-size:0;background-color:#000;position:absolute;right:0;top:0;}
#concept_Delivery .lineup_items .card_wrap .vod .btn_video_close:before,
#concept_Delivery .lineup_items .card_wrap .vod .btn_video_close:after{content:'';width:1px;height:18px;margin-top:-9px;background-color:#fff;position:absolute;left:50%;top:50%;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#concept_Delivery .lineup_items .card_wrap .vod .btn_video_close:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#concept_Delivery .lineup_items .card_wrap .vod .btn_video_close:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
#concept_Delivery .lineup_items .card_wrap .vod .btn_video_close:hover:before{-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg);}
#concept_Delivery .lineup_items .card_wrap .vod .btn_video_close:hover:after{-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}
#concept_Delivery .lineup_items .preview{z-index:5;}
#concept_Delivery .lineup_items .preview .card_wrap{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
#concept_Delivery .lineup_items .preview .photo{opacity:1;z-index:0;}
#concept_Delivery .lineup_items .preview .card_wrap .vod{width:83.2vw;height:96vw;border-radius:10px 0 10px 10px;z-index:6;-webkit-transition:all 0.4s 0.4s;transition:all 0.4s 0.4s;}
#concept_Delivery .lineup_items li:nth-child(3).preview .card_wrap .vod,
#concept_Delivery .lineup_items li:nth-child(4).preview .card_wrap .vod,
#concept_Delivery .lineup_items li:nth-child(5).preview .card_wrap .vod,
#concept_Delivery .lineup_items li:nth-child(6).preview .card_wrap .vod{top:-25vw;}
#concept_Delivery .lineup_items li:nth-child(7).preview .card_wrap .vod{right:-22.5vw;}
#concept_Delivery .lineup_items.active li{opacity:0.6;}
#concept_Delivery .lineup_items.active li.preview{opacity:1;}


#concept_Delivery .sec_review{padding:43px 0;background:#f2f2f2 url('/assets/m-user/images/lecture/2022_fw/toeic_live/sec_review_bg.png') 50% 0 no-repeat;background-size:100% auto;position:relative;}
#concept_Delivery .sec_review .top_label{width:100%;height:39px;background:url('/assets/m-user/images/lecture/2022_fw/toeic_live/sec_review_icon.png') no-repeat;background-size:100% 100%;position:absolute;left:0;top:-3.33vw;}
#concept_Delivery .sec_review .tit{margin-bottom:24px;}
#concept_Delivery .sec_review .cont_review{position:relative;}
#concept_Delivery .cont_review li{position:relative;}
#concept_Delivery .cont_review li:nth-child(3){top:-3vw;}
#concept_Delivery .cont_review li:nth-child(5){top:-3vw;}

#concept_Delivery .sec_brand{padding:40px 0 51.8vw;text-align:center;background:#fff url('/assets/m-user/images/lecture/2022_fw/toeic_live/sec_brand_bg.jpg') 50% 100% no-repeat;background-size:100% auto;}
#concept_Delivery .sec_brand .tit{margin-bottom:22px;}
#concept_Delivery .sec_brand .summary{margin-bottom:26px;}
#concept_Delivery .sec_brand .btn_type_delivery{width:247px;}

#concept_Delivery .sec_others{padding:50px 0;background:#fafafa url('/assets/m-user/images/lecture/2022_fw/toeic_live/sec_others_bg.png') 0 100% repeat-x;background-size:38px auto;}
#concept_Delivery .sec_others .tit{margin-bottom:13px;}
#concept_Delivery .sec_others .cont_others{margin:0 3.73vw;position:relative;}
#concept_Delivery .cont_others .obj_phone{opacity:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transform:translate(0, 100px);transform:translate(0, 100px);}
#concept_Delivery .others_items{width:100%;position:absolute;left:0;top:16vw;}
#concept_Delivery .others_items li{width:100%;}
#concept_Delivery .others_items li img{width:100%;z-index:0;opacity:0;position:absolute;left:0;top:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transform:scale(0.2);transform:scale(0.2);}
#concept_Delivery .others_items li a{width:27.2vw;height:27.2vw;font-size:0;text-indent:-9999px;position:absolute;z-index:10;}
#concept_Delivery .others_items li:nth-child(1) a,
#concept_Delivery .others_items li:nth-child(4) a,
#concept_Delivery .others_items li:nth-child(7) a{left:2.8vw;}
#concept_Delivery .others_items li:nth-child(2) a,
#concept_Delivery .others_items li:nth-child(5) a,
#concept_Delivery .others_items li:nth-child(8) a{left:32.8vw;}
#concept_Delivery .others_items li:nth-child(3) a,
#concept_Delivery .others_items li:nth-child(6) a,
#concept_Delivery .others_items li:nth-child(9) a{left:62.8vw;}
#concept_Delivery .others_items li:nth-child(1) a,
#concept_Delivery .others_items li:nth-child(2) a,
#concept_Delivery .others_items li:nth-child(3) a{top:2.2vw;}
#concept_Delivery .others_items li:nth-child(4) a,
#concept_Delivery .others_items li:nth-child(5) a,
#concept_Delivery .others_items li:nth-child(6) a{top:33.2vw;}
#concept_Delivery .others_items li:nth-child(7) a,
#concept_Delivery .others_items li:nth-child(8) a,
#concept_Delivery .others_items li:nth-child(9) a{top:64.2vw;}
#concept_Delivery .others_items li:nth-child(1) img{-webkit-transition-delay:0.2s;transition-delay:0.2s;}
#concept_Delivery .others_items li:nth-child(2) img{-webkit-transition-delay:0.35s;transition-delay:0.35s;}
#concept_Delivery .others_items li:nth-child(3) img{-webkit-transition-delay:0.5s;transition-delay:0.5s;}
#concept_Delivery .others_items li:nth-child(4) img{-webkit-transition-delay:0.65s;transition-delay:0.65s;}
#concept_Delivery .others_items li:nth-child(5) img{-webkit-transition-delay:0.8s;transition-delay:0.8s;;}
#concept_Delivery .others_items li:nth-child(6) img{-webkit-transition-delay:0.95s;transition-delay:0.95s;}
#concept_Delivery .others_items li:nth-child(7) img{-webkit-transition-delay:1.1s;transition-delay:1.1s;}
#concept_Delivery .others_items li:nth-child(8) img{-webkit-transition-delay:1.25s;transition-delay:1.25s;}
#concept_Delivery .others_items li:nth-child(9) img{-webkit-transition-delay:1.4s;transition-delay:1.4s;}
#concept_Delivery .cont_others.action .obj_phone{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);}
#concept_Delivery .action .others_items li img{opacity:1;-webkit-transform:scale(1);transform:scale(1);}

#concept_Delivery .btn_type_delivery{display:inline-block;position:relative;}
#concept_Delivery .btn_type_delivery span,
#concept_Delivery .btn_type_delivery span:after{background-color:#d71120;position:absolute;left:100%;}
#concept_Delivery .btn_type_delivery span{opacity:0;-webkit-transform:translate(-55px, 0);transform:translate(-55px, 0);}

#concept_Delivery .btn_type_delivery span:nth-child(1){width:25px;height:3px;margin-left:-32px;border-radius:6px;bottom:6px;}
#concept_Delivery .btn_type_delivery span:nth-child(1):after{content:'';width:3px;height:100%;margin-left:1px;border-radius:6px;}
#concept_Delivery .btn_type_delivery span:nth-child(2){width:40px;height:4px;margin-left:-40px;border-radius:4px;bottom:0;}
#concept_Delivery .btn_type_delivery span:nth-child(3){width:20px;height:4px;margin-left:-10px;border-radius:4px;bottom:13px;}
#concept_Delivery .btn_type_delivery span:nth-child(1){animation:btn_delivery 2s infinite ease 0.3s;}
#concept_Delivery .btn_type_delivery span:nth-child(2){animation:btn_delivery 2s infinite ease 0.2s;}
#concept_Delivery .btn_type_delivery span:nth-child(3){animation:btn_delivery 2s infinite ease;}

#concept_Delivery #layer_original_video{}
#concept_Delivery #layer_original_video:before{content:'';width:100%;height:100%;background:rgba(0, 0, 0, 0.7);position:fixed;left:0;top:0;z-index:9;display:none;}
#concept_Delivery #layer_original_video .layer_video_wrap{width:89.6vw;height:103.33vw;margin:-51.52vw 0 0 0;position:fixed;left:5.2vw;top:50%;z-index:10;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s;-webkit-transform:scale(0);transform:scale(0);}
#concept_Delivery #layer_original_video.show:before{display:block;}
#concept_Delivery #layer_original_video.show .layer_video_wrap{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
#concept_Delivery #video_area{width:100%;height:100%;background-color:#fff;border-radius:18px 0 18px 18px;overflow:hidden;}
#concept_Delivery #video_area video{width:100%;height:100%;}
#concept_Delivery #layer_original_video .btn_layer_close{width:40px;height:40px;font-size:0;background-color:#000;position:absolute;right:0;top:0;}
#concept_Delivery #layer_original_video .btn_layer_close:before,
#concept_Delivery #layer_original_video .btn_layer_close:after{content:'';width:1px;height:30px;margin-top:-15px;background-color:#fff;position:absolute;left:50%;top:50%;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#concept_Delivery #layer_original_video .btn_layer_close:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#concept_Delivery #layer_original_video .btn_layer_close:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
#concept_Delivery #layer_original_video .btn_layer_close:hover:before{-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg);}
#concept_Delivery #layer_original_video .btn_layer_close:hover:after{-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}

@keyframes tongtong{
	50%{transform:scaleY(0.9) translate(0, 10px);}
	to{transform:scaleY(1) translate(0, 0);}
}

@keyframes lightSpeedInRight{
	0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}
	60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}
	80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}
	to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}

@keyframes btn_delivery{
	40%{opacity:1;-webkit-transform:translate(7px, 0);transform:translate(7px, 0);}
	70%{opacity:1;-webkit-transform:translate(7px, 0);transform:translate(7px, 0);}
	100%{opacity:0;-webkit-transform:translate(7px, 0);transform:translate(7px, 0);}
}
