@charset "euc-kr"; .eventWrap .tiny_noti { opacity: 0.5; } 
/* flt */
.flt_inner { right: 0; } 
.flt_inner.renewal li,.flt_inner.renewal li.top { margin: 0; } 

/* settings */
.eventWrap .evSection { background-size: auto 100%; } 
.eventWrap .evSection .lecture { max-width:1000px; margin:0 auto } 
.eventWrap .evSection.fff, .eventWrap .evSection .fff { color: #fff !important; } 

.eventWrap .evSection .whs-pre { white-space: pre-wrap; } 
.eventWrap .evSection b,.eventWrap .evSection strong {font-weight: 900;} 

.evSection:not(.evtoggleWarning, .evCon1,.evCon5) { padding: 155px 0; } 
.eventWrap .evSection .con_tit h4 span { color: #f54c76; } 
.section + .section { margin-top: 80px; } 

/* text style */ 
.con_tit { margin-bottom: 35px; line-height: 1.2; } 
.con_tit h4 { font-weight: 300; font-size: 42px; } 
.con_tit .top_txt { font-size: 20px; margin-bottom: 17px; font-weight: 700; background: -webkit-linear-gradient(right, #d25200, #562500); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; } 

.bottom_txt { font-size: 24px; } 

.circle_txt { position: relative; margin-bottom: 25px; } 
.circle_txt::before { content: ''; display: block; width: 100%; height: 1%; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.circle_txt span { position: relative; padding: 0 45px; line-height: 40px; background: linear-gradient(to right,#d05800, #562500); font-size: 24px; display: block; width: fit-content; margin: 0 auto; font-weight: 700; border-radius: 30px; color: #fff; } 
.circle_txt span sup { font-size: 12px; } 

.circle_txt3 { margin-top:70px } 
.circle_txt3 span { background: #e0ceb5; border-radius: 0; font-size: 20px; color: #000; } 
.circle_txt3::before { content: ''; display: block; width: 100%; height: 50%; border: 1px solid #000; border-bottom: 0; position: absolute; left: 0; top: 50%; background: none; transform: none; } 

/* button box */
.btn_box { display: flex; justify-content: center; gap: 20px; } 
.btn_box a { display: block; overflow: hidden; border-radius: 30px; } 

/* evCon1 */
.evCon1 { background: #ddc2a4 url(https://image.megagong.net/m/2024/0617_enp301/main_bg.jpg); padding-top: 30px; } 
.evCon1 .hide-1200 img { margin-left: -445px; max-width: 1743px; } 
.evCon1 .home { position: absolute; bottom: 90px; left: 50%; margin-left: 680px; } 
.evCon1 .tiny_noti { color: #a7937c; margin: -90px auto 60px; } 

/* evCon2 */
.evCon2 { background: #fff6ec url(https://image.megagong.net/m/2024/0617_enp301/con2_bg.jpg) no-repeat center; } 
.evCon2 .img_box { margin: 0 auto 10px; width: min(480px,75%); } 



/* evCon3 */
.evCon3 .btn_box { margin: 35px auto 0; width: min(634px, 90%); } 

.evCon4 {background-color: #e1e1e1;} 
.evCon4 .inner {} 
.evCon4 .img_box { margin: 0 auto 85px; } 

/* evCon5 */
.evCon5 { background-color: #fff; padding-top: 10px; } 
.evCon5 .inner.p0 {padding: 0;}
.evCon5 .inner { padding: 140px 0 145px; } 
.evCon5 .img_box {margin-left: -95px;margin-top: 80px;} 



/* evCon6 */
.evCon6 { background: #efeeef; } 

/* evCon7 */
.evCon7 { background: #ffecf1; } 

/* event */
.event .con_tit {margin-bottom:50px}
.event .con_tit .sub_txt { margin-top: 15px; font-size: 24px; line-height: 1.6; font-weight: 300; } 
.event .con_tit .sub_txt b { color: #d45800; border-bottom: 2px solid; } 
.event .con_tit .tag { margin-bottom: 25px; display: block; } 
.event .container_info_wrap{margin: 0 auto;max-width: 1000px;}
.event .container_info.ver_column .info .info_title {margin-right: 0;font-weight: normal;} 
.event .container_info.ver_column .info .info_title:before { width: 2px; right: auto; height: 50%; left: 0; } 
.event .container_info.ver_column .info .info_title:after { display: none !important; } 

.event1 { background-color: #e2ceb6; } 
.event1 .con_tit .top_txt { background: none; -webkit-text-fill-color: #000; font-weight: 700; } 
.event1 .con_tit .end::after { background-color: #d45800; } 
.event1 .con_tit h4 span { color:#222 } 
.event1 .con_tit h4 { margin: 35px auto 27px; } 

.event1 .container_info.ver_circle .info .info_title { background: #222; } 
.event1 .eventBoard .evtBoard_common { background: none; } 
.event1 .eventBoard .radio_list {background: #fff;display: flex;justify-content: center;gap: 40px;padding: 20px 0 15px;border-radius: 10px;text-align: center;font-weight: 700;} 
.event1 .eventBoard .radio_list li {display: flex;flex-direction: column;margin: 0;align-items: center;gap: 5px;cursor: pointer;width: 265px;} 
.event1 .eventBoard .radio_list li * { cursor: pointer; } 
.event1 .eventBoard .radio_list li label {color: #000;margin: 0;font-size: 16px;font-weight: 700;font-family: 'Noto Sans KR';} 
.event1 .eventBoard .evtBoard_common .evtBoard_inner { background: #fff; border-radius: 10px; margin-bottom: 20px; } 
.event1 .eventBoard .evtBoard_common .board_write { border:1px solid #333 } 
.event1 .evtBoard_common .board_notice li {color: #f00;opacity: 1;font-weight: 700;font-family: 'Noto Sans KR';} 
.event1 .eventBoard .evtBoard_common .board_notice li.chk_notice { color: #000 !important; } 

.event1 .eventBoard .radio_list input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } 
.event1 .eventBoard .radio_list .checkmark { position: relative; display: inline-block; height: 20px; width: 20px; border: 1px solid; border-radius: 50%; } 
.event1 .eventBoard .radio_list .checkmark::after { content: ""; position: absolute; display: none; } 
.event1 .eventBoard .radio_list input:checked ~ .checkmark::after { display: block; } 
.event1 .eventBoard .radio_list .checkmark::after { top: 50%; left: 50%; width: 8px; height: 8px; background: #000; border-radius: 50%; transform: translate(-50%, -50%); } 

.event1 .evtBoard_common .board_list .select1 { color:#4575d4 } 
.event1 .evtBoard_common .board_list .select2 { color:#f18a53 } 
.event1 .evtBoard_common .board_list .select3 { color:#56bfc6 } 

.event2 { background-color: #d55a00; } 
.event2 .con_tit .sub_txt { color: #feb784; } 
.event2 .con_tit .end::after { background-color: #fff; } 
.event2 .btn_box { width: min(320px, 50%); margin: 40px auto 0; } 

.evtoggleWarning .warningList li ul li a { color: #f00; padding: 0 0 2px; border-bottom: 1px solid #f00; } 

@media screen and (max-width: 1200px){
 .eventWrap { font-size: clamp(13px,1.6vmin,16px); } 
 .eventWrap .tiny_noti { font-size: clamp(10px,1.3vmin,13px); } 
 .evSection:not(.evtoggleWarning,.evCon1,.evCon5) { padding: 15% 0; } 
 .section + .section { margin-top: 10%; } 

 .con_tit { margin-bottom: 4%; } 
 .con_tit h4 { font-size: clamp(19px,4.2vmin,42px); margin: 0 auto; } 
 .con_tit .sub_txt { font-size: clamp(15px,2.4vmin,24px); margin-top: 3% } 
 .con_tit .top_txt { margin-bottom: 2%; font-size: clamp(15px,2vmin,20px); } 
.event .con_tit .sub_txt { margin-top: 2%; font-size: clamp(13px,3vmin,24px); } 

 .circle_txt { margin-bottom: 5%; } 
 .circle_txt span { font-size: clamp(15px,4vmin,24px); padding: 1% 7%; line-height: normal; } 
 .circle_txt span sup { font-size: 10px; } 
.circle_txt3 { margin-top: 7%; } 
.circle_txt3 span { font-size: clamp(13px,3vmin,20px); } 
 .circle_txt2 { margin-bottom: 5%; gap: 10px; } 
 .circle_txt2 span { font-size: clamp(15px,3vmin,26px); } 

/* button box */
.btn_box { gap: clamp(5px,2vmin,20px); } 

 .bottom_txt { margin-top: 7%; font-size: clamp(15px,2.5vmin,24px); } 


 /* evCon1 */
 .evCon1 { background-image: url(https://image.megagong.net/m/2024/0617_enp301/main_mo_bg.jpg); background-size: cover !important; padding-top: 0; } 
 .evCon1 .show-1200 p { background: #584331; padding: 20px 0; } 
 .evCon1 .show-1200 p img { width: 97%; } 
 .evCon1 .show-1200 .flex { align-items: center; justify-content: center; } 
 .evCon1 .show-1200 .flex li:first-child { width: 40%; } 
 .evCon1 .show-1200 .flex li:last-child { position: relative; width: 55%; } 
 .evCon1 .show-1200 .flex li:last-child span { margin-left: 32%; } 
 .evCon1 .show-1200 .flex li:last-child span img { width: 90%; } 
 .evCon1 .show-1200 .flex li:last-child strong { position: absolute; bottom: 15%; right: 0; } 
 .evCon1 .home { position: relative; bottom: auto; left: auto; margin-left: 60%; } 
.evCon1 .tiny_noti { margin: -8% auto 15px; } 

 /* evCon2 */
 .evCon2 .flex { gap: 10px; margin: 5% auto 10%; } 
 .evCon2 .bottom_txt span { padding: 2% 7%; margin-top: clamp(5px,1vmin,12px); } 

 .btn_box img { max-width: 130%; margin: 0 -15%; } 

.evCon5 .inner { padding: 15% 0; } 
.evCon4 .img_box { margin-bottom: 10%; } 
.evCon5 .img_box {margin-left: 0;margin-top: 10%;} 

.event .con_tit .tag { margin-bottom: 3%; } 

 .event .con_tit {margin-bottom:5%}
 .event .con_tit .tag img { width: min(230px,30%); } 
 .event1 .con_tit h4 { margin: 3% auto } 

 .event1 .con_box { height: auto; gap: 5vmin; padding-left: 0; } 
 .event1 .container_info_wrap { gap:min(50px,3vmin) } 
 .event1 .container_info_wrap .gift { width: 43%; } 
 .event1 .eventBoard .radio_list { gap: 5px clamp(5px,4vmin,40px); } 
 .eventBoard .radio_list li { width: 33%; } 
 .event1 .eventBoard .radio_list li label { font-size: 15px; } 

 .event2 .btn_box { margin-top: 5%; } 
 }

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

.evCon1 .show-768 .show_1 { flex-direction: column; justify-content: center; align-items: center; padding: 15% 0; display: flex; width: min(80%,519px); margin: 0 auto; } 
.evCon1 .show-768 .show_1.off { display: none; } 
.evCon1 .show-768 .show_1.off + .show_2 { height: auto; padding: 10% 0 0; } 
.evCon1 .show-768 .show_2 { height: 0; } 
.evCon1 .show-768 .show_2 .title { width: min(607px,90%); margin: 0 auto; } 
 .evCon1 .show-768 .show_2 .title a { width:30%; display: inline-block; } 
.evCon1 .show-768 .show_2 .teabook { width: min(607px,90%); margin: 0 auto; } 
.evCon1 .tiny_noti { text-align: center; margin-top: 0; font-size: 7px;} 


 .evCon2 .flex { flex-wrap: wrap; gap:30px 10px } 
 .evCon2 .flex li { width: min(265px,45%); } 
 .evCon2 .flex li:first-child { margin: 0 27%; } 

 
 .event .con_tit .sub_txt b { border-width: 1px; } 
 .event1 .eventBoard .radio_list { flex-direction: column; padding: 5%; text-align: left; } 
 .event1 .eventBoard .radio_list li { flex-direction: row; width: 100%; gap: 5px; } 
 .event1 .eventBoard .radio_list li label {display: flex; align-items: flex-start; gap: 5px;}
 .event1 .eventBoard .radio_list li label p {padding-top: 2px;}
.event1 .eventBoard .radio_list li label br { display: none; } 
 .event1 .container_info_wrap .gift { width: 75%; } 
 .event1 .btn_box { overflow: hidden; margin: 0 15%; } 
 .event1 .btn_box a img { max-width: 124%; margin: 0 -12%; } 
 
 .evtBoard_common .board_write .btn_wrap a,
 .evtBoard_common .board_write .inp_wrap textarea,
 .event1 .eventBoard .radio_list li label { font-size: clamp(12px,1.5vmin,15px); } 
 }

@media screen and (max-width: 576px) {
    .container_info.ver_column .info .info_title {flex-shrink: 0; width: fit-content;}
    .event1 .eventBoard .radio_list {padding: 20px 14px;}
    .event1 .eventBoard .radio_list .checkmark {width: 15px; height: 15px;}
    .event1 .eventBoard .radio_list .checkmark::after {width: 4px; height: 4px;}
    .event1 .eventBoard .radio_list li label p {padding-top: 0;}
}