/**/ .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;} .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 .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 200807 syh */ .gtelp .lec_body_wrap .lec_content .w_cont{margin:0 -20px;} .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{vertical-align:top;} .gtelp .tab2 a{font-size:0;line-height:0;text-indent:-9999px;width:25%;height:7%;display:block;position:absolute;} /* 211222 syh 수정 및 추가 */ .gtelp .tab2 div[class^=tc]{position:relative;} .gtelp .tab2 .tc1 .btn_tc{width:26.5%;top:13.8%;left:5%;} .gtelp .tab2 .tc2 .btn_tc{width:41.5%;top:23.7%;right:4%;} .gtelp .tab2 .tc3 .btn_tc{width:25.5%;top:27%;left:4%;} .gtelp .tab2 .tc4 .btn_tc{width:38.5%;top:17.5%;right:7%;} /* //211222 syh 수정 및 추가 */ .japnaese .section.landingBg{background-color:#81aecd;} .japnaese .tabLayout li{width:25%;} .japnaese .landing_contents .slider ul li{float:none;} .japnaese .wrap_slide{padding:20px;background:url(/assets/m-user/images/japanese/sec03_bg.jpg);} .jlptReviewBox{margin-top:-26px; overflow:hidden;} /* .japnaese .jlptReview li{float:left;} */ .japnaese .bx-wrapper .bx-pager.bx-default-pager a{width:16px;height:16px; margin:0 4px;border-radius:15px;background:#fff;} .japnaese .bx-wrapper .bx-pager.bx-default-pager a:hover, .second .rv_slider .bx-wrapper .bx-pager.bx-default-pager a.active{width:16px;background:#ba7a5e;} .japnaese.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ width:16px;background:#000 !important;} .japnaese .bx-wrapper .bx-pager{ top:auto;bottom:-10%;} .japnaese .bx-wrapper .bx-viewport{ background:transparent;} .japnaese .rv_txt{ margin:0;margin-top:10px;} .japnaese .jlpt_info{padding:30px 20px;background-color:#f8e8f8;} .japnaese .jlpt_info .tit{margin-bottom:10px;} .japnaese .jlpt_info ul{} .japnaese .jlpt_info ul li{margin:7px 0;cursor:pointer;} .japnaese .jpPopcont1, .japnaese .jpPopcont2, .japnaese .jpPopcont3, .japnaese .jpPopcont4 {display:none;} .japnaese .swiper-pagination-bullet{width:16px;height:16px;margin:0 4px;border-radius:15px;opacity:1;background:#fff !important;box-shadow:none;} .japnaese .swiper-pagination-bullet-active{background:#000 !important;} .japnaese .japnaese-pagination {margin-top:20px;} /* 210913 syh 추가 */ .japnaese .sec_teacher{background:#f4d8f4;padding-bottom:40px;} .japnaese .sec_teacher .tit_youtube{width:130px;margin:40px auto 0;} .japnaese .sec_teacher .teacher_mv{position:relative;padding-bottom:56.25%;margin:0 13px;} .japnaese .sec_teacher .teacher_mv iframe{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border:2px solid #dfc8df;box-sizing:border-box;} /* //210913 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;} .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;} .secondLang .italy .level_nav a:nth-child(1){left:4.26vw;top:7vw;} .secondLang .italy .level_nav a:nth-child(2){left:74.53vw;top:7vw;} .secondLang .germany .level_nav a:nth-child(1){left:4.26vw;top:7vw;} .secondLang .germany .level_nav a:nth-child(2){left:74.53vw;top:7vw;} @-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)}} /* 220124 kmh 삭제 .second .landingBg{background-color:#f5e9d7;} .second .intro{position:relative;padding:5% 5% 10%;margin:-17% 3% 0; background-color:#fff;} .second .intro .tit{margin-bottom:10%;} .second .review{position:relative;margin:10% 0 15%;} .second .review .rv_txt{margin:20px 0 3%;color:#999;font-size:10px;text-align:right;} .second .second-container{overflow:hidden;} .second .second-pagination{margin-top:12px;} .second .swiper-pagination-bullet{ width:10px;height:10px;margin:0 4px;border-radius:15px; background:#ddd !important;opacity:1;box-shadow:none;} .second .swiper-pagination-bullet-active{ width:25px; background:#000 !important;opacity:1;} .tab_area ul{display:table;width:100%;} .tab_area ul li{display:table-cell;position:relative;width:20%;line-height:0;height:50px;color:transparent;font-size:0;text-indent:-9999px;text-align:center;background-color:#222;background-position:center 0;background-size:auto 100px;background-repeat:no-repeat;vertical-align:top;} .tab_area ul li:nth-child(1){background-image:url(../img/program/second_language/tab_01.png);} .tab_area ul li:nth-child(2){background-image:url(../img/program/second_language/tab_02.png) ;} .tab_area ul li:nth-child(3){background-image:url(../img/program/second_language/tab_03.png) ;} .tab_area ul li:nth-child(4){background-image:url(../img/program/second_language/tab_04.png) ;} .tab_area ul li:nth-child(5){background-image:url(../img/program/second_language/tab_05.png) ;} .tab_area ul li:nth-child(1).selected, .tab_area ul li:nth-child(1):active{background-color:#ff6b3c;background-position:center 100%;} .tab_area ul li:nth-child(2).selected, .tab_area ul li:nth-child(2):active{background-color:#3473c7;background-position:center 100%;} .tab_area ul li:nth-child(3).selected, .tab_area ul li:nth-child(3):active{background-color:#934bb7;background-position:center 100%;} .tab_area ul li:nth-child(4).selected, .tab_area ul li:nth-child(4):active{background-color:#1b9453;background-position:center 100%;} .tab_area ul li:nth-child(5).selected, .tab_area ul li:nth-child(5):active{background-color:#e03a4d;background-position:center 100%;} .tab_area.fixed{position:fixed;top:60px;left:0;width:100%;height:50px;z-index:99;} */ .wrap_content{} .wrap_content .tab_cont{} .lineup{padding:8% 5%;text-align:left;background:#fff;} .lineup .tit{margin-bottom:6%;} .lineup ul{} .lineup ul li{position:relative;margin-bottom:3%;} .lineup ul li img{} .lineup ul li .lineup_detail{position:absolute;left:5%;top:8%;bottom:8%;min-width:50%;} .lineup ul li .lineup_detail *{letter-spacing:-0.1em;} .lineup ul li .lineup_detail span{display:inline-block;padding:4px 10px;margin-bottom:10px;color:#000;font-size:12px;font-weight:bold;border-width:1px;border-style:solid;border-radius:15px;background-color:#fff;} .lineup ul li .lineup_detail p{line-height:1.4;margin-bottom:5%;color:#888;font-size:13px;} .lineup ul li .lineup_detail p a{position:relative;line-height:1;color:#222;font-size:20px;font-weight:bold;} .lineup ul li .lineup_detail p a:after{content:'';display:inline-block;width:13px;height:13px;margin-left:10px;background:url(../img/program/second_language/icon_arr.png) no-repeat;background-size:100%;} .lineup ul li .lineup_detail a.btn_apply{position:absolute;left:0;bottom:0;display:inline-block;line-height:1;padding:10px 35px 10px 25px;color:#fff;font-size:18px;font-weight:bold;background:url(/img/program/bs_eng/btn_apply_arr.png) right 13px center no-repeat;background-size:8px;} .lec_content {clear:both;padding:0px 20px;} .lec_content .select_link {margin-top:25px!important} /* 211022 hyj 개편 */ /**************기초영어회화*************/ #wrap.english img{width:100%;} #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;} #wrap.english .cont1{position:relative;padding-top:40px;background:#ffe82a;} #wrap.english .rolling1.rolling1{height:30px;overflow:hidden;} #wrap.english .rolling1.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;-ms-animation-name:rolling1;-ms-animation-timing-function:linear;-ms-animation-duration:30s;-ms-animation-iteration-count:infinite;} #wrap.english .rolling1.rolling1 div:after{content:"";white-space:nowrap;} #wrap.english .rolling1 img{width:auto;max-width:250%;height:30px;} @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%);}} @-ms-keyframes rolling1{from{-ms-transform:translate(0%);}99%,to{-ms-transform:translate(-100%);}} #wrap.english .rolling2{height:30px;overflow:hidden;} #wrap.english .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;-ms-animation-name:rolling2;-ms-animation-timing-function:linear;-ms-animation-duration:30s;-ms-animation-iteration-count:infinite;} #wrap.english .rolling2 div:after{content:"";white-space:nowrap;} #wrap.english .rolling2 img{width:auto;max-width:250%;height:30px;} @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%);}} @-ms-keyframes rolling2{from{-ms-transform:translate(-100%);}99%,to{-ms-transform:translate(0%);}} #wrap.english .cont3{padding-bottom:15%;} #wrap.english .cont3 dl{} #wrap.english .cont3 dl dt{} #wrap.english .cont3 dl dd{padding:7px 0;} #wrap.english .cont3 dl.type1 li + li{margin-top:15px;} #wrap.english .cont3 dl li a{display:block;width:100%;height:200px;background:#6ae67a center no-repeat;background-size:cover;transition:all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;} #wrap.english .cont3 dl li strong{display:block;padding-top:50px;color:#000;font-size:26px;} #wrap.english .cont3 dl li p{display:block;margin:5px 0 20px;color:#000;font-size:17px;} #wrap.english .cont3 dl li em{display:inline-block;color:#000;font-size:16px;font-weight:700;font-style:normal;border-bottom:2px solid #000;} #wrap.english .cont3 dl.type2 ul{display:table;width:100%;table-layout:fixed;} #wrap.english .cont3 dl.type2 li{display:table-cell;vertical-align:middle;} #wrap.english .cont3 dl.type2 li a{width:94%;height:150px;margin:0 3%;} #wrap.english .cont3 dl.type2 li strong{padding-top:30px;font-size:18px;} #wrap.english .cont3 dl.type2 li p{font-size:13px;} #wrap.english .cont3 dl.type2 li em{font-size:12px;} #wrap.english .cont3 dl li a:active, #wrap.english .cont3 dl li a.active{box-shadow:0 0 7px 3px #ffea00;} #wrap.english .cont3 dl li a:active *, #wrap.english .cont3 dl li a.active *{color:#fff;border-color:#fff;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;} #wrap.english .cont3 dl li a.main1:hover, #wrap.english .cont3 dl li a.main1:focus, #wrap.english .cont3 dl li a.main1.active{background-image:url('/assets/m-user/images/english/bg_main1.jpg');} #wrap.english .cont3 dl li a.main2:hover, #wrap.english .cont3 dl li a.main2:focus, #wrap.english .cont3 dl li a.main2.active{background-image:url('/assets/m-user/images/english/bg_main2.jpg');} #wrap.english .cont3 dl li a.special1:hover, #wrap.english .cont3 dl li a.special1:active, #wrap.english .cont3 dl li a.special1.active{background-image:url('/assets/m-user/images/english/bg_special1.jpg');} #wrap.english .cont3 dl li a.special2:hover, #wrap.english .cont3 dl li a.special2:active, #wrap.english .cont3 dl li a.special2.active{background-image:url('/assets/m-user/images/english/bg_special2.jpg');} #wrap.english .cont3 dl li a.special3:hover, #wrap.english .cont3 dl li a.special3:active, #wrap.english .cont3 dl li a.special3.active{background-image:url('/assets/m-user/images/english/bg_special3.jpg');} /* 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;} #wrap.english .class_guide .bx-controls .bx-pager{position:static;} #wrap.english .class_guide .bx-controls .bx-pager-item {float:left;width:33.33%;} #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:29vw;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;} .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: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;} .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;} /* //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');} .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:25%;height:100%;float:left;} .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 일본어 개편 */ /* // 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%;} .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:55%;box-sizing:border-box;background:#f5f5f5;margin:0 auto 30px;position:relative;overflow:hidden;} .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 .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 .slide_box:hover .box_top:before{bottom:0;} .chinese .teacher_slider .slide_box:hover:after{border:3px solid #d4bf89;}*/ .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;} .chinese .teacher_slider .swiper_btn.prev{left:12%;} .chinese .teacher_slider .swiper_btn.next{right:12%;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:11px;color:#222;line-height:16px;font-weight:600;} .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:10px;position:relative;} .chinese .curry_bx{position:relative;background:#fff url('/assets/m-user/images/chinese/bg_curry_cont.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;} .chinese .curry_bx .tab li{width:33.33%;height:50%;float:left;}/* 220620 hyj 수정 */ .chinese .curry_bx .tab li:nth-child(5), .chinese .curry_bx .tab li:nth-child(6), .chinese .curry_bx .tab li:nth-child(7){width:33.3%;} /* 220120 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;} .chinese .ch02 .cont_benefit{background:#181c21 url('/assets/m-user/images/chinese/bg_cont_benefit02.jpg') no-repeat 0 0;background-size:100% 100%;} .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 .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:240px;height:115px;}/* 220620 hyj 수정 */ .chinese .ch03 .cont_teacher .box_right .info_group{margin-bottom:12px;} .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{height:100%;} .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;} .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 라이트 클래스 개선 */ /* 201119 hyj 추가 */ .toeic.lectureContainer img, .ielts.lectureContainer img, .hsk.lectureContainer img, .opic.lectureContainer img, .tos.lectureContainer img, .toefl.lectureContainer img, .jlpt.lectureContainer img, .teps.lectureContainer img, .japnaese.bType img{width:100%;} /* // */ /* 2021 SS 방학대비 점수보장반 개편 */ #score_guarantee{} #score_guarantee *{box-sizing:border-box;} #score_guarantee img{width:100%;} #score_guarantee h3, #score_guarantee h4, #score_guarantee p{margin:0;} /* 마하 컨셉 공통 */ #concept_Mach{position:relative;overflow:hidden;} #concept_Mach .classSelect{width:100%;background-color:rgba(39, 46, 101, 0.4);position:absolute;top:0;z-index:100;left:0;} #concept_Mach .classSelect .toggleBtn{padding:0;margin:0;text-align:left;} #concept_Mach .classSelect .toggleBtn a{display:block;padding:10px 25px;color:#fff;font-size:15px;} #concept_Mach .classSelect p a .icon{margin-left:12px;font-size:13px; vertical-align:middle;} #concept_Mach .classSelect p a span.classT{font-weight:600;border-bottom:1px solid #fff;} #concept_Mach .classSelectList{padding:5px 25px; text-align:left;} #concept_Mach .classSelectList li{height:30px;line-height:30px;} #concept_Mach .classSelectList li a{display:block;color:#ddd;} #concept_Mach .sec_topVisual{perspective:1600px;opacity:1;position:relative;} #concept_Mach .sec_topVisual .sec_tit{width:100%;left:0;top:21.47vw;z-index:1;} #concept_Mach .sec_topVisual .sec_tit, #concept_Mach .sec_topVisual .airplane, #concept_Mach .sec_topVisual .final_bg{position:absolute;} #concept_Mach .sec_topVisual .airplane{width:130vw;left:-30vw;top:0;} #concept_Mach .sec_topVisual .final_bg{width:100%;height:100%;left:0;top:0;background:url('/assets/m-user/images/lecture/2021_ss/top_visual_bg_final.jpg') 50% 0 no-repeat;background-size:100% auto;opacity:0;} #concept_Mach .sec_topVisual .airplane{opacity:0;transform-origin:50% 100%;-webkit-transform:translate3d(-1000px,400px,-3400px);transform:translate3d(-1000px,400px,-3400px);} #concept_Mach .sec_topVisual.action .airplane{opacity:1;-webkit-transition: all 1s ease-in;transition: all 1s ease-in;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} #concept_Mach .sec_topVisual.action .final_bg{opacity:1;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;-webkit-transition-delay:0.95s;transition-delay:0.95s;} #concept_Mach .sec_review{margin:6.4vw 0 0 0;background-color:#151618;position:relative;} #concept_Mach .sec_review:after{content:'';width:100vw;height:15vw;background:url('/assets/m-user/images/lecture/2021_ss/review_bg_top.png') 50% 0 no-repeat;background-size:100% 100%;position:absolute;left:0;top:-15vw;} #concept_Mach .instrumentWrap{height:100%;margin:8vw auto 0;} #concept_Mach .instrument_panel{padding:0 1.5% 0 0.5%;text-align:center;font-size:0;position:relative;} #concept_Mach .instrument_panel:after{content:'';display:block;clear:both;} #concept_Mach .instrument_panel .notice_box{padding:5px 0 40px;clear:both;text-align:center;font-size:11px;line-height:1.4;color:#555;} #concept_Mach .rate_panel, #concept_Mach .up_score_panel{display:inline-block;vertical-align:top;position:relative;} #concept_Mach .instrument_panel .ring01, #concept_Mach .instrument_panel .ring02, #concept_Mach .instrument_panel .ring03, #concept_Mach .instrument_panel .needle, #concept_Mach .instrument_panel .needle_p, #concept_Mach .instrument_panel .bright{width:100%;position:absolute;left:0;top:0;transform-origin:50% 50%;} #concept_Mach .instrument_panel .ring01{ -moz-animation:spinRight 2s infinite linear; -webkit-animation:spinRight 2s infinite linear; animation:spinRight 2s infinite linear; } #concept_Mach .instrument_panel .ring02{ -moz-animation:spinRight 2.5s infinite linear; -webkit-animation:spinRight 2.5s infinite linear; animation:spinRight 2.5s infinite linear; } #concept_Mach .instrument_panel .ring03{ -moz-animation:spinLeft 2s infinite; -webkit-animation:spinLeft 2s infinite; animation:spinLeft 2s infinite; } #concept_Mach .instrument_panel .needle{ -moz-animation:needle 4s infinite; -webkit-animation:needle 4s infinite; animation:needle 4s infinite; -ms-transform:rotate(-268deg); -webkit-transform:rotate(-268deg); transform:rotate(-268deg); } #concept_Mach .instrument_panel .needle_p{opacity:0;top:-1px; -moz-animation:needle_p 4s infinite; -webkit-animation:needle_p 4s infinite; animation:needle_p 4s infinite; -ms-transform:rotate(-268deg); -webkit-transform:rotate(-268deg); transform:rotate(-268deg); } #concept_Mach .instrument_panel .bright{ -moz-animation:spinRight 15s infinite linear; -webkit-animation:spinRight 15s infinite linear; animation:spinRight 15s infinite linear; } #concept_Mach .instrument_panel .up_score_panel .bright{ -moz-animation:spinRight 25s infinite linear; -webkit-animation:spinRight 25s infinite linear; animation:spinRight 25s infinite linear; } @keyframes spinRight{ to{ -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg); } } @keyframes spinLeft{ to{ -ms-transform:rotate(-360deg); -webkit-transform:rotate(-360deg); transform:rotate(-360deg); } } @keyframes needle{ 0%{ -ms-transform:rotate(-268deg); -webkit-transform:rotate(-268deg); transform:rotate(-268deg); } 10%{ -ms-transform:rotate(-188deg); -webkit-transform:rotate(-188deg); transform:rotate(-188deg); } 13%{ -ms-transform:rotate(-203deg); -webkit-transform:rotate(-203deg); transform:rotate(-203deg); } 30%{ -ms-transform:rotate(-140deg); -webkit-transform:rotate(-140deg); transform:rotate(-140deg); } 33%{ -ms-transform:rotate(-156deg); -webkit-transform:rotate(-156deg); transform:rotate(-156deg); } 60%{ -ms-transform:rotate(-100deg); -webkit-transform:rotate(-100deg); transform:rotate(-100deg); } 63%{ -ms-transform:rotate(-115deg); -webkit-transform:rotate(-115deg); transform:rotate(-115deg); } 93%{ -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100%{ -ms-transform:rotate(-288deg); -webkit-transform:rotate(-288deg); transform:rotate(-288deg); } } @keyframes needle_p{ 0%{opacity:0; -ms-transform:rotate(-268deg); -webkit-transform:rotate(-268deg); transform:rotate(-268deg); } 10%{opacity:0.8; -ms-transform:rotate(-188deg); -webkit-transform:rotate(-188deg); transform:rotate(-188deg); } 13%{opacity:0.6; -ms-transform:rotate(-203deg); -webkit-transform:rotate(-203deg); transform:rotate(-203deg); } 30%{opacity:1; -ms-transform:rotate(-140deg); -webkit-transform:rotate(-140deg); transform:rotate(-140deg); } 33%{opacity:1; -ms-transform:rotate(-156deg); -webkit-transform:rotate(-156deg); transform:rotate(-156deg); } 60%{opacity:1; -ms-transform:rotate(-100deg); -webkit-transform:rotate(-100deg); transform:rotate(-100deg); } 63%{opacity:1; -ms-transform:rotate(-115deg); -webkit-transform:rotate(-115deg); transform:rotate(-115deg); } 93%{opacity:1; -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100%{opacity:0; -ms-transform:rotate(-288deg); -webkit-transform:rotate(-288deg); transform:rotate(-288deg); } } #concept_Mach .winnerWrap{width:100vw;overflow:hidden;position:relative;} #concept_Mach .winnerList{width:140vw;position:relative;} #concept_Mach .winnerWrap:before, #concept_Mach .winnerWrap:after{content:'';width:15%;height:100%;position:absolute;top:0;z-index:2;} #concept_Mach .winnerWrap:before{left:0; background: rgb(21,22,24); background: -moz-linear-gradient(270deg, rgba(21,22,24,0) 0%, rgba(21,22,24,1) 80%); background: -webkit-linear-gradient(270deg, rgba(21,22,24,0) 0%, rgba(21,22,24,1) 80%); background: linear-gradient(270deg, rgba(21,22,24,0) 0%, rgba(21,22,24,1) 80%); } #concept_Mach .winnerWrap:after{right:0; background: rgb(21,22,24); background: -moz-linear-gradient(270deg, rgba(21,22,24,1) 20%, rgba(21,22,24,0) 100%); background: -webkit-linear-gradient(270deg, rgba(21,22,24,1) 20%, rgba(21,22,24,0) 100%); background: linear-gradient(270deg, rgba(21,22,24,1) 20%, rgba(21,22,24,0) 100%); } #concept_Mach .winnerList ul{} #concept_Mach .winnerList li{width:33.33vw;padding:6px;display:inline-block;vertical-align:top;background:linear-gradient(180deg, #67302a 0%, #332425 70%, #202023 100%);border-radius:50%;} #concept_Mach .winnerList li .wrap{width:100%;padding-bottom:100%;display:block;text-align:center;background-color:#161719;border-radius:50%;} #concept_Mach .winnerList li .wrap > div{width:100%;height:100%;position:absolute;left:0;top:0;} #concept_Mach .winnerList .score{padding:22px 0 2px;font-size:12px;color:#f04e37;line-height:1;} #concept_Mach .winnerList .score span{font-size:32px;font-weight:bold;line-height:1;} #concept_Mach .winnerList .info{padding:5px 0 0;font-size:11px;line-height:1.2;color:#aaa;letter-spacing:-1px;} #concept_Mach .winnerList .bx-viewport{background:none;} #concept_Mach .reviewWrap{padding:50px 6.67vw 45px;position:relative;} #concept_Mach .reviewWrap .sec_s_tit{padding:0 0 25px;} #concept_Mach .reviewWrap .review_more{height:58px;display:block;border-top:1px solid #494b4e;border-bottom:1px solid #494b4e;text-align:center;font-size:12px;line-height:56px;color:#aaa;} #concept_Mach .reviewWrap .review_more span{font-size:17px;line-height:56px;vertical-align:-3px;} #concept_Mach .reviewList{} #concept_Mach .reviewList li{padding:11px 0;text-align:left;border-top:1px solid #494b4e;} #concept_Mach .reviewList li .wrap{display:block;} #concept_Mach .reviewList li .subject{width:100%;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #concept_Mach .reviewList li .info{margin-top:4px;font-size:0;} #concept_Mach .reviewList li .info span{padding:0 9px 0 7px;display:inline-block;vertical-align:middle;font-size:12px;color:#aaa;} #concept_Mach .reviewList li .info span:first-child{max-width:79%;height:16px;padding-left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/* 210607 hyj 수정 */ #concept_Mach .reviewList li .info span + span{position:relative;} #concept_Mach .reviewList li .info span + span:after{content:'';width:1px;height:10px;margin-top:-6px;position:absolute;left:0;top:50%;background-color:#aaa;} #concept_Mach .sec_takeOff{padding:14.4vw 0 12.8vw;background:url('/assets/m-user/images/lecture/2021_ss/take_off_bg.jpg') 50% 0 no-repeat;background-size:100% auto;} #concept_Mach .sec_takeOff .coursePassage{padding:20.26vw 50px 0;} #concept_Mach .coursePassage .airplane{width:27px;height:24px;margin-left:-12px;position:absolute;left:0;bottom:25px;background:url('/assets/m-user/images/lecture/2021_ss/ico_airplane.png') no-repeat;background-size:100% 100%;-webkit-transition:all 0.5s;transition:all 0.5s;} #concept_Mach .inPassage{height:3px;position:relative;} #concept_Mach .coursePassage .dot{width:3px;height:3px;background-color:#fff;border-radius:50%;position:absolute;top:0;} #concept_Mach .coursePassage .dot.on{background-color:#da1819;box-shadow:0 0 4px 1px rgba(218, 24, 25, 0.4);} #concept_Mach .coursePassage .stronghold{width:11px;height:11px;margin:-4px 0 0 -4px;font-size:0;} #concept_Mach .coursePassage .dot.current{width:25px;height:25px;margin:-11px 0 0 -11px;text-align:center;font-size:13px;line-height:22px;font-weight:bold;color:#fff;border:2px solid #fff;background-color:#d91414;box-shadow:0 0 14px 2px rgba(118, 234, 251, 1);z-index:1;cursor:pointer;} #concept_Mach .takeOffSlide{margin:8vw 0 0;position:relative;} #concept_Mach .takeOffSlide .screen{position:absolute;left:4.26vw;top:8.26vw;right:4.26vw;bottom:0;} #concept_Mach .takeOffSlide .nav span{width:18px;height:30px;margin-top:-20px;font-size:0;text-indent:-9999px;position:absolute;top:50%;background-repeat:no-repeat;background-size:100% 100%;z-index:10;} #concept_Mach .takeOffSlide .nav .prev{left:2vw;background-image:url('/assets/m-user/images/lecture/2021_ss/slide_arr_prev.png');} #concept_Mach .takeOffSlide .nav .next{right:2vw;background-image:url('/assets/m-user/images/lecture/2021_ss/slide_arr_next.png');} #concept_Mach .takeOffSlide .pagination{width:100%;margin:0;text-align:center;font-size:0;position:absolute;left:0;bottom:2.2vw;} #concept_Mach .takeOffSlide .swiper-pagination-bullet{width:5px;height:5px;margin:0 3px;padding:0;display:inline-block;line-height:0;background:#fff !important;border-radius:50%;border:none;opacity:1;} #concept_Mach .takeOffSlide .swiper-pagination-bullet-active{background:#1dbdff !important;} #concept_Mach .sec_curri{} #concept_Mach .stepWrap{padding:11.9vw 0 0;background:#151e2b url('/assets/m-user/images/lecture/2021_ss/step_bg.jpg') 50% 0 no-repeat;background-size:100% auto;} #concept_Mach .stepWrap .sec_tit{margin-bottom:5.9vw;} #concept_Mach .stepWrap .step_cont{position:relative;opacity:1;-webkit-transform:scale(1);transform:scale(1);} #concept_Mach .stepWrap .up_to_arrow{width:100%;position:absolute;left:0;top:0;opacity:0;-webkit-transition:all 1.4s ease-out;transition:all 1.4s ease-out;-ms-transform:translate(0, 50vw);transform:translate(0, 30vw);} #concept_Mach .stepWrap .step1, #concept_Mach .stepWrap .step2, #concept_Mach .stepWrap .step3{width:100%;position:absolute;left:0;top:0;opacity:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;} #concept_Mach .stepWrap .step1{-ms-transform:translate(-10vw, 0);transform:translate(-10vw, 0);} #concept_Mach .stepWrap .step2{-ms-transform:translate(-15vw, 6vw);transform:translate(-10vw, 6vw);-ms-transition-delay:0.5s;-webkit-transition-delay:0.5s;transition-delay:0.5s;} #concept_Mach .stepWrap .step3{-ms-transform:translate(-20vw, 22vw);transform:translate(-10vw, 11vw);-ms-transition-delay:0.9s;-webkit-transition-delay:0.9s;transition-delay:0.9s;} #concept_Mach .stepWrap .action .up_to_arrow, #concept_Mach .stepWrap .action .step1, #concept_Mach .stepWrap .action .step2, #concept_Mach .stepWrap .action .step3{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);} #concept_Mach .stepWrap .sec_s_tit{top:8.5vw;} #concept_Mach .curriWrap{padding:35px 0 45px;background-color:#f4f4f4;} #concept_Mach .curriWrap .sec_tit{margin-bottom:26px;text-align:center;font-size:6.4vw;font-weight:bold;color:#000;} #concept_Mach .curriWrap .curriListWrap{margin-left:15px;overflow:visible;} #concept_Mach .curriWrap .curriList li{width:310px;} #concept_Mach .curriWrap .curriList .swiper-slide{width:310px;} #concept_Mach .curriWrap .curriGuide{margin-top:-6px;} #concept_Mach .curriWrap .comparison{padding:11.2vw 6.66vw 0;} #concept_Mach .sec_fullCare{padding:45px 0 0;background-color:#151d30;} #concept_Mach .sec_fullCare .sec_tit{margin-bottom:40px;} #concept_Mach .careWrap{padding:0 0 70px;} #concept_Mach .kakaotalkWrap{position:relative;} #concept_Mach .kakaotalkWrap .btn_kakao_hotline{width:45%;height:18%;font-size:0;text-indent:-9999px;position:absolute;right:6.66%;bottom:26%;} #concept_Mach .sec_workBook{padding:12vw 0 14.8vw;} #concept_Mach .sec_workBook .sec_tit{margin-bottom:11vw;} #concept_Mach .sec_testPack{padding:12vw 0 20vw 0;background:#ed6f3b;background:linear-gradient(130deg, #ed6f3b 0%, #df4c37 100%);} #concept_Mach .sec_testPack .sec_tit{margin-bottom:13.6vw;} #concept_Mach .sec_special{padding:10vw 0 17vw;background:url('/assets/m-user/images/lecture/2021_ss/special_bg.jpg') 50% 0 no-repeat;background-size:100% auto;} #concept_Mach .sec_special .sec_tit{margin-bottom:8.5vw;} #concept_Mach .sec_special .special_cont{width:74%;margin:0 auto;} #concept_Mach .special_cont .tabs{font-size:0;} #concept_Mach .special_cont .tabs a{width:50%;height:30px;display:inline-block;vertical-align:top;text-align:center;font-family:'Verdana';font-size:16px;line-height:30px;font-weight:bold;color:#4d4d4d;background-color:#000;border-radius:5px 5px 0 0;} #concept_Mach .special_cont .tabs a.on{color:#fff;background-color:#f04e37;} #concept_Mach .special_cont .tabs a + a{border-left:1px solid #fff;} #concept_Mach .special_cont .tabCont{margin:0;} #concept_Mach .special_cont .youtubeBox{padding-bottom:56.25%;position:relative;display:none;} #concept_Mach .special_cont .youtubeBox iframe{width:100%;height:100%;position:absolute;left:0;top:0;} #concept_Mach .sec_ozlang{background-color:#14153e;} #concept_Mach .sec_ozlang .ozlangBanner{position:relative;} #concept_Mach .sec_ozlang .ozlangBanner a{width:63%;height:27%;font-size:0;text-indent:-9999px;position:absolute;left:18%;top:48%;} #concept_Mach .sec_benefit{padding:11.6vw 0;background:#1e1e1e url('/assets/m-user/images/lecture/2021_ss/benefit_bg.jpg') 50% 0 no-repeat;background-size:100% auto;} #concept_Mach .sec_benefit .sec_tit{margin-bottom:58.66vw;} #concept_Mach .sec_benefit .flip_guide{width:86.68vw;margin:0 auto;} #concept_Mach .sec_benefit .flip_guide + .flip_guide{margin-top:10px;} #concept_Mach .sec_benefit .flip_guide .btn_flip{display:block;position:relative;} #concept_Mach .sec_benefit .flip_guide .btn_flip span{padding-right:16px;font-size:12px;color:#fff;position:absolute;right:13px;bottom:10px;} #concept_Mach .sec_benefit .flip_guide .btn_flip span:after{content:'';margin-top:-3px;border-left:5px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;position:absolute;right:0;top:50%;} #concept_Mach .sec_benefit .flip_guide .guide_cont{display:none;text-align:left;font-size:12px;line-height:1.4;color:#fff;background-color:#2e2e2e;} #concept_Mach .sec_benefit .flip_guide .guide_cont_inner{padding:16px 19px;} #concept_Mach .sec_benefit .flip_guide .guide_cont strong{font-weight:bold;} #concept_Mach .sec_benefit .flip_guide .guide_pad_1{padding-left:5px;text-indent:-5px;} #concept_Mach .sec_benefit .btn_box{margin-top:20px;} #concept_Mach .sec_typeGuide{padding:10.5vw 0 8vw;background:#3a3a3a url('/assets/m-user/images/lecture/2021_ss/type_guide_bg.jpg') 50% 0 no-repeat;background-size:100% auto;} #concept_Mach .sec_typeGuide .sec_tit{margin-bottom:10vw;} #concept_Mach .sec_typeGuide .type_list{padding:0 11vw 40px;} #concept_Mach .sec_typeGuide .type_list dl{padding:0 0 0 33px;position:relative;} #concept_Mach .sec_typeGuide .type_list dl + dl{margin-top:21px;} #concept_Mach .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;} #concept_Mach .sec_typeGuide .type_list dd{min-height:50px;padding:9px 35px 9px 50px;text-align:left;background-color:#fff;border-radius:100px;} #concept_Mach .sec_typeGuide .type_list dd span{margin-right:4px;display:inline-block;vertical-align:middle;font-size:12px;color:#444;font-style:italic;} #concept_Mach .sec_typeGuide .type_list dl:nth-child(odd) dd span{color:#f04e37;} #concept_Mach .sec_typeGuide .notice_box{padding:7px 15px 0 0;text-align:right;font-size:12px;color:#888;} #concept_Mach .sec_typeGuide .pagodastar_banner{width:92vw;margin:22px auto 0;} #concept_Mach .type_sheet{padding:0 0 0 79px;position:relative;} #concept_Mach .type_sheet .head_colum{width:80px;position:absolute;left:0;top:0;box-shadow:0 3px 12px 2px rgba(0,0,0,0.7);} #concept_Mach .type_sheet .head_colum table{width:100%;} #concept_Mach .type_sheet .head_colum th{height:30px;text-align:center;vertical-align:middle;font-size:15px;line-height:1.2;font-weight:bold;color:#fff;background-color:#f04e37;border-bottom:1px solid #f58373;} #concept_Mach .type_sheet .head_colum tr:first-child th{font-size:12px;} #concept_Mach .type_sheet .head_colum tr:last-child th{border-bottom:none;} #concept_Mach .type_sheet .content_culum{overflow-x:auto;overflow-y:hidden;} #concept_Mach .type_sheet .content_culum table{width:1200px;table-layout:auto;border-collapse:collapse;} #concept_Mach .type_sheet .content_culum thead th{height:30px;font-size:14px;font-weight:bold;color:#fff;background-color:#000;} #concept_Mach .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;} #concept_Mach .type_sheet .content_culum th, #concept_Mach .type_sheet .content_culum td{border:1px solid #d5d5d5;} #concept_Mach .type_sheet .content_culum th:last-child, #concept_Mach .type_sheet .content_culum td:last-child{border-right:none;} #concept_Mach .type_sheet .content_culum thead tr:first-child th{border-top:none;} #concept_Mach .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;} #concept_Mach .type_sheet .content_culum tbody td:last-child{padding:5px 5px 5px 10px;text-align:left;} #concept_Mach .type_sheet .content_culum tbody td.no-data{padding:5px 0;text-align:center;} #concept_Mach .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;} #concept_Mach .mach_floating_right{width:100px;margin-bottom:40px;position:fixed;right:0;bottom:3%;z-index:900;} .kakaoDetailPop .layerPopupCloseButton{top:5px;} /* 마하 컨셉 토익 */ .toeic #concept_Mach .rate_panel{width:50vw;float:left;} .toeic #concept_Mach .up_score_panel{width:46vw;margin-top:2vw;float:right;} .toeic #concept_Mach .winnerList li{background:#67302a;background:linear-gradient(180deg, #67302a 0%, #332425 70%, #202023 100%);} .toeic #concept_Mach .winnerList .score{color:#f04e37;} .toeic #concept_Mach .careWrap > div + div{margin-top:48px;} .toeic #concept_Mach .sec_testPack .test_pack_cont > div + div{margin-top:32px;} /* 마하 컨셉 HSK */ .hsk #concept_Mach .instrumentWrap{background:url('/assets/m-user/images/lecture/2021_ss/hsk/instrument_bg.jpg') no-repeat 0 0;background-size:100% auto;} .hsk #concept_Mach .rate_panel{width:50vw;margin:0 auto;} .hsk #concept_Mach .up_score_panel{width:46vw;margin-top:2vw;float:right;} .hsk #concept_Mach .winnerList li{background:#143f5a;background:linear-gradient(180deg, #143f5a 0%, #1a303e 70%, #202023 100%);} .hsk #concept_Mach .winnerList .score{color:#0079c1;} .hsk #concept_Mach .careWrap > div + div{margin-top:48px;} .hsk #concept_Mach .sec_testPack{background:#6ab4e2;background:linear-gradient(130deg, #0095ed 0%, #015391 100%);} .hsk #concept_Mach .sec_testPack .test_pack_cont > div + div{margin-top:32px;} .hsk #concept_Mach .set_lesson{background:#141e31;padding:40px 0 45px;} .hsk #concept_Mach .set_lesson .sec_tit{padding-bottom:45px;} .hsk #concept_Mach .set_lesson .lesson_cont > div + div{margin-top:60px;} .hsk #concept_Mach .sec_typeGuide .type_list dt{background-color:#0072ca;} .hsk #concept_Mach .sec_typeGuide .type_list dl:nth-child(odd) dd span{color:#0072ca;} .hsk #concept_Mach .type_sheet .head_colum th{background-color:#0072ca;border-bottom:1px solid #4d9dda;} /* 210629 kmh 추가 */ .hsk #concept_Mach .specialYoutube .iframeBox{padding-bottom:56.4%;position:relative;overflow:hidden;} .hsk #concept_Mach .specialYoutube iframe{width:100%;height:100%;position:absolute;left:0;top:0;} /* //210629 kmh 추가 */ /* 마하 컨셉 IELTS */ .ielts #concept_Mach .instrumentWrap{background:url('/assets/m-user/images/lecture/2021_ss/ielts/instrument_bg.jpg') no-repeat 0 0;background-size:100% auto;} .ielts #concept_Mach .rate_panel{width:50vw;margin:0 auto;} .ielts #concept_Mach .up_score_panel{width:46vw;margin-top:2vw;float:right;} .ielts #concept_Mach .winnerList li{background:#164a26;background:linear-gradient(180deg, #164a26 0%, #1a3825 70%, #202023 100%);} .ielts #concept_Mach .winnerList .score{color:#049b2d;} .ielts #concept_Mach .careWrap > div + div{margin-top:48px;} .ielts #concept_Mach .sec_testPack{background:#179061;background:linear-gradient(130deg, #179061 0%, #058a29 100%);} .ielts #concept_Mach .sec_testPack .test_pack_cont > div + div{margin-top:32px;} .ielts #concept_Mach .sec_special .special_cont{width:80%;} .ielts #concept_Mach .set_lesson{background:#141e31;padding:40px 0 45px;} .ielts #concept_Mach .set_lesson .lesson_cont > div + div{margin-top:60px;} .ielts #concept_Mach .sec_typeGuide .type_list dt{background-color:#049b2d;} .ielts #concept_Mach .sec_typeGuide .type_list dl:nth-child(odd) dd span{color:#049b2d;} .ielts #concept_Mach .type_sheet .head_colum th{background-color:#049b2d;border-bottom:1px solid #50b96c;} /* 마하 컨셉 오픽 */ .opic #concept_Mach .instrument_panel{background:url('/assets/m-user/images/lecture/2021_ss/opic/instrument_panel_bg.jpg') 50% 10% no-repeat;background-size:100% auto;} .opic #concept_Mach .rate_panel{width:48.8vw;} .opic #concept_Mach .winnerList li{background:#67302a;background:linear-gradient(180deg, #2b3768 0%, #1e2935 70%, #1f2125 100%);} .opic #concept_Mach .winnerList .score{padding:32px 0 2px;color:#4264ec;} .opic #concept_Mach .stepWrap .step4, .opic #concept_Mach .stepWrap .step5{width:100%;position:absolute;left:0;top:0;opacity:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;} .opic #concept_Mach .stepWrap .step2{-ms-transform:translate(-15vw, 4vw);transform:translate(-15vw, 3vw);-ms-transition-delay:0.3s;-webkit-transition-delay:0.3s;transition-delay:0.3s;} .opic #concept_Mach .stepWrap .step3{-ms-transform:translate(-15vw, 8vw);transform:translate(-15vw, 6vw);-ms-transition-delay:0.5s;-webkit-transition-delay:0.5s;transition-delay:0.5s;} .opic #concept_Mach .stepWrap .step4{-ms-transform:translate(-15vw, 8vw);transform:translate(-15vw, 15vw);-ms-transition-delay:0.7s;-webkit-transition-delay:0.7s;transition-delay:0.7s;} .opic #concept_Mach .stepWrap .step5{-ms-transform:translate(-20vw, 16vw);transform:translate(-20vw, 22vw);-ms-transition-delay:0.9s;-webkit-transition-delay:0.9s;transition-delay:0.9s;} .opic #concept_Mach .stepWrap .action .step2, .opic #concept_Mach .stepWrap .action .step3, .opic #concept_Mach .stepWrap .action .step4, .opic #concept_Mach .stepWrap .action .step5{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);} .opic #concept_Mach .curri_cont{padding:0 6.66vw;} .opic #concept_Mach .careWrap > div + div{margin-top:48px;} .opic #concept_Mach .kakaotalkWrap .btn_kakao_hotline{height:15%;bottom:17%;} .opic #concept_Mach .sec_testPack{padding:12vw 0 15vw 0;background:#6ab4e2;background:linear-gradient(130deg, #6ab4e2 0%, #4255d5 100%);} .opic #concept_Mach .sec_testPack .test_pack_cont > div + div{margin-top:32px;} .opic #concept_Mach .sec_special .special_cont{width:100%;} .opic #concept_Mach .sec_lesson{padding:13vw 0;background-color:#141e31;} .opic #concept_Mach .sec_lesson .sec_tit{margin-bottom:10.5vw;} .opic #concept_Mach .lesson_cont > div + div{margin-top:48px;} .opic #concept_Mach .sec_typeGuide .type_list dt{background-color:#4264ec;} .opic #concept_Mach .sec_typeGuide .type_list dl:nth-child(odd) dd span{color:#4264ec;} .opic #concept_Mach .type_sheet .head_colum th{background-color:#4264ec;border-bottom:1px solid #7b93f2;} /* 마하 컨셉 토플 */ .toefl #concept_Mach .instrumentWrap{background:url('/assets/m-user/images/lecture/2021_ss/toefl/instrument_bg.jpg') no-repeat 0 0;background-size:100% auto;} .toefl #concept_Mach .rate_panel{width:50vw;margin:0 auto;} .toefl #concept_Mach .up_score_panel{width:46vw;margin-top:2vw;float:right;} .toefl #concept_Mach .winnerList li{background:#4d4333;background:linear-gradient(180deg, #4d4333 0%, #2a2622 70%, #202023 100%);} .toefl #concept_Mach .winnerList .score{color:#b49664;} .toefl #concept_Mach .reviewList li .info span:first-child{display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:78%;} .toefl #concept_Mach .careWrap > div + div{margin-top:48px;} .toefl #concept_Mach .sec_testPack{background:#d6c67a;background:linear-gradient(130deg, #d6c67a 0%, #7e6a47 100%);} .toefl #concept_Mach .sec_testPack .test_pack_cont > div + div{margin-top:32px;} .toefl #concept_Mach .sec_special .special_cont{width:80%;} .toefl #concept_Mach .set_lesson{background:#141e31;padding:40px 0 45px;} .toefl #concept_Mach .set_lesson .sec_tit{margin-bottom:40px;} .toefl #concept_Mach .set_lesson .lesson_cont > div + div{margin-top:60px;} .toefl #concept_Mach .sec_typeGuide .type_list dt{background-color:#b39664;} .toefl #concept_Mach .sec_typeGuide .type_list dl:nth-child(odd) dd span{color:#a3844f;} .toefl #concept_Mach .type_sheet .head_colum th{background-color:#b39664;border-bottom:1px solid #cab693;} /* 마하 컨셉 토익스피킹 */ .tos #concept_Mach .instrument_panel{background:url('/assets/m-user/images/lecture/2021_ss/tos/instrument_panel_bg.jpg') 50% 10% no-repeat;background-size:100% auto;} .tos #concept_Mach .rate_panel{width:48.8vw;} .tos #concept_Mach .winnerList li{background:#423524;background:linear-gradient(180deg, #5e3a16 0%, #261f18 70%, #171719 100%);} .tos #concept_Mach .winnerList .score{padding:32px 0 2px;color:#e77b0f;} .tos #concept_Mach .stepWrap .step4, .tos #concept_Mach .stepWrap .step5{width:100%;position:absolute;left:0;top:0;opacity:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;} .tos #concept_Mach .stepWrap .step2{-ms-transform:translate(-15vw, 4vw);transform:translate(-15vw, 3vw);-ms-transition-delay:0.3s;-webkit-transition-delay:0.3s;transition-delay:0.3s;} .tos #concept_Mach .stepWrap .step3{-ms-transform:translate(-15vw, 8vw);transform:translate(-15vw, 6vw);-ms-transition-delay:0.5s;-webkit-transition-delay:0.5s;transition-delay:0.5s;} .tos #concept_Mach .stepWrap .step4{-ms-transform:translate(-15vw, 8vw);transform:translate(-15vw, 15vw);-ms-transition-delay:0.7s;-webkit-transition-delay:0.7s;transition-delay:0.7s;} .tos #concept_Mach .stepWrap .step5{-ms-transform:translate(-20vw, 16vw);transform:translate(-20vw, 22vw);-ms-transition-delay:0.9s;-webkit-transition-delay:0.9s;transition-delay:0.9s;} .tos #concept_Mach .stepWrap .action .step2, .tos #concept_Mach .stepWrap .action .step3, .tos #concept_Mach .stepWrap .action .step4, .tos #concept_Mach .stepWrap .action .step5{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);} .tos #concept_Mach .curri_cont{padding:0 6.66vw;} .tos #concept_Mach .careWrap > div + div{margin-top:48px;} .tos #concept_Mach .kakaotalkWrap .btn_kakao_hotline{height:15%;bottom:17%;} .tos #concept_Mach .sec_testPack{padding:12vw 0 15vw 0;background:#df4d36;background:linear-gradient(130deg, #e77b0f 0%, #df4c37 100%);} .tos #concept_Mach .sec_testPack .test_pack_cont > div + div{margin-top:32px;} .tos #concept_Mach .sec_special {padding-bottom:12vw} .tos #concept_Mach .sec_special .special_cont{width:100%;} .tos #concept_Mach .sec_lesson{padding:13vw 0;background-color:#141e31;} .tos #concept_Mach .sec_lesson .sec_tit{margin-bottom:10.5vw;} .tos #concept_Mach .lesson_cont > div + div{margin-top:48px;} .tos #concept_Mach .lesson_cont .youtubeBox {position:relative;width:74%;margin:0 auto;padding-bottom:41%;} .tos #concept_Mach .lesson_cont .youtubeBox iframe {position:absolute;left:0;top:0;width:100%;height:100%;} .tos #concept_Mach .sec_typeGuide .type_list dt{background-color:#e77b0f;} .tos #concept_Mach .sec_typeGuide .type_list dl:nth-child(odd) dd span{color:#e77b0f;} .tos #concept_Mach .type_sheet .head_colum th{background-color:#e77b0f;border-bottom:1px solid #eea357;} /* 마하 컨셉 JLPT */ .jlpt #concept_Mach .instrumentWrap{background:url('/assets/m-user/images/lecture/2021_ss/jlpt/instrument_bg.jpg') no-repeat 0 0;background-size:100% auto;} .jlpt #concept_Mach .rate_panel{width:50vw;margin:0 auto;} .jlpt #concept_Mach .up_score_panel{width:46vw;margin-top:2vw;float:right;} .jlpt #concept_Mach .winnerList li{background:#28595b;background:linear-gradient(180deg, #28595b 0%, #23383b 70%, #1f2124 100%);} .jlpt #concept_Mach .winnerList .score{color:#3bc4c5;} .jlpt #concept_Mach .careWrap > div + div{margin-top:48px;} .jlpt #concept_Mach .sec_testPack{background:#358ab2;background:linear-gradient(130deg, #358ab2 0%, #00b0b1 100%);} .jlpt #concept_Mach .sec_testPack .test_pack_cont > div + div{margin-top:52px;} .jlpt #concept_Mach .sec_special .special_cont{width:80%;} .jlpt #concept_Mach .set_lesson{background:#141e31;padding:40px 0 45px;} .jlpt #concept_Mach .set_lesson .sec_tit{margin-bottom:40px;} .jlpt #concept_Mach .set_lesson .lesson_cont > div + div{margin-top:60px;} .jlpt #concept_Mach .sec_typeGuide .type_list dt{background-color:#3ac4c6;} .jlpt #concept_Mach .sec_typeGuide .type_list dl:nth-child(odd) dd span{color:#3ac4c6;} .jlpt #concept_Mach .type_sheet .head_colum th{background-color:#3ac4c6;border-bottom:1px solid #75d6d7;} /* 마하 컨셉 TEPS */ .teps #concept_Mach .rate_panel{width:48vw;margin:0 auto;float:left;} .teps #concept_Mach .up_score_panel{width:46vw;margin-top:2vw;float:right;} .teps #concept_Mach .winnerList li{background:#423524;background:linear-gradient(180deg, #663650 0%, #4a2d3e 70%, #1f2023 100%);} .teps #concept_Mach .winnerList .score{padding:22px 0 2px;color:#ec5fa4;} .teps #concept_Mach .stepWrap .step4{width:100%;position:absolute;left:0;top:0;opacity:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;} .teps #concept_Mach .stepWrap .step2{-ms-transform:translate(-15vw, 4vw);transform:translate(-15vw, 3vw);-ms-transition-delay:0.3s;-webkit-transition-delay:0.3s;transition-delay:0.3s;} .teps #concept_Mach .stepWrap .step3{-ms-transform:translate(-15vw, 8vw);transform:translate(-15vw, 6vw);-ms-transition-delay:0.5s;-webkit-transition-delay:0.5s;transition-delay:0.5s;} .teps #concept_Mach .stepWrap .step4{-ms-transform:translate(-15vw, 8vw);transform:translate(-15vw, 15vw);-ms-transition-delay:0.7s;-webkit-transition-delay:0.7s;transition-delay:0.7s;} .teps #concept_Mach .stepWrap .action .step2, .teps #concept_Mach .stepWrap .action .step3, .teps #concept_Mach .stepWrap .action .step4{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);} .teps #concept_Mach .careWrap > div + div{margin-top:48px;} .teps #concept_Mach .work_book_cont > div + div{margin-top:35px;} .teps #concept_Mach .sec_testPack{background:#ec5fa4;background:linear-gradient(130deg, #ec5fa4 0%, #9c49b7 100%);} .teps #concept_Mach .sec_testPack .test_pack_cont > div + div{margin-top:32px;} .teps #concept_Mach .sec_special .special_cont{width:100%;} .teps #concept_Mach .sec_lesson{background:#141e31;padding:40px 0 45px;} .teps #concept_Mach .sec_lesson .lesson_cont {margin-top:40px;} .teps #concept_Mach .sec_typeGuide .type_list dt{background-color:#ec5fa4;} .teps #concept_Mach .sec_typeGuide .type_list dl:nth-child(odd) dd span{color:#ec5fa4;} .teps #concept_Mach .type_sheet .head_colum th{background-color:#ec5fa4;border-bottom:1px solid #f28fbf;}