@charset "euc-kr"; /* bg url: https://img.megagong.net/m/2024/ - as-is url */
/* bg url: https://image.megagong.net/m/2024/ - to-be url */

.con_tit .end { right: 30px; top: -160px; } 
.con_tit .end::after { background: #003a38; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.warningList li ul li a.tp1 { background-color:#000; color:#fff; } 

.clamp-title { font-size:48px; } 
.clamp-title2 { font-size: 28px; } 
.clamp-text { font-size:20px; } 
.clamp-text2 { font-size:18px; } 
.mini_tit { color: #333; margin-bottom: 10px; } 
.con_tit { font-weight: 900; color: #00736f; line-height: 1.3; margin-bottom: 70px; } 
.con_tit .light_ver { font-weight: 400; color: #000; } 
.main_color { color: #00736f; } 
.wh_ver { color: #fff; } 
.y_ver { color: #ffe934; } 
.b_ver { color: #000; } 

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

.btn a { display: inline-block; } 
.evSection .subtitle_line .text { color: #111111; font-size: 30px; font-weight: 900; } 
.evSection .subtitle_line .line { height: 2px; } 
.noti_exam { color: #999; font-size: 13px; display: block; text-align: right; margin-top: 11px; } 

.flt_inner.renewal li { margin-top: -1px; } 
.flt_inner.renewal li.top { margin-top: 0px; } 
.flt_inner.renewal li.toggle img.off{display:none;}
.flt_inner.renewal li.toggle img.on{display:inline;}

.flt_inner.renewal li.toggle.on img.off{display:inline;}
.flt_inner.renewal li.toggle.on img.on{display:none;}

/* con1 */
.evCon1 { background: linear-gradient(141deg, rgba(31,86,84,1) 0%, rgba(56,105,108,1) 35%, rgba(156,160,162,1) 100%); } 
.eventWrap .evCon1 .inner { padding: 45px 0 35px; } 
.evCon1 .tea_img { position: absolute; left: 51%; transform: translateX(-50%); width: 100%; bottom: 0px; } 
.evCon1 .small_tit { color: #fff; font-size: 26px; letter-spacing: 11px; margin-bottom: 420px; } 
.evCon1 h3 { position: relative; } 
.evCon1 h3 .home_link { position: absolute; right: -20px; bottom: 56px; } 


/* con2 */
.evCon2 { background: #e5e5e5; } 
.evCon2 .swiper_basic1 { margin-bottom: 30px; } 
.evCon2 .swiper_basic1 .exam_wrap { display: flex; position: relative; justify-content: center; gap: 30px; } 
.evCon2 .swiper_basic1 .exam_wrap .exam_arrow { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 86px; width: 96px; } 

.eventWrap .evCon2 .type2-prev { left: -5rem; } 
.eventWrap .evCon2 .type2-next { right: -5rem; } 
.eventWrap .evCon2 .swiper-pagination { display: none; } 
.evCon2 .main_text { font-size: 34px; font-weight: 700; } 

/* con3 */
.evCon3 .tab_base { display: flex; justify-content: center; align-items: center; gap: 1px; } 
.evCon3 .tab_base li { flex: 1; } 
.evCon3 .tab_base li a { background: #e5e5e5; display: block; padding: 19px 0; color: #727272; font-size: 20px; line-height: 1.2; font-weight: 400; } 
.evCon3 .tab_base li .round_ver { background: #d5d5d5; border-radius: 50px; padding: 2px 26px; font-size: 14px; display: inline-block; margin-bottom: 4px; } 
.evCon3 .tab_base li strong { font-weight: 800; } 

.evCon3 .tab_base li.on a { background: #00736f; color: #fff; } 
.evCon3 .tab_base li.on .round_ver { background: #115c59; } 
.evCon3 .tab_base li.on strong { color: #ffe934; } 

.evCon3 .panel_base li { position: relative; padding-top: 60px; margin: 0 40px 55px; } 
.evCon3 .panel_base li > img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; z-index: 1; } 
.evCon3 .panel_base li .vod_exam_wrap { display: flex; justify-content: center; gap: 20px; } 
.evCon3 .panel_base li .eventVideo.for_youtube { width: 540px; height:auto; } 

/* .evCon3 #mega_swiper_scroll .swiper-wrapper { gap: 10px; } 
.evCon3 #mega_swiper_scroll .swiper-slide { flex:1 } 
.evCon3 #mega_swiper_scroll .swiper-scrollbar { display: none; } */


/* con4 */
.evCon4 { background: #f7f7f7; } 
.evCon4 .img_wrap { display: flex; justify-content: center; gap: 20px; } 
.evCon4 .img_wrap .img_char:nth-child(2) { margin-top: 40px; } 


/* con5 */
.evCon5 { background: #00736f; } 
.evCon5 .mega_swiper_destroy .swiper-wrapper { gap: 10px; } 
.evCon5 .mega_swiper_destroy .swiper-slide { display: flex; flex: 1 1 auto; } 
.evCon5 .mega_swiper_destroy .swiper-pagination { display: none; } 

/* con6 */
.evCon6 { background: #d7f5f4; } 
.evCon6 .mark_con6 { display: inline-block; background: #00736f; color: #fff; font-weight: 600; font-size: 22px; border-radius: 50%; width: 125px; height: 125px; display: flex; justify-content: center; align-items: center; line-height: 1.2; padding-top: 10px; position: absolute; right: -40px; top: 109px; } 
.evCon6 .con_tit { margin-bottom: 20px; } 
.evCon6 .main_text { font-weight: 400; color: #333; margin-bottom: 70px; } 
.evCon6 .main_text strong { color: #00736f; font-weight: 800; } 
.evCon6 .arrow_sd_box { position: relative; } 
.evCon6 .arrow_sd_box .arrow_sd { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1279px; } 
.evCon6 .mega_swiper_scroll .swiper-wrapper { gap: 20px; } 
.evCon6 .mega_swiper_scroll .swiper-slide { width: auto; } 
.evCon6 .mega_swiper_scroll .swiper-scrollbar { display: none; } 

/* con7 */
.evCon7 .tab_base { display: flex; justify-content: center; border-bottom: 2px solid #000; margin-bottom: 40px; } 
.evCon7 .tab_base li { flex: 1; position: relative; } 
.evCon7 .tab_base li a { display: inline-block; padding: 17px 0; background: #e5e5e5; width: 100%; color: #7e7e7e; font-size: 24px; font-weight: 400; } 
.evCon7 .tab_base li.on a { background: #00736f; color: #fff; font-weight: 700; } 
.evCon7 .tab_base li .tab_icon { position: absolute; left: 30px; top: -30px; background: #ffe940; font-style: normal; border-radius: 50%; width: 60px; line-height: 60px; font-size: 16px; } 


.evCon7 .panel_base .eventVideo { margin: 0 40px 80px; } 
.evCon7 .main_text { font-size: 30px; margin-bottom: 31px; } 
.evCon7 .main_text strong { font-weight: 900; } 
.evCon7 .next_txt { background: #d6f5f4; font-size: 20px; padding: 13px 0; margin: -40px auto 80px; } 
.evCon7 .next_txt span { color: #fff; background: #00726e; border-radius: 30px; width: 90px; display: inline-block; line-height: 35px; margin-right: 20px; font-size: 18px; } 


/* con8 */ 
.evCon8 { background: #00736f; } 
.evCon8 .event_mark { margin-bottom: 30px; display: inline-block; } 
.evCon8 .con_tit { margin-bottom: 30px; } 
.evCon8 .main_text { font-size: 21px; color: #cbdbdb; font-weight: 400; margin-bottom: 40px; } 
.evCon8 .main_text b { font-weight: 400; } 
.evCon8 .main_text b img { vertical-align: top; } 

.evCon8 .container_info { font-size: 20px; background-color: #99c7c5; margin: 0 40px 80px; } 
.evCon8 .container_info .info .info_title { padding: 6px; margin-right: 0px; } 
.evCon8 .container_info .info .info_title::after { display: none; } 
.evCon8 .container_info .info .info_title::before { left: -7px; } 
.evCon8 .container_info .info .info_date { font-weight: 600; } 
.evCon8 .container_info .info .noti { margin-left: 11px; font-weight: 500; } 
.evCon8 .gift_wrap { display: flex; justify-content: center; align-items: center; gap: 40px; margin-bottom: 75px; } 
.evCon8.evSection .subtitle_line .text { font-size: 22px; font-weight: 500; background: #000; border-radius: 50px; color: #fff; margin: 0px; padding: 10px 40px; } 
.evCon8.evSection .subtitle_line .line { height: 1px; } 
.evCon8.evSection .event_step { border-radius: 15px; overflow: hidden; margin-bottom: 40px; } 
.evCon8.evSection .event_step .step { padding: 35px 25px 32px 25px; height: 220px; } 
.evCon8.evSection .event_step .step p { color: #000000; font-size: 20px; line-height: 1.3; font-weight: 500; } 
.evCon8.evSection .event_step .step span { margin-bottom: 8px; font-size: 18px; } 
.evCon8.evSection .event_step .step a { margin-top: 9px; background-color: transparent; } 
.evCon8.evSection .event_step .step::before { background-image: url(https://image.megagong.net/m/2024/0724_song/arrow_event.png); } 
.evCon8.evSection .event_step .step::after { height: calc(100% - 50px); } 
.evCon8 .event_pop.no_func a { cursor: default; } 

.mg_s_info { margin-top: 20px; } 
.mg_s_info li { padding-left: 0px; margin-top: 7px; } 
.mg_s_info li:before { display: none; } 
.mg_info_wrap { margin-top: 20px; } 

/* warn */
.evtoggleWarning p.w_tit { font-size: 20px; padding: 15px 0; } 
.warningList li ul li a.tp1 { background-color: transparent; color: #157366; text-decoration: underline; padding: 0px; font-size: 13px; } 


/* con9 */ 
.evCon9 { background: #ffea48; } 
.evCon9 .con_tit .end::after { background: #7f7523; } 
.evCon9 .event_mark { display: inline-block; width: min(230px,25%); } 
.evCon9 .con_tit { margin: 30px auto; } 
.evCon9 .main_text { font-size: 21px; color: #736a22; font-weight: 400; margin-bottom: 100px; } 
.evCon9 .main_text b { font-weight: 700; } 
.evCon9 .main_text b img { vertical-align: top; } 

.evCon9 .container_info_wrap { background: #fff186; position: relative; padding: 65px 0 65px 40px; gap: min(40px,4vmin); margin-bottom: 80px; } 
.evCon9 .container_info_wrap .circle_txt { position: absolute; font-size: 22px; font-weight: 500; background: #000; border-radius: 50px; color: #fff; margin: 0px; padding: 10px 0; top: -25px; left: 50%; transform: translateX(-50%); width: min(80%,450px); } 
.evCon9 .container_info_wrap::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 3000px; height: 100%; background: inherit; } 
.evCon9 .container_info .info .info_title { margin: 0; } 
.evCon9 .container_info .info .info_title::after { right: auto; left: 0; } 
.evCon9 .container_info .info .info_title::before { display: none !important; } 
.evCon9 .container_info .info .info_date .must { color: #fff; background: #ff4e4e; font-size: 18px; border-radius: 5px; line-height: 28px; padding: 0 19px; display: inline-block; } 
.evCon9 .container_info .info .info_date p { color: #736a22; display: flex; font-size: 19px; line-height: 1.6; } 
.evCon9 .container_info .info .info_date p b { color: #000; } 

.evCon9 .container_info .info .noti { margin-left: 11px; font-weight: 500; } 
.evCon9.evSection .subtitle_line .text { font-size: 22px; font-weight: 500; background: #000; border-radius: 50px; color: #fff; margin: 0px; padding: 10px 40px; } 
.evCon9.evSection .subtitle_line .line { height: 1px; } 
.evCon9.evSection .event_step { border-radius: 15px; overflow: hidden; margin-bottom: 40px; } 
.evCon9.evSection .event_step .step { padding: 35px 25px 32px 25px; height: 220px; justify-content: space-between; } 
.evCon9.evSection .event_step .step p { color: #000000; font-size: 20px; line-height: 1.3; font-weight: 500; } 
.evCon9.evSection .event_step .step p.red { color:#ff4d4d; font-size: 13px; } 
.evCon9.evSection .event_step .step span { /* margin-bottom: 8px; */font-size: 18px; } 
.evCon9.evSection .event_step .step a { margin-top: 9px; background-color: transparent; } 
.evCon9.evSection .event_step .step::before { background-image: url(https://image.megagong.net/m/2024/0724_song/arrow_event.png); } 
.evCon9.evSection .event_step .step::after { /* height: calc(100% - 50px); */ } 
.evCon9.evSection .event_step + .btn { margin-bottom: 40px; } 

.evCon9 .shareList ul li dl.sns dt { background-color: #000; color:#ff4d4d } 
.evCon9 .shareList ul li dl.naver dt { background-color: #000; color:#04c75b } 
.evCon9 .shareList ul li dl.daum dt { background-color: #000; color:#fae100 } 
.evCon9 .shareList ul li dl.etc dt { background-color: #000; color:#ccc } 

.evCon9 .shareList ul li dl.sns dd,
.evCon9 .shareList ul li dl.naver dd,
.evCon9 .shareList ul li dl.daum dd,
.evCon9 .shareList ul li dl.etc dd { border: 1px solid #ddd; color: #999; background:#f5f5f5; } 


.evCon9 .evtBoard_common { background: #004d4a; } 
.evCon9 .evtBoard_common .board_write .btn_wrap a { background: #f8e44c; color: #000; } 
.evCon9 .eventBoard .evtBoard_common .info_wrap .tip_list { color: #fff; opacity: 0.7; } 
.evCon9 .eventBoard .evtBoard_common .info_wrap.with_tip button { color: #fff; border-bottom: 1px solid } 


/* 2024 0914 */
.flt_inner .toggleBtn .on { display: none; } 
.flt_inner .toggleBtn .off { display: block; } 
.flt_inner .toggleBtn.on .on { display: block; } 
.flt_inner .toggleBtn.on .off { display:none; } 
.evCon7.re_mar .con_tit { margin-bottom: 30px; } 
.evCon7 .swiper_vod_wrp { position: relative; } 
.evCon7 .swiper_vod { width: 100%; height: 300px; margin-left: auto; margin-right: auto; } 
.evCon7 .swiper_vod .swiper-slide { background-size: cover; background-position: center; padding: 17px 0; font-size: 24px; margin-top: 20px; } 
.evCon7 .swiper_vod.mySwiper2 { height: 80%; width: 100%; } 
.evCon7 .swiper_vod.mySwiper { height: 20%; box-sizing: border-box; border-bottom:2px solid #000; } 
.evCon7 .swiper_vod.mySwiper .swiper-slide { width: 25%; height: 100%; background: #e5e5e5; color: #7e7e7e; font-weight: 400; margin-top: 30px; cursor: pointer; } 
.evCon7 .swiper_vod.mySwiper .swiper-slide-thumb-active { background: #00736f; color: #fff; font-weight: 700; } 
.evCon7 .swiper_vod.mySwiper .swiper-slide div { position: relative; } 
.evCon7 .swiper_vod.mySwiper .swiper-slide div i.tab_icon { position: absolute; left: 30px; top: -46px; background: #ffe940; color: #000; font-style: normal; border-radius: 50%; width: 60px; line-height: 60px; font-size: 16px; } 
.evCon7 .swiper_vod .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.eventWrap .evCon7 .swiper-button-next, .eventWrap .evCon7 .swiper-button-prev { top: 65%; } 
.eventWrap .evCon7 .type2-prev { left: -3rem; } 
.eventWrap .evCon7 .type2-next { right: -3rem; } 
.evCon7 .swiper_vod .eventVideo.for_youtube { margin: 0 40px; } 
.evCon7 .swiper_vod .next_txt { margin: 40px auto 80px; } 

#event3 { background: linear-gradient(180deg, #ffffeb 0%, #fff58b 100%); }
#event3 .inner{padding: 0;}
#event3 .con_tit .end{top:0;}
/* #event1 .con_tit .end::after { background: #111; } */ /* À̺¥Æ® Á¾·á µüÁö »ö»ó */
#event3 .con_tit{ color: #111111; font-weight:900;margin-bottom:30px;}
#event3 .con_tit strong{font-weight:inherit;}
#event3 .con_tit span.import{color:#00736f;}
#event3 .con_tit + .mini_tit{color:#00736f;}
#event3 .bg_shadow { bottom: 260px; }
#event3 .obj_cover .pattern_obj { left: 50%; top: -19%; }
#event3 .gift_result_base{right:initial;left:0;}

@media screen and (max-width: 1200px){
 .clamp-title { font-size: clamp(23px,5.2vmin,48px); } 
.clamp-title2 { font-size: clamp(18px,3.2vmin,28px); } 
.clamp-text { font-size: clamp(15px,2vmin,20px); } 
.clamp-text2 { font-size: clamp(13px,1.8vmin,18px); } 
.mini_tit { margin-bottom: 1%; } 
.con_tit { margin-bottom: 5%; } 
.eventWrap .inner { padding: 15% 0; } 

.evSection .subtitle_line { margin-bottom: 4%; } 
.evSection .subtitle_line .text { margin: 0 2%; font-size: clamp(15px,3.2vmin,30px); } 

.noti_exam { margin-top: 1%; } 

/* con1 */
.eventWrap .evCon1 .inner { padding: 6% 0 5%; } 
.evCon1 .small_tit { font-size: clamp(15px,2.8vmin,26px); letter-spacing: 10px; margin-bottom: 42%; } 
.evCon1 .tea_img { padding: 0 17%; } 
.evCon1 h3 { padding: 0 5%; } 
.evCon1 h3 .home_link { right: 2%; bottom: 12%; } 

/* con2 */
.evCon2 .swiper_basic1 { margin-bottom: 4%; } 
.evCon2 .swiper_basic1 .exam_wrap { gap: 3%; } 
.evCon2 .swiper_basic1 .exam_wrap .exam_arrow { top: 55%; width: 8%; } 
.evCon2 .main_text { font-size: clamp(18px,3.6vmin,34px); } 
.eventWrap .evCon2 .type2-prev { display: none; } 
.eventWrap .evCon2 .type2-next { display: none; } 
.eventWrap .evCon2 .swiper-pagination { display: block; } 
.eventWrap .evCon2 .swiper-pagination-bullet { background: #95b5b1; } 
.eventWrap .evCon2 .swiper-pagination-bullet-active { background: #157366; } 

/* con3 */
.evCon3 .tab_base li a { padding: 6% 0; font-size: clamp(13px,2vmin,20px); } 
.evCon3 .tab_base li .round_ver { padding: 1% 9%; font-size: 13px; font-weight: 500; margin-bottom: 3%; } 
.evCon3 .panel_base li { padding-top: 2%; margin: 0 0px 5%; } 
.evCon3 .panel_base li .vod_exam_wrap { gap: 1%; } 
.evCon3 .swiper-wrapper { gap: 1%; justify-content: center; } 
.evCon3 .swiper-slide { width: 24% !important; } 

/* con4 */
.evCon4 .img_wrap { gap: 2%; } 
.evCon4 .img_wrap .img_char:nth-child(2) { margin-top: 4%; } 

/* con6 */
.evCon6 .mark_con6 { font-size: clamp(14px,2.4vmin,22px); border-radius: 50px; width: auto; height: inherit; position: relative; top: inherit; right: inherit; padding: 1% 5%; margin-bottom: 2%; display: inline-block; } 
.evCon6 .main_text { margin-bottom: 7%; } 
.evCon6 .mega_swiper_scroll .swiper-wrapper { gap: 1%; padding-bottom: 9%; } 
.evCon6 .swiper-horizontal>.swiper-scrollbar, .evCon6 .swiper-scrollbar.swiper-scrollbar-horizontal { bottom: 13%; height: 3%; } 
.evCon6 .swiper-scrollbar { background: rgb(245 255 255); } 
.evCon6 .swiper-scrollbar-drag { background: #52aaa6; } 

/* con7 */
.evCon7 .tab_base li a { padding: 3% 0; font-size: clamp(13px,2.6vmin,24px); } 
.evCon7 .tab_base { margin-bottom: 3%; } 
.evCon7 .panel_base .eventVideo { margin: 0 0px 7%; } 
.evCon7 .main_text { font-size: clamp(15px,3.4vmin,30px); margin-bottom: 4%; } 
.evCon7 .tab_base li .tab_icon { left: 2%; width: clamp(35px,6vmin,60px); line-height: clamp(35px,6vmin,60px); font-size: clamp(12px,2vmin,16px); top: clamp(-25px,-3vmin,-30px); } 
.evCon7 .next_txt { font-size: clamp(14px,3vmin,20px); margin: clamp(-10px,-6vmin, -60px) auto 10%; padding: clamp(8px,1.5vmin,13px); } 
.evCon7 .next_txt span { margin-right: clamp(5px,2vmin,20px); width: clamp(50px,9vmin,90px); font-size: clamp(13px,2vmin,18px); line-height: clamp(20px,4vmin, 35px); } 
 
/* con8 */
.evCon8 .event_mark { margin-bottom: 2%; padding: 0 39%; } 
.evCon8 .con_tit { margin-bottom: 3%; } 
.evCon8 .main_text { font-size: clamp(13px,2.4vmin,20px); margin-bottom: 4%; } 
.evCon8 .container_info { font-size: clamp(13px,2.4vmin,20px); margin: 0 0px 6%; } 
.evCon8 .container_info .info .info_title { padding: 0px; } 
.evCon8 .gift_wrap { gap: 2%; margin-bottom: 8%; } 
.evCon8.evSection .subtitle_line .text { font-size: clamp(18px,2.4vmin,20px); padding: 1% 4%; } 
.evCon8.evSection .event_step .step { padding: 3% 2% 3% 2%; height: 21vw; } 
.evCon8.evSection .event_step .step span { margin-bottom: 2%; font-size: clamp(13px,2.2vmin,18px); } 
.evCon8.evSection .event_step .step p { font-size: clamp(14px,2.2vmin,20px); } 
.evCon8 .link_btn { padding: 0 26%; } 
.evCon8.evSection .event_step .step a { margin-top: 1%; } 
.evCon8 .event_pop { padding: 0 31%; } 
.con_tit .end { right: 3%; top: -249%; } 

.evCon9 .con_tit { margin: 3% auto; } 
 .evCon9 .main_text { font-size: clamp(15px,3.2vmin,28px); margin-bottom: 12%; } 
 .evCon9 .container_info_wrap .circle_txt,.evCon9.evSection .subtitle_line .text { font-size: clamp(15px,2.5vmin,22px); } 
 .evCon9 .container_info_wrap { padding: 10% 0; } 
 .evCon9.evSection .event_step .step p { font-size: clamp(15px,2vmin,20px); } 
 .evCon9.evSection .event_step .step span { margin-bottom: 3px; font-size: clamp(13px,2vmin,18px); } 
 .evCon9.evSection .event_step + .btn a { width: min(380px,65%); } 
 .container_info_wrap .gift { width: 33%; } 
 .evCon9 .container_info .info .info_date .must { font-size: clamp(11px,2vmin,18px); padding: 0 10px; line-height: clamp(15px,3vmin,30px); } 
 .evCon9 .container_info .info .info_date p { font-size: clamp(11px,2vmin,19px); } 


 /* 2024 09 13 */
 .evCon7.re_mar .con_tit { margin-bottom: 3%; } 
 .evCon7 .swiper_vod_wrp { margin: 0px 4%; } 
 .evCon7 .swiper_vod .swiper-slide { padding: 2% 0; font-size: clamp(13px,2.4vmin,24px); margin-top: 2% } 
 .evCon7 .swiper_vod.mySwiper .swiper-slide { margin-top: 3%; } 
.evCon7 .swiper_vod.mySwiper .swiper-slide div i.tab_icon { left: 50%; transform: translateX(-50%); top: -94%; border-radius: 50px; width: auto; line-height: inherit; font-size: 15px; padding: 1% 6%; } 
.evCon7 .swiper_vod .eventVideo.for_youtube { margin: 0 0; } 
.evCon7 .swiper_vod .next_txt { margin: 5% auto 7%; } 
 }

@media screen and (max-width: 992px){
 .evCon1 .small_tit { letter-spacing: 7px; } 
.evCon1 h3 .home_link { right: 21%; bottom: 71%; width: 5%; } 

/* con3 */
.evCon3 .panel_base li .vod_exam_wrap { display: block; } 
.evCon3 .panel_base li .eventVideo.for_youtube { width: 82%; margin: 0 auto 5%; } 
.evCon3 .swiper-slide { width: auto !important; } 
.evCon3 .noti_exam { text-align: center; } 
.evCon3 .swiper-wrapper { padding-bottom: 9%; justify-content: inherit; gap: 0; } 

.evCon3 .swiper-horizontal>.swiper-scrollbar, .evCon3 .swiper-scrollbar.swiper-scrollbar-horizontal { bottom: 13%; height: 3%; } 
.evCon3 .swiper-scrollbar { background: rgb(215 245 244); } 
.evCon3 .swiper-scrollbar-drag { background: #00736f; } 

.evCon5 .mega_swiper_destroy { position: relative; overflow: hidden; } 
.evCon5 .mega_swiper_destroy .swiper-wrapper { gap: 0; } 
.evCon5 .mega_swiper_destroy .swiper-slide { flex: 1 0 100%; justify-content: center; } 
.evCon5 .mega_swiper_destroy .swiper-pagination { display: block; bottom: 0vw; } 
.eventWrap .evCon5 .swiper-pagination-bullet { background: #66a6a3; } 
.eventWrap .evCon5 .swiper-pagination-bullet-active { background: #ffe934; } 

.evCon6 .mega_swiper_scroll .swiper-wrapper { padding-bottom: 12%; } 

.evCon8 .container_info .info { align-items: center; } 

.evtoggleWarning p.w_tit { font-size: 15px; padding: 2% 0; } 

/* 2024 09 14 */
.eventWrap .evCon7 .type2-prev { left: -2.5rem; } 
.eventWrap .evCon7 .type2-next { right: -2.5rem; } 
.evCon7 .swiper_vod.mySwiper .swiper-slide div i.tab_icon { font-size: 13px; } 
 }


@media screen and (max-width: 768px){
 .evCon2 .swiper_basic1 .exam_wrap { display: block; padding: 0 15%; } 
.evCon2 .swiper_basic1 .exam_wrap .exam_box.left { margin-bottom: 10%; } 
.evCon2 .swiper_basic1 .exam_wrap .exam_arrow { top: 48%; left: 47%; width: 10%; transform: translate(-50%, -50%) rotate(90deg); height: 10%; } 
.evCon2 .noti_exam { text-align: center; } 

.evCon3 .tab_base { flex-wrap: wrap; } 
.evCon3 .tab_base li { flex: inherit; width: 49.9%; } 
.evCon3 .tab_base li a { padding: 4% 0; font-size: clamp(14px,2vmin,20px); } 
.evCon3 .panel_base li .eventVideo.for_youtube { width: 100%; } 
.evCon3 .swiper-horizontal>.swiper-scrollbar, .evCon3 .swiper-scrollbar.swiper-scrollbar-horizontal { bottom: 10%; } 

#mega_swiper_scroll { position: relative; overflow: hidden; } 
#mega_swiper_scroll .swiper-slide { width: 300px; flex:none; } 
#mega_swiper_scroll .swiper-scrollbar { display: block; position: relative; margin-top: 15px; left: auto; top: auto; height: 8px; width: 100%; z-index: 1; } 
#mega_swiper_scroll .swiper-scrollbar .swiper-scrollbar-drag { background: var(--swiper-theme-color); } 

.evCon4 .img_wrap .img_char:nth-child(2) { margin-top: 0%; } 
.evCon4 .img_wrap { flex-wrap: wrap; } 
.evCon4 .img_wrap .img_char { width: 48%; margin-bottom: 3%; } 

.evCon6 .mega_swiper_scroll .swiper-wrapper { padding-bottom: 16%; } 

.evCon7 .tab_base li a { padding: 5% 0; } 

.evCon8 .event_mark { padding: 0 36%; } 
.evCon8 .main_text b img { width: 3.5%; } 
.evCon8.evSection .event_step .step { padding: 5% 2% 5% 2%; height: inherit; } 
.evCon8.evSection .event_step .step::after { height: 1px; } 
.evCon8.evSection .event_step .step a { width: 100%; } 
.evCon8 .link_btn { padding: 0 36%; } 
.evCon8 .event_pop { padding: 0 26%; } 

[class*=mg_popup_wrap] .content_area .content_inner { padding: 5% 2%; } 
[class*=mg_popup_wrap] .b_tit, .super_popup_wrap .b_tit { font-size: 26px; } 
.b_tit + .mg_tb_wrap, .s_tit + .mg_tb_wrap { margin-top: 4%; } 
.mg_tb_form th, .mg_tb_form td { padding: 1% 1%; height: 45px; font-size: 12px; } 
.mg_s_info { margin-top: 2%; } 
.mg_s_info li { margin-top: 1%; font-size: 13px; } 
.mg_info_wrap { margin-top: 2%; } 
.mg_terms { padding: 2%; font-size: 13px; height: 100px; } 
[class*=mg_popup_wrap] .content_area .mg_btn_wrap { margin-top: 3%; } 

.container_info_wrap .gift { width: 65%; margin-right: -7%; } 
.evCon9.evSection .event_step .step { height: auto; } 
.evCon9.evSection .event_step .step p.red { margin-top: 15px; font-size: clamp(11px,1.5vmin,13px); } 
.evCon9 .container_info .info .info_title { width: fit-content; } 

/* 2024 09 14 */
.evCon7 .swiper_vod .swiper-slide { padding: 3% 0; } 
.evCon7 .swiper_vod.mySwiper .swiper-slide div i.tab_icon { top: -115%; padding: 0.5% 6%; font-size: 12px; } 
.eventWrap .evCon7 .type2-prev { left: -2rem; } 
.eventWrap .evCon7 .type2-next { right: -2rem; } 
.eventWrap .evCon7 .swiper-button-next, .eventWrap .evCon7 .swiper-button-prev { width: 3%; } 
 }


@media screen and (max-width: 576px){
 .evCon1 .small_tit { letter-spacing: 3px; margin-bottom: 54%; } 
.evCon1 .tea_img { padding: 0 11%; } 
.evCon1 h3 { padding: 0 0%; } 
.evCon1 h3 .home_link { right: 17%; width: 6%; } 

.evCon2 .swiper_basic1 .exam_wrap { padding: 0 5%; } 

.evCon3 .tab_base li { width: 49.8%; } 
.evCon3 .swiper-horizontal>.swiper-scrollbar, .evCon3 .swiper-scrollbar.swiper-scrollbar-horizontal { bottom: 6%; } 
.evCon3 .swiper-slide { width: 61% !important; } 

.evCon5 .mega_swiper_destroy { margin: 0 10%; } 

.evCon6 .mega_swiper_scroll .swiper-wrapper { padding-bottom: 24%; } 

.evCon8 .event_mark { padding: 0 31%; } 
.evCon8 .main_text b img { width: 5%; } 
.evCon8 .gift_wrap { flex-wrap: wrap; } 
.evCon8 .gift_wrap .gift_img { width: 49%; margin-bottom: 4%; } 
.evCon8.evSection .subtitle_line .text { font-size: clamp(16px,2.4vmin,20px); padding: 1% 9%; } 
.evCon8 .event_pop { padding: 0 15%; } 

[class*=mg_popup_wrap] .b_tit, .super_popup_wrap .b_tit { font-size: 20px; } 
.mg_s_info li { font-size: 12px; } 
.mg_terms { font-size: 12px; } 
.mg_filebox .filename input[type="text"] { font-size: 11px; } 
.warningList li ul li a.tp1 { font-size: 12px; } 

/* 2024 09 14 */
.evCon7 .swiper_vod.mySwiper .swiper-slide div i.tab_icon { top: -55%; } 
.eventWrap .evCon7 .type2-prev { left: -1rem; } 
.eventWrap .evCon7 .type2-next { right: -1em; } 
 .eventWrap .evCon7 .swiper-button-next, .eventWrap .evCon7 .swiper-button-prev { top: 60%; } 
 }