@charset "euc-kr"; /* url: https://img.megagong.net/m/2025/ */
.con_tit .end::after { background: #000; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.evSection .inner { padding: 150px 0; } 
.evSection.event .inner { padding: 0; } 
.evSection.evtoggleWarning .inner { padding: 0; } 
.evSection .point_color { color: #324EFF; } 
.evSection .point_color2 { color: #FF52BA; } 
.evSection .mini_tit { color: #111; margin-bottom: 15px; } 
.evSection .con_tit { margin: 0 -10px 60px; } 

.evSection .curr_box_wrap { display: flex; justify-content: center; align-items: center; gap: 15px; margin: 0 6px 50px; } 
.evSection .curr_box_wrap:last-of-type { margin-bottom: 0; } 
.evSection .curr_box_wrap .curr_box { background: #fff; border-radius: 10px; padding: 43px 10px; flex: 1; } 
.evSection .curr_box_wrap .curr_box_num { display: block; margin-bottom: 7px; font-weight: 700; } 
.evSection .curr_box_wrap .curr_tit { font-weight: 600; margin-bottom: 10px; } 
.evSection .curr_box_wrap .curr_text { color: #555; line-height: 1.6; margin-bottom: 15px; } 
.evSection .curr_box_wrap .curr_text strong { color: #111; } 

.eventWrap .evCon1.evSection { overflow: visible; overflow-x: clip; } 
.evCon1 { background: #C3E7FA url('https://img.megagong.net/m/2025/0910_tjenglish08/bg_con1.png') center no-repeat; background-size: cover; } 
.evCon1.evSection .inner { padding: 180px 0 180px; } 
.evCon1 .con_box { text-align: left; margin: 0 -150px 0 530px; } 
.evCon1 .con_box .sub_tit { margin-bottom: 20px; } 
.evCon1 .con_box .teacher_home { margin-top: 40px; margin-left: 17px; } 
.evCon1 .tea_img { position: absolute; left: 110px; bottom: -170px; } 

.evCon2 { background: linear-gradient(180deg, rgb(195 231 250) 0%, rgba(245, 252, 255, 1) 100%); } 
.evCon2 .con_tit_sub { display: inline-block; margin-top: 15px; } 
.evCon2 .arrow_box_wrap { display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 10px; } 
.evCon2 .arrow_box_wrap .arrow_box { position: relative; flex: 1; height: 141px; } 
.evCon2 .arrow_box_wrap .arrow_box .arrow_box_img { position: absolute; left: 53%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: block; } 
.evCon2 .arrow_box_wrap .arrow_box > div { position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; height: 100%; align-content: center; gap: 10px; } 
.evCon2 .arrow_box_wrap .arrow_box > div p { width: 100%; } 
.evCon2 .arrow_box_wrap .arrow_box .arb_con { color: #555; } 
.evCon2 .arrow_box_wrap .arrow_box.dark_ver { color: #fff; } 
.evCon2 .arrow_box_wrap .arrow_box.dark_ver .arb_con { color: #fff; } 
.evCon2 .line_img { margin-bottom: 10px; } 
.evCon2 .main_text { margin-top: 60px; } 

.evCon3 { background: #87D8FF; } 
.evCon3 .tea_img { position: absolute; left: -550px; bottom: 0px; mix-blend-mode: luminosity; } 
.evCon3 .point_wrap { margin-bottom: 95px; } 
.evCon3 .point_wrap:last-of-type { margin-bottom: 0; } 
.evCon3 .point_wrap .point_num { display: inline-block; background: #324eff; color: #fff; padding: 5px 25px; border-radius: 50px; margin-bottom: 12px; } 
.evCon3 .point_wrap .point_text { font-weight: 600; margin-bottom: 30px; } 
.evCon3.evSection .curr_box_wrap.ver_box_4 { margin: 0; flex-wrap: wrap; } 
.evCon3.evSection .curr_box_wrap.ver_box_4 .curr_text { margin-bottom: 15px; } 
.evCon3.evSection .curr_box_wrap.ver_box_4 .curr_box { flex: none; width: 49%; display: flex; justify-content: flex-start; padding-left: 40px; text-align: left; align-items: center; } 
.evCon3.evSection .curr_box_wrap.ver_box_4 .curr_text { margin-bottom: 0; } 

.evCon4 { background: #EFF9FF; } 
.evCon4.evSection .mini_tit { color: #324EFF; } 
.evCon4 .tab-base.type-1 li a { font-size: 18px; line-height: 1.3; } 
.evCon4 .tab-base.type-1 li { position: relative; } 
.evCon4 .now_day { display: inline-block; color: #fff; background-color: #324EFF; font-style: normal; box-shadow: none; margin-bottom: 30px; min-width: 108px; border-radius: 35px; padding: 5px 20px 6px 20px; letter-spacing: 0px; position: absolute; left: 50%; top: -20px; transform: translateX(-50%); } 
.evCon4 .now_day::after { content: ''; display: block; position: absolute; left: 50%; width: 0; height: 0; border-right: 9px solid transparent; border-top: 10px solid #324EFF; border-left: 0; border-right-width: 12px; margin-left: 0; border-top-width: 6px; bottom: -6px; } 
.evCon4 .vod_con_wrap { display: flex; justify-content: center; align-items: center; gap: 30px; margin-top: 40px; height: 370px; } 
.evCon4 .vod_con_wrap .vod_box { width: 600px; } 
.evCon4 .vod_con_wrap .lec_chk_list { width: calc(100% - 630px); } 
.evCon4 .vod_con_wrap .lec_chk_list li { background: #fff; border-radius: 10px; margin-bottom: 10px; padding: 20px 30px; text-align: left; } 
.evCon4 .vod_con_wrap .lec_chk_list li:last-child { margin-bottom: 0; } 
.evCon4 .vod_con_wrap .lec_chk_list .lec_chk_tit { font-weight: 600; display: flex; justify-content: flex-start; gap: 6px; align-items: center; } 
.evCon4 .vod_con_wrap .lec_chk_list .lec_chk_text { color: #555; margin-top: 5px; } 

.event.evSection .mini_tit { opacity: 0.5; margin-bottom: 0; } 
.event.ver1 { background: linear-gradient(180deg,rgba(136, 214, 252, 1) 0%, rgba(245, 252, 255, 1) 100%); } 
.event.ver1 .container_info.ver_circle { width: 800px; } 
.event.ver1 .gift_list_wrap li .badge { background-color: #324eff; } 

.event.ver2 { background: linear-gradient(180deg,rgba(255, 199, 243, 1) 0%, rgba(245, 252, 255, 1) 100%); } 
.event.ver2 .gift_list_wrap li .badge { background-color: #ff52ba; } 
.event.ver2 .share_base_wrap+.regist_form_area { margin-top: 0px; border-radius: 0 0; background-color: #ffcff1; } 
.event.ver2 .share_base_wrap .share_list li dl dd { width: 267px; } 
.event.ver2 .regist_form_area .check_area .info { color: #777; } 
.event.ver2 .regist_form_area .btn-base.transparent > * { color: #000; border: 1px solid #000; } 

/* 251017 */
.event.ver3 { background: linear-gradient(180deg, rgb(0 147 255) 0%, rgb(245 252 255) 100%); } 
.event.ver3.evSection .mini_tit { opacity: 0.8; color: #fff; } 
.event.ver3.evSection h4 .mini_tit { opacity: 1; } 
.event.ver3.evSection .con_tit { margin: 0 -10px 10px; } 
.event.ver3 .con_tit .mini_tit+strong b { color: #fff; } 
.event.ver3 .container_info.ver_circle .info .info_title { width: 151px; } 
.event.ver3 .gift_list_wrap li .badge { background-color: #324eff; } 
.event.ver3 .check_list li { display: flex; justify-content: flex-start; gap: 6px; } 

.popupCertified_completed .content_area .content_inner { text-align: center; padding: 40px 40px; } 
.popupCertified_completed .pop_tit { font-weight: 700; margin-bottom: 20px; } 
.popupCertified_completed .pop_sub_tit { color: #777; line-height: 1.3; margin-bottom: 20px; } 
.popupCertified_completed .pop_sub_tit strong { color: #000; } 
.popupCertified_completed .point_tit { color: #0093FF; font-weight: 700; background: #f4faff; display: inline-block; border-radius: 50px; padding: 8px 31px; margin-bottom: 25px; } 
.popupCertified_completed .mg_tb_wrap { border-top: 1px solid #d5d5d5; border-bottom: transparent; } 
.popupCertified_completed .comple_wrap { display: flex; justify-content: space-between; align-items: center; padding: 10px 0 30px; border-bottom: 1px dashed #b3b3b3; } 
.popupCertified_completed .comple_wrap:last-child { border-bottom: 0; } 
.popupCertified_completed .comple_bar_box .comple_tit { font-weight: 700; margin-bottom: 10px; text-align: left; } 
.popupCertified_completed .comple_bar { background: #ededed; width: 363px; height: 12px; position: relative; } 
.popupCertified_completed .comple_bar .bar_color { position: absolute; left: 0px; top: 0px; background: #0093ff; height: 100%; border-radius: 50px; } 
.popupCertified_completed .comple_bar .bar_text { display: block; color: #0093ff; position: absolute; bottom: -20px; right: -13px; font-weight: 600; font-family: 'Noto Sans KR'; } 

.popupCertified_completed .bar_all { display: flex; justify-content: flex-start; } 
.popupCertified_completed .comple_bar_box .bar_sub { background: #ededed; width: 20px; height: 12px; display: block; position: relative; } 
.popupCertified_completed .comple_bar_box .bar_sub.start_ver { border-radius: 50px 0 0 50px; } 
.popupCertified_completed .comple_bar_box .bar_sub.end_ver { border-radius: 0 50px 50px 0; } 
.popupCertified_completed .comple_bar_box .bar_sub .bar_text { display: block; color: #000; position: absolute; bottom: -20px; font-family: 'Noto Sans KR'; } 
.popupCertified_completed .comple_bar_box .bar_sub.start_ver .bar_text { right: 3px; } 
.popupCertified_completed .comple_bar_box .bar_sub.end_ver .bar_text { right: -21px; } 

.popupCertified_completed .play_end .comple_bar .bar_color { background: #ff5959; border-radius: 0px; } 
.popupCertified_completed .comple_bar_box .play_end .bar_sub { background: #ff5959; } 

.popupCertified_completed .comple_bar_box .play_now .bar_sub.start_ver { background: #0093ff; } 
.popupCertified_completed .play_now .comple_bar .bar_color { border-radius: 0 50px 50px 0; } 

.popupCertified_completed .comple_btn_box { margin-top: 20px; } 
.popupCertified_completed .comple_btn_box .btn-base { height: 46px; display: flex; justify-content: center; align-items: center; } 
.popupCertified_completed .comple_btn_box .btn-base.md > * { padding: 0; font-size: 12px; line-height: 1.3; width: 119px; height: 46px; display: flex; justify-content: center; align-items: center; } 
.popupCertified_completed .comple_btn_box .btn-base.md.end_ver > * { height: 38px; font-size: 14px; color: #ff5959; background: transparent; border: 2px solid #ff5959; border-radius: 50px; font-weight: 700; cursor: default; } 

.popupCertified_completed .content_area .mg_btn_wrap .mg_btn_base.xl { min-width: 104px; } 
.popupCertified_completed .mg_btn_base { font-size: 13px; padding: 15px 10px; min-width: 220px; border-radius: 3px; } 

@media screen and (max-width: 1200px){
 .evSection .inner { padding: 13% 0; } 
.evSection .mini_tit { margin-bottom: 1%; } 
.evSection .con_tit { margin: 0 0px 5%; } 

.evSection .curr_box_wrap { gap: 1%; margin: 0 0px 5%; } 
.evSection .curr_box_wrap .curr_box { padding: 3% 1%; } 
.evSection .curr_box_wrap .curr_box_num { margin-bottom: 3%; } 
.evSection .curr_box_wrap .curr_text { margin-bottom: 4%; } 
.evSection .curr_box_wrap .ico_img { padding: 0 13%; } 

.evCon1.evSection .inner { padding: 18% 0 18%; } 
.evCon1 .tea_img { left: 6%; bottom: -23%; width: 45%; } 
.evCon1 .con_box { margin: 0 -12% 0 41%; } 
.evCon1 h3 { padding-right: 22%; } 
.evCon1 .con_box .teacher_home { margin-top: 4%; margin-left: 2%; } 

.evCon2 .arrow_box_wrap { gap: 1%; margin-bottom: 1%; } 
.evCon2 .arrow_box_wrap .arrow_box { height: 12.5vw; } 
.evCon2 .arrow_box_wrap .arrow_box > div { gap: 1%; } 
.evCon2 .line_img { margin-bottom: 1%; padding: 0 16%; } 

.evCon3 .tea_img { display: none; } 
.evCon3 .point_wrap .point_num { padding: 1% 2%; margin-bottom: 1%; } 
.evCon3 .point_wrap .point_text { margin-bottom: 3%; } 
.evCon3 .point_wrap { margin-bottom: 9%; } 
.evCon3.evSection .curr_box_wrap.ver_box_4 .curr_box { padding: 3% 2%; margin-bottom: 1%; } 
.evCon3.evSection .curr_box_wrap.ver_box_4 .ico_img { display: none; } 

.evCon4 .vod_con_wrap { gap: 1%; margin-top: 3%; height: 31vw; } 
.evCon4 .now_day { top: -26%; } 
.evCon4 .vod_con_wrap .vod_box { width: 57%; } 
.evCon4 .vod_con_wrap .lec_chk_list { width: calc(100% - 58%); } 
.evCon4 .vod_con_wrap .lec_chk_list li { padding: 4% 3%; } 
.evCon4 .vod_con_wrap .chk_ico { display: inline-block; width: 4%; } 

.event.ver1 .container_info.ver_circle { width: 70%; } 
.event.ver1 .container_info.ver_circle .info .info_date .point_color { display: block; width: 100%; } 

.event.ver2 .share_base_wrap .share_list li dl dd { width: calc(30% - 8px); } 

.popupCertified_completed .content_area .content_inner { text-align: center; padding: 5% 3%; } 
.popupCertified_completed .pop_tit { margin-bottom: 2%; } 
.popupCertified_completed .pop_sub_tit { margin-bottom: 2%; } 
.popupCertified_completed .point_tit { padding: 8px 3%; margin-bottom: 3%; } 
.popupCertified_completed .comple_wrap { padding: 10px 0 3%; } 
.popupCertified_completed .comple_bar_box { width: 70%; } 
.popupCertified_completed .bar_all { width: 100%; } 
.popupCertified_completed .comple_bar_box .comple_tit { margin-bottom: 2%; } 
.popupCertified_completed .comple_btn_box { margin-top: 2%; } 
.popupCertified_completed .comple_bar_box .bar_sub { width: 2vw; } 
 .popupCertified_completed .comple_bar { width: calc(100% - 4vw); } 
.popupCertified_completed .comple_bar .bar_text { bottom: -1.5vw; right: -1vw; } 
.popupCertified_completed .comple_bar_box .bar_sub .bar_text { bottom: -1.5vw; } 
.popupCertified_completed .comple_bar_box .bar_sub.start_ver .bar_text { right: 0.8vw; } 
.popupCertified_completed .comple_bar_box .bar_sub.end_ver .bar_text { right: -2vw; } 

 .popupCertified_completed .comple_btn_box { width: 20%; } 
 .popupCertified_completed .comple_btn_box .btn-base { height: 4.5vw; width: 100%; } 
 .popupCertified_completed .comple_btn_box .btn-base.md > * { width: 100%; height: 100%; } 
.popupCertified_completed .comple_btn_box .btn-base.md.end_ver > * { height: 4vw; } 
 }

@media screen and (max-width: 992px){
 .evSection .curr_box_wrap .curr_text { line-height: 1.5; } 

.evCon1 .teacher_home b { font-size: 11px; padding: 3px 5px 4px; } 

.evCon2 .evSection .curr_box_wrap .curr_tit { font-size: clamp(15px, 2.3vmin, 20px); } 
.evCon2.evSection .curr_box_wrap .curr_text { font-size: clamp(13px, 1.8vmin, 16px); } 
.evCon2 .main_text { margin-top: 5%; } 

.evCon4 .tab-base.type-1 li a { font-size: 16px; } 
.evCon4 .vod_con_wrap { height: auto; display: block; } 
.evCon4 .vod_con_wrap .vod_box { width: 100%; } 
.evCon4 .vod_con_wrap .lec_chk_list { width: 100%; margin-top: 2%; } 
.evCon4 .vod_con_wrap .lec_chk_list .lec_chk_tit { justify-content: center; } 
.evCon4 .vod_con_wrap .lec_chk_list li { text-align: center; } 

.event.ver2 .step_base_wrap { padding: 3% 1%; } 
.event.ver2 .step_base_wrap .step_list { gap: 1%; } 
.event.ver2 .step_base_wrap .step_list { margin-top: 2%; } 
.event.ver2 .step_base_wrap .step_list li .box_area { padding: 7% 2%; } 

 .popupCertified_completed .comple_bar .bar_text { bottom: -2vw; right: -1.5vw; } 
 .popupCertified_completed .comple_bar_box .bar_sub .bar_text { bottom: -2vw; } 
 .popupCertified_completed .comple_bar_box .bar_sub.end_ver .bar_text { right: -3vw; } 
 .popupCertified_completed .comple_btn_box .btn-base { height: 6vw; } 
 .popupCertified_completed .comple_btn_box .btn-base.md.end_ver > * { height: 5vw; } 
 }

@media screen and (max-width: 768px){
 .evCon1 .tea_img { width: 40%; } 
.evCon1 .con_box { margin: 0 -12% 0 35%; } 

.evSection .curr_box_wrap { display: block; } 
.evSection .curr_box_wrap .curr_box { margin-bottom: 2%; } 
.evSection .curr_box_wrap .ico_img { display: none; } 
.evSection .curr_box_wrap .curr_text { margin-bottom: 0%; } 
.evSection .curr_box_wrap .curr_box_num { margin-bottom: 1%; } 

.evCon3.evSection .curr_box_wrap.ver_box_4 .curr_box { width: 100%; text-align: center; } 
.evCon3.evSection .curr_box_wrap.ver_box_4 .info_cover { width: 100%; } 

.event.ver1 .container_info.ver_circle { width: 80%; } 

.event.ver2 .btn-base-wrap+.share_base_wrap { margin-top: 6%; } 
.event.ver2 .share_base_wrap .share_list li dl dd { width: calc(33.333% - 5.4px); } 

 .popupCertified_completed .comple_wrap { padding: 1% 0 3%; } 
 .popupCertified_completed .comple_btn_box .btn-base { height: 8vw; } 
 .popupCertified_completed .comple_btn_box .btn-base.md.end_ver > * { height: 6vw; } 
 .popupCertified_completed .comple_bar_box .bar_sub .bar_text { bottom: -2.5vw; } 
 .popupCertified_completed .comple_bar_box .bar_sub.end_ver .bar_text { right: -5vw; } 
 .popupCertified_completed .comple_bar .bar_text { bottom: -2.5vw; right: -2vw; } 

 .event.ver3 .container_info.ver_circle .info .info_title { width: 123px; } 
 }

@media screen and (max-width: 576px){
 .eventWrap .evCon1.evSection { overflow: hidden; } 
.evCon1.evSection .inner { padding: 6% 0 18%; } 
.evCon1 .con_box .sub_tit { margin-bottom: 10%; } 
.evCon1 .con_box { margin: 0 0% 0 3%; } 
.evCon1 .tea_img { width: 73%; bottom: -88%; left: inherit; right: -30%; } 
.evCon1 h3 { padding-right: 32%; } 

.evCon2 .arrow_box_wrap { display: block; } 
.evCon2 .arrow_box_wrap .arrow_box { height: auto; background: #92dbff; border-radius: 4px; padding: 2% 0; margin-bottom: 2%; } 
.evCon2 .arrow_box_wrap .arrow_box .arrow_box_img { display: none; } 
.evCon2 .arrow_box_wrap .arrow_box.dark_ver { background: #324eff; } 
.evCon2 .line_img { display: none; } 

.evCon4 .now_day::after { display: none; } 
.evCon4 .tab-base.type-1 li a { font-size: 14px; padding: 19% 5px 13%; } 
.evCon4 .now_day { top: -5%; padding: 2px 1% 3px; min-width: 75px; font-size: 11px; } 
.event.ver1 .container_info.ver_circle { width: 100%; } 

 .event.ver3 .container_info.ver_circle .info .info_title { width: 107px; font-size: 13px; } 
   .event.ver3 .container_info.ver_circle .info:nth-of-type(2) .check_list li { font-size: 13px;} 


 .popupCertified_completed .comple_wrap { display: block; padding: 3% 0%; } 
 .popupCertified_completed .bar_all { width: 100%; } 
 .popupCertified_completed .comple_bar_box { width: 100%; } 
 .popupCertified_completed .comple_bar_box .comple_tit { margin-bottom: 3%; } 
 .popupCertified_completed .comple_bar { width: calc(100% - 14vw); } 
 .popupCertified_completed .comple_bar .bar_text { bottom: -4vw; right: -1vw; font-size: 12px; } 
 .popupCertified_completed .comple_bar_box .bar_sub { width: 7vw; font-size: 12px; } 
 
 .popupCertified_completed .comple_bar_box .bar_sub .bar_text { bottom: -4vw; } 
 .popupCertified_completed .comple_bar_box .bar_sub.start_ver .bar_text { right: 3vw; } 
 .popupCertified_completed .comple_bar_box .bar_sub.end_ver .bar_text { right: -1vw; } 

 .popupCertified_completed .comple_btn_box { width: 100%; margin-top: 7%; } 
 .popupCertified_completed .comple_btn_box .btn-base.md.end_ver > * { height: 100%; font-size: 12px; } 
 .popupCertified_completed .content_area .mg_btn_wrap { margin-top: 3%; } 
 .popupCertified_completed .content_area .mg_btn_wrap .mg_btn_base { padding: 3% 5px; } 
 }