#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%} .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;} .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;} .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;} .kakaoDetailPop .layerpopupTop{background-color:#fff;} .kakaoDetailPop .layerpopupTop .title{margin-bottom:0;} .kakaoDetailPop .layerpopupIn .title p{width:auto;} .kakaoDetailPop .layerpopupIn .layerPopupCloseButton{top:5px;} .lectures .layerpopupIn{bottom:auto;top:30px;} .lectures .layerpopupIn .title{border-bottom:1px solid #ddd;margin-bottom:0;padding-bottom:10px;} .lectures .layerpopupIn .title p{width:auto;} .lectures .layerpopupTop{padding-bottom:0;} .landing_contents{position:relative;text-align:center;} .landing_contents *{box-sizing:border-box;} .landing_contents .swiper-container{overflow:hidden;} .landing_contents .wrapper{margin:0 2.66vw;position:relative;} .landing_contents .wrapper:after{content:'';display:block;clear:both;} .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;} .landing_contents .tabLayout{padding:0;} .landing_contents .tabLayout.fixed{position:fixed;left:0;top:61px;width:100%;z-index:1000;} .landing_contents .tabLayout.column4 li{width:25%;} .landing_contents .tabLayout li{background-color:#8a8a8a;} .landing_contents .tabLayout li:after{top:0;} .landing_contents .tabLayout li a{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;} /* [2뎁스 셀렉트 메뉴] */ .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;} /* [유형별 안내] */ .landing_contents .sec_typeGuide{padding:0 0 8vw;background:#fff;} .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;} .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);} .landing_contents .type_sheet .head_colum table{width:100%;} .landing_contents .type_sheet .head_colum th{height:30px;text-align:center;vertical-align:middle;font-size:15px;line-height:1.2;font-weight:bold;color:#000;background-color:#d2f7d7;border-bottom:1px solid #e0f9e3;} .landing_contents .type_sheet .head_colum tr:first-child th{font-size:12px;} .landing_contents .type_sheet .head_colum tr:first-child th.txt_big{font-size:15px;} .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 tbody td.dash_list{padding:15px 5px 15px 10px;text-align:left;vertical-align:top;} .landing_contents .type_sheet .content_culum tbody td.dash_list p:before{display:block;content:'-';position:absolute;left:0;} .landing_contents .type_sheet .content_culum tbody td.dash_list p{position:relative;padding-left:10px;margin:0;word-break:keep-all;letter-spacing:0;} .landing_contents .type_sheet .content_culum .btn_detail{height:30px;margin-top:3px;padding:0 20px;display:inline-block;font-size:12px;line-height:30px;color:#fff;background-color:#444;} /* 영어회화,실용영어 전용속성 */ .english .landing_contents .type_sheet .head_colum th{position:relative;background:#d8e8ff;z-index:1;} .english .sec_typeGuide .tit{margin-bottom:26px;} .english .sec_typeGuide .type_sheet{margin:0 0 0 3.33vw;padding:0 0 0 87px;} .english .english_class .sec_typeGuide{padding:54px 0;background-color:#fff;overflow:hidden;} .english .english_class .sec_typeGuide .notice_box{margin:0;padding:5px 5px 0;font-size:13px;font-weight:600;letter-spacing:0;} /* [유의사항] */ .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;} .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;} /* [샘플강의] */ .sampleVideoWrap{padding:25px 0 0 7vw;} .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 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;} /* [점수보장반 Cheat Key] */ #score_guarantee_cheat .classSelect{width:100%;background-color:rgba(15, 15, 15, 0.5);position:absolute;left:0;top:0;z-index:100;} #score_guarantee_cheat .classSelect .toggleBtn{padding:0;margin:0;text-align:left;} #score_guarantee_cheat .classSelect .toggleBtn a{padding:10px 25px;display:block;color:#fff;font-size:15px;} #score_guarantee_cheat .classSelectList{padding:5px 25px;text-align:left;background:none;} #score_guarantee_cheat .floating_nav{width:52px;position:fixed;right:6px;bottom:100px;z-index:10;} #score_guarantee_cheat .floating_nav a{display:block;text-align:center;} #score_guarantee_cheat .floating_nav a + a{margin-top:5px;} #score_guarantee_cheat .floating_nav .floating_btn_top{margin-top:11px;} #score_guarantee_cheat .floating_nav .floating_btn_top img{width:32px;} #score_guarantee_cheat.bannerOff .floating_nav{bottom:13px;}/* 하단 고정배너 꺼졌을때 */ #score_guarantee_cheat.bannerOff #cheat_key_btm_banner{display:none;} #cheat_key_btm_banner{width:100%;position:fixed;bottom:0;left:0;z-index:1000;} #cheat_key_btm_banner img{width:100%;} #cheat_key_btm_banner .close{width:33px;height:33px;font-size:0;background:url('/assets/m-user/images/lecture/2024_fw/cheat_key/btn_banner_close.png') no-repeat;background-size:100% 100%;position:absolute;right:0;bottom:100%;} #score_guarantee_cheat *{box-sizing:border-box;} #score_guarantee_cheat img{width:100%;} #score_guarantee_cheat h2, #score_guarantee_cheat h3, #score_guarantee_cheat h4{margin:0;margin-block-start:0;margin-block-end:0;} #score_guarantee_cheat em{font-style:normal;} #score_guarantee_cheat p{margin:0;} #score_guarantee_cheat .campaign_popup{width:92vw;max-width:690px;text-align:left;display:none;position:absolute;left:4vw;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);z-index:1002;background:#fff;box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.1);} #score_guarantee_cheat .campaign_popup *{box-sizing:border-box;} #score_guarantee_cheat .campaign_dim{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:1001;} #score_guarantee_cheat .pop_layer_close{width:29px;height:29px;font-size:0;position:absolute;right:10px;top:7px;} #score_guarantee_cheat .pop_layer_close:before, #score_guarantee_cheat .pop_layer_close:after{content:'';width:100%;height:1px;background-color:#fff;border-radius:1px;position:absolute;left:0;top:50%;} #score_guarantee_cheat .pop_layer_close:before{transform:rotate(45deg);} #score_guarantee_cheat .pop_layer_close:after{transform:rotate(-45deg);} #score_guarantee_cheat .pop_guide_cont{} #score_guarantee_cheat .pop_guide_cont .pop_tit{display:block;padding-left:15px;background:#e5303b;font-size:16px;font-weight:400;color:#fff;line-height:45px;} #score_guarantee_cheat .pop_guide_cont .pop_guide_list{padding:0 15px;} #score_guarantee_cheat .pop_guide_cont .pop_guide_list li{padding:7px 95px 7px 10px;font-size:13px;line-height:28px;color:#121212;letter-spacing:-.5px;position:relative;} #score_guarantee_cheat .pop_guide_cont .pop_guide_list li:before{content:'●';font-size:5px;color:#121212;position:absolute;left:0;top:6px;} #score_guarantee_cheat .pop_guide_cont .pop_guide_list li em{color:#e5303b;} #score_guarantee_cheat .pop_guide_cont .pop_guide_list li + li{border-top:1px solid #d0d0d0;} #score_guarantee_cheat .pop_guide_cont .pop_guide_list li .btn_download{width:90px;height:28px;display:inline-block;background-color:#121212;text-align:center;font-size:11px;line-height:28px;color:#fff;position:absolute;right:1px;top:calc(50% - 14px);} #concept_cheat_key .inner{position:relative;width:100%;margin:0 auto;} #concept_cheat_key .inner:after{content:'';display:block;clear:both;} /* 점수보장반 Cheat Key 공통영역 */ #concept_cheat_key .top_visual{padding:0 0 18vw;background:#1a1c1f url('/assets/m-user/images/lecture/2023_fw/cheat_key/top_visual_bg.jpg') 50% 0 no-repeat;background-size:100% auto;position:relative;overflow:hidden;} #concept_cheat_key .top_visual .visual_tit{margin-bottom:47.2vw;} #concept_cheat_key .top_visual .enter_key{width:42vw;position:absolute;left:50vw;top:31vw;} #concept_cheat_key .top_visual .enter_key_light{width:100vw;position:absolute;left:13.33vw;top:0;opacity:1;transform:scale(1);-webkit-animation:light 2s Infinite;animation:light 2s Infinite;} #concept_cheat_key .visual_benefit h4{margin-bottom:10.5vw;} #concept_cheat_key .benefits{padding:0 2.4vw;} #concept_cheat_key .benefit_links{margin:0 -1vw;font-size:0;} #concept_cheat_key .benefit_links a{width:46.6vw;height:25.2vw;margin:1vw;display:inline-block;vertical-align:top;box-shadow:0 5px 10px 1px rgba(0, 0, 0, 0.1);overflow:hidden;position:relative;} #concept_cheat_key .benefit_links a img{width:100%;position:absolute;left:0;top:0;} #concept_cheat_key .benefit_links a.on img{top:auto;bottom:0;} #concept_cheat_key .benefit_links a:nth-of-type(5){width:95.2vw;} /* 점수보장반 Cheat Key 과목별 영역 */ #concept_cheat_key .paging{width:100%;text-align:center;font-size:0;position:absolute;left:0;bottom:0;z-index:2;} #concept_cheat_key .paging span{width:8px;height:8px;display:inline-block;vertical-align:top;border-radius:50%;border:1px solid #000;opacity:1;} #concept_cheat_key .paging span.swiper-pagination-bullet-active{background-color:#000 !important;} #concept_cheat_key .nav a{width:45px;height:45px;margin-top:-22px;text-align:center;background-color:rgba(18, 18, 18, 0.5);border-radius:50%;position:absolute;top:50%;z-index:2;} #concept_cheat_key .nav a span{font-size:22px;line-height:45px;color:#fff;} #concept_cheat_key .nav a.prev{left:0;} #concept_cheat_key .nav a.prev span{padding-right:3px;} #concept_cheat_key .nav a.next{right:0;} #concept_cheat_key .nav a.next span{padding-left:3px;} #concept_cheat_key .sec_review{padding:68px 0 70px;background-color:#f4f4f4;} #concept_cheat_key .sec_review .cheat_tit{margin-bottom:26px;} #concept_cheat_key .sec_review .btn_box{padding:0 15px;margin-top:45px;text-align:center;} #concept_cheat_key .sec_review .btn_review_detail{width:100%;height:60px;display:inline-block;text-align:center;vertical-align:middle;font-size:17px;line-height:60px;font-weight:700;color:#fff;background-color:#121212;} #concept_cheat_key .sec_review .btn_review_detail .icon{margin-left:5px;font-size:13px;position:relative;top:1px;} #concept_cheat_key .review_items{text-align:left;position:relative;} #concept_cheat_key .review_items .cmm_review_swiper{padding:0 15px;} #concept_cheat_key .review_items li{border:3px solid #e5303b;background-color:#fff;} #concept_cheat_key .review_items .sbj{padding:0 0 0 90px;font-size:20px;font-weight:600;color:#e5303b;border-bottom:1px solid #2d2d2d;position:relative;overflow:hidden;} #concept_cheat_key .review_items .sbj strong{line-height:1.2;} #concept_cheat_key .review_items .sbj .obj{position:absolute;left:5px;bottom:0;} #concept_cheat_key .review_items .sbj .obj.reverse{left:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);} #concept_cheat_key .review_items .sbj .obj img{width:auto;height:70px;} #concept_cheat_key .review_items .sbj > div{height:80px;display:flex;flex-wrap:wrap;align-content:center;} #concept_cheat_key .review_items .user{padding:0 0 0 22px;font-size:13px;line-height:30px;color:#121212;letter-spacing:-1px;background-color:#e7e8ed;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #concept_cheat_key .review_items .cont{height:100px;margin:17px 0;padding:0 23px;font-size:15px;line-height:20px;font-weight:300;color:#2d2d2d;overflow-y:auto;} #concept_cheat_key .review_items .info{padding:16px 15px 11px 22px;display:flex;justify-content:space-between;align-items:center;background-color:#e5303b;} #concept_cheat_key .review_items .info_tit{font-size:20px;font-weight:600;color:#fff;} #concept_cheat_key .review_items .info_tit p{margin:0;font-size:12px;font-weight:400;} #concept_cheat_key .review_items .info_teachers{font-size:0;} #concept_cheat_key .review_items .info_teachers a{width:45px;display:inline-block;text-align:center;} #concept_cheat_key .review_items .info_teachers img{width:38px;} #concept_cheat_key .review_items .info_teachers a:hover span{text-decoration:underline;} #concept_cheat_key .review_items .info_teachers a span{margin-top:3px;display:block;text-align:center;font-size:11px;color:#fff;letter-spacing:-1px;} #concept_cheat_key .review_items .paging{bottom:-24px;} #concept_cheat_key .sec_managed_guide{padding:68px 0;background-color:#fff;} #concept_cheat_key .sec_managed_guide .cheat_tit{margin-bottom:38px;} #concept_cheat_key .sec_managed_guide .managed_guide_cont{overflow:hidden;} #concept_cheat_key .sec_managed_guide .managed_guide_cont ul{width:194vw;padding:0 4vw;display:flex;flex-wrap:nowrap;justify-content:space-between;} #concept_cheat_key .sec_managed_guide .managed_guide_cont li{width:92vw;} #concept_cheat_key .sec_managed_guide .scroll_x_box{overflow-y:hidden;overflow-x:auto;} #concept_cheat_key .sec_managed_guide .btn_box{width:92vw;margin:25px auto;} #concept_cheat_key .sec_managed_guide .btn_box .btn_apply{width:100%;height:55px;display:inline-block;text-align:center;vertical-align:middle;font-size:17px;line-height:55px;font-weight:700;color:#fff;background-color:#121212;} #concept_cheat_key .sec_managed_guide .btn_apply .icon{margin-left:5px;font-size:13px;position:relative;top:1px;} #concept_cheat_key .sec_my_type{padding:60px 0 0;background-color:#f4f4f4;} #concept_cheat_key .sec_my_type .cheat_tit{margin-bottom:15px;} #concept_cheat_key .sec_my_type .my_type_tab{display:flex;} #concept_cheat_key .sec_my_type .my_type_tab a{text-indent:-9999px;height:14.4vw;font-size:0;background-image:url('/assets/m-user/images/lecture/2024_fw/cheat_key/type_tab.png');background-repeat:no-repeat;background-size:auto 28.8vw;} #concept_cheat_key .sec_my_type .my_type_tab a:nth-of-type(1){width:56%;background-position-x:0;} #concept_cheat_key .sec_my_type .my_type_tab a:nth-of-type(2){width:44%;background-position-x:100%;} #concept_cheat_key .sec_my_type .my_type_tab a.on{background-position-y:-14.4vw;} #concept_cheat_key .sec_my_type .my_type_cont{padding-bottom:10px;background-color:#fff;display:none;} #concept_cheat_key .sec_my_type .benefit_tabs{} #concept_cheat_key .sec_my_type .benefit_tabs ul{font-size:0;border-left:1px solid #121212;} #concept_cheat_key .sec_my_type .benefit_tabs li{width:25%;display:inline-block;vertical-align:top;border-right:1px solid #121212;border-top:1px solid #121212;} #concept_cheat_key .sec_my_type .benefit_tabs a{width:100%;height:62px;display:flex;justify-content:center;align-content:center;align-items:center;text-align:center;font-size:15px;font-weight:700;line-height:1.2;color:#545454;background-color:#333;} #concept_cheat_key .sec_my_type .benefit_tabs a.on{color:#fff;background-color:#e5303b;} #concept_cheat_key .benefit_tab_cont{overflow:hidden;} #concept_cheat_key .benefit_tab_item{position:relative;background-color:#fff;border-bottom:1px solid #121212;display:none;} /* 241121 syh 추가 */ #concept_cheat_key .benefit_tab_item .nav{display:none;} #concept_cheat_key .sec_my_type .basic_class_benefit{padding-bottom:70px;} /* //241121 syh 추가 */ #concept_cheat_key .phone_obj_box{width:53.6vw;height:74.66vw;padding:2.13vw 3vw 0;margin:0 auto;background:url('/assets/m-user/images/lecture/2023_fw/cheat_key/obj_phone.png') no-repeat;background-size:100% auto;position:relative;} #concept_cheat_key .phone_obj_box:after{content:'';width:100%;height:50px;position:absolute;left:0;bottom:0;background: rgb(255,255,255);background:-webkit-linear-gradient(180deg, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);background:linear-gradient(180deg, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);z-index:2;} #concept_cheat_key .phone_obj_box .basic_class_swiper{height:72.53vw;overflow:hidden;border-radius:5.8vw 5.8vw 0 0;} #concept_cheat_key .phone_obj_box .paging{bottom:12px;z-index:3;} #concept_cheat_key .benefit_ai{padding:35px 0 50px;} #concept_cheat_key .benefit_ai .s_tit{padding:0 0 25px;} #concept_cheat_key .benefit_ai .btn_ai{width:89.4vw;margin:53px auto 0;display:block;} #concept_cheat_key .ai_swiper_wrap{position:relative;} #concept_cheat_key .ai_swiper_wrap .paging{bottom:-24px;} #concept_cheat_key .ai_swiper{width:89.4vw;margin:0 auto;border:1px solid #000;overflow:hidden;} #concept_cheat_key .special_class_benefit{padding:35px 0 75px;} #concept_cheat_key .special_class_box + .special_class_box{margin-top:75px;} #concept_cheat_key .special_class_box .s_tit{padding:0 0 25px;} #concept_cheat_key .special_swiper_wrap{position:relative;} #concept_cheat_key .special_swiper_wrap .paging{bottom:-24px;} #concept_cheat_key .special_swiper{width:89.4vw;margin:0 auto;border:1px solid #000;overflow:hidden;} #concept_cheat_key .btn_refund_standard{width:87vw;height:11.2vw;font-size:0;text-indent:-9999px;position:absolute;left:6.5vw;bottom:13.46vw;} #concept_cheat_key .add_data_benefit{padding:35px 0 75px;} #concept_cheat_key .add_data_benefit .s_tit{padding:0 0 25px;} #concept_cheat_key .add_swiper_wrap{position:relative;} #concept_cheat_key .add_swiper_wrap .paging{bottom:-24px;} #concept_cheat_key .add_swiper{width:89.4vw;margin:0 auto;border:1px solid #000;overflow:hidden;} #concept_cheat_key .study_space_benefit{padding:35px 0 75px;} #concept_cheat_key .study_space_benefit .s_tit{padding:0 0 25px;} #concept_cheat_key .study_space_swiper_wrap{position:relative;} #concept_cheat_key .study_space_swiper_wrap .paging{bottom:-24px;} #concept_cheat_key .study_space_swiper{width:89.4vw;margin:0 auto;border:1px solid #000;overflow:hidden;} #concept_cheat_key .sec_teacher{padding:35px 0 0;background-color:#fff;} #concept_cheat_key .sec_teacher .cheat_tit{margin-bottom:25px;} @-webkit-keyframes light{ 40%{ opacity:0.6; -webkit-transform:scale(0.95); transform:scale(0.95); } 100%{ opacity:1; -webkit-transform:scale(1); transform:scale(1); } } @keyframes light{ 40%{ opacity:0.6; -webkit-transform:scale(0.95); transform:scale(0.95); } 100%{ opacity:1; -webkit-transform:scale(1); transform:scale(1); } } /* [점수보장반 Cheat Key TOEFL] */ #concept_cheat_key .toefl .sec_benefit #benefit_tabs{} /* [점수보장반 Cheat Key TEPS] */ #concept_cheat_key .teps .sec_benefit #benefit_tabs{} /* [점수보장반 Cheat Key IELTS] */ #concept_cheat_key .ielts .sec_benefit #benefit_tabs{} /* [점수보장반 Cheat Key HSK] 241126 syh 수정 */ #concept_cheat_key .hsk .phone_obj_box{height:66.66vw;} #concept_cheat_key .hsk .phone_obj_box .basic_class_swiper{height:64.53vw;} /* [점수보장반 Cheat Key TOS] */ #concept_cheat_key .tos .sec_benefit #benefit_tabs{} /* 241121 kmh 추가 */ #concept_cheat_key .fl_l_banner{width:150px;position:absolute;right:20px;top:23vw;z-index:6;} #concept_cheat_key .fl_l_banner .label{width:90px;position:absolute;left:15px;top:-5px;} #concept_cheat_key .fl_l_banner .close{width:23px;height:23px;font-size:0;text-indent:-9999px;background:url('/assets/m-user/images/lecture/2023_fw/cheat_key/tos/icon_close.png') no-repeat;background-size:100% 100%;position:absolute;right:-10px;top:-10px;} /* //241121 kmh 추가 */ /* [딜리버리 라이브] */ #score_guarantee_live{} #score_guarantee_live *{box-sizing:border-box;} #score_guarantee_live img{width:100%;} #score_guarantee_live h3, #score_guarantee_live h4, #score_guarantee_live p{margin:0;} #concept_Delivery{position:relative;overflow:hidden;} #concept_Delivery em{font-style:normal;} #concept_Delivery .sec_topVisual{width:100%;height:142.93vw;padding:0;background:#f2f2f2 url('/assets/m-user/images/lecture/2022_fw/toeic_live/sec_topVisual_bg.jpg') 50% 0 no-repeat;background-size:100% auto;overflow:hidden;opacity:1;} #concept_Delivery .sec_topVisual .summary{opacity:0;} #concept_Delivery .sec_topVisual .tit{margin-bottom:7.5vw;text-align:left;opacity:0;} #concept_Delivery .sec_topVisual .keyword{position:relative;opacity:1;} #concept_Delivery .sec_topVisual .keyword span{opacity:0;position:absolute;left:0;top:0;-webkit-transform:translate(-200px, 0);transform:translate(-200px, 0);} #concept_Delivery .sec_topVisual .keyword span + span{-webkit-transform:translate(200px, 0);transform:translate(200px, 0);} #concept_Delivery .sec_topVisual .keyword.action span{opacity:1;-webkit-transition:all 0.3s 0.1s;transition:all 0.3s 0.1s;-webkit-transform:translate(0, 0);transform:translate(0, 0);} #concept_Delivery .sec_topVisual .keyword.action span + span{-webkit-transition-delay:0.2s;transition-delay:0.25s;} #concept_Delivery .sec_topVisual.action .summary{-webkit-animation:lightSpeedInRight 1.2s forwards ease;animation:lightSpeedInRight 1.2s forwards ease;} #concept_Delivery .sec_topVisual.action .tit{-webkit-animation:lightSpeedInRight 1.2s forwards ease 0.3s;animation:lightSpeedInRight 1.2s forwards ease 0.3s;} #concept_Delivery .sec_intro{padding:8.5vw 0 35px;background:#f2f2f2 url('/assets/m-user/images/lecture/2022_fw/toeic_live/sec_intro_bg.png') 50% 0 no-repeat;background-size:100% auto;} #concept_Delivery .sec_intro .inner{padding:0 6.66vw;} #concept_Delivery .cont_intro, #concept_Delivery .cont_add_benefit{position:relative;} #concept_Delivery .cont_add_benefit{height:78vw;margin-top:87px;box-shadow:0 5px 5px 1px rgba(0, 0, 0, 0.05);} #concept_Delivery .cont_add_benefit:before{content:'';width:54px;height:64px;margin-left:-27px;background:url('/assets/user/images/lecture/2022_fw/toeic_live/icon_plus.png') no-repeat;background-size:100% 100%;position:absolute;left:50%;top:-70px;-webkit-animation:tongtong 1s infinite ease;animation:tongtong 1s infinite ease;} #concept_Delivery .cont_add_benefit .tabs{width:100%;font-size:0;position:absolute;left:0;top:0;z-index:2;} #concept_Delivery .cont_add_benefit .tabs a{width:50%;height:14vw;display:inline-block;vertical-align:top;font-size:0;} #concept_Delivery .cont_add_benefit .tab_contents li{width:100%;position:absolute;left:0;top:0;z-index:0;display:none;} #concept_Delivery .cont_add_benefit .tab_contents .btn_link{width:100%;text-align:center;position:absolute;left:0;bottom:6.7vw;} #concept_Delivery .cont_add_benefit .tab_contents .btn_link a{width:226px;display:inline-block;} #concept_Delivery .cont_add_benefit .tab_contents .gif_label{width:32.26vw;position:absolute;left:27.3vw;top:58.24vw;} #concept_Delivery .sec_lineup{padding:47px 0 10px;background:#cc1719;background:linear-gradient(-72deg, #c31618 50%, #cc1719 50%);;position:relative;overflow:hidden;} #concept_Delivery .sec_lineup:before{content:'';width:100%;height:10px;background:url('/assets/user/images/lecture/2022_fw/toeic_live/sec_lineup_top_bg.png') repeat-x;background-size:auto 10px;position:absolute;left:0;top:0;} #concept_Delivery .sec_lineup .tit{margin-bottom:32px;} #concept_Delivery .lineup_items{perspective:1100px;} #concept_Delivery .lineup_items ul{padding:0 5.2vw;text-align:center;font-size:0;} #concept_Delivery .lineup_items li{width:50%;margin:0 0 33px;display:inline-block;vertical-align:top;text-align:center;position:relative;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #concept_Delivery .lineup_items li .wrap{width:100%;height:100%;display:block;perspective:800px;-webkit-tap-highlight-color:transparent;} #concept_Delivery .lineup_items li .info{margin-top:18px;-webkit-transition:all 0.4s;transition:all 0.4s;} #concept_Delivery .lineup_items .card_wrap{width:38.13vw;height:44vw;margin:0 auto;position:relative;border-radius:18px;box-shadow:0 10px 15px 1px rgba(0, 0, 0, 0.2);transform-style:preserve-3d;-webkit-transition:all 0.4s;transition:all 0.4s;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);} #concept_Delivery .lineup_items .card_wrap .photo{opacity:1;z-index:2;} #concept_Delivery .lineup_items .card_wrap .photo:after{content:'';width:32px;height:32px;background:url('/assets/user/images/lecture/2022_fw/toeic_live/icon_play.png') no-repeat;background-size:100% 100%;position:absolute;right:10px;bottom:10px;} #concept_Delivery .lineup_items .card_wrap .photo, #concept_Delivery .lineup_items .card_wrap .vod{width:100%;height:100%;overflow:hidden;border-radius:10px;position:absolute;top:0;backface-visibility:hidden;} #concept_Delivery .lineup_items .card_wrap .photo{left:0;} #concept_Delivery .lineup_items li:nth-child(odd) .card_wrap .vod{right:0;} #concept_Delivery .lineup_items li:nth-child(even) .card_wrap .vod{left:0;} #concept_Delivery .lineup_items li:nth-child(7) .card_wrap .vod{top:auto;bottom:0;} #concept_Delivery .lineup_items .card_wrap .vod video{width:100%;height:100%;} #concept_Delivery .lineup_items .card_wrap .vod{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);} #concept_Delivery .lineup_items .card_wrap .vod .btn_video_close{width:28px;height:28px;font-size:0;background-color:#000;position:absolute;right:0;top:0;} #concept_Delivery .lineup_items .card_wrap .vod .btn_video_close:before, #concept_Delivery .lineup_items .card_wrap .vod .btn_video_close:after{content:'';width:1px;height:18px;margin-top:-9px;background-color:#fff;position:absolute;left:50%;top:50%;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #concept_Delivery .lineup_items .card_wrap .vod .btn_video_close:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);} #concept_Delivery .lineup_items .card_wrap .vod .btn_video_close:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} #concept_Delivery .lineup_items .card_wrap .vod .btn_video_close:hover:before{-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg);} #concept_Delivery .lineup_items .card_wrap .vod .btn_video_close:hover:after{-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);} #concept_Delivery .lineup_items .preview{z-index:5;} #concept_Delivery .lineup_items .preview .card_wrap{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);} #concept_Delivery .lineup_items .preview .photo{opacity:1;z-index:0;} #concept_Delivery .lineup_items .preview .card_wrap .vod{width:83.2vw;height:96vw;border-radius:10px 0 10px 10px;z-index:6;-webkit-transition:all 0.4s 0.4s;transition:all 0.4s 0.4s;} #concept_Delivery .lineup_items li:nth-child(3).preview .card_wrap .vod, #concept_Delivery .lineup_items li:nth-child(4).preview .card_wrap .vod, #concept_Delivery .lineup_items li:nth-child(5).preview .card_wrap .vod, #concept_Delivery .lineup_items li:nth-child(6).preview .card_wrap .vod{top:-25vw;} #concept_Delivery .lineup_items li:nth-child(7).preview .card_wrap .vod{right:-22.5vw;} #concept_Delivery .lineup_items.active li{opacity:0.6;} #concept_Delivery .lineup_items.active li.preview{opacity:1;} #concept_Delivery .sec_review{padding:43px 0;background:#f2f2f2 url('/assets/m-user/images/lecture/2022_fw/toeic_live/sec_review_bg.png') 50% 0 no-repeat;background-size:100% auto;position:relative;} #concept_Delivery .sec_review .top_label{width:100%;height:39px;background:url('/assets/m-user/images/lecture/2022_fw/toeic_live/sec_review_icon.png') no-repeat;background-size:100% 100%;position:absolute;left:0;top:-3.33vw;} #concept_Delivery .sec_review .tit{margin-bottom:24px;} #concept_Delivery .sec_review .cont_review{position:relative;} #concept_Delivery .cont_review li{position:relative;} #concept_Delivery .cont_review li:nth-child(3){top:-3vw;} #concept_Delivery .cont_review li:nth-child(5){top:-3vw;} #concept_Delivery .sec_brand{padding:40px 0 51.8vw;text-align:center;background:#fff url('/assets/m-user/images/lecture/2022_fw/toeic_live/sec_brand_bg.jpg') 50% 100% no-repeat;background-size:100% auto;} #concept_Delivery .sec_brand .tit{margin-bottom:22px;} #concept_Delivery .sec_brand .summary{margin-bottom:26px;} #concept_Delivery .sec_brand .btn_type_delivery{width:247px;} #concept_Delivery .sec_others{padding:50px 0;background:#fafafa url('/assets/m-user/images/lecture/2022_fw/toeic_live/sec_others_bg.png') 0 100% repeat-x;background-size:38px auto;} #concept_Delivery .sec_others .tit{margin-bottom:13px;} #concept_Delivery .sec_others .cont_others{margin:0 3.73vw;position:relative;} #concept_Delivery .cont_others .obj_phone{opacity:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transform:translate(0, 100px);transform:translate(0, 100px);} #concept_Delivery .others_items{width:100%;position:absolute;left:0;top:16vw;} #concept_Delivery .others_items li{width:100%;} #concept_Delivery .others_items li img{width:100%;z-index:0;opacity:0;position:absolute;left:0;top:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transform:scale(0.2);transform:scale(0.2);} #concept_Delivery .others_items li a{width:27.2vw;height:27.2vw;font-size:0;text-indent:-9999px;position:absolute;z-index:10;} #concept_Delivery .others_items li:nth-child(1) a, #concept_Delivery .others_items li:nth-child(4) a, #concept_Delivery .others_items li:nth-child(7) a{left:2.8vw;} #concept_Delivery .others_items li:nth-child(2) a, #concept_Delivery .others_items li:nth-child(5) a, #concept_Delivery .others_items li:nth-child(8) a{left:32.8vw;} #concept_Delivery .others_items li:nth-child(3) a, #concept_Delivery .others_items li:nth-child(6) a, #concept_Delivery .others_items li:nth-child(9) a{left:62.8vw;} #concept_Delivery .others_items li:nth-child(1) a, #concept_Delivery .others_items li:nth-child(2) a, #concept_Delivery .others_items li:nth-child(3) a{top:2.2vw;} #concept_Delivery .others_items li:nth-child(4) a, #concept_Delivery .others_items li:nth-child(5) a, #concept_Delivery .others_items li:nth-child(6) a{top:33.2vw;} #concept_Delivery .others_items li:nth-child(7) a, #concept_Delivery .others_items li:nth-child(8) a, #concept_Delivery .others_items li:nth-child(9) a{top:64.2vw;} #concept_Delivery .others_items li:nth-child(1) img{-webkit-transition-delay:0.2s;transition-delay:0.2s;} #concept_Delivery .others_items li:nth-child(2) img{-webkit-transition-delay:0.35s;transition-delay:0.35s;} #concept_Delivery .others_items li:nth-child(3) img{-webkit-transition-delay:0.5s;transition-delay:0.5s;} #concept_Delivery .others_items li:nth-child(4) img{-webkit-transition-delay:0.65s;transition-delay:0.65s;} #concept_Delivery .others_items li:nth-child(5) img{-webkit-transition-delay:0.8s;transition-delay:0.8s;;} #concept_Delivery .others_items li:nth-child(6) img{-webkit-transition-delay:0.95s;transition-delay:0.95s;} #concept_Delivery .others_items li:nth-child(7) img{-webkit-transition-delay:1.1s;transition-delay:1.1s;} #concept_Delivery .others_items li:nth-child(8) img{-webkit-transition-delay:1.25s;transition-delay:1.25s;} #concept_Delivery .others_items li:nth-child(9) img{-webkit-transition-delay:1.4s;transition-delay:1.4s;} #concept_Delivery .cont_others.action .obj_phone{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);} #concept_Delivery .action .others_items li img{opacity:1;-webkit-transform:scale(1);transform:scale(1);} #concept_Delivery .btn_type_delivery{display:inline-block;position:relative;} #concept_Delivery .btn_type_delivery span, #concept_Delivery .btn_type_delivery span:after{background-color:#d71120;position:absolute;left:100%;} #concept_Delivery .btn_type_delivery span{opacity:0;-webkit-transform:translate(-55px, 0);transform:translate(-55px, 0);} #concept_Delivery .btn_type_delivery span:nth-child(1){width:25px;height:3px;margin-left:-32px;border-radius:6px;bottom:6px;} #concept_Delivery .btn_type_delivery span:nth-child(1):after{content:'';width:3px;height:100%;margin-left:1px;border-radius:6px;} #concept_Delivery .btn_type_delivery span:nth-child(2){width:40px;height:4px;margin-left:-40px;border-radius:4px;bottom:0;} #concept_Delivery .btn_type_delivery span:nth-child(3){width:20px;height:4px;margin-left:-10px;border-radius:4px;bottom:13px;} #concept_Delivery .btn_type_delivery span:nth-child(1){animation:btn_delivery 2s infinite ease 0.3s;} #concept_Delivery .btn_type_delivery span:nth-child(2){animation:btn_delivery 2s infinite ease 0.2s;} #concept_Delivery .btn_type_delivery span:nth-child(3){animation:btn_delivery 2s infinite ease;} #concept_Delivery #layer_original_video{} #concept_Delivery #layer_original_video:before{content:'';width:100%;height:100%;background:rgba(0, 0, 0, 0.7);position:fixed;left:0;top:0;z-index:9;display:none;} #concept_Delivery #layer_original_video .layer_video_wrap{width:89.6vw;height:103.33vw;margin:-51.52vw 0 0 0;position:fixed;left:5.2vw;top:50%;z-index:10;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s;-webkit-transform:scale(0);transform:scale(0);} #concept_Delivery #layer_original_video.show:before{display:block;} #concept_Delivery #layer_original_video.show .layer_video_wrap{opacity:1;-webkit-transform:scale(1);transform:scale(1);} #concept_Delivery #video_area{width:100%;height:100%;background-color:#fff;border-radius:18px 0 18px 18px;overflow:hidden;} #concept_Delivery #video_area video{width:100%;height:100%;} #concept_Delivery #layer_original_video .btn_layer_close{width:40px;height:40px;font-size:0;background-color:#000;position:absolute;right:0;top:0;} #concept_Delivery #layer_original_video .btn_layer_close:before, #concept_Delivery #layer_original_video .btn_layer_close:after{content:'';width:1px;height:30px;margin-top:-15px;background-color:#fff;position:absolute;left:50%;top:50%;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #concept_Delivery #layer_original_video .btn_layer_close:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);} #concept_Delivery #layer_original_video .btn_layer_close:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} #concept_Delivery #layer_original_video .btn_layer_close:hover:before{-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg);} #concept_Delivery #layer_original_video .btn_layer_close:hover:after{-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);} @keyframes tongtong{ 50%{transform:scaleY(0.9) translate(0, 10px);} to{transform:scaleY(1) translate(0, 0);} } @keyframes lightSpeedInRight{ 0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)} 60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)} 80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)} to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)} } @keyframes btn_delivery{ 40%{opacity:1;-webkit-transform:translate(7px, 0);transform:translate(7px, 0);} 70%{opacity:1;-webkit-transform:translate(7px, 0);transform:translate(7px, 0);} 100%{opacity:0;-webkit-transform:translate(7px, 0);transform:translate(7px, 0);} } /* [온라인클래스] */ #wrap.onlineClass{overflow:hidden;} #wrap.onlineClass *{box-sizing:border-box;} .onlineClass img{width:100%;} .onlineClass h3, .onlineClass h4, .onlineClass p{margin:0;} .onlineClass .top_visual{padding:9.46vw 0 20vw;background:#0e2197 url('/assets/m-user/images/online_class/top_visual_bg.jpg') 50% 0 no-repeat;background-size:100% auto;position:relative;} .onlineClass .top_visual .hd{text-align:center;opacity:1;perspective:1600px;} .onlineClass .top_visual .hd .s_tit{opacity:0;-webkit-transform:translate(300px, 0);transform:translate(300px, 0);} .onlineClass .top_visual .hd .tit{opacity:0;-webkit-transform:translate3d(0,300px,-3400px);transform:translate3d(0,300px,-3400px);} .onlineClass .top_visual .summary{margin:-0.8vw 0 36vw;} .onlineClass .top_visual .hd.action .s_tit{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);} .onlineClass .top_visual .hd.action .tit{opacity:0;-webkit-transition:all 0.8s ease-in;transition:all 0.8s ease-in;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .onlineClass .top_visual .obj_city{width:100%;position:absolute;left:0;bottom:0;} .onlineClass .top_visual .obj_items{opacity:1;} .onlineClass .top_visual .obj_items .box > img, .onlineClass .top_visual .obj_items .over_txt, .onlineClass .top_visual .obj_items .over_txt:after, .onlineClass .top_visual .obj_items .over_txt img{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;} .onlineClass .top_visual .obj_items ul{padding:0 1.6vw;text-align:center;font-size:0;} .onlineClass .top_visual .obj_items li{width:33.33%;padding:7px 0;display:inline-block;vertical-align:middle;opacity:0;-webkit-transform:translate(-200px, 0) rotate(-180deg);transform:translate(-200px, 0) rotate(-180deg);} .onlineClass .top_visual .obj_items .box{width:29.06vw;margin:0 auto;padding:0;overflow:hidden;border-radius:181px;position:relative;} .onlineClass .top_visual .obj_items .over_txt{width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);opacity:0;position:absolute;left:0;top:0;border-radius:181px;} .onlineClass .top_visual .obj_items .over_txt:after{content:'';width:17px;height:20px;margin-left:-8px;background:url('/assets/user/images/online_class/icon_pin.png') no-repeat;background-size:100% 100%;position:absolute;left:50%;top:0;opacity:0;transition-delay:0.2s;} .onlineClass .top_visual .obj_items.action li{opacity:1;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg);} .onlineClass .top_visual .obj_items.action li:nth-child(2){transition-delay:0.2s;} .onlineClass .top_visual .obj_items.action li:nth-child(3){transition-delay:0.4s;} .onlineClass .top_visual .obj_items.action li:nth-child(4){transition-delay:0.6s;} .onlineClass .top_visual .obj_items.action li:nth-child(5){transition-delay:0.8s;} .onlineClass .top_visual .obj_items .on .box > img{transform:scale(1);} .onlineClass .top_visual .obj_items .on .box .over_txt{opacity:1;} .onlineClass .top_visual .obj_items .on .box .over_txt:after{top:3vw;opacity:1;} .onlineClass .top_visual .obj_items .on .box .over_txt img{transform:scale(1);} .onlineClass .cont_about{padding:58px 0 57px;text-align:center;position:relative;background-color:#efeff2;} .onlineClass .cont_about:before{content:'';width:73px;height:56px;margin-left:-37px;background:url('/assets/m-user/images/online_class/obj_about.png') no-repeat;background-size:100% 100%;position:absolute;left:50%;top:-33px;} .onlineClass .cont_about .tit{margin-bottom:38px;} .onlineClass .cont_about .tit div:nth-child(2){margin-top:15px;} .onlineClass .cont_about .stit{margin-bottom:27px;} .onlineClass .cont_about .about_items{} .onlineClass .cont_about .about_items ul{padding:0 6.67vw;} .onlineClass .cont_about .about_items li{position:relative;} .onlineClass .cont_about .about_items li + li{margin-top:23px;} .onlineClass .cont_about .about_items .over{opacity:0;position:absolute;left:0;top:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;} .onlineClass .cont_about .about_items li:hover .over{opacity:1;box-shadow:0 0 20px 1px rgba(0, 0, 0, 0.2);} .onlineClass .cont_vod{} .onlineClass .cont_vod .cont_vod_top{padding:60px 0 50px;background:#0a1767 url('/assets/m-user/images/online_class/cont_vod_top_bg.jpg') center bottom no-repeat;background-size:100% auto;} .onlineClass .cont_vod .cont_vod_top .hd{margin-bottom:17px;} .onlineClass .cont_vod .cont_vod_top .btn_lec_view{text-align:center;} .onlineClass .cont_vod .cont_vod_top .btn_lec_view img{width:256px;} .onlineClass .cont_vod .cont_vod_contents{padding:56px 0 0;background-color:#0722c6;} .onlineClass .cont_vod .cont_vod_contents .tit{text-align:center;position:relative;} .onlineClass .cont_vod .videoTab{width:100%;padding:0 6.67vw;font-size:0;margin:0;} .onlineClass .cont_vod .videoTab ul{width:100%;display:table;table-layout:fixed;border-spacing:0;} .onlineClass .cont_vod .videoTab li{display:table-cell;vertical-align:middle;} .onlineClass .cont_vod .videoTab li:nth-child(2) a{padding-top:9px;} .onlineClass .cont_vod .videoTab a{width:100%;height:52px;padding-top:18px;display:block;text-align:center;font-size:20px;line-height:1.1;font-weight:600;color:#3e4990;background-color:#0a1767;} .onlineClass .cont_vod .videoTab a span{display:block;font-size:11px;} .onlineClass .cont_vod .videoTab a.on{color:#fff;background-color:#cf1c17;} .onlineClass .cont_vod .videoTabCont{padding:22px 0 67px;background-color:#001595;} .onlineClass .cont_vod .videoCont{width:85.9vw;height:48.3vw;margin:0 auto;box-shadow:0 0 20px 3px rgba(0, 0, 0, 0.3);background-color:#181818;position:relative;} .onlineClass .cont_vod .videoCont iframe{width:100%;height:100%;position:absolute;left:0;top:0;} .onlineClass .cont_review{padding:70px 0 60px;background-color:#efeff2;} .onlineClass .cont_review .tit{text-align:center;} .onlineClass .cont_review .review_items{padding:40px 0;overflow:hidden;position:relative;} .onlineClass .cont_review .review_items li{} .onlineClass .cont_review .review_items .wrap, .onlineClass .cont_review .review_items .review_label, .onlineClass .cont_review .review_items .icon, .onlineClass .cont_review .review_items .sbj, .onlineClass .cont_review .review_items .desc, .onlineClass .cont_review .review_items .user{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;} .onlineClass .cont_review .review_items .wrap{width:82vw;height:105vw;margin:0 auto;padding:7vw 3vw 0;text-align:center;background-color:#e0e0e0;position:relative;} .onlineClass .cont_review .review_items .review_label{width:73px;height:72px;display:flex;justify-content:center;align-items:center;font-size:15px;line-height:1.1;font-weight:600;color:#fff;background:url('/assets/m-user/images/online_class/review_label_bg.png') no-repeat;background-size:100% 100%;position:absolute;top:-16px;right:-19px;filter:grayscale(1);} .onlineClass .cont_review .review_items .icon{height:15vw;margin-bottom:10px;filter:grayscale(1);} .onlineClass .cont_review .review_items .icon, .onlineClass .cont_review .review_items .icon img{vertical-align:bottom;} .onlineClass .cont_review .review_items .icon img{width:auto;height:14.13vw;} .onlineClass .cont_review .review_items li:nth-child(5) .icon img{height:15.2vw;} .onlineClass .cont_review .review_items .sbj{margin-bottom:2vw;font-size:4.5vw;font-weight:600;color:#717171;} .onlineClass .cont_review .review_items .desc{margin-bottom:2.4vw;font-size:4vw;line-height:1.6;color:#717171;} .onlineClass .cont_review .review_items .user{font-size:4vw;font-weight:600;color:#000;} .onlineClass .cont_review .review_items .swiper-slide-active .wrap{background-color:#fff;box-shadow:0 0 20px 8px rgba(0, 0, 0, 0.2);} .onlineClass .cont_review .review_items .swiper-slide-active .review_label, .onlineClass .cont_review .review_items .swiper-slide-active .icon{filter:grayscale(0);} .onlineClass .cont_review .review_items .swiper-slide-active .sbj{color:#cd1719;} .onlineClass .cont_review .review_items .swiper-slide-active .desc{color:#000;} .onlineClass .cont_review .review_items .swiper-slide-active .user{color:#000;} .onlineClass .cont_review .nav a{width:47px;height:47px;margin-top:-24px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:50%;z-index:2;} .onlineClass .cont_review .nav .prev{left:3vw;background-image:url('/assets/m-user/images/online_class/nav_prev.png');} .onlineClass .cont_review .nav .next{right:3vw;background-image:url('/assets/m-user/images/online_class/nav_next.png');} .onlineClass .cont_review .btn_review{text-align:center;} .onlineClass .cont_review .btn_review img{width:260px;} .onlineClass .cont_lineup{padding:70px 0 35px;background-color:#181818;} .onlineClass .cont_lineup .tit{margin-bottom:25px;} .onlineClass .tc_lineup_items{width:91.2vw;margin:0 auto 20px;} .onlineClass .tc_lineup_items .swiper-container{height:420px;} .onlineClass .tc_lineup_items .swiper-container .swiper-slide{height:46.14vw;} .onlineClass .tc_lineup_items ul{position:relative;} .onlineClass .tc_lineup_items li{width:100%;position:relative;background-color:#555555;box-shadow:2px 2px 30px 5px rgba(0, 0, 0, 0.6);} .onlineClass .tc_lineup_items li:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background-color:#555555;opacity:1;} .onlineClass .tc_lineup_items .pagination{margin:0;position:absolute;left:10px;top:13px;} .onlineClass .tc_lineup_items .pagination span{width:4px;height:4px;display:inline-block;vertical-align:top;background-color:#d4d4d4;border:none;} .onlineClass .tc_lineup_items .pagination span.on{background-color:#181818;} .onlineClass .tc_lineup_items .pagination span + span{margin-left:3px;} .onlineClass .tc_lineup_items li.swiper-slide-active:after{opacity:0;} .onlineClass .tc_lineup_items li.swiper-slide-active img{width:100%;height:100%;box-shadow:none;} .onlineClass .tc_lineup_items .nav button{width:39px;height:40px;margin-left:-20px;display:inline-block;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-size:100% 100%;position:absolute;left:50%;top:50%;z-index:2;opacity:0.6;} .onlineClass .tc_lineup_items .nav .prev{margin-top:-37.5vw;background-image:url('/assets/m-user/images/online_class/nav_prev02.png');} .onlineClass .tc_lineup_items .nav .next{margin-top:27vw;background-image:url('/assets/m-user/images/online_class/nav_next02.png');} .onlineClass .tc_lineup_items .link{position:relative;z-index:1;} .onlineClass .tc_lineup_items .link a{width:33.5vw;height:7.47vw;font-size:0;text-indent:-9999px;position:absolute;left:19.33vw;bottom:3.06vw;} .onlineClass .tc_lineup_items .link a:nth-child(2){left:55.46vw;} .onlineClass .tc_lineup_items .link.number_1 a{left:38vw;} .onlineClass .tc_lineup_items li img{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;} .onlineClass .tc_lineup_items li:after{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;} .onlineClass .cont_lineup .tc_lineup_tab{width:82vw;margin:0 auto;text-align:center;font-size:0;} .onlineClass .cont_lineup .tc_lineup_tab a{width:25%;height:34px;border-bottom:1px solid #181818;border-right:1px solid #181818;display:inline-block;text-align:center;font-size:14px;line-height:34px;color:#7b7b7b;background-color:#313131;} .onlineClass .cont_lineup .tc_lineup_tab a.on{font-weight:600;color:#fff;background-color:#b5000a;} .tab_guide_noti{width:139px;height:30px;margin:12px auto 0;padding-top:12px;display:block;text-align:center;font-size:11px;color:#fff;background:url('/assets/user/images/online_class/tab_guide_bg.png') no-repeat;background-size:100% 100%;} .onlineClass .cont_pr{padding:62px 0 0;background-color:#001595;position:relative;} .onlineClass .cont_pr .tit{margin-bottom:35px;} .onlineClass .cont_pr .btn_class_view{text-align:center;} .onlineClass .cont_pr .btn_class_view a{width:292px;margin:0 auto;display:block;} .onlineClass .cont_pr .btn_class_view a + a{margin-top:2px;} .onlineClass .cont_pr .cont_pr_objs{height:24.53vw;margin-top:40px;overflow:hidden;position:relative;} .onlineClass .cont_pr .cont_pr_objs .cont_pr_city, .onlineClass .cont_pr .cont_pr_objs .cont_pr_house{width:400vw;height:100%;position:absolute;left:-300vw;bottom:0;} .onlineClass .cont_pr .cont_pr_objs .cont_pr_city{background:url('/assets/m-user/images/online_class/obj_city_repeat.png') repeat-x;background-size:59.74vw 100%;animation: city 10s linear infinite;} .onlineClass .cont_pr .cont_pr_objs .cont_pr_house{background:url('/assets/m-user/images/online_class/pr_objs_house.png') left bottom no-repeat;background-size:100vw 100%;animation: city 10s linear infinite;} .onlineClass .cont_pr .cont_pr_objs .cont_pr_cycle{width:100%;height:100%;background:url('/assets/m-user/images/online_class/pr_objs_moto.png') no-repeat;background-size:100% 100%;position:absolute;left:0;bottom:0;animation: moto 10s linear infinite;} @keyframes city{ 60%{left:0;} 100%{left:0;} } @keyframes moto{ 10%{left:6px;} 20%{left:-6px;} 30%{left:6px;} 40%{left:-6px;} 50%{left:6px;} 60%{left:0;} 100%{left:0;} } /* [일본어] */ .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;} .japanese .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;} .japanese .benefitSwipe .nav button.prev{background-image:url('/assets/m-user/images/japanese/nav_prev.png');left:1.8vw;} .japanese .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');} /* [일본어 > JLPT만 다른 컨셉으로 개편] */ .japan_JLPT{} .japan_JLPT{position:relative;overflow:hidden;} .japan_JLPT img{width:100%;} .japan_JLPT h2, .japan_JLPT h3, .japan_JLPT p{margin:0;} .japan_JLPT .inner{margin:0 3.2vw;} .japan_JLPT p.tit_cont{padding:0;margin:0;} .japan_JLPT .classSelect{width:100%;background-color:rgba(39, 46, 101, 0.4);position:absolute;top:0;z-index:100;left:0;} .japan_JLPT .classSelect .toggleBtn{padding:0;margin:0;text-align:left;} .japan_JLPT .classSelect .toggleBtn a{display:block;padding:10px 25px;color:#fff;font-size:15px;} .japan_JLPT .classSelect p a .icon{margin-left:12px;font-size:13px; vertical-align:middle;} .japan_JLPT .classSelect p a span.classT{font-weight:600;border-bottom:1px solid #fff;} .japan_JLPT .classSelectList{padding:5px 25px; text-align:left;background:none;} .japan_JLPT .classSelectList li{height:30px;line-height:30px;} .japan_JLPT .classSelectList li a{display:block;color:#ddd;} .japan_JLPT .top_visual{height:199.33vw;padding:20vw 0 0;background:#151515 url('/assets/m-user/images/japanese/jlpt/top_visual_bg.jpg') 50% 0 no-repeat;background-size:100% auto;position:relative;} .japan_JLPT .top_visual .hd p{margin-bottom:5.5vw;} .japan_JLPT .top_visual .hd p, .japan_JLPT .top_visual .hd h2{opacity:0;} .japan_JLPT .top_visual .hd p{transform:translate(0, -100px);} .japan_JLPT .top_visual .hd h2{transform:translate(0, 100px);} .japan_JLPT .top_visual .hd.action p, .japan_JLPT .top_visual .hd.action h2{opacity:1;transition:all 0.5s ease;transform:translate(0, 0);} .japan_JLPT .d_day_cont{position:absolute;left:0;bottom:-5.4vw;z-index:2;} .japan_JLPT .d_day_cont .desc{margin-bottom:25px;} .japan_JLPT .d_day_cont .desc p{font-size:17px;color:#fff;} .japan_JLPT .d_day_cont .desc strong{font-size:27px;font-weight:700;color:#ff47ae;} .japan_JLPT .d_day_board{position:relative;} .japan_JLPT .d_day_board::before{content:'';width:100vw;height:24.53vw;background:url('/assets/m-user/images/japanese/jlpt/d_day_shadow.png') no-repeat;position:absolute;left:0;top:0;background-size:100% auto;} .japan_JLPT .d_day_board .board_cont{width:100vw;height:22.267vw;padding:0 15.2vw;font-size:0;background:url('/assets/m-user/images/japanese/jlpt/d_day_bg.png') no-repeat;background-size:100% auto;position:relative;z-index:1;} .japan_JLPT .d_day_board span{width:13.86vw;height:22.267;display:inline-block;vertical-align:middle;text-align:center;font-family:'Arial';font-size:13vw;font-weight:normal;line-height:22.267vw;color:#f1f1f1;position:relative;} .japan_JLPT .d_day_board span::after{content:'';width:100%;height:100%;background:url('/assets/m-user/images/japanese/jlpt/d_day_line.png') 50% 0 no-repeat;position:absolute;left:0;top:0;background-size:100% auto;} .japan_JLPT .d_day_board .str_d{font-size:13vw;line-height:22.267vw;} .japan_JLPT .d_day_board .days{margin-left:14vw;display:inline-block;vertical-align:middle;} .japan_JLPT .cont_review{padding:80px 0;background-color:#ffe6f1;overflow:hidden;} .japan_JLPT .cont_review .tit_cont{margin-bottom:30px;} .japan_JLPT .review_swiper{text-align:center;} .japan_JLPT .review_swiper .swiper-container{width:250px;margin:0 auto;overflow:visible;} .japan_JLPT .review_swiper .box, .japan_JLPT .review_swiper .subject, .japan_JLPT .review_swiper .rating, .japan_JLPT .review_swiper .thumb, .japan_JLPT .review_swiper .info .label, .japan_JLPT .review_swiper .info p{-webkit-transition:all 0.3s linear;transition:all 0.3s linear;} .japan_JLPT .review_swiper .box{padding:26px 32px;background-color:#e3cad5;border-radius:10px;} .japan_JLPT .review_swiper .subject{font-size:18px;font-weight:600;color:#321924;} .japan_JLPT .review_swiper .rating{font-size:14px;color:#9b828d;letter-spacing:4px;} .japan_JLPT .review_swiper .thumb{width:100%;height:35.2vw;margin:15px auto 22px;background-color:#321924;} .japan_JLPT .review_swiper .thumb img{width:100%;height:100%;object-fit:cover;} .japan_JLPT .review_swiper .info{text-align:center;} .japan_JLPT .review_swiper .info .label{height:21px;margin-bottom:10px;padding:0 12px;text-align:center;font-size:12px;line-height:21px;color:#fff;display:inline-block;border-radius:21px;background-color:#333;} .japan_JLPT .review_swiper .info p{font-size:12px;font-weight:600;color:#321924;} .japan_JLPT .review_swiper .info p + p{margin-top:2px;} .japan_JLPT .review_swiper .swiper-slide{opacity:0.5;width:100%;-webkit-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out;} .japan_JLPT .review_swiper .swiper-slide-active{opacity:1;} .japan_JLPT .review_swiper .swiper-slide-active .box{background:#fff;box-shadow:0 10px 20px 1px rgba(0, 0, 0, 0.15);} .japan_JLPT .review_swiper .swiper-slide-active .subject{color:#222;} .japan_JLPT .review_swiper .swiper-slide-active .rating{color:#ff4898;} .japan_JLPT .review_swiper .swiper-slide-active .thumb{background-color:#313131;} .japan_JLPT .review_swiper .swiper-slide-active .info .label{background-color:#ff4898;} .japan_JLPT .review_swiper .swiper-slide-active .info p{color:#222;} .japan_JLPT .review_swiper .review_noti{margin-top:18px;font-size:11px;color:#999;} .japan_JLPT .review_swiper .btn_more{width:73.34vw;display:inline-block;margin-top:30px;box-shadow:7px 7px 14px 1px rgba(0, 0, 0, 0.2);} .japan_JLPT .review_video{margin:60px 5vw 0;} .japan_JLPT .review_video_swiper{background-color:#222;border-radius:10px;} .japan_JLPT .review_video_swiper .video_box{width:73.33vw;margin:0 auto;} .japan_JLPT .review_video_swiper .video_box > div{width:100%;padding-bottom:56.25%;background-color:#666;position:relative;overflow:hidden;border-radius:10px;} .japan_JLPT .review_video_swiper .video_box iframe{width:101%;height:101%;position:absolute;left:-0.5%;top:-0.5%;} .japan_JLPT .review_video_swiper .swiper-pagination{bottom:auto;width:100%;margin-top:4vw;text-align:center;}/* 240422 hyj 수정 */ .japan_JLPT .review_video_swiper .swiper-pagination .swiper-pagination-bullet{width:13px;height:13px;box-shadow:none;border:2px solid #f32d9c;background:#ffe6f1 !important;opacity:1;} .japan_JLPT .review_video_swiper .swiper-pagination .swiper-pagination-bullet-active{background:#f32d9c !important;} .japan_JLPT .review_video_swiper .swiper-pagination span + span{margin-left:8px;} .japan_JLPT .review_video .sliding_next{position:relative;width:100%;height:50px;margin:3vw auto 5vw;background:url('/assets/m-user/images/japanese/jlpt/sliding_bg.png') no-repeat center / 100%;} .japan_JLPT .review_video .sliding_next .sliding_txt{position:absolute;left:0;top:0;} .japan_JLPT .review_video .sliding_next .cursor{position:absolute;left:0;top:0;bottom:0;animation:sliding_bg 1.5s infinite;} .japan_JLPT .review_video .sliding_next .cursor img{height:100%;} @keyframes sliding_bg{0%{transform:translateX(-5%);}55%{transform:translateX(8%);}100%{transform:translateX(-5%);}} .japan_JLPT .cont_tip{padding:60px 0 75px;background-color:#222;} .japan_JLPT .cont_tip .tit_cont{margin-bottom:30px;} .japan_JLPT .tip_swiper{} .japan_JLPT .tip_swiper .video_box{width:73.33vw;margin:0 auto;} .japan_JLPT .tip_swiper .video_box > div{width:100%;padding-bottom:56.25%;background-color:#666;position:relative;overflow:hidden;border-radius:10px;} .japan_JLPT .tip_swiper .video_box iframe{width:101%;height:101%;position:absolute;left:-0.5%;top:-0.5%;} .japan_JLPT .tip_swiper .swiper-button-prev, .japan_JLPT .tip_swiper .swiper-button-next{position:absolute;top:calc(50%);width:39px;height:39px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-size:100% auto;z-index:3;} .japan_JLPT .tip_swiper .swiper-button-prev{left:5px;background-image:url('/assets/user/images/japan/jlpt/nav_prev.png');} .japan_JLPT .tip_swiper .swiper-button-next{right:5px;background-image:url('/assets/user/images/japan/jlpt/nav_next.png');} .japan_JLPT .cont_book{padding:15vw 0;background:url('/assets/m-user/images/japanese/jlpt/cont_book_bg.jpg') 50% 0 repeat-y;background-size:100% auto;} .japan_JLPT .cont_book .tit_cont{margin-bottom:37px;} .japan_JLPT .cont_book .book_objs{width:100vw;height:55.2vw;display:inline-block;position:relative;opacity:1;} .japan_JLPT .cont_book .book_objs:before{content:'';width:100%;height:100%;background:url('/assets/m-user/images/japanese/jlpt/book_shadow.png') no-repeat;background-size:100% auto;position:absolute;left:-10px;top:0;opacity:0;transition:all 0.9s linear 0.4s;} .japan_JLPT .cont_book .book_objs span{position:absolute;left:0;top:0;opacity:0;transition:all 0.9s ease-out;-webkit-transform:rotateY(-20deg);transform:rotateY(-90deg);transform-origin:0 50%;} .japan_JLPT .cont_book .book_objs span:nth-of-type(2){transition-delay:0.2s;} .japan_JLPT .cont_book .book_objs span:nth-of-type(3){transition-delay:0.4s;} .japan_JLPT .cont_book .book_objs.action:before{opacity:1;} .japan_JLPT .cont_book .book_objs.action span{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);} .japan_JLPT .cont_curri{padding:60px 0;background-color:#ffe4f6;} .japan_JLPT .cont_curri .tit_cont{margin-bottom:30px;} .japan_JLPT .cont_curri .curri_swiper{position:relative;} .japan_JLPT .cont_curri .curri_tabs{width:100%;display:flex;position:absolute;left:0;top:0;z-index:2;opacity:0;} .japan_JLPT .cont_curri .curri_tabs span{height:10.67vw;flex:1;} .japan_JLPT .cont_type{padding:60px 0;background-color:#fff;} .japan_JLPT .cont_type .tit_cont{margin-bottom:30px;} .japan_JLPT .cont_type .type_swiper{position:relative;} .japan_JLPT .cont_type .type_tabs{width:100%;display:flex;position:absolute;left:0;top:0;z-index:2;opacity:0;} .japan_JLPT .cont_type .type_tabs span{height:13.34vw;flex:1;} .japan_JLPT .cont_type .btn_detail{width:89.336vw;display:inline-block;margin-top:25px;box-shadow:7px 7px 14px 1px rgba(0, 0, 0, 0.2);} .japan_JLPT .cont_teacher{} .japan_JLPT .cont_teacher .cont_swiper, .japan_JLPT .cont_teacher .swiper-slide{position:relative;} .japan_JLPT .cont_teacher .wrap{width:100%;text-align:center;position:absolute;left:0;top:66.5vw;} .japan_JLPT .teacher_swiper .teacher_tabs_wrap{width:100%;font-size:0;overflow-x:auto;} .japan_JLPT .teacher_swiper .teacher_tabs{width:max-content;font-size:0;background:#342a37;} .japan_JLPT .teacher_swiper .teacher_tabs span{width:89.5px;height:75px;display:inline-block;vertical-align:top;overflow:hidden;border-radius:0;opacity:1;background-repeat:no-repeat !important;background-size:100% 200% !important;} .japan_JLPT .teacher_swiper .teacher_tabs span + span{margin-left:1px;} .japan_JLPT .teacher_swiper .teacher_tabs span:nth-of-type(1){background-image:url('/assets/m-user/images/japanese/jlpt/teacher_tab01.jpg') !important;} .japan_JLPT .teacher_swiper .teacher_tabs span:nth-of-type(2){background-image:url('/assets/m-user/images/japanese/jlpt/teacher_tab02.jpg') !important;} .japan_JLPT .teacher_swiper .teacher_tabs span:nth-of-type(3){background-image:url('/assets/m-user/images/japanese/jlpt/teacher_tab03.jpg') !important;} .japan_JLPT .teacher_swiper .teacher_tabs span:nth-of-type(4){background-image:url('/assets/m-user/images/japanese/jlpt/teacher_tab04.jpg') !important;} .japan_JLPT .teacher_swiper .teacher_tabs span:nth-of-type(5){background-image:url('/assets/m-user/images/japanese/jlpt/teacher_tab05.jpg') !important;} .japan_JLPT .teacher_swiper .teacher_tabs span:nth-of-type(6){background-image:url('/assets/m-user/images/japanese/jlpt/teacher_tab06.jpg') !important;} .japan_JLPT .teacher_swiper .teacher_tabs span.swiper-pagination-bullet-active{background-position:0 100% !important;} .japan_JLPT .teacher_swiper .drag_guide{padding-top:15px;background:url('/assets/m-user/images/japanese/jlpt/drag_guide_bg.png') repeat-y;background-size:100% auto;} .japan_JLPT .teacher_swiper .video_box{width:78.66vw;margin:0 auto;} .japan_JLPT .teacher_swiper .video_box > div{width:100%;padding-bottom:56.25%;background-color:#666;position:relative;overflow:hidden;border-radius:10px;} .japan_JLPT .teacher_swiper .video_commingsoon{width:78.66vw;margin:0 auto;} .japan_JLPT .teacher_swiper .video_commingsoon > div{width:100%;padding-bottom:56.25%;background-color:#111;position:relative;overflow:hidden;border-radius:10px;opacity:0.6;} .japan_JLPT .teacher_swiper .video_commingsoon > div:after{content:'Coming Soon';width:100%;text-align:center;font-size:6vw;font-weight:700;color:#fff;letter-spacing:4px;position:absolute;left:0;top:50%;transform:translate(0, -50%);} .japan_JLPT .teacher_swiper .video_box iframe{width:101%;height:101%;position:absolute;left:-0.5%;top:-0.5%;} .japan_JLPT .teacher_swiper .btn_teacher_detail{width:53.336vw;margin:6.66vw auto 0;display:block;} .japan_JLPT .teacher_swiper .sns_btns{margin-top:20px;text-align:center;font-size:0;} .japan_JLPT .teacher_swiper .sns_btns a, .japan_JLPT .teacher_swiper .sns_btns span{height:30px;margin-right:5px;display:inline-block;vertical-align:top;} .japan_JLPT .teacher_swiper .sns_btns .sns_kakaotalk{margin-right:10px;padding:0 15px 0 35px;font-size:13px;line-height:32px;color:#aaa7aa;background-color:#40363e;border-radius:40px;position:relative;} .japan_JLPT .teacher_swiper .sns_btns .sns_kakaotalk:before{content:'';width:30px;height:30px;background:url('/assets/user/images/japan/jlpt/icon_kakao.png') no-repeat;background-size:100% auto;position:absolute;left:0;top:0;} .japan_JLPT .teacher_swiper .sns_btns .sns_youtube, .japan_JLPT .teacher_swiper .sns_btns .sns_instagram{width:30px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-size:100% auto;} .japan_JLPT .teacher_swiper .sns_btns .sns_youtube{background-image:url('/assets/user/images/japan/jlpt/icon_youtube.png');} .japan_JLPT .teacher_swiper .sns_btns .sns_instagram{background-image:url('/assets/user/images/japan/jlpt/icon_insta.png');} .japan_JLPT .teacher_swiper .swiper-button-prev, .japan_JLPT .teacher_swiper .swiper-button-next{position:absolute;top:66.5vw;width:39px;height:39px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-size:100% auto;z-index:3;} .japan_JLPT .teacher_swiper .swiper-button-prev{left:5px;background-image:url('/assets/user/images/japan/jlpt/nav_prev.png');} .japan_JLPT .teacher_swiper .swiper-button-next{right:5px;background-image:url('/assets/user/images/japan/jlpt/nav_next.png');} .japan_JLPT .floating_nav_r{width:65px;position:fixed;right:3vw;bottom:50px;z-index:10;} .japan_JLPT .floating_nav_r a{display:block;} .japan_JLPT .floating_nav_r a.float_btn_top{width:51px;height:51px;margin:5px auto 0;padding:12px 0 0;text-align:center;font-size:13px;line-height:1;color:#fff;background-color:rgba(34, 34, 34, 0.8);border-radius:50%;} .japan_JLPT .floating_nav_r a.float_btn_top::before{content:'▲';display:block;font-size:11px;margin-bottom:5px;position:relative;} /* [중국어] */ .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 .top_visual .student_num2{text-align:center;width:60%;position:absolute;top:62.5%;right:2%;box-sizing:border-box;} .chinese .student_num2 p{color:#f3e8bb;margin:0;line-height:1;} .chinese .student_num2 .txt_top{font-size:3.3vw;font-weight:600;margin-bottom:5%;animation: color-change 1s infinite;} .chinese .student_num2 .txt_num{font-size:4vw;font-weight:600; animation: color-change 1s infinite;} @keyframes color-change{0%{color:#f7edc2;} 25%{color:#dfca97;} 50%{color:#c5a669;} 75%{color:#dfca97;} 100%{color:#f7edc2;}} .chinese .student_num2 .txt_num strong{font-size:9vw;} .chinese .student_num2 .txt_etc{font-size:3vw;color:#a7a8a7;border-top:1px solid #3f3f35;margin-top:3%;display:inline-block;padding:2% 12px 0;letter-spacing:-1px;} .chinese .ch03 .student_num2{top:28%;width:55%;right:0;} .chinese .ch03 .student_num2 + .student_num2{top:62%;} .chinese .ch03 .student_num2 .txt_etc{line-height:1.2;} .chinese .ch04 .student_num2{width:50%;} .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 .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 .box_bot .tc_history span{} .chinese .cont_teacher .btn_sample{width:35%;display:block;margin:0 auto;} .chinese .care_area{position:relative;} .chinese .care_area .list_ani{position:absolute;top:0;left:0;width:100%;height:100%;} .chinese .care_area .list_ani li{position:absolute;width:100%;opacity: 0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all 0.5s; transition: all 0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;} .chinese .care_area .action li{opacity: 1;-webkit-transform:translateY(0);transform:translateY(0);top:0;left:0;} .chinese .care_area .action .list_main{-webkit-transition-delay:0.1s;transition-delay:0.1s;} .chinese .care_area .action .list1{-webkit-transition-delay:0.3s;transition-delay:0.3s;} .chinese .care_area .action .list2{-webkit-transition-delay:0.5s;transition-delay:0.5s;} .chinese .care_area .action .list3{-webkit-transition-delay:0.7s;transition-delay:0.7s;} .chinese .care_area .action .list4{-webkit-transition-delay:0.9s;transition-delay:0.9s;} .chinese .care_area .action .list5{-webkit-transition-delay:1.2s;transition-delay:1.2s;} .chinese .cont_curry{background:#353b45 url('/assets/m-user/images/chinese/bg_cont_curry.jpg') no-repeat 0 bottom;background-size:100% 100%;padding-bottom:45px;} .chinese .cont_curry .lect_class{background-color:#fff;margin:0 12px 25px;} .chinese .cont_curry .class_tab:after{content:'';display:block;clear:both;} .chinese .cont_curry .class_tab li{float:left;width:50%;text-align:center;} .chinese .cont_curry .class_tab a{display:block;line-height:40px;font-size:15px;color:#c1c1c1;background:#f1f1f1;-webkit-transition:all 0.3s; transition: all 0.3s;} .chinese .cont_curry .class_tab li.on a{background:#1a629b;color:#fff;font-weight:600;} .chinese .cont_curry .class_cont{border:2px solid #1a629b;} .chinese .cont_curry .class_cont > div{font-size:13px;color:#222;line-height:23px;padding:15px;text-align:left;word-break:keep-all;} .chinese .cont_curry .class_cont > div:last-child{display:none;} .chinese .curry_process{width:93%;margin:0 auto;position:relative;} .chinese .curry_process ul{position:absolute;top:0;left:0;width:100%;height:100%;} .chinese .curry_process li{width:49.6%;height:50%;display:inline-block;float:left;font-size:0;line-height:0;text-indent:-9999px;position:relative;margin-bottom:0.5%;} .chinese .curry_process li:nth-child(2n){float:right;} .chinese .curry_process li.on.prc1{background:url('/assets/m-user/images/chinese/curry_process_on1.jpg') no-repeat 0 0;background-size:100% auto;} .chinese .curry_process li.on.prc2{background:url('/assets/m-user/images/chinese/curry_process_on2.jpg') no-repeat 0 0;background-size:100% auto;} .chinese .curry_process li.on.prc3{background:url('/assets/m-user/images/chinese/curry_process_on3.jpg') no-repeat 0 0;background-size:100% auto;} .chinese .curry_process li.on.prc4{background:url('/assets/m-user/images/chinese/curry_process_on4.jpg') no-repeat 0 0;background-size:100% auto;} .chinese .cont_lect_type{background:#172c48 url('/assets/user/images/chinese/bg_cont_lecttype.jpg') no-repeat center 0;background-size:100% 100%;padding-bottom:60px;} .chinese .cont_lect_type p{padding:0;margin:0;} .chinese .lect_swipe{height:200px;padding-bottom:70px;position:relative;margin:0 auto;} .chinese .lect_swipe .box{width:150px;height:150px;background:#18283e;/*-webkit-transition:all 0.3s; transition: all 0.3s;*/border-radius:50%;margin:0 auto;text-align:center;margin-top:10px;padding:0;} .chinese .lect_swipe .box .tit{font-size:16px;color:#45566d;padding:38px 0 4px;} .chinese .lect_swipe .box .sub{font-size:12px;color:#45566d;line-height:15px;} .chinese .lect_swipe .swiper-slide{width:150px;} .chinese .lect_swipe .swiper-slide-active{z-index:100;width:200px;left:-9%;} @media screen and (min-width:360px) and (max-width:374px){ .chinese .lect_swipe .swiper-slide-active{left:-11%;} } @media screen and (min-width:400px){ .chinese .lect_swipe .swiper-slide-active{left:-7%;} } .chinese .lect_swipe .swiper-slide-active .box{width:200px;height:200px;background:url('/assets/user/images/chinese/bg_box_round.png') no-repeat center center;background-size:100% 100%;margin:0 auto;} .chinese .lect_swipe .swiper-slide-active .box .tit{font-size:23px;color:#1a629b;padding:55px 0 5px;font-weight:600;line-height: 1;} .chinese .lect_swipe .swiper-slide-active .box .sub{font-size:14px;color:#222;line-height: 19px;} .chinese .lect_swipe .swiper-container{position:relative;overflow:visible;} .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;} .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;} .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;} .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);} /* [중국어회화&특별반] */ .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:25%;height:50%;float:left;} .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;} /* [HSK] */ .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:190px;height:115px;} .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{width:33.3%;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;} /* [TSC] */ .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;} /* [강사양성과정 중국어] */ .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;} .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;} /* [제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_cont .cont{position:relative;} .secondLang .level_nav_cont .cont .video{position:absolute;left:10%;top:19.9%;width:80%;padding-bottom:52%;} .secondLang .level_nav_cont .cont .video iframe{position:absolute;left:0;top:0;width:100%;height:100%;} .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:3.33vw;top:17.46vw;} .secondLang .italy .level_nav a:nth-child(2){left:38vw;top:0;} .secondLang .italy .level_nav a:nth-child(3){width:35.33vw;left:62vw;top:17.46vw;} .secondLang .germany .level_nav a:nth-child(1){left:3.33vw;top:17.46vw;} .secondLang .germany .level_nav a:nth-child(2){left:38vw;top:0;} .secondLang .germany .level_nav a:nth-child(3){width:35.33vw;left:62vw;top:17.46vw;} @-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)}} /* 230427 kmh [영어회화&실용영어] */ #wrap.english .classSelect{position:absolute;top:0;left:0;width:100%;background-color:rgba(0, 0, 0, 0.3);z-index:100;} #wrap.english .classSelect .toggleBtn{padding:0;margin:0;text-align:left;} #wrap.english .classSelect .toggleBtn a{display:block;padding:10px 25px;color:#fff;font-size:15px;} #wrap.english .classSelect p a .icon{margin-left:12px;font-size:13px; vertical-align:middle;} #wrap.english .classSelect p a span.classT{font-weight:600;border-bottom:1px solid #fff;} #wrap.english .classSelectList{padding:5px 25px; text-align:left;background:0;} #wrap.english .classSelectList li{height:30px;line-height:30px;} #wrap.english .classSelectList li a{display:block;color:#ddd;} .english img{width:100%;} .english .tit{margin:0;} .english .longdesc{position:fixed;left:-9999px;top:-9999px;opacity:0;} .english .cmm_container{} .english .sec_headline .sec_cont{position:relative;} .english .sec_headline .rolling1, .english .sec_headline .rolling2{overflow:hidden;} .english .sec_headline .rolling1 img, .english .sec_headline .rolling2 img{width:980px;height:30px;} .english .sec_headline .rolling1 div{white-space:nowrap;animation-name:rolling1;animation-timing-function:linear;animation-duration:30s;animation-iteration-count:infinite;-webkit-animation-name:rolling1;-webkit-animation-timing-function:linear;-webkit-animation-duration:30s;-webkit-animation-iteration-count:infinite;-moz-animation-name:rolling1;-moz-animation-timing-function:linear;-moz-animation-duration:30s;-moz-animation-iteration-count:infinite;} .english .sec_headline .rolling1 div:after, .english .sec_headline .rolling2 div:after{content:"";white-space:nowrap;} .english .sec_headline .rolling2 div{white-space:nowrap;animation-name:rolling2;animation-timing-function:linear;animation-duration:30s;animation-iteration-count:infinite;-webkit-animation-name:rolling2;-webkit-animation-timing-function:linear;-webkit-animation-duration:30s;-webkit-animation-iteration-count:infinite;-moz-animation-name:rolling2;-moz-animation-timing-function:linear;-moz-animation-duration:30s;-moz-animation-iteration-count:infinite;} @keyframes rolling1{from{transform:translate(0%);}99%,to{transform:translate(-100%);}} @-webkit-keyframes rolling1{from{-webkit-transform:translate(0%);}99%,to{-webkit-transform:translate(-100%);}} @-moz-keyframes rolling1{from{-moz-transform:translate(0%);}99%,to{-moz-transform:translate(-100%);}} @keyframes rolling2{from{transform:translate(-100%);}99%,to{transform:translate(0%);}} @-webkit-keyframes rolling2{from{-webkit-transform:translate(-100%);}99%,to{-webkit-transform:translate(0%);}} @-moz-keyframes rolling2{from{-moz-transform:translate(-100%);}99%,to{-moz-transform:translate(0%);}} .english .sec_program{padding:62px 0;background-color:#fff;} .english .sec_program dl dd{padding:0 3.33%;} .english .sec_program .program_nav li + li{margin-top:15px;} .english .sec_program .program_nav a{height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#6ae67a;transition:all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;} .english .sec_program .program_nav a:active, .english .sec_program .program_nav a.active{box-shadow:0 0 7px 3px #ffea00;} .english .sec_program .program_nav a:active *, .english .sec_program .program_nav a.active *{color:#fff;border-color:#fff;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;} .english .sec_program .program_nav strong{display:block;color:#000;font-size:26px;} .english .sec_program .program_nav p{min-height:48px;display:block;margin:3px 0 12px;color:#000;font-size:17px;} .english .sec_program .program_nav em{display:inline-block;color:#000;font-size:16px;font-weight:700;font-style:normal;border-bottom:2px solid #000;} .english .sec_program .program_nav_type2{flex-wrap:wrap;display:flex;justify-content:space-around;align-content:stretch;} .english .sec_program .program_nav_type2 li{flex:1;flex-basis:auto;width:50%;padding:1.3%;} .english .sec_program .program_nav_type2 li:nth-child(n+3){width:33.333%;} .english .sec_program .program_nav_type2 a{display:block;padding:30px 0;text-align:center;background-color:#cae0ff;box-sizing:border-box;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} .english .sec_program .program_nav_type2 a:active, .english .sec_program .program_nav_type2 a.active{background-color:#0049de;box-shadow:0 0 7px 3px #ffea00;} .english .sec_program .program_nav_type2 a:active *, .english .sec_program .program_nav_type2 a.active *{color:#fff;border-color:#fff;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;} .english .sec_program .program_nav_type2 strong{display:block;color:#000;font-size:20px;} .english .sec_program .program_nav_type2 p{margin:15px 0 25px;font-size: 13px;color:#000;} .english .sec_program .program_nav_type2 li:nth-child(n+3) p{margin:10px 0;} .english .sec_program .program_nav_type2 em{display:inline-block;color:#000;font-size:13px;font-weight:700;font-style:normal;border-bottom:2px solid #000;} .english .sec_keyword{padding:62px 0 0;background-color:#eee;} .english .sec_target{padding:51px 0 60px;background-color:#eee;} .english .sec_target .tit{margin-bottom:18px;} .english .sec_target .target_cont{} .english .sec_level{padding:62px 0 0;background-color:#262626;} .english .sec_level .tit{margin-bottom:38px;} .english .level_slide{position:relative;} .english .level_slide .bx-controls{width:100%;font-size:0;position:absolute;left:0;top:0;z-index:51;} .english .level_slide .bx-controls .bx-pager{position:static;} .english .level_slide .bx-controls .bx-pager-item{width:50%;display:inline-block;} .english .level_slide .bx-pager-link.active, .english .level_slide .bx-pager-link:hover{background:none;} .english .level_slide .bx-controls .bx-pager-item a{width:100%;height:14vw;margin:0;font-size:0;text-indent:-9999px;display:block;} .english .sec_class_guide{padding:52px 0 60px;background-color:#fff;} .english .sec_class_guide .tit{margin-bottom:28px;} .english .class_tab_slide{position:relative;} .english .class_tab_slide .youtube_box{height:56.26vw;margin-top:25px;overflow:hidden;position:relative;} .english .class_tab_slide .youtube_box iframe{width:101%;height:101%;position:absolute;left:-0.5%;top:-0.5%;} .english .class_tab_slide .bx-controls{position:absolute;left:0;top:0;width:100%;height:191px;z-index:51;} .english .class_tab_slide .bx-controls .bx-pager{position:static;} .english .class_tab_slide .bx-controls .bx-pager-item{float:left;width:33.33%;} .english .class_tab_slide .bx-pager-link.active, .english .class_tab_slide .bx-pager-link:hover{background:0;} .english .class_tab_slide .bx-controls .bx-pager-item a{width:100%;height:27.9vw;margin:0;display:block;font-size:0;text-indent:-9999px;vertical-align:top;} .english .sec_review{padding:62px 0;background-color:#efeff2;overflow:hidden;} .english .sec_review .tit{margin-bottom:37px;} .english .sec_review .btn_more{display:inline-block;width:163px;margin-top:37px;} .english .review_swiper .box{width:100%;padding:20px;background-color:#e1e1e3;box-shadow:0 0 10px 6px #d4d4d6;} .english .review_swiper .box strong{display:block;height:25px;color:#6b6b6b;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .english .review_swiper .box span{display:block;margin:10px 0;color:#6b6b6b;font-size:25px;letter-spacing:7px} .english .review_swiper .box .date{color:#6b6b6b;font-size:14px;text-align:left;} .english .review_swiper .box .lect{color:#6b6b6b;font-size:14px;text-align:left;} .english .review_swiper .box .txt{color:#6b6b6b;font-size:14px;text-align:left;} .english .review_swiper.swiper-container{position:relative;overflow:visible;} .english .review_swiper .swiper-slide{opacity:.9;width:70vw;} .english .review_swiper .swiper-slide{-webkit-transition:opacity 0.5s;transition:opacity 0.5s;} .english .review_swiper .swiper-slide .box{-webkit-transition:all 0.5s;transition:all 0.5s;} .english .review_swiper .swiper-slide .box p{margin:0;} .english .review_swiper .swiper-slide-active{opacity:1} .english .review_swiper .swiper-slide-active .box{background-color:#fff;} .english .review_swiper .swiper-slide-active .box strong{color:#000;} .english .review_swiper .swiper-slide-active .box span{color:#6ae67a;} .english .review_swiper .swiper-slide-active .box .date, .english .review_swiper .swiper-slide-active .box .lect, .english .review_swiper .swiper-slide-active .box .txt{color:#000;} .english .review_swiper .swiper-button-prev, .english .review_swiper .swiper-button-next{margin-top:-20px;background-size:100% 100%;background-repeat:no-repeat;top:calc(50% - 19px);} .english .review_swiper .swiper-button-prev{position:absolute;left:9%;width:39px;height:39px;font-size:0;text-indent:-9999px;background-image:url('/assets/user/images/english/review_nav_prev.png');z-index:3;} .english .review_swiper .swiper-button-next{position:absolute;right:9%;width:39px;height:39px;font-size:0;text-indent:-9999px;background-image:url('/assets/user/images/english/review_nav_next.png');z-index:3;} .english .review_swiper .swiper-pagination{position:static;margin-top:25px;} .english .review_swiper .swiper-pagination .swiper-pagination-bullet{width:13px;height:13px;background:#9a9a9a !important;box-shadow:0;opacity:1;-webkit-transition:all 0.3s;transition:all 0.3s;} .english .review_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:40px;border-radius:15px;background:#6ae67a !important;} .english .sec_benefit{padding:62px 0;background-color:#fff267;} .english .sec_benefit .tit{margin-bottom:37px;} .english .english_class .sec_typeGuide{padding:54px 0;background-color:#fff;overflow:hidden;} .english .sec_typeGuide .tit{margin-bottom:26px;} .english .sec_typeGuide .type_sheet{margin:0 0 0 3.33vw;padding:0 0 0 87px;} .english .english_class .sec_typeGuide .notice_box{margin:0;padding:5px 5px 0;font-size:13px;font-weight:600;letter-spacing:0;}/* 231214 kmh 수정 */ .english .sec_class_recomm{padding:62px 0;background:#0049de;} .english .sec_class_recomm .tit{margin-bottom:45px;} .english .sec_class_recomm .youtube_box{position:absolute;top:44%;width:93.5%;height:25.7%;} .english .sec_class_recomm .youtube_box iframe{position:relative;left:3.5%;top:0;width:100%;height:100%;} /* 영어회화 > SLE 전용 속성 */ #conversation_sle .level_slide{padding:10vw 0 8.8vw;background-color:#6ae67a;position:relative;} #conversation_sle .level_slide .bx-controls{width:97.2vw;left:1vw;top:85.9vw;} #conversation_sle .level_slide .bx-controls .bx-pager-item{width:15vw;height:15vw;display:inline-block;} #conversation_sle .level_slide .bx-controls .bx-pager-item a{width:100%;height:100%;margin:0;} #conversation_sle .level_slide .bx-controls .bx-pager-item + .bx-pager-item{margin-left:4.5vw;} #conversation_sle .sec_level .btn{margin-top:37px;position:relative;} #conversation_sle .sec_level .btn a{width:51.4vw;height:12.8vw;font-size:0;text-indent:-9999px;position:absolute;left:24.3vw;bottom:0;} /* 실용영어 전용 속성 */ #practical .sec_level{padding:62px 0;} #practical .review_swiper .swiper-slide-active .box span{color:#0049de;} #practical .review_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0049de !important;} /* 실용영어 > 영어청취 전용 속성 */ #practical_listening .class_tab_slide .bx-controls .bx-pager-item{width:50%;} #practical_listening .class_tab_slide .tc_btn{position: absolute;left: 6%;width: 43.2%;height: 5.2%;font-size: 0;text-indent: -99999px;} #practical_listening .class_tab_slide .tc_btn1{top:34.2%;} #practical_listening .class_tab_slide .tc_btn2{top:40.9%;} /* 실용영어 > 비즈니스영어 전용 속성 */ #practical_business .sec_keyword{padding:62px 0;} #practical_business .sec_class_recomm{background:#262626;} /* 실용영어 > 올인원 전용 속성 */ #practical_allinone .sec_keyword{padding:62px 0;} /* 실용영어 > 영작 전용 속성 */ #practical_composition .sec_keyword{padding:62px 0;} #practical_composition .sec_class_recomm .youtube_box{top:41.6%;height:27.8%;} /* 실용영어 > 독해 전용 속성 */ #practical_reading .sec_keyword{padding:62px 0;} #practical_reading .sec_class_recomm .youtube_box{top:42%;} /* [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{overflow:hidden;} .gre .c_layer{height:calc(100% - 50px);} .gre .c_layer .layer_wrap{height:100%;} .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;} /* [G-TELP] */ .gtelp .lec_body_wrap .lec_content .w_cont{margin:0;} .gtelp .lec_body_wrap .lec_content .w_cont.fixed{padding-top:50px;} .gtelp .lec_body_wrap .lec_banner{background:url('/assets/m-user/images/gtelp/gtelp_bg1.jpg') no-repeat 0 0;background-size:cover;padding:60px 0;text-align:center;} .gtelp .lec_body_wrap .tabLayout{border-bottom:0;} .gtelp .lec_body_wrap p{padding:0;margin:0;} .gtelp .lec_body_wrap .title_gtelp img{width:73%;} .gtelp .lec_body_wrap .gtelp_top1{padding-top:32px;} .gtelp .lec_body_wrap .gtelp_top1 img{width:83%;} .gtelp .lec_body_wrap .gtelp_top2{padding-top:38px;} .gtelp .lec_body_wrap .gtelp_top2 img{width:87%;} .gtelp .lec_body_wrap .tabContainer img{width:100%;vertical-align:top;} .gtelp .tab2{background:url('/assets/m-user/images/gtelp/gtelp_bg_tab2.jpg') no-repeat 0 0;background-size:100% auto;} .gtelp .tab2 a{font-size:0;line-height:0;text-indent:-9999px;width:25%;height:7%;display:block;position:absolute;} .gtelp .tab2 div[class^=tc]{position:relative;} .gtelp .tab2 .tc1 .btn_tc{width:26.5%;top:22%;left:5%;} .gtelp .tab2 .tc2 .btn_tc{width:41.5%;top:19.7%;right:4%;} /* [듀오링고] */ #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%;} #wrap.duolingo .floating_kakao img{width:100%;} /* [라이트 클래스 개선] */ #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;} .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;} .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;} .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;}