@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 { /*color*/ } 



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


/*°øÅë*/
br.show-992 { display: none; } 
br.show-574 { display: none !important; } 
br.hide-574 { display: block !important; } 
.eventWrap .evSection { position: relative; padding: 160px 0; } 
.con_tit .red { color:#d72e3c; } 
.con_tit .white { color:#fff; } 
.eventWrap .flt_inner { right:0; } 
.eventWrap .flt_inner.renewal li { margin-top:0; } 
.eventWrap .flt_inner.renewal li.top { border-radius: 0 0 0 10px; background-color: #000; height: 27px; } 
.flt_inner.renewal li.top a { height: 100%; display: flex; align-items: center; justify-content: center; } 
.sub_tit.line { position: relative; } 
.sub_tit.line span { display: inline-block; padding: 0 20px; position: relative; background-color: #ffffff; } 
.sub_tit.line::before { content: ""; display: block; width: 100%; height: 1px; background-color: #000; position: absolute; top: 50%; transform: translateY(-50%) } 
.container_info .info .info_date { font-weight: bold; } 
.container_info .info .noti { font-weight: 400; } 


/*font-size*/
.clamp-title { font-size:46px; margin: 0 0 15px 0; line-height: 1.2; } 
.clamp-title.wht { color: #fff; } 
.clamp-title2 { font-size:24px; font-weight: bold; } 
.clamp-title3 { font-size: 34px; } 
.clamp-text { font-size:20px; } 
.clamp-text2 { font-size:18px; } 
.sub_tit { font-size: 26px; line-height: 1.2; font-weight: bold; } 
.btn_wrap .btn { padding: 35px 0; background-color: #000; color:#fff; font-weight: bold; font-size: 20px; } 
.btn_wrap .btn .red { color:#f44755; } 
.btn_wrap .btn .blue { color:#0082ff; } 
.btn_wrap .btn .purple { color:#8c47f4; } 


/*EVENT ¸»Ç³¼±*/
.con_tit .label { position: relative; display: block; width: 30%; max-width: 230px; font-style: normal; font-weight: 900; font-size: 41px; padding: 10px 0; background: #fff; margin: 0 auto 40px; } 
.con_tit .label::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #fff; } 



/*ÇÏ´Ü ¸Þ´º °íÁ¤*/
.con_bnr.on { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 2; } 


/*evCon1*/
.eventWrap .evSection.evCon1 { padding: 0 0 140px; background: url(https://image.megagong.net/m/2024/0830_megalive/evCon1_bg.jpg) no-repeat center 0; } 
.evCon1 .refound { margin:0 auto; width: fit-content; padding: 20px 25px; border-radius: 60px; display: flex; align-items: center; gap:20px; background-color: #000; color:#fff; } 
.evCon1 .refound .cir_txt { width: 80px; height: 80px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background-color: #f44755; } 
.evCon1 .refound .cir_txt p { font-size: 17px; font-weight: 900; } 
.evCon1 .refound .txt { font-size: 70px; line-height: 1; font-weight: 900; } 
.evCon1 .badge { position: absolute; top: 130px; left: 50px; width: 147px; height: 147px; border-radius: 50%; border: 4px solid #fff; display: flex; justify-content: center; align-items: center; font-size: 16.5px; color: #fff; } 
.evCon1 .badge b { font-weight: 900; } 
.evCon1 .badge.on { color: #000; border-color: #000; } 

/*evCon2*/
.evCon2 .clamp-title2 { margin: 0 0 13px; color:#777777; font-weight: 400; } 
.evCon2 .clamp-title3 .red { color:#d72e3c; font-weight: bold; } 

/*evCon3*/
.evCon3 .sub_tit { margin: 20px 0 0; } 
.evCon3 .sub_tit.line { margin: 74px 0 50px; } 
.evCon3 .cir_wrap { margin: 0 auto; width:1140px; gap:20px; display: flex; justify-content: space-between; align-items: center; } 
.evCon3 .cir_wrap .cir { width:270px; height:270px; box-shadow: rgba(0, 0, 0, 0.2) 21px 13px 29px 0px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background-color: #d72e3c; color:#fff; } 
.evCon3 .cir_tit { margin: 80px 0 10px; color:#777777; } 
.evCon3 .clamp-title3 { font-weight: bold; } 


/*evCon4*/
.eventWrap .evSection.evCon4 { padding: 150px 0 140px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url(https://image.megagong.net/m/2024/0830_megalive/evCon4_bg.jpg); } 
.evCon4 .con_tit .cir_tit { margin: 0 auto 4px; width: fit-content; line-height:1; padding: 12px 20px; border-radius: 40px; background-color: #f44755; color:#fff; letter-spacing: 1.2px; } 
.evCon4 .con_tit .big_tit { font-size: 66px; color:#fff; } 
.evCon4 .con_tit .det { margin: 26px 0 70px; color:#f44755; line-height: 1.3; font-weight: bold; } 
.evCon4 .sub_tit.red { color:#f44755; font-weight: bold; margin: 0 auto 30px; } 
.evCon4 .sub_tit.line span { background-color: #252525; } 
.evCon4 .sub_tit.line::before { content: ""; display: block; width: 100%; height: 1px; background-color: #f44755; position: absolute; top: 50%; transform: translateY(-50%) } 
.evCon4 .sub_tit.seperate { position: relative; margin: 98px auto 35px; } 
.evCon4 .sub_tit.seperate::before { content:""; display: block; width: 43%; height: 1px; background-color: #f44755; position: absolute; top:50%; transform: translateY(-50%); left: 0; } 
.evCon4 .sub_tit.seperate::after { content:""; display: block; width: 43%; height: 1px; background-color: #f44755; position: absolute; top:50%; transform: translateY(-50%); right: 0; } 

.evCon4.ver2 .clamp-title3 { margin:70px 0 0; color:#fff; font-weight: bold; } 
.evCon4 .wht_box { margin: 0 0 30px; width: 100%; border: 1px solid #dddddd; border-radius: 15px; /*overflow: hidden; */ } 
.evCon4 .wht_box .tit_box { border-bottom:1px solid #dddddd; padding:27px 0; gap:15px; display:flex; align-items: center; justify-content: center; background-color: #f5f5f5; position: relative; border-radius: 15px 15px 0 0; } 
.evCon4 .wht_box .tit_box .cir { padding:6px 20px; line-height:1; border-radius: 13px; background-color: #d72e3c; color:#fff; } 
.evCon4 .wht_box .tit_box .tit { font-weight:bold; font-size: 22px; } 
.evCon4 .wht_box .det_box { background-color: #fff; border-radius: 0 0 15px 15px; } 
.evCon4 .wht_box .det_box .det { display: flex; } 
.evCon4 .wht_box .det_box .det.line { position: relative; } 
.evCon4 .wht_box .det_box .det.line:after { content:""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1px; height: 78%; background-color: #dddddd; } 
.evCon4 .wht_box .det_box.center .det { align-items: center; justify-content: center; } 
.evCon4 .wht_box .det_box.center li { width:fit-content; } 
.evCon4 .wht_box .det_box .det li { padding: 50px 0 54px; width: 50%; box-sizing: border-box; } 
.evCon4 .wht_box .det_box .det li .clamp-text { font-weight:bold; } 

.evCon4 .wht_box .tit_box .badge { position: absolute; top: -14px; right: 170px; color: #fff; background: #d72e3c; border-radius: 15px 15px 15px 0; font-size: 14px; padding: 8px 25px; } 
.evCon4 .wht_box .tit_box .badge::before { content: ''; position: absolute; bottom: 0; left: 0; transform: translateX(-100%); border-left: 11px solid transparent; border-bottom: 11px solid #d72e3c; } 
.evCon4 .wht_box .tit_box .badge.on { color: #f44755; background: #111; } 
.evCon4 .wht_box .tit_box .badge.on::before { border-bottom-color: #111; } 


/*evCon5*/
.evCon5 .btn_wrap { display: flex; align-items: center; justify-content: space-between; gap:20px; } 
.evCon5 .btn_wrap .btn { width:calc(50% - 20px); border-radius: 55px; } 
.evCon5 .sub_tit.cirline { position: relative; margin: 45px auto 30px; display: flex; justify-content: center; } 
.evCon5 .sub_tit.cirline span { display:block; width: fit-content; color:#fff; background-color: #000; border-radius: 25px; padding: 8px 30px; } 
.evCon5 .sub_tit.cirline::before { content:""; display: block; width: 22%; height: 1px; background-color: #000; position: absolute; top:50%; transform: translateY(-50%); left: 0; } 
.evCon5 .sub_tit.cirline::after { content:""; display: block; width: 22%; height: 1px; background-color: #000; position: absolute; top:50%; transform: translateY(-50%); right: 0; } 
.evCon5 .clamp-title3 { width:fit-content; margin:0 auto; font-weight:bold; position: relative; } 
.evCon5 .clamp-title3.first { margin: 80px auto 38px; } 
.evCon5 .clamp-title3 span { position: relative; } 
.evCon5 .clamp-title3 .line { position: absolute; display:block; bottom: 4px; left: 50%; transform:translateX(-50%); width: 101%; height: 10px; background-color: #ffc1c6; } 
.eventVideo.for_youtube .ytb_thumb { height: 100%; } 
.eventVideo.for_youtube .ytb_thumb_img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } 
.eventVideo.cursor { cursor:unset; } 



/*evCon6*/
.eventWrap .evSection.evCon6 { padding: 60px 0; background: url(https://image.megagong.net/m/2024/0830_megalive/evCon6_bg.jpg) no-repeat center 0; } 
.evCon6 .bnr_wrap { display: flex; justify-content: space-between; align-items: center; color:#fff; } 
.evCon6 .bnr_wrap .tit_wrap { line-height: 1; text-align: left; } 
.evCon6 .bnr_wrap .tit1 { color:#0082ff; margin: 0 0 12px; font-weight: 400; } 
.evCon6 .bnr_wrap .tit2 { font-size:32px; font-weight: bold; letter-spacing: -1.5px; } 
.evCon6 .bnr_wrap .blue_btn { background-color: #0082ff; padding: 20px 30px; font-weight: bold; border-radius: 3px; } 


/*evCon7*/
.event .sub_tit { margin: 20px 0 40px; } 
.evCon7 .con_tit .yellow { margin: 0 0 10px; color:#fff08d; } 
.evCon7 .con_tit { margin:0 auto; width: fit-content; } 
.evCon7 .con_tit .label { color:#f44755; } 
.evCon7 .flex { margin:94px auto 0; justify-content: center; } 
.ver2 .gift_wrap { display: flex; align-items: center; flex-direction: column; color:#fff; gap: 20px; font-size: 18px; font-weight: 500; } 
.mg_tb_form td .radio_box_wrap { align-items: center; gap:10px; } 
.mg_tb_form td .radio_box_wrap input[type=radio] { top:-2px } 
.evCon7 .btn_box { margin: 50px 0 80px; display: flex; justify-content: center; gap:20px; } 
.evCon7 .btn_box a { height: 80px; border-radius: 40px; width: 400px; font-size: 22px; display: flex; align-items: center; gap:10px; justify-content: center; color:#fff; background-color: #000; } 
.evCon7 .btn_wrap { margin: 50px 0 0; display: flex; justify-content: center; } 
.evCon7 .btn_wrap .btn { height: 80px; padding: 0; border-radius: 40px; width: 400px; font-size: 22px; display: flex; align-items: center; gap:10px; justify-content: center; color:#fff; background-color: #000; } 
.evCon7 .sub_tit.line { margin: 60px 0 40px; } 
.evCon7 .sub_tit.line span { background-color: #f44755; } 
.evCon7 .white_box_wrap { display: flex; align-items: center; justify-content: center; padding: 40px 0; box-sizing: border-box; background-color: #fff; } 
.evCon7 .white_box_wrap .white_box { display: flex; flex-direction: column; /* justify-content: center; */align-items: center; position:relative; width: 33.333%; border-right: 1px solid #ddd; box-sizing: border-box; font-size: 20px; min-height: 153px; padding: 8px 0; } 
.evCon7 .white_box_wrap .white_box::after { content: ""; display: block; position: absolute; right: -18px; bottom: 50%; transform: translateY(50%); width: 36px; height: 36px; background-image: url("https://image.megagong.net/m/2024/0807_jeonhangil/arrow.png"); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } 
.evCon7 .white_box_wrap .white_box:last-child:after { display: none; width: 0; height: 0; } 
.evCon7 .white_box_wrap .white_box .step { display: block; font-weight: 900; margin: 0px 0 30px 0; color: #f44755; } 
.evCon7 .white_box_wrap .white_box .red { font-weight: 900; color: #f44755; font-size: 13px; margin: 15px 0 0; line-height: 1.5; } 

.shareList ul li dl dt { border-radius:3px; } 
.shareList ul li dl dd { border-radius: 3px; background-color: #f5f5f5; border:1px solid #ddd; } 
.shareList.ver2 ul li dl.sns dt { background-color: #000 !important; color:#21bbff; } 
.shareList.ver2 ul li dl.naver dt { background-color: #000 !important; color:#04c75b; } 
.shareList.ver2 ul li dl.daum dt { background-color: #000 !important; color:#fae100; } 
.shareList.ver2 ul li dl.etc dt { background-color: #000 !important; color:#8d77ff; } 



/*evCon8*/
.evCon8 .con_tit .label { color:#0082ff; } 
.evCon8.ver2 .gift_wrap { margin:60px auto 45px; } 
.evtBoard_common { background-color: rgba(0, 0, 0, 0.2); } 



/*evCon9*/
.evCon9 .con_tit .label { color:#8c47f4; } 
.evCon9 .btn_wrap { margin:32px auto 0; display: flex; align-items: center; justify-content: center; } 
.evCon9 .btn_wrap .btn { padding: 35px 118px; border-radius: 55px; } 
.evCon9 .gift_wrap p { color:#fff; } 
.evCon9 .container_info { margin:0 auto; width: fit-content; } 


.eventWrap .evSection.evtoggleWarning { padding: 0; } 
.eventWrap .evSection.evtoggleWarning .f_dash li.red { color:#ff0000; } 


/* 241014 */
.c_gray { color:#777 } 
.evCon4.ver2 .wht_box .det_box .det li { width: fit-content; } 
.evCon4.ver2 .clamp-text3 { font-size: 20px; } 
.evCon4.ver2 .clamp-text3.mb5 { margin-bottom: 5px; } 
.evCon4.ver2 .clamp-text3 > b { margin-right: 8px; display: inline-block; vertical-align: top; font-size: 18px; } 
.evCon4.ver2 .clamp-text3 span span { font-size: 18px; } 
.evCon4.ver2 .wht_box .tit_box .tit + a { color: #fff; background: #000; border-radius: 3px; line-height: 25px; padding: 0 15px; font-size: 14px; } 


.video_slider_wrap { position: relative; margin: 0 -140px; } 
.video_slider_wrap .videoSlider { display: none; } 
.video_slider_wrap .videoSlider.slick-initialized { display: block; max-width: 1080px; margin: 0 auto; width: 100%; } 
.video_slider_wrap .slick-slide img { display: inline-block; } 
.video_slider_wrap .sldArrowBox { width: fit-content; position: absolute; left: 70px; bottom: 50%; z-index: 2; } 
.video_slider_wrap .sldArrowBox.next { position: absolute; left: auto; right: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 20px 0; } 
.video_slider_wrap .sldArrowBox.next a img { transform: rotate(180deg); } 


.evCon8.ver3 .con_tit .yellow { margin: 0 0 10px; color:#fff08d; } 
.evCon8.ver3 .sub_tit:not(.yellow) { font-weight: normal; margin-bottom: 50px; } 
.evCon8.ver3 .sub_tit:not(.yellow) b { display: block; margin-top: 15px; } 
.evCon8.ver3 .line_txt { position: relative; margin: 70px 0 40px; } 
.evCon8.ver3 .line_txt::before { content: ''; display: block; width: 100%; height: 1%; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.evCon8.ver3 .line_txt strong { position: relative; padding: 0 20px; background: #0082ff; font-size: 26px; display: block; width: fit-content; margin: 0 auto; font-weight: 700; } 

.evCon8.ver3 .radio_list { gap: 5px; align-items: stretch; flex-wrap: wrap; } 
.evCon8.ver3 .radio_list li { flex: 1; border-radius: 20px; overflow: hidden; position: relative; } 
.evCon8.ver3 .radio_list .dim { position: absolute; z-index: 2; width: 100%; height: 100%; color: #fff; background: rgba(0, 0, 0, .7); display: flex; align-items: center; justify-content: center; font-size: 20px; } 
.evCon8.ver3 .radio_list label { cursor: pointer; } 
.evCon8.ver3 .radio_list .radio_wrap { height: 50px; background: #d4e9ff; display: flex; align-items: center; cursor: pointer; justify-content: center; } 
.evCon8.ver3 .radio_list .bg_fff { background: #fff; display: block; padding: 25px 0 40px; height: 100%; } 
.evCon8.ver3 .radio_list .radio_title { font-size: 18px; color: #0081ff; padding-bottom: 15px; border-bottom: 1px solid #ddd; margin: 0 15px; } 
.evCon8.ver3 .radio_list .radio_text { font-size: 14px; } 
.evCon8.ver3 .bottom_noti { text-align: left; color: #fff; margin-top: 15px; font-size: 13px; font-weight: 400; } 
.evCon8.ver3 .bottom_noti .under { color:#fff08d; border-bottom: 1px solid; } 
.evCon8.ver3 .btn_wrap .btn { width: min(490px, 50%); display: block; border-radius: 50px; margin: 40px auto 0; } 

.evCon8.ver3 .radio_wrap input { display: none; } 
.evCon8.ver3 .radio-mark { display: inline-block; width: 20px; height: 20px; border: 1px solid #878788; border-radius: 50%; background: #fff; position: relative; transition: background-color 0.3s, border-color 0.3s; } 
.evCon8.ver3 .radio_wrap input:checked + .radio-mark { background-color: #000; border-color: #000; } 
.evCon8.ver3 .radio_wrap input:checked + .radio-mark::after { background: #fff; display:block } 
.evCon8.ver3 .radio-mark::after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; background-color: #878788; border-radius: 50%; transform: translate(-50%, -50%); display: none; } 

#popupPreApply .mg_caution_wrap { margin: 30px auto 20px; background: #87ceeb40; padding: 20px 20px; line-height: 1.4; color: #333; } 
#popupPreApply .mg_caution_wrap dt { font-weight: 900; margin-bottom: 10px; } 
#popupPreApply .mg_caution_wrap dd { display: flex; gap: 5px; } 
#popupPreApply .mg_caution_wrap .c_blue { color: #0081ff; } 
#popupPreApply input[type=text] { border: 0; width: 100%; padding: 5px 10px; } 
#popupPreApply textarea { border: 0; overflow-y: scroll; } 
#popupPreApply .sub_teacher { background: #f9f9f9; } 


/* 241108 */
.ver241108.eventWrap .flt_inner.renewal li { margin-top: -1px; } 
.ver241108 .wht_box .main_text { margin-bottom: 15px; } 
.ver241108 .wht_box:nth-of-type(3) .main_text { margin-bottom: 0; } 
.ver241108 .evCon4.ver2 .clamp-text3 { margin-bottom: 4px;}
.ver241108 .evCon4.ver2 .clamp-text3:last-child {margin-bottom: 0;}


/* 241227 */
.ver241227 .event .con_tit{margin: 0 auto; width: 1080px;}
.ver241227 .fff{color: #fff !important;}
.ver241227 .evCon1 .refound{border:4px solid #000;}
.ver241227 .evCon1 .refound.on{border-color: #fff;}
.ver241227 .evCon1 .refound.on.no_event{border-color: #000;}
.ver241227 .evCon1 .refound .txt{font-weight: 700;}
.ver241227 .evCon1 .refound .cir_txt p{font-weight: 700; font-size: 16px;}
.ver241227 .evCon1 .refound .cir_txt p span{color: #fff000;}
.ver241227 .evCon5 .btn_wrap{justify-content: center;}
.ver241227 .evCon7 .sub_tit.line{margin: 100px 0 40px;}
.ver241227 .evCon7 .top{position: relative;}
.ver241227 .evCon7.evSection.event .bg_shadow{height: 250px; bottom: auto; top: calc(100% - 100px);}
.ver241227 .evCon7 .con_tit .mini_tit{color: #fff000;}
.ver241227 .mini_tit.desc{color: rgba(255,255,255,.6); font-weight: 500;}
.ver241227 .con_tit .end::after{background-color: #000;}
.ver241227 .evCon9 .btn_wrap .btn .red{color: #fb0008;}
.ver241227 .evCon9 .container_info_wrap{margin-bottom: 30px;}
.ver241227 .evCon9.evSection.event .bg_shadow{bottom: 130px;}
.ver241227 .evCon10 .top{position: relative; margin-bottom: 100px;}
.ver241227 .evCon10 .gift_item_wrap{margin-top: 150px;}
.ver241227 .evCon10.evSection.event .bg_shadow{height: 250px; bottom: auto; top: calc(100% - 100px);}
.ver241227 .evCon10 .regist_form_area { background-color: #662ebc;}
.ver241227 .warningList li ul li a.tp1{background-color: transparent; color: var(--color-blue);}

@media screen and (min-width: 1200px) { 
    .video_slider_wrap .sldArrowBox.next.ver1227{right: 75px;}
}

@media screen and (max-width: 1200px) { /*°øÅë*/
 .eventWrap .evSection { padding: 12% 0; } 
 .eventWrap .inner { width: 97%; } 
 .con_tit .label { font-size: clamp(18px, 3.2vmin, 32px); padding: 1.5vw 0; margin: 0 auto 4%; } 


 /*font-size*/
 .clamp-title { font-size: clamp(20px, 3.8vmin, 35px); margin: 0 0 2% 0; line-height: 1.3; } 
 .clamp-title2 { font-size: clamp(15px,3vmin,24px); } 
 .clamp-text { font-size: clamp(15px,2vmin,20px); } 
 .clamp-text2 { font-size: clamp(14px,3vmin,18px); } 
 .clamp-title3 { font-size: clamp(18px, 4vmin, 24px); } 
 .con_box .sub_tit { width: 97%; } 
 .con_box .sub_tit span { padding: 0 3%; } 
 .sub_tit { font-size: clamp(16px,4vmin,24px); line-height: 1.4; } 
 .btn_wrap .btn { font-size: clamp(14px,3vmin,18px); } 


 /*evCon1*/
 .eventWrap .evSection.evCon1 { padding: 0 0 12%; } 
 .evCon1 .refound { padding: 2% 5% 2% 2.5%; gap: 10px; } 
 .evCon1 .refound .cir_txt { width: 70px; height: 70px; } 
 .evCon1 .refound .cir_txt p { font-size: clamp(10px,2vmin,15px); } 
 .evCon1 .refound .txt { font-size: clamp(16px, 4vmin, 32px); } 

 .evCon1 .badge { top: 10%; left: 2%; width: 15vmin; height: 15vmin; border: 4px solid #fff; font-size: clamp(12px, 1.8vmin, 16.5px); } 

 /*evCon2*/
 .evCon2 .clamp-title2 { margin: 0 0 2%; } 
 .evCon2 .con_box img { display:block; margin: 2% auto; } 


 /*evCon3*/
 .evCon3 .sub_tit { margin: 2% 0 0; } 
 .evCon3 .sub_tit.line { margin: 7% 0 5%; } 
 .evCon3 .cir_tit { margin: 10% 0 2%; } 
 .evCon3 .cir_wrap { flex-wrap: wrap; justify-content: center; gap: 1%; width: 100%; } 


 .evCon3 .cir_wrap .cir { position: relative; width: 24%; height: 0; padding-bottom: 24%; } 
 .evCon3 .cir_wrap .cir p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; font-size: clamp(13px, 3vmin, 15px); } 

 /*evCon4*/
 .eventWrap .evSection.evCon4 { padding: 12% 0; background-position: 51% 79%; background-size: 100%; } 
 .evCon4 .con_tit .big_tit { font-size: clamp(22px, 5vmin, 40px); } 
 .evCon4 .con_tit .det { margin: 3% 0 7%; line-height: 1.4; } 
 .evCon4 .sub_tit.seperate { margin: 8% auto 4%; } 
 .evCon4.ver2 .clamp-title3 { font-size: clamp(16px, 4vmin, 24px); margin: 10% 0 0; } 
 .evCon4 .wht_box { border-radius: 10px; margin: 0 0 4%; } 
 .evCon4 .wht_box .tit_box{border-radius: 10px 10px 0 0;}
 .evCon4 .wht_box .det_box{border-radius: 0 0 10px 10px;}
 .evCon4 .wht_box .tit_box { gap: 10px; padding: 3% 0; } 
 .evCon4 .wht_box .tit_box .cir { padding: 1% 3%; } 
 .evCon4 .wht_box .tit_box .tit { font-size: clamp(15px,2vmin,20px); } 
 .evCon4 .wht_box .det_box .det li { padding: 5% 0; } 
 .evCon4 .wht_box .det_box .det li .clamp-text { font-size: clamp(13px, 2vmin, 15px); } 
 .evCon4 .wht_box .det_box .det li .clamp-text2 { font-size: clamp(12px, 2vmin, 15px); } 

 .evCon4 .wht_box .tit_box .badge { top: -2vmin; right: auto; left: 68%; padding: 0.5vmin 2vmin; } 


 /*evCon5*/
 .evCon5 .clamp-title3 { font-size: clamp(14px, 4vmin, 24px); } 
 .evCon5 .btn_wrap { gap: 4px; } 
 .evCon5 .btn_wrap .btn { width: calc(50% - 4px); padding: 3% 0; } 
 .evCon5 .sub_tit.cirline { margin: 7% auto 5%; } 
 .evCon5 .sub_tit.cirline span { font-size: clamp(15px, 4vmin, 24px); } 
 .evCon5 .clamp-title3.first { margin: 5% auto 2%; } 


 /*evCon6*/
 .eventWrap .evSection.evCon6 { padding: 5% 0; background-size: cover; } 
 .evCon6 .bnr_wrap { flex-direction: column; } 
 .evCon6 .bnr_wrap .tit_wrap { text-align: center; margin: 0 0 4%; line-height: 1.3; } 
 .evCon6 .bnr_wrap .tit2 { font-size: clamp(18px, 4vmin, 26px); line-height: 1.4; } 
 .evCon6 .bnr_wrap .blue_btn { padding: 2% 5%; } 


 /*evCon7*/
 .evCon7 .con_tit .yellow { margin: 2% 0px 2%; } 
 .evCon7.event .clamp-title { margin: 2% 0 2%; line-height: 1.3; } 
 .event .clamp-title { margin: 7% 0 2%; } 
 .event .sub_tit { margin: 2% 0 5%; } 
 .evCon7 .sub_tit.line { margin: 10% 0 6%; } 
 .evCon7 .flex { margin: 8% auto 0; } 
 .evCon7 .white_box_wrap .white_box { font-size: clamp(14px, 2vmin, 21px); } 
 .evCon7 .white_box_wrap .white_box .step { margin: 0 0 2% 0; } 
 .evCon7 .btn_box { gap:1%; margin: 3% 0 10%; } 
 .evCon7 .btn_box a { font-size: clamp(13px, 2.5vmin, 22px); width: 48%; height: auto; padding: 2% 0; } 
 .evCon7 .btn_wrap { margin: 8% 0 0; } 
 .evCon7 .btn_wrap .btn { font-size: clamp(13px, 2.5vmin, 22px); height: auto; padding: 2% 0; } 
 .ver2 .gift_wrap { font-size: clamp(15px, 2vmin, 18px); } 
 .ver2 .gift_wrap img { width: 68%; } 


 /*evCon8*/
 .evCon8.ver2 .gift_wrap { margin: 9% auto 8%; } 


 /*evCon9*/
 .evCon9 .btn_wrap .btn { padding: 2% 10%; } 


 /* 241014 */
 .evCon4.ver2 .clamp-text3 { font-size: clamp(13px,2vmin,18px); } 
 .evCon4.ver2 .clamp-text3 > b { margin-right: clamp(5px,1vmin,10px); font-size: clamp(11px,2vmin,18px); } 
 .evCon4.ver2 .clamp-text3 span span { font-size: clamp(11px,2vmin,18px); } 
 .evCon4.ver2 .wht_box .tit_box .tit + a { font-size: clamp(11px,1.5vmin,14px); line-height: clamp(20px, 3vmin, 25px); } 

 .video_slider_wrap { margin: 0 auto; } 
 .video_slider_wrap .eventVideo { margin: 0 3% 5%; } 
 .video_slider_wrap .eventVideo iframe { width: 100%; height: 54vw; } 
 .video_slider_wrap .sldArrowBox { /* width: min(49px,8vw); */left: 0; } 
 
 .video_slider_wrap .sldArrowBox.next { align-items: flex-end; gap: 1vmin 0; } 
 .video_slider_wrap .sldArrowBox.next .arrowTxt { font-size: clamp(8px,2vmin,13px); background: #fff; border-radius: 5px; border: 1px solid #ce2b38; color: #ce2b38; padding: 10% 5%; font-weight: 700; width: clamp(30px,14vmin,150px); text-align: center; justify-content: center; } 


 .evCon8.ver3 .con_tit .yellow + .clamp-title { margin-top: 0; } 
 .evCon8.ver3 .sub_tit:not(.yellow) { margin-bottom: 7%; font-size: clamp(15px,3vmin,24px); } 
 .evCon8.ver3 .line_txt { margin: clamp(30px,8vmin,70px) 0 clamp(10px,5vmin,40px); } 
 .evCon8.ver3 .line_txt strong { font-size: clamp(15px,3vmin,26px); padding: 0 clamp(5px,2vmin,20px); } 
 .evCon8.ver3 .radio_list .dim { font-size: clamp(13px,2vmin,20px); } 
 .evCon8.ver3 .radio_list .bg_fff { padding: clamp(20px,3vmin,30px) 0; } 
 .evCon8.ver3 .radio_list .radio_title { font-size: clamp(14px,1.9vmin,18px); margin: 0 5px; } 
 .evCon8.ver3 .radio_list .radio_text { font-size: clamp(12px,1.5vmin,14px); } 
 .evCon8.ver3 .bottom_noti { font-size: clamp(11px,1.5vmin,13px); } 
 .evCon8.ver3 .btn_wrap .btn { padding: clamp(10px,4vmin,35px) 0; } 


 #popupPreApply .mg_caution_wrap { font-size: clamp(12px,2vmin,13px); padding: clamp(10px,2vmin,20px); margin: clamp(20px,3vmin,30px) auto clamp(10px,2vmin,20px); } 
 #popupPreApply .b_tit { font-size: clamp(20px,3vmin,30px); } 

 .ver241227 .event .con_tit{width: 97%;}
 .ver241227 .evCon7 .sub_tit.line{margin: 10% 0 6%;}
 .ver241227 .evCon9 .gift_wrap img{width: clamp(300px,75vmin,837px);}
 .ver241227 .evCon10 .gift_item_wrap{margin-top: 15%;}
 .ver241227 .evCon10 .top{margin-bottom: 10%;}
 .ver241227 .evCon1 .refound .cir_txt p{font-size: clamp(10px, 2vmin, 15px);}
 }

@media screen and (max-width: 992px) { br.show-992 { display: block; } 
 }



@media screen and (max-width: 768px){
 #popupPreApply .mg_popup_close, #popupPreApply button.mfp-close { width: clamp(25px, 4vmin,36px); height: clamp(25px, 4vmin,36px); top: min(-30px,-5.1vmin); background-size: contain; } 

 .eventWrap { font-size: 14px; } 

 /*evCon1*/
 .evCon1 .refound .cir_txt { width: 60px; height: 60px; } 

 .evCon1 .badge { top: 6%; left: 50%; transform: translateX(-50%); width: 50%; min-width: 230px; height: auto; border-radius: 20px; border-width: 2px; padding: 0.5vmin 0; } 


 /*evCon3*/
 .evCon3 .cir_wrap { gap: 3%; } 
 .evCon3 .cir_wrap .cir { width: 35%; padding-bottom: 35%; margin: 0 0 2%; } 


 /*evCon4*/
 .evCon4 .sub_tit.seperate::before { width: 40%; } 
 .evCon4 .sub_tit.seperate::after { width: 40%; } 

 .evCon4 .wht_box .tit_box .badge { top: -3vmin; left: 50%; transform: translateX(-50%); border-radius: 20px; font-size: clamp(11px, 2.2vmin, 14px); min-width: max-content; } 
 .evCon4 .wht_box .tit_box .badge::before { content: none; } 

 /*evCon5*/
 .evCon5 .sub_tit.cirline::before { width: 3%; } 
 .evCon5 .sub_tit.cirline::after { width: 3%; } 


 /*evCon7*/
 .evCon7 .white_box_wrap { flex-direction: column; padding: 0; margin: 0 auto 8%; width: 92%; max-width: 540px; } 
 .evCon7 .white_box_wrap .white_box { border-right: none; width: 100%; border-bottom: 1px solid #ddd; min-height: auto; padding: 9% 0; } 
 .evCon7 .white_box_wrap .white_box::after { bottom: 0; right: 50%; transform: translate(50%, 50%) rotate(90deg); } 
 .evCon7 .white_box_wrap .white_box:nth-child(1) { padding: 6% 0 8% 0; } 
 .evCon7 .white_box_wrap .white_box:nth-child(2) { padding: 8% 0; } 
 .evCon7 .white_box_wrap .white_box:last-child { border-bottom: none; padding: 8% 0 6% 0; } 
 .evCon7 .white_box_wrap .white_box::after { width: 24px; height: 24px; } 
 .evCon7 .btn_box a { height: 50px; } 
 .evCon7 .btn_box a img { height: 20px; } 
 .evCon7 .btn_wrap .btn { height: 50px; width: 60%; } 

 /* 241014 */
 .evCon8.ver3 .radio_list li { flex: 1 1 49%; border-radius: 5px; } 
 .evCon8.ver3 .radio_list .radio_wrap { height: 40px; } 
 .video_slider_wrap .sldArrowBox { /* width: 15vw; *//* left: 0; */ } 
 .video_slider_wrap .sldArrowBox.next { } 

 .video_slider_wrap .sldArrowBox.next a { /* margin: 0 24%; */ } 
 .video_slider_wrap .sldArrowBox .slick-arrow { width: 8vw; display: block; max-width: 55px; } 
 
 .ver241227 .evCon1 .refound{border-width:2px;}
 }

@media screen and (max-width: 576px) { 
 br.show-574 { display: block !important; } 
 br.hide-574 { display: none !important; } 

 /*evCon1*/
 .evCon1 .refound .cir_txt { width: 43px; height: 43px; } 

 /*evCon2*/
 .evCon2 .con_box img { width: 90%; } 

 .evCon3 .cir_wrap .cir { width: 46%; padding-bottom: 46%; } 
 .evCon3 .cir_wrap .cir p { width:80%; } 

 /*evCon7*/
 .evCon7 .btn_box a { height: 45px; } 
 .evCon7 .btn_wrap .btn { height: 45px; } 

 .ver241227 .evCon1 .refound .cir_txt{width: 50px; height: 50px;}
}