@charset "euc-kr"; :root { --main-color: #ff4202; --main-color2: #ff6632; --sub-color: #111; --sub-color2: #252525; } 


.con_tit .end::after { background: #f7b19a; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.warningList li ul li a.tp1 { color: red; font-size: 13px; padding: 2.5px 1px; } 

.mini_tit { margin-bottom: 15px; color: var(--main-color2); } 
.con_tit { margin: 0 -35px 60px; line-height: 1.4; font-weight: 800; } 

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

.evSection .subtitle_line { margin-bottom: 45px; } 
.evSection .subtitle_line .text { margin: 0 0px; color: #fff; background: var(--sub-color2); font-size: 22px; font-weight: bold; font-weight: 400; border-radius: 50px; padding: 7px 44px 9px; } 

.grd_point { position: relative; } 
.grd_point::before { content: ""; display: block; width: 100%; height: 430px; background: linear-gradient(0deg, rgba(254,76,15,1) 0%, rgba(65,61,176,0) 100%); position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); z-index: 1; } 
.shadow_ver { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); border-radius: 8px; } 
.eventWrap .tiny_noti { opacity: 0.7; text-align: right; display: block; margin-top: 15px; } 

/* con1 */
.evCon1 { background: #fff url(https://image.megagong.net/m/2024/1106_enp301/bg_con1.jpg) no-repeat center; background-size: cover; } 
.eventWrap .evCon1 .inner { padding: 40px 0 155px; } 
.evCon1 .sub_tit_wrap { display: flex; justify-content: center; align-items: center; gap: 10px; font-weight: 600; position: relative; z-index: 1; margin-bottom: 440px; } 
.evCon1 .tea_img { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 1255px; } 
.evCon1 .fs_tit_wrap { margin-bottom: 65px; position: relative; z-index: 1; } 
.evCon1 .fs_tit_wrap p { font-size: 60px; font-weight: 700; background: #000; color: #fff; display: inline-block; padding: 0 15px 9px; margin-bottom: 15px; line-height: 1.2; position: relative; z-index: 1; } 
.evCon1 h3 { position: relative; z-index: 1; margin: 0 -110px; } 
.evCon1 h3 .home_link { position: absolute; right: -40px; bottom: 0px; display: inline-block; } 

/* con2 */
.evCon2 { background: #f5f5f5; } 
.evCon2 .mega_swiper_destroy .swiper-wrapper { gap: 20px; } 
.evCon2 .mega_swiper_destroy .swiper-slide { display: flex; flex: 1 1 auto; } 
.evCon2 .mega_swiper_destroy .swiper-pagination { display: none; } 
.evCon2 .destroy_point { margin: 0 -35px; } 

/* con3 */
.evCon3 { background: var(--sub-color2); } 
.evCon3 .con_tit { color: #fff; font-weight: 900; } 
.evCon3 .open_card_box { display: flex; justify-content: center; align-items: center; gap: 24px; flex-wrap: wrap; } 
.evCon3 .open_card_wrap { width: 252px; height: 344px; border-radius: 5px; background: var(--main-color); overflow: hidden; position: relative; cursor: pointer; } 
.evCon3 .open_card_wrap .back_card { background: #fff; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; color: #111111; display: flex; justify-content: center; align-items: center; font-weight: 400; line-height: 1.5; } 
.evCon3 .open_card_wrap .front_card { background: var(--main-color); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 50px 0 0; color: #fff; } 
.evCon3 .open_card_wrap .front_card .tit_text { font-weight: 600; margin-bottom: 10px; position: relative; } 
.evCon3 .open_card_wrap .front_card .tit_text::before { content: ""; width: 213px; height: 14px; background: url(https://image.megagong.net/m/2024/1106_enp301/say_obj.png) no-repeat center; background-size: cover; position: absolute; left: 50%; transform: translateX(-50%); top: 0px; } 
.evCon3 .open_card_wrap .front_card .sub_name { opacity: 0.9; font-weight: 400; } 
.evCon3 .open_card_wrap .man_img { position: absolute; bottom: 0px; width: 100%; left: 50%; transform: translateX(-50%); } 
.evCon3 .open_card_wrap:hover .front_card { display: none; } 
.eventWrap .evCon3 .tiny_noti { color: #fff; } 


/* con4 */
.evCon4 .step_wrap { display: flex; justify-content: center; gap: 15px; margin-bottom: 15px; } 
.evCon4 .step_wrap .step_num { background: #000; color: #fff; font-weight: 400; padding: 13px 0px; width: 258px; } 
.evCon4 .step_wrap .main_box_wrap { height: 199px; display: flex; flex-wrap: wrap; width: 100%; gap: 11px; } 
.evCon4 .step_wrap .main_box_wrap .main_box { background: #f5f5f5; border: 1px solid #dddddd; padding: 20px 0; width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-weight: 600; } 
.evCon4 .plus_point { background: var(--main-color); padding: 20px 30px 30px; } 
.evCon4 .plus_point .plus_tit { font-weight: 700; color: #fff; margin-bottom: 21px; } 
.evCon4 .plus_point .main_box_wrap { display: flex; justify-content: center; gap: 15px; } 
.evCon4 .plus_point .main_box_wrap .main_box { height: 94px; background: #f5f5f5; display: flex; justify-content: center; align-items: center; flex: 1; font-weight: 600; flex-wrap: wrap; align-content: center; } 
.evCon4 .plus_point .main_box_wrap .main_box b { font-weight: 400; width: 100%; opacity: 0.6; } 
.eventWrap .evCon4 .tiny_noti { opacity: 0.4; } 
.evCon4 .bg_tea { position: absolute; left: -564px; top: 107px; } 
.evCon4 .eventVideo.with_shadow.fir { margin-bottom: 75px; } 

/* con5 */
.eventWrap .evCon5 .inner { padding: 20px 0 150px; } 
.evCon5 .eventVideo.with_shadow { margin-bottom: 55px; } 
.evCon5.evSection .subtitle_line .text { padding: 7px 100px 9px; } 
.evCon5 .point_box_wrap { display: flex; justify-content: center; align-items: center; gap: 23px; margin-bottom: 125px; } 
.evCon5 .point_box_wrap .point_box { flex: 1; padding: 35px 0; } 
.evCon5 .point_box_wrap .point_tit { color: var(--main-color); font-weight: 700; line-height: 1.5; margin-bottom: 7px; } 
.evCon5 .point_box_wrap .point_text { color: #757575; font-weight: 400; line-height: 1.5; } 

.evCon5 .book_wrap { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; gap: 80px; } 
.evCon5 .book_info_wrap { text-align: left; position: relative; } 
.evCon5 .book_info_wrap li { margin-bottom: 28px; position: relative; } 
.evCon5 .book_info_wrap li .book_tit { font-weight: 800; margin-bottom: 10px; } 
.evCon5 .book_info_wrap li .book_text { line-height: 1.5; font-weight: 400; } 
.evCon5 .book_info_wrap li .book_tit strong { font-size: 13px; background: #000; color: #fff; font-weight: 500; border-radius: 3px; padding: 2px 11px 3px; margin-right: 7px; } 
.evCon5 .book_info_wrap li .line_book { position: absolute; left: -210px; width: 100%; top: 14px; } 


/* con6 */
.evCon6 { background: var(--sub-color2); } 
.evCon6 .con_tit { color: #fff; } 
.evCon6 .bnr_box { padding: 28px 60px; background: #ff8db1; display: flex; justify-content: flex-end; gap: 65px; align-items: center; margin-top: 15px; } 
.evCon6 .bnr_box .btn.link_ver a { padding: 13px 59px; display: inline-block; border-radius: 10px; background: #332f2c; color: #fff; } 
.evCon6 .bnr_box .text_img { margin-top: 15px; } 

/* con7 */
.evCon7 { background: #ec3d02; color: #fff; } 
.evCon7 .con_tit { margin-bottom: 30px; } 
.evCon7 .main_text { line-height: 1.8; margin-bottom: 65px; font-weight: 400; } 
.evCon7 .container_info.ver_circle { position: relative; padding: 45px 0 45px 90px; margin-bottom: 75px; } 
.evCon7 .container_info.ver_circle::before { content: ""; width: 200%; height: 100%; background: #ee511c; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.evCon7 .container_info.ver_circle .info .info_title { background: var(--sub-color2) } 
.evCon7 .container_info.ver_circle .info .info_date { color: #fff; font-weight: 400; } 
.evCon7 .container_info .info .noti { font-size: 13px; font-weight: 300; opacity: 1; margin-left: 2px; } 
.evCon7 .container_gift_wrap ul { justify-content: space-between; margin-bottom: 65px; } 
.evCon7 .container_gift_wrap ul li { width: min(325px, 45%); } 
.evCon7 .eventButtons { position: relative; margin-bottom: 100px; } 
.evCon7 .eventButtons .btn { padding: 23px 143px; background-color: var(--sub-color2); min-width: inherit; } 
.evCon7 .eventButtons .tag_btn { position: absolute; background: #fff; color: #000; border-radius: 50px; padding: 7px 42px; font-size: 14px; position: absolute; left: 50%; transform: translateX(-50%); top: -18px; } 
.evCon7 .eventButtons .tag_btn.on { background: #000; color: #fff; } 
.evCon7 .type_lst ul li { border-right: 1px solid #fff; } 
.evCon7 .type_lst ul li:last-child { border-right:none } 
.evCon7 .type_lst ul li.on a { color: #ffffff; font-weight: bold; } 
.evCon7 .type_lst ul li a { color: #fff; font-weight: 300; } 
.evCon7 .gallery_lst ul li .txt { font-weight: 400; } 
.evCon7 .paging.gall strong { color: #fff; } 
.evCon7 .paging.gall a { color: #fff; } 


/* .evt_mark */
.con_tit .evt_mark { font-size: 30px; font-weight: 900; padding: 20px 90px; color: #fff; min-width: inherit; } 
.con_tit .evt_mark.border { background: #ec3d02; box-shadow: none; border: 3px solid #fff; color: #fff; border-radius: 0px; } 
.con_tit .evt_mark.border::after { border-top: 10px solid #ec3d02;; transform: translateX(-50%); margin-left: 0; } 
.con_tit .evt_mark.border::before { content: ''; display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: -15px; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 15px solid #fff; } 

.event_pop .mg_s_info li { font-size: 13px; padding-left: 15px; margin-top: 4px; color: #b5b5b6; line-height: 1.3; } 
.event_pop .mg_s_info li:before { content: '¡Ø'; } 
.event_pop .mg_s_info li a.tp1 { display: inline-block; color: #000; font-weight: 700; } 


/* swiper */
.eventWrap .swiper_basic1_wrap {position: relative;}
.eventWrap .swiper-initialized {position: relative;overflow: hidden}

/* bullet °øÅë */
.eventWrap  .swiper-pagination{position: relative;display: flex;justify-content: center;top: auto;bottom: auto;margin-top: 1rem;}
.eventWrap .swiper-pagination-bullet{background: #ddd;opacity: 1;width: 12px;height: 12px;}
.eventWrap .swiper-pagination-bullet-active{background: #ff6430;}

/* button °øÅë */
.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);}

/* button °øÅë - ±âÁ¸ ½ºÅ¸ÀÏ »ö»óº¯°æ ½Ã */
.eventWrap .type1-prev, 
.eventWrap .type1-next{color: #fff;}
.eventWrap .type1-prev:after, 
.eventWrap .type1-next::after{font-size: 50px;}

/* button °øÅë - À̹ÌÁö ³Ö¾úÀ» °æ¿ì */
.eventWrap .type2-next:after, 
.eventWrap .type2-prev::after{font-size: 0;}
.eventWrap .type2-prev{left: -1rem;}
.eventWrap .type2-next{right: -1rem;}



@media screen and (max-width: 1200px){
 .eventWrap .inner { padding: 11% 0; } 
 .con_tit { margin: 0 0px 6%; line-height: 1.3; font-weight: 800; } 
 .con_tit .evt_mark { font-size: clamp(18px,3.4vmin,30px); padding: 1% 5%; } 
 .mini_tit { margin-bottom: 1%; } 
 .grd_point::before { height: 34%; } 
 .eventWrap .tiny_noti { margin-top: 1%; } 
 .evSection .subtitle_line { margin-bottom: 4%; } 
 .evSection .subtitle_line .text { font-size: clamp(16px,2.4vmin,22px); font-weight: 700; padding: 1% 7%; } 

 .eventWrap .evCon1 .inner { padding: 6% 0 12%; } 
.evCon1 .sub_tit_wrap { gap: 1%; margin-bottom: 35%; } 
.evCon1 .tea_img { width: 100%; } 
.evCon1 .fs_tit_wrap { margin-bottom: 3%; } 
.evCon1 .fs_tit_wrap p { font-size: clamp(18px,6vmin,60px); padding: 0 1% 1%; margin-bottom: 1%; } 
.evCon1 h3 { margin: 0 0px; padding: 0 5%; } 
.evCon1 h3 .home_link { right: 0%; width: 4%; } 

.evCon2 .destroy_point { margin: 0 0px; } 
.evCon2 .mega_swiper_destroy .swiper-wrapper { gap: 1%; } 

.evCon3 .open_card_box { gap: 10px; } 
.evCon3 .open_card_wrap { width: 24%; height: 31vw; } 
.evCon3 .open_card_wrap .front_card { padding: 16% 0 0; } 
.evCon3 .open_card_wrap .front_card .tit_text { margin-bottom: 6%; } 
.evCon3 .open_card_wrap .man_img { width: 80%; } 

.evCon4 .step_wrap { gap: 10px; margin-bottom: 2%; } 
.evCon4 .step_wrap .step_num { padding: 4% 0px; width: 23vw; } 
.evCon4 .step_wrap .main_box_wrap { height: 20vw; gap: 10px; } 
.evCon4 .step_wrap .main_box_wrap .main_box { padding: 5% 0; } 
.evCon4 .plus_point { padding: 2% 3% 3%; } 
.evCon4 .plus_point .plus_tit { margin-bottom: 2%; } 
.evCon4 .plus_point .main_box_wrap { gap: 10px; } 
.evCon4 .plus_point .main_box_wrap .main_box { height: 10vw; } 
.evCon4 .bg_tea { display: none; } 
.evCon4 .eventVideo.with_shadow.fir { margin-bottom: 7% } 


.eventWrap .evCon5 .inner { padding: 2% 0 10%; } 
.evCon5 .point_box_wrap { gap: 2%; margin-bottom: 12%; } 
.evCon5 .point_box_wrap .point_box { padding: 4% 0; } 
.evCon5.evSection .subtitle_line .text { padding: 1% 7%; } 
.evCon5 .book_wrap { gap: 8%; } 
.evCon5 .book_wrap .book_img { width: 34%; } 
.evCon5 .book_info_wrap li .line_book { left: -56%; width: 51%; top: 13%; } 
.evCon5 .book_info_wrap li .book_tit { margin-bottom: 1%; } 
.evCon5 .book_info_wrap li .book_text { line-height: 1.4; font-weight: 500; } 
.evCon5 .eventVideo.with_shadow { margin-bottom: 7%; } 

.evCon6 .btn.link_ver { width: 25%; } 
.evCon6 .bnr_box { padding: 3% 3%; gap: 5%; margin-top: 2%; } 
.evCon6 .bnr_box .text_img { margin-top: 2%; padding: 0 9%; } 
.evCon6 .bnr_box .btn.link_ver a { padding: 7% 27%; border-radius: 5px; } 

.evCon7 .con_tit { margin-bottom: 3%; } 
.evCon7 .main_text { line-height: 1.5; margin-bottom: 5%; } 
.evCon7 .container_info.ver_circle { padding: 4% 0 4% 16%; margin-bottom: 7%; } 
.evCon7.evSection .subtitle_line { margin-bottom: 7%; } 
.evCon7 .container_gift_wrap ul { gap: 2%; margin-bottom: 9%; } 
.evCon7 .eventButtons .btn { padding: 3% 0%; } 
.evCon7 .eventButtons .tag_btn { padding: 1% 2%; font-size: 13px; top: -27%; } 

[class*=mg_popup_wrap].event_pop .content_area .content_inner { padding: 4% 2%; } 
.event_pop .b_tit + .mg_tb_wrap { margin-top: 4%; } 
.event_pop .mg_s_info { margin-top: 2%; } 
.event_pop .mg_info_wrap { margin-top: 2%; } 
.event_pop .mg_s_info li { font-size: 13px; margin-top: 1%; } 
 }

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

 .evCon3 .open_card_wrap { width: 30%; height: 38vw; } 
 .evCon3 .open_card_wrap .front_card .tit_text::before { display: none; } 
 .evCon3 .open_card_wrap .man_img { width: 70%; } 

 .evCon5 .point_box_wrap { gap: 1%; } 

 .evCon7 .container_info.ver_circle { padding: 4% 0 4% 7%; } 
 }

@media screen and (max-width: 768px){
 .con_tit .evt_mark { padding: 2% 10%; } 

 .evCon1 .sub_tit_wrap { margin-bottom: 37%; } 

 .evCon3 .open_card_wrap { width: 32%; } 
.evCon3 .open_card_wrap .man_img { width: 63%; } 

.evCon4 .step_wrap { gap: 8px; } 
.evCon4 .step_wrap .main_box_wrap { gap: 5%; } 
.evCon4 .plus_point { padding: 3% 2% 3%; } 
.evCon4 .plus_point .plus_tit { margin-bottom: 3%; } 
.evCon4 .plus_point .main_box_wrap { gap: 4px; } 

.evCon5 .point_box_wrap { display: block; } 
.evCon5 .point_box_wrap .point_box { padding: 3% 0; margin-bottom: 2%; } 
.evCon5 .point_box_wrap .point_tit { margin-bottom: 1%; } 
.evCon5 .book_wrap { gap: 4%; } 
.evCon5 .book_wrap .book_img { width: 41%; } 

.evCon6 .btn.link_ver { width: 42%; } 

.evCon7 .container_gift_wrap ul li { margin-bottom: 3%; } 
.evCon7 .eventButtons { position: relative; margin-bottom: 15%; } 
.evCon7 .eventButtons .btn { padding: 4% 0%; } 

.event_pop .mg_terms { padding: 2%; font-size: 13px; height: 100px; } 
 }

@media screen and (max-width: 576px){
 .con_tit .evt_mark.border::before { bottom: -14px; border-top: 13px solid #fff; } 
.con_tit .evt_mark.border::after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ec3d02; bottom: -9px; } 
.eventWrap .tiny_noti { margin-top: 1%; } 

.evCon1 .sub_tit_wrap { margin-bottom: 37%; font-size: 17px; } 
.evCon1 h3 { padding: 0 7% 0 0px; } 
.evCon1 h3 .home_link { width: 6%; } 

.evCon2 .destroy_point { margin: 0 11%; } 

.evCon3 .open_card_box { gap: 5px; } 
.evCon3 .open_card_wrap { width: 49%; height: 48vw; } 
.evCon3 .open_card_wrap .front_card { padding: 6% 0 0; } 
.evCon3 .open_card_wrap .front_card .tit_text { margin-bottom: 3%; } 
.evCon3 .open_card_wrap .man_img { width: 45%; } 

.evCon4 .eventVideo.with_shadow { margin-bottom: 7%; } 
.evCon4 .step_wrap { display: block; } 
.evCon4 .step_box { display: flex; margin-bottom: 2%; } 
.evCon4 .step_wrap .step_num { padding: 4% 0px; width: 30%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center; } 
.evCon4 .step_wrap .step_num strong { width: 100%; } 
.evCon4 .step_wrap .main_box_wrap { width: 70%; gap: 0; height: inherit; } 
.evCon4 .step_wrap .main_box_wrap .main_box { padding: 3% 0; } 
.evCon4 .step_wrap .ver_dept .main_box_wrap .main_box:nth-child(2) { border-top: none; } 
.evCon4 .plus_point { display: flex; justify-content: center; align-items: center; padding: 2%; } 
.evCon4 .plus_point .plus_tit { margin-bottom: 0%; width: 30%; } 
.evCon4 .plus_point .main_box_wrap { width: 70%; display: block; } 
.evCon4 .plus_point .main_box_wrap .main_box { height: 15vw; margin-bottom: 2%; } 
.evCon4 .plus_point .main_box_wrap .main_box:last-child { margin-bottom: 0; } 

.evCon5 .point_box_wrap .point_tit { line-height: 1.4; } 
.evCon5 .point_box_wrap .point_text { line-height: 1.4; } 
.evCon5 .book_wrap { display: block; } 
.evCon5 .book_wrap .book_img { width: 65%; margin: 0 auto 6%; } 
.evCon5 .book_info_wrap li { margin-bottom: 4%; margin-left: 8%; } 
.evCon5 .book_info_wrap li .line_book { display: none; } 

.evCon6 .bnr_box { display: block; } 
.evCon6 .bnr_box .text_img { padding: 0 5%; margin-bottom: 4%; } 
.evCon6 .btn.link_ver { width: 100%; } 
.evCon6 .bnr_box .btn.link_ver a { padding: 4% 24%; width: 100%; } 

.evCon7 .container_gift_wrap ul li { width: min(325px, 48%); } 
.evCon7 .eventButtons .tag_btn { width: 80%; } 
.evCon7 .eventButtons .btn { padding: 5% 0% 4%; width: 90%; } 

/* swiper */
.eventWrap .type1-prev:after, 
.eventWrap .type1-next::after{font-size: 40px;}

.eventWrap .type2-prev,
.eventWrap .type2-next{width: 3rem;}
 }