@charset "euc-kr";


/* url: https://img.megagong.net/m/2025/ */

:root {--point-color1:#2AECFE;--point-color2:#7235E0;--point-color3:#23FCFF;--pt-gradi-color:linear-gradient(to right, #00c6ff, #0072ff);--swiper-navigation-size:25px;--swiper-navigation-color:#000;--swiper-theme-color:#000;}


.eventWrap .con_tit .end::after{background: #000;}
/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.event2 .con_tit .end::after{background: #fff;}
.eventWrap .tiny_noti{padding:10px 0 0}
.eventWrap .tiny_noti.right{text-align: right;opacity: 0.5;}

.eventWrap .evSection{padding: 150px 0;}
.eventWrap .con_box{/* color:#505050; */}
.evSection.evtoggleWarning{padding: 0 !important;}

.evSection .fw-300{font-weight: 300;}
.evSection .fw-400{font-weight: 400;}
.evSection .fw-500{font-weight: 500;}
.evSection .fw-bold{font-weight: bold;}
.evSection .color-highlight{color: var(--point-color1);}
.evSection .color-highlight2{color: var(--point-color2);}
.evSection .color-highlight3{color: var(--point-color3);}
.evSection .con_tit {margin: 0 -60px 53px;line-height: 1.3;}
.evSection .con_tit + .mini_tit{opacity: 0.6;margin-bottom: 50px;}
.evSection .mini_tit + .con_tit {margin: 13px 0 50px;}

/* S: swiper template */
.eventWrap .swiper_basic1_wrap {position: relative;}
.eventWrap .swiper-initialized {position: relative;overflow: hidden}
.evCon_swiper_destroy .swiper-wrapper {gap: 10px;}
.evCon_swiper_destroy .swiper-slide {display: flex;flex: 1 1 auto;/* height: 125px; */justify-content: center;}		
.evCon_swiper_destroy .swiper-pagination {display: none;}

.eventWrap .swiper-pagination{position: relative;display: flex;justify-content: center;top: auto;bottom: auto;margin-top: 1vw;}
.eventWrap .swiper-pagination-bullet{background: #c4c4c4;opacity: 1;width: 12px;height: 12px;}
.eventWrap .swiper-pagination-bullet-active{background:#4756FF;}

.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);}
.eventWrap .swiper-scrollbar .swiper-scrollbar-drag{background: var(--point-color1);}

.eventWrap .type1-prev, 
.eventWrap .type1-next{color: #fff;}
.eventWrap .type1-prev:after, 
.eventWrap .type1-next::after{font-size: 50px;}

.eventWrap .type2-next:after, 
.eventWrap .type2-prev::after{font-size: 0;}
.eventWrap .type2-prev{left: -1rem;}
.eventWrap .type2-next{right: -1rem;}

.eventWrap .line_tit {margin-bottom: 50px;}
.eventWrap .line_tit.i-black i {background: #000;}

/*swiper-slide swiper-slide-visible swiper-slide-fully-visible swiper-slide-active*/



.eventWrap .evSection.evCon1{background: #2e0853 url(https://img.megagong.net/m/2025/0707_pt1969/con_img10.png) no-repeat center 0;padding: 0;color: #fff;text-align: left;} 
.evCon1 .inner{padding: 183px 0 65px;}
.evCon1 .info p{font-weight: normal;margin: 0 0 60px;letter-spacing: 0;}
.evCon1 .info a{margin: 0 0 30px;display: inline-flex;}
.evCon1 .point{position: relative;height: 50px;margin: 0 0 168px;}
.evCon1 .point img{position: absolute;top: 0;left: -300px;}
.evCon1 .last_point{text-align: center;}
.evCon1 .last_point p{font-weight: normal;}
.evCon1 .last_point p + p{font-weight: 900;line-height: 1.4;margin: 7px 0 0;}



.eventWrap .evSection.fix_mode{padding-top:90px;}
.fix_menu {z-index: 5;position: relative;height: 90px;}
.fix_menu ul{display: flex;width: 1080px;align-items: flex-start;gap: 1px;margin: 0 auto;}
.fix_menu li{flex: 1;position: relative;}
.fix_menu li i{position: absolute;top: 50%;right: -35px;transform: translateY(-50%);z-index: 2;}
.fix_menu li a{display: flex;height: 90px;padding: 20px 0px;flex-direction: column;justify-content: center;align-items: center;gap: 0px;flex: 1 0 0;}
.fix_menu li a b{color: #FFF;text-align: center;font-weight: bold;line-height: 22px; /* 137.5% */letter-spacing: -0.48px;}
.fix_menu li.event a{background: #AF8633;}
.fix_menu li.event a span{display: flex;width: 50px;height: 20px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 100px;background: #CEAF71;color: #fff;margin: 0 0 4px;}

.fix_menu.fixed{position: fixed;top: 0;left: 0;width: 100%;}


.eventWrap .evSection.evCon3{padding-bottom: 0;padding-top: 0;} 
.evCon3 .con_box{position:relative}
.evCon3 .ev3_tap {display: flex;margin: 0 auto 0;position: absolute;top: 0;left: 0;width: 100%;z-index: 1;}
.evCon3 .ev3_tap::before {content:'';position: absolute;top: 0;left: 100%;width: 3000px;height: 100%;background: #1A0738;z-index: 0;}
.evCon3 .ev3_tap::after{content:'';position: absolute;top: 0;right: 100%;width: 3000px;height: 100%;background: #170426;z-index: 0;}

.evCon3 .ev3_tap.fixed {position: fixed;top: 0;left: 0;width: 100%;z-index: 3;justify-content: center;background: linear-gradient(90deg, #170426 0%, #1A0738 100%);}
.evCon3 .ev3_tap li {flex: 1;}
.evCon3 .ev3_tap.fixed li{}
.evCon3 .ev3_tap li a {position: relative;background: #3D3D3D;font-weight:bold;display: flex;padding: 23px 0px;flex-direction: column;justify-content: center;align-items: center;gap: 3px;flex: 1 0 0;color: #8C8C8C;}
.evCon3 .ev3_tap li.on a {color: #000;/* border: 1px solid #fff; */background: #fff;}
.evCon3 .ev3_tap li a strong{display: flex;align-items: flex-start;}
.evCon3 .ev3_tap li a strong sup{margin: 4px 0 0 3px;font-weight: normal;}
.evCon3 .ev3Tap_base {position:relative;background: #fff;padding: 190px 0 150px;/* margin: 0 -105px 0 -105px; */}
.evCon3 .panel_base::before {content:'';position: absolute;top: 0;left: 100%;width: 3000px;height: 100%;background: #fff;z-index: 0;}
.evCon3 .panel_base::after{content:'';position: absolute;top: 0;right: 100%;width: 3000px;height: 100%;background: #fff;z-index: 0;}
.evCon3 .ev3Tap_base li .eventVideo {margin: 0 40px 50px;}
.evCon3 .evCon3_swiper1 .swiper-wrapper{gap: 7px;flex-direction: row;flex-wrap: wrap;}
.evCon3 .evCon3_swiper1 .swiper-slide{flex: 1;}
.evCon3 .evCon3_swiper1 {display:none}
.evCon3 .evCon3_swiper1.swiper-initialized {display: block}
.evCon3 .ev3Tap_base .point_tit{text-align: center;font-weight: bold;margin: 0 0 50px;}
.evCon3 .ev3Tap_base .point_tit img{display: block;margin: 0 auto 10px;width: auto;}
.evCon3 .ev3Tap_base .focus_step{position: relative;display: flex;justify-content: center;align-items: flex-start;gap: 20px;align-self: stretch;z-index: 1;}
.evCon3 .ev3Tap_base .focus_step::before{content:'';background: url(https://img.megagong.net/m/2025/0707_pt1969/con_img12.png) no-repeat center center;width: 1290px;height: 140px;position: absolute;top: 50%;margin: -50px 0 0 40px;}
.evCon3 .ev3Tap_base #con3Tab3 .focus_step::before{background-image: url(https://img.megagong.net/m/2025/0707_pt1969/con_img12_2.png);}
.evCon3 .ev3Tap_base .focus_step li{position: relative;display: flex;width: 240px;height: 260px;flex-direction: column;align-items: center;gap: 25px;border-radius: 20px;border: 1px solid #BEBEBE;background: #FFF;}
.evCon3 .ev3Tap_base .focus_step li span{align-self: stretch;color: #696969;font-weight: 500;line-height: 24px; /* 150% */letter-spacing: -0.32px;}
.evCon3 .ev3Tap_base .focus_step li span.point{display: flex;width: 240px;height: 55px;padding: 20px 95px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 20px 20px 0px 0px;background: #7235E0;color: #fff;}
.evCon3 .ev3Tap_base .focus_step li strong{align-self: stretch;color: #000;font-style: normal;font-weight: 700; /* 188.889% */line-height: 1;margin: 5px 0 0;}
.evCon3 .ev3Tap_base .focus_step + hr{margin: 0 0 120px;border: 0;}
.evCon3 .ev3Tap_base .tea_step{position: relative;display: flex;justify-content: center;align-items: stretch;gap: 20px;align-self: stretch;flex-direction: column;}
.evCon3 .ev3Tap_base .tea_step li{position: relative;border-radius: 10px;border: 1px solid #BEBEBE;background: #FFF;overflow: hidden;}
.evCon3 .ev3Tap_base .tea_step li::before{content:'';display: block;background: url(https://img.megagong.net/m/2025/0707_pt1969/con_img14.png) no-repeat 0 0;width: 26px;height: 30px;position: absolute;bottom: 20px;right: 20px;}
.evCon3 .ev3Tap_base .tea_step li .info{ /* 150% */height: 100px;display: flex;justify-content: center;align-items: center;font-weight: bold;}
.evCon3 .ev3Tap_base .tea_step li .info span{position:relative;flex: 1;}
.evCon3 .ev3Tap_base .tea_step li .info span b{font-weight:inherit}

.evCon3 .ev3Tap_base .tea_step li .info span + span{border-left: 1px solid #7C7C7C;}
.evCon3 .ev3Tap_base .tea_step li .point {display: flex;padding: 12px 95px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 10px 10px 0px 0px;background: #2C2C2C;color: #fff;font-weight: bold;width: 100%;flex: none;font-weight: 500;}
.evCon3 .ev3Tap_base .tea_step li .focus_wrap {opacity: 0;transition: opacity 0.2s ease;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #F6F0FF;}
.evCon3 .ev3Tap_base .tea_step li .focus_wrap .point{background:var(--point-color2)}

/* È­¸é ³Êºñ°¡ 1200px ÀÌ»óÀÏ ¶§: hover ½Ã È¿°ú */
@media screen and (min-width: 1200px) {
    
    .evCon3 .ev3Tap_base .tea_step  > li:hover .focus_wrap {opacity: 1;}

}

.evCon3 .line_tit i{background: none;border-top: 1px dotted #000;}
.evCon3 .con_tit.mt120 {margin-top: 120px}




.evSection.event.event3 {background: #7235E0;color: #fff;}
.evSection.event.event3 .evt_mark,
.evSection.event.event4 .evt_mark{font-size: 20px;padding: 9px 26px;font-weight: 500;margin: 0 0 25px;}
.evSection.event.event3 .con_tit .evt_mark::after,
.evSection.event.event4 .con_tit .evt_mark::after{display: none;}
.event.event3 .con_tit, .event.event4 .con_tit, .event.event5 .con_tit{margin-bottom: 20px;}
.evSection.event.event3 .bg_shadow{bottom: unset;top: 940px;}
.evSection.event.event3 .share_link_wrap{margin: 0;}
.evSection.event.event3 .regist_form_area{position: relative;background: var(--point-color1);}
.evSection.event.event3 .check-base{position: absolute;bottom: 30px;right: 40px;}
.evSection.event .obj_cover .pattern_obj{mix-blend-mode: luminosity;margin: -80px 0 0;}
.evSection.event3 .btn-base-wrap a{line-height:1.3}
.evSection.event3 .purchase_base_list{margin-top: 50px;}
.purchase_base_list > li .purchase_info .tit{margin-top:0}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{z-index: 1;}
.evSection.event3 .purchase_base_list > li .purchase_price .badge{background: var(--point-color2);}
.evSection.event3 .purchase_base_list > li .purchase_price .price_area .current{color: var(--point-color2);}

.evSection.event.event4 {background: linear-gradient(180deg, #BEFEFF 0%, #23FCFF 100%);}

.evSection.event.event5 {background: linear-gradient(180deg, #FFD3F5 0%, #B084FF 100%);}
.evSection.event.event5 .con_tit + .mini_tit {color:#8B5589;opacity: 1;}
.evSection.event.event5 .con_tit + .mini_tit span{display: block;margin: 0 0 10px;}
.evSection.event.event5 .container_info .info .noti{color: #000;}
.evSection.event.event5 .con_tit + .mini_tit b{color:#000;font-weight: inherit;}
.evSection.event.event5 .gift_list_wrap{margin-bottom: 60px;}
.evSection.event.event5 .gift_list_wrap li .badge{background: var(--point-color2);}
.evSection.event3 .gift_result_base{right: -20px;top: -23px;}
.evSection.event.event5 .regist_form_area{background: var(--point-color2);}


.condition_btn{display: none !important;}
.stepTab_wrap{border: 1px solid #d6d6d6;border-width: 1px 0;}
.mg_s_info a{color:var(--point-color2);font-weight: bold;}


.lectNull_wrap{background: #f5f5f5;padding: 70px 0;}


@media screen and (max-width: 1200px){
    


    .eventWrap .evSection{padding: 15% 0;}
    .eventWrap img{width:100%;}

    .eventWrap .tiny_noti.right{text-align: center;}

    .eventWrap .line_tit{margin-bottom: 20px;}
    .line_tit.circle span, .line_tit.line span{padding-left: 20px;padding-right: 20px;line-height: 1.3;}
    .evSection .con_tit{margin: 0 0 4%;}
    .evSection .con_tit + .mini_tit{margin: 0 0 7%;}

    .eventWrap .sliderWrap .sliderArrow a {max-width:6%}
    .eventWrap .sliderWrap .slick-slide img{width: 100%;}
    .evSection .mini_tit + .con_tit{margin: 2% 0 7%;}


    .evCon_swiper_destroy {position: relative; overflow: hidden;}
    .evCon_swiper_destroy .swiper-wrapper {gap: 0;flex-wrap: nowrap;}
    .evCon_swiper_destroy .swiper-slide {flex: 1 0 auto;}
    .evCon_swiper_destroy .swiper-pagination {display: block;}

    .fix_menu {height: auto;}
    .fix_menu ul{width: 100%;flex-wrap: wrap;}
    .fix_menu li{flex: 1 0 calc(50% - 1px);border-bottom: 1px solid #d6b46f;}
    .fix_menu li a{/* font-size: 17px; */padding: 23px 0;height: auto;}
    .fix_menu li a b br{display:none}
    .fix_menu li i{right: 0;max-width: 30%;}
    .fix_menu li.event a span{margin:0}


    .eventWrap .evSection.evCon1{background-size: cover;} 
    .evCon1 .inner{padding: 14% 0 10%;}
    .evCon1 .info p{margin: 0 0 5%;}
    .evCon1 .info a{margin: 0 0 5%;width: clamp(150px,35vmin,330px);}
    .evCon1 h3{width: clamp(190px,62vmin,580px);}
    .evCon1 .point{margin-right: 40%;margin-bottom: 17%;margin-left: -43%;height: auto;}
    .evCon1 .point img{left: 0;}


    .evCon3 .ev3_tap li a::before {left: 5px;}
    .evCon3 .ev3_tap li a::after {right: 5px;}
    .evCon3 .ev3_tap li.on a::before {left: 5px;}
    .evCon3 .ev3Tap_base {padding: calc(15% + 50px) 0 15%;margin: 0;}
    .evCon3 .ev3Tap_base .graph{padding:0 10%}
    .evCon3 .evCon3_swiper1 .swiper-wrapper{flex-wrap: nowrap;}
    .evCon3 .evCon3_swiper1 .swiper-slide{flex: 1 0 auto;padding: 0 2%;}
    .evCon3 .ev3Tap_base .point_tit{margin: 0 0 5%;}
    .evCon3 .ev3Tap_base .focus_step{flex-direction: column;gap: clamp(5px,2.0vmin,15px);}
    .evCon3 .ev3Tap_base .focus_step + hr{margin: 0 0 10%;}

    .evCon3 .ev3Tap_base .focus_step::before{display:none}
    .evCon3 .ev3Tap_base .focus_step li{width: 100%;height: auto;gap: 0;padding: 0 0 10px;border-radius: 10px;}
    .evCon3 .ev3Tap_base .focus_step li span{line-height: 1.2; /* 150% */}
    .evCon3 .ev3Tap_base .focus_step li span.point{width: 100%;height: auto;padding: clamp(7px,2.5vmin,20px) 0;border-radius: 10px 10px 0px 0px;}

    .evCon3 .ev3Tap_base .tea_step{gap: clamp(5px,2.0vmin,15px);}
    .evCon3 .ev3Tap_base .tea_step li .info{height: 70px;line-height: 1.2;}
    .evCon3 .ev3Tap_base .tea_step li .point{padding: clamp(7px, 2.5vmin, 20px) 0;border-radius: 10px 10px 0px 0px;}
    .evCon3 .ev3Tap_base .focus_step li strong{margin: 10px 0 5px;}
    .evCon3 .ev3Tap_base .tea_step > li.on .focus_wrap {opacity: 1;}
    .evCon3 .line_tit i{background: none;border-top: 1px dotted #000;}  
    .evCon3 .con_tit.mt120{margin-top: 10%;}
.evCon3 .ev3_tap.fixed li{}



    .evSection.event.event3 .bg_shadow{display:none}
    .evSection.event .obj_cover .pattern_obj{margin: 0;}
    .evSection.event3 .purchase_base_list{margin-top: 7%;}
    .purchase_base_list > li .purchase_info .tit span{display:block}

}




@media screen and (max-width: 992px){}



@media screen and (max-width: 768px){


    .fix_menu li a{/* font-size: 14px; */padding: 15px 0;}
    .fix_menu li a:before{/* height: 30%; */}
    .fix_menu li:last-child a{letter-spacing: -.15rem;}


    .evCon3 .ev3Tap_base {padding: calc(15% + 30px) 0 15%;}
    .evCon3 .ev3Tap_base .point_tit img{
    width: 20px;
}
    .evCon3 .ev3_tap li a {padding: 15px 0;}
    .evCon3 .ev3_tap li a::before {display: none;}
    .evCon3 .ev3_tap li a::after {display: none;}
    .evCon3 .evCon3_swiper1 .swiper-slide{padding: 0 5%;}

    .evCon3 .ev3Tap_base .tea_step li::before{background-size: 100%;width: 15px;height: 18px;bottom: 5px;right: 5px;}
    .evCon3 .ev3Tap_base .tea_step li .info{display: flex;flex-direction: column;justify-content: center;align-items: center;height: auto;padding: 0 15px;}

    .evCon3 .ev3Tap_base .tea_step li .info span{width: 100%;padding: 7px 0;}
    .evCon3 .ev3Tap_base .tea_step li .info span + span{border-top: 1px solid #d7d7d7;border-left: 0;}


    .evSection.event.event3 .evt_mark, .evSection.event.event4 .evt_mark{font-size: clamp(12px,2.5vmin,20px);padding: clamp(5px,2.0vmin,15px) clamp(7px,2.0vmin,15px);}




}




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

    .fix_menu li a{padding: 6px 0;line-height: 1.2;}
    .fix_menu li a br{display: block;}
    .fix_menu li a b{font-weight:bold;letter-spacing: -0.7px;}

    .evCon3 .ev3Tap_base .graph{padding:0 3%}
    .evCon3 .evCon3_swiper1{width: 80%;margin: 0 auto;max-width: 280px;}

    .evSection.event.event3 .check-base{right: unset;left: 20px;bottom: 14px;}

    .lectNull_wrap{padding: 20px 0;}


}