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

.evSection .inner { padding: 150px 0; } 
.evSection.event .inner { padding: 0; } 
.evSection.evtoggleWarning .inner { padding: 0; } 
.evSection .wh_color { color: #fff; } 
.evSection .point_color { color: #7A57FF; } 
.evSection .point_color2 { color: #FF5C5C; } 
.evSection .mini_tit { margin-bottom: 15px; } 
.evSection .con_tit { margin-bottom: 55px; } 

.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: #555; 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; } 

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { display: none; } 

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


#popupFadeIn_slide .q_sd { overflow: hidden; } 
#popupFadeIn_slide .q_sd .swiper-slide { justify-content: center; display: flex; margin: auto; } 


.eventWrap .evCon1 { background: #fff url('https://img.megagong.net/m/2025/0916_pt1969/bg.png') center no-repeat; background-size: cover; position: relative; } 
.eventWrap .evCon1 .inner { padding: 230px 0 100px; } 
.eventWrap .evCon1::before { content: ''; width: 200%; height: 100%; display: block; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, rgba(4, 3, 9, 1) 150%); position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 1; } 
.evCon1 .tea_vod { width: 597px; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); } 
.evCon1 .tea_vod video { width: 100%; } 
.evCon1 .con_box { position: relative; z-index: 1; } 
.evCon1 .con_box .mini_tit_wrap { display: flex; justify-content: center; gap: 260px; margin-bottom: 210px; margin-right: 70px; } 
.evCon1 .con_box h3 { margin-bottom: 30px; } 
.evCon1 .teacher_home { justify-content: center; opacity: 0.7; font-weight: 400; } 
.evCon1 .teacher_home b { padding: 3px 5px 4px; } 

.eventWrap .evCon2 { background: linear-gradient(0deg, rgb(218 209 255) 0%, rgba(122, 87, 255, 1) 46%, rgba(4, 3, 9, 1) 100%); } 
.evCon2 .think_box_cover { position: relative; margin-top: 90px; } 
.evCon2 .think_box_wrap { text-align: center; display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 210px; margin-bottom: 110px; margin-left: 420px; margin-right: -60px; position: relative; } 
.evCon2 .think_box_wrap .think_box { width: max-content; border-radius: 20px; background: rgba(255,255,255,0.9); padding: 53px 31px; display: inline-block; box-shadow: 10px 10px 20px -6px rgba(0, 0, 0, 0.1); color: #333; } 
.evCon2 .think_box_wrap .think_box.dark_ver { background: #333; color: #fff; } 
.evCon2 .think_box_wrap .think_box:nth-child(2) { position: absolute; top: 120px; right: 0px; } 
.evCon2 .think_box_wrap .think_box:nth-child(3) { position: absolute; top: 230px; right: 370px; } 
.evCon2 .think_box_wrap .think_box:nth-child(4) { position: relative; } 
.evCon2 .bg_img { position: absolute; bottom: -100px; left: -40px; } 
.evCon2 .main_text { text-align: left; position: relative; line-height: 1.7; text-align: center; background: rgba(0, 0, 0, 0.3); border-radius: 20px; padding: 50px 0; } 
.evCon2 .main_text .line_img { display: block; position: absolute; left: -110px; top: 0px; } 

.eventWrap .evCon3 { background: linear-gradient(0deg, rgb(144 84 228) 0%, rgb(170 124 234) 26%, rgb(255 255 255) 70%); } 
.evCon3 .main_text { background: #fff; border-radius: 20px; padding: 49px 0; box-shadow: 0px 0px 10px 10px rgba(232, 220, 249, 0.4); line-height: 1.6; color: #333; margin-bottom: 25px; } 
.evCon3 .main_vod_wrap { margin: 0 40px 65px; } 
.evCon3 .line_tit { margin: 0 0 40px; } 
.evCon3 .mbs_loop_wrap { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 20px; position: relative; } 
.evCon3 .mbs_loop_wrap .mbs_box { background: rgba(255, 255, 255, 0.5); border-radius: 10px; padding: 40px 0; width: 530px; min-height: 424px; } 
.evCon3 .mbs_loop_wrap .mbs_tit { font-weight: 600; margin-bottom: 20px; } 
.evCon3 .mbs_loop_wrap .mbs_num { display: inline-block; background: #7a57ff; border-radius: 50px; padding: 5px 25px; } 
.evCon3 .mbs_loop_wrap .mbs_tit strong { display: block; margin-top: 7px; } 
.evCon3 .mbs_loop_wrap .mbs_btn a { background: #000; display: inline-block; padding: 9px 84px; border-radius: 3px; } 
.evCon3 .mbs_loop_wrap .evt_con_base.xs { font-size: 13px; color: var(--color-gray-2); color: #666; } 
.evCon3 .mbs_loop_wrap .loop_img { display: block; position: absolute; left: 50%; top: 43%; transform: translate(-50%, -50%); } 

.evCon4 .ico_box_wrap { display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 30px; } 
.evCon4 .ico_box_wrap .ico_box { flex: 1; border-bottom: 10px; border: 1px solid #ddd; border-radius: 10px; padding: 55px 0; } 
.evCon4 .ico_box_wrap .ico_img { margin-bottom: 20px; } 
.evCon4 .line_tit i { background: #cfcfcf; } 

.eventWrap .evCon5 { background: #F4F2FF; } 
.evCon5 .pr_book_wrapper { justify-content: center; } 
.evCon5 .pr_book_wrapper dt { width: 41%; } 
.evCon5 .pr_book_detail > li .con { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } 
.evCon5 .pr_book_detail > li .con > li { width: 50%; color: #555; } 
.evCon5 .btn-base.sm > * { padding: 12.5px 45px; font-size: 13px; } 

.evCon6 .mega_swiper_destroy .swiper-wrapper { flex-wrap: wrap; } 
.evCon6 .mega_swiper_destroy .swiper-slide { height:289px; flex: inherit; width: 49%; border: 1px solid #ddd; } 
.evCon6 .tea_img { position: absolute; bottom: -130px; right: -630px; } 
.evCon6 .evt_con_base.sm { font-size: 13px; color: #999; margin-top: 20px; text-align: right; margin-bottom: 60px; } 
.evCon6 .main_text_wrap { display: flex; justify-content: center; gap: 5px; } 
.evCon6 .main_text { text-decoration: underline; text-underline-position: from-font; } 

#popupFadeIn_slide .content_area .content_inner { padding: 0; } 
#popupFadeIn_slide .qa_box_wrap { display: flex; justify-content: center; align-items: center; width: 100%; } 
#popupFadeIn_slide .qa_box_wrap .qa_box { flex: 1; text-align: center; padding: 40px; position: relative; } 
#popupFadeIn_slide .qa_box_wrap .qa_box.left_ver { background: #f8f8f8; } 
#popupFadeIn_slide .qa_box_wrap .qa_box .q_tit { background: #999; color: #fff; border-radius: 50px; padding: 8px 27px; display: inline-block; margin-bottom: 11px; } 
#popupFadeIn_slide .qa_box_wrap .qa_box .q_tit_mian { line-height: 1.4; color: #666; margin-bottom: 20px; } 
#popupFadeIn_slide .qa_box_wrap .qa_box.right_ver { background: #7A57FF; } 
#popupFadeIn_slide .qa_box_wrap .qa_box.right_ver .q_tit { background: #000000; } 
#popupFadeIn_slide .qa_box_wrap .qa_box.right_ver .q_tit_mian { color: #fff; } 
#popupFadeIn_slide .swiper-horizontal>.swiper-pagination-bullets { position: absolute; bottom: -20px; } 
#popupFadeIn_slide .swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color, #ffffff); } 
#popupFadeIn_slide .swiper-pagination-bullet-active { background-color: #fff; } 
#popupFadeIn_slide .mark { position: absolute; right: 20px; top: 20px; } 


.eventWrap .event { background: #7A57FF; } 
.event .mini_tit { opacity: 0.6; } 
.evSection.event .con_tit { margin-bottom: 15px; } 
.event .container_info .info .noti { color: #fff; opacity: 0.4; } 
.event .gift_list_wrap li .badge { background-color: #362771 } 


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

.eventWrap .evCon1 .inner { padding: 26% 0 10%; } 
.evCon1 .tea_vod { width: 62%; bottom: -1%; left: 52%; } 
.evCon1 .con_box .mini_tit_wrap { gap: 26%; margin-bottom: 19%; margin-right: 3%; } 
.evCon1 .con_box h3 { margin-bottom: 3%; padding: 0 7%; } 

.evCon2 .think_box_cover { margin-top: 7%; } 
.evCon2 .bg_img { bottom: -10%; left: -4%; width: 50%; } 
.evCon2 .think_box_wrap { gap: 10px; margin-bottom: 8%; margin-left: 34%; margin-right: 0%; width: 66%; } 
.evCon2 .think_box_wrap .think_box { border-radius: 10px; padding: 5% 5%; width: 100%; } 
.evCon2 .think_box_wrap .think_box:nth-child(2) { position: relative; top: inherit; right: inherit; } 
.evCon2 .think_box_wrap .think_box:nth-child(3) { position: relative; top: inherit; right: inherit; } 
.evCon2 .main_text { line-height: 1.5; padding: 5% 0; } 

.evCon3 .main_text { border-radius: 10px; padding: 4% 0; margin-bottom: 3%; } 
.evCon3 .main_vod_wrap { margin: 0 0px 6%; } 
.evCon3 .line_tit { margin: 0 0 4%; } 
.evCon3 .mbs_loop_wrap .mbs_box { padding: 4% 0; width: 48%; min-height: 42vw; } 
.evCon3 .mbs_loop_wrap .loop_img { width: 17%; } 
.evCon3 .mbs_loop_wrap .mbs_num { padding: 5px 4%; } 
.evCon3 .mbs_loop_wrap .mbs_tit strong { margin-top: 2%; } 
.evCon3 .mbs_loop_wrap .mbs_img { padding: 0 18%; } 

.evCon4 .ico_box_wrap .ico_box { padding: 5% 0; } 
.evCon4 .ico_box_wrap .ico_box .ico_img { margin-bottom: 4%; padding: 0 40%; } 
.evCon4 .ico_box_wrap .ico_box:nth-child(3) .ico_img { padding: 0% 42%; } 
.evCon4 .ico_box_wrap { gap: 1%; margin-bottom: 3%; font-size: clamp(15px, 2vmin, 20px); } 

.evCon6 .tea_img { display: none; } 
.evCon6 .evt_con_base.sm { margin-top: 2%; margin-bottom: 6%; } 

.mfp-zin.mfp-ready #popupFadeIn_slide.z-anim { padding: 0 20px; } 
#popupFadeIn_slide .mark { width: 18%; right: 4%; top: 4%; } 
#popupFadeIn_slide .qa_box_wrap .qa_box { padding: 4%; } 
#popupFadeIn_slide .qa_box_wrap .qa_box .q_tit { padding: 7px 5%; margin-bottom: 2%; } 
#popupFadeIn_slide .qa_box_wrap .qa_box .q_tit_mian { margin-bottom: 4%; } 
 }

@media screen and (max-width: 992px){
 .mega_swiper_destroy { position: relative; overflow: hidden; } 
.mega_swiper_destroy .swiper-wrapper { gap: 0; } 
.mega_swiper_destroy .swiper-slide { flex: 1 0 100%; } 
.mega_swiper_destroy .swiper-pagination { display: block; bottom: -5vw; } 

.eventWrap .evCon1 .inner { padding: 6% 0 10%; } 
.evCon1 .con_box .mini_tit_wrap { margin-bottom: 47%; margin-right: 0%; display: block; } 
.evCon1 .teacher_home b { padding: 1px 3px 2px; font-size: 12px; } 

.evCon2 .think_box_wrap { font-size: clamp(15px, 2.3vmin, 20px); } 
.evCon2 .main_text { font-size: clamp(15px, 2.5vmin, 24px); } 

.evCon3 .mbs_loop_wrap { gap: 10px; } 
 .evCon3 .mbs_loop_wrap .mbs_box { width: 49%; min-height: 44vw; } 
 .evCon3 .mbs_loop_wrap .mbs_btn a { padding: 9px 13%; } 

 .evCon4 .ico_box_wrap { display: block; } 
 .evCon4 .ico_box_wrap .ico_box { margin-bottom: 2%; } 
 .evCon4 .ico_box_wrap .ico_box .ico_img { margin-bottom: 2%; padding: 0 46%; } 
 .evCon4 .ico_box_wrap .ico_box:nth-child(3) .ico_img { padding: 0% 46%; } 

 .evCon5 .pr_book_detail > li .con > li { width: 100%; } 


.evCon6 .mega_swiper_destroy .swiper-wrapper { flex-wrap: inherit; } 
.evCon6 .mega_swiper_destroy .swiper-slide { flex: 1 0 100%; width: 100%; } 
 .evCon6 .mega_swiper_destroy .swiper-pagination { bottom: 0vw; } 
 .eventWrap .evCon6 .swiper-pagination-bullet { background: #b1b1b1;}
.eventWrap .evCon6 .swiper-pagination-bullet-active { background: #000; } 
 }

@media screen and (max-width: 768px){
 .evCon3 .mbs_loop_wrap { display: block; } 
 .evCon3 .mbs_loop_wrap .mbs_box { min-height: inherit; width: 100%; margin-bottom: 2%; } 
 .evCon3 .mbs_loop_wrap .loop_img { display: none; } 
 .evCon3 .mbs_loop_wrap .mbs_tit { margin-bottom: 2%; } 
 .evCon3 .mbs_loop_wrap .mbs_tit strong { margin-top: 1%; } 

 .evCon5 .pr_book_wrapper dt { width: 100%; } 
 }

@media screen and (max-width: 576px){
 .evCon1 .con_box .mini_tit_wrap { margin-bottom: 70%; } 
.evCon1 .tea_vod { width: 82%; } 
.evCon1 .con_box h3 { padding: 0 4%; } 

 .evCon2 .think_box_wrap { width: 100%; margin-left: 0px; } 
 .evCon2 .bg_img { position: relative; left: inherit; width: 100%; bottom: inherit; margin-left: 5%; padding: 0 11%; margin-top: 13%; margin-bottom: -8%; } 
 .evCon2 .main_text { border-radius: 10px; } 

 .evCon6 .mega_swiper_destroy .swiper-slide {
    height: 78vw;

}
.evCon6 .main_text_wrap {

    display: block;
}

 #popupFadeIn_slide .qa_box_wrap { display: block; } 
 #popupFadeIn_slide .qa_box_wrap .qa_box { padding: 4% 9%; } 
 }