@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2024/ */

:root {
    --color-point1: #ffeb48;
    --color-point2: #ec1f1f;
    --bg-highlight1: rgba(255, 234, 72, 0.7);
}

.event .con_tit .end::after{background: #fff; opacity: 1;}/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.evSection {padding: 150px 0;}
.evSection .con_tit {color: #111; margin: 0 auto 80px; line-height: 1.3;}
.evSection .con_tit {font-weight: 900; letter-spacing: -0.05em;}
.evSection .con_tit {margin-top: 10px;}
.con_tit .point1 { color: var(--color-point1);}
.con_tit .point2 { color: var(--color-point2);}

.evtoggleWarning {padding: 0 !important;}

.highlight {background: var(--bg-highlight1); background: -webkit-linear-gradient(270deg, transparent 0%, transparent 65%, var(--bg-highlight1) 65%, var(--bg-highlight1) 100%); background: linear-gradient(180deg, transparent 0%, transparent 65%, var(--bg-highlight1) 65%, var(--bg-highlight1) 100%);}
.highlight.t2 {background: #e1d0ff; background: -webkit-linear-gradient(270deg, transparent 0%, transparent 65%, #e1d0ff 65%, #e1d0ff 100%); background: linear-gradient(180deg, transparent 0%, transparent 65%, #e1d0ff 65%, #e1d0ff 100%);}


.flt_inner li {position: relative;}
.flt_inner.renewal li + li {margin-top: 2px;}
.flt_inner li .link1,
.flt_inner li .link2 {position: absolute; bottom: 8px; font-size: 0; width: 90px; height: 50px;}
.flt_inner li .link1 {left: 8px;}
.flt_inner li .link2 {right: 8px;}

.visual_bg {background: url(https://image.megagong.net/m/2025/0707_p3672303/visual_bg.png) no-repeat 50% 50%; background-size: 100% 100%;}

/* evCon1 */
.evCon1 {padding: 60px 0 0;}
.evCon1 .sub_tit {font-size: 24px; letter-spacing: 0.6em; color: rgba(255, 255, 255, 0.7);}
.evCon1 h3 {margin: 0 -87px 0 -330px;}
.evCon1 .home {position: absolute; left: 40px; bottom: 100px;}

/* evCon2 */
.evCon2 {color:#fff;}
.evCon2 .mini_tit {opacity: 0.6;}
.evSection.evCon2 .con_tit {color:#fff;}
.evCon2 .level_box {display: flex; align-items: center; justify-content: center; gap: 16px;}
.evCon2 .level_box .box {width: 312px; }
.evCon2 .level_box .box.big {position:relative; width: 348px;}
.evCon2 .level_box .arrow1 {position: absolute;left: -40px;top: 53%;transform: translateY(-50%);}
.evCon2 .level_box .arrow2 {position: absolute;right: -44px;top: 53%;transform: translateY(-50%);}
.evCon2 .box.big .con {color:#111111; border:3px solid #ffeb48;}
.evCon2 .box.big .tit {padding: 11px 0; background-color: #ffeb48; color:#111;}
.evCon2 .box.big.blink .con {border:3px solid #ec1f1f;}
.evCon2 .box.big.blink .tit { background-color: #ec1f1f;  color:#fff;}
.evCon2 .level_box .tit {padding: 10px 0; background-color: #e5e5e5; color:#666666; border-radius: 16px 16px 0 0;}
.evCon2 .level_box .con {padding: 20px 20px 36px;background-color: #fff;color:#666;border-radius:  0 0 16px 16px;}
.evCon2 .con .top {font-weight: 900;}
.evCon2 .con .middle {margin:20px auto 16px; position: relative;}
.evCon2 .con .middle::before {content:""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: 1px; background-color: #000;}
.evCon2 .con .middle span {position: relative; padding: 0 15px;margin: 0 auto;background-color: #fff;width: max-content;font-weight: bold;}
.evCon2 .con .items {display: flex; flex-direction: column; gap: 10px;}
.evCon2 .items > li {border-radius: 8px; width: 100%; height: 54px; display: flex; align-items: center; justify-content: center; background-color: #e1e1e1;}
.evCon2 .box.big .items > li {height: 60px; background-color: #333333; color:#fff;}
.evCon2 .box.big .items .point {color:#ffe300;}
.evCon2 .quest_box {margin: 30px auto 0; padding: 45px 95px; border-radius: 16px; background-color: #fff; color:#000; text-align: left;}
.evCon2 .chk_list {margin: 20px auto 0; display: flex; flex-direction: column; gap: 15px; } 
.evCon2 .chk_list li { display: flex; gap: 12px; text-align: left; } 
.evCon2 .chk_list li::before { content: ""; margin:5px 0 0; display: block; width: 19px; height: 16px; background-image: url("https://image.megagong.net/m/2025/0707_p3672303/chk.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; } 
.evCon2 .underline {/* text-decoration: underline; */position: relative;}
.evCon2 .underline::after {content:""; display:block; position: absolute; left:0; width:100%; height:1px; background:#000;}


/* evCon3 */
.evCon3 {background: #f5f5f5;}
.evCon3 .target {margin: 60px auto 0;}
.evCon3 .target .tit {position: relative; margin: 0 auto 40px; z-index: 0;}
.evCon3 .target .tit::before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #000; z-index: -1;}
.evCon3 .target .tit span {display: inline-block; width: 268px; max-width: 40%; font-size: 24px; font-weight: 700; color: #fff; background: #000; padding: 7px 0; border-radius: 24px;}
.evCon3 .target ul {display: flex; gap: 21px;}
.evCon3 .target ul li {flex: 1; display: flex; justify-content: center; align-items: center; height: 156px; font-weight: 500; font-size: 18px; background: #fff; border-radius: 15px;}
.evCon3 .eventVideo.with_shadow {width: 1000px; margin: 40px auto 0;}
.evt-tab.type-1 li a {border-bottom:3px solid #111; border-right:none; border-left:none; border-top:none; color:#5c5c5c;}
.evt-tab.type-1 li.on a {font-weight: 900; background-color: #ffeb48; border: 3px solid #111; border-bottom: none;}
.evt-tab.type-1 li.on::before {display:none;}
.evt-tab.type-1.ver2 li a {
    border: 0;
    color: #959595;
    font-weight: 500;
}
.evt-tab.type-1.ver2 li.on a {
    border: 0;
    font-weight: 500;
    color: #555;
}
.evt-tab.type-1.ver2 li.on::before {}
.evt-tab.type-1.ver2 li a b {
    font-weight: bold;
    
}
.evt-tab.type-1.ver2 li.on a b {
    color: #000;
}

.evCon3 .tab_base li .empha{position: absolute;top: -21px;left: 50%;background: #111;padding: 8px 40px;border-radius: 40px;color: #fff;margin: 0 0 0 -165px;z-index: 1;}
.evCon3 .tab_base li .empha b{
    color: #ffeb48;
    font-weight: bold;
}

/* evCon4 */
.evCon4 {background: #ffe9e9;}
.evCon4 .show-768 {display: none;}
.evCon4 .tiny_noti {display:none; position:absolute; right:0; bottom: 10px; color: #999; text-align: right;}


/* evCon5 */
.evCon5 {background: #de1d1e;}
.evCon5 .con_tit {color: #fff;}
.evCon5 .book {margin: 0 auto 50px;}
.evCon5 .bookcover {margin: 0 auto 15px;}
.evCon5 .btn_wrap {display: flex; justify-content: center; align-items: center; gap: 20px;}
.evCon5 .btn_wrap a {display: block; width: 300px; max-width: 48%; font-size: 18px; color: #fff; background: #212121; border-radius: 10px; padding: 14px 0;}
.evCon5 .btn_wrap a b {display: block; font-size: 22px; color: var(--color-point1);}

/* evCon6 */
.evCon6 {background: #e1e1e1 url(https://image.megagong.net/m/2024/0703_p3672303/con8_bg.jpg) no-repeat; background-position: 100% 100% !important;}
.evCon6 .review_swiper .swiper-wrapper {flex-wrap: wrap; gap: 20px;}
.evCon6 .review_swiper .swiper-slide {flex: 1 1 auto; flex-basis: calc(33.333% - 13.333px); background: #fff17f; border-radius: 15px; height: 224px; display: flex; flex-direction: column; padding: 50px 0 40px;}
.evCon6 .review_swiper .swiper-slide p {font-size: 18px;}
.evCon6 .review_swiper .swiper-slide .writer {font-size: 14px; color: #999; margin-top: auto;}
.evCon6 .swiper-pagination {display: none;}
.evCon6 .swiper-pagination-bullet-active {background: var(--color-point2);}


#event1 .con_tit .mini_tit {color:#fff;}
#event1 .con_tit .mini_tit + strong {color:#feeb43;}
#event1 .container_info.ver_circle .info .info_date {color:#fff;}
#event1 .container_info .info .noti {color:#fff; }

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit {margin: 1% auto 8%;}
    .clp-fs28 {font-size:clamp(15px,3.3vmin,28px);}

    /* evCon1 */
    .evCon1 {padding: 6% 0 0;}
    .evCon1 .sub_tit {font-size: clamp(13px, 2.6vmin, 24px); letter-spacing: 1vw;}
    .evCon1 h3 {margin: 0 -6% 0 -20%;}
    .evCon1 .home {left: 5%; bottom: 10vw; max-width: 30%;}

    .evSection.evCon2 {padding: 14% 0 8%;}
    .evCon2 .quest_box {padding: 8vmin 5vmin;}

    /* evCon3 */
    .evCon3 .target {margin: 10% auto 0;}
    .evCon3 .target .tit {margin: 0 auto 4%;}
    .evCon3 .target .tit span {font-size: clamp(14px, 2.6vmin, 24px); padding: 0.5vw 0;}
    .evCon3 .target ul {gap: 1vw;align-items: stretch;}
    .evCon3 .target ul li {height: auto;padding: 5vmin 0;font-size: clamp(13px, 2vmin, 18px);}
    .evCon3 .eventVideo.with_shadow {width: 100%; margin: 5% auto 0;}
    .evCon3 .tab_base li .empha{
    left: 175px;
    padding: 6px 0;
    width: 240px;
    font-size: 11px;
}
    .evCon3 .tab_base li .empha::after {content:'';display:block;position: absolute;left: 20px;bottom: -7px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top: 7px solid #111;border-left: 0;}
    
    /* evCon4 */
    .evCon4 .btm_msg {font-size: clamp(16px, 3vmin, 28px); margin-top: 5%;}

    /* evCon5 */
    .evCon5 .book {margin: 0 auto 5%;}
    .evCon5 .bookcover {margin: 0 auto 3%;}
    .evCon5 .btn_wrap {gap: 1vw;}
    .evCon5 .btn_wrap a {font-size: clamp(13px, 2vmin, 18px); padding: 2vmin 0;}
    .evCon5 .btn_wrap a b {font-size: clamp(14px, 2.4vmin, 22px);}

    /* evCon6 */
    .evCon6 {background-image: none;}

}
@media screen and (max-width: 992px){
    /* evCon2 */
    .evCon2 .level_box {flex-direction: column;gap: 7vmin;}
    .evCon2 .level_box .box { width: 100%;}
    .evCon2 .level_box .box.big { width: 100%;}
    .evCon2 .level_box .arrow1 > img,
    .evCon2 .level_box .arrow2 > img {width: 180px;}
    .evCon2 .level_box .arrow1 {left: 50%;top: -14%;transform: translateX(-50%);}
    .evCon2 .level_box .arrow2 {right: 50%;top: 99%;transform: translateX(50%);}
    .evCon2 .con .middle {margin: 3vmin auto 2vmin;}
    .evCon2 .items>li { height: auto; padding: 2vmin 0;}
    .evCon2 .box.big .items>li {  height: auto; padding: 3vmin 0;}
    /* evCon6 */
    .evCon6 .review_swiper {position: relative; overflow: hidden;}
    .evCon6 .review_swiper .swiper-wrapper {flex-wrap: nowrap; gap: 0;}
    .evCon6 .review_swiper .swiper-slide {flex: 1 0 100%; height: 24vmin; padding: 3vw 0;}
    .evCon6 .review_swiper .swiper-slide p {font-size: clamp(14px, 2vmin, 18px);}
    .evCon6 .review_swiper .swiper-slide .writer {font-size: clamp(11px, 1.6vmin, 14px);}
    .evCon6 .swiper-pagination {display: block; position: static; margin-top: 2%;}
}
@media screen and (max-width: 768px){
    /* evCon2 */
    .evCon2 .level_box .arrow1 {top: -12%;}
    .evCon2 .level_box .arrow2 {top: 94%;}
    .evCon2 .level_box .arrow1 > img,
    .evCon2 .level_box .arrow2 > img {width: 128px;}
    
    .evCon2 .chk_list li::before {width: 15px;height: 9px;}
    .evCon2 .chk_list li > span {display:block;width: calc(100% - 15px);}

    /* evCon3 */
    .evCon3 .target ul {flex-direction: column;gap: 3vmin;}
    .evCon3 .target ul li {width: 100%;padding: 2vmin 5vmin;border-radius: 10px;}
    
    /* evCon4 */
    .evCon4 .tiny_noti {text-align: center;display:block;position: static;}
    .evCon4 .show-768 {display: block;}
    .evCon4 .hide-768 {display: none;}
    .evCon4 .btm_msg > img {display: none;}
    

}
@media screen and (max-width: 576px){
    .evCon2 .chk_list {gap: 10px;}
    
    /* evCon6 */
    .evCon6 .review_swiper .swiper-slide {height: 140px;}
}