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

.clamp-title { font-size: 48px; font-weight: 900; } 
.clamp-text { font-size:22px; } 
.clamp-text2 { font-size:20px; } 
.clamp-text3 { font-size:24px; font-weight: 300; } 
.clamp-title_sub { font-size: 28px; color: #6a6a6a; font-weight: 300; margin-bottom: 8px; } 
.con_tit { margin-bottom: 50px; line-height: 1.3; } 
.point_tit { background: #000; color: #fff; display: inline-block; padding: 14px 0px; border-radius: 50px; margin-bottom: 30px; font-size: 20px; width: 385px; font-weight: 600; } 
.point_tit.long_ver { width: 469px; } 
.light_ver { font-weight: 300; } 
.light_ver2 { font-weight: 300; font-size: 41px; } 
.point_color { color: #a94edd; } 

.white_ver .con_tit, .white_ver .clamp-title_sub, .white_ver { color: #fff; } 

.eventWrap .inner { padding: 145px 0; } 
.under_line { display: inline-block; position: relative; z-index: 1; } 
.under_line::before { content: ""; width: 102%; background: #f3dfff; height: 8px; position: absolute; left: 50%; bottom: 1px; transform: translateX(-50%); z-index: -1; } 
.line_sub_tit { width: 100%; position: relative; margin-bottom: 25px; } 
.line_sub_tit::before { content: ""; width: 100%; background: #000; height: 1px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } 
.line_sub_tit strong { display: inline-block; background: #f6f6f6; padding: 0 5px; position: relative; } 
.event_sub_tit { font-weight: 600; display: inline-block; background: #e825ff; border-radius: 50px; margin: 0 auto 25px; padding: 11px 51px; } 
.event_tag { display: block; font-weight: 700; color: #e6baff; margin-bottom: 15px; } 

.tableshow_576 { display: none; } 


/* ÇȽº ¸Þ´º¸¦ À§ÇÑ css */
.eventWrap .evSection.fix_mode { padding-top:100px; } 
.fix_menu { background: rgba(29,0,46,0.6); z-index: 5; position: relative; } 
.fix_menu ul { width: 1080px; margin: 0 auto; display:flex; align-items:flex-start; justify-content:space-between; } 
.fix_menu li { width: 33%; position: relative; } 
.fix_menu li i { position: absolute; top: 50%; right: -35px; transform: translateY(-50%); z-index: 2; } 
.fix_menu li a { display: block; padding: 15px 0; font-size: 19px; position: relative; font-weight: 700; line-height: 1.3; } 
.fix_menu li a:before { content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #703e8d; height: 65%; width: 1px; } 
.fix_menu li:last-child a:before { display:none } 
.fix_menu li a span { font-size: 14px; color: #9f61c3; font-weight: 400; } 
.fix_menu li a strong { color: #fff; font-size: 17px; } 
.fix_menu.fixed { position: fixed; top: 0; left: 0; width: 100%; background: rgba(29, 0, 46, 0.8); } 




/* con1 */
.eventWrap .evCon1 .inner { padding: 35px 0 100px; } 
.evCon1 { background: #9b60bd url(https://image.megagong.net/m/2024/0516_plower3362/bg_con1.jpg) no-repeat 50% 50%; background-size: cover; } 
.evCon1 .bg_text { display: block; font-size: 190px; font-weight: 700; color: #a76ec7; position: absolute; top: 103px; left: 36px; z-index: 0; margin: 0px -105px; letter-spacing: -4px; /* width: 100%; */ } 
.evCon1 .tea_con1 { display: block; position: absolute; bottom: -80px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 0; } 
.evCon1 .sub_tit { position: relative; z-index: 1; color: #fff; font-size: 22px; font-weight: 300; margin-bottom: 490px; } 
.evCon1 h3 { position: relative; z-index: 1; display: inline-block; } 
.evCon1 h3 .home_btn { position: absolute; right: 40px; top: 118px; } 
.evCon1 h3 .home_btn a { display: inline-block; } 

/* con2 */
.evCon2 .inner::before { content: ""; width: 200%; height: 743px; background: #f2e8f8; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); } 
.evCon2 .eventVideo { margin: 0 40px 55px; position: relative; } 
.evCon2 .eventVideo.video_renewal .video_box { padding-bottom: 61.2%; } 

.evCon2 .mega_swiper { position: relative; margin: 0 30px; } 
/* .evCon2 .mega_swiper::before { content: ""; width: 200%; height: 798px; background: #f2e8f8; position: absolute; left: 50%; top: -290px; transform: translateX(-50%); } */

.evCon2 .mega_swiper_destroy .swiper-wrapper { gap: 10px; } 
.evCon2 .mega_swiper_destroy .swiper-slide { display: flex; flex: 1 1 auto; justify-content: center; } 
.evCon2 .mega_swiper_destroy .swiper-slide .sd_box { background: #fff; border-radius: 50%; width: 311px; height: 311px; display: flex; justify-content: center; align-items: center; padding-bottom: 19px; margin-bottom: 0px; } 
.evCon2 .mega_swiper_destroy .swiper-pagination { display: none; } 




/* con3 */
.evCon3 { background: #f6f6f6; } 
.evCon3 .point_tit { margin-bottom: 75px; } 
.evCon3 .review_box_wrap { display: flex; gap: 12px; justify-content: center; } 
.evCon3 .review_box_wrap .review_box { position: relative; background: #fff; border-radius: 20px; width: 50%; padding: 80px 0 53px; } 
.evCon3 .review_box_wrap .review_box .review_img { position: absolute; top: -50px; left: 50%; transform: translateX(-50%); } 
.evCon3 .review_box_wrap .review_box .review_tit { font-size: 22px; position: relative; margin-bottom: 25px; } 
.evCon3 .review_box_wrap .review_box .review_text { font-size: 20px; line-height: 1.6; font-weight: 600; } 

/* con4 */
.evCon4 { background: #9c3cd3; } 
.evCon4 .hover_box_wrap { position: relative; } 
.evCon4 .hover_box_wrap .line_span { position: absolute; width: 100%; top: 98px; left: 50%; transform: translateX(-50%); z-index: 1; } 
.evCon4 .hover_box_wrap .img_span { position: absolute; width: 100%; left: 50%; transform: translateX(-50%); top: 142px; } 
.evCon4 .hover_box { position: relative; margin-bottom: 130px; } 
.evCon4 .hover_box .hover_tit { color: #fff; font-weight: 500; display: inline-block; position: relative; z-index: 1; cursor: pointer; } 
.evCon4 .hover_box.step2 .hover_tit { background: #7e00c6; padding: 23px 64px; border-radius: 20px; border: 3px solid #a930ef; } 
.evCon4 .hover_box.step2 .shadow_span { position: absolute; right: 148px; top: 5px; z-index: 0; } 
.evCon4 .hover_box.step2 .onoff_box { position: absolute; right: 0px; top: 160px; } 
.evCon4 .hover_box.step2 .onoff_box .on { display: none; } 
.evCon4 .hover_box.step2.on .onoff_box .on { display: block; } 
.evCon4 .hover_box.step2.on .onoff_box .off { display: none; } 

.evCon4 .hover_box.step1 .hover_tit { background: #de00b2; border-radius: 50%; border: 3px solid #ea2ec5; width: 165px; height: 165px; display: flex; justify-content: center; align-items: center; margin: auto; } 
.evCon4 .hover_box.step1 .shadow_span { position: absolute; left: 320px; top: -70px; z-index: 0; } 
.evCon4 .hover_box.step1 .onoff_box { position: absolute; left: 0px; top: -77px; } 
.evCon4 .hover_box.step1 .onoff_box .on { display: none; } 
.evCon4 .hover_box.step1.on .onoff_box .on { display: block; } 
.evCon4 .hover_box.step1.on .onoff_box .off { display: none; } 

.evCon4 .clamp-text3 { margin-bottom: 85px; } 
.evCon4 .clamp-text3 b { color: #fcff00; } 
.evCon4 .under_line::before { background: #7e00c6; } 

.evCon4 .exam_box_wrap .exam_box_tit { background: #e5e5e5; color: #000; padding: 16px 0; font-weight: 600; border-radius: 20px 20px 0 0; } 
.evCon4 .exam_box_wrap .exam_box { display: flex; background: #fff; border-radius: 0px 0px 20px 20px; } 
.evCon4 .exam_box_wrap .exam_box .exam { width: 50%; padding: 30px 0; border-right: 1px solid #e5e5e5; } 
.evCon4 .exam_box_wrap .btn { margin-top: 35px; } 

.evCon4 .swiper-pagination4 { display: none; } 

/* con5 */
.evCon5 { background: #f6f6f6; } 
.evCon5 .tea_con5 { position: absolute; left: -520px; top: 91px; } 
.evCon5 .curr_box { margin-bottom: 30px; } 
.evCon5 .curr_box:last-child { margin-bottom: 0px; } 
.evCon5 .curr_box th { font-size: 18px; background: #e5e5e5; padding: 13px 0; } 
.evCon5 .curr_box td { font-size: 16px; background: #fff; border-right: 1px solid #e5e5e5; color: #4b4b4b; height: 94px; position: relative; } 
.evCon5 .curr_box td:last-child { border-right: none; } 
.evCon5 .curr_box td .mark_curr { position: absolute; right: 17px; top: 50%; transform: translateY(-50%); } 
.evCon5 .curr_box.point_ver th { background: #a94edd; color: #fff; } 
.evCon5 .curr_box.point_ver td { background: #f7e1ff; color: #44005d; font-weight: 600; border-right: 1px solid #c5c5c5; } 
.evCon5 .curr_box.point_ver td:last-child { border-right: none; } 
.evCon5 .tiny_noti { margin-top: 15px; font-size: 14px; color: #aeaeae; text-align: right; font-family: 'NotoSans KR'; font-weight: 200; } 

/* con6 */
.eventWrap .evCon6 .inner { padding: 145px 0 0; } 
.evCon6 .pdf_wrap { display: flex; justify-content: center; align-items: center; gap: 40px; margin-bottom: 40px; } 
.evCon6 .for_you_wrap { position: relative; margin-bottom: 55px; } 
.evCon6 .for_you_wrap::before { content: ""; width: 200%; height: 1936px; background: #f6f6f6; position: absolute; left: 50%; top: -290px; transform: translateX(-50%); z-index: -1; } 
.evCon6 .for_you_wrap { position: relative; display: flex; justify-content: center; align-items: center; gap: 10px; } 
.evCon6 .for_you_wrap .for_you_box { background: #fff; border-radius: 20px; width: 33%; padding: 34px 0; } 
.evCon6 .for_you_wrap .for_you_box p { margin-top: 15px; line-height: 1.6; font-size: 18px; } 
.evCon6 .swiper_basic5 { position: relative; height: 75px; overflow: hidden; } 
.evCon6 .swiper_basic1_wrap { background-color: #a94edd; border-radius: 50px; } 
.evCon6 .swiper_basic1_wrap .say_img { position: absolute; left: 60px; top: 50%; transform: translateY(-51%); } 
.evCon6 .swiper_basic5 .swiper-slide { display: flex; align-items: center; justify-content: flex-start; color: #fff; margin-left: 240px; } 
.evCon6 .swiper_basic5 .review_say_box { display: flex; justify-content: flex-start; align-items: center; gap: 60px; } 
.evCon6 .swiper_basic5 .review_say_box .say_list { font-size: 19px; font-weight: 300; width: 630px; } 
.evCon6 .swiper_basic5 .review_say_box .say_name { font-size: 16px; font-weight: 300; } 

.evCon6_5 { background: #f6f6f6; } 
.eventWrap .evCon6_5 .inner { padding: 45px 0 145px; } 



.container_info { font-size: 18px; background-color: transparent; gap: 140px; padding: 18px 30px; margin-bottom: 55px; } 
.container_info .info { gap: 5px; margin-right: 0px; } 
.container_info .info .noti { margin-left: 1px; font-weight: 700; opacity: 1; color: #fff; } 
.evCon7 .container_info { color: #e6baff; border: 1px solid #e6baff; } 
.evCon8 .container_info { color: #e6baff; border: 1px solid #e6baff; } 
.evCon7 .container_info .info .info_title::before,.evCon7 .container_info .info .info_title::after { display: none; } 
.evCon8 .container_info .info .info_title::before,.evCon8 .container_info .info .info_title::after { display: none; } 
.evCon7 .container_info .info .info_title ,.evCon8 .container_info .info .info_title { position: relative; font-weight: 600; padding: 0; margin-right: 0; } 

/* con7 */
.evCon7 { background: #7a00c0; } 
.evCon7 .con_tit { margin-bottom: 40px; } 
.main_text.clamp-text3 { color: #e6baff; line-height: 1.5; margin-bottom: 55px; } 
.evCon7 .line_sub_tit { margin-bottom: 35px; } 
.evCon7 .line_sub_tit::before { background: #e6baff; } 
.evCon7 .line_sub_tit strong { background: #7a00c0; color: #e6baff; padding: 0 35px; } 
.gift_img { margin-bottom: 65px; } 
.how_step_wrap { display: flex; justify-content: center; align-items: center; gap: 18px; margin-bottom: 55px; } 
.how_step_wrap .how_num { display: inline-block; background: #000; color: #fff; font-size: 12px; width: 28px; height: 28px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto 15px; } 
.how_step_wrap .how_box { background: #6f00ae; border-radius: 20px; width: 33%; padding: 30px 0 50px; height: 282px; } 
.how_step_wrap .how_img { margin-bottom: 7px; } 
.how_step_wrap .how_img a { display: inline-block; margin: 20px 0; } 
.how_step_wrap .how_text { color: #e0abff; line-height: 1.6; font-weight: 300; font-size: 18px; } 
.how_step_wrap .how_text b { font-weight: 300; } 
.btn_wrap a { display: inline-block; background: #000; color: #fff; width: 380px; padding: 27px 0px; font-size: 18px; font-weight: 300; } 
.btn_wrap.off a { background: #9c00f6; cursor: default; } 

/* con8 */
.evCon8 { background: #005fc0; } 
.evCon8 .event_sub_tit { background: #9c00f6; } 
.evCon8 .event_tag { color: #b4d9ff; } 
.evCon8 .main_text.clamp-text3 { color: #b4d9ff; } 
.evCon8 .main_text.fir { margin-bottom: 9px; } 
.evCon8 .container_info { color: #b4d9ff; border: 1px solid #b4d9ff; gap: 65px; } 
.evCon8 .line_sub_tit { margin-bottom: 35px; } 
.evCon8 .line_sub_tit::before { background: #b4d9ff; } 
.evCon8 .line_sub_tit strong { background: #005fc0; color: #b4d9ff; padding: 0 35px; } 
.evCon8 .how_step_wrap .how_box { background: #0053a7; border-radius: 20px; width: 50%; padding: 45px 0 50px; height: 282px; } 
.evCon8 .how_step_wrap .how_text { color: #44a1ff; } 


.eventWrap .evtoggleWarning .inner { padding: 0px; } 
.evtoggleWarning .warningList { padding: 80px 0; } 
.warningList li .s_tit { display: inline-block; margin-bottom: 20px; } 
.warningList li ul li a.tp2 { font-size: 13px; color: red; } 


/* popup */
[class*=mg_popup_wrap] .content_area .content_inner .mg_s_info { margin-top: 14px; } 
[class*=mg_popup_wrap] .content_area .content_inner .mg_s_info li { font-size: 13px; margin-top: 1px; color: #999; line-height: 21px; padding-left: 23px; } 
[class*=mg_popup_wrap] .content_area .content_inner .mg_s_info li:first-child { color: #000; font-weight: 800; padding-left: 0px; } 
[class*=mg_popup_wrap] .content_area .content_inner .mg_s_info li::before { content: '-'; left: 10px; } 
[class*=mg_popup_wrap] .content_area .content_inner .mg_s_info li:first-child::before { display: none; } 
[class*=mg_popup_wrap] .content_area .content_inner a.tp2 { color: red; font-weight: 800; } 
[class*=mg_popup_wrap] .content_area .content_inner .mg_info_wrap { margin-top: 15px; } 
[class*=mg_popup_wrap] .s_tit { font-size: 18px; font-weight: 400; line-height: 1.4; font-family: 'NotoSans KR'; margin-top: 13px; } 
[class*=mg_popup_wrap] .point_color { color: red; } 
[class*=mg_popup_wrap] .point_color2 { color: #1e00ff; } 

@media screen and (max-width: 1200px){
 .con_tit .end { right: 12%; top: -118%; width: min(15vw, 211px); height: min(15vw, 206px); } 
 
 .clamp-title { font-size: clamp(24px,4.5vmin,48px); } 
 .clamp-title_sub { font-size: clamp(15px,3.2vmin,28px); } 
 .clamp-text { font-size: clamp(15px,2vmin,20px); } 
 .clamp-text2 { font-size: clamp(13px,1.8vmin,18px); } 
 .clamp-text3 { font-size: clamp(15px,3vmin,24px); } 
 .light_ver2 { font-size: clamp(20px,4.3vmin,42px); } 
 .con_tit { margin-bottom: 6%; } 
.point_tit { padding: 1.5% 0px; margin-bottom: 4%; font-size: clamp(15px,2.3vmin,20px); width: 40vw; } 
.point_tit.long_ver { width: 50vw; } 
.line_sub_tit { margin-bottom: 3%; } 
.line_sub_tit strong { padding: 0 2%; } 

 .eventWrap .inner { padding: 11% 0; } 

 .fix_menu ul { width: 100%; } 
 .fix_menu li a { padding: 6% 0; font-size: clamp(13px,2vmin,19px); } 
 .fix_menu li a strong { font-size: clamp(13px,2vmin,17px); } 


 /* con1 */
 .eventWrap .evCon1 .inner { padding: 6% 0 10%; } 
.evCon1 .bg_text { font-size: clamp(20px,12vmin,190px); font-weight: 700; top: 32%; left: 50%; transform: translateX(-50%); margin: 0px 0px; width: 100%; } 
.evCon1 .sub_tit { font-size: clamp(14px,2.8vmin,22px); margin-bottom: 53%; } 
.evCon1 .tea_con1 { bottom: -7%; width: 55%; } 
.evCon1 h3 { padding: 0 6%; } 
.evCon1 h3 .home_btn { right: 9%; top: 45%; } 

/* con2 */
.evCon2 .eventVideo { margin: 0 0px 7%; } 
.evCon2 .mega_swiper { margin: 0 0px; } 
.evCon2 .mega_swiper_destroy .swiper-slide .sd_box { border-radius: 15px; width: 100%; height: inherit; padding: 13% 21%; } 

/* con3 */
.evCon3 .point_tit { margin-bottom: 10%; } 
.evCon3 .review_box_wrap .review_box { padding: 6% 1% 4%; } 
.evCon3 .review_box_wrap .review_box .review_img { top: -10%; width: 24%; } 
.evCon3 .review_box_wrap .review_box .review_tit { font-size: clamp(14px,2.5vmin,22px); margin-bottom: 6%; } 
.evCon3 .review_box_wrap .review_box .review_text { font-size: clamp(13px,2.3vmin,20px); line-height: 1.3; } 
 
/* con4 */
.evCon4 .hover_box_wrap .img_span { display: none; } 
.evCon4 .hover_box_wrap .line_span { top: 25%; } 
.evCon4 .hover_box { position: relative; margin-bottom: 13%; } 
.evCon4 .hover_box.step2 .hover_tit { padding: 3% 7%; } 
.evCon4 .hover_box.step2 .shadow_span { right: 17%; top: 0%; width: 28%; } 
.evCon4 .hover_box.step1 .shadow_span { left: 34%; top: -20%; width: 18%; } 
.evCon4 .hover_box.step1 .hover_tit { width: 17vw; height: 17vw; } 
.evCon4 .hover_box.step1 .onoff_box { top: -49%; width: 33%; } 
.evCon4 .hover_box.step2 .onoff_box { top: 136%; width: 33%; } 
.evCon4 .clamp-text3 { margin-bottom: 5%; margin-top: 2%; } 
.evCon4 .exam_box_wrap .exam_box_tit { padding: 2% 0; } 
.evCon4 .exam_box_wrap .exam_box .exam { width: 50%; padding: 3% 1%; } 
.evCon4 .exam_box_wrap .btn { margin-top: 6%; } 
.evCon4 .swiper-pagination4 { display: block; margin-top: 2%; } 
.eventWrap .evCon4 .swiper-pagination-bullet { background: #d07fff; } 
.eventWrap .evCon4 .swiper-pagination-bullet-active { background: #fff; } 

/* con5 */
.evCon5 .tea_con5 { display: none; } 
.evCon5 .tiny_noti { margin-top: 1%; font-size: 13px; } 
.evCon5 .curr_box { margin-bottom: 2%; } 
.evCon5 .curr_box th { font-size: clamp(15px,2vmin,18px); padding: 1.5% 0; } 
.evCon5 .curr_box td { font-size: clamp(13px,1.8vmin,16px); height: 8vw; } 
.evCon5 .curr_box td .mark_curr { right: 7%; top: 50%; width: 20%; } 

/* con6 */
.eventWrap .evCon6 .inner { padding: 12% 0 0; } 
.evCon6 .pdf_wrap { gap: 5%; margin-bottom: 5%; } 
.evCon6 .for_you_wrap { margin-bottom: 5%; } 
.evCon6 .for_you_wrap .for_you_box { padding: 3% 0%; } 
.evCon6 .for_you_wrap .for_you_box img { padding: 0 32%; } 
.evCon6 .for_you_wrap .for_you_box p { margin-top: 4%; line-height: 1.4; font-size: clamp(14px,1.8vmin,18px); } 
.evCon6 .swiper_basic1_wrap .say_img { left: 4%; width: 4%; } 
.evCon6 .swiper_basic5 { height: 8vw; } 
.evCon6 .swiper_basic5 .swiper-slide { margin-left: 13%; } 
.evCon6 .swiper_basic5 .review_say_box { gap: 40px; } 
.evCon6 .swiper_basic5 .review_say_box .say_list { font-size: clamp(13px,2vmin,19px); width: 69vw; } 
.evCon6 .swiper_basic5 .review_say_box .say_name { font-size: clamp(13px,2vmin,16px); } 

.eventWrap .evCon6_5 .inner { padding: 2% 0 12%; } 

/* con7 */
.event_sub_tit { margin: 0 auto 3%; padding: 1% 5%; } 
.event_tag { margin-bottom: 1%; } 
.main_text.clamp-text3 { line-height: 1.4; margin-bottom: 6%; } 
.container_info { font-size: clamp(15px,2vmin,18px); gap: 6%; padding: 2% 3%; margin-bottom: 6%; } 
.gift_img { margin-bottom: 8%; padding: 0 21%; } 
.evCon7 .con_tit { margin-bottom: 4%; } 
.evCon7 .line_sub_tit { margin-bottom: 4%; font-size: clamp(15px,2.3vmin,18px); } 
.evCon7 .line_sub_tit strong { padding: 0 3%; } 
.how_step_wrap { gap: 1%; margin-bottom: 6%; } 
.how_step_wrap .how_box { padding: 3% 0 3%; height: 25vw; } 
.how_step_wrap .how_num { margin: 0 auto 4%; } 
.how_step_wrap .how_img { margin-bottom: 2%; } 
.how_step_wrap .how_text { line-height: 1.3; font-size: clamp(15px,2vmin,18px); } 
.btn_wrap a { width: 32vw; padding: 2.5% 0px; font-size: clamp(15px,2vmin,18px); } 

.evCon8 .line_sub_tit { margin-bottom: 4%; font-size: clamp(15px,2.3vmin,18px); } 
.evCon8 .line_sub_tit strong { padding: 0 3%; } 
.evCon8 .how_step_wrap .how_box { padding: 3% 0; height: inherit; } 
.evCon8 .container_info { gap: 3%; } 
 }


@media screen and (max-width: 992px) { /* con2 */
 .evCon2 .mega_swiper_destroy .swiper-slide .sd_box { padding: 13% 17%; } 

/* con4 */
 .evCon4 .hover_box_wrap .line_span { width: 3%; display: block; } 
.evCon4 .hover_box.step1 .onoff_box { width: 36%; } 
.evCon4 .hover_box.step2 .onoff_box { width: 36%; } 
.evCon4 .exam_box_wrap .btn { padding: 0 32%; } 

/* con7 */
.container_info { display: flex; } 
.container_info .info { align-items: center; } 
 
.gift_img { margin-bottom: 8%; padding: 0 17%; } 
.how_step_wrap .how_box { height: 28vw; } 
.how_step_wrap .how_box:nth-child(1) .how_img { padding: 0px 21%; } 
.how_step_wrap .how_img { margin-bottom: 3%; padding: 0px 35%; } 

/* con8 */

.evCon8 .how_step_wrap .how_box .how_img { padding: 0px 41%; } 

/* popup */
[class*=mg_popup_wrap] .content_area .content_inner { padding: 4% 2%; height: 70vw; overflow: auto; } 
[class*=mg_popup_wrap] .b_tit, .super_popup_wrap .b_tit { font-size: clamp(23px,3.6vmin,30px); } 
.b_tit + .mg_tb_wrap, .s_tit + .mg_tb_wrap { margin-top: 4%; } 
[class*=mg_popup_wrap] .content_area .content_inner .mg_s_info { margin-top: 2%; } 
.mg_tb_form th, .mg_tb_form td { padding: 9px 1%; } 
.mg_terms { padding: 2%; font-size: 13px; } 
a.mg_btn_base, .mg_btn_base { padding: 3% 15px; } 
 }


@media screen and (max-width: 768px){
 .fix_menu li a { padding: 13% 0; display: flex; justify-content: center; align-items: center; } 
 .fix_menu li a span { display: none; } 

 /* con1 */
 .evCon1 h3 .home_btn { right: 7%; top: 38%; } 

/* con2 */
 .evCon2 .inner::before { height: 105vw; } 
 .evCon2 .mega_swiper_destroy { position: relative; overflow: hidden; margin: 0 7%; } 
 .evCon2 .mega_swiper_destroy .swiper-wrapper { gap: 0; } 
 .evCon2 .mega_swiper_destroy .swiper-slide { flex: 1 0 100%; } 
 .evCon2 .mega_swiper_destroy .swiper-slide .sd_box { padding: 9% 34%; } 
.evCon2 .mega_swiper_destroy .swiper-pagination { display: block; bottom: 1vw; } 
.eventWrap .evCon2 .swiper-pagination-bullet { background: #fff; } 
 .eventWrap .evCon2 .swiper-pagination-bullet-active { background: #a94edd; } 

 .evCon3 .review_box_wrap { display: block; } 
.evCon3 .review_box_wrap .review_box { padding: 13% 11% 6%; width: 100%; margin-bottom: 7%; } 
.evCon3 .review_box_wrap .review_box .review_img { top: -4%; width: 17%; } 
.evCon3 .review_box_wrap .review_box .review_tit { font-size: clamp(18px,2.5vmin,22px); } 
.evCon3 .review_box_wrap .review_box .review_text { font-size: clamp(16px,2.3vmin,20px); } 

/* con4 */
.evCon4 .hover_box_wrap { display: flex; flex-wrap: wrap-reverse; } 
.evCon4 .hover_box { position: relative; margin-bottom: 6%; width: 100%; } 
.evCon4 .hover_box.step2 .hover_tit { padding: 2% 7%; width: 42%; border-radius: 10px; margin-bottom: 2%; } 
.evCon4 .hover_box.step2 .onoff_box, .evCon4 .hover_box.step1 .onoff_box { width: 100%; padding: 0 27%; position: relative; top: inherit; } 
.evCon4 .hover_box_wrap .line_span, .evCon4 .hover_box.step2 .shadow_span,.evCon4 .hover_box.step1 .shadow_span { display: none; } 
.evCon4 .hover_box.step1 .hover_tit { width: 42%; height: inherit; border-radius: 10px; padding: 2% 7%; margin-bottom: 2%; } 

.evCon4 .clamp-text2 { font-size: clamp(13px,2.5vmin,18px); } 
.evCon4 .exam_box_wrap .exam_box_tit { border-radius: 10px 10px 0 0; } 
.evCon4 .exam_box_wrap .exam_box { border-radius: 0px 0px 10px 10px; display: block; } 
.evCon4 .exam_box_wrap .exam_box .exam { width: 100%; padding: 4% 18%; border-right: none; border-bottom: 1px solid #e5e5e5; } 
.evCon4 .exam_box_wrap .exam_box .exam.sec { border: none; } 
 .evCon4 .exam_box_wrap .btn { padding: 0 30%; } 

 /* con5 */
 .evCon5 .curr_box td { height: 9vw; } 
.evCon5 .curr_box td .mark_curr { right: 1%; top: 39%; width: 25%; } 

/* con6 */
.evCon6 .pdf_wrap { gap: 2%; } 
.evCon6 .pdf_text { width: 70%; } 
.evCon6 .pdf_file { width: 30%; } 
.evCon6 .for_you_wrap { display: block; } 
.evCon6 .for_you_wrap .for_you_box { padding: 3% 0%; width: 100%; display: flex; justify-content: flex-start; align-items: center; gap: 6%; padding: 2% 5%; border-radius: 10px; margin-bottom: 1%; } 
.evCon6 .for_you_wrap .for_you_box img { padding: 0%; width: 16%; } 
.evCon6 .for_you_wrap .for_you_box p { margin-top: 0%; line-height: 1.4; font-size: clamp(14px,1.8vmin,18px); text-align: left; } 
.evCon6 .swiper_basic1_wrap { border-radius: 10px; } 
.evCon6 .swiper_basic1_wrap .say_img { display: none; } 
.evCon6 .swiper_basic5 .swiper-slide { margin-left: 2%; } 
.evCon6 .swiper_basic5 .review_say_box .say_list { width: 76vw; } 

/* con7 */
.gift_img { padding: 0 9%; } 
.how_step_wrap .how_text { font-size: clamp(14px,2vmin,18px); } 
.how_step_wrap .how_img a { margin: 13% 0; } 
.how_step_wrap .how_box { height: 33vw; } 
.btn_wrap a { width: 38vw; } 

.warningList li .s_tit { margin-bottom: 2%; } 

[class*=mg_popup_wrap] .s_tit { font-size: 14px; margin-top: 2%; line-height: 1.3; } 

.pocket_pop.prevw {z-index: 5; } 
 }

@media screen and (max-width: 576px){
 .clamp-title_sub { font-weight: 500; margin-bottom: 4px; } 
 .con_tit { line-height: 1.2; } 
 .point_tit { width: 67vw; } 
 .point_tit.long_ver { width: 80vw; } 
 .tableshow_576 { display: table; } 
 .tablehide_576 { display: none; } 

 /* con1 */
 .evCon1 .sub_tit { margin-bottom: 65%; } 
 .evCon1 .tea_con1 { bottom: -14%; width: 64%; } 
 .evCon1 .bg_text { font-size: clamp(30px,30vmin,190px); line-height: 1; top: 13%; left: 50%; } 
 .evCon1 h3 { padding: 0 1%; } 
 .evCon1 h3 .home_btn { right: 1%; top: 32%; } 

 /* con2 */
 .evCon2 .mega_swiper_destroy { margin: 0%; } 
.evCon2 .mega_swiper_destroy .swiper-slide .sd_box { padding: 9% 30%; } 

 /* con3 */
.evCon3 .review_box_wrap .review_box { padding: 13% 3% 6%; } 
.evCon3 .review_box_wrap .review_box .review_tit { font-size: clamp(17px,2.5vmin,22px); } 
.evCon3 .review_box_wrap .review_box .review_text { font-size: clamp(15px,2.3vmin,20px); } 

 /* con4 */
.evCon4 .hover_box.step1 .hover_tit, .evCon4 .hover_box.step2 .hover_tit { width: 71%; } 
.evCon4 .hover_box.step2 .onoff_box, .evCon4 .hover_box.step1 .onoff_box { padding: 0 14%; } 
.evCon4 .clamp-text2 { font-size: clamp(15px,2.5vmin,18px); padding: 3% 0; } 
.evCon4 .exam_box_wrap .exam_box .exam { width: 100%; padding: 6% 2%; } 

/* con5 */

.evCon5 .curr_box td { height: inherit; padding: 3% 0; } 
.evCon5 .curr_box.point_ver.tableshow_576 tr:nth-child(1) td { border-bottom: 1px solid #c5c5c5; } 
.evCon5 .curr_box.tableshow_576 tr:nth-child(1) td { border-bottom: 1px solid #e5e5e5;; } 
.evCon5 .curr_box td .mark_curr { right: 3%; top: 50%; width: 23%; } 

/* con6 */
.evCon6 .pdf_wrap { flex-wrap: wrap-reverse; } 
.evCon6 .pdf_text { width: 100%; margin-top: 6%; } 
.evCon6 .pdf_file { width: 100%; padding: 0 26%; margin-top: 6%; } 
.evCon6 .for_you_wrap::before { height: 150vw; top: -85%; } 
.evCon6 .for_you_wrap .for_you_box { margin-bottom: 2%; } 
.evCon6 .for_you_wrap .for_you_box p { line-height: 1.2; font-size: clamp(13px,1.8vmin,18px); } 
.evCon6 .swiper_basic5 { height: 18vw; } 
.evCon6 .swiper_basic5 .swiper-slide { margin-left: 0%; } 
.evCon6 .swiper_basic5 .review_say_box { display: block; margin: auto; } 
.evCon6 .swiper_basic5 .review_say_box .say_list { width: 100%; margin-bottom: 1%; } 

/* con7 */
.gift_img { padding: 0 0%; } 
.how_step_wrap { display: block; } 
.how_step_wrap .how_box { width: 100%; height: inherit; margin-bottom: 2%; padding: 3% 0 5%; } 
.how_step_wrap .how_num { margin: 0 auto 2%; } 
.how_step_wrap .how_img a { margin: 0% 0; } 
.how_step_wrap .how_box:nth-child(1) .how_img { padding: 0px 31%; } 
.how_step_wrap .how_img { margin-bottom: 3%; padding: 0px 43%; } 
.btn_wrap a { width: 68vw; padding: 5% 0; } 


.evCon8 .how_step_wrap .how_box { width: 100%; padding: 3% 0 4%; } 
.evCon8 .how_step_wrap .how_box .how_img { padding: 0px 43%; } 

.warningList li ul li a.tp2 { font-size: 12px; } 

/* popup */
.mfp-zin.mfp-ready .z-anim { padding: 0 2%; } 
[class*=mg_popup_wrap] .content_area .content_inner { height: 120vw; } 
.mg_tb_form th { font-size: 12px; } 
[class*=mg_popup_wrap] .content_area .content_inner .mg_s_info li { font-size: 12px; line-height: 18px; } 
[class*=mg_popup_wrap] .content_area .mg_btn_wrap { margin-top: 5%; } 
[class*=mg_popup_wrap] .content_area .mg_btn_wrap .mg_btn_base { padding: 5% 5px; font-size: 14px; } 

[class*=mg_popup_wrap] .s_tit { font-size: 13px; } 
 }