@charset "euc-kr"; /* url: https://img.megagong.net/m/2025/ */
.con_tit .end::after { background: #fff; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

.eventWrap .evSection .inner { padding: 150px 0; } 

.evSection .mo_tab_ver { display: none; } 
.evSection .wh_ver { color: #fff; } 
.evSection .b_color { color: #324EFF; } 
.evSection .b_color2 { color: #5CE1FF; } 
.evSection .con_tit { margin-bottom: 40px; } 
.evSection .mini_tit { font-weight: 400; margin-bottom: 10px; } 
.pc_panel_ver.pc_ver .pc_panel_con { display: block !important; } 

.mega_swiper_destroy .swiper-wrapper { gap: 10px; } 
.mega_swiper_destroy .swiper-slide { display: flex; flex: 1 1 auto; } 
.mega_swiper_destroy .swiper-pagination { display: none; } 

.eventWrap .swiper_basic1_wrap { position: relative; } 
.eventWrap .swiper-initialized { position: relative; overflow: hidden } 
.eventWrap .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-top: 1rem; } 
.eventWrap .swiper-pagination-bullet { background: #b7b7b7;; opacity: 1; width: 12px; height: 12px; } 
.eventWrap .swiper-pagination-bullet-active { background: #000; } 
.eventWrap .swiper-button-next, 
.eventWrap .swiper-button-prev { top: 50%; transform: translateY(-50%); left: auto; right: auto; margin: 0 auto; z-index: 2; width: auto; height: auto; } 
.eventWrap .swiper-button-next:after, 
.eventWrap .swiper-button-prev::after { background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; } 
.eventWrap .swiper-button-next { right: 0; transform: translateY(-50%) rotate(180deg); } 
.eventWrap .swiper-button-next:after { transform: rotate(180deg); } 
.eventWrap .type1-prev, 
.eventWrap .type1-next { color: #fff; } 
.eventWrap .type1-prev:after, 
.eventWrap .type1-next::after { font-size: 50px; } 
.eventWrap .type2-next:after, 
.eventWrap .type2-prev::after { font-size: 0; } 
.eventWrap .type2-prev { left: -1rem; } 
.eventWrap .type2-next { right: -1rem; } 

.flt_inner.renewal a { border: 1px solid #d6e7ff; border-radius: 7px; } 


/* con1 */
.eventWrap .evCon1 { background: #4AB9FF url(https://img.megagong.net/m/2025/0430_tjenglish08/bg_con1.png) no-repeat center; background-size: cover; } 
.eventWrap .evCon1.evSection .inner { padding: 190px 0 125px; } 
.evCon1 .tea_img { position: absolute; left: -400px; bottom: 0px; width: 100%; } 
.evCon1 .tea_img > img { position: relative; z-index: 1; } 
.evCon1 .tea_img .tea_obj { position: absolute; left: 140px; bottom: 68px; z-index: 0; } 
.evCon1 .main_box_con1 { text-align: left; margin-left: 413px; margin-right: -413px; } 
.evCon1 h3 { text-align: right; position: relative; z-index: 1; margin-bottom: 60px; margin-top: 25px; display: inline-block; } 
.evCon1 .mini_tit { position: relative; z-index: 1; margin-bottom: 0; } 
.evCon1 .home_btn { position: relative; z-index: 1; text-align: left; margin-left: 10px; } 
.evCon1 .teacher_home { color: #fff; letter-spacing: 17px; position: relative; } 
.evCon1 .teacher_home b { background: #357cff; } 
.evCon1 .teacher_home::after { content: ""; width: 100%; height: 2px; background: #357CFF; position: absolute; right: -390px; top: 50%; transform: translateY(-50%); } 

/* con2 */
.eventWrap .evCon2 { background: #000C58 url(https://img.megagong.net/m/2025/0430_tjenglish08/bg_con2.png) no-repeat center; background-size: cover; } 
.evCon2 .wide_sd { margin-bottom: 40px; } 
.eventWrap .wide_sd.swiper_basic1_wrap { width: 250%; } 
.evCon2 .wide_sd .swiper-initialized { overflow: inherit; } 
.evCon2 .wide_sd .swiper-slide { width: 440px; } 
.evCon2 .wide_sd .swiper-wrapper { transition-timing-function: linear; } 
.evCon2 .main_text { line-height: 1.3; } 

/* con3 */
.eventWrap .evCon3 { background: #E4F1FF; } 
.evCon3 .con_tit b { font-weight: 700; } 
.evCon3 .review_sd .rv_box { background: #ffffff; border-radius: 10px; width: 346px; height: 272px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 35px 0; margin-bottom: 15px; } 
.evCon3 .review_sd .rv_box:last-child { margin-bottom: 0; } 
.evCon3 .review_sd .rv_name { display: block; width: 100%; color: #999; } 
.evCon3 .review_sd .rv_text { width: 100%; display: block; } 
.evCon3 .evt_con_base { text-align: right; } 

/* con4 */
.eventWrap .evCon4 { background: #324EFF; } 
.evCon4 .con_tit b { font-weight: 700; } 
.evCon4 .point_sd { margin-bottom: 50px; } 
.evCon4 .point_sd .swiper-slide { width: auto; } 

/* con5 */
.evCon5 .sub_tit_grd { background: linear-gradient(90deg,rgba(92, 225, 255, 1) 0%, rgba(50, 78, 255, 1) 100%); color: #fff; display: inline-block; padding: 14px 34px; border-radius: 50px; margin-bottom: 20px; } 
.evCon5 .con5_sd_box { width: 530px; height: 204px; background: #fff; border-radius: 110px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center; gap: 10px; opacity: 0.4; margin: 50px 0; } 
.evCon5 .con5_sd_box .con5_sd_name { display: block; width: 100%; color: #999999; } 
.eventWrap .evCon5 .con5_sd.swiper_basic1_wrap { width: 200%; } 
.eventWrap .evCon5 .con5_sd .swiper_basic1 { overflow: visible; } 
.evCon5 .con5_sd .swiper-slide { display: flex; justify-content: center; } 
.evCon5 .con5_sd .swiper-slide-active .con5_sd_box { opacity: 1; } 
.evCon5 .con5_sd .swiper-slide-next .con5_sd_box { opacity: 1; } 
.eventWrap .con5_sd .swiper-button-next { right: inherit; left: 48.8%; } 
.eventWrap .con5_sd .type2-prev { left: -2rem; } 
.evCon5 .evt-tab.type-1.xl-line::before { background: #355bff; } 
.evCon5 .evt-tab.type-1 li.on::before { background: #355bff; } 
.evCon5 .evt-tab.type-1 li.on a { background: #355bff; border-color: #355bff; color: #fff; } 

/* con5_1 */
.eventWrap .evCon5_1 { background: linear-gradient(0deg,rgba(217, 228, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); } 
.evCon5_1 .time_obj { position: absolute; left: -230px; top: 30px; z-index: 0; } 
.evCon5_1 .routine_box_wrap { display: flex; justify-content: center; align-items: center; gap: 10px; position: relative; } 
.evCon5_1 .routine_box { background: #fff; border: 1px solid #0089ff; border-radius: 10px; flex: 1; overflow: hidden; } 
.evCon5_1 .routine_box .rt_top { background: #0089ff; color: #fff; padding: 20px 0; } 
.evCon5_1 .routine_box .rt_bot { padding: 25px 0; display: flex; justify-content: center; align-items: center; } 
.evCon5_1 .routine_box .rt_text { text-align: left; line-height: 1.6; } 
.evCon5_1 .routine_box .rt_text li { position: relative; } 
.evCon5_1 .routine_box .rt_text li::before { content: ""; width: 4px; height: 4px; background: #000; border-radius: 50%; position: absolute; left: -10px; top: 10px; } 
.evCon5_1 .routine_box.ver2 { border: 1px solid #324EFF; } 
.evCon5_1 .routine_box.ver2 .rt_top { background: #324EFF; } 

/* con5_2 */
.eventWrap .evCon5_2 { background: #0019B4; } 
.evCon5_2 .mini_text { margin-bottom: 20px; color: #0019B4; background: #5ce1ff; display: inline-block; padding: 0 1%; font-weight: 700; } 
.evCon5_2 .mini_text.no_mb { margin-bottom: 3px; } 
.evCon5_2 .m_lec_curr { display: flex; justify-content: center; align-items: center; gap: 40px; position: relative; } 
.evCon5_2 .m_lec_curr::before { content: ""; width: 200%; height: 2px; background: #324EFF; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } 
.evCon5_2 .lec_curr_box { width: 320px; height: 320px; background: #324EFF; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center; position: relative; } 
.evCon5_2 .lec_curr_box .lec_curr_num { background: #5ce1ff; color: #324EFF; padding: 4px 22px; border-radius: 50px; margin-bottom: 10px; display: inline-block; } 
.evCon5_2 .lec_curr_box .lec_curr_tit { width: 100%; margin-bottom: 15px; } 
.evCon5_2 .lec_curr_box .arrow_obj { position: absolute; left: -30px; top: 49.3%; transform: translateY(-50%); } 

/* con5_3 */
.eventWrap .evCon5_3 { background: #fff; } 
.evCon5 .evCon5_3 .con5_sd_box { border: 1px solid #dbdbdb; } 
.evCon5_3 .up_click_wrap { display: flex; justify-content: center; align-items: center; gap: 20px; } 
.evCon5_3 .up_click_wrap .up_click_box { flex: 1; background: #e3f2ff; border-radius: 10px; height: 510px; padding: 50px 20px; } 
.evCon5_3 .up_click_wrap .up_click_box.ver2 { background: #edefff; } 
.evCon3 .evt_con_base { margin-top: 1%; } 
.evCon5_3 .up_click_box .up_click_tit { font-weight: 700; line-height: 1.3; margin-bottom: 20px; } 
.evCon5_3 .up_click_box .list_wrap { height: 330px; } 
.evCon5_3 .up_click_box .up_click_list { display: flex; justify-content: center; align-items: center; gap: 10px; height: 100%; flex-wrap: wrap; } 
.evCon5_3 .up_click_box .up_click_list li { /* flex: 1; */ background: #008cff; border-radius: 10px; height: 100%; width: 48.5%; position: relative; cursor: pointer; } 
.evCon5_3 .up_click_text { border: 1px solid #e1e1e1; color: #000; background: #FFF; height: 100%; border-radius: 10px; display: flex
; justify-content: center; align-items: center; align-content: center; line-height: 1.6; } 
.evCon5_3 .up_click_cover { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #008CFF; border-radius: 10px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center; color: #fff; transition: 0.3s; } 
.evCon5_3 .up_click_cover::after { content: ""; width: 40px; height: 40px; background: url(https://img.megagong.net/m/2025/0430_tjenglish08/ico_point.png) no-repeat center; background-size: cover; display: block; position: absolute; right: 19px; bottom: 20px; } 
.evCon5_3 .up_click_cover:hover { opacity: 0; transition: 0.3s; } 
.evCon5_3 .up_click_cover strong { display: block; width: 100%; } 
.evCon5_3 .up_click_box.ver2 .up_click_list li { height: 48.5%; } 
.evCon5_3 .up_click_box.ver2 .up_click_cover { background: #324eff; } 

/* con6 */
.eventWrap .evCon6 { background: #0019B4; } 
.evCon6 .eventVideo.with_shadow { margin-bottom: 45px; overflow: visible; margin: 0 40px 45px; } 
.evCon6 .tbl_wrp { margin: 0 40px; } 
.evCon6 .tbl thead tr th { background: #000; color: #fff; border: 1px solid #32333b; } 
.evCon6 .tbl tbody tr th { background: #f5f5f5; border: 1px solid #e0dfdc; } 
.evCon6 .tbl tbody tr td { background: #fff; border: 1px solid #d9d8d3; } 
.evCon6 .tbl tbody tr td.tb_color_r { background: #FFEAEA; } 
.evCon6 .tbl tbody tr td.tb_color_y { background: #FDFFDD; } 
.evCon6 .tbl tbody tr td.tb_color_b { background: #E3FCFF; } 
.evCon6 .tbl tbody tr td.tb_color_g { background: #EAFFEC; } 

/* con7 */
.eventWrap .evCon7 { background: #F5F5F5; } 
/* .evCon7 .tea_img2 { position: absolute; left: -530px; bottom: -60px; }  */
.evCon7 .tea_img2 {
    position: absolute;
    left: -480px;
    bottom: -60px;
    width: 56%;
}
.evCon7 .lec_point { display: flex; justify-content: center; background: #fff; padding: 40px 0px; border-radius: 10px; } 
.evCon7 .lec_point li { flex: 1; padding: 0 50px; border-right: 1px solid #ececec; } 
.evCon7 .lec_point li:last-child { border: none; } 
.evCon7 .lec_point_tit { color: #3F59FF; font-weight: 700; /* margin-bottom: 9px; */margin: 13px 0; } 

/* .event.ver1 */
.eventWrap .event.evSection .inner { padding: 0px 0; } 
.event p.mini_tit { opacity: 0.7; color: #fff; } 
.event .container_info .info .noti { color: #fff; } 
.eventWrap .event.ver1 { background: linear-gradient(0deg,rgba(30, 47, 153, 1) 0%, rgba(50, 146, 255, 1) 100%); } 
.event.ver1 .step_base_wrap .hashtag { color: #4D64FF; } 
.event.ver1 .btn-base-wrap + .share_base_wrap { margin-top: 40px; border-radius: 3px 3px 0 0; } 
.event.ver1 .share_base_wrap .share_list li { margin-top: 10px; } 
.event.ver1 .share_base_wrap .share_list li:first-child { margin-top: 0px; } 
.event.ver1 .share_base_wrap .share_list li dl { display: flex; gap: 12px; } 
.event.ver1 .share_base_wrap .share_list li dl dt { width: auto; } 
.event.ver1 .share_base_wrap .share_list li dl dt, .event.ver1 .share_base_wrap .share_list li dl dd a { padding: 5px 2px; } 
.event.ver1 .share_base_wrap .share_list li dl dt, .event.ver1 .share_base_wrap .share_list li dl dd { flex: 1; } 
.event.ver1 .regist_form_area .check_area { padding-right: 0px; position: relative; } 
.event.ver1 .regist_form_area .check-base { right: 0px; top: 30px; position: absolute; } 
.event.ver1 .regist_form_area { border-radius: 0px; } 
.event.ver1 .comment_base_wrap .comment_list { margin-top: 0px; border-radius: 0px 0px 3px 3px; } 

/* .event.ver2 */
.eventWrap .event.ver2 { background: linear-gradient(0deg,rgba(123, 79, 255, 1) 0%, rgba(187, 124, 255, 1) 100%); } 

.eventWrap .evtoggleWarning .inner { padding: 0; } 


@media screen and (max-width: 1200px){
 .eventWrap .evSection .inner { padding: 14% 0; } 
 .evSection .con_tit { margin-bottom: 4%; } 

 .eventWrap .evCon1.evSection .inner { padding: 20% 0 12%; } 
 .evCon1 .main_box_con1 { margin-left: 37%; margin-right: 0px; } 
 .evCon1 .tea_img { left: -6%; width: 58%; } 
 .evCon1 .tea_img .tea_obj { left: 7%; bottom: 45%; width: 30%; } 
 .evCon1 h3 { margin-bottom: 9%; margin-top: 2%; } 

.evCon2 .wide_sd { margin-bottom: 4%; } 

.evCon3 .review_sd .rv_box { width: 31vw; height: 27vw; padding: 2% 0px; } 

.evCon4 .point_sd { margin-bottom: 6%; } 

.evCon5 .sub_tit_grd { padding: 1% 4%; margin-bottom: 2%; } 
.evCon5 .con5_sd_box { width: 98%; height: 20vw; background: #fff; margin: 8% 0; } 
.evCon5_1 .time_obj { display: none; } 
.evCon5_1 .routine_box .rt_top { padding: 3% 0; } 
.evCon5_1 .routine_box .rt_bot { padding: 3% 0; } 
.evCon5_2 .mini_text { margin-bottom: 5%; } 
.evCon5_2 .m_lec_curr { gap: 1%; } 
.evCon5_2 .lec_curr_box { width: auto; flex: 1; height: 30vw; border-radius: 10px; } 
.evCon5_2 .m_lec_curr::before,
.evCon5_2 .lec_curr_box .arrow_obj { display: none; } 
.evCon5_3 .up_click_wrap .up_click_box { height: 49vw; padding: 4% 1%; } 
.evCon5_3 .up_click_box .list_wrap { height: 33vw; } 
.evCon5_3 .up_click_box .up_click_tit { margin-bottom: 5%; } 

.evCon6 .eventVideo.with_shadow { margin: 0 0px 5%; } 
.evCon6 .tbl_wrp { margin: 0 0px; } 
.evCon6 .tbl tbody tr td { padding: 15px 1px; } 

.evCon7 .lec_point { padding: 3% 0px; } 
.evCon7 .lec_point li { padding: 0 3%; } 
.evCon7 .lec_point_tit { margin: 1% 0; } 
.evCon7 .lec_ico { display: block; padding: 0 11%; } 
.evCon7 .tea_img2 { display: none; } 

 .event.ver1 .btn-base-wrap + .share_base_wrap { margin-top: 4%; } 
 .event.ver1 .step_base_wrap { padding: 2%; } 
 .event.ver1 .step_base_wrap .step_list { gap: 7px; } 
 .event.ver1 .step_base_wrap .step_list li .box_area { padding: 3%; } 

 .eventWrap .evtoggleWarning .inner { padding: 0; } 
 }

@media screen and (max-width: 992px){
 .evCon3 .review_sd .rv_text { font-size: clamp(13px, 1.9vmin, 17px); } 
 .evCon3 .review_sd .rv_img { display: none; } 

 .eventWrap .evCon5 .con5_sd.swiper_basic1_wrap { width: 100%; } 
 .evCon5 .con5_sd_box { margin: 8% 0 1%; } 
.eventWrap .evCon5 .swiper-pagination { margin-bottom: 5%; } 

.evCon5_1 .ico_time { padding: 0 47%; display: block; } 
.evCon5_2 .m_lec_curr { display: block; } 
.evCon5_2 .lec_curr_box { height: inherit; padding: 3% 0; margin-bottom: 1%; } 
.evCon5_2 .lec_curr_box .lec_curr_tit { margin-bottom: 1%; } 
.evCon5_2 .lec_curr_box .lec_curr_num { padding: 5px 4%; margin-bottom: 1%; } 
.evCon5_3 .up_click_cover::after { width: 3vw; height: 3vw; right: 3%; bottom: 3%; } 

.evCon7 .lec_point li { padding: 0 1%; } 
 }

@media screen and (max-width: 768px){
 .mega_swiper_destroy { position: relative; overflow: hidden; } 
 .mega_swiper_destroy .swiper-wrapper { gap: 0; } 
 .mega_swiper_destroy .swiper-slide { flex: 1 0 100%; justify-content: center; width: 100%; } 

 .mega_swiper_destroy .swiper-pagination { display: block; } 
 .evSection .mo_tab_ver { display: flex; } 

 .evCon1 .teacher_home { letter-spacing: 9px; } 
 .evCon1 .teacher_home::after { right: -77%; } 

 .evCon3 .rv_box_wrap { width: 100%; } 
 .evCon3 .review_sd .rv_box { width: 100%; align-content: center; gap: 2%; margin-bottom: 5px; } 

 .evCon5_3 .up_click_wrap { display: block; } 
.evCon5_3 .up_click_box .list_wrap { height: 29vw; } 
 .evCon5_3 .up_click_wrap .up_click_box { height: 100%; } 
.evCon5_3 .up_click_box .up_click_tit { margin-bottom: 3%; } 

.evCon5_3 .up_click_cover::after { width: 5vw; height: 5vw; right: 4%; bottom: 8%; } 
.evCon5_3 .up_click_wrap .up_click_box.ver2 { margin-top: 2%; } 
.evCon5_3 .up_click_box.ver2 .list_wrap { height: 33vw; } 


 .event.ver1 .share_base_wrap .share_list li { margin-top: 5px; } 
 .event.ver1 .share_base_wrap .share_list li dl { gap: 5px; } 
.event.ver1 .step_base_wrap { padding: 2% 1%; } 
 }

@media screen and (max-width: 576px){
 .eventWrap .type1-prev:after, 
 .eventWrap .type1-next::after { font-size: 40px; } 
 
 .eventWrap .type2-prev,
 .eventWrap .type2-next { width: 3rem; } 

 .evCon1 .teacher_home { letter-spacing: 2px; } 
 .evCon1 .home_btn { margin-left: 0px; } 

 .evCon3 .review_sd .rv_box { height: 30vw; } .evCon3 .evt_con_base { margin-top: 3%; } 

 .evCon4 .point_sd { margin: 0 8% 5%; } 

 .evCon5 .con5_sd_box { height: 32vw; border-radius: 10px; } 
 .evCon5_1 .routine_box_wrap { display: block; } 
.evCon5_1 .routine_box.ver2 { margin-top: 2%; } 
.evCon5_3 .up_click_box .list_wrap { height: 39vw; } 
.evCon5_3 .up_click_text { line-height: 1.4; } 
 .evCon5_3 .up_click_box.ver2 .list_wrap { height: 43vw; } 

 .evCon7 .lec_point { padding: 0% 0px; display: block; } 
.evCon7 .lec_ico { padding: 0 30%; } 
.evCon7 .lec_point li { padding: 3% 1%; border-bottom: 1px solid #ececec; } 

 .event.ver1 .step_base_wrap { padding: 5% 3%; } 
 .event.ver1 .regist_form_area, 
 .event.ver1 .comment_base_wrap .comment_list, 
 .event.ver1 .review_base_wrap, .share_base_wrap { padding: 2%; } 
 .event.ver1 .regist_form_area .check-base { top: inherit; right: inherit; left: 0px; bottom: 0px; } 
 .event.ver1 [class*=board-list-wrap] table tbody td { padding: 20px 1px; font-size: 12px; } 
 }