@charset "utf-8"; .landing_contents .wrapper{width:1080px;margin:0 auto;position:relative;} .landing_contents .wrapper:after{content:'';display:block;clear:both;} /* 우측 플로팅 배너 */ .float_ban_right{margin:95px 0 0 550px;position:absolute;left:50%;top:0;overflow:hidden;z-index:503;} .float_ban_right.fixed{position:fixed;} .float_ban_right a{display:block;position:relative;} .float_ban_right a .icon{display:block;position:absolute;right:-4px;top:0;} .float_ban_right .float_btn_top{float:right;} .float_ban_right.type02{width:150px;margin-left:584px;box-shadow:0 2px 5px 1px rgba(0, 0, 0, 0.3);overflow:visible;} .float_ban_right .ver_event_hell{margin-left:-9px;} .float_ban_right.type02 .float_btn_top{height:30px;float:none;text-align:center;font-size:14px;line-height:30px;color:#fff;background-color:#444;} @media all and (max-width:1480px){ .float_ban_right a > img{display:none;} .float_ban_right a .icon{position:static;} .float_ban_right .float_btn_top > img{display:block;} .float_ban_right.type02{margin-left:0;left:auto;right:0;} .float_ban_right.type02 a > img{display:block;} .lectureContainer .float_ban_right a > img{display:block;} } /* 카톡핫라인 */ .c_layer .layer_wrap{display:none;z-index:1001;} .c_layer.ver_abs .layer_wrap.ly_kakao{position:absolute;width:600px;left:50%;} #kakao_detail_popup .layerpopupIn{width:600px;margin-left:-300px;} #kakao_detail_popup .layerpopupTop{padding:20px;background-color:#fff;} #kakao_detail_popup .layerpopupContainer, #kakao_detail_popup .layerpopupBottom{padding:0 20px;background-color:#fff;} #kakao_detail_popup .layerpopupBottom{padding-bottom:20px;} #kakao_detail_popup .layerpopupContainer .layerpopupContent, #kakao_detail_popup .layerpopupBottom .layerpopupBottomIn{background-color:#ffe300;} #kakao_detail_popup .layerpopupContainer .layerpopupContent{padding-top:20px;} #kakao_detail_popup .layerpopupTop .title{ margin:0;padding-bottom:10px ;border-bottom:1px solid;border-color:rgba(151,151,151,0.4);} .ly_kakao .ly_top{position:relative;background-color:#000;} .ly_kakao .ly_top h1{padding:20px 25px;color:#fff;font-size:24px;font-weight:normal;} .ly_kakao .ly_top button{position:absolute;right:15px;top:15px;width:30px;height:30px;padding:0;border:none;background:none;} .ly_kakao .ly_top button img{max-width:100%;} .ly_kakao .ly_cont{padding:30px 20px;background-color:#ffe300;} .ly_cont .tit{margin-bottom:20px;text-align:center;} .tb_kakao{height:250px;overflow-x:hidden;overflow-y:auto;} .tb_kakao table{width:100%;margin-bottom:10px;text-align:center;vertical-align:top;box-shadow:2px 2px 2px 0px #b5b5b5;border-spacing:0;} .tb_kakao table th{padding:10px 0;color:#fff;font-size:13px;font-weight:normal;letter-spacing:-1px;background-color:#4a3132;} .tb_kakao table th:nth-child(2n){background-color:#523738;} .tb_kakao table th span{color:#ffd701;} .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;} .tb_kakao table td:nth-child(2n){background-color:#fff;} /* 강의안내 상세 > 유의사항 */ .lectureNotice{background-color:#F8F8FF;} .lectureNoticeIn{padding:22px 30px 24px;} .lecNTitle{margin-bottom:32px;color:#000;font-size:22px;letter-spacing:-0.5px;border-bottom:1px solid #D7D7D7;position:relative;padding-bottom:22px;} .lecNTitle a{position:absolute;right:5px;color:#000;font-size:18px;} .lecNCon{line-height:24px;} .lecNCon p{margin:0;font-size:14px;} .mb30, .lecNCon p.mb30{margin-bottom:30px;} .lecNCon .black{font-size:16px;letter-spacing:-0.5px;} .lecNConPdf{text-align:right;margin-top:50px;letter-spacing:-0.5px;} .lecNConPdf a{display:inline-block;vertical-align:middle;background-color:#E4E7EE;color:#646A78;width:68px;height:30px;line-height:32px;text-align:center;margin-left:9px;} .lecNConPdf a span{font-size:17px;vertical-align:middle;} .lecNCon .stext{margin:10px 0;} /* [점수보장반 Cheat Key] */ .pop_kakao{right:calc(50% - 181px);} #score_guarantee_cheat{padding-top:60px;} #score_guarantee_cheat *{box-sizing:border-box;} #score_guarantee_cheat{position:relative;} #score_guarantee_cheat .lectureSubTab{background-color:rgba(15, 15, 15, 0.5);} #score_guarantee_cheat.fix-nav .lectureSubTab{position:fixed;top:101px;} #score_guarantee_cheat .lectureSubTab > ul{margin:0;padding-top:20px;} #score_guarantee_cheat .lectureSubTab > ul > li{opacity:1;} #score_guarantee_cheat .floating_nav{width:97px;position:fixed;left:calc(50% + 650px);bottom:85px;z-index:10;} #score_guarantee_cheat.bannerOff .floating_nav{bottom:30px;}/* 하단 고정배너 꺼졌을때 */ #score_guarantee_cheat.bannerOff #cheat_key_btm_banner{display:none;} #score_guarantee_cheat .floating_nav a{display:block;text-align:center;} #score_guarantee_cheat .floating_nav a + a{margin-top:10px;} #score_guarantee_cheat .floating_nav .floating_btn_review, #score_guarantee_cheat .floating_nav .floating_btn_kakaotalk, #score_guarantee_cheat .floating_nav .floating_btn_apply{-webkit-transition:all 0.1s;transition:all 0.1s;-webkit-transform:translate(0, 0) scale(1);transform:translate(0, 0) scale(1);} #score_guarantee_cheat .floating_nav .floating_btn_review:hover, #score_guarantee_cheat .floating_nav .floating_btn_kakaotalk:hover, #score_guarantee_cheat .floating_nav .floating_btn_apply:hover{-webkit-transform:translate(0, 4px) scale(0.97);transform:translate(0, 4px) scale(0.97);} #score_guarantee_cheat .floating_nav .floating_btn_apply{margin-top:10px;} #score_guarantee_cheat .floating_nav .floating_btn_top{margin-top:21px;} #cheat_key_btm_banner{width:100%;height:70px;background-color:#121212;position:fixed;bottom:0;left:0;z-index:1000;display:none;}/* 250610 hyj 수정 */ #score_guarantee_cheat #cheat_key_btm_banner .inner{width:1130px;margin:0 auto;position:relative;} #cheat_key_btm_banner .inner .btn{width:100%;height:100%;font-size:0;position:absolute;right:0;bottom:0;} #cheat_key_btm_banner .inner .close{width:22px;height:22px;font-size:0;background:url('/assets/user/images/lecture/2024_fw/cheat_key/btn_banner_close.png') no-repeat;position:absolute;right:0;bottom:100%;} #score_guarantee_cheat .campaign_popup{display:none;position:absolute;left:50%;transform:translate(-50%, -65%);z-index:1002;background:#fff;max-width:760px;width:auto;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:39px;height:39px;font-size:0;position:absolute;right:22px;top:13px;} #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{width:570px;min-height:440px;} #score_guarantee_cheat .pop_guide_cont .pop_tit{display:block;padding-left:30px;background:#e5303b;font-size:22px;font-weight:400;color:#fff;line-height:70px;} #score_guarantee_cheat .pop_guide_cont .pop_guide_list{padding:0 30px;} #score_guarantee_cheat .pop_guide_cont .pop_guide_list li{padding:11px 160px 11px 10px;font-size:18px;line-height:36px;color:#121212;letter-spacing:-.5px;position:relative;} #score_guarantee_cheat .pop_guide_cont .pop_guide_list li:before{content:'●';font-size:7px;color:#121212;position:absolute;left:0;top:9px;} #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:155px;height:36px;display:inline-block;background-color:#121212;text-align:center;font-size:13px;line-height:36px;color:#fff;position:absolute;right:2px;top:calc(50% - 18px);} #score_guarantee_cheat .pop_guide_cont .pop_guide_list li .btn_download span{font-size:22px;margin-left:5px;position:relative;top:5px;} #concept_cheat_key{} #concept_cheat_key h2, #concept_cheat_key h3, #concept_cheat_key h4{margin:0;text-align:center;} #concept_cheat_key .inner{width:1180px;margin:0 auto;position:relative;} #concept_cheat_key .inner:after{content:'';display:block;clear:both;} /* 점수보장반 Cheat Key 전과목 공통영역 */ #concept_cheat_key .top_visual{height:1460px;padding:122px 0 0;background:#1a1c1f url('/assets/user/images/lecture/2025_ss/cheat_key/top_visual_bg.jpg') 50% 0 no-repeat;} #concept_cheat_key .top_visual h2, #concept_cheat_key .top_visual h3, #concept_cheat_key .top_visual h4{text-align:left;} #concept_cheat_key .top_visual .inner{width:1216px;} #concept_cheat_key .top_visual .obj{width:1080px;margin:0 auto;} #concept_cheat_key .top_visual .enter_key{position:absolute;left:calc(50% + 154px);top:85px;} #concept_cheat_key .top_visual .enter_key_light{opacity:1;transform:scale(1);position:absolute;left:calc(50% - 64px);top:-119px;-webkit-animation:light 2s Infinite;animation:light 2s Infinite;} /* 250610 hyj 수정 */ #concept_cheat_key .top_visual .visual_tit{display:none;} #concept_cheat_key .top_visual .visual_hd{width:1080px;padding-top:360px;margin:0 auto;} #concept_cheat_key .top_visual .visual_benefit{width:1216px;margin:0 auto;text-align:center;} #concept_cheat_key .top_visual .benefit_links{} #concept_cheat_key .top_visual .benefit_links a{display:inline-block;width:271px;max-width:271px;height:131px;margin:0 3px;font-size:0;text-indent:-9999px;} #concept_cheat_key .top_visual .benefit_links a:nth-of-type(1){background:url('/assets/user/images/lecture/2025_ss/cheat_key/visual_benefit_img1.png') no-repeat 0 0 / 100%;} #concept_cheat_key .top_visual .benefit_links a:nth-of-type(2){background:url('/assets/user/images/lecture/2025_ss/cheat_key/visual_benefit_img2.png') no-repeat 0 0 / 100%;} #concept_cheat_key .top_visual .benefit_links a:nth-of-type(3){background:url('/assets/user/images/lecture/2025_ss/cheat_key/visual_benefit_img3.png') no-repeat 0 0 / 100%;} #concept_cheat_key .top_visual .benefit_links a:nth-of-type(3).typeTos{background-image:url('/assets/user/images/lecture/2025_ss/cheat_key/visual_benefit_img3-2.png');} #concept_cheat_key .top_visual .benefit_links a:nth-of-type(4){background:url('/assets/user/images/lecture/2025_ss/cheat_key/visual_benefit_img4.png') no-repeat 0 0 / 100%;} #concept_cheat_key .top_visual .type_managed a:nth-of-type(1){background:url('/assets/user/images/lecture/2025_ss/cheat_key/visual_benefit_img5.png') no-repeat 0 0 / 100%;} #concept_cheat_key .top_visual .type_managed a:nth-of-type(2){background:url('/assets/user/images/lecture/2025_ss/cheat_key/visual_benefit_img6.png') no-repeat 0 0 / 100%;} #concept_cheat_key .top_visual .type_managed a:nth-of-type(3){background:url('/assets/user/images/lecture/2025_ss/cheat_key/visual_benefit_img7.png') no-repeat 0 0 / 100%;} #concept_cheat_key .top_visual .type_managed a:nth-of-type(4){background:url('/assets/user/images/lecture/2025_ss/cheat_key/visual_benefit_img8.png') no-repeat 0 0 / 100%;} #concept_cheat_key .top_visual .benefit_links a.on{background-position-y:-131px;} #concept_cheat_key .top_visual .benefit_links .type_managed{position:relative;width:1216px;height:263px;padding-top:60px;margin-top:25px;background:url('/assets/user/images/lecture/2025_ss/cheat_key/visual_benefit_bg.gif') no-repeat 0 0 / 100%;box-shadow:0 0 30px 30px #1a1c1f} #concept_cheat_key .top_visual .benefit_links .type_managed:after{content:'';position:absolute;left:calc(50% - 27px);px;top:-55px;width:55px;height:55px;background:url('/assets/user/images/lecture/2025_ss/cheat_key/ico_plus.png') no-repeat 0 0 / 100%;pointer-events:none;} /* //250610 hyj 수정 */ #concept_cheat_key .fl_l_banner{position:absolute;left:calc(50% - 860px);top:173px;z-index:6;} #concept_cheat_key .fl_l_banner.fix{position:fixed;} #concept_cheat_key .fl_l_banner .label{position:absolute;left:26px;top:-10px;} #concept_cheat_key .fl_l_banner .close{width:40px;height:40px;font-size:0;text-indent:-9999px;background:url('/assets/user/images/lecture/2023_fw/cheat_key/tos/icon_close.png') no-repeat;position:absolute;right:-10px;top:-10px;} /* 점수보장반 Cheat Key 과목별 영역 */ #concept_cheat_key .cheat_tit{padding:106px 0 50px;background:url('/assets/user/images/lecture/2023_fw/cheat_key/icon_tit.png') 50% 0 no-repeat;} #concept_cheat_key .sec_review{position:relative;padding:100px 0 140px;border-bottom:1px solid #121212;background-color:#fff;z-index:2;}/* 250610 hyj 수정 */ #concept_cheat_key .sec_review .btn_box{margin-top:60px;text-align:center;} #concept_cheat_key .sec_review .btn_review_detail{width:378px;height:61px;display:inline-block;text-align:center;vertical-align:middle;font-size:25px;line-height:61px;font-weight:700;color:#fff;background-color:#121212;} #concept_cheat_key .sec_review .btn_review_detail .icon{font-size:22px;color:#fff;vertical-align:middle;position:relative;top:-1px;} #concept_cheat_key .sequential_img, #concept_cheat_key .sequential_img li{position:relative;} #concept_cheat_key .sequential_img li + li{position:absolute;left:0;top:0;} #concept_cheat_key .review_items{overflow:hidden;} #concept_cheat_key .review_items .swiper-wrapper{transition-timing-function:linear;} #concept_cheat_key .review_items ul{font-size:0;} #concept_cheat_key .review_items li{width:442px;margin-left:20px;display:inline-block;vertical-align:top;} #concept_cheat_key .review_items li .wrap{display:block;background-color:#fff;border:5px solid #e5303b;position:relative;cursor:pointer;} #concept_cheat_key .review_items .review_head{height:136px;padding:20px 10px 0 144px;border-bottom:1px solid #2d2d2d;position:relative;} /* 241113 syh 수정 */ #concept_cheat_key .review_items .review_head .obj{position:absolute;left:0;bottom:0;} #concept_cheat_key .review_items .review_head .sbj strong{height:63px;margin-bottom:4px;display:block;font-size:26px;line-height:1.2;font-weight:700;color:#e5303b;} /* 241113 syh 수정 */ #concept_cheat_key .review_items .review_head .sbj span{font-size:13px;color:#121212;} #concept_cheat_key .review_items .review_body{padding:25px 15px 25px 25px;font-size:16px;line-height:1.6;font-weight:400;color:#2d2d2d;} #concept_cheat_key .review_items .review_body .scroll_y_box{height:154px;overflow-x:hidden;overflow-y:auto;} #concept_cheat_key .review_items .review_body .scroll_y_box::-webkit-scrollbar{width:12px;background-color:#fff;} #concept_cheat_key .review_items .review_body .scroll_y_box::-webkit-scrollbar-thumb{background-color:#f4f4f4;border-radius:5px;border-radius:20px;} #concept_cheat_key .review_items .review_body .scroll_y_box:hover::-webkit-scrollbar-thumb{background-color:#ccc;} #concept_cheat_key .review_items .review_foot{padding:20px 25px 15px;display:flex;justify-content:space-between;align-content:center;align-items:center;background-color:#e5303b;} #concept_cheat_key .review_items .course_name{color:#fff;letter-spacing:-1px;} #concept_cheat_key .review_items .course_name span{font-size:16px;font-weight:300;} #concept_cheat_key .review_items .course_name p{margin:0;font-size:34px;font-weight:700;} #concept_cheat_key .review_items .teachers{display:flex;align-content:center;align-items:center;} #concept_cheat_key .review_items .names, #concept_cheat_key .review_items .thumbs{} #concept_cheat_key .review_items .names a{font-size:13px;line-height:1;color:#fff;border-bottom:1px solid #ec646c;display:block;} #concept_cheat_key .review_items .names a + a{margin-top:5px;} #concept_cheat_key .review_items .thumbs{margin-left:6px;display:flex;flex-wrap:nowrap;} #concept_cheat_key .review_items .thumbs a{width:82px;height:82px;display:inline-block;border:2px solid #e5303b;border-radius:50%;overflow:hidden;} #concept_cheat_key .review_items .thumbs a:nth-of-type(1){z-index:1;} #concept_cheat_key .review_items .thumbs a + a{margin-left:-19px;} #concept_cheat_key .sec_managed_guide{padding:125px 0 160px;background-color:#fff;} #concept_cheat_key .sec_managed_guide .cheat_tit{margin-bottom:45px;} #concept_cheat_key .sec_managed_guide .managed_guide_cont{width:922px;margin:0 auto;} #concept_cheat_key .sec_managed_guide .btn_box{margin-top:20px;} #concept_cheat_key .sec_managed_guide .btn_box .btn_apply{width:100%;height:96px;display:inline-block;text-align:center;vertical-align:middle;font-size:25px;line-height:96px;font-weight:700;color:#fff;background-color:#121212;} #concept_cheat_key .managed_guide_cont{width:1080px;margin:0 auto;opacity:1;position:relative;} #concept_cheat_key .managed_guide_cont li{position:absolute;left:0;top:0;opacity:0;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;-webkit-transform:translate(-150px, 0);transform:translate(-150px, 0);} #concept_cheat_key .managed_guide_cont li:nth-of-type(1){position:relative;} #concept_cheat_key .managed_guide_cont li:nth-of-type(2){-webkit-transform:translate(150px, 0);transform:translate(150px, 0);} #concept_cheat_key .managed_guide_cont li:nth-of-type(3){-webkit-transform:translate(0, 150px);transform:translate(0, 150px);} #concept_cheat_key .managed_guide_cont.action li{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);} #concept_cheat_key .managed_guide_cont.action li:nth-of-type(2){transition-delay:0.3s;} #concept_cheat_key .managed_guide_cont.action li:nth-of-type(3){transition-delay:0.6s;} #concept_cheat_key .sec_my_type{padding:155px 0 180px;background-color:#f4f4f4;} #concept_cheat_key .sec_my_type .cheat_tit{margin-bottom:30px;} #concept_cheat_key .sec_my_type .my_type_tab{margin-bottom:42px;text-align:center;font-size:0;} #concept_cheat_key .sec_my_type .my_type_tab a{height:31px;padding:0 32px;display:inline-block;vertical-align:top;font-size:0;overflow:hidden;} #concept_cheat_key .sec_my_type .my_type_tab a + a{border-left:1px solid #2d2d2d;} #concept_cheat_key .sec_my_type .my_type_tab a.on img{margin-top:-31px;} #concept_cheat_key .sec_my_type .my_type_cont{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:86px;display:flex;justify-content:center;align-content:center;align-items:center;text-align:center;font-size:24px;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{height:472px;position:relative;background-color:#fff;border:1px solid #121212;display:none;} #concept_cheat_key .benefit_tab_item .nav a{position:absolute;top:calc(50% - 18px);} #concept_cheat_key .benefit_tab_item .nav a span{font-size:36px;color:#000;} #concept_cheat_key .benefit_tab_item .nav a:hover span{color:#e5303b;} #concept_cheat_key .benefit_tab_item .nav a.prev{left:10px;} #concept_cheat_key .benefit_tab_item .nav a.next{right:10px;} #concept_cheat_key .benefit_tab_item .paging{width:100%;text-align:center;position:absolute;} #concept_cheat_key .benefit_tab_item .paging span{width:11px;height:11px;border-radius:50%;border:1px solid #000;background-color:#fff;opacity:1;} #concept_cheat_key .benefit_tab_item .paging span.swiper-pagination-bullet-active{background-color:#000;} /* 체크 - 토익 전용 학인 필요 */ #concept_cheat_key .add_data_benefit{height:470px;padding:0 40px 0 96px;display:flex;align-items:center;} #concept_cheat_key .add_data_benefit .s_tit{width:530px;} #concept_cheat_key .add_swiper_wrap{width:447px;margin:0 auto;position:relative;} #concept_cheat_key .add_swiper{border:1px solid #000;overflow:hidden;} #concept_cheat_key .add_swiper_wrap .nav a.prev{left:-40px;} #concept_cheat_key .add_swiper_wrap .nav a.next{right:-40px;} #concept_cheat_key .add_swiper_wrap .paging{top:calc(100% + 11px);} #concept_cheat_key .study_space_benefit{height:470px;padding:0 40px 0 96px;display:flex;align-items:center;} #concept_cheat_key .study_space_benefit .s_tit{width:530px;} #concept_cheat_key .study_space_swiper_wrap{width:447px;margin:0 auto;position:relative;} #concept_cheat_key .study_space_swiper{border:1px solid #000;overflow:hidden;} #concept_cheat_key .study_space_swiper_wrap .nav a.prev{left:-40px;} #concept_cheat_key .study_space_swiper_wrap .nav a.next{right:-40px;} #concept_cheat_key .study_space_swiper_wrap .paging{top:calc(100% + 11px);} #concept_cheat_key .sec_teacher{padding:105px 0 80px;} @-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); } } #concept_cheat_key .benefit_ai{padding:40px 0 63px;text-align:center;} #concept_cheat_key .benefit_ai .summary{margin-bottom:30px;display:inline-block;position:relative;} #concept_cheat_key .benefit_ai .summary a{width:320px;height:56px;font-size:0;text-indent:-9999px;position:absolute;right:0;top:1px;} #concept_cheat_key .ai_swiper_wrap{position:relative;} #concept_cheat_key .ai_swiper{width:800px;margin:0 auto;border:1px solid #000;overflow:hidden;} #concept_cheat_key .ai_swiper_wrap .nav a.prev{left:96px;} #concept_cheat_key .ai_swiper_wrap .nav a.next{right:96px;} #concept_cheat_key .ai_swiper_wrap .paging{top:calc(100% + 12px);} #concept_cheat_key .basic_class_benefit{display:flex;} #concept_cheat_key .basic_class_benefit .basic_class_box{height:470px;flex:1;text-align:center;} #concept_cheat_key .basic_class_benefit .basic_class_box + .basic_class_box{border-left:1px solid #121212;} #concept_cheat_key .basic_class_benefit .s_tit{padding:52px 0 0;font-size:24px;line-height:1.5;color:#2d2d2d;} #concept_cheat_key .basic_class_benefit .s_tit span{font-weight:600;} #concept_cheat_key .basic_class_benefit .s_tit span em{color:#e5303b;} #concept_cheat_key .basic_class_swiper{height:310px;overflow:hidden;border-radius:28px 28px 0 0;} #concept_cheat_key .phone_obj_box{width:436px;height:370px;padding:60px 99px 0;margin:-24px auto 0;background:url('/assets/user/images/lecture/2023_fw/cheat_key/obj_phone.png') no-repeat;position:relative;} #concept_cheat_key .phone_obj_box .nav a{top:calc(50% + 12px);} #concept_cheat_key .phone_obj_box .nav a.prev{left:10px;} #concept_cheat_key .phone_obj_box .nav a.next{right:10px;} #concept_cheat_key .phone_obj_box .paging{bottom:21px;z-index:2;} #concept_cheat_key .special_class_swiper{height:100%;border-radius:27px 27px 0 0;overflow:hidden;} #concept_cheat_key .special_class_benefit{display:flex;} #concept_cheat_key .special_class_benefit .special_class_box{height:470px;flex:1;text-align:center;} #concept_cheat_key .special_class_benefit .special_class_box + .special_class_box{border-left:1px solid #121212;} #concept_cheat_key .special_class_benefit .s_tit{padding:52px 0 0;font-size:24px;line-height:1.5;color:#2d2d2d;} #concept_cheat_key .special_class_benefit .s_tit span{font-weight:600;} #concept_cheat_key .special_class_benefit .s_tit span em{color:#e5303b;} #concept_cheat_key .special_swiper_wrap{width:447px;margin:30px auto 0;position:relative;} #concept_cheat_key .special_swiper{border:1px solid #000;overflow:hidden;} #concept_cheat_key .special_swiper_wrap .nav a.prev{left:-40px;} #concept_cheat_key .special_swiper_wrap .nav a.next{right:-40px;} #concept_cheat_key .special_swiper_wrap .paging{top:calc(100% + 11px);} #concept_cheat_key .btn_refund_standard{width:316px;height:56px;font-size:0;text-indent:-9999px;position:absolute;left:95px;bottom:94px;} /* [점수보장반 Cheat Key JLPT] 241128 syh 수정 */ #concept_cheat_key .jlpt .ly_review_detail .ly_review_txt{letter-spacing:-1px;} #concept_cheat_key .jlpt .special_class_benefit .s_tit p{margin:0;color:#999;font-size:13px;} #concept_cheat_key .jlpt .special_swiper_wrap{margin-top:20px;} #concept_cheat_key .jlpt .special_class_box + .special_class_box .special_swiper_wrap{margin-top:40px;} /* [점수보장반 Cheat Key HSK] 241126 syh 수정 */ #concept_cheat_key .hsk .special_class_benefit .s_tit p{margin:0;color:#999;font-size:13px;} #concept_cheat_key .hsk .special_swiper_wrap{margin-top:20px;} #concept_cheat_key .hsk .special_class_box + .special_class_box .special_swiper_wrap{margin-top:40px;} /* [점수보장반 Cheat Key TOEFL] 241113 syh 수정 */ #concept_cheat_key .toefl .special_class_box{padding-right:100px;display:flex;align-items:center;} #concept_cheat_key .toefl .special_class_box .s_tit{width:567px;padding:0;} /* [점수보장반 Cheat Key TEPS] 241125 syh 수정 */ #concept_cheat_key .teps .basic_class_box + .basic_class_box .s_tit{padding-top:23px;line-height:1.4;} #concept_cheat_key .teps .special_class_box{padding:0 50px;display:flex;align-items:center;} #concept_cheat_key .teps .special_class_box .s_tit{width:567px;padding:0;text-align:left;} #concept_cheat_key .teps .special_class_box .s_tit ul{margin:15px 0;} #concept_cheat_key .teps .special_class_box .s_tit li{padding-left:26px;font-weight:600;position:relative;} #concept_cheat_key .teps .special_class_box .s_tit li + li{margin-top:5px;} #concept_cheat_key .teps .special_class_box .s_tit li:before{content:'';width:22px;height:16px;background:url('/assets/user/images/lecture/2023_fw/cheat_key/teps/icon_bullet.png') no-repeat;position:absolute;left:0;top:8px;} #concept_cheat_key .teps .special_class_box .s_tit li em{color:#e5303b;} #concept_cheat_key .teps .special_swiper_wrap{margin-top:0;} /* [점수보장반 Cheat Key TOS] 241121 km 수정 */ #concept_cheat_key .tos .review_items .review_head{padding:20px 0 0 144px;} #concept_cheat_key .tos .basic_class_benefit .basic_class_box .s_tit{height:124px;padding-top:35px;line-height:1.2;} /* [점수보장반 Cheat Key IELTS] 241122 syh 수정 */ #concept_cheat_key .ielts .special_class_box{padding-right:100px;display:flex;align-items:center;} #concept_cheat_key .ielts .special_class_box .s_tit{width:567px;padding:0;} #concept_cheat_key .ielts .special_swiper_wrap{margin-top:0;} /* [점수보장반 Cheat Key OPIC] 241121 syh 수정 */ #concept_cheat_key .opic .basic_class_benefit .s_tit{padding-top:30px;} #concept_cheat_key .opic .phone_obj_box{margin-top:-38px;} /* [딜리버리 라이브] */ #concept_Delivery{min-width:1150px;margin-bottom:148px;position:relative;} #concept_Delivery *{box-sizing:border-box;} #concept_Delivery h3, #concept_Delivery h4{margin:0;text-align:center;} #concept_Delivery .inner{width:1150px;margin:0 auto;position:relative;} #concept_Delivery .inner:after{content:'';display:block;clear:both;} #concept_Delivery .sec_topVisual{width:100%;height:1445px;padding:195px 0;background:#f2f2f2 url('/assets/user/images/lecture/2022_fw/toeic_live/sec_topVisual_bg.jpg') 50% 60px no-repeat;overflow:hidden;opacity:1;} #concept_Delivery .sec_topVisual .summary{margin:0 0 30px 134px;opacity:0;} #concept_Delivery .sec_topVisual .tit{margin:0 0 66px 76px;text-align:left;opacity:0;} #concept_Delivery .sec_topVisual .keyword{width:548px;margin:0 0 0 136px;position:relative;opacity:1;} #concept_Delivery .sec_topVisual .keyword span{opacity:0;position:absolute;left:0;top:0;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transform:translate(-200px, 0);transform:translate(-200px, 0);} #concept_Delivery .sec_topVisual .keyword span + span{-webkit-transition-delay:0.2s;transition-delay:0.25s;-webkit-transform:translate(200px, 0);transform:translate(200px, 0);} #concept_Delivery .sec_topVisual .keyword.action span{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);} #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 #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:520px;height:600px;margin:-250px 0 0 -260px;position:fixed;left:50%;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{-webkit-transform:rotate(45deg);transform:rotate(45deg);} #concept_Delivery #layer_original_video .btn_layer_close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} #concept_Delivery #layer_original_video .btn_layer_close:hover:before{-webkit-transform:rotate(225deg);transform:rotate(225deg);} #concept_Delivery #layer_original_video .btn_layer_close:hover:after{-webkit-transform:rotate(135deg);transform:rotate(135deg);} #concept_Delivery .sec_intro{padding:110px 0 130px;background:#f2f2f2 url('/assets/user/images/lecture/2022_fw/toeic_live/sec_intro_bg.png') 50% 0 no-repeat;opacity:1;} #concept_Delivery .sec_intro .inner{width:900px;} #concept_Delivery .cont_intro:after{content:'';width:100%;height:1px;position:absolute;left:0;bottom:0;box-shadow:0 5px 5px 1px rgba(0, 0, 0, 0.05);} #concept_Delivery .cont_intro, #concept_Delivery .cont_add_benefit{position:relative;} #concept_Delivery .cont_add_benefit{height:799px;margin-top:155px;box-shadow:0 5px 5px 1px rgba(0, 0, 0, 0.05);} #concept_Delivery .cont_add_benefit:before{content:'';width:108px;height:128px;margin-left:-54px;background:url('/assets/user/images/lecture/2022_fw/toeic_live/icon_plus.png') no-repeat;position:absolute;left:50%;top:-139px;-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:145px;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:100px;} #concept_Delivery .cont_add_benefit .tab_contents .gif_label{position:absolute;left:301px;top:569px;} #concept_Delivery .sec_lineup{padding:170px 0 100px;background:#cc1719;background:linear-gradient(-38deg, #c31618 50%, #cc1719 50%);;position:relative;overflow:hidden;} #concept_Delivery .sec_lineup:before{content:'';width:100%;height:20px;background:url('/assets/user/images/lecture/2022_fw/toeic_live/sec_lineup_top_bg.png') repeat-x;position:absolute;left:0;top:0;} #concept_Delivery .sec_lineup .tit{margin-bottom:75px;} #concept_Delivery .lineup_items{perspective:1100px;} #concept_Delivery .lineup_items ul{margin:0 -19px;text-align:center;font-size:0;} #concept_Delivery .lineup_items li{width:296px;margin:0 0 78px;display:inline-block;vertical-align:top;text-align:center;} #concept_Delivery .lineup_items li .wrap{width:100%;height:100%;display:block;perspective:800px;} #concept_Delivery .lineup_items li .info{margin-top:35px;-webkit-transition:all 0.4s;transition:all 0.4s;} #concept_Delivery .lineup_items .card_wrap{width:260px;height:300px;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:64px;height:64px;background:url('/assets/user/images/lecture/2022_fw/toeic_live/icon_play.png') no-repeat;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:18px;position:absolute;left:0;top:0;backface-visibility:hidden;} #concept_Delivery .lineup_items .card_wrap .vod{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);} #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 .info{transform:translate(0, -10px);} #concept_Delivery .sec_review{padding:145px 0;background:#f2f2f2 url('/assets/user/images/lecture/2022_fw/toeic_live/sec_review_bg.png') 50% 0 no-repeat;position:relative;} #concept_Delivery .sec_review .top_label{width:323px;height:239px;margin-left:-162px;background:url('/assets/user/images/lecture/2022_fw/toeic_live/sec_review_icon.png') no-repeat;position:absolute;left:50%;top:-48px;} #concept_Delivery .sec_review .tit{margin-bottom:72px;} #concept_Delivery .sec_review .cont_review{height:1192px;position:relative;} #concept_Delivery .cont_review li{position:absolute;} #concept_Delivery .cont_review li:nth-child(1){left:77px;top:0;} #concept_Delivery .cont_review li:nth-child(2){left:580px;top:57px;} #concept_Delivery .cont_review li:nth-child(3){left:14px;top:430px;} #concept_Delivery .cont_review li:nth-child(4){left:541px;top:506px;} #concept_Delivery .cont_review li:nth-child(5){left:205px;top:828px;} #concept_Delivery .sec_brand{padding:148px 0 628px;text-align:center;background:#fff url('/assets/user/images/lecture/2022_fw/toeic_live/sec_brand_bg.jpg') 50% 100% no-repeat;} #concept_Delivery .sec_brand .tit{margin-bottom:68px;} #concept_Delivery .sec_brand .summary{margin-bottom:56px;} #concept_Delivery .sec_brand .btn_type_delivery span, #concept_Delivery .sec_brand .btn_type_delivery span:after{background-color:#d71120;position:absolute;left:102%;} #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:50px;height:6px;margin-left:-50px;border-radius:6px;bottom:16px;} #concept_Delivery .btn_type_delivery span:nth-child(1):after{content:'';width:9px;height:100%;margin-left:1px;border-radius:6px;} #concept_Delivery .btn_type_delivery span:nth-child(2){width:100px;height:10px;margin-left:-75px;border-radius:10px;bottom:0;} #concept_Delivery .btn_type_delivery span:nth-child(3){width:60px;height:7px;margin-left:-25px;border-radius:7px;bottom:33px;} #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 .sec_others{padding:170px 0 140px;background:#fafafa url('/assets/user/images/lecture/2022_fw/toeic_live/sec_others_bg.png') 0 100% repeat-x;} #concept_Delivery .sec_others .tit{margin-bottom:54px;} #concept_Delivery .sec_others .cont_others{width:773px;margin:0 auto;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:208px;} #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:227px;height:227px;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:22px;} #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:275px;} #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:525px;} #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:17px;} #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:278px;} #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:538px;} #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);} @keyframes tongtong{ 50%{transform:scaleY(0.9) translate(0, 20px);} 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(15px, 0);transform:translate(15px, 0);} 70%{opacity:1;-webkit-transform:translate(15px, 0);transform:translate(15px, 0);} 100%{opacity:0;-webkit-transform:translate(15px, 0);transform:translate(15px, 0);} } /* [온라인클래스] */ #wrap.onlineClass{padding:60px 0 0;} #wrap.onlineClass *{box-sizing:border-box;} .onlineClass p, .onlineClass h3, .onlineClass h4{margin:0;} .onlineClass .inner{width:1080px;margin:0 auto;position:relative;} .onlineClass .inner:after{content:'';display:block;clear:both;} .onlineClass .top_visual{padding:0 0 184px;background:#0d2199 url('/assets/user/images/online_class/top_visual_bg.jpg') 50% 0 no-repeat;overflow:hidden;position:relative;} .onlineClass .top_visual .obj_city{margin-left:-573px;position:absolute;left:50%;bottom:0;} .onlineClass .top_visual .hd{padding:62px 0 35px;text-align:center;opacity:1;perspective:1600px;} .onlineClass .top_visual .hd .s_tit{margin-bottom:25px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;opacity:0;-webkit-transform:translate(400px, 0);transform:translate(400px, 0);} .onlineClass .top_visual .hd .tit{opacity:0;-webkit-transition:all 0.8s ease-in;transition:all 0.8s ease-in;-webkit-transform:translate3d(0,300px,-3400px);transform:translate3d(0,300px,-3400px);} .onlineClass .top_visual .hd .summary{margin-top:-14px;} .onlineClass .top_visual .hd.action .s_tit{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);} .onlineClass .top_visual .hd.action .tit{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .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{margin:0 -15px;text-align:center;font-size:0;} .onlineClass .top_visual .obj_items li{width:33.33%;padding:15px 0;display:inline-block;vertical-align:top;opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-transform:translate(-300px, 0) rotate(-180deg);transform:translate(-300px, 0) rotate(-180deg);} .onlineClass .top_visual .obj_items li:nth-child(2){transition-delay:0.2s;} .onlineClass .top_visual .obj_items li:nth-child(3){transition-delay:0.4s;} .onlineClass .top_visual .obj_items li:nth-child(4){transition-delay:0.6s;} .onlineClass .top_visual .obj_items li:nth-child(5){transition-delay:0.8s;} .onlineClass .top_visual .obj_items .box{width:340px;margin:0 auto;overflow:hidden;border-radius:181px;cursor:pointer;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;} .onlineClass .top_visual .obj_items .over_txt:after{content:'';width:25px;height:30px;margin-left:-13px;background:url('/assets/user/images/online_class/icon_pin.png') no-repeat;position:absolute;left:50%;top:10px;opacity:0;transition-delay:0.2s;} .onlineClass .top_visual .obj_items .over_txt img{margin:-42px 0 0 -96px;position:absolute;left:50%;top:50%;transform:scale(0);} .onlineClass .top_visual .obj_items.action li{opacity:1;-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg);} .onlineClass .top_visual .obj_items .box:hover > img, .onlineClass .top_visual .obj_items .on .box > img{transform:scale(1.1);} .onlineClass .top_visual .obj_items .box:hover .over_txt, .onlineClass .top_visual .obj_items .on .box .over_txt{opacity:1;} .onlineClass .top_visual .obj_items .box:hover .over_txt:after, .onlineClass .top_visual .obj_items .on .box .over_txt:after{top:37px;opacity:1;} .onlineClass .top_visual .obj_items .box:hover .over_txt img, .onlineClass .top_visual .obj_items .on .box .over_txt img{transform:scale(1);} .onlineClass .cont_about{padding:102px 0 115px;text-align:center;position:relative;background-color:#efeff2;} .onlineClass .cont_about:before{content:'';width:184px;height:139px;margin-left:-81px;background:url('/assets/user/images/online_class/obj_about.png') no-repeat;position:absolute;left:50%;top:-85px;} .onlineClass .cont_about .tit{margin-bottom:65px;} .onlineClass .cont_about .tit div:nth-child(2){margin-top:29px;} .onlineClass .cont_about .stit{margin-bottom:54px;} .onlineClass .cont_about .about_items{} .onlineClass .cont_about .about_items ul:after{content:'';display:block;clear:both;} .onlineClass .cont_about .about_items li{float:left;position:relative;} .onlineClass .cont_about .about_items li + li{float:right;} .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{height:719px;padding:125px 0 0;background:url('/assets/user/images/online_class/cont_vod_top_bg.jpg') no-repeat;} .onlineClass .cont_vod .cont_vod_top .hd{margin-bottom:85px;} .onlineClass .cont_vod .cont_vod_top .btn_lec_view{text-align:center;} .onlineClass .cont_vod .cont_vod_contents{padding:117px 0 145px;background-color:#0722c6;} .onlineClass .cont_vod .cont_vod_contents .tit{margin-bottom:50px;text-align:center;position:relative;} .onlineClass .cont_vod .cont_vod_contents .tit:after{content:'';width:158px;height:127px;margin-left:286px;background:url('/assets/user/images/online_class/cont_vod_contents_obj.png') no-repeat;position:absolute;left:50%;top:30px;} .onlineClass .cont_vod .videoTab{width:100%;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:28px;} .onlineClass .cont_vod .videoTab a{width:100%;height:133px;padding-top:42px;display:block;text-align:center;font-size:50px;line-height:1.1;font-weight:600;color:#3e4990;background-color:#0a1767;} .onlineClass .cont_vod .videoTab a span{display:block;font-size:20px;} .onlineClass .cont_vod .videoTab a.on{color:#fff;background-color:#cf1c17;} .onlineClass .cont_vod .videoTabCont{padding:65px 104px 70px;background-color:#001595;} .onlineClass .cont_vod .videoCont{height:490px;} .onlineClass .cont_vod .videoCont iframe{width:100%;height:100%;} .onlineClass .cont_vod .sampleVideoWrap{padding:25px 0 0;} .onlineClass .cont_vod .sampleVideoItems .cont{color:#dfdfdf;} .onlineClass .cont_vod .sampleVideoItems .bx-controls-direction a{font-size:0;line-height:0;text-indent:-9999px;width:36px;height:36px;position:absolute;bottom:96px;border:1px solid #fff;border-width:0 0 2px 2px;transform:rotate(45deg);} .onlineClass .cont_vod .sampleVideoItems .bx-controls-direction a.bx-prev{left:-58px;} .onlineClass .cont_vod .sampleVideoItems .bx-controls-direction a.bx-next{border-width:2px 2px 0 0;right:-58px;} .onlineClass .cont_vod .sampleVideoItems .bx-pager{display:none;} .onlineClass .cont_vod .sampleVideo{display:none;} .onlineClass .cont_review{padding:140px 0;background-color:#efeff2;} .onlineClass .cont_review .tit{margin-bottom:20px;text-align:center;} .onlineClass .cont_review .review_items{padding:60px 0 60px;overflow:hidden;position:relative;} .onlineClass .cont_review .review_items li{width:650px;} .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{height:415px;padding:25px 0 0;text-align:center;background-color:#e0e0e0;position:relative;} .onlineClass .cont_review .review_items .review_label{width:107px;height:107px;display:flex;justify-content:center;align-items:center;font-size:22px;line-height:1.1;font-weight:600;color:#fff;background:url('/assets/user/images/online_class/review_label_bg.png') no-repeat;position:absolute;top:-33px;right:-43px;filter:grayscale(1);} .onlineClass .cont_review .review_items .icon{height:95px;margin-bottom:13px;filter:grayscale(1);} .onlineClass .cont_review .review_items .icon, .onlineClass .cont_review .review_items .icon img{vertical-align:bottom;} .onlineClass .cont_review .review_items .sbj{margin-bottom:15px;font-size:25px;font-weight:600;color:#717171;} .onlineClass .cont_review .review_items .desc{margin-bottom:18px;font-size:18px;line-height:1.5;color:#717171;} .onlineClass .cont_review .review_items .user{font-size:15px;font-weight:600;color:#000;} .onlineClass .cont_review .review_items .swiper-slide-active .wrap{background-color:#fff;box-shadow:0 0 40px 12px 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:79px;height:78px;margin-top:-39px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;position:absolute;left:50%;top:50%;z-index:2;} .onlineClass .cont_review .nav .prev{margin-left:-443px;background-image:url('/assets/user/images/online_class/nav_prev.png');} .onlineClass .cont_review .nav .next{margin-left:364px;background-image:url('/assets/user/images/online_class/nav_next.png');} .onlineClass .cont_review .btn_review{text-align:center;} .onlineClass .cont_lineup{padding:125px 0 105px;background-color:#181818;} .onlineClass .cont_lineup .tit{margin-bottom:62px;text-align:center;} .onlineClass .tc_lineup_items{margin-bottom:37px;overflow:hidden;} .onlineClass .tc_lineup_items ul{margin:0 auto;position:relative;} .onlineClass .tc_lineup_items li{width:862px;height:453px;padding:13px;position:relative;} .onlineClass .tc_lineup_items li:after{content:'';position:absolute;left:13px;top:13px;right:13px;bottom:13px;background-color:#a1a1a1;opacity:0.5;} .onlineClass .tc_lineup_items li .cover{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border:13px solid #2b2b2b;border-radius:50px;z-index:1;opacity:0;} .onlineClass .tc_lineup_items li .cover:before{content:'';width:32px;height:20px;background:url('/assets/user/images/online_class/icon_menu.png') no-repeat;position:absolute;top:26px;right:47px;} .onlineClass .tc_lineup_items li .cover, .onlineClass .tc_lineup_items li img{box-shadow:2px 2px 30px 5px rgba(0, 0, 0, 0.6);} .onlineClass .tc_lineup_items li img{filter:grayscale(1);} .onlineClass .tc_lineup_items .pagination{position:absolute;left:72px;top:40px;} .onlineClass .tc_lineup_items .pagination span{width:6px;height:6px;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:7px;} .onlineClass .tc_lineup_items li.swiper-slide-active img{filter:grayscale(0);} .onlineClass .tc_lineup_items li.swiper-slide-active .cover{opacity:1;} .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;border-radius:30px;} .onlineClass .tc_lineup_items .nav button{width:79px;height:78px;margin-top:-39px;display:inline-block;font-size:0;text-indent:-9999px;background-repeat:no-repeat;position:absolute;left:50%;top:50%;z-index:2;opacity:0.6;} .onlineClass .tc_lineup_items .nav .prev{margin-left:-540px;background-image:url('/assets/user/images/online_class/nav_prev.png');} .onlineClass .tc_lineup_items .nav .next{margin-left:462px;background-image:url('/assets/user/images/online_class/nav_next.png');} .onlineClass .tc_lineup_items .link a{width:250px;height:54px;font-size:0;text-indent:-9999px;position:absolute;left:251px;bottom:52px;z-index:2;} .onlineClass .tc_lineup_items .link a:nth-child(2){left:538px;} .onlineClass .tc_lineup_items .link.number_1 a{left:382px;bottom:52px;} .onlineClass .tc_lineup_items li img{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;} .onlineClass .tc_lineup_items li .cover{-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:760px;margin:0 auto;text-align:center;font-size:0;} .onlineClass .cont_lineup .tc_lineup_tab a{height:30px;margin:7px 14px;padding:0 1px;display:inline-block;font-size:22px;line-height:28px;font-weight:300;color:#e8e8e8;} .onlineClass .cont_lineup .tc_lineup_tab a.on{font-size:26px;font-weight:600;color:#fd0012;border-bottom:2px solid #fd0012;} .tab_guide_noti{width:278px;height:60px;margin:12px auto 0;padding-top:23px;display:block;text-align:center;font-size:20px;color:#fff;background:url('/assets/user/images/online_class/tab_guide_bg.png') no-repeat;} .onlineClass .cont_pr{padding:140px 0 170px;background-color:#001595;position:relative;} .onlineClass .cont_pr:before{content:'';width:244px;height:216px;margin-left:320px;background:url('/assets/user/images/online_class/cont_pr_obj.jpg') no-repeat;position:absolute;left:50%;top:155px;} .onlineClass .cont_pr .tit{margin-bottom:70px;text-align:left;} .onlineClass .cont_pr .btn_class_view{text-align:center;} .onlineClass .cont_pr .btn_class_view a{margin:0 10px;} .sampleVideoWrap{padding:50px 0 0;position:relative;} .sampleVideoWrap .tit{text-align:left;width:873px;margin:0 auto 20px;} .sampleVideoWrap .tit strong{display:block;font-size:40px;color:#fff;} .sampleVideoWrap .tit p{margin:5px 0;font-size:18px;line-height:26px;color:#b0bad8;} .sampleVideoItems{width:873px;margin:0 auto;} .sampleVideoItems li{width:284px;} .sampleVideoItems .thumbImg{width:100%;} .sampleVideoItems .thumbImg img{width:100%;height:160px;object-fit:cover;} .sampleVideoItems .cont{padding:13px 0 0;text-align:left;font-size:16px;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;} /* [영어회화&실용영어] */ .lectureSubTab.eng > ul{display:table;width:1080px;margin:0 auto;table-layout:fixed;} .lectureSubTab.eng > ul > li{display:table-cell;height:78px;line-height:78px;padding:0;} .lectureSubTab.eng > ul > li.on a:before{margin-top:58px;} #wrap.english{} #wrap.english .longdesc{position:fixed;left:-9999px;top:-9999px;opacity:0;} .english .inner{width:1080px;margin:0 auto;position:relative;} .english .tit{margin:0;text-align:center;} .english .float_banner{position:absolute;right:5%;top:4%;z-index:51;} .english .float_banner.fixed{position:fixed;top:45%;} .english .float_banner .float_btn_close{position:absolute;right:0;top:0;width:40px;height:40px;font-size:0;text-indent:-9999px;z-index:52;} .english .cmm_container{} .english .sec_headline .sec_cont{position:relative;height:295px;background:url('/assets/user/images/english/conversation/headline_bg.jpg') 50% 0 no-repeat;} .english .sec_program{padding:140px 0;background-color:#fff;text-align:center;} .english .sec_program .tit{margin-bottom:70px;} .english .sec_program dl dt{margin-bottom:30px;} .english .sec_program dl dd{margin:-7px;} .english .sec_program .program_nav{display:flex;justify-content:space-around;align-content:stretch;} .english .sec_program .program_nav li{padding:7px;flex:1;} .english .sec_program .program_nav a{height:300px;display:block;text-align:center;background-color:#6ae67a;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} .english .sec_program .program_nav strong{padding-top:55px;display:block;color:#000;font-size:40px;} .english .sec_program .program_nav p{height:72px;margin:5px 0 25px;display:flex;justify-content:center;align-items:center;font-size:26px;color:#000;} .english .sec_program .program_nav em{display:inline-block;color:#000;font-size:25px;font-weight:700;border-bottom:2px solid #000;} .english .sec_program .program_nav a *{-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} .english .sec_program .program_nav a:hover, .english .sec_program .program_nav a.active{background-color:#34b441;box-shadow:0 0 7px 3px #ffea00;} .english .sec_program .program_nav a:hover *, .english .sec_program .program_nav a.active *{color:#fff;border-color:#fff;} .english .sec_keyword{background-color:#eee;} .english .sec_keyword .inner{width:1087px;padding:140px 0 0;} .english .sec_target{padding:85px 0 130px;background-color:#eee;} .english .sec_target .tit{margin-bottom:57px;} .english .sec_target .target_cont img{margin-left:-18px;} .english .sec_level{padding:140px 0 75px;background-color:#262626;} .english .sec_level .tit{margin-bottom:78px;} .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-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:105px;font-size:0;text-indent:-9999px;display:block;} .english .sec_level .btn {position:relative;} .english .sec_level .btn a {position:absolute;left:calc(50% - 222px);bottom:40px;width:450px;height:80px;font-size:0;text-indent:-9999px;} .english .sec_class_guide{padding:140px 0;background-color:#fff;} .english .sec_class_guide .tit{margin-bottom:60px;} .english .class_tab_slide{position:relative;} .english .class_tab_slide .youtube_box{height:608px;margin-top:50px;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-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{display:block;width:100%;height:190px;font-size:0;text-indent:-9999px;vertical-align:top;} .english .sec_review{padding:140px 0;text-align:center;background:#efeff2;overflow:hidden;} .english .sec_review .tit{margin-bottom:72px;} .english .sec_review .btn_more{display:inline-block;margin-top:130px;} .english .review_swiper{position:relative;} .english .review_swiper .box{display:inline-block;width:270px;height:310px;padding:40px;background:#e1e1e3;} .english .review_swiper .box p{margin:0;line-height:1.6;} .english .review_swiper .box strong{height:35px;display:block;text-align:center;color:#6b6b6b;font-size:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .english .review_swiper .box span{display:block;margin:10px 0;text-align:center;color:#6b6b6b;font-size:30px;letter-spacing:7px} .english .review_swiper .box .date, .english .review_swiper .box .lect, .english .review_swiper .box .txt{color:#6b6b6b;font-size:15px;text-align:left;} .english .review_swiper .swiper-container{position:relative;overflow:visible;} .english .review_swiper .swiper-slide{opacity:.9;width:350px;} .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-active{opacity:1} .english .review_swiper .swiper-slide-active .box{background:#fff;box-shadow:0 0 30px 20px #d4d4d6} .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{position:absolute;left:calc(50% - 320px);top:45%;width:78px;height:78px;font-size:0;text-indent:-9999px;background:url('/assets/user/images/english/review_nav_prev.png') no-repeat;z-index:3;} .english .review_swiper .swiper-button-next{position:absolute;right:calc(50% - 320px);top:45%;width:78px;height:78px;font-size:0;text-indent:-9999px;background:url('/assets/user/images/english/review_nav_next.png') no-repeat;z-index:3;} .english .review_swiper .swiper-pagination{bottom:-60px;} .english .review_swiper .swiper-pagination-bullet{width:16px;height:16px;background:#9a9a9a;opacity:1;-webkit-transition:all 0.3s;transition:all 0.3s;} .english .review_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{width:40px;border-radius:15px;background:#6ae67a;} .english .sec_benefit{padding:140px 0 130px;background-color:#fff267;} .english .sec_benefit .tit{margin-bottom:80px;} .english .sec_typeGuide{padding:140px 0 130px;background-color:#fff;} .english .sec_typeGuide .tit{margin-bottom:65px;} .english .sec_class_recomm{padding:140px 0 130px;background-color:#262626;} .english .sec_class_recomm .tit{margin-bottom:65px;} .english .sec_class_recomm .youtube_box{position:absolute;top:545px;width:1000px;height:480px;} .english .sec_class_recomm .youtube_box iframe{position:absolute;left:4%;top:0;width:100%;height:100%;} /* 영어회화 전용 속성 */ #conversation .sec_visual{height:720px;background:#ffe82a url('/assets/user/images/english/conversation/visual_bg.jpg') 50% 100% no-repeat;position:relative;} /* 영어회화 > SLE 전용 속성 */ #conversation_sle .level_slide .bx-controls{width:auto;left:53px;right:0;top:546px;} #conversation_sle .level_slide .bx-controls .bx-pager-item{width:auto;} #conversation_sle .level_slide .bx-controls .bx-pager-item + .bx-pager-item{margin-left:77px;} #conversation_sle .level_slide .bx-controls .bx-pager-item a{width:133px;height:133px;} #conversation_sle .class_tab_slide .bx-controls{height:0;} #conversation_sle .class_tab_slide .tab_idx{display:table;width:100%;table-layout:fixed;} #conversation_sle .class_tab_slide .tab_idx a{position:relative;display:table-cell;width:180px;height:216px;line-height:1.5;color:#666;font-size:30px;letter-spacing:-1px;background:#d9d9d9;text-align:center;vertical-align:middle;} #conversation_sle .class_tab_slide .tab_idx a + a:before{content:'';position:absolute;left:0;top:0;width:1px;height:100%;background:#fff;} #conversation_sle .class_tab_slide .tab_idx a.active{color:#000;font-weight:600;background:#6ae67a;} /* 실용영어 전용 속성 */ #practical .sec_visual{height:744px;background:url('/assets/user/images/english/practical/visual_bg.jpg') 50% 100% no-repeat;position:relative;} #practical .sec_headline .sec_cont{position:relative;height:335px;background:url('/assets/user/images/english/practical/headline_bg.jpg') 50% 0 no-repeat;} #practical .sec_headline .rolling1{height:60px;overflow:hidden;} #practical .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;} #practical .sec_headline .rolling1 div:after{content:"";white-space:nowrap;} #practical .sec_headline .rolling2{height:60px;overflow:hidden;} #practical .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;} #practical .sec_headline .rolling2 div:after{content:"";white-space:nowrap;} @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%);}} @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%);}} #practical .sec_program .program_nav{flex-wrap:wrap;} #practical .sec_program .program_nav li{width:33.33%;flex-basis:auto;box-sizing:border-box;} #practical .sec_program .program_nav a{background-color:#cae0ff;} #practical .sec_program .program_nav strong{padding-top:68px;} #practical .sec_program .program_nav p{height:auto;} #practical .sec_program .program_nav a:hover, #practical .sec_program .program_nav a.active{background-color:#0049de;} #practical .review_swiper .swiper-slide-active .box span{color:#0049de;} #practical .review_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0049de;} #practical .sec_keyword{padding-bottom:130px;} /* 실용영어 > 영어청취 전용 속성 */ #practical_listening .sec_keyword{padding-bottom:90px;} #practical_listening .sec_target{padding-top:0;} #practical_listening .class_tab_slide .bx-controls .bx-pager-item {width:50%;} #practical_listening .class_tab_slide .tc_btn{position:absolute;left:60px;top:635px;width:270px;height:71px;font-size:0;text-indent:-99999px;} #practical_listening .class_tab_slide .youtube_box{margin-top:25px;} /* 실용영어 > 비즈니스영어 전용 속성 */ #practical_business .sec_class_recomm .tit{margin-bottom:30px;} #practical_business .sec_class_recomm{padding:140px 0 105px;} /* 실용영어 > 영작 전용 속성 */ #practical_composition .sec_class_recomm .youtube_box{top:485px;} /* [중국어] */ .lectureSubTab.ch{background-color:rgba(0,0,0,0.5);} .lectureSubTab.ch > ul{display:table;width:1080px;margin:0 auto;table-layout:fixed;} .lectureSubTab.ch > ul > li{display:table-cell;height:78px;line-height:78px;padding:0;} .lectureSubTab.ch > ul > li.on a:before{margin-top:58px;} .chinese p{margin:0;padding:0;line-height:1;} .chinese .landing_contents.ch01{padding-top:60px;} .chinese .inner{width:1080px;margin:0 auto;position:relative;} .chinese .top_visual{height:772px;background:url('/assets/user/images/chinese/top_visual_ch01.jpg') no-repeat center 0;} .chinese .top_tit{padding-top:240px;} .chinese .student_num{position:absolute;top:289px;right:-35px;width:390px;text-align:center;} .chinese .student_num .txt_top{font-size:32px;font-weight:600;margin-bottom:20px;animation: color-change 1s infinite;} .chinese .student_num .txt_num{font-size:39px;font-weight:600; animation: color-change 1s infinite;} .chinese .student_num .txt_num strong{font-size:85px;} .chinese .student_num .txt_etc{font-size:15px;color:#a7a8a7;border-top:1px solid #3f3f35;padding-top:25px;margin-top:9px;} @keyframes color-change {0% {color:#f7edc2;} 25% {color:#dfca97;} 50% {color:#c5a669;} 75% {color:#dfca97;} 100% {color:#f7edc2;}} .chinese .tit_cont{text-align:center;} .chinese .stit{text-align:center;} .chinese .cont_teacher{height:1893px;background:url('/assets/user/images/chinese/bg_cont_teacher.jpg') no-repeat center 0;overflow:hidden;} .chinese .cont_teacher .tit_cont{padding:130px 0 75px;} .chinese .cont_teacher .slide_box{width:325px;height:636px;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:1px solid #d9d9d9;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:-160px;left:0;width:323px;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;} .chinese .cont_teacher .txt_group{position:absolute;bottom:0;left:0;text-align:left;padding:0 0 15px 16px;height:80px;box-sizing:border-box;} .chinese .cont_teacher .txt_group .tit{font-size:38px;color:#fff;font-weight:600;text-shadow:1px 2px 3px #222;padding-bottom:13px;} .chinese .cont_teacher .txt_group .slogan{display:none;font-size:16px;color:#fff;line-height:21px;} .chinese .teacher_slider{width:1041px;padding-bottom:55px;margin:0 auto 65px;position:relative;} .chinese .teacher_slider:after{content:'';display:block;width:900px;height:2px;position:absolute;bottom:0;left:50%;margin-left:-450px;background:url('/assets/user/images/chinese/bg_dot.png') no-repeat center 0;} .chinese .teacher_slider li{text-align:center;} .chinese .teacher_slider .slide_box:hover .box_top:before{bottom:0;} .chinese .teacher_slider .slide_box:hover:after{border:3px solid #d4bf89;} .chinese .teacher_slider .bx-controls-direction a{position:absolute;top:37%;width:34px;height:59px;font-size:0;text-indent:-9999px;background:url('/assets/user/images/chinese/btn_nav.png') no-repeat;z-index:3;cursor:pointer;} .chinese .teacher_slider .bx-controls-direction .bx-prev{left:-63px;} .chinese .teacher_slider .bx-controls-direction .bx-next{right:-63px;background-position-x:-34px;} .chinese .cont_teacher .box_bot{padding-top:17px;position:relative;z-index:1;} .chinese .cont_teacher .box_bot .info_group{margin-bottom:12px;} .chinese .cont_teacher .box_bot .center{display:inline-block;padding:0 18px;line-height:27px;font-size:16px;color:#fff;background:#1a629b;border-radius:13px;margin-right:5px;} .chinese .cont_teacher .box_bot .name a{font-size:16px;color:#444;} .chinese .cont_teacher .box_bot .name a + a{margin-left:5px;} .chinese .cont_teacher .box_bot .name a:hover{text-decoration:underline;} .chinese .cont_teacher .box_bot .tc_history{font-size:16px;color:#222;line-height:21px;font-weight:600;} .chinese .care_area{width:1080px;height:661px;position:relative;background:url('/assets/user/images/chinese/bg_ipad.png') no-repeat center 0;margin:0 auto 0;} .chinese .care_area .list_ani{position:absolute;top:0;left:0;width:100%;} .chinese .care_area .list_ani li{position:absolute;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:-94px;} .chinese .care_area .action .list1{-webkit-transition-delay:0.1s;transition-delay:0.1s;} .chinese .care_area .action .list2{-webkit-transition-delay:0.3s;transition-delay:0.3s;} .chinese .care_area .action .list3{-webkit-transition-delay:0.5s;transition-delay:0.5s;} .chinese .care_area .action .list4{-webkit-transition-delay:0.7s;transition-delay:0.7s;} .chinese .care_area .action .list_main{-webkit-transition-delay:0.9s;transition-delay:0.9s;top:0;left:0;text-align:center;width:100%;} .chinese .cont_curry{height:1666px;background:url('/assets/user/images/chinese/bg_cont_curry.jpg') no-repeat center 0;} .chinese .cont_curry .tit_cont{padding:126px 0 38px;} .chinese .cont_curry .lect_class{background-color:#fff;margin:35px 0 90px;} .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:99px;font-size:35px;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:4px solid #1a629b;} .chinese .cont_curry .class_cont > div{font-size:30px;color:#222;line-height:50px;padding:65px 0 65px 50px;letter-spacing:-1px;} .chinese .cont_curry .class_cont > div:last-child{display:none;} .chinese .curry_process{} .chinese .curry_process li{width:260px;height:463px;background:url('/assets/user/images/chinese/curry_process.png') no-repeat 0 0;display:inline-block;vertical-align:top;font-size:0;line-height:0;text-indent:-9999px;position:relative;} .chinese .curry_process li + li{margin-left:10px;} .chinese .curry_process li.prc2{background-position-x:-274px;} .chinese .curry_process li.prc3{background-position-x:-548px;} .chinese .curry_process li.prc4{background-position-x:-822px;} .chinese .curry_process li.on{background-position-y:-463px;} .chinese .curry_process li + li:before{content:'';display:block;width:45px;height:45px;background:url('/assets/user/images/chinese/prc_arrow.png') no-repeat 0 0;position:absolute;top:240px;left:-33px;} .chinese .curry_process li.prc2:before{top:290px;} .chinese .curry_process li.prc3:before{top:270px;} .chinese .cont_lect_type{height:1110px;background:url('/assets/user/images/chinese/bg_cont_lecttype.jpg') no-repeat center 0;} .chinese .cont_lect_type .inner{width:1430px;} .chinese .cont_lect_type .tit_cont{padding:124px 0 72px;} .chinese .lect_swipe{overflow:hidden;height:599px;padding-bottom:70px;position:relative;} .chinese .lect_swipe .box{width:479px;height:479px;background:#18283e;border-radius:50%;margin:0 auto;text-align:center;margin-top:63px;} .chinese .lect_swipe .box .tit{font-size:48px;color:#45566d;padding:144px 0 24px;} .chinese .lect_swipe .box .sub{font-size:32px;color:#45566d;line-height:44px;} .chinese .lect_swipe .swiper-slide{width:479px;} .chinese .lect_swipe .swiper-slide-active{z-index:100;width:599px;left:-55px;} .chinese .lect_swipe .swiper-slide-active .box{width:599px;height:599px;background:url('/assets/user/images/chinese/bg_box_round.png') no-repeat center center;margin-top:0;} .chinese .lect_swipe .swiper-slide-active .box .tit{font-size:60px;color:#1a629b;padding:180px 0 12px;font-weight:600;} .chinese .lect_swipe .swiper-slide-active .box .sub{font-size:40px;color:#222;line-height:55px;} .chinese .lect_swipe .swiper-container{position:relative;overflow:visible;} .chinese .lect_swipe .swiper_btn{position:absolute;top:65px;width:479px;height:479px;font-size:0;text-indent:-9999px;z-index:101;cursor:pointer;} .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;width:34px;height:59px;position:absolute;top:211px;background:url('/assets/user/images/chinese/btn_nav.png') no-repeat;} .chinese .lect_swipe .swiper_btn.prev:after{left:330px;} .chinese .lect_swipe .swiper_btn.next:after{right:330px;background-position-x:-34px;} .chinese .cont_lect_type .swiper-pagination{bottom:0;width:100%;} .chinese .cont_lect_type .swiper-pagination .swiper-pagination-bullet{width:15px;height:15px;background:#172c48;border:1px solid #fff;opacity:1;box-sizing:border-box;margin:0 5px;} .chinese .cont_lect_type .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;} .chinese .cont_benefit{height:1332px;background:url('/assets/user/images/chinese/bg_cont_benefit.jpg') no-repeat center 0;} .chinese .cont_benefit .tit_cont{padding:125px 0 78px;} .chinese .benefit_bx{background-color:#fff;height:657px;overflow:hidden;} .chinese .ch01 .benefit_bx{height:823px;overflow:hidden;} .chinese .benefit_bx .tab{position:absolute;top:0;left:0;width:100%;height:150px;z-index:51;} .chinese .benefit_bx .tab li{width:16.66%;height:100%;float:left;} .chinese .benefit_bx .tab li a{height:100%;display:block;font-size:0;line-height:0;text-indent:-9999px;} .chinese .cont_books{height:1312px;background:#f4f4f4;} .chinese .cont_books .tit_cont{padding:123px 0 28px;} .chinese .books_bx{background-color:#fff;height:640px;overflow:hidden;} .chinese .books_bx .tab{position:absolute;top:0;left:0;width:100%;height:150px;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;font-size:0;line-height:0;text-indent:-9999px;} .chinese .cont_review{height:1173px;background:url('/assets/user/images/chinese/bg_cont_review.jpg') no-repeat center 0;background-size:cover;text-align:center;padding-bottom:80px;} .chinese .cont_review .tit_cont{padding:124px 0 73px;} .chinese .review_bx > div{width:354px;height:526px;background:#fff;border-radius:30px;} .chinese .review_bx > div > a{display:block;padding-top:42px;text-align:left;} .chinese .review_bx .review_tit{font-size:22px;color:#1a629b;line-height:32px;font-weight:600;text-align:center;height:66px;overflow:hidden;margin-bottom:19px;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding:0 10px;} .chinese .review_bx .review_photo{width:315px;height:230px;overflow:hidden;margin:0 auto 25px;} .chinese .review_bx .review_photo img{width:315px;} .chinese .cont_review .bx-controls-direction a{position:absolute;top:590px;width:34px;height:59px;font-size:0;text-indent:-9999px;background:url('/assets/user/images/chinese/btn_nav.png') no-repeat;z-index:3;cursor:pointer;} .chinese .cont_review .bx-controls-direction .bx-prev{left:-70px;} .chinese .cont_review .bx-controls-direction .bx-next{right:-70px;background-position-x:-34px;} .chinese .cont_review .txt_info{font-size:18px;color:#cfcfd0;padding:30px 0 74px;} .chinese .review_bx .label{display:inline-block;padding:0 20px;line-height:27px;background:#1a629b;border-radius:13px;font-size:18px;color:#fff;font-weight:600;margin:0 0 15px 20px;} .chinese .review_bx .classInfo{padding-left:20px;} .chinese .review_bx .classInfo span{font-size:20px;color:#222;font-weight:600;display:inline-block;line-height:28px;height:28px;vertical-align:top;margin-right:3px;} .chinese .review_bx .classInfo span.classTit{max-width:205px;overflow:hidden;} .chinese .review_bx .writer{display:inline-block;margin-left:20px;font-size:20px;color:#222;font-weight:600;} .chinese .floating_ban_r{margin-left:600px;position:fixed;left:50%;bottom:30px;z-index:503;text-align:center;} .chinese .floating_ban_r a{display:block;} .chinese .floating_ban_r .float_btn_top{width:98px;height:99px;margin:0 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:792px;border:1px solid #000;-webkit-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:40px;height:40px;font-size:0;background-color:#000;position:absolute;right:-1px;top:-41px;} .layer_video .btn_layer_close:before, .layer_video .btn_layer_close:after{content:'';width:1px;height:30px;margin-top:-15px;background-color:#fff;position:absolute;left:50%;top:50%;} .layer_video .btn_layer_close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);} .layer_video .btn_layer_close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} /* [중국어 회화] */ .chinese .landing_contents.ch02{padding-top:60px;} .chinese .ch02 .top_visual{height:772px;background:url('/assets/user/images/chinese/top_visual_ch02.jpg') no-repeat center 0;} .chinese .cont_youtube{background:#1c1e2d;padding-bottom:120px;} .chinese .cont_youtube .tit_cont{padding:124px 0 73px;} .chinese .cont_youtube .youtube_box{margin-bottom:62px;} .chinese .cont_youtube .ban_youtube{position:relative;} .chinese .cont_youtube .ban_youtube a{width:280px;height:85px;position:absolute;bottom:0;right:143px;font-size:0;text-indent:-9999px;line-height:0;} .chinese .cont_teacher .txt_group.line3{height:130px;} .chinese .cont_teacher .slide_box > .center{display:inline-block;padding:0 20px;line-height:34px;font-size:20px;color:#fff;background:#1a629b;border-radius:17px;margin-right:5px;position:absolute;top:14px;left:14px;} .chinese .ch02 .cont_teacher{height:1800px;} .chinese .ch02 .cont_teacher .slide_box{height:520px;} .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 li{left:-111px;} .chinese .ch02 .care_area .action .list_main{-webkit-transition-delay:0.9s;transition-delay:0.9s;left:0;} .chinese .ch02 .cont_curry{height:1466px;background:url('/assets/user/images/chinese/bg_cont_curry02.jpg') no-repeat center 0;text-align:center;} .chinese .ch02 .cont_curry .tit_cont{padding:154px 0 73px;} .chinese .curry_bx{position:relative;background:#fff url('/assets/user/images/chinese/bg_curry_cont.jpg') no-repeat 0 0;margin-bottom:75px;height:739px;overflow:hidden;} .chinese .curry_bx .tab{position:absolute;top:0;left:0;width:100%;height:100px;z-index:51;} .chinese .curry_bx .tab li{width:14.2%;height:100%;float:left;} .chinese .curry_bx .tab li a{height:100%;display:block;font-size:0;line-height:0;text-indent:-9999px;} .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:294px;height:493px;position:absolute;top:173px;right:75px;font-size:0;line-height:0;text-indent:-9999px;} .chinese .ch02 .cont_benefit{height:1297px;background:url('/assets/user/images/chinese/bg_cont_benefit02.jpg') no-repeat center 0;} .chinese .ch02 .cont_benefit .tit_cont{padding:160px 0 70px;} .chinese .ch02 .benefit_bx{position:relative;background:#fff url('/assets/user/images/chinese/bg_benefit_cont.jpg') no-repeat 0 0;height:759px;overflow:hidden;} .chinese .ch02 .benefit_bx .cont > div:first-child{display:block;} .chinese .ch02 .benefit_bx .cont > div{display:none;position:relative;} .chinese .ch02 .benefit_bx .tab{height:147px;} .chinese .ch02 .benefit_bx .tab li{width:25%;} .chinese .ch02 .benefit_bx .cont > div{position:relative;} .chinese .ch02 .benefit_bx .youtube_area{position:absolute;bottom:194px;right:50px;width:570px;height:317px;} .chinese .ch02 .lect_swipe .box .sub{font-size:25px;line-height:36px;} .chinese .ch02 .lect_swipe .swiper-slide-active .box .sub{font-size:40px;color:#222;line-height:55px;} .chinese .ch02 .lect_swipe .box.line3 .tit{padding:130px 0 24px;} .chinese .ch02 .lect_swipe .btn_detail{font-size:25px;color:#45566d;margin-top:30px;display:inline-block;} .chinese .ch02 .lect_swipe .swiper-slide-active .box.line1 .tit{padding:212px 0 12px;} .chinese .ch02 .lect_swipe .swiper-slide-active .box.line3 .tit{padding:150px 0 12px;} .chinese .ch02 .lect_swipe .swiper-slide-active .btn_detail{font-size:35px;color:#222;font-weight:600;margin-top:28px;} .chinese .floating_ban_level{width:179px;height:178px;display:inline-block;background:url('/assets/user/images/chinese/floating_ban_level01.png') no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;animation: animatedBackground 0.5s linear infinite /*alternate*/;} @keyframes animatedBackground{from {background:url('/assets/user/images/chinese/floating_ban_level01.png') no-repeat 0 0;}to {background:url('/assets/user/images/chinese/floating_ban_level02.png') no-repeat 0 0;}} /* [HSK] */ .chinese .landing_contents.ch03{padding-top:60px;} .chinese .ch03 .top_visual{height:772px;background:url('/assets/user/images/chinese/top_visual_ch03.jpg') no-repeat center 0;} .chinese .ch03 .student_num{top:180px;right:10px;width:308px;} .chinese .ch03 .student_num + .student_num{top:391px;} .chinese .ch03 .student_num .txt_top{font-size:28px;margin-bottom:15px;} .chinese .ch03 .student_num .txt_num strong{font-size:83px;} .chinese .ch03 .student_num .txt_etc{font-size:13px;border-top:1px solid rgba(225,218,184,0.15);padding-top:15px;margin-top:0;} .chinese .ch03 .cont_youtube .youtube_box{margin-bottom:50px;} .chinese .ch03 .cont_youtube .ban_youtube a{right:12px;} .chinese .ch03 .cont_teacher{height:1422px;background:url('/assets/user/images/chinese/bg_cont_teacher03.jpg') no-repeat center 0;overflow:hidden;} .chinese .ch03 .cont_teacher .tit_cont{padding:126px 0 54px;} .chinese .ch03 .cont_teacher .slide_box{width:980px;height:264px;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:1px solid #d9d9d9;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:-655px;width:653px;height:262px;background:url('/assets/user/images/chinese/shadow_on_left.png') no-repeat center bottom;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;} .chinese .ch03 .cont_teacher .box_left{position:relative;overflow:hidden;float:left;} /* 220811 syh 수정 */ .chinese .ch03 .cont_teacher .txt_group{position:static; text-align:left;box-sizing:border-box;height:155px;padding:0;margin-top:50px;} .chinese .ch03 .cont_teacher .txt_group .tit{font-size:42px;color:#222;font-weight:600;text-shadow:none;padding:0 0 10px;} .chinese .ch03 .cont_teacher .txt_group .slogan{font-size:23px;color:#222;line-height:32px;} .chinese .ch03 .teacher_slider{width:1080px;position:relative;background:rgba(0, 0, 0, 0.3);padding:43px 0 45px 38px;box-sizing:border-box;} .chinese .ch03 .teacher_slider:after{display:none;} .chinese .ch03 .teacher_slider li{text-align:center;} .chinese .ch03 .teacher_slider .slide_box:hover:before{left:0;} .chinese .ch03 .teacher_slider .slide_box:hover:after{border:3px solid #d4bf89;} .chinese .ch03 .teacher_slider .bx-controls-direction a{position:absolute;left:auto;right:10px;width:42px;height:117px;font-size:0;text-indent:-9999px;background:url('/assets/user/images/chinese/btn_nav02.png') no-repeat 0 -127px;z-index:3;cursor:pointer;} .chinese .ch03 .teacher_slider .bx-controls-direction a.disabled{opacity:0.3;} .chinese .ch03 .teacher_slider .bx-controls-direction .bx-prev{top:478px;} .chinese .ch03 .teacher_slider .bx-controls-direction .bx-next{top:351px;background-position-y:0;} .chinese .ch03 .cont_teacher .box_right{position:absolute;top:0;right:0;z-index:1;width:485px;height:263px;} /* 220811 syh 수정 */ .chinese .ch03 .cont_teacher .box_right .info_group{margin-bottom:12px;} .chinese .ch03 .cont_teacher .box_right .center{display:inline-block;padding:0 22px;line-height:28px;font-size:20px;color:#fff;background:#1a629b;border-radius:13px;margin-right:7px;} .chinese .ch03 .cont_teacher .box_right .name a{font-size:20px;color:#444;} .chinese .ch03 .cont_teacher .box_right .name a + a{margin-left:6px;} .chinese .ch03 .cont_teacher .box_right .name a:hover{text-decoration:underline;} .chinese .ch03 .cont_teacher .box_right .tc_history{font-size:16px;color:#222;line-height:21px;font-weight:600;} .chinese .ch03 .cont_teacher .box_right .btn_sample{position:absolute;bottom:25px;right:23px;} .chinese .ch03 .cont_curry{height:1877px;background:url('/assets/user/images/chinese/bg_cont_curry03.jpg') no-repeat center 0;text-align:center;} .chinese .ch03 .cont_curry .tit_cont{padding:160px 0 70px;} .chinese .ch03 .youtube_area{position:relative;width:672px;margin:0 auto 27px;} .chinese .ch03 .youtube_area .btn_sample{position:absolute;top:17px;left:81px;display:block;width:506px;height:287px;font-size:0;line-height:0;text-indent:-9999px;} .chinese .ch03 .curry_bx{position:relative;background:#fff url('/assets/user/images/chinese/bg_curry_cont_ch03.jpg') no-repeat 0 0;height:762px;overflow:hidden;margin-bottom:0;} .chinese .ch03 .curry_bx .tab{position:absolute;top:0;left:0;width:100%;height:153px;z-index:51;} .chinese .ch03 .curry_bx .tab li{width:33.3%;height:100%;float:left;} .chinese .ch03 .curry_bx .tab li a{height:100%;display:block;font-size:0;line-height:0;text-indent:-9999px;} .chinese .ch03 .curry_bx .cont > div:first-child{display:block;} .chinese .ch03 .curry_bx .cont > div{display:none;position:relative;} .chinese .ch03 .curry_bx .btn_book_detail{display:block;width:294px;height:493px;position:absolute;top:173px;right:75px;font-size:0;line-height:0;text-indent:-9999px;} .chinese .ch03 .cont_benefit{height:1129px;background:url('/assets/user/images/chinese/bg_cont_benefit03.jpg') no-repeat center 0;} .chinese .ch03 .cont_benefit .tit_cont{padding:0 0 70px;} .chinese .ch03 .benefit_bx{height:769px;overflow:hidden;background:url('/assets/user/images/chinese/bg_benefit_bx03.jpg') no-repeat center 0;} .chinese .ch03 .benefit_bx .tab{height:150px;} .chinese .ch03 .benefit_bx .tab li{width:25%;} .chinese .ch03 .benefit_bx .cont > div{position:relative;} .chinese .ch03 .floating_ban_level{background-image:url('/assets/user/images/chinese/floating_ch03_01.png');animation: aniFloatCh03 0.5s linear infinite;} @keyframes aniFloatCh03{from {background:url('/assets/user/images/chinese/floating_ch03_01.png') no-repeat 0 0;}to {background:url('/assets/user/images/chinese/floating_ch03_02.png') no-repeat 0 0;}} /* [TSC] */ .chinese .landing_contents.ch04{padding-top:60px;} .chinese .ch04 .top_visual{height:772px;background:url('/assets/user/images/chinese/top_visual_ch04.jpg') no-repeat center 0;} .chinese .ch04 .student_num{top:296px;} .chinese .ch04 .cont_youtube {text-align:center;} .chinese .ch04 .cont_youtube .inner{width:100%;} .chinese .ch04 .cont_youtube .ban_youtube a{right:117px;} .chinese .ch04 .youtube-slider{position: relative;width: 1425px;margin:0 auto;padding: 0 60px;} .chinese .ch04 .youtube-slider{margin-bottom:75px;} .chinese .ch04 .youtube-slider .swiper-wrapper{left:-130px;} .chinese .ch04 .youtube-slider .swiper-slide{display: flex;justify-content: center;align-items: center;height: auto;box-shadow: 0px 0p 8px rgba(0,0,0,0.4);width:605px;} .chinese .ch04 .youtube-slider .swiper-slide-active{width:865px;} .chinese .ch04 .youtube-slider .swiper-slide-active iframe{width:865px;height:487px;} .chinese .ch04 .cont_youtube div[class^=swiper-button-]{top:73px;z-index: 1;transition: border-color 0.3s;width:279px;height:341px;font-size:0;text-indent:-9999px;} .chinese .ch04 .youtube-slider .swiper-button-next{right:60px; background-position-x:-34px;} .chinese .ch04 .youtube-slider .swiper-button-prev{left:60px;} .chinese .ch04 .cont_youtube div[class^=swiper-button-]:after{content:'';display:block;width:34px;height:59px;background:url('/assets/user/images/chinese/btn_nav.png') no-repeat 0 0;position:absolute;top:41%;} .chinese .ch04 .cont_youtube div.swiper-button-next:after{right:202px;background-position-x:-34px;} .chinese .ch04 .cont_youtube div.swiper-button-prev:after{left:202px;} .chinese .ch04 .cont_youtube .ban_youtube{width:1080px;position:relative;margin:0 auto;} .chinese .ch04 .cont_teacher{background-color:#162b48;height:1800px;} .chinese .ch04 .cont_teacher .slide_box{height:520px;} .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 li{left:-111px;} .chinese .ch04 .care_area .action .list_main{-webkit-transition-delay:0.9s;transition-delay:0.9s;left:0;} .chinese .ch04 .cont4_group{background:#353944 url('/assets/user/images/chinese/bg_cont04.jpg') no-repeat center 0;} .chinese .ch04 .cont_why{text-align:center;padding-bottom:30px;} .chinese .ch04 .cont_why .tit_cont{padding:150px 0 78px;} .chinese .ch04 .cont_why .que{position: relative;height: 120px;cursor: pointer;background:url('/assets/user/images/chinese/why_off.png') no-repeat 0 0;-webkit-transition:all 0.3s; transition: all 0.3s;margin-top:30px;font-size:0;line-height:0;text-indent:-9999px;} .chinese .ch04 .cont_why .que:first-child{margin-top:0;} .chinese .ch04 .cont_why .que.q2{background-position-y:-150px;} .chinese .ch04 .cont_why .que.q3{background-position-y:-300px;} .chinese .ch04 .cont_why .que:before{content:'';display:block;width:28px;height:17px;background:url('/assets/user/images/chinese/arr01.png') no-repeat 0 0;position:absolute;top:52px;right:48px;-webkit-transition:all 0.3s; transition: all 0.3s;} .chinese .ch04 .cont_why .que.on{background:url('/assets/user/images/chinese/why_on.png') no-repeat 0 0;} .chinese .ch04 .cont_why .que.on.q2{background-position-y:-150px;} .chinese .ch04 .cont_why .que.on.q3{background-position-y:-300px;} .chinese .ch04 .cont_why .que.on + .anw{display:block;} .chinese .ch04 .cont_why .anw{display: none; overflow: hidden;margin-bottom:30px;} .chinese .ch04 .cont_why .que.on:before{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);} .chinese .ch04 .cont_curry{height:885px;text-align:center;background:none;} .chinese .ch04 .cont_curry .tit_cont{padding:0 0 58px;} .chinese .ch04 .curry_process{} .chinese .ch04 .curry_process ul:after{content:'';display:block;clear:both;} .chinese .ch04 .curry_process li{width:264px;height:auto;float:left;position:relative;box-sizing:border-box;font-size:18px;color:#272727;line-height:27px;text-align:left;text-indent:0;cursor:pointer;} .chinese .ch04 .curry_process li + li{margin-left:8px;} .chinese .ch04 .curry_process .prc_tit{background:#d4ccc2;} .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 .prc_tit{background:#1a629b;} .chinese .ch04 .curry_process li .prc_con{height:189px;padding:25px 0 0 19px;background:#fff url('/assets/user/images/chinese/bg_prc.jpg') no-repeat center bottom;letter-spacing:-1px;} .chinese .ch04 .curry_process li.on .prc_con{border:3px solid #1a629b;border-top:0;padding-left:16px;} .chinese .ch04 .curry_process li + li:before{content:'';display:block;width:31px;height:31px;background:url('/assets/user/images/chinese/prc_arrow04.png') no-repeat 0 0;position:absolute;top:175px;left:-20px;} .chinese .ch04 .cont_benefit{height:auto;background:none;padding-bottom:90px;} .chinese .ch04 .cont_benefit .tit_cont{padding:90px 0 60px;} .chinese .ch04 .benefit_bx .tab{height:114px;} .chinese .ch04 .benefit_bx .tab li{width:25%;} .chinese .ch04 .benefit_bx .cont > div{position:relative;} .chinese .cont_review{background:#273750 url('/assets/user/images/chinese/bg_cont_review04.jpg') no-repeat center 0;background-size:cover;} /* [일본어] */ .lectureSubTab.jp{background-color:rgba(0,0,0,0.3);} .lectureSubTab.jp > ul{display:table;width:1080px;margin:0 auto;table-layout:fixed;} .lectureSubTab.jp > ul > li{display:table-cell;height:78px;line-height:78px;padding:0;} .lectureSubTab.jp > ul > li.on a:before{margin-top:58px;} .japan .landing_contents{margin-bottom:150px;} .japan p{margin:0;padding:0;line-height:1;} .japan .inner{width:1080px;margin:0 auto;position:relative;text-align:center;} .japan .tit_cont{text-align:center;} .japan .top_visual{height:860px;background:url('/assets/user/images/japan/top_visual_jp01.jpg') no-repeat center 0;} .japan .jp02 .top_visual{background-image:url('/assets/user/images/japan/top_visual_jp02.jpg');} .japan .jp03 .top_visual{background-image:url('/assets/user/images/japan/top_visual_jp03.jpg');} .japan .top_tit{padding-top:200px;} .japan .student_num{margin-top:10px;} .japan .cont_youtube{padding:115px 0;background-color:#fff;} .japan .cont_youtube .tit_cont{margin-bottom:80px;} .japan .cont_youtube .youtube_link{margin-top:50px;text-align:center;} .japan .cont_youtube .youtube_link p{margin-top:20px;font-size:25px;color:#000;} .japan .cont_youtube .youtube_link p em{font-weight:600;} .japan .youtube_box{border:10px solid #ffc4c0;} .japan .youtube_box .youtube_inner{width:100%;padding-bottom:56.2%;position:relative;overflow:hidden;} .japan .youtube_box .youtube_inner iframe{width:101%;height:101%;position:absolute;left:-0.5%;top:-0.5%;} .japan .cont_teacher{padding:120px 0;background-color:#262626;} .japan .cont_teacher .tit_cont{margin-bottom:68px;} .japan .teacher_swiper{width:1104px;margin-left:-12px;} .japan .teacher_swiper li{padding:12px 0;} .japan .teacher_swiper li a{display:inline-block;border-radius:15px 97px 22px 22px;box-shadow:0 0 12px 2px rgba(0, 0, 0, 0.6);} .japan .teacher_swiper li img{-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;} .japan .teacher_swiper li a:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);} .japan .teacher_swiper li a img{width:100%;} .japan .cont_greeting{height:1047px;padding:120px 0;background:url('/assets/user/images/japan/greeting_cont_bg.jpg') 50% 0 no-repeat;position:relative;} .japan .cont_greeting .tit_cont{} .japan .conversation_wrap{width:100%;height:960px;position:absolute;left:0;bottom:0;perspective:1600px;opacity:1;} .japan .conversation_wrap .obj_tablet{width:100%;height:100%;background:url('/assets/user/images/japan/tablet_obj.png') 50% 100% no-repeat;position:absolute;left:0;bottom:0;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,350px,-1100px) rotateX(40deg);} .japan .conversation_wrap .tooltip_items{width:969px;height:645px;margin-left:-485px;position:absolute;left:50%;top:44px;} .japan .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);} .japan .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);} .japan .conversation_wrap .tooltip_items span:nth-child(3){transform-origin:0 45%;} .japan .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);} .japan .conversation_wrap .tooltip_items span:nth-child(5){transform-origin:0 75%;} .japan .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);} .japan .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);} .japan .conversation_wrap.play .tooltip_items span:nth-child(2){transition-delay:1.3s;} .japan .conversation_wrap.play .tooltip_items span:nth-child(3){transition-delay:2s;} .japan .conversation_wrap.play .tooltip_items span:nth-child(4){transition-delay:2.7s;} .japan .conversation_wrap.play .tooltip_items span:nth-child(5){transition-delay:3.4s;} .japan .obj_arrow{width:100%;text-align:center;position:absolute;left:0;bottom:34px;} .japan .cont_curri{padding:120px 0;background-color:#fff;position:relative;} /* 250114 kmh 삭제 및 수정 */ /*.japan .cont_curri:before{content:'';width:100%;height:609px;background-color:#eee;position:absolute;left:0;bottom:0;}*/ .japan .cont_curri .tit_cont{margin-bottom:95px;} /* 250114 kmh 삭제 및 수정 */ /* 250114 kmh 추가 */ .japan .cont_curri .curri_items_wrap{padding-bottomn:95px;display:flex;justify-content:space-between;} .japan .cont_curri .curri_item{padding-bottom:80px;position:relative;z-index:1;} .japan .cont_curri .curri_item .btn_detail{width:100%;text-align:center;position:absolute;left:0;bottom:0;} .japan .cont_curri .curri_item .detail_cont{width:100%;display:none;text-align:center;position:absolute;left:0;top:0;} .japan .cont_curri .curri_item.active .detail_cont{display:block;pointer-events:none;} /* //250114 kmh 추가 */ .japan .cont_curri .curri_process{position:relative;} .japan .cont_curri .curri_process ul{font-size:0;} .japan .cont_curri .curri_process li{width:212px;height:569px;display:inline-block;font-size:0;vertical-align:top;background:url('/assets/user/images/japan/curri_process.png') no-repeat;} .japan .cont_curri .curri_process li + li{margin-left:5px;} .japan .cont_curri .curri_process li.prc2{background-position-x:-217px;} .japan .cont_curri .curri_process li.prc3{background-position-x:-434px;} .japan .cont_curri .curri_process li.prc4{background-position-x:-651px;} .japan .cont_curri .curri_process li.prc5{background-position-x:-868px;} .japan .cont_curri .curri_process li:hover{background-position-y:-569px;} .japan .curri_bx{margin-top:70px;position:relative;} .japan .curri_bx .tab{position:absolute;top:0;left:0;width:100%;height:280px;z-index:52;} .japan .curri_bx .tab li{width:16.66%;height:100%;float:left;} .japan .curri_bx .tab li a{height:100%;display:block;} .japan .curri_bx .cont a{width:280px;height:100px;font-size:0;text-indent:-9999px;position:absolute;right:40px;bottom:143px;} .japan .cont_lect_type{padding:120px 0;background-color:#262626;} .japan .cont_lect_type .tit_cont{margin-bottom:80px;} .japan .cont_benefit{padding:120px 0;background-color:#fff;} .japan .cont_benefit .tit_cont{margin-bottom:80px;} .japan .benefit_bx{background-color:#fff;} .japan .benefit_bx .tab{position:absolute;top:0;left:0;width:100%;height:184px;z-index:51;} .japan .benefit_bx .tab li{width:20%;height:100%;float:left;} .japan .benefit_bx .tab li a{height:100%;display:block;} .japan .cont_book{padding:120px 0;background-color:#fececb;} .japan .cont_book .tit_cont{margin-bottom:80px;} .japan .book_items{} .japan .book_items ul{text-align:center;font-size:0;} .japan .book_items li{margin:0 -10px;display:inline-block;vertical-align:top;position:relative;} .japan .book_items li:before{content:'';height:100%;box-shadow:0 0 30px 1px rgba(72, 0, 0, 0.5);border-radius:20px;position:absolute;left:15px;right:50px;opacity:0;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;-webkit-transform:scale(0.99);transform:scale(0.99);} .japan .book_items li:hover:before{opacity:1;-webkit-transform:scale(1);transform:scale(1);} .japan .cont_review{padding:120px 0;background-color:#efeff2;overflow:hidden;} .japan .cont_review .tit_cont{margin-bottom:80px;} .japan .review_swiper{text-align:center;} .japan .review_swiper .box{padding:32px 38px;background:#ddd;} .japan .review_swiper .subject{font-size:25px;font-weight:600;color:#000;} .japan .review_swiper .rating{font-size:32px;color:#333;letter-spacing:6px;} .japan .review_swiper .thumb{width:225px;height:150px;margin:5px auto 20px;background-color:#444;} .japan .review_swiper .info{text-align:left;} .japan .review_swiper .info .label{height:27px;margin-bottom:12px;padding:0 15px;text-align:center;font-size:18px;line-height:30px;color:#fff;display:inline-block;border-radius:30px;background-color:#333;} .japan .review_swiper .info p{font-size:15px;font-weight:600;color:#000;} .japan .review_swiper .info p + p{margin-top:7px;} .japan .review_swiper .swiper-slide{opacity:0.4;width:350px;-webkit-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;} .japan .review_swiper .swiper-slide-active{opacity:1;} .japan .review_swiper .swiper-slide-active .box{background:#fff;box-shadow:0 0 30px 20px #d4d4d6;} .japan .review_swiper .swiper-slide-active .rating{color:#ff4898;} .japan .review_swiper .swiper-slide-active .thumb{background-color:#313131;} .japan .review_swiper .swiper-slide-active .info .label{background-color:#ff4898;} .japan .review_swiper .swiper-container{position:relative;overflow:visible;} .japan .review_swiper .swiper-button-prev, .japan .review_swiper .swiper-button-next{position:absolute;top:43%;width:78px;height:78px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;z-index:3;} .japan .review_swiper .swiper-button-prev{left:calc(50% - 318px);background-image:url('/assets/user/images/japan/nav_prev.png');} .japan .review_swiper .swiper-button-next{right:calc(50% - 318px);background-image:url('/assets/user/images/japan/nav_next.png');} .japan .review_swiper .review_noti{margin-top:27px;font-size:18px;color:#434343;} .japan .review_swiper .btn_more{display:inline-block;margin-top:70px;} .japan .floating_ban_r{margin-left:572px;position:fixed;left:50%;bottom:30px;z-index:503;text-align:center;} .japan .floating_ban_r a{display:block;} .japan .floating_ban_r .float_lvtest{margin:20px 0 0 -8px;position:relative;} .japan .floating_ban_r .float_lvtest .float_lv_close{width:33px;height:33px;font-size:0;text-indent:-9999px;background:url('/assets/user/images/japan/icon_close.png') no-repeat;position:absolute;right:22px;top:7px;} .japan .jp02 .cont_benefit{background-color:#434343;} .japan .jp02 .benefit_items{} .japan .jp02 .benefit_items ul{text-align:center;font-size:0;} .japan .jp02 .benefit_items li{display:inline-block;vertical-align:top;border-radius:17px;} .japan .jp02 .benefit_items li:hover{box-shadow:0 0 40px 1px rgba(0, 0, 0, 1);} .japan .jp02 .benefit_items li + li{margin-left:24px;} .jp03 .cont_info{padding:120px 0;background-color:#fff;} .japan .jp03 .cont_info .tit_cont{margin-bottom:80px;} .japan .jp03 .cont_info div{position:relative;z-index:1;} .japan .jp03 .cont_info .arrow{margin:-70px 0 18px;z-index:0;} .japan .jp03 .cont_youtube{background-color:#f4f4f4;} .japan .jp03 .cont_curri:before{height:575px;} .japan .jp03 .cont_curri .curri_process li{width:212px;height:637px;display:inline-block;font-size:0;vertical-align:top;background:url('/assets/user/images/japan/curri_process_jp03.png') no-repeat;} .japan .jp03 .cont_curri .curri_process li.prc2{background-position-x:-217px;} .japan .jp03 .cont_curri .curri_process li.prc3{background-position-x:-434px;} .japan .jp03 .cont_curri .curri_process li.prc4{background-position-x:-651px;} .japan .jp03 .cont_curri .curri_process li.prc5{background-position-x:-868px;} .japan .jp03 .cont_curri .curri_process li:hover{background-position-y:-637px;} .japan .jp03 .cont_lect_type{background-color:#fff;} .japan .jp03 .lect_type_bx .tab{position:absolute;top:0;left:0;width:100%;height:156px;z-index:51;} .japan .jp03 .lect_type_bx .tab li{width:33.33%;height:100%;float:left;} .japan .jp03 .lect_type_bx .tab li a{height:100%;display:block;} .japan .jp03 .cont_benefit{background-color:#434343;} .japan .jp03 .benefit_swiper{margin:-20px 0;} .japan .jp03 .benefit_swiper .swiper-container{padding:20px 0;} .japan .jp03 .benefit_swiper li img{border-radius:17px;} .japan .jp03 .benefit_swiper li:hover img{box-shadow:0 0 20px 1px rgba(0, 0, 0, 1);} .japan .jp03 .cont_book{background-color:#fff;} .japan .jp03 .book_bx .tab{position:absolute;top:0;left:0;width:100%;height:282px;z-index:51;} .japan .jp03 .book_bx .tab li{width:20%;height:100%;float:left;} .japan .jp03 .book_bx .tab li a{height:100%;display:block;} /* [GRE] */ #wrap.gre .tab_area{position:absolute;width:100%;z-index:1;} #wrap.gre .tab_area.fixed{top:100px;position:fixed;z-index:101;} #wrap .tab_area.dark{background-color:#19191f;} #wrap.gre .tab_cont{text-align:center;} #wrap.gre .tab_cont.tabCont1{} #wrap.gre .tab_cont.tabCont1, #wrap.gre .tab_cont.tabCont2, #wrap.gre .tab_cont.tabCont3, #wrap.gre .tab_cont.tabCont4{display:none;padding-top:70px;margin-top:-2px;} #wrap.gre .tab_cont.tabCont1.on, #wrap.gre .tab_cont.tabCont2.on, #wrap.gre .tab_cont.tabCont3.on, #wrap.gre .tab_cont.tabCont4.on{display:block;} #wrap.gre .cont_top{ display:none;padding:30px;text-align:center;background:url(/assets/user/images/gre/bg1.jpg) center top no-repeat;} #wrap.gre .cont_top:first-child{display:block;} #wrap.gre .cont_top .inner{padding:60px 20px 20px;} #wrap.gre .titleIconList{width:678px;margin:0 auto;overflow:hidden;padding-top:3px;} #wrap.gre .titleIconList li{float:left;text-align:center;color:#fff;} #wrap.gre .titleIconList li .tIconIn01{padding-right:76px;} #wrap.gre .titleIconList li .tIconIn02{padding-right:42px;} #wrap.gre .titleIconList li .textBox{font-size:22px;font-weight:200;} #wrap.gre .titleText{font-size:26px;color:#fff;font-weight:200;letter-spacing:-0.8px;padding-bottom:20px;} #wrap.gre .titleText span{padding-left:17px} #wrap.gre .cont1{padding:0;} #wrap.gre .tab_area ul{overflow:hidden;width:1080px;margin:0 auto;} #wrap.gre .tab_area ul li{position:relative;color:#ddd;float:left;width:25%;text-align:center;font-size:18px;transition:all .3s;padding:20px 0;} #wrap.gre .tab_area ul li:after{position:absolute;left:0%;bottom:3px;content:'';width:0%;height:6px;background-color:#d98948;transition:.35s;transform:translateX(0%);} #wrap.gre .tab_area ul li:on{position:absolute;left:0%;bottom:0px;content:'';width:0%;height:6px;background-color:#d98948;transition:.35s;transform:translateX(0%);} #wrap.gre .tab_area ul li.active:after{width:100%;} #wrap.gre .tab_area ul li.on:after{width:100%;} #wrap.gre .tab_area ul li.active, #wrap.gre .tab_area ul li.on, #wrap.gre .tab_area ul li:hover{background:none;transform:scale(1.1);color:#fff;} #wrap.gre .sec_gre1{padding:50px 0;background-color:#e7e7e7;} #wrap.gre .greReview{padding:50px 0 73px;background:url(/assets/user/images/gre/bg2.jpg) center top no-repeat;} #wrap.gre .greReview .leftCont{float:left;width:250px;} #wrap.gre .greReview .rightCont{float:left;width:830px;overflow:hidden;} #wrap.gre .greReview .bx-wrapper{padding:10px 0 20px 0;background-color:#fff;} #wrap.gre .greReview .sliderCont{ position:relative;text-align:center;color:#000;height:153px;} #wrap.gre .greReview .sliderCont li p{margin-top:30px;font-size:15px;} #wrap.gre .greReview .sliderCont strong{color:#d98948;} #wrap.gre .greReview .rv_txt2{margin:0;margin-top:10px;} #wrap.gre .greReview .rv_writer{color:#a7a7a8;} #wrap.gre .greReview .wvNextBox span{color:#ddd;} #wrap.gre .greReview .wvNextBox span:before{text-shadow:none;} #wrap.gre .greReview .wvNumBoxIn{display:none;} #wrap.gre .greReview .wvNumBox{bottom:-16px;right:0;width:68px;height:28px;} #wrap.gre .greReview .wvNumBox > a{width:7px;height:7px;margin:3px;background-color:#fff;border:2px solid #b5b5b5;} #wrap.gre .greReview .wvNumBox > a.on{background-color:#bd6e2f;border:2px solid #bd6e2f;} #wrap.gre .greReview .wvNumBox > a span{background-color:#fff;} #wrap.gre .sec_gre_cs{height:309px;padding:0px 0 46px 0;text-align:center;background:url(/assets/user/images/gre/bg3.jpg) center top repeat;} img.kakaoTitle{margin-top:-28px;} img.kakaoPhone{margin-left:50px;margin-top:-44px;} #wrap.gre .lecPop{position:absolute;width:100%;left:0;bottom:60px;} #wrap.gre .lecPop img{width:500px;} #wrap.gre .cont2{position:relative;} #wrap.gre .sec_gre3, #wrap.gre .sec_gre4{background-color:#e7e7e7;} /* [G-TELP] */ #wrap.gtelp p{padding:0;margin:0;} #wrap.gtelp .tab_area{position:absolute;width:100%;z-index:1;} #wrap.gtelp .tab_area.fixed{top:100px;position:fixed;z-index:101;} #wrap.gtelp .tab_area ul{overflow:hidden;width:1080px;margin:0 auto;text-align:center;} #wrap.gtelp .tab_area ul li{position:relative;color:#ddd;display:inline-block;width:151px;text-align:center;font-size:18px;transition:all .3s; padding:20px 0;margin:0 58px;} #wrap.gtelp .tab_area ul li:after{position:absolute;left:0;bottom:3px;content:'';width:0;height:7px;background-color:#ba1134;transition:.35s;transform:translateX(0%);} #wrap.gtelp .tab_area ul li.active:after{width:100%;} #wrap.gtelp .tab_area ul li.on:after{width:100%;} #wrap.gtelp .tab_area ul li.active, #wrap.gtelp .tab_area ul li.on, #wrap.gtelp .tab_area ul li:hover{background:none;transform:scale(1.1);color:#fff;} #wrap.gtelp .cont_top{height:1335px;text-align:center;background:url('/assets/user/images/gtelp/gtelp_bg1.jpg') center 60px no-repeat;box-sizing:border-box;padding-top:175px;} #wrap.gtelp .titleText{font-size:26px;color:#fff;font-weight:200;letter-spacing:-0.8px;padding-bottom:20px;} #wrap.gtelp .gtelp_top1{padding:45px 0 60px;} #wrap.gtelp .tab_cont{text-align:center;background:url('/assets/user/images/gtelp/bg_tab_cont.jpg') center 65px no-repeat;padding:150px 0 158px;display:none;} #wrap.gtelp .tab_cont.on{display:block;} #wrap.gtelp .tab_cont .inner{width:1027px;margin:0 auto;position:relative;} #wrap.gtelp .tab_cont img{margin-bottom:50px;} #wrap.gtelp .tab_cont img:last-of-type{margin:0;} #wrap.gtelp .tabCont2{padding-bottom:120px;} #wrap.gtelp .tabCont2 img{margin-bottom:0;} #wrap.gtelp .tabCont2 a{font-size:0;line-height:0;text-indent:-9999px;width:155px;height:44px;display:block;position:absolute;} #wrap.gtelp .tabCont2 div[class^=tc]{position:relative;} #wrap.gtelp .tabCont2 .tc1 .btn_tc{top:132px;left:54px;} #wrap.gtelp .tabCont2 .tc2 .btn_tc{top:130px;right:79px;width:247px;} #wrap.gtelp .tabCont2 .tc3 .btn_tc{top:143px;left:51px;} #wrap.gtelp .tabCont2 .tc4 .btn_tc{top:112px;right:94px;width:232px;} #wrap.gtelp .tabCont4 img{margin-bottom:97px;} /* 유형별 안내 */ .pagodaLectuer .sec_typeGuide{padding:140px 0 50px;margin-bottom:150px;clear:both;} .pagodaLectuer .sec_typeGuide .inner{width:1080px;margin:0 auto;} .pagodaLectuer .sec_typeGuide .sec_tit{margin-bottom:70px;} .pagodaLectuer .type_sheet{position:relative;overflow:hidden;} .pagodaLectuer .type_sheet table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;} .pagodaLectuer .type_sheet .space_cell{background:none;border:none;} .pagodaLectuer .type_sheet th, .pagodaLectuer .type_sheet td{text-align:center;} .pagodaLectuer .type_sheet thead th{border-right:2px solid #000;} .pagodaLectuer .type_sheet thead th.tit_cell{background-color:#d2f7d7;font-size:15px;font-weight:bold;color:#000;border-right:0;border-bottom:1px solid #fff;} .pagodaLectuer .type_sheet thead th:last-child{border-right:none;} .pagodaLectuer .type_sheet th dl{} .pagodaLectuer .type_sheet th dt{padding:20px 0;font-size:24px;line-height:1.1;font-weight:bold;color:#fff;background-color:#181818;} .pagodaLectuer .type_sheet th dt span{font-size:13px;} .pagodaLectuer .type_sheet th dd{height:66px;padding:9px 0 0;font-size:12px;line-height:1.4;font-weight:500;color:#bbb;background-color:#3b3b3b;position:relative;box-sizing:border-box;} .pagodaLectuer .type_sheet th dd.line2{padding-top:17px;} .pagodaLectuer .type_sheet th dd.line3{padding-top:22px;font-size:15px;color:#fff;} .pagodaLectuer .type_sheet th dd:after{content:'';margin-left:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #3b3b3b;position:absolute;left:50%;bottom:100%;} .pagodaLectuer .type_sheet tbody th{background-color:#d2f7d7;font-size:15px;font-weight:bold;color:#000;} .pagodaLectuer .type_sheet tbody th, .pagodaLectuer .type_sheet tbody td{border-bottom:1px solid #fff;} .pagodaLectuer .type_sheet tbody th.s_th{padding:7px 0;font-size:13px;font-weight:500;color:#444;border-left:1px solid #fff;background-color:#d2f7d7;} .pagodaLectuer .type_sheet tbody td{padding:7px 0;height:38px;font-size:13px;font-weight:500;color:#000;background-color:#f3f6f9;border-right:2px solid #000;} .pagodaLectuer .type_sheet tbody td.dash_list{padding:20px;text-align:left;vertical-align:top;} .pagodaLectuer .type_sheet tbody td.dash_list p:before{display:block;content:'-';position:absolute;left:0;} .pagodaLectuer .type_sheet tbody td.dash_list p{position:relative;padding-left:10px;margin:0;word-break:keep-all;letter-spacing:0;} .pagodaLectuer .type_sheet tbody tr td:last-child{border-right:none;} .pagodaLectuer .type_sheet tbody tr:last-child th, .pagodaLectuer .type_sheet tbody tr:last-child td{border-bottom:none;} .pagodaLectuer .type_sheet .btn_detail{height:22px;margin-top:5px;padding:0 6px;display:inline-block;font-size:12px;line-height:22px;color:#fff;background-color:#444;position:relative;z-index:1;} .pagodaLectuer .type_sheet .active_cover{width:272px;height:100%;position:absolute;left:-9999px;top:0;box-shadow:0 0 14px 2px rgba(0, 0, 0, 0.9);} .pagodaLectuer .sec_typeGuide .info_txt{font-size:16px;font-weight:600;letter-spacing:0;color:#aaa;text-align:right;padding:0;margin:10px 0 0;} .pagodaLectuer .type_sheet .active dt{background-color:#6ae67a;} .pagodaLectuer .type_sheet .active dd{background-color:#007442;color:#fff;} .pagodaLectuer .type_sheet .active dd:after{border-bottom-color:#007442;} .pagodaLectuer.japan .type_sheet thead th.tit_cell{background-color:#eedfef;} .pagodaLectuer.japan .type_sheet tbody th{background-color:#eedfef;} .pagodaLectuer.japan .type_sheet tbody th.s_th{background-color:#eedfef;} .pagodaLectuer.japan .type_sheet .active dt{background-color:#b73fbf;} .pagodaLectuer.japan .type_sheet .active dd{background-color:#97379d;} .pagodaLectuer.japan .type_sheet .active dd:after{border-bottom-color:#97379d;} .pagodaLectuer.english #practical th.tit_cell{background:#d8e8ff;} .pagodaLectuer.english #practical thead th{border-right:2px solid #fff;} .pagodaLectuer.english #practical tbody th{background:#d8e8ff;} .pagodaLectuer.english #practical tbody td{border-right:2px solid #fff;} /* [제2외국어] */ .lectureSubTab.sc_lang > ul{display:table;width:1080px;margin:0 auto;table-layout:fixed;} .lectureSubTab.sc_lang > ul > li{display:table-cell;height:78px;line-height:78px;padding:0;} .lectureSubTab.sc_lang > ul > li.on a:before{margin-top:58px;} .secondLang .landing_contents{width:100%;padding:60px 0 0;overflow:hidden;} .secondLang *{box-sizing:border-box;} .secondLang .inner{width:1080px;margin:0 auto;position:relative;} .secondLang .tit_cont{margin:0;text-align:center;} .secondLang .floating_ban_r{margin-left:615px;position:fixed;left:50%;bottom:30px;z-index:503;text-align:center;} .secondLang .floating_ban_r a{display:block;} .secondLang .top_visual{height:1070px;padding:163px 0 0;text-align:center;background:url('/assets/user/images/sc_lang/top_visual.jpg') 50% 0 no-repeat;opacity:1;} .secondLang .top_visual .hd{position:relative;-webkit-transition:all 0.8s;transition:all 0.8s;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{transform:translate(0, 0) rotate(0deg);} .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{display:inline-block;text-align:center;} .secondLang .top_visual .ui_nav{margin-top:40px;position:relative;} .secondLang .top_visual .ui_nav ul{font-size:0;} .secondLang .top_visual .ui_nav li{padding:45px 0 0;display:inline-block;vertical-align:top;position:relative;} .secondLang .top_visual .ui_nav li + li{width:218px;text-align:right;background:url('/assets/user/images/sc_lang/ui_nav_line.png') 100% 0 no-repeat;} .secondLang .top_visual .ui_nav .point{width:18px;height:18px;display:inline-block;border:4px solid #fff;background-color:#898483;border-radius:50%;position:relative;} .secondLang .top_visual .ui_nav .point:before{content:'';width:61px;height:79px;background:url('/assets/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%, -105px);transform:translate(-50%, -105px);} .secondLang .top_visual .ui_nav .point:after{content:'';width:26px;height:26px;border:2px solid #ffb763;background-color:#fd5a0d;position:absolute;left:-8px;top:-8px;border-radius:50%;box-shadow:0 0 15px 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-size:22px;color:#fff;letter-spacing:0;position:absolute;right:0;bottom:-49px;-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:30px;font-weight:bold;color:#ff5b00;} .secondLang .cont_greeting{padding:165px 0 140px;background-color:#fff;} .secondLang .cont_greeting .tit_cont{margin-bottom:75px;} .secondLang .cont_greeting .greeting_cont{position:relative;} .secondLang .cont_greeting .greeting_cont span{position:relative;display:block;} .secondLang .cont_greeting .greeting_cont span + span{position:absolute;left:0;top:0;} .secondLang .cont_recommend{padding:116px 0 82px;background-color:#262626;} .secondLang .cont_recommend .tit_cont{margin-bottom:50px;} .secondLang .cont_program{padding:140px 0;background-color:#fff;} .secondLang .cont_program .tit_cont{margin-bottom:70px;} .secondLang .cont_program{} .secondLang .program_items{} .secondLang .program_items ul{margin:-15px -7px;font-size:0;} .secondLang .program_items li{width:50%;padding:15px 7px;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:300px;position:relative;-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 .cont{width:100%;font-size:25px;font-weight:700;color:#fff;position:absolute;left:0;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);} .secondLang .program_items .flip_box .cont em{font-size:50px;} .secondLang .program_items .flip_box .cont span{display:inline-block;} .secondLang .program_items .flip_box .cont span.type02{font-size:18px;font-weight:600;line-height:1.4;} .secondLang .program_items .flip_box .cont .btn_detail_view{height:45px;padding:0 40px;margin-top:45px;display:inline-block;font-size:24px;line-height:45px;color:#000;background-color:#fee900;border-radius:45px;} .secondLang .program_items .flip_box .back{background:url('/assets/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 15px 3px rgba(255, 234, 0, 1);} .secondLang .program_items li:nth-child(2) .flip_box .back{background-image:url('/assets/user/images/sc_lang/program_item_bg02.jpg');} .secondLang .program_items li:nth-child(3) .flip_box .back{background-image:url('/assets/user/images/sc_lang/program_item_bg03.jpg');} .secondLang .program_items li:nth-child(4) .flip_box .back{background-image:url('/assets/user/images/sc_lang/program_item_bg04.jpg');} .secondLang .program_items li:nth-child(5) .flip_box .back{background-image:url('/assets/user/images/sc_lang/program_item_bg05.jpg');} .secondLang .program_items .flip_box:hover .flip_inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);} .secondLang .cont_level{padding:130px 0 115px;background:#ffeae0 url('/assets/user/images/sc_lang/cont_level_bg.jpg') 50% 0 no-repeat;} .secondLang .cont_level .tit_cont{margin-bottom:100px;} .secondLang .level_cont{position:relative;} .secondLang .level_nav{width:100%;position:absolute;left:0;top:0;} .secondLang .level_nav a{width:148px;height:56px;font-size:0;position:absolute;z-index:2;} .secondLang .level_nav a:before{content:'';width:53px;height:68px;margin-left:-20px;background:url('/assets/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, -122px);transform:translate(0, -122px);} .secondLang .level_nav a.active:before{opacity:1;-webkit-transform:translate(0, -82px);transform:translate(0, -82px);animation:bounce02 .3s ease infinite alternate;} .secondLang .level_nav_cont{position:relative;} .secondLang .level_nav_cont li{position:relative;opacity:0;left:100%;-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in;} .secondLang .level_nav_cont li + li{position:absolute;top:0;} .secondLang .level_nav_cont .hd{width:100%;text-align:center;position:absolute;left:0;top:129px;opacity:0;-webkit-transform:scale(2);transform:scale(2);} .secondLang .level_nav_cont .cont{position:relative;} .secondLang .level_nav_cont .cont .video{position:absolute;left:58px;top:470px;width:963px;height:466px;} .secondLang .level_nav_cont .on{left:0;opacity:1;z-index:1;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .secondLang .level_nav_cont .on .hd{opacity:1;-webkit-transition: all 0.2s ease-out 0.3s;transition: all 0.2s ease-out 0.3s;-webkit-transform:scale(1);transform:scale(1);} .secondLang .level_nav .nav_imgs{} .secondLang .level_nav .nav_imgs span{position:relative;opacity:0;-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;} .secondLang .cont_review{padding:120px 0 160px;background-color:#262626;overflow:hidden;} .secondLang .cont_review .tit_cont{margin-bottom:90px;} .secondLang .review_swiper{text-align:center;} .secondLang .review_swiper .box{padding:52px 38px 32px;background:#ddd;} .secondLang .review_swiper .subject{font-size:25px;font-weight:600;color:#000;} .secondLang .review_swiper .rating{font-size:32px;color:#fd5a0d;letter-spacing:6px;} .secondLang .review_swiper .thumb{width:225px;height:150px;margin:5px auto 20px;background-color:#444;} .secondLang .review_swiper .info{text-align:center;} .secondLang .review_swiper .info .label{width:99px;height:99px;font-size:0;text-indent:-9999px;background:url('/assets/user/images/sc_lang/label_best.png') no-repeat;position:absolute;right:-41px;top:-39px;} .secondLang .review_swiper .info p{margin:0;font-size:15px;font-weight:400;color:#000;} .secondLang .review_swiper .info p + p{margin-top:3px;font-weight:700;} .secondLang .review_swiper .swiper-slide{opacity:0.4;width:350px;-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 .swiper-container{position:relative;overflow:visible;} .secondLang .review_swiper .swiper-button-prev, .secondLang .review_swiper .swiper-button-next{position:absolute;top:43%;width:78px;height:78px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;z-index:3;} .secondLang .review_swiper .swiper-button-prev{left:calc(50% - 280px);background-image:url('/assets/user/images/japan/nav_prev.png');} .secondLang .review_swiper .swiper-button-next{right:calc(50% - 280px);background-image:url('/assets/user/images/japan/nav_next.png');} .secondLang .review_swiper .review_noti{margin-top:27px;font-size:18px;font-weight:300;color:#acacac;} .secondLang .review_swiper .btn_more{display:inline-block;margin-top:40px;} .secondLang .vetnam .level_nav a:nth-child(1){left:31px;top:155px;} .secondLang .vetnam .level_nav a:nth-child(2){left:458px;top:0;} .secondLang .vetnam .level_nav a:nth-child(3){width:249px;left:814px;top:155px;} .secondLang .vetnam .level_nav_cont li:nth-child(3) .hd img{margin-left:-70px;} .secondLang .france .level_nav a:nth-child(1){left:458px;top:0;} .secondLang .spain .level_nav a:nth-child(1){left:154px;top:83px;} .secondLang .spain .level_nav a:nth-child(2){left:795px;top:83px;} .secondLang .italy .level_nav a:nth-child(1){left:31px;top:155px;} .secondLang .italy .level_nav a:nth-child(2){left:458px;top:0;} .secondLang .italy .level_nav a:nth-child(3){width:249px;left:814px;top:155px;} .secondLang .germany .level_nav a:nth-child(1){left:31px;top:155px;} .secondLang .germany .level_nav a:nth-child(2){left:458px;top:0;} .secondLang .germany .level_nav a:nth-child(3){width:249px;left:814px;top:155px;} @-webkit-keyframes bounce{100%{height:89px;top:-20px;}} @keyframes bounce{100%{height:89px;top:-20px;}} @-webkit-keyframes bounce02{100%{height:76px;top:-20px;}} @keyframes bounce02{100%{height:76px;top:-20px;}} @-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)}} /* [크리에이터 클래스] */ #wrap.creatorClass{position:relative;padding-top:60px;} #wrap.creatorClass h3{padding:0;margin:0;} #wrap.creatorClass h3 img{max-width:100%;} #wrap.creatorClass .inner{width:1200px;margin:0 auto;} #wrap.creatorClass .cont1{position:relative;height:822px;line-height:0;overflow:hidden;} #wrap.creatorClass .cont1 video{position:absolute;left:calc(50% - 960px);top:0; } #wrap.creatorClass .cont2{padding:120px 0;text-align:center;background:#f5f5f5;} #wrap.creatorClass .cont2 .tit{margin-bottom:80px;} #wrap.creatorClass .cont2 .inner{width:100%;} #wrap.creatorClass .cont2 .ban_youtube a{right:117px;} #wrap.creatorClass .cont2 .youtube-slider{position:relative;width:1425px;margin:0 auto;padding:0 60px;} #wrap.creatorClass .cont2 .youtube-slider .swiper-slide{width:865px;} #wrap.creatorClass .cont2 .youtube-slider .video_wrap a{display:block;} #wrap.creatorClass .cont2 .youtube-slider .video_wrap img{width:100%;} #wrap.creatorClass .cont2 .youtube-slider .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.8),rgba(0,0,0,0))} #wrap.creatorClass .cont2 .youtube-slider .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.8),rgba(0,0,0,0))} #wrap.creatorClass .cont2 div[class^=swiper-button-]{top:25px;width:279px;height:450px;font-size:0;text-indent:-9999px;background:rgba(0,0,0,0.5);z-index:1} #wrap.creatorClass .cont2 .youtube-slider .swiper-button-prev{left:0;} #wrap.creatorClass .cont2 .youtube-slider .swiper-button-next{right:0;} #wrap.creatorClass .cont2 div[class^=swiper-button-]:after{content:'';position:absolute;top:41%;display:block;width:34px;height:59px;} #wrap.creatorClass .cont2 div.swiper-button-prev:after{left:50%;background:url('/assets/user/images/creator/prev.png') center no-repeat;} #wrap.creatorClass .cont2 div.swiper-button-next:after{right:50%;background:url('/assets/user/images/creator/next.png') center no-repeat;} #wrap.creatorClass .layer_area.ly_sample{position:fixed;left:50%;top:20%;transform:translateX(-50%);width:800px;padding:50px 0 0;border:0;background:0;z-index:2000;} #wrap.creatorClass .layer_area.ly_sample .pop_top{display:none;} #wrap.creatorClass .layer_area.ly_sample .mv_area{width:800px;margin:0 auto;} #wrap.creatorClass .layer_area.ly_sample .mv_big{position:relative;display:block;} #wrap.creatorClass .cont3{position:relative;height:1021px;} #wrap.creatorClass .cont3 li{position:relative;height:1021px;background-position:center 0;background-repeat:no-repeat;} #wrap.creatorClass .cont3 li.tc1{background-image:url('/assets/user/images/creator/cont3_bg1.jpg');} #wrap.creatorClass .cont3 li.tc2{background-image:url('/assets/user/images/creator/cont3_bg2.jpg');} #wrap.creatorClass .cont3 li.tc3{background-image:url('/assets/user/images/creator/cont3_bg3.jpg');} #wrap.creatorClass .cont3 li.tc4{background-image:url('/assets/user/images/creator/cont3_bg4.jpg');} #wrap.creatorClass .cont3 li.tc5{background-image:url('/assets/user/images/creator/cont3_bg5.jpg');} #wrap.creatorClass .cont3 li .hidden_info{font-size:0;text-indent:-9999px;} #wrap.creatorClass .cont3 li a{position:absolute;left:calc(50% - 600px);top:635px;width:195px;height:53px;font-size:0;text-indent:-9999px;} #wrap.creatorClass .cont3 li a + a{top:705px;} #wrap.creatorClass .cont3 .bx-controls a{position:absolute;top:0;width:50px;height:100%;font-size:0;text-indent:-9999px;z-index:51;} #wrap.creatorClass .cont3 .bx-controls .bx-prev{left:calc(50% - 700px);background:url('/assets/user/images/creator/prev.png') 0 center no-repeat;} #wrap.creatorClass .cont3 .bx-controls .bx-next{right:calc(50% - 700px);background:url('/assets/user/images/creator/next.png') center right no-repeat;} #wrap.creatorClass .cont4{padding:120px 0;background:#e91538;} #wrap.creatorClass .cont4 .tit{margin-bottom:120px;} #wrap.creatorClass .cont4 .box + .box{margin-top:120px;text-align:right;transition-delay:0.3s;} #wrap.creatorClass .cont5{position:relative;padding:120px 0;text-align:center;background:#0f0f0f;} #wrap.creatorClass .cont5 .tit{margin-bottom:80px;} #wrap.creatorClass .cont5 .review_slider{} #wrap.creatorClass .review_slider .slide_box{width:394px;height:550px;padding:20px;background:#fff;box-sizing:border-box;} #wrap.creatorClass .review_slider .rv_tit{margin:30px 0;color:#e91538;font-size:25px;text-align:center;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} #wrap.creatorClass .review_slider .thumb{width:100%;height:220px;overflow:hidden;} #wrap.creatorClass .review_slider .thumb img{width:100%;} #wrap.creatorClass .review_slider .txt_group{margin-top:25px;text-align:left;} #wrap.creatorClass .review_slider .best{display:inline-block;height:30px;line-height:32px;padding:0 18px;color:#fff;font-size:19px;border-radius:15px;background:#e91538;} #wrap.creatorClass .review_slider .txt_group{margin-top:25px;} #wrap.creatorClass .review_slider .class_tit{line-height:1.4;margin:15px 0 0;color:#222;font-size:21px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} #wrap.creatorClass .review_slider .writer{line-height:1.4;margin:5px 0 0;color:#222;font-size:21px;font-weight:600} #wrap.creatorClass .cont5 .bx-controls a{position:absolute;top:0;width:50px;height:100%;font-size:0;text-indent:-9999px;} #wrap.creatorClass .cont5 .bx-controls .bx-prev{left:calc(50% - 700px);background:url('/assets/user/images/creator/prev.png') 0 center no-repeat;} #wrap.creatorClass .cont5 .bx-controls .bx-next{right:calc(50% - 700px);background:url('/assets/user/images/creator/next.png') center right no-repeat;} /* [강사양성과정(중국어)] */ .teacherEdu{padding:60px 0 100px;} .teacherEdu p{padding:0;margin:0;} .teacherEdu .cont1{height:882px;background:url('/assets/user/images/teacher_edu/cont1.jpg') no-repeat center 0;text-align:center;} .teacherEdu .cont2{background:#3b5c45 url('/assets/user/images/teacher_edu/bg_cont2.gif') repeat-x 0 bottom;} .teacherEdu .cont2 .teacher_slide{background:url('/assets/user/images/teacher_edu/bg_teacher_slide.jpg') no-repeat 0 0;} .teacherEdu .cont2 .bx-controls-direction a{display:block;width:50px;height:50px;position:absolute;top:34%;border:1px solid #fff;border-width:0 0 2px 2px;z-index:51;transform:rotate(45deg);-webkit-transform:rotate(45deg);font-size:0;line-height:0;text-indent:-9999px;} .teacherEdu .cont2 .bx-controls-direction a.bx-prev{left:20px;} .teacherEdu .cont2 .bx-controls-direction a.bx-next{border-width:2px 2px 0 0;right:20px} .teacherEdu .cont2 .say{position:absolute;top:560px;left:0;width:100%;text-align:center;font-size:16px;color:#000;line-height:27px;} .teacherEdu .cont3{background:#efefe8;padding:77px 0 100px;} .teacherEdu .cont3 img + img{margin-top:40px;} .teacherEdu .cont4{padding:86px 0 92px;} .teacherEdu .cont4 img + img{margin-top:72px;} .teacherEdu .cont5{background:#efefe8;padding:90px 0;} .teacherEdu .cont5 .ytb_wrap{margin-top:88px;} .teacherEdu .cont5 .ytb_wrap iframe{border:1px solid #a7a7a7;border-top:0;} .teacherEdu .cont6{padding:88px 0;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 img + img{margin:74px 0 38px;} .teacherEdu .cont6 .curry_slide li{position:relative;} .teacherEdu .cont6 .curry_slide dl{position:absolute;top:157px;left:417px;text-align:left;} .teacherEdu .cont6 .curry_slide dt{font-size:32px;color:#1c1f20;font-weight:700;line-height:1;margin-bottom:30px;} .teacherEdu .cont6 .curry_slide dd{font-size:20px;color:#1c1f20;} .teacherEdu .cont6 .curry_slide dd:after{content:'';display:block;clear:both;} .teacherEdu .cont6 .curry_slide dd ul{float:left;width:300px;} .teacherEdu .cont6 .curry_slide dd ul + ul{width:auto;} .teacherEdu .cont6 .curry_slide dd li{line-height:34px;} .teacherEdu .cont6 .curry_slide dd li.line2{text-indent:-23px;padding-left:46px;} .teacherEdu .cont6 .curry_slide dd strong{display:inline-block;vertical-align:top;} .teacherEdu .cont6 .curry_slide dd strong:after{content:'';display:inline-block;width:2px;height:16px;background:#7a7c7d;margin:0 8px;position:relative;top:1px;} .teacherEdu .cont7{padding:90px 0 70px;background:#efefe8;text-align:center;} .teacherEdu .cont7 ol{margin:56px 0 68px;} .teacherEdu .cont7 ol:after{content:'';display:block;clear:both;} .teacherEdu .cont7 ol li{text-align:left;} .teacherEdu .cont7 ol > li{float:left;margin-right:13px;position:relative;} .teacherEdu .cont7 ol > li:last-child{margin-right:0;} .teacherEdu .cont7 ol ul{position:absolute;top:227px;left:20px;} .teacherEdu .cont7 ol ul li{font-size:16px;color:#000;font-weight:700;padding-left:23px;line-height:24px;margin-bottom:9px;background:url('/assets/user/images/teacher_edu/ico_chk.gif') no-repeat 0 3px;} .teacherEdu .cont7 ol ul li p.sub{font-size:15px;color:#7d7d7d;font-weight:normal;line-height:22px;margin-top:5px;} .teacherEdu .btn_group{margin-top:40px;} .teacherEdu .btn_group a{display:inline-block;width:350px;height:75px;line-height:75px;background:#f76723 url('/assets/user/images/teacher_edu/ico_arr1.png') no-repeat 87% 23px;border-top:5px solid #000;font-size:24px;color:#000;margin:0 4px;} .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:59px 0 0 224px;position:relative;} .teacherEdu .cont7 .notice_tit{font-size:22px;color:#000;font-weight:700;display:inline-block;border-bottom:2px solid #000;position:absolute;top:0;left:0;} .teacherEdu .cont7 .notice_list{padding-left:162px;} .teacherEdu .cont7 .notice_list li{font-size:16px;color:#30302e;line-height:26px;} .teacherEdu .cont7 .notice_list li:before{content:'';display:inline-block;vertical-align:middle;width:2px;height:2px;background:#454542;margin-right:6px;} .teacherEdu .cont_evt{background:#3b5c45;} .teacherEdu .cont8{padding:90px 0;text-align:center;} .teacherEdu .cont8_tit{text-align:left;} .teacherEdu .cont8 .notice_tbl{background:#efefe8;border:1px solid #a7a7a7;margin-top:57px;text-align:left;} .teacherEdu .cont8 .notice_tbl:after{content:'';display:block;clear:both;} .teacherEdu .cont8 .notice_tbl dt, .teacherEdu .cont8 .notice_tbl dd{box-sizing:border-box;float:left;color:#000;} .teacherEdu .cont8 .notice_tbl dt{width:343px;font-size:22px;font-weight:700;padding-left:104px;background:url('/assets/user/images/teacher_edu/ico_chk.gif') no-repeat 72px 6px;} .teacherEdu .cont8 .notice_tbl dd{width:735px;background:#fff;font-size:18px;line-height:30px;padding:0 0 30px 58px;} .teacherEdu .cont8 .notice_tbl dt:first-child{margin-top:60px;} .teacherEdu .cont8 .notice_tbl dt:first-child + dd{padding-top:60px;} .teacherEdu .cont8 .notice_tbl dd:last-child{padding-bottom:60px;} .teacherEdu .cont8 .cont8_txt{font-size:20px;color:#000;line-height:30px;padding-top:40px;} .teacherEdu .cont8 .btn_group a{width:671px;font-weight:700;} .teacherEdu .cont9{text-align:center;background:#000;padding:77px 0 80px;} .teacherEdu .cont9 .info_banner{position:relative;margin-top:35px;} .teacherEdu .cont9 .info_banner .btn_question{position:absolute;top:207px;right:289px;width:203px;height:40px;display:block;font-size:0;line-height:0;text-indent:-9999px;} /* [듀오링고] */ #wrap.duolingo .inner{width:1024px;margin:0 auto;position:relative;text-align:center;} #wrap.duolingo .hidden{font-size:0;line-height:0;text-indent:-9999px;} #wrap.duolingo .cont_top{height:730px;text-align:center;background:url('/assets/user/images/duolingo/duo_cont_top.jpg') center 60px no-repeat;box-sizing:border-box;padding-top:60px;} #wrap.duolingo .cont1{background:#e7e7e7;padding:65px 0 108px;} #wrap.duolingo .cont1 .btn_duo_organ{margin-top:44px;display:inline-block;} #wrap.duolingo .cont2{height:860px;text-align:center;background:url('/assets/user/images/duolingo/duo_cont2.jpg') center 0 no-repeat;} #wrap.duolingo .cont3{padding:117px 0 110px;background:#19191f;} #wrap.duolingo .cont4{height:1645px;text-align:center;background:url('/assets/user/images/duolingo/duo_cont4.jpg') center 0 no-repeat;} #wrap.duolingo .cont5{padding:115px 0 80px;background:#332a24;} #wrap.duolingo .lect_tab{margin-top:58px;} #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:70px;text-align:center;font-size:21px;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{margin-left:600px;position:fixed;left:50%;top:340px;z-index:503;text-align:center;} /* [라이트 클래스] */ #wrap.lightClass .landing_contents{background:#7115ff;} .lightClass .lightCont1{background:#7115ff url('/assets/user/images/lecture/light_class/ver1_tit.jpg') no-repeat 50% 213px;height:734px;} .lightClass .lightCont1 p{font-size:0;text-indent:-9999px;line-height:0;} .lightClass .lightCont2{text-align:center;} .lightClass .lightCont2 img + img{margin-top:100px;} .lightClass .lightCont2 img + img + img{margin-top:130px;} .lightClass .lightCont.sample{padding:150px 0 0;text-align:center;} .lightClass .lightCont.sample .wrapper{padding-bottom:150px;} .lightClass .lightCont.sample h3{margin-bottom:60px;} .lightClass .lightCont.sample .videoArea{width:854px;height:480px;margin:0 auto;box-shadow:0 0 40px 5px rgba(0, 0, 0, 0.3);background-color:#181818;position:relative;} .lightClass .lightCont.sample .videoArea iframe{width:100%;height:100%;position:absolute;left:0;top:0;} .lightClass .lightCont.sample .videoCont{width:854px;height:480px;margin:0 auto;box-shadow:0 0 40px 5px rgba(0, 0, 0, 0.3);background-color:#181818;position:relative;} .lightClass .lightCont.sample .videoCont iframe{width:100%;height:100%;position:absolute;left:0;top:0;} .lightClass .btnOnlineClass{width:600px;height:100px;line-height:100px;margin:95px auto 100px;display:block;text-align:center;font-size:40px;font-weight:bold;color:#fff;background-color:#2b2b2b;} .lightClass .btnOnlineClass:after{content:'';display:inline-block;width:20px;height:20px;border:1px solid #fff;border-width:4px 4px 0 0;transform:rotate(45deg);margin-left:16px;vertical-align:middle;position:relative;top:-2px;} .lightClass .videoTit{text-align:left;width:853px;margin:20px auto;} .lightClass .videoTit strong{display:block;font-size:40px;color:#fff;} .lightClass .videoTit p{margin:5px 0;font-size:18px;line-height:26px;color:#b0bad8;} .lightClass .sampleVideoWrap{padding:50px 0 0;position:relative;} .lightClass .sampleVideoWrap .tit{width:auto;margin-bottom:30px;text-align:center;} .lightClass .sampleVideoItem{width:873px;margin:0 auto;} .lightClass .sampleVideoItem li{width:284px;} .lightClass .sampleVideoItem .thumbImg{width:100%;} .lightClass .sampleVideoItem .thumbImg img{width:100%;height:160px;object-fit:cover;} .lightClass .sampleVideoItem .cont{padding:13px 20px;text-align:left;font-size:16px;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:3px;font-weight:700;} .lightClass .sampleVideoItem .cont p{margin:0;} .lightClass .sampleVideoItem .bx-controls-direction a{font-size:0;line-height:0;text-indent:-9999px;width:36px;height:36px;position:absolute;bottom:115px;border:1px solid #fff;border-width:0 0 2px 2px;transform:rotate(45deg);} .lightClass .sampleVideoItem .bx-controls-direction a.bx-prev{left:40px;} .lightClass .sampleVideoItem .bx-controls-direction a.bx-next{border-width:2px 2px 0 0;right:40px;} .lightClass .sampleVideoItem .bx-pager{display:none;} .lightClass .lightCont3{padding:150px 0 180px;} .lightClass .lightCont3 .tit_class{padding-bottom:50px;text-align:center;text-indent:-20px;} .lightClass .search_area{width:1080px;height:93px;padding-top:25px;background:#ffd800;text-align:center;box-sizing:border-box;} .lightClass .search_area *{display:inline-block;vertical-align:middle;} .lightClass .search_area dt{font-size:25px;color:#000;font-weight:800;margin-right:13px;} .lightClass .search_area dd + dt{margin-left:43px;} .lightClass .search_area select{width:278px;height:41px;line-height:41px;border:1px solid #e3d1ff;border-radius:5px;font-size:18px;text-indent:10px;} .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{width:209px;height:41px;line-height:41px;background:#fff;border:1px solid #e3d1ff;border-radius:5px;font-size:18px;text-indent:10px;} .lightClass .search_area .btn_search{width:32px;height:32px;background:url('/assets/user/images/lecture/light_class/btn_search.png') no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;margin-left:11px;} .lightClass .teacherList{width:1080px;padding-top:35px;margin-top:32px;} .lightClass .teacherList ul{width:1080px;margin:0 auto;position:relative;box-sizing:border-box;} .lightClass .teacherList ul:before, .lightClass .teacherList ul:after{content:'';clear:both;display:block;width:100%;} .lightClass .teacherList li{float:left;position:relative;vertical-align:top;text-align:center;transition:all .3s ease-out;margin:0 20px 20px 0;} .lightClass .teacherList li:nth-child(4n){margin-right: 0;} .lightClass .teacherList li > a{display: block;width:255px;height:347px;padding:0;box-sizing:border-box;background:#fff;} .lightClass .teacherList li > a > div{overflow:hidden;} .lightClass .teacherList li .title{display:block;text-align:center;font-size:19px;color:#000;max-height:46px;line-height:23px;font-weight:600;padding: 0 10px;margin-bottom: 5px;} .lightClass .teacherList li .photo{width:255px;height:240px;background-color:#f4f4f4;margin:0 auto 15px;padding-top: 10px;box-sizing:border-box;} .lightClass .teacherList li .photo img{width:400px;height:260px;position:relative;left:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transition:all 0.3s ease;} .lightClass .teacherList li .name{display:block;text-align:center;font-size:15px;color:#7115ff;font-weight:600;} .lightClass .teacherList .btn_more_teacher{display:block;width:219px;height:60px;line-height:60px;color:#fff;font-size:22px;font-weight:600;background:#7115ff;border-radius:5px;margin:0 auto;} .lightClass .teacherList .ico_rank{position:absolute;top:-35px;left:7px;} .lightClass .teacherList li:before{z-index:2;} .lightClass .teacherList li:hover .photo{background:#ffd800;transition:all .3s ease-out;} .lightClass .teacherList li:hover .photo img{transform:translate(-50%,0) scale(1.1);} .lightClass .teacherList li:hover .title{text-decoration:underline;} .lightClass .notice{padding:0 0 100px;margin:0 auto;text-align:left;width:1020px;} .lightClass .notice dt{position:relative;padding:0 15px 20px;color:#fff;font-size:40px;font-weight:700;color:#fff;border-bottom:4px solid #fff;cursor:pointer;} .lightClass .notice dt:after{content:'';width:32px;height:19px;margin-top:-20px;background:url('/assets/user/images/lecture/light_class/ico_noti.png') no-repeat;position:absolute;top:50%;right:40px;transition:all 0.3s ease;} .lightClass .notice dt.on:after{transform:rotate(180deg);} .lightClass .notice dd{padding:50px 0;} .lightClass .notice dd li{position:relative;line-height:1.8;padding-left:20px;color:#fff;font-size:25px;} .lightClass .notice dd li:before{content:'•';font-weight:100;position:absolute;left:0;top:0;} .lightClass .float_ban_right{margin:400px 0 0 565px;overflow:visible;position:fixed;top:auto;bottom:50px;animation:floatBounce 1s ease-in Infinite Alternate;} @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:25px;height:25px;font-size:0;line-height:0;text-indent:-9999px;} .lightClass .layerTeacher{display:none;} .lightClass .layerTeacher .layerIn{position:absolute;top:0;left:50%;margin-left:-472px;width:944px;background:#fff;z-index:1002;box-sizing:border-box;padding:66px 80px 70px;} .lightClass .layerTeacher .lect_option{padding-left: 290px;min-height:295px;} .lightClass .layerTeacher .ly_stit{margin:0 0 20px;} .lightClass .layerTeacher .ico_label{padding: 0;margin: 0;} .lightClass .layerTeacher .ico_label span{display: inline-block;vertical-align: middle;height: 30px;line-height: 30px;background: #ffd800;padding: 0 10px;font-size: 16px;color: #000;font-weight:600;margin-right: 5px;} .lightClass .layerTeacher .ly_tit{font-size:40px;color:#000;font-weight:800;line-height: 52px;margin:0 0 25px;width:470px;overflow:hidden;max-height:104px;} .lightClass .layerTeacher dt, .lightClass .layerTeacher dd{display:inline-block;vertical-align:middle;line-height:1;padding: 10px 0;} .lightClass .layerTeacher dl{width:470px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 10px 0;} .lightClass .layerTeacher dt{width:107px;font-size:22px;color:#000;font-weight:600;} .lightClass .layerTeacher dt.subj{letter-spacing: 39px;} .lightClass .layerTeacher dd{width:355px;font-size:20px;color:#3f3f3f;} .lightClass .layerTeacher .price_group{padding-top: 27px;width: 470px;} .lightClass .layerTeacher .price_group:after{content: '';display: block;clear: both;} .lightClass .layerTeacher .lect_price{font-size:42px;color:#7115ff;font-weight:800;margin: 0;padding: 0;line-height: 1;float: left;padding-top:10px;} .lightClass .layerTeacher .btn_lect_apply{float: right;} .lightClass .layerTeacher .teacherInfo{position:absolute;top:109px;left:80px;text-align:center;} .lightClass .layerTeacher .teacher_photo{width:234px;height:234px;background:#f4f4f4;position:relative;overflow: hidden;} .lightClass .layerTeacher .teacher_photo img{height:234px;position: absolute;top: 10px;left: 50%;margin-left: -180px;} .lightClass .layerTeacher .btn_teacher_home{display: inline-block;vertical-align: middle;width:48px;height:48px;font-size:0;line-height:0;text-indent:-9999px;background:url('/assets/user/images/lecture/light_class/btn_home.png') no-repeat 0 0;margin-right: 5px;} .lightClass .layerTeacher .teacher_name{font-size:18px;color:#000;font-weight:600;margin:10px 0 0;} .lightClass .layerTeacher .lect_special{margin-top: 58px;border: 2px solid #e9e9e9;} .lightClass .layerTeacher .lect_special .con{min-height: 435px;} .lightClass .layerTeacher .lect_special .con > div{padding: 50px;} .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: 58px;line-height: 58px;text-align: center;font-size: 22px;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: 20px;color: #000;line-height: 32px;} .lightClass .layerTeacher .lect_special .mv_box{width: 586px;margin: 0 auto;} .lightClass .layerTeacher .btn_ly_close{position:absolute;top:20px;right:20px;width:30px;height:30px;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;} .lightClass .layerTeacher .layer_dim{width:100%;height:100%;background:rgba(0, 0, 0, 0.5);position:fixed;left:0;top:0;z-index:1001;} /* [일본어 JLPT] */ .japan_JLPT{padding-bottom:50px;} .japan_JLPT *{box-sizing:border-box;} .japan_JLPT h2, .japan_JLPT h3, .japan_JLPT h4, .japan_JLPT p{margin:0;padding:0;} .japan_JLPT .landing_contents{padding:60px 0 0;margin-bottom:150px;} .jspan_JLPT .tit_cont{text-align:center;} .japan_JLPT .inner{width:1080px;margin:0 auto;position:relative;text-align:center;} .japan_JLPT .tit_cont{text-align:center;} .japan_JLPT .top_visual{height:861px;text-align:center;background:url('/assets/user/images/japan/jlpt/top_visual_bg.jpg') 50% 0 no-repeat;} .japan_JLPT .top_visual .inner{padding:158px 0 0;} .japan_JLPT .top_visual .hd h2{margin-top:33px;} .japan_JLPT .top_visual .hd p, .japan_JLPT .top_visual .hd h2{opacity:0;transition:all 0.5s ease;} .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;transform:translate(0, 0);} .japan_JLPT .d_day_cont{position:absolute;left:calc(50% - 312px);top:608px;z-index:2;} .japan_JLPT .d_day_cont .desc{margin-bottom:30px;} .japan_JLPT .d_day_cont .desc p{font-size:24px;color:#fff;} .japan_JLPT .d_day_cont .desc strong{font-size:37px;font-weight:700;color:#ff47ae;} .japan_JLPT .d_day_board{position:relative;} .japan_JLPT .d_day_board::before{content:'';width:618px;height:112px;background:url('/assets/user/images/japan/jlpt/d_day_shadow.png') no-repeat;position:absolute;left:40px;bottom:-10px;} .japan_JLPT .d_day_board .board_cont{width:624px;height:169px;padding:0 50px;font-size:0;background:url('/assets/user/images/japan/jlpt/d_day_bg.png') no-repeat;position:relative;z-index:1;} .japan_JLPT .d_day_board span{width:104px;height:166px;display:inline-block;vertical-align:middle;text-align:center;font-family:'Arial';font-size:95px;font-weight:normal;line-height:166px;color:#f1f1f1;position:relative;} .japan_JLPT .d_day_board span::after{content:'';width:100%;height:100%;background:url('/assets/user/images/japan/jlpt/d_day_line.png') 50% 0 no-repeat;position:absolute;left:0;top:0;} .japan_JLPT .d_day_board .str_d{font-size:90px;line-height:172px;} .japan_JLPT .d_day_board .days{margin-left:105px;display:inline-block;vertical-align:middle;} .japan_JLPT .cont_review{padding:120px 0;background-color:#ffe6f1;overflow:hidden;} .japan_JLPT .cont_review .tit_cont{margin-bottom:60px;} .japan_JLPT .review_swiper{text-align:center;} .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:32px 38px;background-color:#e3cad5;border-radius:20px;} .japan_JLPT .review_swiper .subject{font-size:24px;font-weight:600;color:#321924;} .japan_JLPT .review_swiper .rating{font-size:24px;color:#9b828d;letter-spacing:6px;} .japan_JLPT .review_swiper .thumb{width:220px;height:150px;margin:12px auto 25px;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:27px;margin-bottom:12px;padding:0 15px;text-align:center;font-size:18px;line-height:30px;color:#fff;display:inline-block;border-radius:30px;background-color:#333;} .japan_JLPT .review_swiper .info p{font-size:15px;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:320px;-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 .swiper-container{position:relative;overflow:visible;} .japan_JLPT .review_swiper .review_noti{margin-top:25px;font-size:15px;color:#999;} .japan_JLPT .review_swiper .btn_more{display:inline-block;margin-top:45px;box-shadow:10px 10px 25px 1px rgba(0, 0, 0, 0.2);} .japan_JLPT .review_video{margin-top:120px;} .japan_JLPT .review_video_swiper{position:relative;padding:50px 0;margin:0 auto;background-color:#222;border-radius:18px;} .japan_JLPT .review_video_swiper li{position:relative;} .japan_JLPT .review_video_swiper .video_box{width:534px;height:300px;border-radius:20px;background-color:#666;overflow:hidden;position:absolute;left:50px;top:calc(50% - 156px);} .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-button-prev, .japan_JLPT .review_video_swiper .swiper-button-next{position:absolute;top:45%;width:25px;height:25px;font-size:0;text-indent:-9999px;border:1px solid #222;border-width:0 0 3px 3px;transform:rotate(45deg);z-index:3;} .japan_JLPT .review_video_swiper .swiper-button-prev{left:-30px;} .japan_JLPT .review_video_swiper .swiper-button-next{right:-30px;border-width:3px 3px 0 0;} .japan_JLPT .review_video .sliding_next{position:relative;width:488px;height:36px;margin:40px auto;background:url('/assets/user/images/japan/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;bottom:0;animation:sliding_bg 1.3s infinite;} @keyframes sliding_bg{0%{transform:translateX(62%);}55%{transform:translateX(85%);}100%{transform:translateX(62%);}} .japan_JLPT .cont_tip{padding:120px 0 145px;background-color:#222;} .japan_JLPT .cont_tip .tit_cont{margin-bottom:59px;} .japan_JLPT .tip_swiper{padding:0 30px;position:relative;} .japan_JLPT .tip_swiper li{width:320px;margin-right:30px;padding-top:96px;display:inline-block;vertical-align:top;} .japan_JLPT .tip_swiper li .tooltip{position:absolute;left:6px;top:0;} .japan_JLPT .tip_swiper li .video_box{width:100%;padding-bottom:56.25%;background-color:#444;border-radius:15px;position:relative;overflow:hidden;box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.1);} .japan_JLPT .tip_swiper li .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% + 9px);width:78px;height:78px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;z-index:3;} .japan_JLPT .tip_swiper .swiper-button-prev{left:0;background-image:url('/assets/user/images/japan/jlpt/nav_prev.png');} .japan_JLPT .tip_swiper .swiper-button-next{right:0;background-image:url('/assets/user/images/japan/jlpt/nav_next.png');} .japan_JLPT .cont_book{padding:95px 0 115px;text-align:center;background:url('/assets/user/images/japan/jlpt/cont_book_bg.jpg') 50% 0 no-repeat;} .japan_JLPT .cont_book .tit_cont{margin-bottom:78px;} .japan_JLPT .cont_book .book_objs{width:693px;height:382px;display:inline-block;position:relative;opacity:1;} .japan_JLPT .cont_book .book_objs:before{content:'';width:731px;height:405px;background:url('/assets/user/images/japan/jlpt/book_shadow.png') no-repeat;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_book .book_desc{margin-top:60px;} .japan_JLPT .cont_curri{padding:100px 0 120px;background-color:#ffe4f6;} .japan_JLPT .cont_curri .tit_cont{margin-bottom:80px;} .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:80px;flex:1;} .japan_JLPT .cont_type{padding:95px 0 120px;background-color:#fff;} .japan_JLPT .cont_type .tit_cont{margin-bottom:58px;} .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:100px;flex:1;} .japan_JLPT .cont_type .btn_detail{display:inline-block;margin-top:45px;box-shadow:10px 10px 25px 1px rgba(0, 0, 0, 0.2);} .japan_JLPT .cont_teacher{padding:120px 0 0;background:url('/assets/user/images/japan/jlpt/cont_teacher_bg.jpg') 50% 0 no-repeat, url('/assets/user/images/japan/jlpt/cont_teacher_bg_repeat.jpg') 50% 0 repeat-y;overflow:hidden;} .japan_JLPT .cont_teacher .tit_cont{margin-bottom:80px;} .japan_JLPT .cont_teacher .teacher_swiper{position:relative;} .japan_JLPT .cont_teacher .teacher_tabs{width:1080px;display:flex;position:absolute;left:calc(50% - 540px);top:0;z-index:2;opacity:0;} .japan_JLPT .cont_teacher .teacher_tabs span{height:120px;flex:1;} .japan_JLPT .cont_teacher .teacher_swiper li{width:100%;height:940px;background-repeat:no-repeat;background-position:50% 0;background-size:1920px auto;} .japan_JLPT .cont_teacher .teacher_swiper .wrap{width:1080px;margin:0 auto;position:relative;} .japan_JLPT .cont_teacher .teacher_swiper .video_box{width:420px;height:238px;background-color:#666;border-radius:18px;overflow:hidden;position:absolute;left:502px;top:400px;} .japan_JLPT .cont_teacher .teacher_swiper .video_commingsoon{width:420px;height:238px;text-align:center;background-color:#111;border-radius:18px;overflow:hidden;position:absolute;left:502px;top:400px;opacity:0.6;} .japan_JLPT .cont_teacher .teacher_swiper .video_commingsoon:after{content:'Coming Soon';font-size:32px;line-height:238px;font-weight:700;color:#fff;letter-spacing:4px;} .japan_JLPT .cont_teacher .teacher_swiper .video_box iframe{width:101%;height:101%;position:absolute;left:-0.5%;top:-0.5%;} .japan_JLPT .cont_teacher .teacher_swiper .btn_teacher_detail{position:absolute;left:502px;top:690px;} .japan_JLPT .cont_teacher .teacher_swiper .sns_btns{font-size:0;position:absolute;left:502px;top:779px;} .japan_JLPT .cont_teacher .teacher_swiper .sns_btns a, .japan_JLPT .cont_teacher .teacher_swiper .sns_btns span{height:41px;margin-right:9px;display:inline-block;vertical-align:top;} .japan_JLPT .cont_teacher .teacher_swiper .sns_btns .sns_kakaotalk{margin-right:20px;padding:0 26px 0 55px;font-size:16px;line-height:41px;color:#aaa7aa;background-color:#40363e;border-radius:40px;position:relative;} .japan_JLPT .cont_teacher .teacher_swiper .sns_btns .sns_kakaotalk:before{content:'';width:41px;height:41px;background:url('/assets/user/images/japan/jlpt/icon_kakao.png') no-repeat;position:absolute;left:0;top:0;} .japan_JLPT .cont_teacher .teacher_swiper .sns_btns .sns_youtube, .japan_JLPT .cont_teacher .teacher_swiper .sns_btns .sns_instagram{width:41px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;} .japan_JLPT .cont_teacher .teacher_swiper .sns_btns .sns_youtube{background-image:url('/assets/user/images/japan/jlpt/icon_youtube.png');} .japan_JLPT .cont_teacher .teacher_swiper .sns_btns .sns_instagram{background-image:url('/assets/user/images/japan/jlpt/icon_insta.png');} .japan_JLPT .cont_teacher .swiper-button-prev, .japan_JLPT .cont_teacher .swiper-button-next{position:absolute;top:600px;width:78px;height:78px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;z-index:3;} .japan_JLPT .cont_teacher .swiper-button-prev{left:calc(50% - 540px);background-image:url('/assets/user/images/japan/jlpt/nav_prev.png');} .japan_JLPT .cont_teacher .swiper-button-next{right:calc(50% - 540px);background-image:url('/assets/user/images/japan/jlpt/nav_next.png');} .japan_JLPT .cont_teacher .teacher_swiper li.ver1{background-image:url('/assets/user/images/japan/jlpt/teacher_img01.jpg');} .japan_JLPT .cont_teacher .teacher_swiper li.ver2{background-image:url('/assets/user/images/japan/jlpt/teacher_img02.jpg');} .japan_JLPT .cont_teacher .teacher_swiper li.ver3{background-image:url('/assets/user/images/japan/jlpt/teacher_img03.jpg');} .japan_JLPT .cont_teacher .teacher_swiper li.ver4{background-image:url('/assets/user/images/japan/jlpt/teacher_img04.jpg');} .japan_JLPT .cont_teacher .teacher_swiper li.ver5{background-image:url('/assets/user/images/japan/jlpt/teacher_img05.jpg');} .japan_JLPT .cont_teacher .teacher_swiper li.ver6{background-image:url('/assets/user/images/japan/jlpt/teacher_img06.jpg');} .japan_JLPT .floating_nav_r{width:180px;padding:3px;background:linear-gradient(135deg, rgba(254,62,191,1) 0%, rgba(66,64,255,1) 100%);border-radius:8px;position:fixed;left:calc(50% + 620px);bottom:85px;z-index:10;} .japan_JLPT .floating_nav_r > div{background-color:#fff;border-radius:6px;overflow:hidden;} .japan_JLPT .floating_nav_r a{display:block;} .japan_JLPT .floating_nav_r a + a{border-top:1px dashed #ddd;} .japan_JLPT .floating_nav_r a.float_btn_top{padding:9px 0 7px;text-align:center;font-size:16px;line-height:1;color:#fff;background-color:#222;border:none;} .japan_JLPT .floating_nav_r a.float_btn_top::after{content:'▲';margin-left:5px;font-size:11px;vertical-align:middle;position:relative;} /* 250529 hyj [딜리버리 라이브] 추가 */ @keyframes ico_flash{ 0%{opacity:1} 100%{opacity:0} } @keyframes benefit_scale{ 0%{transform:scale(.95);} 50%{transform:scale(1.01);} 100%{transform:scale(1);} } @keyframes liveClass_ico{ 0%{transform:translateX(0);opacity:0;} 75%{transform:translateX(102%)} 100%{transform:translateX(100%);opacity:1;} } @keyframes vodClass_ico{ 0%{transform:scale(.95);} 100%{transform:scale(1.1);} } @keyframes sampleVod_ico{ 0%{opacity:.5;transform:scale(.95);} 100%{opacity:1;transform:scale(1);} } #delivery_Live{position:relative;min-width:1080px;} #delivery_Live:after{content:'';display:block;clear:both;} #delivery_Live *{box-sizing:border-box;} #delivery_Live .inner{position:relative;width:1080px;margin:0 auto;} #delivery_Live .inner:after{content:'';display:block;clear:both;} #delivery_Live p{margin:0;} #delivery_Live h3{margin:0;} #delivery_Live .sec_topVisual{position:relative;width:100%;padding:60px 0;background:#fffcf7;overflow:hidden;opacity:1;} #delivery_Live .sec_topVisual .tit{opacity:0;} #delivery_Live .sec_topVisual.action .tit{animation:lightSpeedInRight 1.2s forwards ease 0.3s;} #delivery_Live .timerArea{position:absolute;left:0;top:30px;} #delivery_Live .timerArea strong{position:relative;display:inline-block;padding-left:25px;color:#444;font-size:19px;font-family:sans-serif;font-weight:bold;} #delivery_Live .timerArea strong:before{content:'';position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:30px;background:#d2232a;animation:ico_flash 1.2s infinite ease .3s;} #delivery_Live .timerArea div{display:inline-block;margin-left:5px;color:#878787;font-size:18px;font-family:sans-serif;font-weight:bold;} #delivery_Live .viewer{position:absolute;right:0;top:30px;transition-delay:.5s;} #delivery_Live .benefit{transition-delay:.7s;} #delivery_Live .benefit ul{display:flex;flex-wrap:wrap;} #delivery_Live .benefit li{flex:1 1 25%;width:270px;height:240px;font-size:0;text-indent:-9999px;} #delivery_Live .benefit li:nth-child(1){background:url('/assets/user/images/lecture/2025_ss/delivery_live/benefit1.jpg') no-repeat 0 0 / 100%;} #delivery_Live .benefit li:nth-child(2){background:url('/assets/user/images/lecture/2025_ss/delivery_live/benefit2.jpg') no-repeat 0 0 / 100%;} #delivery_Live .benefit li:nth-child(3){background:url('/assets/user/images/lecture/2025_ss/delivery_live/benefit3.jpg') no-repeat 0 0 / 100%;} #delivery_Live .benefit li:nth-child(4){background:url('/assets/user/images/lecture/2025_ss/delivery_live/benefit4.jpg') no-repeat 0 0 / 100%;} #delivery_Live .benefit li:nth-child(5){background:url('/assets/user/images/lecture/2025_ss/delivery_live/benefit5.jpg') no-repeat 0 0 / 100%;} #delivery_Live .benefit li:nth-child(6){background:url('/assets/user/images/lecture/2025_ss/delivery_live/benefit6.jpg') no-repeat 0 0 / 100%;} #delivery_Live .benefit li:nth-child(7){background:url('/assets/user/images/lecture/2025_ss/delivery_live/benefit7.jpg') no-repeat 0 0 / 100%;} #delivery_Live .benefit li:nth-child(8){background:url('/assets/user/images/lecture/2025_ss/delivery_live/benefit8.jpg') no-repeat 0 0 / 100%;} #delivery_Live .benefit li.on{background-position-y:-240px;animation:benefit_scale .4s ease-in alternate;} #delivery_Live .sec_liveClass{padding:80px 0;text-align:center;background:#d2232a;} #delivery_Live .sec_liveClass h3{text-align:left;} #delivery_Live .sec_liveClass .ico{position:absolute;left:-110px;bottom:8px;animation:liveClass_ico 1.7s infinite ease;} #delivery_Live .sec_liveClass .live_slide{position:absolute;top:60px;right:0;transition-delay:.5s;} #delivery_Live .sec_liveClass .live_slide:before{content:'';position:absolute;left:-33px;top:-4px;width:357px;height:184px;background:url('/assets/user/images/lecture/2025_ss/delivery_live/bg_liveClass_slide.png') no-repeat 0 0 / 100%;} #delivery_Live .sec_liveClass .live_slide .swiper-container{width:292px;height:151px;border-radius:3px;overflow:hidden;} #delivery_Live .sec_liveClass .live_slide .swiper-pagination{top:-25px;right:0;text-align:right;} #delivery_Live .sec_liveClass .live_slide .swiper-pagination .swiper-pagination-bullet{border-radius:0;background:#f38084;opacity:1;} #delivery_Live .sec_liveClass .live_slide .swiper-pagination .swiper-pagination-bullet-active{background:#fff;} #delivery_Live .sec_liveClass .btn_liveclass{display:inline-block;margin-top:60px;transition-delay:.7s;} #delivery_Live .sec_liveClass .btn_liveclass:before{content:'';clear:both;display:block;} #delivery_Live .sec_vodClass{padding:120px 0 80px;text-align:center;background:#5ca0d9;} #delivery_Live .sec_vodClass h3{text-align:left;} #delivery_Live .sec_vodClass .ico{position:absolute;left:482px;top:0;animation:vodClass_ico .8s infinite linear alternate;} #delivery_Live .sec_vodClass .vod_img{position:absolute;right:0;top:-40px;transition-delay:.5s;} #delivery_Live .sec_vodClass .btn_vodclass{display:inline-block;margin-top:60px;transition-delay:.7s;} #delivery_Live .sec_vodClass .btn_vodclass:before{content:'';clear:both;display:block;} #delivery_Live .sec_lineup{padding:100px 0 120px;text-align:center;background:#181818;overflow:hidden;} #delivery_Live .sec_lineup h3{margin-bottom:60px;} #delivery_Live .tc_lineup_items{margin-bottom:37px;} #delivery_Live .tc_lineup_items ul{position:relative;margin:0 auto;} #delivery_Live .tc_lineup_items li{position:relative;width:836px;height:427px;} #delivery_Live .tc_lineup_items li:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background-color:#a1a1a1;opacity:0.5;transition:all 0.5s ease-out;} #delivery_Live .tc_lineup_items li img{filter:grayscale(1);transition:all 0.5s ease-out;} #delivery_Live .tc_lineup_items li .cover{position:absolute;left:0px;top:0px;right:0px;bottom:0px;border:10px solid #2b2b2b;border-radius:15px;box-shadow:2px 2px 30px 5px rgba(0, 0, 0, 0.6);opacity:0;z-index:1;transition:all 0.5s ease-out;} #delivery_Live .tc_lineup_items li .cover:before{content:'';position:absolute;top:15px;right:25px;width:32px;height:32px;background:url('/assets/user/images/online_class/icon_menu.png') no-repeat center;} #delivery_Live .tc_lineup_items .lineup_paging{position:absolute;left:calc(50% - 380px);top:30px;opacity:0;} #delivery_Live .tc_lineup_items .lineup_paging span{display:inline-block;width:6px;height:6px;background:#d4d4d4;} #delivery_Live .tc_lineup_items .lineup_paging span + span{margin-left:5px;} #delivery_Live .tc_lineup_items .lineup_paging span.on{background:#181818;} #delivery_Live .tc_lineup_items .link_area{} #delivery_Live .tc_lineup_items .link_area a{position:absolute;bottom:31px;width:151px;height:50px;font-size:0;text-indent:-9999px;z-index:52;} #delivery_Live .tc_lineup_items .link_area.num1 a:nth-of-type(1){left:206px;} #delivery_Live .tc_lineup_items .link_area.num1 a:nth-of-type(2){left:407px;} #delivery_Live .tc_lineup_items .link_area.num1 a:nth-of-type(3){left:607px;} #delivery_Live .tc_lineup_items .link_area.num2 a:nth-of-type(1){left:135px;width:177px;} #delivery_Live .tc_lineup_items .link_area.num2 a:nth-of-type(2){left:320px;} #delivery_Live .tc_lineup_items .link_area.num2 a:nth-of-type(3){left:481px;width:170px;} #delivery_Live .tc_lineup_items .link_area.num2 a:nth-of-type(4){left:661px;width:160px;} #delivery_Live .tc_lineup_items .link_area.num3 a:nth-of-type(1){left:206px;} #delivery_Live .tc_lineup_items .link_area.num3 a:nth-of-type(2){left:407px;} #delivery_Live .tc_lineup_items .link_area.num3 a:nth-of-type(3){left:607px;} #delivery_Live .tc_lineup_items .link_area.num4 a:nth-of-type(1){left:296px;width:180px;} #delivery_Live .tc_lineup_items .link_area.num4 a:nth-of-type(2){left:527px;} #delivery_Live .tc_lineup_items .link_area.num5 a:nth-of-type(1){left:230px;} #delivery_Live .tc_lineup_items .link_area.num5 a:nth-of-type(2){left:430px;} #delivery_Live .tc_lineup_items .link_area.num5 a:nth-of-type(3){left:630px;} #delivery_Live .tc_lineup_items .link_area.num6 a:nth-of-type(1){left:270px;} #delivery_Live .tc_lineup_items .link_area.num6 a:nth-of-type(2){left:454px;} #delivery_Live .tc_lineup_items .link_area.num6 a:nth-of-type(3){left:641px;} #delivery_Live .tc_lineup_items .link_area.num7 a:nth-of-type(1){left:313px;} #delivery_Live .tc_lineup_items .link_area.num7 a:nth-of-type(2){left:527px;} #delivery_Live .tc_lineup_items .link_area.num8 a:nth-of-type(1){left:250px;} #delivery_Live .tc_lineup_items .link_area.num8 a:nth-of-type(2){left:434px;} #delivery_Live .tc_lineup_items .link_area.num8 a:nth-of-type(3){left:631px;} #delivery_Live .tc_lineup_items .link_area.num9 a:nth-of-type(1){left:160px;width:240px;} #delivery_Live .tc_lineup_items .link_area.num9 a:nth-of-type(2){left:443px;} #delivery_Live .tc_lineup_items .link_area.num9 a:nth-of-type(3){left:635px;} #delivery_Live .tc_lineup_items .link_area.num10 a:nth-of-type(1){left:363px;} #delivery_Live .tc_lineup_items .link_area.num10 a:nth-of-type(2){left:565px;width:200px;} #delivery_Live .tc_lineup_items li.swiper-slide-active:after{opacity:0;} #delivery_Live .tc_lineup_items li.swiper-slide-active img{width:100%;height:100%;box-shadow:none;border-radius:20px;filter:grayscale(0);} #delivery_Live .tc_lineup_items li.swiper-slide-active .cover{opacity:1;} #delivery_Live .tc_lineup_items li.swiper-slide-active .lineup_paging{opacity:1;} #delivery_Live .tc_lineup_items .nav button{;position:absolute;left:50%;top:50%;display:inline-block;width:79px;height:78px;margin-top:-39px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;z-index:2;opacity:0.6;} #delivery_Live .tc_lineup_items .nav .prev{margin-left:-540px;background-image:url('/assets/user/images/online_class/nav_prev.png');} #delivery_Live .tc_lineup_items .nav .next{margin-left:462px;background-image:url('/assets/user/images/online_class/nav_next.png');} #delivery_Live .tc_lineup_tab{width:680px;margin:0 auto;text-align:center;font-size:0;} #delivery_Live .tc_lineup_tab a{display:inline-block;height:30px;line-height:28px;padding:0 1px;margin:7px 14px;font-size:22px;font-weight:300;color:#e8e8e8;} #delivery_Live .tc_lineup_tab a.on{font-size:26px;font-weight:600;color:#fd0012;border-bottom:2px solid #fd0012;} .tab_guide_noti{width:278px;height:60px;margin:12px auto 0;padding-top:23px;display:block;text-align:center;font-size:20px;color:#fff;background:url('/assets/user/images/online_class/tab_guide_bg.png') no-repeat;} #delivery_Live .sec_sampleVod{padding-bottom:100px;background:#fff3de;} #delivery_Live .sec_sampleVod .ico{position:absolute;left:0;top:0;animation:sampleVod_ico 1.5s infinite linear alternate;} #delivery_Live .sec_sampleVod .ico + .ico {animation-delay:.5s} #delivery_Live .sec_sampleVod .videoTabCont{padding:65px 104px 70px;background-color:#fff;} #delivery_Live .sec_sampleVod .videoCont{height:490px;} #delivery_Live .sec_sampleVod .videoCont iframe{width:100%;height:100%;} #delivery_Live .sec_sampleVod .sampleVideoWrap{padding:65px 0 0;} #delivery_Live .sec_sampleVod .sampleVideoItems{overflow:hidden;} #delivery_Live .sec_sampleVod .sampleVideoItems .cont{color:#000;} #delivery_Live .sec_sampleVod .sampleVideoItems li{width:271px;} #delivery_Live .sec_sampleVod .sampleVideoWrap .swiper-pagination{top:23px;bottom:auto;} #delivery_Live .sec_sampleVod .sampleVideoWrap .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;margin-left:8px;border-radius:0;background:#d4d4d4;opacity:1;} #delivery_Live .sec_sampleVod .sampleVideoWrap .swiper-pagination .swiper-pagination-bullet-active{background:#696363;} #delivery_Live .sec_sampleVod .sampleVideoWrap .swiper-button-prev{left:-60px;color:#000;margin:0;opacity:1;} #delivery_Live .sec_sampleVod .sampleVideoWrap .swiper-button-next{right:-60px;color:#000;margin:0;opacity:1;} #delivery_Live .sec_sampleVod .sampleVideoWrap .swiper-button-disabled{opacity:.1} /* //250529 hyj [딜리버리 라이브] 추가 */ /* [출현효과 관련 공통] */ .effect{opacity:0;} .effect.action{opacity:1; -webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out; -webkit-transform:translate(0, 0); transform:translate(0, 0); } .effect.action.type-scale{ -webkit-transition:all 0.3s ease-in; transition:all 0.3s ease-in; } .type-left{ -webkit-transform:translate(-100px, 0); transform:translate(-100px, 0); } .type-right{ -webkit-transform:translate(100px, 0); transform:translate(100px, 0); } .type-right{ -webkit-transform:translate(100px, 0); transform:translate(100px, 0); } .type-top{ -webkit-transform:translate(0, -100px); transform:translate(0, -100px); } .type-bottom, .type-elastic{ -webkit-transform:translate(0, 100px); transform:translate(0, 100px); } .type-scale{ -webkit-transform:scale(3); transform:scale(3); } .type-scale-out{ -webkit-transform:scale(.3); transform:scale(.3); } .action.type-scale, .action.type-scale-out{ -webkit-transform:scale(1); transform:scale(1); } .type-elastic.action{ -webkit-animation:elastic 1s; animation:elastic 1s; } @-webkit-keyframes elastic{ 75%{ -webkit-transform:translate(0, -100px); transform:translate(0, -100px); } 100%{ -webkit-transform:translate(0, 0); transform:translate(0, 0); } } @keyframes elastic{ 45%{ -webkit-transform:translate(0, -30px); transform:translate(0, -30px); } 100%{ -webkit-transform:translate(0, 0); transform:translate(0, 0); } }