@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 */

:root { --main-color: #5ebb0a; } 


.con_tit .end::after { background: #f32424; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit .end { right: -140px; top: -93px; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

.warningList li ul li a.tp2 { color: var(--main-color); text-decoration: underline; } 
.clamp-title { font-size:46px; } 
.clamp-text { font-size:20px; } 
.clamp-text2 { font-size:18px; } 

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

.con_tit { margin-bottom: 16px; } 
.main_text { font-size: 24px; color: #222; opacity: 0.7; margin-bottom: 35px; line-height: 36px; } 

/* con1 */
.evCon1 { background: #f7ffc4 url(https://image.megagong.net/m/2024/0416_review/main_bg_con1.jpg) no-repeat center; background-size: cover; } 
.eventWrap .evCon1 .inner { padding: 110px 0 550px; } 
.evCon1 h3 .obj_con1 { position: absolute; right: 27px; top: 54%; } 
.evCon1 .con_box_wrap { position: absolute; left: 49.2%; top: 410px; width: 100%; transform: translateX(-50%); } 
.evCon1 .con_box_wrap .info_box_wrap { background: #fff; border-radius: 16px; box-shadow: 0px 10px 30px rgb(177 192 141 / 70%); position: absolute; } 
.evCon1 .con_box_wrap .info_box_wrap.left { font-size: 16px; left: 137px; top: 200px; padding: 23px 30px; } 
.evCon1 .con_box_wrap .info_box_wrap.right { font-size: 16px; right: 160px; top: 210px; padding: 19px 30px; } 
.evCon1 .con_box_wrap .info_box_wrap .now_title { text-align: left; line-height: 23px; } 
.evCon1 .con_box_wrap .info_box_wrap .now_title.top_re { margin-top: 10px; } 
.evCon1 .con_box_wrap .info_box_wrap .now_title strong { display: block; font-weight: 800; } 
.evCon1 .con_box_wrap .info_box_wrap .info_box { position: relative; } 
.evCon1 .con_box_wrap .info_box_wrap.left .info_box .say_point { position: absolute; right: -51px; } 
.evCon1 .con_box_wrap .info_box_wrap.right .info_box .say_point { position: absolute; left: -38px; top: 32%; transform: translateY(-50%); } 
.evCon1 .con_box_wrap .gift_cau { color: #fff; background: rgba(19, 182, 255, 0.8); border-radius: 50%; width: 118px; height: 118px; font-size: 15px; display: flex; justify-content: center; align-items: center; font-weight: 600; position: absolute; right: 146px; top: 322px; } 
.evCon1 .con_box_wrap .btn_wrap { position: absolute; left: 50%; bottom: -50px; width: 100%; transform: translateX(-50%); } 
.evCon1 .con_box_wrap .btn_wrap a { background: #000; color: #fff; font-weight: 800; padding: 24px 179px; border-radius: 50px; font-size: 26px; display: inline-block; } 

.evCon1 .sub_tit_con1 { margin-bottom: 25px; } 
.evCon1 .now_title_top { font-size: 22px; font-weight: 800; color: #3d601d; margin-bottom: 12px; } 

/* con2 */
.evCon2 { background: #f7ffc4; } 
.eventWrap .evCon2 .inner { padding: 100px 0 145px; } 
.evCon2 .obj_con2 { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; top: -10px; } 
.evCon2 .container_info { margin: 0 0px 85px; } 
.evCon2 .container_info .info_date { font-weight: 600; } 
.evCon2 .container_info .info .noti { font-weight: 500; } 
.evCon2 .event_gift { display: flex; justify-content: center; gap: 21px; align-items: flex-start; margin: 0 -95px; } 
.evCon2 .event_gift li { position: relative; } 
.evCon2 .event_gift li .gift_num { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 101%; } 

.evCon2 .event_gift li .gift_box { background: #fff; border-radius: 50%; box-shadow: 10px 10px 30px rgba(192,221,120,0.3); display: flex; justify-content: center; align-items: center; margin-bottom: 25px; padding: 50px 53px; } 
.evCon2 .event_gift li .gift_box .gift_img { margin-top: 20px; } 

.evCon2 .event_gift li .gift_name { font-size: 18px; color: #3c3c3c; } 
.evCon2 .event_gift li .end_mark { position: absolute; right: -9px; top: 63px; } 
.evCon2 .ebook_link a { color: #6c7a13; font-size: 13px; border-radius: 50px; border: 1px solid #6c7a13; display: inline-block; padding: 4px 17px; margin-top: 10px; } 

/* con3 */
.evCon3 { background: #f0f8ab; } 
.evCon3 .obj_con3 { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; top: -100px; } 
.evCon3 .main_text { margin-bottom: 65px; } 
.evCon3 .step_wrap li { width: 300px; height: 444px; background: #fff; border-radius: 16px; box-shadow: 10px 10px 30px rgba(192,221,120,0.3); text-align: center; box-sizing: border-box; padding: 28px; } 
.evCon3 .step_wrap li .gif_img { background: #f3f3f3; width: 244px; height: 252px; border-radius: 4px; overflow: hidden; margin: 0 auto 20px; background: #fff; } 
.evCon3 .step_wrap li .gif_img.small_ver img { width: 79%; } 
.evCon3 .step_wrap li .step_num { background: var(--main-color); color: #fff; font-size: 16px; border-radius: 50px; display: inline-block; padding: 2px 20px 3px; margin-bottom: 10px; } 
.evCon3 .step_wrap li .step_text { font-size: 18px; font-weight: 600; } 
.evCon3 .step_wrap li .step_text a { color: #0900ff; text-decoration: underline; } 
.evCon3 .step_wrap li .step_text .point_color { color: var(--main-color) } 
.evCon3 .step_wrap li .step_text .point_color.small_ver { font-size: 14px; display: inline-block; margin-bottom: 2px; } 
.evCon3 .app_link_btn_wrap { display: flex; justify-content: center; align-items: center; gap: 17px; margin: 0 -87px 45px; } 
.evCon3 .app_link_btn_wrap .app_link_btn { background: #a4f149; border-radius: 16px; width: 50%; } 
.evCon3 .app_link_btn_wrap .app_link_btn:nth-child(2) { background: #55f3ee; } 
.evCon3 .app_link_btn_wrap .app_link_btn a { display: inline-block; width: 100%; padding: 12px 0; } 
.evCon3 .swiper_basic1.step_wrap { margin: 0 -87px 45px; } 
.evCon3 .swiper_basic1.step_wrap .swiper-wrapper { gap: 18px; justify-content: center; align-items: center; } 
.evCon3 .swiper_basic1 .swiper-pagination { display: none; } 
.evCon3 .review_btn_wrap { margin-bottom: 35px; } 
.evCon3 .review_btn_wrap a { background: #000; color: #fff; font-weight: 800; padding: 25px 138px; border-radius: 50px; font-size: 24px; display: inline-block; } 
.evCon3 .event_cau_tit { color: #5ebb09; font-size: 16px; font-weight: 700; margin-bottom: 13px; text-decoration: underline; text-underline-position: under; } 
.evCon3 .event_cau_text { font-size: 14px; color: #4d4c4c; line-height: 24px; } 

.evCon3 .step_wrap li .gif_img { position: relative; } 
.evCon3 .step_wrap li.trd .gif_img img { position: absolute; top: -150px; left: 50%; transform: translateX(-50%); } 
.evCon3 .step_wrap li.fo .gif_img img { position: absolute; top: -270px; left: 50%; transform: translateX(-50%); } 

/* popup */
.top_area { background: linear-gradient(0deg, rgba(228, 243, 159, 1) 0%, rgb(207 247 211) 100%); } 
[class*=mg_popup_wrap] .content_area .top_area .content_inner { padding: 30px 20px 0px; } 
[class*=mg_popup_wrap] .b_tit { font-weight: 900; } 
[class*=mg_popup_wrap] .s_tit { margin-top: 15px; margin-bottom: 10px; } 

.content_area .top_area .content_inner .pop_img { text-align: center; } 
.content_area .top_area .content_inner .end_mark { display: inline-block; position: absolute; right: 55px; top: 134px; } 
[class*=mg_popup_wrap] .content_area .body_area .content_inner { padding: 0px 20px 25px; } 

.content_area .body_area .noti_tiny { color: #999; font-size: 12px; line-height: 21px; display: inline-block; margin-top: 12px; } 
.content_area .body_area .mg_s_info { margin-top: 8px; } 
.content_area .body_area .mg_s_info li { font-size: 13px; margin-top: 2px; font-weight: 700; line-height: 19px; } 
.content_area .body_area .mg_s_info li:nth-child(1) { padding-left: 0px; } 
.content_area .body_area .mg_s_info li:nth-child(1)::before { display: none; } 
.content_area .body_area .mg_s_info li::before { content: '*'; } 
.content_area .body_area .mg_info_wrap { margin-top: 16px; } 
.content_area .body_area .mg_terms { padding: 0px 14px 14px; font-size: 13px; height: 96px; } 
.content_area .body_area span.mg_chk_base { color: #999; } 

#popupCetify .filebox .filebtn { background-color: #777; font-size: 13px; } 

 #popupCetify .s-filename { font-size: 13px; color: #979797; } 

.evCon3 .step_wrap li .step_text span { font-size: 12px; color: #66b2ff; display: block; line-height: 1.2; margin-top: 3%; font-weight: 400; } 
.evCon3 .obj_con3 { animation-name: up; animation-duration:2s; animation-timing-function:ease-in-out; animation-iteration-count:infinite; animation-direction:alternate; animation-fill-mode: forwards; } 

@-webkit-keyframes up { 
 0% { top: -100px; } 
 100% { top: -80px; } 
 }

 /* 250520 */
.con_box_wrap .hand_img.ver2505 { margin-left: 49px; } 
.evCon1 .con_box_wrap .gift_cau.ver2505 { right: 26px; top: 292px; } 

.mg_popup_wrap .file_wrap { display: flex; align-items: center; height: 50px; } 
.mg_popup_wrap .file_wrap_tit { width: 120px; background: #000; color: #fff; height: 100%; display: flex; align-items: center; justify-content: center; } 
#popupCetify.ver2505 .content_area .body_area .content_inner { font-family: 'Noto Sans KR'; } 
#popupCetify.ver2505 .content_area .top_area .content_inner .end_mark { right: 60px; top: 194px; width: 12%; } 
#popupCetify.ver2505 .filebox { height: 50px; width: calc(100% - 120px); } 
#popupCetify.ver2505 .filebox .filename { height: 100%; display: flex; align-items: center; } 
#popupCetify.ver2505 .filebox .filebtn { height: 100%; display: flex; justify-content: center; align-items: center; } 
#popupCetify.ver2505 .content_area .body_area .noti_tiny { margin-top: 7px; } 
#popupCetify.ver2505 .radio-base { display: flex; align-items: center; } 
#popupCetify.ver2505 .radio-base.type-1 input + label { color: #999; font-size: 13px; } 
#popupCetify.ver2505 .filebox.rd-full { padding-right: 0%; } 




@media screen and (max-width: 1200px){
 .clamp-title { font-size: clamp(26px,5vmin,46px); } 
 .clamp-text { font-size: clamp(14px,2.8vmin,24px); } 
 .clamp-text2 { font-size: clamp(13px,1.8vmin,18px); } 
 .con_tit .end { right: 0%; top: 4%; width: 17vw; height: 17vw; } 

 .con_tit { margin-bottom: 3%; } 
h4 { padding: 0 38%; } 
.main_text { margin-bottom: 4%; line-height: 1.4; } 
.eventWrap .inner { padding: 15% 0; } 

 /* con1 */
 .eventWrap .evCon1 .inner { padding: 10% 0 55%; } 
h3.con_tit { padding: 0 9%; } 
.evCon1 h3 .obj_con1 { position: absolute; right: 0%; top: 51%; width: 13%; } 
.evCon1 .now_title_top { font-size: clamp(14px, 3vmin, 22px); margin-bottom: 2%; } 
.evCon1 .con_box_wrap { top: 37%; width: 96%; } 
.evCon1 .con_box_wrap .hand_img { padding: 0 13%; } 
.evCon1 .con_box_wrap .info_box_wrap.left { font-size: clamp(14px, 2.3vmin, 16px); left: 3%; top: 29%; padding: 2% 2%; } 
.evCon1 .con_box_wrap .info_box_wrap.right { font-size: clamp(14px, 2.3vmin, 16px); right: 2%; top: 34%; padding: 2% 3%; } 
.evCon1 .con_box_wrap .info_box_wrap .now_title { line-height: 1.3; } 
.evCon1 .con_box_wrap .info_box_wrap .now_title.top_re { margin-top: 3%; } 
.evCon1 .con_box_wrap .info_box_wrap.left .info_box .say_point { right: -13%; } 
.evCon1 .con_box_wrap .info_box_wrap.right .info_box .say_point { left: -23%; width: 20%; } 
.evCon1 .con_box_wrap .gift_cau { right: 6%; top: 53%; } 
.evCon1 .con_box_wrap .btn_wrap { bottom: -12%; } 
.evCon1 .con_box_wrap .btn_wrap a { padding: 2% 20%; font-size: clamp(15px,3.3vmin,26px); } 

/* con2 */
.eventWrap .evCon2 .inner { padding: 10% 0 8%; } 
.evCon2 .obj_con2 { width: 89%; top: 0%; } 
.evCon2 .container_info { margin: 0 8% 7%; font-size: clamp(13px, 2.5vmin, 18px); } 
.evCon2 .event_gift { gap: 2%; flex-wrap: wrap; margin: 0px; } 
.evCon2 .event_gift li { width: 40%; margin-bottom: 6%; } 
.evCon2 .event_gift li .gift_num { top: -6%; width: 60%; } 
.evCon2 .event_gift li .gift_box { padding: 8% 5%; border-radius: 11px; margin-bottom: 3%; } 
.evCon2 .event_gift li .gift_box .gift_img { margin-top: 5%; padding: 0 23%; } 
.evCon2 .event_gift li .gift_name { font-size: clamp(14px, 2.3vmin, 18px); } 
.evCon2 .event_gift li .end_mark { position: absolute; right: 4%; top: 5%; width: 23%; } 

/* con3 */
.evCon3 .obj_con3 { width: 90%; top: -140%; } 
.evCon3 .main_text { margin-bottom: 6%; } 
.evCon3 .swiper_basic1.step_wrap { position: relative; overflow: hidden; margin: 0 0 3%; } 
.evCon3 .swiper_basic1.step_wrap .swiper-wrapper { gap: 0px; justify-content: inherit; align-items: inherit; } 
.evCon3 .step_wrap li { padding: 2%; height: 45vw; } 
.evCon3 .step_wrap li .step_num { font-size: clamp(13px, 2.3vmin, 16px); padding: 1.3% 7% 1.5%; margin-bottom: 2%; } 
.evCon3 .step_wrap li .step_text { font-size: clamp(13px, 2.3vmin, 18px); } 
.evCon3 .step_wrap li .gif_img { width: 57%; height: 26vw; margin: 0 auto 4%; } 
.evCon3 .app_link_btn_wrap { gap: 2%; margin: 0 0px 7%; } 
.evCon3 .app_link_btn_wrap .app_link_btn a { padding: 2% 26%; } 
.evCon3 .review_btn_wrap a { padding: 2% 11%; font-size: clamp(14px,2.8vmin,24px); } 
.evCon3 .review_btn_wrap { margin-bottom: 5%; } 
.evCon3 .event_cau_tit { font-size: clamp(13px,2.3vmin,16px); margin-bottom: 1%; } 


[class*=mg_popup_wrap] .b_tit, .super_popup_wrap .b_tit { font-size: clamp(21px,3.3vmin,30px); } 
[class*=mg_popup_wrap] .content_area .body_area .content_inner { padding: 0px 2% 2%; } 
[class*=mg_popup_wrap] .content_area .top_area .content_inner { padding: 4% 2% 0px; } 
[class*=mg_popup_wrap] .content_area .mg_btn_wrap { margin-top: 8%; } 
.pop_img { padding: 0 21%; } 
.content_area .top_area .content_inner .end_mark { right: 9%; top: 8%; width: 20%; } 

/* fix */
.evCon3 .step_wrap li .step_text span { margin-top: 2%; } 

 @-webkit-keyframes up { 
 0% { top: -140%; } 
 100% { top: -120%; } 
 }

 .con_box_wrap .hand_img.ver2505 { margin-left: 4%; } 
.evCon1 .con_box_wrap .gift_cau.ver2505 { right: -1%; top: 56%; } 
 #popupCetify.ver2505 .content_area .top_area .content_inner .end_mark { right: 18%; top: 23%; } 
 }


@media screen and (max-width: 992px) { /* con1 */
.eventWrap .evCon1 .inner { padding: 10% 0 49%; } 
h3.con_tit { padding: 0 7%; margin-bottom: 7%; } 
.evCon1 .con_box_wrap .info_box_wrap.left { left: -1%; top: 31%; } 
.evCon1 .con_box_wrap .info_box_wrap.right { right: 1%; } 
.evCon1 .con_box_wrap .info_box_wrap.left .info_box .say_point { right: -11%; } 
.evCon1 .con_box_wrap .info_box_wrap.right .info_box .say_point { left: -19%; } 
.evCon1 .con_box_wrap .gift_cau { right: 0%; } 
.evCon1 .con_box_wrap .btn_wrap { bottom: -16%; } 
.evCon1 .con_box_wrap .btn_wrap a { padding: 3% 17%; } 

/* con2 */
.evCon2 .obj_con2 { width: 95%; top: 0%; } 
.evCon2 .event_gift { flex-wrap: wrap; gap: 2%; } 

.evCon2 .event_gift li { width: 45%; } 
.evCon2 .event_gift li .gift_name { font-size: clamp(14px, 2.2vmin, 18px); } 
.evCon2 .event_gift li .end_mark { right: 4%; top: 5%; width: 26%; } 

/* con3 */
.evCon3 .obj_con3 { width: 100%; top: -125%; } 
.evCon3 .step_wrap li { height: 48vw; } 

/* fix */
.evCon3 .step_wrap li.trd .gif_img img { top: -52%; } 
.evCon3 .step_wrap li.fo .gif_img img { top: -105%; } 

.evCon1 .con_box_wrap .gift_cau.ver2505 { right: -2%; top: 60%; } 
 }



@media screen and (max-width: 768px){
 .evCon1 .sub_tit_con1 { margin-bottom: 3%; padding: 0 22%; } 
 h3.con_tit { padding: 0 7% 0 6%; margin-bottom: 10%; } 
 
 .evCon1 .con_box_wrap .info_box_wrap { border-radius: 10px; } 
 .evCon1 .con_box_wrap .info_box_wrap.left { font-size: clamp(13px, 2.3vmin, 16px); } 
 .evCon1 .con_box_wrap .info_box_wrap.right { top: 32%; } 
 .evCon1 .con_box_wrap .info_box_wrap .now_title.top_re { margin-top: 2%; } 
 .evCon1 .con_box_wrap .info_box_wrap.right .info_box .say_point { display: none; } 
 .evCon1 .con_box_wrap .gift_cau { width: 98px; height: 98px; font-size: 13px; line-height: 1.3; right: -2%; top: 70%; } 

 /* con2 */
 h4 { padding: 0 36%; } 
.evCon2 .container_info { margin: 0 0% 10%; font-size: clamp(15px, 2.3vmin, 18px); } 
.evCon2 .event_gift li { width: 49%; } 

/* con3 */
.evCon3 .step_wrap li { height: 59vw; } 
.evCon3 .step_wrap li .step_num { padding: 1% 7% 1%; } 
.evCon3 .step_wrap li .gif_img { height: 32vw; margin: 0 auto 2%; } 
.evCon3 .step_wrap .fir .gif_img { width: 53%; } 
.evCon3 .step_wrap .sec .gif_img { width: 56%; } 

.evCon3 .step_wrap .tip_box { color: #0279fc; font-weight: 400; padding: 1% 0; border-radius: 10px; display: inline-block; margin: 0 13%; font-size: 13px; line-height: 1.2; } 
.evCon3 .step_wrap .tip_box strong { font-weight: 800; } 
.evCon3 .app_link_btn_wrap .app_link_btn { border-radius: 9px; } 
.evCon3 .app_link_btn_wrap .app_link_btn a { padding: 2% 19%; } 
.evCon3 .review_btn_wrap a { padding: 3% 11%; } 
.evCon3 .event_cau_text { font-size: 13px; line-height: 1.4; } 

/* fix */
.evCon3 .step_wrap li.trd .gif_img img { top: -94%; width: 77%; } 
.evCon3 .step_wrap li.fo .gif_img img { top: -239%; } 

#popupCetify.ver2505 .radio-base.type-1 input + label { font-size: 12px; } 
 }
@media screen and (max-width: 576px) { h4 { padding: 0 32%; } 


 .eventWrap .evCon1 .inner { padding: 16% 0 88%; } 
 .evCon1 .sub_tit_con1 { margin-bottom: 4%; padding: 0 17%; } 
 h3.con_tit { padding: 0 5% 0 4%; } 
 .evCon1 .con_box_wrap { top: 34%; width: 100%; left: 50%; } 
 .evCon1 .con_box_wrap .hand_img { padding: 0 4%; } 
 .evCon1 .con_box_wrap .info_box_wrap.right { position: relative; top: inherit; right: inherit; margin-bottom: 4%; } 
 .evCon1 .con_box_wrap .info_box_wrap .now_title { text-align: center; } 
 .evCon1 .con_box_wrap .gift_cau { width: 88px; height: 62px; font-size: 12px; line-height: 1.2; right: 1%; top: 18%; border-radius: 10px; } 
 .evCon1 .con_box_wrap .btn_wrap { bottom: -16%; position: relative; left: inherit; top: inherit; transform: inherit; bottom: inherit; } 

 .evCon1 .con_box_wrap .btn_wrap a { padding: 4% 17%; } 

 /* con2 */
 .eventWrap .evCon2 .inner { padding: 14% 0 8%; } 
.evCon2 .obj_con2 { top: -43%; } 
.evCon2 .container_info { font-size: clamp(13px, 2.3vmin, 18px); } 
.evCon2 .event_gift li { margin-bottom: 11%; } 
.evCon2 .event_gift li .gift_num { top: -9%; width: 75%; } 
.evCon2 .event_gift li .gift_box .gift_img { padding: 0 11%; } 
.evCon2 .event_gift li .gift_name { font-size: clamp(13px, 2.2vmin, 18px); } 
.evCon2 .ebook_link a { padding: 2px 13px; margin-top: 3%; } 

/* con3 */
.evCon3 .step_wrap li { height: 68vw; } 
.evCon3 .app_link_btn_wrap { display: block; } 
.evCon3 .app_link_btn_wrap .app_link_btn { width: 100%; margin-bottom: 2%; } .evCon3 .app_link_btn_wrap .app_link_btn a { padding: 2% 29%; } 
.evCon3 .review_btn_wrap a { padding: 4% 15%; } 
.evCon3 .event_cau_tit { margin-bottom: 2%; } 
.evCon3 .event_cau_text { font-size: 12px; } 

input[type=checkbox] { min-width: 9px; min-height: 9px; } 
.content_area .body_area .noti_tiny { font-size: 11px; line-height: 1.2; margin-top: 8px; } 
.content_area .body_area .mg_s_info li { font-size: 11px; margin-top: 2px; font-weight: 700; line-height: 1.2; } 
.content_area .body_area .mg_terms { padding: 0px 6px 6px; font-size: 11px; height: 66px; } 
#popupCetify .s-filename { font-size: 11px; } 
.mg_chk_base label { font-size: 11px; } 
.evCon1 .con_box_wrap .gift_cau.ver2505 {
 right: 1%; top: 18%; } 
#popupCetify.ver2505 .file_wrap_tit { width: 60px; justify-content: center; line-height: 1.2; text-align: center; } 
#popupCetify.ver2505 .filebox { width: calc(100% - 60px); } 
 }

 @media screen and (max-width: 375px) { [class*=mg_popup_wrap] .content_area .mg_btn_wrap .mg_btn_base { font-size: 14px; padding: 14px 5px; } 
 }