@charset "euc-kr"; 
@keyframes skeleton-line {
	100% {background-position: -100% 0;}
}

/* background settings */
.eventWrap .evSection { background-size: auto 100%; } 
.eventWrap .evSection .lecture { max-width:1000px; margin:0 auto } 
.eventWrap .evSection.fff, .eventWrap .evSection .fff { color: #fff; } 
.evSection:not(.evtoggleWarning,.evCon1) { padding: 150px 0; } 

/* text style */ 
.con_tit { margin-bottom: 60px; word-break: keep-all; } 
.con_tit h4 { font-weight: 900; font-size: 48px; } 
.con_tit > div { font-size: 24px; } 
.con_tit .top_txt { margin-bottom: 15px; } 
.con_tit .sub_txt { margin-top: 15px; } 
.bottom_txt {font-size: 28px;margin-top: 75px;font-weight: 300;} 

.circle_txt { position: relative; margin-bottom: 40px; } 
.circle_txt::before { content: ''; display: block; width: 100%; height: 1%; background: #ff967c; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.circle_txt span { position: relative; padding: 7px 0; background: #181818; border-radius: 30px; font-size: 28px; color: #fff; display: block; width: fit-content; margin: 0 auto; } 

/* button box */
.btn_box { display:flex; justify-content: center; gap: clamp(10px, 2vmin, 20px); margin: 0 auto; } 
.btn_box a { display: block; width: min(420px,70%); margin: 0 auto; } 

/* contents */
section:not(:last-of-type) { margin-bottom: 80px; } 

/* evCon1 */
.evCon1 { background: #ff704c url('https://image.megagong.net/m/2024/0604_lyj4718/main_bg.jpg'); padding-top: 50px; } 
.evCon1 .top_txt { font-size: 20px; letter-spacing: .5rem; margin-bottom: 55px; } 
.evCon1 .main_txt ul { position: absolute; left: 0; top: 170px; width: 100%; justify-content: space-between; } 
.evCon1 .main_txt ul li { font-size: 41px; text-align: right; } 
.evCon1 .main_txt ul li span{border-bottom: 1px solid #fac8bb;color: #ffe9e3;font-weight: 7000;} 
/* .evCon1 .main_txt ul li b {border-bottom: 1px solid #fac8bb;}  */
.evCon1 .main_txt ul li + li { text-align: left; } 
.evCon1 .main_txt a { position: absolute; bottom: 130px; left: 50%; transform: translateX(-50%); } 

/* evCon2 */
.evCon2 { background-color: #454545; } 
.evCon2 .con_tit h4 span { color: #ec6949; } 
.evCon2 .flex { gap: 20px; position: relative; align-items: center; justify-content: center; } 
.evCon2 .flex::before { content: ''; display: block; position: absolute; left: 45.5%; top: 50%; font-size: 20px; transform: translate(-50%,-50%); width: 139px; height: 83px; background: url('https://image.megagong.net/m/2024/0604_lyj4718/before_after.png') no-repeat center; background-size: contain; z-index: 2;} 
.evCon2 .bottom_txt { opacity: 0.6; } 

/* evCon3 */
.evCon3 { background-color: #ff6c47; } 
.evCon3 .con_tit h4 span{color: #222;}
.evCon3 .check { justify-content: space-between; gap: 20px; } 
.evCon3 .check li { background: #fff; display: flex; flex-direction: column; gap: 29px; flex: 1; height: 300px; align-items: center; justify-content: center; border-radius: 20px; } 
.evCon3 .how { justify-content: center; gap: 80px; position: relative; align-items: center; } 
.evCon3 .how::before { content: ''; display: block; position: absolute; left: 47%; top: 50%; font-size: 20px; transform: translate(-50%,-50%); width: 41px; height: 138px; background: url('https://image.megagong.net/m/2024/0604_lyj4718/how_arrow.png') no-repeat center; background-size: contain; } 
.evCon3 .bottom_txt { color: #ffd0c3; } 
.evCon3 .circle_txt span { width: 360px; } 

/* evCon4 */
.evCon4 { background-color: #e1e1e1; } 
.evCon4 .eventVideo {max-width: 1000px;margin: 0 auto 90px;}
.evCon4 .con_tit h4 span { color: #e64b28; } 
.evCon4 .circle_txt span { width: 895px; } 
.evCon4 .circle_txt::before { background-color: #9e9e9e; } 
.evCon4 .quater { flex-direction: column; gap: 20px; } 
.evCon4 .quater li { align-items: center; padding: 0 50px; gap: 30px; height: 175px; background: #fff; border-radius: 15px; } 
.evCon4 .quater li p { color: #666; font-size: 18px; text-align: left; } 
.evCon4 .quater li p img { display: block; margin-bottom: 7px; } 
.evCon4 .img,.evCon4 .every { background: #fff; padding: 40px 50px; gap: 40px; align-items: center; border-radius: 15px; } 
.evCon4 .every li { position: relative; } 
.evCon4 .every li a { position: absolute; bottom: 0; right: 0; } 
.evCon4 .every li:last-child { flex: 1; } 
.evCon4 .every dl { position: relative; padding-top: 45px; display: flex; gap: 10px; } 
.evCon4 .every dl:first-of-type { margin-bottom: 45px; } 
.evCon4 .every dt { position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100%; font-size: 22px; } 
.evCon4 .every dt b { font-weight: 900; position: relative; z-index: 2; } 
.evCon4 .every dt b:before { content:''; display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; height: 35%; background: #ffc0b0; width: 103%; z-index: -1; } 
.evCon4 .every dd { font-size: 16px; background: #f0f0f0; border-radius: 20px; height: 115px; flex: 1; display: flex; align-items: center; justify-content: center; } 
.evCon4 .img .gif{flex-wrap:wrap;gap:10px;width: 500px;}
.evCon4 .img .gif li{width: calc(50% - 10px);border: 1px solid #cfcfcf;box-sizing: border-box;min-height: 134px;background: linear-gradient(to right, #eee 0%, rgba(0, 0, 0, 0.1) 20%, #eee 100%); background-position: 100% 0; animation: skeleton-line 1.2s infinite; -webkit-animation: skeleton-line 1.2s infinite;background-size: 200% 100%;}


/* evCon5 */
.evCon5 { background: #f4f4f4 url('https://image.megagong.net/m/2024/0604_lyj4718/con5_bg.jpg') no-repeat center; } 
.evCon5 .flex { align-items: center; justify-content: center; } 
.evCon5 .flex ul { display: flex; flex-direction: column; gap: 17px; } 
.evCon5 .flex ul li { position: relative; z-index: 2; background: #f95428; color: #fff; height: 160px; text-align: left; border-radius: 20px; display: flex; flex-direction: column; justify-content: center; padding: 0 35px; } 
.evCon5 .flex ul li b { font-size: 22px; } 
.evCon5 .flex ul li b img { margin-right: 5px; } 
.evCon5 .flex ul li p { margin: 10px 0 0 25px; font-size: 16px; color: #ffd0c3; } 
.evCon5 .flex ul li:before {content: '';display: block;transform: translateY(-50%);top: 50%;position: absolute;background: url('https://image.megagong.net/m/2024/0604_lyj4718/test_dot.png') no-repeat center;width: 33px;height: 13px;right: -33px;z-index: -1;} 
.evCon5 .btn_box { margin-top: 40px; } 

/* event */
.event { background-color: #ff6c47; color: #fff; } 
.event .con_tit .tag img { width: min(230px,30%); } 
.event .con_tit h4 span { color:#222 } 
.event .con_tit h4 { margin: 35px auto; } 
.event .con_tit .sub_txt {color: #ffd0c3;font-weight: 300;font-size: 24px;} 
.event .con_tit .sub_txt b { color:#fff } 
.event .con_tit .end::after { background-color: #ffb5a2; } 
.event .container_info_wrap { background-color: #ff7b58; position: relative; padding: 60px 0; margin-bottom: 60px; } 
.event .container_info_wrap::before { content: ''; display: block; position: absolute; left: 50%; transform: translateX(-50%); height: 100%; width: 3000px; background: #ff7b58; } 
.event .container_info.ver_circle .info .info_title { background: #222; width: 135px; } 
.event .container_info .info .noti { margin: 0; } 
.evtoggleWarning .warningList li ul li a { color: #ff6c47; padding: 0 0 2px; border-bottom: 1px solid #ff6c47; } 

/* event2 */
.event2 .con_tit .sub_txt{font-size: 26px;}
.event2 .con_tit .sub_txt > strong{background: #000;border-radius: 45px;color: #fff;font-size: 32px;padding: 12px 40px;display: block;width: fit-content;margin: 0 auto;}
.event2 .review_box{color: #292929;background: #ff7a58;position: relative;text-align: left;padding: 50px 15px;margin: 0 auto;} 
.event2 .review_box::before {content: '';display: block;position: absolute;left: 50%;transform: translateX(-50%);height: 100%;width: 3000px;top: 0;background: inherit;} 
.event2 .review_box > i{position: absolute;top: -50px;right: -10px;} 
.event2 .review_box dl{position: relative;}
.event2 .review_box dt{text-align: center;font-size: 24px;font-weight: 700;} 
.event2 .review_box dd{font-size: 22px;font-weight: 400;} 
.event2 .review_box dd:nth-of-type(1){margin: 35px 0;}
.event2 .review_box dd:nth-of-type(2){text-align: right;font-size: 20px;}
.event2 .container_info_wrap{margin: 50px auto;background: none;padding: 0 !important;}
.event2 .container_info_wrap::before{background: none;}
.event2 .container_info.ver_circle .info.has_gift{flex-direction: column;margin-bottom: 30px;}
.event2 .container_info.ver_circle .info.has_gift .gift{justify-content: center;display: flex;width: 100%;gap: 45px;flex-wrap: wrap;}

@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) { padding: 15% 0; } 

    .con_tit { margin-bottom: 8%; } 
    .con_tit h4 { font-size: clamp(20px,5vmin,48px); } 
    .con_tit > div { font-size: clamp(15px,2.4vmin,24px); } 
    .con_tit .top_txt { margin-bottom: 3%; } 
    .con_tit .sub_txt { margin-top: 3% } 

    .circle_txt { margin-bottom: 5%; } 
    .circle_txt::before { content: ''; display: block; width: 100%; height: 1%; background: #ff967c; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
    .circle_txt span { font-size: clamp(14px,3vmin,28px); width: fit-content; padding: 0 40px; line-height: clamp(30px,5vmin,50px); } 

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

    /* contents */
    section:not(:last-of-type) { margin-bottom: 10%; } 

    .evCon1 { padding-top: clamp(20px,5vmin,50px); } 
    .evCon1 .top_txt { font-size: clamp(13px,2vmin,20px); margin-bottom: 2%; } 
    .evCon1 .main_txt ul {top: max(100px,20%); } 
    .evCon1 .main_txt ul li {font-size: clamp(13px,3.5vmin,41px);} 
    .evCon1 .main_txt a { bottom: clamp(5%,7vmin,10%); width: min(173px, 35%); } 

    .evCon2 .flex::before { max-width: 13%; top: 55%; } 
    .evCon2 .flex li { overflow: hidden; border-radius: 10px; } 
    .evCon2 .flex li img { max-width: 120%; margin: -5% -10%; } 

    .evCon3 .check { gap: 10px; } 
    .evCon3 .check li { gap: 2vmin; } 
    .evCon3 .how { width: max(550px,70%); margin: 0 auto; } 
    .evCon3 .circle_txt span { width: fit-content; } 

    .evCon4 .eventVideo{margin-bottom:10%}
    .evCon4 .quater li p img {width: min(45%,175px);} 
    .evCon4 .img,.evCon4 .every { padding: 5% 3%; gap: clamp(10px,2vmin,20px); } 
    .evCon4 .circle_txt span { width: fit-content; padding: 0 3%; } 
    .evCon4 .img > li:first-child{width: 50%;}
    .evCon4 .img .gif{width: 100%;}
    .evCon4 .img .gif li{min-height:10vmin}

    .evCon5 .flex > li:first-child { width: 500px; } 
    .evCon5 .flex ul li { padding: 5%; height: auto; } 
    .evCon5 .flex ul li b { font-size: 16px; } 
    .evCon5 .flex ul li b img { width: 4%; } 
    .evCon5 .flex ul li p { font-size: 13px; margin: 10px 0 0; } 

    .event .con_tit h4 { margin: 3% auto; } 
    .event .container_info_wrap { padding: 10% 0; margin-bottom: 10%; } 
    .event .container_info.ver_circle .info .info_title { width: clamp(85px,16vmin,135px); } 

    .event2 .container_info_wrap{
    margin: 5% auto !important;
}
    .event2 .con_tit .sub_txt{font-size: clamp(15px,2.6vmin,26px);}
    .event2 .con_tit .sub_txt > strong{font-size: clamp(15px, 3.2vmin, 32px);padding: clamp(5px, 1.5vmin, 12px) clamp(10px, 5vmin, 40px);}
    .event2 .review_box{ padding: 8% 4% 5%;} 
    .event2 .review_box > i{ width: min(25%,164px); top: min(-10%,-50px);} 
    .event2 .review_box dt{font-size: clamp(15px,3.4vmin,24px);} 
    .event2 .review_box dd{font-size: clamp(13px,3.2vmin,22px);} 
    .event2 .review_box dd:nth-of-type(1){ margin: 5% 0;}
    .event2 .review_box dd:nth-of-type(2){ font-size: clamp(11px,3vmin,20px);}
    .event2 .container_info.ver_circle .info.has_gift .gift{gap: 4vmin;max-width: 600px;margin: 0 auto;}
    .event2 .container_info.ver_circle .info.has_gift .gift img:first-child{margin: 0 30%;}
    .event2 .container_info.ver_circle .info.has_gift .gift img{ width: min(40%,302px);}
}

@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 .top_txt { letter-spacing: normal; } 
    .evCon1 .main_txt ul li {font-size: clamp(13px,3.5vmin,41px);text-shadow: 1px 0px 5px #f23100;} 
    .evCon1 .main_txt ul li span{color: #fff;font-weight: 500;}

    .evCon2 .flex { flex-direction: column; gap: 10vmin; } 
    .evCon2 .flex::before {background-image: url('https://image.megagong.net/m/2024/0604_lyj4718/before_after_mo.png');width: clamp(55px,10vmin,84px);height: 22%;max-width: none;top: 43%;left: 50%;background-size: contain;} 
    .evCon2 .flex li:first-of-type { width: min(480px,90%); } 

    .evCon3 .con_tit h4 span { color: #000; } 
    .evCon3 .check { flex-wrap: wrap; } 
    .evCon3 .check li { flex: none; width: min(100%,590px); height: auto; padding: 5%; flex-direction: row; margin: 0 auto; justify-content: flex-start; } 
    .evCon3 .check li img { width: 45%; } 
    .evCon3 .check li img + img { width: 50%; } 
    .evCon3 .how { width: 100%; gap: 8vmin; } 
    .evCon3 .how::before { max-height: 21%; left: 45%; } 

    .evCon4 .every li:last-child { flex:none; width: 100%; } 
    .evCon4 .every dl {flex-direction: column;padding: 0;} 
    .evCon4 .every dl:first-of-type { margin-bottom: 10%; } 
    .evCon4 .every dt { font-size: clamp(18px,3vmin,22px); position: relative; left: auto; transform: none; } 
    .evCon4 .every dd { font-size: clamp(13px,2vmin,17px); height: auto; flex: none; padding: 10px 0; width: min(100%,350px); margin: 0 auto; } 
    .evCon4 .every dd br { display: none; } 

    .evCon4 .circle_txt span { padding: 1% 10%; line-height: normal; } 
    .evCon4 .img,.evCon4 .every {flex-direction: column;gap: 7vmin;width: min(100%,590px);margin: 0 auto;} 
    .evCon4 .img li + li {display: flex;justify-content: flex-start;width: 100%;} 
    .evCon4 .img > li + li img{width: min(420px,90%);}
    .evCon4 .quater li {padding: 0;flex-direction: column;height: auto;padding: 5%;gap: 15px;width: min(100%,590px);margin: 0 auto;} 
    .evCon4 .quater li > img { width: min(100px,18%); } 
    .evCon4 .quater li p {text-align: center;font-size: clamp(12px,3vmin,18px);} 
    .evCon4 .quater li p img { margin: 0 auto 10px; } 
    .evCon4 .every li:first-child { width: min(320px,75%); } 
    .evCon4 .every li a { width: 40%; } 
    .evCon4 .img > li:first-child{width: 100%;}
    .evCon4 .img .gif li{min-height: 20vmin;}
    .evCon4 .img .gif li img{width: 100%;}

    .eventWrap .evCon5.evSection { background-position: 7% 10%; background-size: 215%; } 
    .evCon5 .btn_box { margin-top: 5%; } 
    .evCon5 .flex { flex-direction: column-reverse; gap:5vmin } 
    .evCon5 .flex > li { margin: 0 auto; } 
    .evCon5 .flex > li:first-child { width: min(100%,500px); } 
    .evCon5 .flex > li:last-child { width:min(320px,75%) } 
    .evCon5 .flex ul li p br, .evCon5 .flex ul li:before { display: none; } 

    /* event2 */
    .event2 .con_tit .sub_txt > strong{font-size: clamp(15px, 3.2vmin, 32px); padding: clamp(5px, 1.5vmin, 12px) clamp(10px, 5vmin, 40px);}
}