@charset "euc-kr";


:root { --point-color1:#002ef6; } 

.top_line { background: #3c3c3c; } 
.top_line .txt { font-size: 20px; color: #fff; padding: 10px 0; } 
.top_line .txt strong { display: inline-block; background: #002ef6; width: 105px; line-height: 40px; border-radius: 100px; margin-left: 22px; } 


.fixed_banner { position: absolute; top: 50%; right: 50px; transform: translate(0, -50%); box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); border-radius: 8px; z-index: 5; } 
.flt_inner.renewal li { margin-top: 15px; } 
.flt_inner.renewal li.shadow { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); border-radius: 8px; } 
.flt_inner.renewal li.can_close .btn_wrap{ margin-bottom: 5px;}
.flt_inner.renewal li.can_close .btn_wrap .close{cursor: pointer;}
.evCon1 { position: relative; background: #efefef url('https://img.megagong.net/m/2024/0228_fullevent/con1_bg.png') no-repeat; padding: 206px 0 28px; } 
.evCon1 .con_box::after { content:''; display:block; clear:both; } 
.evCon1 .phone { -webkit-animation: ani_subway 1.6s infinite; animation: ani_subway 1.5s infinite; position: absolute; /* top: 50%; *//* transform: translate(0, -66%); */top: -18%; left: -11%; } 
.evCon1 .content {/* width: 555px; */float: right;text-align: left;margin-right: -60px;} 
.evCon1 .content .txt1 { color: #222222; font-size: 35px; font-weight: 700; letter-spacing: 0.19em; } 
.evCon1 .content h3 { font-size: 72px; font-weight: 900; line-height: 1.3; margin: 15px 0 50px; } 
.evCon1 .content h3 strong { color: var(--point-color1); font-weight: 900; } 
.evCon1 .content .txt2 {font-size: 23px;line-height: 1.5;font-weight: 400;} 
.evCon1 .content .txt2 strong sup { font-size: 12px; } 
.evCon1 .content .btn { display: inline-block; color: #fff; background: #222222; margin: 65px 0 135px; font-size: 18px; width: 376px; line-height: 72px; text-align: center; } 
.evCon1 .content .btn.btn_mobile { display: none; } 
.evCon1 .tiny_noti { text-align: right; color: #b5b5b5; line-height: 1.6; } 
@-webkit-keyframes ani_subway { 
    0% { transform: translateY(0); } 
    50% { transform: translateY(-7px) } 
    100% { transform: translateY(0); } 
}
@keyframes ani_subway { 
    0% { transform: translateY(0); } 
    50% { transform: translateY(-7px) } 
    100% { transform: translateY(0); } 
}

/* mobile_bnr */
.mobile_bnr {  position: absolute; top: 0; left: 0; background-color: #222222; display: none; } 
.mobile_bnr.on { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 5; } 
.mobile_bnr a { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 80px; color: #fff; font-size: 18px; font-weight: 500; } 
.evCon2 { padding: 112px 0 62px; } 
.evCon2 .inner { width:1000px; } 
.evCon2 .con_tit { text-align: left; font-size: 26px; color: #222222; font-weight: normal; line-height: 1.5; margin-bottom: 75px; } 
.evCon2 .con_tit strong { color: var(--point-color1); display: inline-block; margin-top: 16px; position: relative; } 
.evCon2 .con_tit strong::before {content:'';background: #abd0ff;position: absolute;left: 50%;bottom: 11.5%;transform: translate(-50%, 0);width: 99.4%;height: 18%;z-index: -1;} 
.evCon2 .con_tit strong sup { font-size: 15px; } 
.evCon2 .txt_wrap { width: 100%; position: absolute; top: 51px; display: flex; justify-content: space-between; } 
.evCon2 .txt_wrap .txt { text-align: left; position: relative; } 
.evCon2 .txt_wrap .txt.txt1 { left: -2px; } 
.evCon2 .txt_wrap .txt.txt2 { left: -14px; top: -56px; } 
.evCon2 .txt_wrap .txt.txt3 { top: -34px; left: -1px; } 
.evCon2 .txt_wrap .txt .tiny {font-size: 16px;color: #626262;font-weight: 400;margin-bottom: 15px;display: block;} 
.evCon2 .txt_wrap .txt p { color: #002ef6; font-size: 27px; font-weight: 700; } 
.evCon2 .txt_wrap .txt p strong { font-size: 60px; font-weight: 900; line-height: 1; } 
.evCon2 .txt_wrap .txt p sup { font-size: 12px; vertical-align: top; font-weight: normal; } 
.evCon2 .graph { margin: 0 -325px 0 -256px; } 
.evCon2 .tiny_noti { text-align: right; color: #b5b5b5; } 


.evCon3 { padding: 150px 0 95px; background-image: url('https://img.megagong.net/m/2024/1016_fullserv/con3_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.evCon3 .con_tit { color: #fff; font-size: 26px; font-weight: 200; } 
.evCon3 .con_tit strong { display: block; font-size: 35px; margin-bottom: 6px; } 
.evCon3 .con_tit strong sup { font-weight: 200; font-size: 10px; vertical-align: top; position: relative; top: 3px; } 
.evCon3 .con1 { margin: 65px auto 75px; } 
.evCon3 .con2 { display: flex; justify-content: center; gap: 95px; } 
.evCon3 .con2 li { font-size: 18px; background: #222222; border-radius: 100px; width: 364px; line-height: 1.25; position: relative; padding: 24px 0; -webkit-animation: ani_subway2 1.6s infinite; animation: ani_subway2 1.6s infinite; } 
.evCon3 .con2 li:nth-child(1) {color: #6ac2ff;} 
.evCon3 .con2 li:nth-child(2) {color: #9cb6ff;} 
.evCon3 .con2 li::before { content: ''; width: 0; height: 0; position: absolute; left: 50%; top: 0; transform: translate(-50%, -100%); z-index: 1; border-bottom: 13px solid #222; border-left: 12.5px solid transparent; border-right: 12.5px solid transparent; } 
.evCon3 .con2 li sup { font-size: 9px; } 
.evCon3 .tiny_noti { text-align: right; color: #ffffff; margin: 100px 0 0; opacity: 0.24; } 
@-webkit-keyframes ani_subway2 { 
    0% { transform: translateY(0); } 
    50% { transform: translateY(-7px) } 
    100% { transform: translateY(0); } 
}
@keyframes ani_subway2 { 
    0% { transform: translateY(0); } 
    50% { transform: translateY(-7px) } 
    100% { transform: translateY(0); } 
}

.evAdd4 { padding: 146px 0 160px 0; background-image: url('https://img.megagong.net/m/2024/0530_fullevent/add4_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.evAdd4 .con_tit { color: #222222; font-size: 35px; font-weight: 300; } 
.evAdd4 .con_tit strong { display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 45px; margin-bottom: 20px; font-weight: bold; } 
.evAdd4 .con_tit strong span { color: #002ef6; } 
.evAdd4 .add4_1_swiper {position: relative;height: 64px; margin-right: 10px;overflow: hidden; } 
.evAdd4 .add4_1_swiper .swiper-slide { text-align: right; } 
.evAdd4 .add4_2_swiper {position: relative;height: 80px; margin: 0 auto; margin-top: 40px; padding: 0 35px; background-color: #1d1d1d; border-radius: 40px;overflow: hidden; } 
.evAdd4 .add4_2_swiper .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center; } 
.evAdd4 .point { color: #fff; font-size: 27px; font-weight: bold; } 
.evAdd4 .point span {color: #8abeff;} 


.evAdd5 { padding: 150px 0 160px 0; background-color: #fff; } 
.evAdd5 .con_tit { color: #222222; font-size: 26px; font-weight: 200; } 
.evAdd5 .con_tit strong { display: block; font-size: 35px; margin-bottom: 24px; } 

[class*=mg_popup_wrap] .content_area .content_inner { padding: 0; } 
.evAdd5 .add5_btn { display: inline-flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 30px; padding: 12px 50px; color: #fff; font-size: 18px; font-weight: 500; background-color: #222222; border-radius: 16px; } 
.evAdd5 .contents_wrap { width: 100%; max-width: 800px; margin: 0 auto; } 
.evAdd5 .contents_wrap ul { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; } 
.evAdd5 .contents_wrap ul li { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; } 
.evAdd5 .contents_wrap ul li > div:first-of-type { width: 287px; } 
.evAdd5 .contents_wrap ul li > div:not(:first-of-type) { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; } 
.evAdd5 .contents_wrap ul .type { padding: 20px 0; } 
.evAdd5 .contents_wrap ul .type span { display: flex; flex-direction: row; align-items: center; justify-content: center; color: #fff; font-weight: bold; border-radius: 40px; } 
.evAdd5 .contents_wrap ul .type span.main { width: 120px; height: 40px; font-size: 18px; background-color: #002ef6; } 
.evAdd5 .contents_wrap ul .type span.others { width: 60px; height: 30px; font-size: 16px; background-color: #222222; } 
.evAdd5 .contents_wrap ul .top,
.evAdd5 .contents_wrap ul .mid { margin-bottom: 40px; } 
.evAdd5 .contents_wrap ul .top,
.evAdd5 .contents_wrap ul .bottom {padding: 20px 0;background-color: #c8e0ff;border-radius: 20px;} 
.evAdd5 .contents_wrap ul .top > div:first-of-type,
.evAdd5 .contents_wrap ul .bottom > div:first-of-type { display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.5; color: #002ef6; font-size: 27px; font-weight: bold; } 
.evAdd5 .contents_wrap ul .bottom > div:first-of-type span { font-size: 20px; font-weight: 300; } 
.evAdd5 .contents_wrap ul .mid { padding: 20px 0; } 

.evAdd5 .contents_wrap ul .mid > div:first-of-type { line-height: 1.5; color: #222222; font-size: 20px; } 

.evAdd5 .contents_wrap ul .top > div:not(:first-of-type) span,
.evAdd5 .contents_wrap ul .mid > div:not(:first-of-type) span { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 102px; height: 102px; color: #fff; font-weight: bold; background-image: url('https://img.megagong.net/m/2024/0530_fullevent/add5_deco_img1.png'); background-repeat: no-repeat; background-position: center; background-size: 102px; } 

.evAdd5 .contents_wrap ul li span.big { font-size: 27px; } 
.evAdd5 .contents_wrap ul li span.big.point { background-image: url('https://img.megagong.net/m/2024/1016_fullserv/add5_deco_img2.png'); } 
.evAdd5 .contents_wrap ul li span.normal { font-size: 20px; background-size: 92px !important; } 
.evAdd5 .contents_wrap ul li span.small { font-size: 15px; background-size: 78px !important; } 
.evAdd5 .contents_wrap ul .bottom { min-height: 142px; } 
.evAdd5 .contents_wrap ul .bottom > div:nth-of-type(2) { color: #002ef6; font-size: 27px; font-weight: bold; } 
.evAdd5 .contents_wrap ul .bottom > div:nth-of-type(3),
.evAdd5 .contents_wrap ul .bottom > div:nth-of-type(4) { color: #222222; font-size: 20px; font-weight: bold; } 


.evAdd6 {padding: 150px 0 160px 0;background-color: #abd0ff;} 
.evAdd6 .con_tit {color: #222222;font-size: 26px;font-weight: 400;} 
.evAdd6 .con_tit strong { display: block; font-size: 35px; margin-bottom: 6px; } 
.evAdd6 .contents_top { display: flex; flex-direction: row; align-items: center; justify-content: center; min-height: 90px; margin: 65px 0 20px 0; background-image: url('https://img.megagong.net/m/2024/1016_fullserv/add6_deco_img2.png'); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 20px; } 
.evAdd6 .contents_top > div { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.evAdd6 .contents_top > div:not(.vs) { flex: 1; } 
.evAdd6 .contents_top > div.vs { width: 60px; height: 60px; background-image: url('https://img.megagong.net/m/2024/0530_fullevent/add6_deco_img1.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evAdd6 .contents_top > div h5 { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 142px; } 
.evAdd6 .contents_top > div i { display: inline-block; width: 1px; height: 50px; background-color: rgba(0, 0, 0, 0.13); } 
.evAdd6 .contents_top > div p { flex: 1; } 
.evAdd6 .contents_top > div:first-of-type { color: #868686; } 
.evAdd6 .contents_top > div:first-of-type h5 { font-size: 20px; } 
.evAdd6 .contents_top > div:first-of-type i { background-color: #dddddd; } 
.evAdd6 .contents_top > div:first-of-type p { font-size: 16px; } 
.evAdd6 .contents_top > div:last-of-type { flex-direction: row-reverse; color: #fff; font-weight: bold; } 
.evAdd6 .contents_top > div:last-of-type h5 { font-size: 24px; } 
.evAdd6 .contents_top > div:last-of-type i { margin-left: 19px; background-color: rgba(255, 255, 255, 0.3); } 
.evAdd6 .contents_top > div:last-of-type p { font-size: 20px; } 
.evAdd6 .contents_box > div { background-color: #fff; border-radius: 20px; } 


.event.evCon4 .event_tag::before {background: #fff;border-color: #fff;}
.event.evCon4 .event_tag {max-width: 200px;font-size: 24px;color: #000;border-color: #000;background: none;font-weight: 900;padding: 10px 0;margin-bottom: 30px;}

.event.evCon5 .event_tag::before {background: #7e96ff;border-color: #fff;}
.event.evCon5 .event_tag {max-width: 200px;font-size: 24px;color: #000;border-color: #000;background: none;font-weight: 900;padding: 10px 0;margin-bottom: 30px;}


.event .con_tit .event_tag::before {border-color: #000;}
.event .con_tit {font-size: 50px; font-weight: 900;}
.event .con_tit .end::after { background: #f32424; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.event .schedule { display: flex; flex-wrap: wrap; justify-content: center; gap: 35px; } 
.event .schedule li { font-size: 20px; } 
.event .schedule li strong { position: relative; padding-right: 14px; margin-right: 12px; } 
.event .schedule li strong::before { content: ''; background: #000; width: 2px; height: 59%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
.event .content { border: 2px solid #000; border-radius: 15px; position: relative; } 
.event .content .tit { position: absolute; left: 50%; top: 0; transform: translate(-50%,-50%); z-index: 1; background: #000; color: #fff; border-radius: 100px; font-size: 20px; width: 184px; line-height: 40px; } 
.shareList ul li dl dd a span {font-weight:400;}
.evCon4 { padding: 160px 0; overflow: visible !important; } 
.evCon4 .schedule { margin: 60px 0 55px; } 
.evCon4 .event_inp { background: #efefef; border-radius: 10px; padding: 30px 0 35px; position: relative; } 
.evCon4 .event_inp .inp_wrap { display: flex; justify-content: center; align-items: center; margin: 0 0 18px; } 
.evCon4 .event_inp .inp_wrap label { font-size: 20px; } 
.evCon4 .event_inp .inp_wrap input { font-size: 20px; width: 576px; line-height: 50px; margin: 0 13px 0 26px; padding: 0 15px; box-sizing: border-box; display: block; color: #666666; } 
.evCon4 .event_inp .inp_wrap input::placeholder { font-size: 15px; } 
.evCon4 .event_inp .inp_wrap a { font-size: 16px; display: inline-block; background: #000; color: #fff; line-height: 56px; width: 200px; } 
.evCon4 .event_inp .agree { text-align: left; margin: 0 0 0 206px; display:flex; align-items:center; gap: 10px;} 
/*.evCon4 .event_inp .agree input[type="checkbox"] + label {position:relative;padding-left: 32px;cursor:pointer;font-weight: 400;font-size: 15px;text-align: left;top: 0;display: flex;flex-wrap: wrap;align-items: center;} 
.evCon4 .event_inp .agree input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
.evCon4 .event_inp .agree input[type="checkbox"] + label {position:relative;padding-left: 32px;cursor:pointer;font-weight: 400;font-size: 15px;text-align: left;top: 0;display: flex;flex-wrap: wrap;align-items: center;} 
.evCon4 .event_inp .agree input[type="checkbox"] + label:before { content:''; position:absolute; left:0; top: 0; width: 25px; height: 25px; background: url('https://img.megagong.net/m/2024/0228_fullevent/con4_ico1.png') no-repeat center 100%; }  */
.evCon4 .event_inp .agree input[type="checkbox"]:checked + label:before { background-image: url('https://img.megagong.net/m/2024/0228_fullevent/con4_ico2.png'); } 
.evCon4 .event_inp .agree strong { color: #ff0000; } 
.evCon4 .event_inp .agree a { display: inline-block; color: #3b3bc2; font-weight: normal; padding: 0 0 5px; border-bottom: 1px solid #3b3bc2; line-height: 1; margin: 0 0 0 5px; vertical-align: middle; } 
.evCon4 .agree_info {padding: 22px 18px;text-align: left;background: #fff;border: 1px solid #ccc;position: absolute;top: 100%;left: 50%;z-index: 2;font-size: 14px;/* font-weight: 200; */width: 390px;margin: -15px 0 0 -285px;-webkit-box-shadow: 5px 5px 6px 1px rgb(0 0 0 / 30%);box-shadow: 5px 5px 6px 1px rgb(0 0 0 / 30%);} 
.evCon4 .agree_info a { width: 24px; position: absolute; top: 8px; right: 8px; } 
.evCon4 .agree_info p { position: relative; margin: 0 0 10px; } 
.evCon4 .agree_info p span { position: relative; display: block; margin: 0 0 2px; padding: 0 0 0 10px; border: 0; } 
.evCon4 .agree_info p span:before { content:""; display:block; position:absolute; top: 8px; left:0; width:5px; height:1px; background:#222; } 
.evCon4 .agree_info p strong { display: block; margin: 0 0 3px; } 
.evCon4 .agree_info .tit { text-align: left; font-size: 14px; font-weight: bold; } 
.evCon4 .agree_info .tit:before { display:none } 
.evCon4 .cautn { margin: 16px 0 74px; } 
.evCon4 .cautn li { text-align: left; font-size: 14px; line-height: 1.65; text-indent: -12px; padding-left: 11px; } 
.evCon4 .cautn li a { font-size: 12px; color: #666666; border: 1px solid #818181; background: #f9f9f9; display: inline-block; padding: 1.1px 9.7px; margin-left: 3px; text-indent: 0; } 
.evCon4 .content ul {display: flex;justify-content: center;flex-wrap: wrap;padding: 50px 0 60px;} 
.evCon4 .content ul li:nth-child(1),.evCon4 .content ul li:nth-child(2),.evCon4 .content ul li:nth-child(3)  {margin-bottom: 85px;}

.evCon5 {padding: 160px 0;background: #7e96ff;} 
.evCon5 .schedule { margin: 55px auto 70px; } 
.evCon5 .gift { display: flex; justify-content: center;} 
.evCon5 .gift li:nth-child(2) { margin-left: 17px; } 
.evCon5 .content { margin: 85px 0 60px; } 
.evCon5 .content ul { display: inline-block; padding: 64px 0; } 
.evCon5 .content ul li {text-align: left;color: #fff;font-size: 18px;font-weight: 400;position: relative;padding-left: 45px;margin-bottom: 35px;} 
.evCon5 .content ul li:last-child { margin-bottom: 0; } 
.evCon5 .content ul li .num { background: #000; color: #fff; font-size: 13.64px; font-weight: 700; width: 27px; line-height: 27px; display: inline-block; text-align: center; border-radius: 100px; position: absolute; left: 0; top: 0; } 
.evCon5 .content ul li strong { color: #000; } 
.evCon5 .content ul li strong.line { border-bottom: 1px solid; } 
.evCon5 .eventBoard .btn { display: flex; justify-content: center; gap: 60px; } 
.evCon5 .eventBoard .btn a { background: #000; width: 350px; display: inline-block; line-height: 70px; } 
.evCon5 .shareList { margin: 115px 0 50px; border-radius: 5px; overflow: hidden; } 
.evCon5 .shareList ul li dl dd { border: 2px solid #343434; color: #343434; font-weight: 200; width: 194px; } 
.evCon5 .shareList ul li dl dt { background: #000000; } 
.evCon5 .shareList ul li dl.sns dt { color: #ff5bf1; } 
.evCon5 .shareList ul li dl.naver dt { color: #60ea4e; } 
.evCon5 .shareList ul li dl.daum dt { color: #00d8ff; } 
.evCon5 .shareList ul li dl.etc dt { color: #adadad; } 
.evCon5 .eventBoard .evtBoard_common { background: #fff; border-radius: 5px; } 
.evCon5 .eventBoard .evtBoard_common .board_write { padding: 0 134px 0 0; } 
.evCon5 .evtBoard_common .board_write .inp_wrap input[type="text"] { border: 2px solid #222222; height: 60px; } 
.evCon5 .evtBoard_common .board_write .btn_wrap { width: 134px; } 
.evCon5 .evtBoard_common .board_write .btn_wrap a { height: 60px; line-height: 60px; background: #222222; color: #fff; } 
.evCon5 .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list li { font-size: 13px; line-height: 1.75; } 
.evCon5 .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list li strong { color: #ff0000; } 
.evCon5 .eventBoard .evtBoard_common .info_wrap.with_tip button { letter-spacing: -0.07em; border: 1px solid #000; border-radius: 100px; font-weight: 700; padding: 0px 14.5px; font-size: 12px; } 


.warningList li ul li a { font-size: 13px; padding: 0 0 2px; margin: 0 0; color: #ff0000; } 


@media screen and (max-width: 1600px){
    .fixed_banner { display: none; } 
}

@media screen and (max-width: 1200px){
    .top_line .txt { font-size: clamp(13px,3.4vmin,20px); } 
    .top_line .txt strong { margin-left: 3%; line-height: clamp(25px,5.3vmin,40px); width: clamp(90px,13.7vmin,105px); } 

    .evCon1 { padding: 20.6% 0 2.8%; background-size: 1600px 620px; background-size: 188% 87%; background-position: 58% 50% !important; } 
    .evCon1 .phone { width: 68%; top: -9vw; } 
    .evCon1 .content { width: clamp(428px,55vmin,555px); margin-right: -31px; } 
    .evCon1 .content .txt1 { font-size: clamp(25px,2.3vmin,35px); } 
    .evCon1 .content h3 { font-size: clamp(50px,6.5vmin,72px); margin: 3% 0 8%; } 
    .evCon1 .content .txt2 { font-size: clamp(18px,2.3vmin,23px); } 
    .evCon1 .content .btn { margin: 6.5% 0 13.5%; } 
    .evCon1 .tiny_noti { margin-right: 30px; } 
    


    .evCon2 { padding: 11.2% 0 6.2%; } 
    .evCon2 .inner { width: 96%; } 
    .evCon2 .con_tit { font-size: clamp(14px,2.6vmin,26px); } 
    .evCon2 .con_tit strong { margin-top: 2%; } 
    .evCon2 .graph { margin: 0 -20% 0 -13%; } 
    .evCon2 .txt_wrap { top: clamp(18px,3vmin,51px); } 
    .evCon2 .txt_wrap .txt.txt1 { left: 2%; } 
    .evCon2 .txt_wrap .txt.txt2 { left: 0; } 
    .evCon2 .txt_wrap .txt.txt3 { left: 0; } 
    .evCon2 .txt_wrap .txt .tiny { font-size: clamp(13px,1.6vmin,16px); margin-bottom: 2%; } 
    .evCon2 .txt_wrap .txt p { font-size: clamp(14px,2.7vmin,27px); } 
    .evCon2 .txt_wrap .txt p strong { font-size: clamp(30px,6vmin,60px); } 
    .evCon2 .txt_wrap .txt p sup { font-size: clamp(8px,1.2vmin,12px); } 

    
    .evCon3 { padding: 15% 0 9.5%; background-size: cover; } 
    .evCon3 .con_tit { font-size: clamp(14px,3.1vmin,26px); } 
    .evCon3 .con_tit strong { font-size: clamp(15px,4vmin,35px); } 
    .evCon3 .con_tit strong sup { font-size: clamp(8px,1vmin,10px); top: clamp(3px,.8vmin,8px); } 
    .evCon3 .con1 { margin: 6.5% auto 7.5%; } 
    .evCon3 .con2 { gap: clamp(12px,8vmin,85px); } 
    .evCon3 .con2 li { font-size: clamp(12px,2.6vmin,18px); padding: 3% 0; } 
    .evCon3 .con2 li::before { border-width: 0 clamp(8px,1.25vmin,12.5px) clamp(7px,1.3vmin,13px) clamp(8px,1.25vmin,12.5px); } 
    .evCon3 .con2 li sup { font-size: 7px; } 
    .evCon3 .tiny_noti { margin: 10% 0 0; } 
    
    .evAdd4 { padding: 15% 0 9.5%; background-size: cover; } 
    .evAdd4 .con_tit { font-size: clamp(14px,3.1vmin,26px); } 
    .evAdd4 .con_tit strong { font-size: clamp(15px,4vmin,35px); } 
    .evAdd4 .con_tit strong sup { font-size: clamp(8px,1vmin,10px); top: clamp(3px,.8vmin,8px); } 
    .evAdd4 .add4_1_swiper { height: 5.8vmin; } 
    .evAdd4 .add4_2_swiper { height: 60px; padding: 0 30px; } 
    .evAdd4 .point { font-size: clamp(14px,3.1vmin,26px); } 
    .evAdd5 { padding: 15% 0 9.5%; background-size: cover; } 
    .evAdd5 .con_tit { font-size: clamp(14px,3.1vmin,26px); } 
    .evAdd5 .con_tit strong { font-size: clamp(15px,4vmin,35px); } 
    .evAdd5 .con_tit strong sup { font-size: clamp(8px,1vmin,10px); top: clamp(3px,.8vmin,8px); } 
    .evAdd5 .contents_wrap ul .top > div:first-of-type, .evAdd5 .contents_wrap ul .bottom > div:first-of-type { font-size: clamp(14px,3.1vmin,26px); } 
    .evAdd5 .contents_wrap ul .mid > div:first-of-type { font-size: clamp(12px,2.6vmin,20px); } 
    .evAdd5 .contents_wrap ul .bottom > div:first-of-type span { font-size: clamp(12px,2.6vmin,20px); } 
    .evAdd6 { padding: 15% 0 9.5%; background-size: cover; } 
    .evAdd6 .con_tit { font-size: clamp(14px,3.1vmin,26px); } 
    .evAdd6 .con_tit strong { font-size: clamp(15px,4vmin,35px); } 
    .evAdd6 .con_tit strong sup { font-size: clamp(8px,1vmin,10px); top: clamp(3px,.8vmin,8px); } 

    .evAdd6 .contents_top > div:first-of-type p { font-size: 14px; } 
    .evAdd6 .contents_top > div:last-of-type p { font-size: 16px; } 

    .event .schedule { gap: 8px; } 
    .event .schedule li { font-size: clamp(13px,3.4vmin,20px); } 
    .event .content .tit { font-size: clamp(14px,2.7vmin,20px); line-height: clamp(32px,5.3vmin,40px); width: clamp(150px,23vmin,184px); } 
    
    .evCon4 { padding: 16% 0; } 
    .evCon4 .schedule { margin: 6% 0 5.5%; } 
    .evCon4 .event_inp { padding: 4% 2%; } 
    .evCon4 .event_inp .inp_wrap { margin: 0 0 2%; } 
    .evCon4 .event_inp .inp_wrap label { font-size: clamp(13px,3.4vmin,20px); } 
    .evCon4 .event_inp .inp_wrap input { width: auto; flex: 1; margin: 0 1% 0 2%; line-height: clamp(36px,5vmin,50px); font-size: clamp(13px,2vmin,20px); } 
    .evCon4 .event_inp .inp_wrap input::placeholder { font-size: clamp(12px,2vmin,15px); } 
    .evCon4 .event_inp .inp_wrap a { font-size: clamp(13px,2.6vmin,16px); width: clamp(65px,20vmin,200px); line-height: clamp(42px,5.6vmin,56px); } 
    .evCon4 .event_inp .inp_wrap a.end { cursor: auto; } 
    .evCon4 .event_inp .agree {margin: 0 0;/* text-align: center; */gap: 0px;} 
    .evCon4 .event_inp .agree input[type="checkbox"] + label { font-size: clamp(12px,1.9vmin,15px); padding-left: clamp(20px,3.2vmin,32px); } 
    .evCon4 .event_inp .agree input[type="checkbox"] + label:before { width: clamp(15px,2.5vmin,25px); height: clamp(15px,2.5vmin,25px); background-size: contain; top: clamp(3px,1vmin,1px); } 
    .evCon4 .agree_info { width: 100%; left: 0; margin: 10px 0 0; } 
    .evCon4 .cautn { margin: 1.6% 0 7.4%; } 
    .evCon4 .cautn li { font-size: clamp(12px,1.9vmin,14px); } 
    .evCon4 .cautn li a { font-size: 11px; padding: 0 4px; } 
    .evCon4 .content ul {padding: 12% 0 7% 2%;gap: 1%;} 
    .evCon4 .content ul li {width: 48%;margin-bottom: 8%;} 
    .evCon4 .content ul li:nth-child(1),.evCon4 .content ul li:nth-child(2),.evCon4 .content ul li:nth-child(3)  {margin-bottom: 8%;}
    .evCon5 { padding: 16% 0; } 
    .evCon5 .schedule { margin: 5.5% 0 7%; } 
    .evCon5 .gift { flex-wrap: wrap; justify-content: center; gap: 20px 0; } 
    .evCon5 .gift li { width: 47%; } 
    .evCon5 .content { margin: 8.5% 0 6%; } 
    .evCon5 .content ul {padding: 6.4% 2%;} 
    .evCon5 .content ul li { margin-bottom: 4%; font-size: clamp(13px,2.3vmin,18px); padding-left: clamp(26px,5vmin,33px); } 
    .evCon5 .content ul li .num { font-size: 12px; width: 21px; line-height: 21px; top: 2px; } 
    .evCon5 .eventBoard .btn { gap: 4%; } 
    .evCon5 .eventBoard .btn a { padding: 0 4%; line-height: clamp(45px,7vmin,70px); } 
    .evCon5 .shareList { margin: 11.5% 0 5%; } 
    .evCon5 .shareList ul li dl dd { width: 23.7%; } 
    .evCon5 .eventBoard .evtBoard_common .board_write { padding: 0 0; } 
    .evCon5 .evtBoard_common .board_write .inp_wrap input[type="text"] { border-width: 1px; height: 45px; } 
    .evCon5 .evtBoard_common .board_write .btn_wrap { width: 100%; } 
    .evCon5 .evtBoard_common .board_write .btn_wrap a { height: 36px; line-height: 36px; } 
    .event.evCon4 .event_tag, .event.evCon5 .event_tag {font-size: clamp(15px,2vmin,20px);}
    .event .con_tit {font-size: clamp(17px, 5vmin, 32px);}
}

@media screen and (max-width: 992px){
    .evAdd5 .contents_wrap ul .top, .evAdd5 .contents_wrap ul .mid { margin-bottom: 10px; } 
    .evAdd6 .contents_top { flex-direction: column; padding: 20px 0; background-image: url('https://img.megagong.net/m/2024/1016_fullserv/add6_deco_img3.png'); background-repeat: repeat-x; background-size: 10%; } 
    .evAdd6 .contents_top > div:first-of-type i { margin-right: 15px; } 
    .evAdd6 .contents_top > div.vs { margin: 20px 0; } 
    .evCon5 .gift { gap: 10px; } 
    .evCon5 .gift li:nth-child(2) { margin-left: initial; } 
}

@media screen and (max-width: 768px){
    .fixed_banner { display: inline-block; top: 30%; transform: initial; width: 120px; } 

    .evCon1 { background: #efefef url('https://img.megagong.net/m/2024/0228_fullevent/con1_bg_mo.png') no-repeat; background-position: top center !important; background-size: contain; padding: 81% 0 10%; } 
    .evCon1 .phone { top: -70vw; left: 50%; margin-left: -32vw; } 
    .evCon1 .content { width: 100%; text-align: center; margin-right: 0; } 
    .evCon1 .content .txt1 { font-size: clamp(18px,4.8vmin,35px); } 
    .evCon1 .content h3 { font-size: clamp(37px,9.8vmin,72px); margin: 2% 0 3%; } 
    .evCon1 .content .txt2 { margin-bottom: 5%; font-size: clamp(13px,3.4vmin,23px); } 
    .evCon1 .content .btn { width: clamp(230px,60.6vmin,376px); font-size: clamp(13px,3.4vmin,18px); line-height: clamp(50px,13.2vmin,72px); margin: 6.5% auto 9%; } 
    .evCon1 .content .btn.btn_mobile { display: inline-block; } 
    .evCon1 .content .btn.btn_mobile.on { display: none !important; } 
    .evCon1 .content .btn.btn_pc { display: none; } 
    .evCon1 .tiny_noti { margin: 0 0; letter-spacing: -0.11em; font-size: 11.5px; } 
    
    .mobile_bnr.on { top: initial; bottom: 65px; display: block; } 

    .evCon2 {position: relative;}
    .evCon2 .con_tit { text-align: center; margin-bottom: 7.5%; font-size: clamp(14px,3.3vmin,26px); } 
    .evCon2 .con_tit strong sup { font-size: clamp(9px,2.1vmin,15px); } 
    .evCon2 .txt_wrap { display: block; } 
    .evCon2 .txt_wrap .txt { top: 0 !important; left: 0 !important; text-align: center; margin-bottom: 6%; } 
    .evCon2 .txt_wrap .txt .tiny { font-size: clamp(13px,3.1vmin,16px); } 
    .evCon2 .txt_wrap .txt p { font-size: clamp(14px,3.3vmin,27px); } 
    .evCon2 .txt_wrap .txt p strong { font-size: clamp(30px,7.2vmin,60px); line-height: 1.2; } 
    .evCon2 .txt_wrap .txt p sup { font-size: clamp(8px,1.9vmin,12px); position: relative; top: 1.2vw; } 

    .evCon2 .graph { margin: 0 -3%; } 
    .evCon2 .graph img { width: 100%; } 
    .evCon2 .tiny_noti { position: relative; top: -4vw; } 

    .evAdd5 .add5_btn {border-radius:10px;}
    .evAdd5 .contents_wrap ul li > div:first-of-type { width: 163px; } 
    .evAdd5 .contents_wrap ul .bottom {border-radius:10px;}
    .evAdd5 .contents_wrap ul .top, .evAdd5 .contents_wrap ul .mid {border-radius:10px;}
    .evAdd6 .contents_top {margin: 8% 0 10px 0;border-radius: 10px;} 
    .evAdd6 .contents_box > div {border-radius:10px;}
    /* .evAdd6 .contents_box { overflow: auto; } 
    .evAdd6 .contents_box > div { width: 800px; } */
    .event .content {border-radius:10px;}
    .event .schedule li + li { margin-left: 3%; } 
    .event .schedule li strong { margin-right: 6px; padding-right: 8px; } 
    .event .schedule li strong::before { width: 1px; } 

    .evCon5 .shareList ul li dl dd:nth-child(5) { margin: 0 0 0 1%; } 
}

@media screen and (max-width: 576px){
    .eventWrap .tiny_noti { font-size: 10px; } 
    .fixed_banner { width: 100px; } 
    .evCon1 .tiny_noti { font-size: 10px; } 
    .mobile_bnr.on {bottom: 55px;height: 60px !important;} 
    .mobile_bnr a { height: 60px; } 

    .evCon3 .con2 { gap: 10px}
    .evCon3 .con2 li { width: initial; flex: 1; } 

    .evAdd4 .add4_2_swiper { margin-top: 30px; padding: 0 10px; } 
    .evCon4 .event_inp .agree a {margin: 5px 0;width: 88px;}
    
    .evAdd5 .add5_btn { font-size: clamp(15px,4vmin,35px); } 
    .evAdd5 .contents_wrap ul .bottom { min-height: 119px; } 
    .evAdd5 .contents_wrap ul .mid { padding: 10px 0; } 
    .evAdd5 .contents_wrap ul li > div:not(:first-of-type) { /* flex: initial; */ max-width: 22vw; } 
    .evAdd5 .contents_wrap ul .type span.main { width: 22vw; height: 40px; font-size: 14px; } 
    .evAdd5 .contents_wrap ul .type span.others { width: 50px; height: 25px; font-size: 12px; } 
    .evAdd5 .contents_wrap ul li > div:first-of-type { flex: 1; width: 100px; } 
    .evAdd5 .contents_wrap ul .top > div:not(:first-of-type) span, .evAdd5 .contents_wrap ul .mid > div:not(:first-of-type) span { width: 22vw; height: 22vw; background-size: 22vw; } 
    .evAdd5 .contents_wrap ul li span.normal { background-size: 19vw !important; } 
    .evAdd5 .contents_wrap ul li span.small { background-size: 16vw !important; } 
    .evAdd5 .contents_wrap ul .bottom > div:nth-of-type(2) { font-size: 20px; } 
    .evAdd5 .contents_wrap ul .bottom > div:nth-of-type(3), .evAdd5 .contents_wrap ul .bottom > div:nth-of-type(4) { font-size: 16px; } 

    .evAdd6 .contents_top > div,
    .evAdd6 .contents_top > div:last-of-type { flex-direction: column; } 
    .evAdd6 .contents_top > div.vs { width: 45px; height: 45px; } 
    .evAdd6 .contents_top > div i { width: 50px; height: 1px; margin: 10px 0; } 
    .evAdd6 .contents_top > div:first-of-type i { margin-right: initial; } 
    .evAdd6 .contents_top > div:last-of-type i { margin-left: initial; } 
    
}

@media screen and (max-width: 440px){
    .fixed_banner {top: 24%;right: 30px;width: 80px;}
}