@charset "euc-kr";

:root { 
    --point-color:#5e52ff;  
    --point-color2:#002ef6;  
} 

/* ¼Ò¹æ/°ø¹«¿ø °øÅë ¼Ò½º S */
.top_line .txt strong { background: #0c1a4e; } 
.flt_inner.renewal li.add{background: none; box-shadow: none; width: auto; height: auto;}
.flt_inner.renewal li.add a{padding: 0;}
.flt_inner.renewal li.add2{background-color: #da0085;}

.eventWrap .evSection.evCon1{background-image: url(https://image.megagong.net/m/2025/0305_fullevent/0311/evCon1_bg.jpg);padding: 100px 0 120px;}
.evCon1 .con_tit{font-size: inherit;}
.evCon1 .con_tit > p{margin-bottom: 25px;}
.evCon1 .con_tit > strong{font-size: 80px;}

.evCon2 .txt_wrap .txt p { color: var(--point-color);} 
.evCon2 .con_tit strong::before{background: #c9c5ff;}

.eventWrap .evSection.evCon3 .con2 li{color: var(--point-color);} 
.eventWrap .evSection.evCon3{background-size: auto 100%;}

.event1{background: #e6f0ff;}
.event1 .event_inp .inp_wrap label,.event1 .event_inp .evt_dtl{color:#fff}

.event2{background: #d9e0ff;}
.event2 .flex_col .txt b{font-weight: 900;}

.event3{background: #cfc7ff;}
.event3 .step_base_wrap .step_list li .box_area{padding-left: 0;padding-right: 0;}

.event_bnr{background-image: url(https://img.megagong.net/m/2025/0305_fullevent/0311/event_gift_bg.jpg);overflow: hidden;}

.agree_info{ right: auto; left: 50%; margin: 0 0 0 115px; top: auto; bottom: -140px; max-width: 570px; width: 50%; line-height: 1.3; font-size: 13px; padding: 20px 25px 10px 20px;}
.agree_info a{width: auto;}
/* ¼Ò¹æ/°ø¹«¿ø °øÅë ¼Ò½º E */


/* °ø¹«¿ø Àü¿ë ¼Ò½º S */
.evGon4 { background-image: url('https://img.megagong.net/m/2024/0530_fullevent/add4_bg.jpg'); background-size: auto 100%;} 
.evGon4 .con_tit { font-weight: normal; line-height: 1.4;} 
.evGon4 .con_tit strong {display: flex;flex-direction: row;justify-content: center;margin-bottom: 20px;gap: 10px;font-weight: bold;} 
.evGon4 .con_tit strong span { color: var(--point-color2); } 
.evGon4 .text_slider {position: relative;height: 64px;overflow: hidden;} 
.evGon4 .text_slider .swiper-slide { text-align: right; } 
.evGon4 .pass_slider {position: relative;height: 80px;margin: 0 auto;margin-top: 40px;padding: 0 35px;background-color: #1d1d1d;border-radius: 40px;overflow: hidden;max-width: 820px;} 
.evGon4 .pass_slider .swiper-slide {align-content: center;display: flex;align-items: center;justify-content: center;} 
.evGon4 .point {color: #fff;font-weight: bold;} 
.evGon4 .point span {color: #8abeff;} 

/* evGon5 */
.evGon5 .more_data_btn {margin: 35px auto 40px;}
.evGon5 .vs_wrap{ max-width: 800px; margin: 0 auto;}
.evGon5 .vs_wrap .big{font-size: 27px;}
.evGon5 .vs_wrap .normal{font-size: 20px;}
.evGon5 .vs_wrap .small{font-size: 15px;}
.evGon5 .vs_wrap .point_c{color:var(--point-color2);} 

/* evGon5 - [_box] common */
.evGon5 .vs_wrap [class$="box"] {display: flex;align-items: center;padding: 0 40px;gap: 40px;}
.evGon5 .vs_wrap [class$="box"] .title{width: 220px;}

/* evGon5 - [_list] common */
.evGon5 .vs_wrap [class$="list"]{flex: 1;display: flex;align-items: center;justify-content: center;gap: 0 75px;}
.evGon5 .vs_wrap [class$="list"] > div{width: 102px;position: relative;display: flex;justify-content: center;align-items: center;}
.evGon5 .vs_wrap [class$="list"] > div.wide{width: 125px;}

/* evGon5 - type_box */
.evGon5 .type_box{margin-bottom: 20px;}
.evGon5 .type_box .type:not(:first-of-type)::before{content: 'vs';display: block;position: absolute;left: -40%;top: 50%;transform: translateY(-50%);color: #aaa;font-size: 13px;}
.evGon5 .type_box .type span{border-radius: 30px;align-content: center;display: flex;align-items: center;justify-content: center;color:#fff;height: 40px;padding: 0 20px;display: inline-block;background-color: #222; font-size: 16px;}
.evGon5 .type_box .type .mega{background-color:var(--point-color2);font-size: 18px;} 

/* evGon5 - top_box / bottom_box / mid_box*/
.evGon5 .vs_wrap .top_box,
.evGon5 .vs_wrap .bottom_box{background-color: #c8e0ff;border-radius: 20px;height: 140px;}
.evGon5 .vs_wrap .mid_box{height: 160px;}

/* evGon5 - number bg */
.evGon5 .num_list > div span{width: 78px;height: 78px;color: #fff;font-weight: bold;background-image: url('https://img.megagong.net/m/2024/0530_fullevent/add5_deco_img1.png');background-repeat: no-repeat;background-position: center;background-size: contain;align-content: center;display: block;display: flex;align-items: center;justify-content: center;}
.evGon5 .num_list .point{background-image: url('https://img.megagong.net/m/2024/1016_fullserv/add5_deco_img2.png');}
.evGon5 .num_list .big{width: 102px;height: 102px;}
.evGon5 .num_list .normal{width: 92px;height: 92px;}

/* evGon6 */
.evGon6 {background-color: #abd0ff;} 
.evGon6 .con_tit {font-weight: 400;} 
.evGon6 .con_tit strong {display: block;margin-bottom: 6px;} 
.evGon6 .cut_box { display: flex; flex-direction: row; align-items: center; justify-content: center; min-height: 90px; margin: 65px 0 20px 0; background-image: url('https://img.megagong.net/m/2024/1016_fullserv/add6_deco_img2.png'); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 20px; } 
.evGon6 .cut_box > div {display: flex;align-items: center;justify-content: center;} 
.evGon6 .cut_box > div:not(.vs) { flex: 1; } 
.evGon6 .cut_box > div.vs { width: 60px; height: 60px; background-image: url('https://img.megagong.net/m/2024/0530_fullevent/add6_deco_img1.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evGon6 .cut_box > div h5 { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 142px; } 
.evGon6 .cut_box > div i { display: inline-block; width: 1px; height: 50px; background-color: rgba(0, 0, 0, 0.13); } 
.evGon6 .cut_box > div p { flex: 1; } 
.evGon6 .cut_box > div:first-of-type { color: #868686; } 
.evGon6 .cut_box > div:first-of-type i { background-color: #ddd; } 
.evGon6 .cut_box > div:last-of-type {color: #fff;font-weight: bold;} 
.evGon6 .cut_box > div:last-of-type i { margin-left: 19px; background-color: rgba(255, 255, 255, 0.3); } 
.evGon6 .cut_slider_box{ background: #fff; border-radius: 20px; margin: 30px auto 60px; padding: 60px 0; overflow: hidden;}
.evGon6 .cut_slider_box h5{ margin-bottom: 20px;}
.evGon6 .cut_slider{ margin-bottom: 30px;}
.evGon6 .swiper-pagination{position: relative;}
.evGon6 .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #777;}
.evGon6 .swiper-pagination-bullet{border: 1px solid #777;width: 13px;height: 13px;background: #fff;;opacity: 1;}
.evGon6 .bottom_text{color:#222;font-weight: 700;}
/* °ø¹«¿ø Àü¿ë ¼Ò½º E */

/* #headertop .hd_wrp.online.renew_0619 .hd_utility .mnu_list > li .hasSlider .serialSlder{width: 65px;} */

@media screen and (max-width: 1200px){
    .evSection { font-size: clamp(13px,1.6vmin,16px); } 
    .evSection * {text-wrap: balance; word-break: keep-all;}

    /* ¼Ò¹æ/°ø¹«¿ø °øÅë ¼Ò½º S */
    .eventWrap .evSection.evCon1{padding: 10% 0 clamp(100px,12vmin,120px)}
    .evCon1 .con_tit > p{margin-bottom: 3vmin;}
    .evCon1 .con_tit > strong{font-size: clamp(30px,7.5vmin,80px);}
    
    .evCon2 .graph{padding-top: 10%;}
    .evCon2 .txt_wrap .txt p{font-size: clamp(16px,3vmin,27px);}
    .evCon2 .txt_wrap .txt p strong{font-size: clamp(22px,6vmin,60px);}
    
    .evCon6 .big_cir_tit{width: fit-content;}
    .agree_info{left: auto;bottom: 0;margin: 0;box-shadow: 0px -5px 10px 0px rgb(0 0 0 / 30%);font-size: clamp(11px,1.5vmin,13px);right: 0;width: 100%;max-width: none;}
    /* ¼Ò¹æ/°ø¹«¿ø °øÅë ¼Ò½º E */

    /* °ø¹«¿ø Àü¿ë ¼Ò½º S */
    .evGon4 .con_tit {font-size: clamp(15px,4vmin,35px);}
    .evGon4 .con_tit strong{margin-bottom:clamp(10px,3vmin,20px);}
    .evGon4 .text_slider { height: clamp(24px,7vmin,64px) } 
    .evGon4 .pass_slider {height: clamp(40px,10vmin,80px);padding: 0;margin-top: clamp(20px,5vmin,40px);font-size: clamp(13px,3vmin,27px);}

    .evGon5 .vs_wrap [class$="list"] > div.wide{width: 102px;}
    .evGon5 .vs_wrap .big{font-size: clamp(14px,3vmin,27px);}
    .evGon5 .vs_wrap .normal{font-size: clamp(13px,2.5vmin,20px);}
    .evGon5 .vs_wrap .small{font-size: clamp(11px,2vmin,15px);}
    .evGon5 .type_box .type span{font-size: clamp(12px,2vmin,16px);}
    .evGon5 .type_box .type .mega{ font-size: clamp(12px,2vmin,18px);}
    .evGon6 .cut_box > div:last-of-type p{font-size: clamp(15px,2vmin,20px);}
    .evGon6 .cut_slider_box{border-radius: 1.5vmin;margin: 5vmin auto 8vmin;padding: 6vmin 10px;}
    .evGon6 .cut_slider_box h5{ margin-bottom: 4vmin;}
    .evGon6 .cut_slider{margin-bottom: 5vmin;overflow: hidden;}
    .evGon6 .bottom_text{font-size: clamp(15px,4vmin,35px);}
    .evGon5 .more_data_btn {max-width: 360px;width: 100%;padding: clamp(12px,3vmin,20px) 10px;}

    .event_bnr img{width: min(1080px, 150%); max-width: 150%;}
    #popupDetailResult .content_inner{padding: 10px 5px;}
    /* °ø¹«¿ø Àü¿ë ¼Ò½º E */
}

@media screen and (max-width: 992px){
    /* °ø¹«¿ø Àü¿ë ¼Ò½º S */
    .evGon6 .cut_box {flex-direction: column;padding: 20px 0;background-image: url('https://img.megagong.net/m/2024/1016_fullserv/add6_deco_img3.png');background-repeat: repeat-x;background-size: 10%;} 
    .evGon6 .cut_box > div i { margin-right: 15px; } 
    .evGon6 .cut_box > div.vs {margin: 20px 0;} 
    /* °ø¹«¿ø Àü¿ë ¼Ò½º E */
}

@media screen and (max-width: 768px){
    /* ¼Ò¹æ/°ø¹«¿ø °øÅë ¼Ò½º S */
    .fix_ban{ bottom: 0;transition: all .5s ease;}
    .fix_ban .btn_wrap li{color:#fff}
    .agree_info{ right: 20px; width: calc(100% - 40px); }
    /* ¼Ò¹æ/°ø¹«¿ø °øÅë ¼Ò½º E */

    /* °ø¹«¿ø Àü¿ë ¼Ò½º S */
    .evGon5 .vs_wrap .big p{font-size: clamp(13px,2.5vmin,20px);}
    .evGon5 .num_list > div span{ width: 80%; height: 80%;} /*small*/
    .evGon5 .num_list .big{width: 100%;height: 100%;}
    .evGon5 .num_list .normal{width: 90%;height: 90%;}

    .evGon5 .vs_wrap [class$="box"] { padding: 0 2vmin; gap: 0;}
    .evGon5 .vs_wrap [class$="box"] .title{width: 25%;}
    .evGon5 .vs_wrap [class$="list"]{gap: 0;}
    .evGon5 .vs_wrap [class$="list"] > div{width: 33%;height: 19vmin;}
    .evGon5 .vs_wrap .bottom_list > div{height: auto;}

    .evGon5 .type_box .type_list > div,
    .evGon5 .vs_wrap [class$="list"] > div.wide{height: auto;width: 33%;}
    .evGon5 .type_box .type:not(:first-of-type)::before{left: 0;}
    .evGon5 .type_box .type span{ height: clamp(25px,5vmin,40px); padding:0 clamp(10px,2.5vmin,20px);}

    .evGon5 .vs_wrap .top_box,.evGon5 .vs_wrap .bottom_box{height: auto;padding-top: 4vmin;padding-bottom: 4vmin;border-radius: 5px;}
    .evGon5 .vs_wrap .bottom_box > div{height: auto;}
    .evGon5 .vs_wrap .mid_box{ height: auto; padding-top: 3vmin; padding-bottom: 3vmin;}

    .evGon6 .cut_box {margin: 8% 0 10px 0;border-radius: 10px;} 
    .evGon6 .cut_img_box{overflow-y: hidden;}
    .evGon6 .cut_img_box::-webkit-scrollbar {height: 10px}
    .evGon6 .cut_img_box::-webkit-scrollbar-track {background-color: #efefef;border-radius: 10px;}
    .evGon6 .cut_img_box::-webkit-scrollbar-thumb { background-color: var(--point-color);border-radius: 10px;}             
    .evGon6 .cut_img_box > div {margin-bottom: 10px;min-width: 550px;}

    .share_base_wrap .share_list.col4 li dl dd{width: calc(25% - 6px);}
    /* °ø¹«¿ø Àü¿ë ¼Ò½º E */
}

@media screen and (max-width: 576px){
    /* °ø¹«¿ø Àü¿ë ¼Ò½º S */
    .evGon5 .vs_wrap [class$="box"] { gap: 0;}
    .evGon5 .vs_wrap [class$="box"] .title{ width: 30%; }
    .evGon5 .vs_wrap [class$="list"]{ gap: 0; justify-content: space-between; }
    .evGon5 .vs_wrap [class$="list"] > div.wide{ width: calc(33% - 2vmin); }
    .evGon5 .type_box{margin-bottom: 10px;}
    .evGon5 .type_box .type:not(:first-of-type)::before{left: 2px}
    .evGon5 .type_box .type:last-of-type:before{left: -8px;}

    .evGon6 .cut_box > div,
    .evGon6 .cut_box > div:last-of-type { flex-direction: column; } 
    .evGon6 .cut_box > div.vs { width: 45px; height: 45px; } 
    .evGon6 .cut_box > div i { width: 50px; height: 1px; margin: 10px 0; } 
    .evGon6 .cut_box > div:first-of-type i { margin-right: initial; } 
    .evGon6 .cut_box > div:last-of-type i { margin-left: initial; } 
    /* °ø¹«¿ø Àü¿ë ¼Ò½º E */
}