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

.eventWrap .inner { padding: 150px 0; } 
.eventWrap .event .inner { padding: 0; } 
.eventWrap .mini_tit { margin-bottom: 15px; } 
.eventWrap .con_tit { margin-bottom: 40px; } 
.eventWrap .sub_text { color: #777; margin-bottom: 50px; } 
.eventWrap .tx_white { color: #fff; } 
.eventWrap .evSection .grad_back { background: linear-gradient(90deg,rgba(63, 69, 170, 1) 0%, rgba(174, 134, 242, 1) 100%); } 
.evSection .txt_gradient { background: -webkit-linear-gradient(90deg,rgba(63, 69, 170, 1) 0%, rgba(174, 134, 242, 1) 100%); background: linear-gradient(90deg,rgba(63, 69, 170, 1) 0%, rgba(174, 134, 242, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 


.eventWrap .evCon3 .con_tit,
.eventWrap .evCon4 .con_tit,
.eventWrap .evCon5 .con_tit { margin-bottom: 20px; } 

.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: #939393; opacity: 1; width: 12px; height: 12px; } 
.eventWrap .swiper-pagination-bullet-active { background: #fff; } 

.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; } 


.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; } 

.evSection .user_box { background: linear-gradient(90deg, rgba(63, 69, 170, 1) 0%, rgba(174, 134, 242, 1) 100%); display: inline-block; width: 234px; height: 56px; border-radius: 50px; margin-top: 20px; position: relative; display: flex; justify-content: center; align-items: center; margin: 20px auto 0; } 
.evSection .user_box .point_img { position: absolute; left: 30px; top: -21px; display: inline-block; } 
.evSection .user_box .cha_img { position: absolute; left: 40px; bottom: -3px; } 
.evSection .user_box p { padding-left: 47px; } 


.eventWrap .evCon1 { background: #3F45AA url('https://img.megagong.net/m/2025/1002_jhssam1003/bg_con1.png') no-repeat center; background-size: cover; } 
.evCon1 .con_box { position: relative; } 
.evCon1 .tea_img { display: block; position: absolute; right: -190px; bottom: 0px; } 
.evCon1 .top_text { text-align: left; margin-bottom: 40px; font-weight: 400; } 
.evCon1 h3 { display: block; text-align: left; margin-bottom: 35px; } 
.evCon1 .home_cover { display: inline-block; background: rgba(255, 255, 255, 0.9); border-radius: 50px; font-size: 14px; color: #3F45AA; } 
.evCon1 .home_cover .teacher_home { padding: 4px 21px; } 
.evCon1 .home_cover .teacher_home b { background: #605fb2; font-size: 11px; padding: 3px 5px 4px; } 
.evCon1 .home_cover_wrap { text-align: left; } 

.eventWrap .evCon2 { background: #fff url('https://img.megagong.net/m/2025/1002_jhssam1003/bg_con2.png') no-repeat center; background-size: cover; } 
.evCon2 .sub_tit { color: #3F45AA; font-weight: 700; } 
.evCon2 .sub_tit_wrap { display: flex; justify-content: center; align-items: center; gap: 10px; width: fit-content; margin: 0 auto 20px; position: relative; padding: 0 20px; } 
.evCon2 .sub_tit_wrap::after { content: ""; width: 2px; height: 18px; background: #3F45AA; display: block; position: absolute; right: 0px; top: 53%; transform: translateY(-50%); } 
.evCon2 .sub_tit_wrap::before { content: ""; width: 2px; height: 18px; background: #3F45AA; display: block; position: absolute; left: 0px; top: 53%; transform: translateY(-50%); } 
.evCon2 .check_list_con { height : 562px; position: relative; } 
.evCon2 .check_list_wrap { padding: 39px 0; border-radius: 20px; background: rgba(255, 255, 255, 0.8); color: #333; width: 830px; box-shadow: 10px 10px 40px -10px rgba(0, 0, 0, 0.3); position: absolute; } 
.evCon2 .check_list_wrap.ver1 { left: 80px; top: 0px; } 
.evCon2 .check_list_wrap.ver2 { right: 80px; top: 170px; z-index: 1; } 
.evCon2 .check_list_wrap.ver3 { bottom: 0px; left: 80px; } 
.evCon2 .check_list_wrap .cha_img { position: absolute; bottom: 0px; display: none; } 
.evCon2 .check_list_wrap.ver1 .cha_img { left: 40px; } 
.evCon2 .check_list_wrap.ver2 .cha_img { right: -8px; } 
.evCon2 .check_list_wrap.ver3 .cha_img { left: -10px; } 
.evCon2 .check_list_wrap .list_tit { margin-bottom: 8px; font-weight: 700; display: flex; justify-content: center; align-items: center; } 
.evCon2 .check_list_wrap .list_con { line-height: 1.7; } 
.evCon2 .check_list_wrap .list_num { background: #333; color: #fff; border-radius: 50%; width: 27px; height: 27px; display: inline-block; font-weight: 400; margin-right: 5px; display: flex; justify-content: center; align-items: center; line-height: 1.3; } 
.evCon2 .check_list_wrap.on { background: linear-gradient(90deg,rgba(63, 69, 170, 0.8) 0%, rgba(174, 134, 242, 0.8) 100%); color: #fff; z-index: 2; } 
.evCon2 .check_list_wrap.on .list_num { background: #fff; color: #3F45AA; } 
.evCon2 .check_list_wrap.on .cha_img { display: block; } 

.eventWrap .evCon3 { background: #2D2E33 url('https://img.megagong.net/m/2025/1002_jhssam1003/bg_con3.png') no-repeat center; background-size: cover; } 
.eventWrap .evCon3 .sub_text { color: #d7d7d7; } 
.evCon3 .point_slide { margin-bottom: 30px; } 

.eventWrap .evCon4 .vod_slide .swiper-pagination { display: none; } 
.eventWrap .evCon4 .swiper-button-next, .eventWrap .evCon4 .swiper-button-prev { top: 41%; } 
.eventWrap .evCon4 .type2-prev { left: -4rem; } 
.eventWrap .evCon4 .type2-next { right: -4rem; } 

.evCon5 .tea_img { position: absolute; left: -260px; bottom: 0px; mix-blend-mode: luminosity; } 
.eventWrap .evCon5 { background: #EFF1FF; } 
.evCon5 .con_box { position: relative; } 
.evCon5 .book_wrap { display: flex; justify-content: center; align-items: center; gap: 50px; } 
.evCon5 .book_list li { background: #fff; border-radius: 10px; padding: 14px 21px; width: 380px; margin-bottom: 10px; text-align: left; display: flex; justify-content: flex-start; gap: 9px; align-items: center; } 
.evCon5 .book_list li .chk_obj { display: block; } 
.evCon5.evSection .user_box p { padding-left: 0px; } 
.eventWrap .evCon5.evSection .grad_back a { display: flex; justify-content: center; align-items: center; gap: 8px; width: 100%; height: 100%; } 

.evCon6 .sub_tit { margin-bottom: 30px; font-weight: 800; position: relative; display: inline-block } 
.evCon6 .sub_tit::before { content: ""; width: 103%; height: 2px; background: linear-gradient(90deg, rgba(63, 69, 170, 1) 0%, rgba(174, 134, 242, 1) 100%); position: absolute; left: 50%; top: 35px; transform: translateX(-50%); } 
.evCon6 .vod_wrap_box { display: flex; justify-content: center; align-items: center; gap: 30px; } 
.evCon6 .vod_wrap_box .vod_point_list { width: 250px; } 
.evCon6 .vod_wrap_box .vod_point_list li { width: 100%; background: #eff1ff; border-radius: 10px; margin-bottom: 10px; height: 172px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center; gap: 4px; } 
.evCon6 .vod_wrap_box .vod_point_list li:last-child { margin-bottom: 0; } 
.evCon6 .vod_wrap_box .vod_point_tit { width: 100%; color: #3F45AA; font-weight: 700; } 

.eventWrap .evCon7 { background: #3F45AA url('https://img.megagong.net/m/2025/1002_jhssam1003/bg_con7.png') no-repeat center; background-size: cover; } 
.eventWrap .evCon7 .con_tit { margin-bottom: 20px; } 
.evCon7 .vod_ico { display: inline-block; vertical-align: text-top; } 
.evCon7 .live_wrap_box { display: flex; justify-content: center; align-items: center; gap: 30px; margin-bottom: 50px; position: relative; } 
.evCon7 .live_wrap_box .live_wrap { width: 600px; } 
.evCon7 .live_wrap_box .live_wrap a { display: inline-block; } 
.evCon7 .live_wrap_box .live_list { background: #fff; border-radius: 15px; width: 450px; padding: 35px 30px; } 
.evCon7 .live_wrap_box .live_list li { display: flex; justify-content: flex-start; gap: 7px; margin-bottom: 12px; } 
.evCon7 .live_wrap_box .live_list li:last-child { margin-bottom: 0; } 
.evCon7 .live_wrap_box .live_list .live_ico { width: 24px; display: inline-block; } 
.evCon7 .live_wrap_box .vod_point_tit { color: #3F45AA; font-weight: 700; } 
.evCon7 .main_text { line-height: 1.7; font-weight: 400; } 

.evCon8 .con_tit { margin-bottom: 55px; } 
.evCon8 .tea_img { position: absolute; right: -380px; bottom: -150px; filter: grayscale(1); display: block; } 

.event .lec_tit { background: #000; border-radius: 50px; display: inline-block; color: #fff; padding: 10px 53px; margin-bottom: 20px; } 
.event.ver1 { background: #EFF1FF; } 
.event.ver1 .con_tit .evt_mark { background-color: #3f45aa; } 
.event.ver1 .con_tit .mini_tit+strong { color: #3f45aa; } 
.event.ver1 .con_box { margin-bottom: 60px; } 
.event.ver1 .con_box:last-of-type { margin-bottom: 0; } 
.event.ver1 .container_info_wrap { margin-bottom: 50px; } 
.event.ver1 .container_info.ver_circle .info .info_title { height: 16px; background: transparent; color: #000; font-weight: 800; border-right: 1px solid #878890; border-radius: 0px; margin: 5px 0; } 
.event.ver1 .con_tit .evt_mark::after { border-top: 10px solid #3f45aa; } 


/* 251013 */
.eventWrap .evCon1 .inner { padding: 200px 0; } 
.evCon1 .new_tit { color: #fff; font-size: 90px; } 
.evCon1 .new_tit .tit_box.bot_ver { display: flex; justify-content: flex-start; gap: 30px; align-items: center; margin-top: 6px; } 
.evCon1 .add4_1_swiper { position: relative; height: 120px; overflow: hidden; border: 5px solid #fff; width: 380px; height: 109px; } 
.evCon1 .add4_1_swiper .swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center; } 
.evCon1 .top_text.new_ver { text-align: left; margin-bottom: 80px; font-weight: 400; } 

.eventWrap .evCon4 .vod_slide.open_ver {margin: 0 -5px;}
.eventWrap .evCon4 .vod_slide.open_ver .swiper-wrapper { flex-wrap: wrap; justify-content: space-between; gap: 20px; } 
.eventWrap .evCon4 .vod_slide.open_ver .swiper-slide { width: 49% !important; margin-right: 0px !important; } 
.evCon4 .btn-base.more_btn { width: 100%; margin-top: 40px; } 
.evCon4 .btn-base.more_btn a { font-size: 18px; border: 1px solid #c3c3c3; width: 100%; display: block; color: #111; padding: 10px 23px; } 
.evCon4 .btn-base.more_btn a .text_area { position: relative; display: inline-block; } 
.evCon4 .btn-base.more_btn a .text_area::after { content: ""; width: 15px; height: 9px; display: block; position: absolute; right: -19px; top: 67%; transform: translateY(-50%); background: url(https://img.megagong.net/m/2025/1023_jhssam1003/arrow.png) no-repeat center; background-size: cover; } 
.evCon4 .btn-base.more_btn a .text_area.off_ver::after { top: 59%; transform: translateY(-50%) rotate(180deg); } 
.eventWrap .evCon4.new_ver .type2-prev { display: none;} 
.eventWrap .evCon4.new_ver .type2-next { display: none; } 
.eventWrap .evCon4 .vod_slide .swiper-slide.off_ver {display: none;}


.evCon7 .vod_point_con { text-align: left; } 
.evCon7 .pop_bnr_live { position: absolute; left: -70px; top: -40px; z-index: 2; } 
.evCon7 .pop_bnr_live .bnr_live_box { width: 138px; height: 138px; background: #f51f1f; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; } 
.evCon7 .pop_bnr_live .bnr_live_box a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } 
.evCon7 .bnr_live_off { display: block; position: absolute; right: 0px; width: 11%; top: -10px; } 
.evCon7 .bnr_live_off a { display: block; } 
.evCon7 .alt_box {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.evCon7 .live_wrap_box .live_wrap .alt_box a {
    display: block;
    width: 100%;
    height: 100%;
}
.event.ver1 .point_color { color: #3F45AA; } 

.eventWrap .banner_event.new_ver { width: 100%; font-size: 13px; border-radius: 0px; } 
.eventWrap .banner_event.new_ver a { padding: 7% 0; height: 100%; display: flex; justify-content: center; align-items: center; } 
.banner_event.new_ver .bnr_event_wrap { display: flex; justify-content: center; } 
.banner_event.new_ver .bnr_event_wrap li { flex: 1; border-right: 1px solid #c4a3ff; } 
.banner_event.new_ver .bnr_event_wrap li:last-child { border-right: 0; } 

.eventWrap .event.ver2 { background: #9574ED; } 
.event.ver2 .container_info.ver_circle .info .info_date { color: #fff; } 
.event.ver2 .container_info .info .noti { color: #ffffff; } 
.event.ver2 .gift_list_wrap li .badge { background-color: #5c53b3; } 
.event.ver2 .step_base_wrap { padding: 30px; background-color: var(--color-white); margin-top: 40px; margin-bottom: 60px; } 
.event.ver2 .step_base_wrap .hashtag { color: #4D64FF; } 
.event.ver2 .tag_tit { color: #5C53B3; font-weight: 700; } 
.event.ver2 .step_base_wrap .step_list li .box_area span.tag_point { background: #5C53B3; color: #fff; font-size: 20px; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin: auto; font-weight: 400; } 
.event.ver2 .share_link_wrap { margin-bottom: 0; } 
.event.ver2 .link_copy { background: #fff; padding-bottom: 30px; } 
.event.ver2 .link_copy .btn-base a { width: 314px; } 
.event.ver2 .regist_form_area { background-color: #5c53b3; border-radius: 0px; } 
.event.ver2 .regist_form_area .check-base { justify-content: flex-end; margin-top: 6%; } 
.event.ver2 .comment_base_wrap .comment_list { margin-top: 0px; border-radius: 0px; } 

.event.ver3 .con_tit .end::after { background: #fff; } 
.eventWrap .event.ver3 { background: linear-gradient(0deg,rgba(63, 70, 170, 1) 0%, rgba(109, 115, 228, 1) 100%); } 
.eventWrap .event.ver3 .mini_tit { opacity: 0.6; } 
.event.ver3 .container_info.ver_circle .info .info_date { color: #fff; } 
.event.ver3 .click_base_wrap .click_wrap { margin: 70px 80px 40px 0px; align-items: flex-start; position: relative; } 
.event.ver3 .click_base_wrap .click_wrap .book_area { position: relative; flex-wrap: wrap; } 
.event.ver3 .click_base_wrap .click_wrap .book_area .sha_book { position: absolute; left: 63%; top: 0px; mix-blend-mode: multiply; transform: translateX(-50%); width: 100%; } 
.event.ver3 .click_base_wrap .click_wrap .book_area .book_img { position: relative; } 
.event.ver3 .click_base_wrap .book_tit { color: #fff; font-weight: 400; margin-top: 11px; font-size: 13px; width: 100%; } 
.event.ver3 .click_base_wrap .count_area .evt_tit_base.primary { margin-top: 0px; color: #000; margin-bottom: 20px; } 
.event.ver3 .click_base_wrap .count_area .count { margin: 10px 50px 0; } 
.event.ver3 .btn-base.white > * { color: #777; border: 1px solid #777; } 
.event.ver3 .click_base_wrap .click_wrap .count_area .evt_badge_finish { right: 20px; top: 20px; width: min(25vw, 100px); height: min(25vw, 100px); } 
.event.ver3 .click_base_wrap .result_list li dt { padding: 10px 10px; } 
.event.ver3 .click_base_wrap .dim { position: absolute; left: 53%; top: 49%; width: 100%; height: 109%; background: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); } 
.event.ver3 .click_base_wrap .dim p { color: #AE86F2; font-weight: 600; } 

.eventWrap .event.ver4 { background: #D2D7FF; } 
.eventWrap .event.ver4 .gift_item_wrap { margin-top: 60px; text-align: center; margin-bottom: 60px; } 
.eventWrap .event.ver4 .gift_result_base { right: -30px; top: 0px; } 
.eventWrap .event.ver4 .gift_item_wrap { margin-top: 6%; margin-bottom: 6%; } 
.event.ver4 .btn-base.xl > * { padding: 26px 110px; font-size: 16px; } 

.popupCertified_live .m_text { margin: 20px 0; text-align: center; line-height: 1.3; } 
.popupCertified_live .mg_tb_wrap { font-family: 'Noto Sans KR'; } 
.popupCertified_live .noti_tit { font-weight: 600; margin-bottom: 5px; } 
.popupCertified_live .noti_box { margin: 15px 0 0; line-height: 1.3; } 
.popupCertified_live .noti_wrap { border: 1px solid #000; padding: 11px; } 
.popupCertified_live .noti_wrap a { color: #3a81ff; font-weight: 500; display: inline-block; padding: 0 3px; } 

.popupFadeIn_book .content_area .content_inner { padding: 40px 0px; } 
.popupFadeIn_book .content_inner { text-align: center; } 
.popupFadeIn_book .pop_tit { color: #484848; line-height: 1.3; margin-bottom: 10px; } 
.popupFadeIn_book .pop_tit strong { color: #000; display: block; margin-bottom: 10px; } 
.popupFadeIn_book .gift_pop_img { margin-bottom: 25px; } 
.popupFadeIn_book .pop_day { background: #d8d8d8; padding: 15px 0; margin-bottom: 15px; } 
.popupFadeIn_book .pop_day strong { background: #000; color: #fff; border-radius: 50px; padding: 0 14px 2px; font-weight: 500; margin-right: 5px; } 
.popupFadeIn_book .noti_box { color: #636363; opacity: 0.6; text-align: left; line-height: 1.5; margin: 0 20px; } 
.popupFadeIn_book .content_area .mg_btn_wrap .mg_btn_base { border-radius: 5px; font-family: 'Noto Sans KR'; } 

.eventWrap .banner_event.new_ver { bottom: inherit; } 

.eventWrap .click_admin_wrap { padding: 3% 0; width: 96%; margin: auto; } 
.eventWrap .evtoggleWarning .inner { padding: 0; } 

@media screen and (max-width: 1200px){
 .eventWrap .inner { padding: 13% 0; } 
.eventWrap .mini_tit { margin-bottom: 1%; } 
.eventWrap .con_tit { margin-bottom: 4%; } 
.eventWrap .sub_text { margin-bottom: 4%; } 
.eventWrap .evCon3 .con_tit, .eventWrap .evCon4 .con_tit, .eventWrap .evCon5 .con_tit { margin-bottom: 2%; } 
.event .lec_tit { padding: 10px 5%; margin-bottom: 2%; } 

.evSection .user_box { width: 21vw; height: 5vw; margin: 3% auto 0; } 
.evSection .user_box .point_img { display: none; } 
.evSection .user_box p { padding-left: 18%; } 
.evSection .user_box .cha_img { left: 13%; bottom: -4%; width: 17%; } 

.eventWrap .banner_event { position: fixed; border-radius: 50px; bottom: 9vw; left: 0px; width: 96%; font-size: 18px; background: linear-gradient(90deg,rgba(63, 69, 170, 1) 0%, rgba(174, 134, 242, 1) 100%); color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); z-index: 2; } 
.eventWrap .banner_event a { display: inline-block; padding: 1.5% 0; width: 100%; } 

.evCon1 .tea_img { right: -3%; width: 100%; } 
.evCon1 .con_box { padding-left: 3%; } 
.evCon1 h3 { margin-bottom: 4%; padding-right: 55%; } 
.evCon1 .top_text { margin-bottom: 3%; } 

.evCon2 .sub_tit_wrap { margin: 0 auto 2%; padding: 0 2%; } 
.evCon2 .check_list_con { height: inherit; } 
.evCon2 .check_list_wrap { padding: 4% 0; position: relative; width: 100%; margin-bottom: 1%; border-radius: 10px; } 
.evCon2 .check_list_wrap.ver1,
.evCon2 .check_list_wrap.ver2,
.evCon2 .check_list_wrap.ver3 { left: inherit; right: inherit; top: inherit; bottom: inherit; } 
.evCon2 .check_list_wrap.ver1 .cha_img { left: 4%; width: 11%; } 
.evCon2 .check_list_wrap.ver2 .cha_img { right: 4%; width: 11%; } 
.evCon2 .check_list_wrap.ver3 .cha_img { left: 4%; width: 17%; } 
.evCon2 .check_list_wrap .list_num { width: 2vw; height: 2vw; line-height: 1.5; font-size: 13px; } 


.evCon3 .point_slide { margin-bottom: 3%; } 

.eventWrap .evCon4 .swiper-button-next, .eventWrap .evCon4 .swiper-button-prev { display: none; } 
.eventWrap .evCon4 .swiper-pagination-bullet { background: #c8c8c8; } 
.eventWrap .evCon4 .swiper-pagination-bullet-active { background: #7b68d1; } 

.evCon5 .tea_img { display: none; } 
.evCon5 .book_wrap { gap: 5%; } 
.evCon5 .book_img { width: 40%; } 
.evCon5 .book_list li { padding: 4% 6%; width: 38vw; margin-bottom: 2%; } 
.evCon5.evSection .user_box { margin: 6% auto 0; } 
.evCon5 .play_img { width: 10%; } 

.evCon6 .sub_tit { margin-bottom: 3%; } 
.evCon6 .sub_tit::before { top: 112%; } 
.evCon6 .vod_wrap_box { gap: 2%; } 
.evCon6 .youtube_wrap { width: 54%; } 
.evCon6 .vod_wrap_box .vod_point_list { width: 23vw; } 
.evCon6 .vod_wrap_box .vod_point_list li { margin-bottom: 4%; height: 15vw; } 

.eventWrap .evCon7 .con_tit { margin-bottom: 2%; } 
.evCon7 .vod_ico { width: 4%; } 
.evCon7 .live_wrap_box { gap: 3%; margin-bottom: 5%; } 
.evCon7 .live_wrap_box .live_list { border-radius: 10px; width: 45vw; padding: 3% 3%; } 
.evCon7 .live_wrap_box .live_list li { margin-bottom: 4%; } 

.evCon8 .tea_img { display: none; } 

.event.ver1 .container_info_wrap { margin-bottom:4%; margin-top: 3%; } 
.event.ver1 .con_box { margin-bottom: 6%; } 

/* 251023 */
.evCon1 .add4_1_swiper { height: 5.8vmin; } 
.eventWrap .evCon1.new_ver .inner { padding: 12% 0; } 
.evCon1.new_ver .con_box { padding-left: 0%; } 
.evCon1 .new_tit { padding-right: 0%; font-size: clamp(20px, 9vmin, 90px); } 
.evCon1 .new_tit .tit_box.bot_ver { gap: 2%; margin-top: 1%; } 
.evCon1 .add4_1_swiper { width: 34vw; height: 13.8vmin; } 
.evCon1 .add4_1_swiper .swiper-slide { margin: auto; width:80%; } 
.evCon1 .top_text.new_ver { margin-bottom: 8%; } 

.evCon7 .pop_bnr_live { left: 2%; top: -26%; } 
.evCon7 .pop_bnr_live .bnr_live_box { width: 13vw; height: 13vw; } 

.eventWrap .banner_event.new_ver a { padding: 3% 0; } 
.event.ver3 .click_base_wrap .click_wrap { margin: 7% 8% 4% 0px; } 
.event.ver3 .click_base_wrap .count_area .count { margin: 1% 22% 0; } 
.event.ver3 .click_base_wrap .click_wrap .count_area .evt_badge_finish { right: 3%; top: 3%; } 
.event.ver3 .click_base_wrap .click_wrap .book_area .book_img { padding: 0 16%; } 
.event.ver3 .click_base_wrap .click_wrap .book_area .sha_book { padding: 0 9%; } 

.eventWrap .evCon4 .vod_slide.open_ver .swiper-slide { width: 48% !important; } 

.popupFadeIn_book .content_area .content_inner { padding: 6% 0px; } 
.popupFadeIn_book .pop_day { padding: 3% 0; margin-bottom: 2%; } 
.popupFadeIn_book .noti_box { margin: 0 3%; } 
.popupFadeIn_book .content_area .mg_btn_wrap .mg_btn_base { font-size: 15px; padding: 3% 0px; } 
.popupFadeIn_book .img { padding: 0 24%; } 

.popupCertified_live .content_area .content_inner { padding: 6% 2%; } 
.popupCertified_live .b_tit { font-size: 26px; } 
.popupCertified_live .m_text { margin: 3% 0; } 
.popupCertified_live .noti_box { margin: 2% 0 0; } 
.popupCertified_live .noti_wrap { padding: 1%; font-size: 12px; } 
.popupCertified_live .content_area .mg_btn_wrap .mg_btn_base.xl { font-size: 15px; } 
 }

@media screen and (max-width: 992px){
 .evSection .user_box .cha_img { display: none; } 
.evSection .user_box p { padding-left: 0; } 
.eventWrap .banner_event { bottom: 11vw; } 
.eventVideo.video_renewal { width: fit-content; margin: auto; } 

.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; } 
.mega_swiper_destroy .swiper-pagination { display: block; } 

.evCon2 .sub_tit_wrap { margin: 0 auto 4%; } 
.evCon2 .check_list_wrap .list_num { width: 3vw; height: 3vw; } 
.evCon2 .check_list_wrap .list_tit { margin-bottom: 4px; } 

.eventWrap .evCon5.evSection .grad_back a { padding: 5% 0; } 
.evCon5.evSection .user_box { width: 100%; height: inherit; border-radius: 9px; } 
.evCon5.evSection .user_box p { font-size: 16px; } 
.evCon5 .book_img { width: 44%; } 
.evCon5 .play_img { width: 8%; } 
.evCon5 .book_list li { padding: 5% 6%; } 

.evCon6 .youtube_wrap { width: 65%; } 
.evCon6 .vod_wrap_box .vod_point_list { width: 35%; } 
.evCon6 .vod_wrap_box .vod_point_list li { height: 17vw; } 

.evCon7 .live_wrap_box { gap: 1%; margin-bottom: 5%; } 
.evCon7 .live_wrap_box .live_wrap { width: 53%; } 
.evCon7 .live_wrap_box .live_list li { gap: 4px; } 
.evCon7 .live_wrap_box .live_list .live_ico { width: 2vw; } 
.evCon7 .live_wrap_box .live_list { padding: 3% 2%; } 

.event.ver2 .step_base_wrap { padding: 3% 2%; margin-top: 4%; margin-bottom: 6%; } 
.event.ver2 .step_base_wrap .step_list li .box_area { padding: 9% 3%; } 
.event.ver2 .step_base_wrap .step_list li .box_area .txt { font-size: clamp(13px, 2.2vmin, 16px); } 

.event.ver3 .btn-base.xl > * { padding: 7% 0px; font-size: 16px; font-weight: 600; } 
.event.ver3 .click_base_wrap .count_area .count { margin: 1% 14% 0; } 

 .evCon1 .new_tit { font-size: clamp(20px, 8vmin, 90px); } 
 .evCon1 .add4_1_swiper { height: 10.8vmin; border: 3px solid #fff; } 

 .eventWrap .evCon4 .vod_slide.open_ver {margin: 0;}
 .eventWrap .evCon4 .vod_slide.open_ver .swiper-wrapper {  gap: 0; flex-wrap: inherit;} 
.eventWrap .evCon4 .vod_slide.open_ver .swiper-slide { width: 100% !important; flex: 1 0 100%;  justify-content: center;    margin-right: 15px !important;} 
.eventWrap .evCon4 .vod_slide .swiper-slide.off_ver {display: block;}
.eventWrap .evCon4 .vod_slide .swiper-pagination { display: flex; } 

 .evCon7 .pop_bnr_live .bnr_live_box { font-size: clamp(15px, 2vmin, 20px); line-height: 1.3; } 
 .evCon7 .pop_bnr_live { left: inherit; right: 1%; } 
 }

@media screen and (max-width: 768px){
 .evSection .user_box { width: 28vw; } 
.eventWrap .banner_event { bottom: 14vw; font-size: 16px; } 

.evCon2 .check_list_wrap { height: 27vw; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; margin-bottom: 2%; } 
.evCon2 .check_list_wrap .list_tit { width: 100%; } 
.evCon2 .check_list_wrap.on .cha_img { display: none; } 


.evCon5 .book_wrap { display: block; } 
.evCon5 .book_img { width: 100%; padding: 0 22%; margin-bottom: 6%; } 
.evCon5 .book_list { display: flex; flex-wrap: wrap; justify-content: center; } 
.evCon5 .book_list li { padding: 3% 4%; width: 70%; } 
.evCon5.evSection .user_box { margin: 2% auto 0; width: 70%; } 
.evCon5 .play_img { width: 6%; } 
.eventWrap .evCon5.evSection .grad_back a { padding: 5% 0; } 

.evCon6 .vod_wrap_box { display: block; } 
.evCon6 .youtube_wrap { width: 100%; margin-bottom: 4%; } 
.evCon6 .vod_wrap_box .vod_point_list { width: 100%; display: flex; gap: 2%; } 
.evCon6 .vod_wrap_box .vod_point_list li { height: inherit; margin-bottom: 2%; padding: 2% 0px; margin-bottom: 0; } 
.evCon6 .vod_wrap_box .vod_point_list li .vod_chk { width: 5%; } 

.evCon7 .live_wrap_box { display: block; } 
.evCon7 .live_wrap_box .live_wrap { width: 100%; margin-bottom: 3%; } 
.evCon7 .live_wrap_box .live_list { padding: 3% 4%; width: 100%; } 
.evCon7 .live_wrap_box .live_list li { margin-bottom: 2%; } 
.evCon7 .live_wrap_box .live_list .live_ico { width: 4vw; } 

 .evCon1.new_ver .tea_img { right: -5%; } 

 .evCon7 .pop_bnr_live { left: inherit; right: 1%; top: -3%; position: relative; right: inherit; top: inherit; width: 100%; margin-bottom: 3%; } 
 .evCon7 .pop_bnr_live .bnr_live_box {width: 100%; border-radius: 10px; height: auto; } 
.evCon7 .pop_bnr_live .bnr_live_box a { padding: 3% 0; } 
.evCon7 .bnr_live_off { right: 3%; width: 4%; top: 50%; transform: translateY(-50%); } 

.event.ver2 .step_base_wrap .step_list { margin-top: 2%; } 
.event.ver2 .step_base_wrap .step_list li .box_area .ico { margin-top: 5%; padding: 0 40%; } 
.event.ver2 .link_copy { padding-bottom: 3%; } 

.event.ver3 .click_base_wrap .click_wrap { margin: 10% 0% 4% 0px; } 
.event.ver3 .click_base_wrap .click_wrap .book_area { margin: 0 auto 6%; } 
.event.ver3 .click_base_wrap .count_area .count { margin: 1% 26% 0; } 
.event.ver3 .click_base_wrap .click_wrap .count_area { padding: 4% 19%; } 
.event.ver3 .click_base_wrap .dim { left: 50%; top: 50%; width: 100%; height: 100%; } 
.event.ver3 .btn-base.xl > * { padding: 5% 0px; font-weight: 600; } 

.event.ver4 .btn-base.xl > * { padding: 8% 110px; font-size: 15px; } 

.click_base_wrap .result_wrap { padding: 3% 3%; } 

.popupCertified_live .b_tit { font-size: 22px; } 
.popupCertified_live .mg_tb_form td { height: 38px; } 
 }

@media screen and (max-width: 576px){
 .evSection .user_box { width: 36vw; height: 7vw; } 
.event .lec_tit { padding: 6px 5%; margin-bottom: 5%; } 
.eventWrap .banner_event { bottom: 18vw; font-size: 15px; } 
.eventWrap .banner_event a { padding: 3% 0; } 

.evCon1 h3 { padding-right: 50%; } 
.evCon1 .top_text { margin-bottom: 4%; font-size: clamp(18px, 4.7vmin, 42px); } 
.evCon1 .home_cover .teacher_home { padding: 3px 11px; font-size: 12px; } 
.evCon1 .home_cover .teacher_home i { height: 10px; margin: 0 6px 0; } 
.evCon1 .tea_img { right: -12%; width: 127%; } 


.evCon2 .sub_tit_wrap { gap: 6px; margin: 0 auto 6%; } 
.evCon2 .check_list_wrap { margin-bottom: 3%; box-shadow: 10px 10px 10px -10px rgba(0, 0, 0, 0.3); } 
.evCon2 .sub_tit_wrap .ico { display: inline-block; width: 5%; } 
.evCon2 .check_list_wrap { height: 60vw; } 
.evCon2 .check_list_wrap .list_num { width: 5vw; height: 5vw; margin-right: 0; } 
.evCon2 .check_list_wrap .list_tit { margin-bottom: 2%; flex-wrap: wrap; } 
.evCon2 .check_list_wrap .list_tit strong { font-weight: 700; text-align: left; width: 100%; text-align: center; margin-top: 2%; } 

.evCon3 .point_slide { margin-bottom: 3%; margin: 0 12% 5%; } 

.evCon5 .book_img { padding: 0 15%; } 
.evCon5 .book_list li { width: 100%; } 
.evCon5 .book_list li .chk_obj { width: 4%; } 
.evCon5 .play_img { width: 8%; } 

.evCon6 .vod_wrap_box .vod_point_list li .vod_chk { width: 8%; } 

 .eventWrap .evCon1.new_ver .inner { padding: 17% 0; } 
 .evCon1 .add4_1_swiper { border: 2px solid #fff; } 
 .evCon1.new_ver .tea_img { right: -18%; } 
 .evCon1 .top_text.new_ver { font-size: 15px; } 

.event.ver1 .con_box { margin-bottom: 10%; } 

.event.ver2 .step_base_wrap .step_list li .box_area .ico { margin-top: 4%; padding: 0 45%; } 
.event.ver2 .step_base_wrap .step_list li .box_area { padding: 4% 3%; } 
.event.ver2 .regist_form_area .check-base { margin-top: 2%; } 

.event.ver3 .click_base_wrap .dim p { font-size: clamp(26px, 5.5vmin, 50px); } 

.event.ver4 .btn-base.xl > * { padding: 7% 90px; font-size: 14px; } 
.eventWrap .event.ver4 .gift_item_wrap { margin-top: 9%; margin-bottom: 11%; width: 71%; } 

.popupFadeIn_book .pop_tit strong { font-size: clamp(20px, 3.5vmin, 30px); } 
.popupFadeIn_book .noti_box { font-size: 12px; } 
.popupFadeIn_book .content_area .mg_btn_wrap .mg_btn_base { font-size: 14px; padding: 4% 0px; } 

.popupCertified_live .b_tit { font-size: 19px; } 
.popupCertified_live .mg_tb_form th { padding: 5px 5px; font-size: 12px; } 
.popupCertified_live .noti_box { font-size: clamp(12px, 1.8vmin, 13px); } 
.popupCertified_live .content_area .mg_btn_wrap { margin-top: 5%; } 
.popupCertified_live .content_area .mg_btn_wrap .mg_btn_base.xl { font-size: 14px; } 

.click_admin_wrap .click_admin_title .click_title { flex-wrap: wrap; gap: 10px; } 
 }

@media screen and (max-width: 375px){
 .evCon2 .check_list_wrap { height: 68vw; } 
 }