@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: 110px; top: -170px; } 
.con_tit .end::after { background: var(--sub-color); } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.warningList li ul li a.tp1 {  color:var(--main-color); } 

.clamp-title { font-size:46px; } 
.clamp-text { font-size:26px; } 
.clamp-text2 { font-size:24px; } 
.clamp-text3 { font-size:20px; } 
.clamp-text4 { font-size:16px; } 
.con_tit { font-weight: 400; line-height: 1.2; margin: 0 -95px 55px; letter-spacing: -1px; } 
.point_tit { font-weight: 700; margin-bottom: 25px; position: relative; z-index: 1; } 

.eventWrap .inner { padding: 150px 0; } 
.eventWrap .evtoggleWarning .inner { padding: 0px; } 
.shadow_ver { box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.1); } 

.evCon1 { background: url(https://image.megagong.net/m/2024/1018_up/gong/bg_con1.jpg) no-repeat center; background-size: cover; } 
.eventWrap .evCon1 .inner { padding: 230px 0 110px; } 
.evCon1 .text_con1 { letter-spacing: 5px; } 
.evCon1 .text_con1 strong { font-weight: 800; } 
.evCon1 .text_con1.big_ver { font-size: 31px; letter-spacing: 6px; margin-bottom: 3px; } 
.evCon1 .text_con1.small_ver { font-size:25px; } 


.evCon2 { background: #f5f5f5; } 
.evCon2 .review.swiper_common_wrap .swiper-wrapper { flex-wrap: wrap; justify-content: center; gap: 21px; } 
.evCon2 .review.swiper_common_wrap .swiper-wrapper .swiper-slide { width: 346px; } 
.evCon2 .box_point { position: relative; background: var(--main-color); color: #fff; border-radius: 5px; padding: 0px 5px 3px; display: inline-block; } 
.evCon2 .review_box { background: #ffffff; border-radius: 15px; border: 1px solid #ddd; padding: 53px 0; position: relative; overflow: hidden; margin-bottom: 35px; } 
.evCon2 .review_box .edge_obj { display: block; position: absolute; right: -2px; bottom: -1px; } 
.evCon2 .review_box .review_text { margin-bottom: 20px; color: var(--main-color); font-weight: 700; } 
.evCon2 .review_box .review_name { font-size: 14px; color: #999999; } 
.evCon2 .review_box_wrap { display: flex; justify-content: center; align-items: center; gap: 20px; } 
.evCon2 .review_box_wrap .review_box { flex: 1; } 
.evCon2 .tiny_noti { color: #999; text-align: right; display: block; margin-top: 15px; } 



.evCon3 .point_wrap { display: flex; justify-content: center; align-items: center; gap: 20px; position: relative; margin-bottom: 75px; } 
.evCon3 .point_wrap .bg_arrow { display: block; position: absolute; left: 50%; top: 61%; transform: translate(-50%, -50%); } 
.evCon3 .point_wrap .point_box { flex: 1; background: #fff; border-radius: 15px; border: 1px solid #dddddd; overflow: hidden; padding: 60px 20px; position: relative; } 
.evCon3 .point_wrap .point_box li:nth-child(1) { font-size: 20px; background: #000; color: #fff; display: inline-block; border-radius: 50px; padding: 5px 0px; width: 149px; margin-bottom: 20px; } 
.evCon3 .point_wrap .point_box li { background: var(--light-color); border-radius: 3px; font-weight: 600; font-size: 18px; margin-bottom: 7px; padding: 19px 0; position: relative; } 
.evCon3 .point_end_text { font-size: 34px; font-weight: 700; line-height: 1.2; position: relative; } 
.evCon3 .point_wrap .point_box li::before { content: ""; width: 20px; height: 20px; background: url(https://image.megagong.net/m/2024/1018_up/gong/chk_obj.png)no-repeat center; background-size: cover; position: absolute; left: 35px; top: 50%; transform: translateY(-50%); z-index: 1; } 
.evCon3 .point_wrap .point_box li:nth-child(1):before { display: none; } 


.evCon4 { background: var(--light-color); } 
.evCon4 .content_wrap { display: flex; justify-content: center; align-items: center; margin-bottom: 25px; border-radius: 15px; overflow: hidden; } 
.evCon4 .content_wrap:nth-of-type(2) { margin-bottom: 155px; } 
.evCon4 .content_wrap .content_tit { width: 255px; background: var(--main-color); color: #fff; align-self: normal; align-content: center; } 
.evCon4 .content_wrap .content_tit span { display: block; font-size: 18px; line-height: 1.3; margin-bottom: 5px; } 
.evCon4 .content_wrap .content_tit strong { font-weight: 500; font-size: 34px; } 
.evCon4 .content_wrap .content_sd { width: calc(100% - 255px); background: #fff; padding: 78px 0 38px; } 
.evCon4 .ico.swiper_common_wrap .swiper-wrapper,
.evCon4 .ico_2_.swiper_common_wrap .swiper-wrapper { flex-wrap: wrap; justify-content: center; gap: 85px; } 
.evCon4 .ico.swiper_common_wrap .swiper-wrapper .swiper-slide,
.evCon4 .ico_2_.swiper_common_wrap .swiper-wrapper .swiper-slide { width: 187px; } 



.evCon4 .selectWrap { display: flex; justify-content: flex-end; } 
.evCon4 .selectWrap .sel_box { border: 1px solid #dddddd; padding: 8px; width: 170px; border-radius: 3px; margin-bottom: 15px; } 
.evCon4 .sliderWrap .lec_sd .slick-track { left: 1vw; } 
.evCon4 .sliderWrap .lec_sd .lec_img_wrap { width: 346px; height: 195px; background: var(--main-color); border-radius: 3px; color: #fff; position: relative; padding: 25px 30px; text-align: left; cursor: pointer; } 
.evCon4 .sliderWrap .lec_sd .lec_img_wrap .tea_img { display: block; position: absolute; right: 0px; bottom: 0px; width: 41%; } 
.evCon4 .sliderWrap .lec_sd .lec_img_wrap .lec_tit { position: relative; margin-bottom: 2px; } 
.evCon4 .sliderWrap .lec_sd .lec_img_wrap .lec_tea_name { position: relative; font-weight:400; color: var(--light-color); } 
.evCon4 .sliderWrap .lec_sd .lec_img_wrap .play_obj { display: block; position: absolute; left: 50%; top: 56%; transform: translate(-50%, -50%); } 
.evCon4 .sliderWrap.progressBar .lec_sd .slick-dots { margin: 25px 40px 0; } 
.evCon4 .sliderWrap.progressBar .lec_sd .slick-dots li { background: #fff; height: 8px; } 
.evCon4 .sliderWrap.progressBar .lec_sd .slick-dots li:first-child { border-radius: 50px 0 0 50px; } 
.evCon4 .sliderWrap.progressBar .lec_sd .slick-dots li:last-child { border-radius: 0 50px 50px 0; } 
.evCon4 .sliderWrap.progressBar .lec_sd .slick-dots li.slick-active { background: #999999; border-radius: 50px; } 
.evCon4 .sliderWrap .sliderArrow a { top: 45%; left: -9.5%; } 
.evCon4 .sliderWrap .sliderArrow a + a { left: auto; right: -9.5%; } 


.evCon5 { } 
.evCon5 .lec_tab { display: flex; justify-content: center; align-items: center; } 
.evCon5 .lec_tab li { flex: 1; background: #eeeeee; } 
.evCon5 .lec_tab li a { display: block; padding: 27px 0; line-height: 1.2; color: #bbbbbb; } 
.evCon5 .lec_tab li a b { font-weight: 400; } 
.evCon5 .lec_tab li a strong { font-size: 26px; } 
.evCon5 .lec_tab li.on { background: var(--main-color); } 
.evCon5 .lec_tab li.on a { color: #fff; } 
.evCon5 .lec_tab li.on a b { color: var(--sub-color); } 

.evCon6 { background: var(--main-color); } 
.event_temp .con_tit.event_ver { margin-bottom: 0; } 
.event_temp .con_tit .evt_mark { background: var(--main-color); box-shadow: none; border: 4px solid #000; font-size: 38px; font-weight: 900; padding: 7px 29px; color: #000; } 
.event_temp .con_tit .evt_mark::after { border-top: 10px solid var(--main-color); } 
.event_temp .con_tit .evt_mark::before { content: ''; display: block; position: absolute; left: 50%; margin-left: -14px; bottom: -16px; width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 15px solid #000; } 
.event_temp .sub_tit.clamp-text2 { color: #fff; font-weight: 400; line-height: 1.2; margin-bottom: 19px; } 
.event_temp h4.con_tit { font-weight: 700; color: #fff; } 
.event_temp h4.con_tit b { color: var(--sub-color) } 
.event_temp .container_info { font-size: 20px; margin-left: 130px; margin-bottom: 55px; } 
.event_temp .container_info.ver_circle .info .info_title { background: rgb(0 0 0); width: 135px; } 
.event_temp .container_info.ver_circle .info .info_date { font-weight: 700; } 
.event_temp .container_info .info .noti { margin-left: 2px; color: #fff; } 
.event_temp .eventButtons .btn { font-size: 18px; background-color: #111; border-radius: 3px; min-width: 375px; margin-bottom: 110px; position: relative; } 
.event_temp .container_gift_wrap { margin-bottom: 70px; } 
.event_temp .container_gift_wrap ul.col2 { gap: 0 30px; } 

.event_temp .eventButtons .btn .say_box_wrap { position: absolute; left: 50%; transform: translateX(-50%); top:-40px; } 
.event_temp .eventButtons .btn .say_box_wrap .say_box { background: var(--sub-color); color: #000; font-size: 14px; border-radius: 50px; padding: 6px 20px; line-height: 1.2; position: relative; display: block; } 
.event_temp .eventButtons .btn .say_box_wrap .say_box::before { content: ''; display: block; position: absolute; left: 50%; margin-left: -14px; bottom: -8px; width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 15px solid var(--sub-color); } 
.event_temp .type_lst ul li.on a { font-weight: 900; } 

.event_temp .type_lst ul li a { font-weight: 500; } 
#popupCertified .mg_s_info { margin-top: 10px; } 
#popupCertified .mg_s_info li { padding-left: 16px; line-height: 1.4; margin-top: 1px; } 
#popupCertified .mg_s_info li:before { content: '¡Ø'; } 
#popupCertified .mg_info_wrap { margin-top: 10px; } 
#popupCertified a.tp1 { color: var(--main-color); font-weight: 700; text-decoration: underline; } 

.flt_inner { right: 0px; } 
.flt_inner.renewal li.top { margin-top: 0px; } 

/* sobang */
.sobang_ver .evCon1 { background: url(https://image.megagong.net/m/2024/1018_up/sobang/bg_con1.jpg) no-repeat center; background-size: cover; } 
.sobang_ver .evCon3 .point_wrap .point_box li::before { background: url(https://image.megagong.net/m/2024/1018_up/sobang/chk_obj.png)no-repeat center; } 



.evCon2 .mega_swiper_destroy .swiper-wrapper { gap: 21px; flex-wrap: wrap; justify-content: center; } 
.evCon2 .mega_swiper_destroy .swiper-slide { display: flex; width: 346px; } 
.evCon2 .mega_swiper_destroy .swiper-pagination { display: none; } 

.evCon4 .mega_swiper_destroy .swiper-wrapper { gap: 70px; flex-wrap: wrap; justify-content: center; } 
.evCon4 .mega_swiper_destroy .swiper-slide { display: flex; width: 187px; } 
.evCon4 .mega_swiper_destroy .swiper-pagination { display: none; } 

@media screen and (max-width: 1200px){
 .con_tit .end { right: 5%; top: -118%; } 


.clamp-title { font-size: clamp(21px,4.6vmin,46px); } 
.clamp-text { font-size: clamp(15px,3vmin,26px); } 
.clamp-text2 { font-size: clamp(14px,2.6vmin,24px); } 
.clamp-text3 { font-size: clamp(13px,2.4vmin,20px); } 
.clamp-text4 { font-size: clamp(13px,2vmin,16px); } 

.con_tit { margin: 0 0px 5%; } 
.point_tit { margin-bottom: 3%; } 
.eventWrap .inner { padding: 11% 0; } 
.evSection .subtitle_line { margin-bottom: 3%; } 

.eventWrap .evCon1 .inner { padding: 20% 0 8%; } 
.evCon1 h3 { padding: 0 7%; margin-bottom: 2%; } 
.evCon1 .text_con1.big_ver { font-size: clamp(18px,3.5vmin,31px); letter-spacing: 5px; margin-bottom: 1%; } 
.evCon1 .text_con1.small_ver { font-size: clamp(16px,3vmin,25px); } 

.evCon2 .review_box_wrap { gap: 1%; } 
.evCon2 .review_box { padding: 3% 0; margin-bottom: 4%; } 
.evCon2 .review_box .review_text { margin-bottom: 2%; } 
.evCon2 .review_box .edge_obj { width: 11%; } 
.evCon2 .review.swiper_common_wrap .swiper-wrapper { gap: 15px; } 
.evCon2 .review.swiper_common_wrap .swiper-wrapper .swiper-slide { width: 32%; } 

.evCon3 .point_wrap { gap: 1%; margin-bottom: 7%; } 
.evCon3 .point_wrap .point_box { padding: 3% 2%; } 
.evCon3 .point_wrap .point_box li:nth-child(1) { font-size: clamp(14px,2.2vmin,20px); padding: 1% 0px; width: 15vw; margin-bottom: 4%; } 
.evCon3 .point_wrap .point_box li { font-size: clamp(13px,2.2vmin,18px); margin-bottom: 1%; padding: 3% 0; } 
.evCon3 .point_wrap .point_box li::before { width: 2vw; height: 2vw; left: 6%; } 
.evCon3 .point_wrap .bg_arrow { width: 30%; } 
.evCon3 .point_end_text { font-size: clamp(16px,3.6vmin,34px); } 

.evCon4 .content_wrap { margin-bottom: 3%; display: block; } 
.evCon4 .content_wrap .content_tit { width: 100%; padding: 2% 0; } 
.evCon4 .content_wrap .content_sd { width: 100%; padding: 4% 0 3%; } 
.evCon4 .content_wrap .content_tit span { font-size: clamp(13px,2vmin,18px); margin-bottom: 0%; } 
.evCon4 .content_wrap .content_tit strong { font-size: clamp(16px,3.6vmin,34px); } 
.evCon4 .content_wrap:nth-of-type(2) { margin-bottom: 11%; } 
.evCon4 .selectWrap .sel_box { padding: 1%; width: 17vw; margin-bottom: 2%; } 
.evCon4 .sliderWrap .lec_sd .lec_img_wrap { width: 100%; padding: 5% 5%; } 
.evCon4 .sliderWrap .lec_sd .lec_img_wrap .play_obj { width: 13%; } 
.evCon4 .sliderWrap .lec_sd .lec_img_wrap .tea_img { right: 1%; } 

.evCon5 .lec_tab li a { padding: 4% 0; } 
.evCon5 .lec_tab li a strong { font-size: clamp(14px,2.6vmin,26px); } 

/* .event_temp .con_tit .evt_mark { font-size: clamp(16px,3.8vmin,38px); padding: 1% 2%; } 
.event_temp .con_tit .evt_mark::after { bottom: -15%; } */
.event_temp .sub_tit.clamp-text2 { margin-bottom: 1%; } 
.event_temp .container_info { font-size: clamp(13px,2vmin,20px); margin-left: 22%; margin-bottom: 5%; } 
.event_temp .container_gift_wrap ul.col2 { gap: 0 3%; } 
.event_temp .eventButtons .btn .say_box_wrap .say_box { font-size: 13px; padding: 5% 20px; } 
.event_temp .eventButtons .btn { font-size: clamp(14px,2vmin,18px); margin-bottom: 10%; } 
.event_temp .con_tit .evt_mark { font-size: clamp(15px,3.8vmin,38px); padding: 1% 3%; } 
 }

@media screen and (max-width: 992px){
 .evSection .subtitle_line .text { font-size: clamp(16px, 3vmin, 26px); } 

.evCon2 .review_box { border-radius: 10px; } 
.evCon2 .review.swiper_common_wrap .swiper-wrapper { gap: 10px; } 

.evCon3 .point_wrap .point_box { border-radius: 10px; } 

.evCon4 .sliderWrap .lec_sd .lec_img_wrap .clamp-text3 { font-size: clamp(13px, 2.2vmin, 20px); } 
.evCon4 .ico.swiper_common_wrap .swiper-wrapper, .evCon4 .ico_2_.swiper_common_wrap .swiper-wrapper { gap: 4%; } 
.evCon4 .ico.swiper_common_wrap .swiper-wrapper .swiper-slide, .evCon4 .ico_2_.swiper_common_wrap .swiper-wrapper .swiper-slide { width: 25%; } 

.event_temp .container_info { margin-left: 19%; } 
.event_temp .container_gift_wrap ul.col2 { padding: 0 10%; } 
 }


@media screen and (max-width: 768px){
 .evCon2 .review.swiper_common_wrap .swiper-wrapper { flex-wrap: inherit; justify-content: inherit; gap: inherit; } 
.evCon2 .review.swiper_common_wrap .swiper-wrapper .swiper-slide { width: inherit; } 
.evCon2 .tiny_noti { margin-top: 3%; text-align: center; } 

.evCon3 .point_wrap .point_box li:nth-child(1) { width: 18vw; } 

.evCon4 .content_wrap { border-radius: 10px; } 
.evCon4 .ico.swiper_common_wrap .swiper-wrapper, .evCon4 .ico_2_.swiper_common_wrap .swiper-wrapper { flex-wrap: inherit; justify-content: inherit; gap: inherit; } 
.evCon4 .ico.swiper_common_wrap .swiper-wrapper .swiper-slide, .evCon4 .ico_2_.swiper_common_wrap .swiper-wrapper .swiper-slide { width: inherit; } 
.evCon4 .sliderWrap .sliderArrow a { display: none !important; } 

/* .event_temp .con_tit .evt_mark::after { bottom: -27%; margin-left: -5%; } */
.event_temp .container_info { margin-left: 17%; font-size: clamp(15px, 2vmin, 20px); } 
.event_temp .container_info.ver_circle .info .info_title { width: 18vw; } 
.event_temp .container_gift_wrap ul.col2 { padding: 0 5%; } 
.event_temp .eventButtons .btn { padding: 4% 10px; font-size: clamp(16px, 2vmin, 18px); } 
/* .event_temp .con_tit .evt_mark::after { bottom: -30%; margin-left: -9%; border-left: 11px solid transparent; border-right: 11px solid transparent; } 
.event_temp .con_tit .evt_mark::before { margin-left: -11%; bottom: -51%; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 12px solid #000; } */ 

.evCon2 .mega_swiper_destroy { position: relative; overflow: hidden; } 
.evCon2 .mega_swiper_destroy .swiper-wrapper { gap: 0;flex-wrap: inherit; justify-content: inherit; } 
.evCon2 .mega_swiper_destroy .swiper-slide { flex: 1 0 100%; justify-content:center } 
.evCon2 .mega_swiper_destroy .swiper-pagination { display: block; bottom: 0vw; } 

.evCon4 .mega_swiper_destroy { position: relative; overflow: hidden; } 
.evCon4 .mega_swiper_destroy .swiper-wrapper { gap: 0;flex-wrap: inherit; justify-content: inherit; } 
.evCon4 .mega_swiper_destroy .swiper-slide { flex: 1 0 100%; justify-content:center } 
.evCon4 .mega_swiper_destroy .swiper-pagination { display: block; bottom: 0vw; } 
/* .evCon2 .mega_swiper_destroy .swiper-slide { display: flex; width: 346px; }  */
 }


@media screen and (max-width: 576px){
 .eventWrap .evCon1 .inner { padding: 24% 0 9%; } 
.evCon1 h3 { padding: 0 1%; margin-bottom: 2%; } 
.evCon1 .text_con1 { letter-spacing: 2px; } 
.evCon1 .text_con1.big_ver { letter-spacing: 0px; } 

.evCon2 .review_box_wrap { display: block; } 
.evCon2 .review_box_wrap .review_box:nth-child(1) { margin-bottom: 2%; } 
.evCon2 .review_box { margin-bottom: 8%; } 
.evCon2 .review_box .review_name { font-size: 13px; } 
.review.swiper_common_wrap { margin: 0 10%; } 

.evCon3 .point_wrap { display: block; } 
.evCon3 .point_wrap .point_box { margin-bottom: 2%; } 
.evCon3 .point_wrap .point_box li:nth-child(1) { width: 30vw; } 
.evCon3 .point_wrap .point_box li::before { width: 4vw; height: 4vw; } 
.evCon3 .point_wrap .bg_arrow { top: 90%; } 
.evCon3 .point_end_text { font-size: clamp(17px, 3.6vmin, 34px); } 

.evCon4 .content_wrap .content_tit { width: 100%; padding: 3% 0; } 
.evCon4 .content_wrap .content_sd { padding: 6% 27% 3%; } 
.evCon4 .sliderWrap { margin: 0 0%; } 

.event_temp .con_tit .evt_mark::after { border-top: 10px solid var(--main-color); } 
.event_temp .con_tit .evt_mark { font-size: clamp(19px, 3.8vmin, 38px); padding: 2% 5%; } 
.event_temp .con_tit .evt_mark::after { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 8px solid var(--main-color); bottom: -7px; margin-left: -9px; } 
.event_temp .con_tit .evt_mark::before { bottom: -14px; border-top: 14px solid #000; } 


.event_temp .container_info { margin-left: 4%; font-size: clamp(13px, 2vmin, 20px); } 
.event_temp .container_info.ver_circle { gap: max(6px, 5%); } 
.event_temp .container_info.ver_circle .info .info_title { width: 21vw; } 
.event_temp .eventButtons .btn { min-width: 100%; } 
.event_temp .eventButtons .btn .say_box_wrap { top: -92%; } 
.event_temp .container_gift_wrap ul.col2 { padding: 0 0%; } 

#popupCertified .content_area .content_inner { padding: 4% 2%; } 
#popupCertified .b_tit + .mg_tb_wrap, #popupCertified .s_tit + .mg_tb_wrap { margin-top: 4%; } 
#popupCertified .mg_s_info li { font-size: 12px; } 
#popupCertified .mg_terms { padding: 2%; font-size: 12px; height: 110px; } 
 }