@charset "euc-kr";

:root {
    --point-color1:#cc0001;
    --pt-gradi-color:linear-gradient(to right, #00c6ff, #0072ff);
}
/* bg url: https://img.megagong.net/m/2024/ - as-is url */
/* bg url: https://image.megagong.net/m/2024/ - to-be url */


.con_tit .end::after{background: #fff;opacity: 0.5;}/* ÀÌº¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.warningList li ul li a.tp1{background-color:#000; color:#fff;}


/* °øÅë */
.eventWrap .evSection{padding: 150px 0;}
.eventWrap .lecture { padding-bottom: 0 !important; background: #fff; } 
.evSection.evtoggleWarning{padding: 0 !important}


.evSection .fw-300{font-weight: 300 !important}
.evSection .fw-400{font-weight: 400 !important}
.evSection .fw-500{font-weight: 500 !important}
.evSection .fw-bold{font-weight: bold !important}
.evSection .color-black{color: #111 !important}
.evSection .color-highlight{color: var(--point-color1) !important}
.evSection .color-highlight2{color: var(--point-color2) !important}
.evSection .color-highlight3{color: var(--point-color3) !important}
.evSection .con_tit {margin: 0 0 55px;line-height: 1.3;font-weight: bold;position: relative;z-index: 1;}
.evSection .con_tit + .mini_tit{opacity: 0.6;margin-bottom: 65px;margin-top: -40px;}
.evSection .mini_tit + .con_tit {margin: 13px -10px 60px;}

/* S: swiper template */
.eventWrap .swiper_basic1_wrap {position: relative}
.eventWrap .swiper-initialized {/* position: relative; *//* overflow: hidden; */}
.eventWrap .evCon_swiper_destroy .swiper-wrapper {gap: 10px;flex-wrap: wrap}
.eventWrap .evCon_swiper_destroy .swiper-slide {display: flex;flex: 1 0 calc(50% - 10px);justify-content: center}		
.eventWrap .evCon_swiper_destroy .swiper-pagination {display: none}

.eventWrap .swiper-pagination{position: relative;display: flex;justify-content: center;top: auto;bottom: auto;margin-top: 0.7vw;z-index: auto}
.eventWrap .swiper-pagination-bullet{background: #c4c4c4;}
.eventWrap .swiper-pagination-bullet-active{background: #000}
.eventWrap .dot_white .swiper-pagination-bullet{background: #fff}

.flt_inner.renewal.example li:not(.top) a{padding:0;background: none;}


/* ÁÖ¼® */
.eventWrap .tiny_noti.right{text-align: right;}
.eventWrap .tiny_noti.left{text-align: left;}



.eventWrap .evSection.evCon1 {background: url(https://image.megagong.net/m/2025/1001_passcom/con_img4.png) no-repeat center 0;padding: 59px 0 0;text-align: center;color: #fff;} 
.evCon1 h3{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    font-weight: 500;
    color: #b8cdf4;
    letter-spacing: 0.15em;
    margin: 0 0 26px;
}
.evCon1 h3 b{
    display: block;
    margin: 23px 0 0;
}
.evCon1 h3 + p{letter-spacing: 0;margin: 0 0 20px;}
.evCon1 .illu{
    margin: -33px 32px 0 0;
}

.eventWrap .evSection.evCon2 {background: #fff url(https://image.megagong.net/m/2025/1001_passcom/con_img8.png)repeat center 0;} 
.evSection .monitor{border-radius: 10px;position: relative;display: flex;width: 1000px;flex-direction: column;align-items: center;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.10);background: #fff;padding: 110px 0 60px;margin: 0 auto 40px;color: #000;}
.evSection .monitor .mini_tit{margin-bottom: 30px;}
.evSection .monitor .ment{display: flex;flex-direction: column;align-items: center;gap: 16px;font-weight: normal;color: #666;line-height: 1.6;}
.evSection .monitor .ment .point{
    margin: -10px 0 0;
    font-weight: bold;
    background: linear-gradient(180deg, transparent 0%,transparent 49%, rgba(255, 255, 21, 0.4) 50%, rgba(255, 255, 21, 0.4) 100%);
    color: #000;
    padding: 0 10px 1px;
}
.evCon3 .monitor .ment .point{margin-top:0
}
.evSection .monitor > i{
    position: absolute;
    top: 0;
    left: 0;
}
.evSection .htag{
    display: flex;
    align-items: flex-start;
    gap: 0 10px;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 62px;
    justify-content: center;
}
.evSection .htag li{
    display: flex;
    padding: 8px 3px 9px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 53px;
    border: 1px solid #000;
    width: calc(50% - 10px);
}
.evSection .htag li:last-child{
    display: flex;
    padding: 26px 0;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 3px;
    background: #111;
    color: #FFF;
    text-align: center;
    font-weight: 700;
    line-height: 0; /* 0% */
    margin: 40px 0 0;
    width: calc(100% - 151px);
    border: 0;
}
.evSection .htag li:last-child a{
    color: #FFFF15;
    font-size: inherit;
    font-weight: 700;
    line-height: 1;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 1px;
    text-underline-offset: 1px;
    text-underline-position: from-font;
}
.evSection.evCon3 .htag li{border-color: #fff;}


.eventWrap .evSection.evCon3 {background: #0484FB url(https://image.megagong.net/m/2025/1001_passcom/con_img11.png) repeat center 0;color: #fff;} 


.eventWrap .evSection.evCon4 {background: #FF94D1;/* padding:0; */} 
.evCon4 .bg_img{
    position: absolute;
    top: -240px;
    right: -246px;
}
.evCon4 .bg_img.bg2{
    top: unset;
    bottom: -150px;
    right: unset;
    left: 50%;
    margin: 0 0 0 -805px;
}
.evCon4 .start{
    display: block;
    margin: 0 0 30px;
}


.eventWrap .evSection.evCon5 {background: #fff;/* padding:0; */} 
.evCon5 .pr_content_wrap .pr_content_swiper .ico{
    width: auto;
    height: auto;
    margin-top: 40px;
}
.evCon5 .btn-base a{
    background: #FC518A;
    color: #fff;
}
.evCon5 .tiny_noti{
    text-align: right;
    color: #999;
    margin: 20px 0 60px;
}
.evCon5 .tiny_noti a{
    color: var(--gong-menuIcn-color2);
    font-weight: bold;
}
.eventWrap .evSection.evCon5 .pr_content_wrap .pr_content_swiper .con{
    color: #111;
}
.evCon5 .pr_content_wrap .pr_content_swiper .swiper-slide{
    background: #FEF7DB;
    padding: 0 0 40px;
    overflow: hidden;
}
.evCon5 .pr_content_wrap .pr_content_swiper .tit{background: #000;color: #fff;display: flex;justify-content: center;align-items: center;padding: 20px 0;flex-direction: column;font-size: 18px;}
.evCon5 .pr_content_wrap .pr_content_swiper .label{
    font-size: 15px;
    padding: 0 0 3px;
}

.eventWrap .evSection.event1 {background: #0484FB;}
.evSection.event.event1 .obj_cover .partc_obj{
    mix-blend-mode: normal;
    opacity: 1;
    transform: translate(-49%, -104%);
}
.event1 .mega_card_wrap.ver_npay{}
.event1 .mega_card_wrap.ver_npay .card{
    text-align: center;
}
.event1 .mega_card_wrap .tail{
    color: #fff;
    font-weight: normal;
}
.event1 .mega_card_wrap.ver_npay .gift_result_base{
    background: #FFCB41;
    color: #000;
}
.event1 .btn-base  a{
    background: #FC518A;
    color: #fff;
    min-width: 367px;
}
.event1 .con_tit .mini_tit+strong{color: #fff;}
.evSection.event1 .bg_shadow{
    bottom: unset;
    top: 975px;
}
.event1 .container_info .info .noti{
    color: #000;
}
.event1 .gallery_base_wrap{
    margin-top: 60px;
}
.admin_wrap{
    margin: 30px 0 5px;
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    border: 2px solid #000;
}
.admin_wrap div:first-child{
    background: #f2f2f2;
    padding: 6px 20px;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.admin_wrap div:last-child{}
.admin_wrap label{
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    font-size: 13px;
}
.eventWrap .evWarning, .eventWrap .evtoggleWarning{padding: 0 !important;}


a.reviewList_more{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #EDEDED;
    margin: 20px 0 0;
    border-radius: 10px;
    padding: 7px 0;
    font-size: 13px;
    color: #666666;
}
a.reviewList_more i{
    border: 2px solid #666;
    width: 6px;
    height: 6px;
    border-width: 0px 1px 1px 0px;
    opacity: 1;
    transform: rotate(45deg);
    margin: -3px 0 0 8px;
    vertical-align: middle;
}



@media screen and (max-width: 1200px) { 
    
    .eventWrap .evSection{padding: 15% 0}
    .eventWrap img{/* width:100%; */}

    .evSection .con_tit{margin: 0 0 7%;}
    .evSection .mini_tit + .con_tit{
    margin: 10px 0 7%;
}
    .evSection .con_tit + .mini_tit{
    margin: -3% 0 8%;
}

    .evCon_swiper_destroy {position: relative; overflow: hidden}
    .eventWrap .evCon_swiper_destroy.destroy_1200 .swiper-wrapper {gap: 0;flex-wrap: nowrap}
    .eventWrap .evCon_swiper_destroy.destroy_1200 .swiper-slide {flex: 1 0 auto}
    .eventWrap .evCon_swiper_destroy.destroy_1200 .swiper-pagination {display: block}

    .evSection .slick-arrow{display: none !important}

    .eventWrap .tiny_noti.right{text-align: center}


    
.eventWrap .evSection.evCon1 {
    padding: 8% 0 0;
    background-repeat: repeat;
} 
.evCon1 h3{
    margin: 0 0 3%;
}
.evCon1 h3 b{
    margin: 3% 0 0;
    width: 100%;
}
.evCon1 h3 b img{width: clamp(320px,53vmin,500px);}
.evCon1 h3 + p{margin: 0 0 5%;}
.evCon1 .ding{
}
.evCon1 .ding img{
    width: clamp(230px,35vw,320px);
}
    .evCon1 .illu{
    margin: 0 0 0;
}

.eventWrap .evSection.evCon2 {} 
.evSection .monitor{
    width: 100%;
    padding: clamp(30px,7.5vmin,70px) 3% 50px;
    margin: 0 0 5%;
}
.evSection .monitor .mini_tit{
    margin-bottom: 20px;
}
.evSection .monitor .ment{
    gap: 8px;
    line-height: 1.3;
}
.evSection .monitor .ment i{}
.evSection .monitor .ment i img{
    width: clamp(180px,34vmin,310px);
}
.evSection .monitor .ment .point{margin: 0;background: rgba(255, 255, 21, 0.4);}
.evCon3 .monitor .ment .point{
}
.evSection .monitor > i{
    width: 100%;
}
.evSection .monitor > i img{width: 100%;}
.evSection .htag{padding: 0;}
.evSection .htag li{
}
.evSection .htag li:last-child{flex-direction: column;align-items: center;gap: 7px;line-height: 1.3;padding: 18px 0 20px;margin: 15px 0 0;width: 100%;}
.evSection .htag li:last-child a{}
.evSection.evCon3 .htag li{}


.eventWrap .evSection.evCon3 {} 

.evCon4 .bg_img{display:none}
.evCon4 .start{margin: 0 0 5%;}
.evCon4 .start img{
    width: clamp(120px,22vmin,190px);
}


.eventWrap .evSection.evCon5 {} 
.evCon5 .pr_content_wrap .pr_content_swiper .ico{margin-top:20px;width: clamp(80px,15vmin,120px);}
.evCon5 .btn-base a{
}
.evCon5 .tiny_noti{text-align: center;}
.evCon5 .tiny_noti a{
}
.eventWrap .evSection.evCon5 .pr_content_wrap .pr_content_swiper .con{
}
.evCon5 .pr_content_wrap .pr_content_swiper .swiper-slide{}
.evCon5 .pr_content_wrap .pr_content_swiper .tit{font-size:clamp(15px,2.3vmin,18px);padding:clamp(12px,1.9vmin,15px) 0}
.evCon5 .pr_content_wrap .pr_content_swiper .label{
}



.dri_btn{}

 }





@media screen and (max-width: 992px){




 }





@media screen and (max-width: 768px) { 
    
    
    
    .eventWrap .evCon_swiper_destroy.destroy_768 .swiper-wrapper {gap: 0;flex-direction: row;flex-wrap: nowrap;}
    .eventWrap .evCon_swiper_destroy.destroy_768 .swiper-slide {flex: 1 0 auto}
    .eventWrap .evCon_swiper_destroy.destroy_768 .swiper-pagination {display: block}

    .evSection.event.event1 .obj_cover .partc_obj{display:none}

 }






@media screen and (max-width: 576px){



    .eventWrap .type1-prev:after, 
    .eventWrap .type1-next::after{font-size: 40px}

    .eventWrap .type2-prev,
    .eventWrap .type2-next{width: 3rem}

.evSection .htag{
    flex-direction: column;
    gap: 7px;
}
.evSection .htag li{
    width: 100%;
}
    .evSection .htag li:last-child{
    margin: 0;
}
    
 }



