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

:root{
    --point-color1:#ff53a8;
    --point-color2:#458bff;
    --black:#000;    
}

.evSection .gradient {background: #ff53a8; background: -webkit-linear-gradient(45deg, #458bff 0%, #ff53a8 100%); background: linear-gradient(90deg, #458bff 0%, #ff53a8 100%); }

.evSection .txt_gradient {background: #ff53a8; background: -webkit-linear-gradient(45deg, #458bff 0%, #ff53a8 100%); background: linear-gradient(90deg, #458bff 0%, #ff53a8 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* settings */
.evSection {padding: 150px 0;}
.evSection .con_tit {margin-bottom: 60px; line-height: 1.35; letter-spacing: -0.92px;}
.evSection .mini_tit{opacity: 0.6; margin: 0 0 22px;}


.flt_inner {right: 0;}
.flt_inner.renewal li {margin-bottom: 3px;}
.flt_inner.renewal li.top {margin-bottom: 0;}

.eventWrap .tit_line {position:relative;margin-bottom:40px;line-height: 1;display: flex;align-items: center;justify-content: center}
.eventWrap .tit_line::before {content:'';display:block;width:100%;height:1%;background: #000;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.eventWrap .tit_line span {position:relative; padding: 0 40px; line-height: 1.3;}

.evSection .color_highlight{color: #ff53a8;}
.evSection .w{color: #fff !important;}
.evSection .black{color: #000 !important;}
.evSection .bo{font-weight: bold !important;}
.evSection .ebo{font-weight: 900 !important;}
.evSection .me{font-weight: 500 !important;}
.evSection .nm{font-weight: 400 !important;}

.evSection .con_tit .end::after { background: #fbf38d; } 

/* swiper */
.eventWrap .swiper_all_wrap {position: relative;}
.eventWrap .swiper-initialized {position: relative;overflow: hidden}

/* bullet °øÅë */
.eventWrap .swiper-pagination {display: flex;justify-content: center;top: auto;bottom: auto;margin-top: 3rem; display: none;}
.eventWrap .swiper-pagination-bullet{background: #fdfeff;opacity: 1;width: 12px;height: 12px;}
.eventWrap .swiper-pagination-bullet-active{background: #ff53a8;}

/* button °øÅë */
.eventWrap .swiper-button-next, 
.eventWrap .swiper-button-prev{top: 50%;transform: translateY(-50%);left: auto;right: auto;margin: 0 auto;z-index: 2;width: auto;height: auto;}
.eventWrap .swiper-button-next:after, 
.eventWrap .swiper-button-prev::after{background-position: center;background-repeat: no-repeat;width: 100%;height: 100%;}
.eventWrap .swiper-button-next{right: 0;transform: translateY(-50%) rotate(180deg);}
.eventWrap .swiper-button-next:after{transform: rotate(180deg);}

/* button °øÅë - ±âÁ¸ ½ºÅ¸ÀÏ »ö»óº¯°æ ½Ã */
.eventWrap .type1-prev, 
.eventWrap .type1-next{color: #fff;}
.eventWrap .type1-prev:after, 
.eventWrap .type1-next::after{font-size: 50px;}

/* button °øÅë - À̹ÌÁö ³Ö¾úÀ» °æ¿ì */
.eventWrap .type2-next:after, 
.eventWrap .type2-prev::after{font-size: 0;}
.eventWrap .type2-prev{left: -3rem;}
.eventWrap .type2-next{right: -3rem;}
/* swiper */

/* evCon1 */
.evSection.evCon1 { background: #132628 url(https://image.megagong.net//m/2024/1108_wjsgywls1/con1_bg.jpg) no-repeat center/cover; padding: 55px 0 0;}
.evCon1 .top_desc{letter-spacing: 10.5px; margin: 0 0 20px;}
.evCon1 .con_box .left_desc{text-align: left; position: absolute; top: 260px; line-height: 1.5; color: rgba(0,0,0,.8); z-index: 1;}
.evCon1 .con_box .left_desc::before{position: absolute; z-index: -1; content: ''; left: -15px; top: -6px; width: 27px; height: 27px; border-radius: 50%; background: var(--point-color1);}
.evCon1 .con_box .bot{position: absolute; bottom: 90px; left: 50%; transform: translateX(-50%); width: 100%;}
.evCon1 .con_box .bot a{margin: 30px 0 0; display: inline-block;}

/* evCon2 */
.evCon2{background: #fafafa;}
.evCon2 li{border-radius: 10px; box-shadow: 7.6px 9.3px 21px 0 rgba(0, 0, 0, 0.07); border: solid 1px #eee; background-color: #fff; padding: 40px 85px; display: flex; align-items: center; gap: 70px;}
.evCon2 li:not(:last-child){margin-bottom: 20px;}
.evCon2 li .txt_box{text-align: left;}
.evCon2 li .txt_box span{padding: 8px 0; width: 262px; display: inline-block; border-radius: 30px; text-align: center; margin: 0 0 15px;}
.evCon2 li .txt_box p{line-height: 1.5;}

/* evCon3 */
.evCon3{background: #272a2e; padding: 160px 0 180px;}
.evCon3 .evCon3_bak_img{position: absolute; left: calc(100% - 80px); top: -35px;}
.evCon3 .swiper-slide{background: #fff;  border-radius: 10px; box-shadow: 7.6px 9.3px 21px 0 rgba(0, 0, 0, 0.07); padding: 0 10px; min-height: 343px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.evCon3 .type2-prev{left: -80px;}
.evCon3 .type2-next{right: -80px;}
.evCon3 .tit{display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0 0 20px;}
.evCon3 .desc{line-height: 1.59;}
.evCon3 .swiper-pagination{position: relative;}
.evCon3 .noti {margin: 10px auto 0; color:#bbb; text-align: right; font-weight:400;}


/* evCon4 */
.evCon4{background: #fcf3f5;}
.evCon4 .tit_line span{background: #fcf3f5;}
.evCon4 .eventVideo{margin: 0 0 80px;}
.evCon4 .step_list{width: 1258px; margin-left: -89px;}
.evCon4 .noti{color: #999; text-align: left;}
.evCon4 .w1112{width: 1112px; margin: 0 auto;}
.evCon4 .step_list_img.new {margin: -50px 0 -120px;}

/* evCon5 */
.evCon5{background: #ffe0e8;}
.evCon5 .tit_line {margin: 0 0 30px;}
.evCon5 .tit_line span{background: #ffe0e8;}
.evCon5 .top{display: flex; gap: 30px;}
.evCon5 .top .eventVideo{width: 575px; margin-bottom: 70px;}
.evCon5 .top .right_box{ width: calc(100% - 605px);}
.evCon5 .top .right_box .tit_line span{padding: 0 25px;}
.evCon5 .top .right_box li{ border-radius: 30px; box-shadow: 7.6px 9.3px 21px 0 rgba(0, 0, 0, 0.07); background-color: #fff; padding: 18px 0;}
.evCon5 .top .right_box li:not(:last-child){margin-bottom: 5px;}
.evCon5 .bot ul{display: grid; grid-template-columns: repeat(3, 1fr); background: #fff; border-radius: 10px; box-shadow: 7.6px 9.3px 21px 0 rgba(0, 0, 0, 0.07); padding: 45px 0;}
.evCon5 .bot{margin: 0 0 80px;}
.evCon5 .bot ul li:not(:last-child){border-right: 1px solid #ddd;}
.evCon5 .bot ul li p{margin: 20px 0 0;}
.evCon5 .badge{position: absolute; right: -110px; top: -75px; z-index: 1;}
.evCon5 .badge.on{opacity: 0;}

/* evCon6 */
.evCon6 .tc_box { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%;} 
.evCon6 .tc_box .swiper_common { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; } 
.evCon6 .tc_box .swiper-wrapper { gap: 20px; } 
.evCon6 .tc_box .swiper-slide { width: calc(33.33% - 12px) !important;} 
.evCon6 .tc_box .item{background: #f3f3f3; aspect-ratio: 352/196; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center;} 
.evCon6 .tc_box .item span{border-radius: 20px; padding: 5px 0; width: 180px; margin: 0 auto 20px; display: inline-block;}
.evCon6 .more_btn{padding: 22px 0; width: 380px; background: #111; border-radius: 35px; margin: 40px 0 0; display: inline-block;} 
.evCon6 .type3-prev{left: -80px;}
.evCon6 .type3-next{right: -80px;}
.evCon6 .top{padding-bottom: 70px; position: relative;}
.evCon6 .top .swiper-pagination{position: relative; display: block; margin-top: -1rem;}
.evCon6 .top .swiper-pagination-bullet{background: #ababab;}
.evCon6 .top .swiper-pagination-bullet-active{background-color: #fc54a9;}
.evCon6 .top .swiper-button-next, .evCon6 .top .swiper-button-prev{top: 48%;}
.evCon6 .book_img{position: absolute; left: -75px; bottom: 20px; z-index: 2;}

/* evCon7 */
.event{background: #ff82b1;}
.event .event_tag.ver_border{background: #ff82b1;}
.event .con_tit .event_tag.ver_border,.event .con_tit .event_tag.ver_border::before{border-color: #fff;}
.event .mini_tit{margin: 40px 0 0; opacity: 1; font-weight: 400;}
.event .container_info {position: relative; padding: 50px 0 58px; margin: 0 0 80px 40px;}
.event .container_info::before {content: ''; position: absolute; top: 0; left: -500%; width: 1000%; height: 100%; background: #fa6ea3;}
.event .container_info .info .info_title {width: 136px; line-height: 38px; background: none; background: #000; color: #fff;}
.event .container_info .info .info_date .step{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
.event .container_info .info .noti {opacity: 0.5; margin-left: 8px; padding-left: 7px;}
.event .container_info .img_box{position: absolute; right: -26px; top: 15px;}
.event .gift_list{display: flex; justify-content: center; gap: 30px; margin: 0 0 80px;}
.event .eventBoard .evtBoard_common .evtBoard_inner{background: #ffc1d8;}
.event .evtBoard_common .board_notice li{color: rgba(34, 34, 34, 0.5);}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}
.evSection .warningList li ul li a{ color: var(--point-color1); padding: 0; text-decoration: underline; } 

@media screen and (max-width: 1200px){
    .evSection .con_tit .end{right:0;width:26%;}
    
    /* settings */
    .evSection {padding: 15% 0;}
    .evSection .con_tit {margin-bottom: 6%;}
    .eventWrap .tit_line { margin-bottom: 4%; } 

    .eventWrap .evCon .type2-prev, .eventWrap .evCon .type2-next {display:none;}

    .event .container_info {padding: 5% 0 6%; margin: 0 auto 7%;}   
    
    .evCon1 .con1_img01{width: clamp(300px, 70vmin, 778px);}
    .evCon1 .con_box .bot{bottom: clamp(20px, 6vmin, 90px);}
    .evCon1 .con_box .bot h3 img{width: 90%;}
    .evCon1 .con_box .bot a{width: clamp(180px, 20vmin, 259px);}
    
    .evCon2 li{gap: 40px; padding: 40px;}
    .evCon2 li .txt_box{max-width: 60%;}

    .evCon3 .swiper-pagination{display: block;}

    .evCon4 .eventVideo{margin: 0 0 8%;}
    .evCon4 .step_list{width: 100%; margin-left: 0;}    
    .evCon4 .step_list_img.new {margin: 0;}
    .evCon4 .w1112{width: 100%;}

    .evCon5 .top{flex-wrap: wrap; justify-content: center; margin-bottom: 6%;}
    .evCon5 .top .right_box{width: 100%;}
    .evCon5 .top .eventVideo{margin-bottom: 3%;}
    .evCon5 .badge{display: none;}
    .evCon5 .bot{margin: 0 0 8%;}

    .evCon6 .more_btn{padding: 12px 0; margin: 30px 0 0; width: clamp(200px, 30vmin, 380px);}
    .evCon6 .book_img{display: none;}
    
    .event .container_info{justify-content: start;}
    .event .container_info .img_box{position: inherit; right: auto; z-index: 1;}
    .event .gift_list{margin: 0 0 8%;}
}
@media screen and (max-width: 992px){
    .evCon4 .step_list{overflow-x: auto;}
    .evCon4 .step_list img{max-width:fit-content; width: 150%;}

    .evCon6 .tc_box { gap: 0; overflow: hidden; }
    .evCon6 .tc_box .swiper-wrapper { gap: initial; } 
    .evCon6 .tc_box .swiper-slide { width: 100% !important; } 
    .evCon6 .tc_box .swiper-horizontal>.swiper-pagination-bullets,.evCon6 .tc_box .swiper-pagination-bullets.swiper-pagination-horizontal,.evCon6 .tc_box .swiper-pagination-custom,.evCon6 .tc_box .swiper-pagination-fraction { display: flex; flex-direction: row; align-items: center; justify-content: center; bottom: 15px;}
    .evCon6 .tc_box .item{aspect-ratio: auto; padding: 20px 0 50px;}

}
@media screen and (max-width: 768px){
    .eventWrap .tit_line span{ padding: 0 15px;}  
    .eventWrap .swiper-pagination{display: block; margin-top: 1rem;}
    .eventWrap .swiper-pagination-bullet{width: 10px; height: 10px;}
    .evSection .mini_tit{margin: 0 0 10px;}

    .evCon1 .top_desc{letter-spacing: 6px;}

    .evCon2 li{flex-direction: column; gap: 20px;}
    .evCon2 li .txt_box{max-width: 80%; text-align: center;}
    .evCon2 li .img_box{width: clamp(180px, 20vmin, 254px);}

    .evCon3 .swiper-slide{min-height: 300px; padding: 0 50px;}
    .evCon3 .tit{margin: 0 0 10px; gap: 7px;}
    
    .evCon4 .noti{font-size: 10px;}

    .evCon5 .top .right_box li{padding: 10px 0;}
    .evCon5 .bot ul{grid-template-columns: repeat(1, 1fr); gap: 20px; padding: 30px 20px;}
    .evCon5 .bot ul li:not(:last-child){border-right: 0;}
    .evCon5 .bot ul li{display: flex; align-items: center; gap: 15px;}
    .evCon5 .bot ul li p{margin: 10px 0 0; text-align: left;}
    .evCon5 .bot ul li img{width: 70px;}
    .evCon5 .top .right_box .tit_line span{padding: 0 15px;}
    
    .evCon6 .tc_box .item span{width: 140px;}
    .evCon6 .top .swiper-pagination{margin-top: 0;}

    .event .gift_list{flex-wrap: wrap; gap: 20px;}
    .event .gift_list li{width: 46%;}

}
@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;}

	.eventWrap .evCon .swiper-pagination {margin-top: 1rem;}

    .event .container_info {display: block;}
    .event .container_info .info {flex-direction: column; align-items: center;}
    .event .container_info .info + .info {margin-top: 4%;}
    .event .container_info .info .info_title {width: 100px; line-height: 2.2;}
    .event .container_info .info .info_date{text-align: center;}

    .evCon1 .con_box .bot a{margin:15px 0 0}

    .evCon2 li{padding: 20px;}
    .evCon2 li .txt_box span{width: 80%;}
    .evCon2 li .txt_box{max-width: 100%;}

    .evCon3 .swiper-slide{padding: 0 20px; min-height: 370px;}
    .evCon3 .noti {font-size: 11px;}
}