@charset "euc-kr";/* bg url: https://img.megagong.net/m/2024/ - as-is url */
/* bg url: https://image.megagong.net/m/2024/ - to-be url */



:root { 
    /*color*/
    --color-pink:#ff029d;
}



/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit .end::after { background: #ef2328; } 
.warningList li ul li a.tp1 { background-color:#fff; color:#ff0000; cursor:pointer; } 


/*°øÅë*/
.eventWrap .evSection { position: relative; padding: 160px 0; } 
.eventWrap .evSection .gradient { background-clip: text; color: transparent; background: linear-gradient(to right, #00d8ff 0%, var(--color-pink) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.eventWrap .evSection .con_tit .top_tit {letter-spacing: 6px;font-weight:bold;} 
.eventWrap .evSection .con_tit .end_tit { font-weight: 500; margin: 0 0 50px; } 
.eventWrap .evSection .con_tit .end_tit .gradient { font-weight: 900; } 
.eventWrap .evSection .pink { color:var(--color-pink);; font-weight: 900; } 
.eventWrap .evSection .blue {color:#04d4fd;font-weight: 500;} 
.eventWrap .evSection .con_tit .ddag {position: absolute;left:66px;top: -10px;} 


/*font-size*/
.clamp_title { font-size:48px; margin: 15px 0; font-weight: bold; line-height: 1.3; } 
.clamp_title2 { font-size:40px; } 
.clamp_title3 { font-size:32px; } 
.clamp_title4 { font-size:30px; } 
.clamp_title5 { font-size:24px; } 

.clamp_text { font-size:22px; } 
.clamp_text2 { font-size:20px; } 
.clamp_text3 { font-size:18px; } 
.clamp_text4 { font-size:14px; } 
.clamp_text5 { font-size:12px; } 
.eventWrap .evSection .s_noti { font-size: 13px; } 


/*EVENT ¸»Ç³¼±*/
.evSection .con_tit .label { position: relative; display: block; width: 30%; max-width: 230px; font-style: normal; font-weight: 900; font-size: 41px; color: #fff; padding: 10px 0; background: #000; margin: 0 auto 40px; } 
.evSection .con_tit .label::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #000; } 


/*evCon1*/
.eventWrap .evSection.evCon1 { padding:0; background-image: url('https://img.megagong.net/m/2024/1028_lyj4718/evCon1_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; color:#fff; } 
.evCon1 .con_tit .txt { position: absolute; left:50%; transform: translateX(-50%); top:0; } 
.evCon1 .con_tit .det {position: absolute;left: 0;bottom:120px;text-align:left;line-height: 1.6;} 
.evCon1 .con_tit .tea_home { position: absolute; right:0; bottom: 160px; } 



/*evCon2*/
.eventWrap .evSection.evCon2 { color:#fff; } 
.evCon2 .con_box { display: flex; flex-direction: column; gap: 60px; } 


/*evCon3*/
.evCon3 .tab_btn { margin: 0 0 40px; display: flex; justify-content: space-between; align-items: center; } 
.evCon3 .tab_btn li { width: 50%; cursor: pointer; } 
.evCon3 .tab_btn li a { width: 100%; height:80px; display: flex; justify-content: center; align-items: center; font-weight: bold; color:#7c7c7c; background-color: #75e8ff; border-bottom:2px solid #00220c; /* text-align:center; */ } 
.evCon3 .tab_btn li.on a { background-color: #00220c; color:#fff; } 
.evCon3 .tab_cont_wrap .tab_cont { display:none; } 
/* .evCon3 .tab_cont_wrap .tab_cont:nth-child(1) { display: block; }  */
.evCon3 .tab_cont_wrap .eventVideo.video_renewal { width: 1000px; margin: 0 auto; } 
.evCon3 .tab_cont_wrap .tab_cont .eventVideo.video_renewal .video_box { padding-bottom: 60.8%; } 
.evCon3 .tab_cont_wrap .tab_cont .icon_box_wrap { margin: 60px 0 0; display: flex; justify-content: space-between; gap: 20px; } 
.evCon3 .tab_cont_wrap .tab_cont .icon_box_wrap .icon_box { height: 382px; border-radius: 20px; width: calc(33.333% - 10px); border:1px solid #5c5c5c; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #fff; } 
.evCon3 .tab_cont_wrap .tab_cont .icon_box_wrap .icon_box .clamp_text { font-weight: bold; } 
.evCon3 .tab_cont_wrap .tab_cont .icon_box_wrap .icon_box .clamp_text3 { margin: 10px 0 0; font-weight: 500; } 
.evCon3 .con_box .txt_det { margin: 60px 0 0; font-weight: 600; } 


/*evCon4*/
.evCon4 .con_tit { position: relative; } 
.evCon4 .con_tit.second { margin: 60px 0 0; } 



/*evCon5*/
.eventWrap .evSection.evCon5 { background-image: url('https://img.megagong.net/m/2024/1028_lyj4718/evCon5_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; color:#fff; } 
.evCon5 .con_tit { position: relative; } 
.evCon5 .con_tit .cir_tit { margin:0 auto; height: 50px; width: 360px; border-radius: 60px; background:linear-gradient(to right, #3000ff 0%, var(--color-pink) 100%); display: flex; align-items: center; justify-content: center; font-size: 25px; } 
.evCon5 .live_detail { margin: 80px auto 40px; padding: 50px 0 40px; width: 900px; border: 1px solid #fff; border-radius: 20px; position:relative; display: flex; flex-direction: column; align-items: center; justify-content: center; } 
.evCon5 .live_detail .cir_tit { position: absolute; left: 50%; transform: translateX(-50%); top: -24px; display:flex; align-items: center; justify-content: center; color:#fff; width:330px; height: 48px; border-radius: 48px; background:linear-gradient(to right, #00d8ff 0%, var(--color-pink) 100%); } 
.evCon5 .live_detail .blue { margin:0 0 22px; font-weight:bold; } 
.evCon5 .live_detail .check_list { text-align: left; display: flex; flex-direction: column; gap:10px; } 
.evCon5 .live_detail .check_list li { display: flex; align-items: center; gap:20px; } 
.evCon5 .live_detail .check_list li::before { content:""; display: block; width:12px; height:10px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url('https://img.megagong.net/m/2024/1028_lyj4718/check.png'); } 
.evCon5 .comming { display:flex; align-items: center; justify-content: center; gap:15px; } 
.evCon5 .comming .gradient { font-weight: bold; text-align: left; } 



/*evCon6*/
.eventWrap .evSection.evCon6 { color:#fff; } 
.con_tit .event_tag { background-color: #000; color: #fff; font-weight: 500; padding: 10px 0; font-size: 26px; max-width: 212px; } 
.evCon6 .container_info { border: 1px solid #fff; background-color: transparent; color:#fff; } 
.evCon6 .con_tit p.clamp_text { margin:0 0 33px; line-height: 1.5; } 
.evCon6 .container_gift_wrap { margin: 84px 0 80px; } 
.container_gift_wrap .flex li p { margin:10px 0 0; font-weight: 400; color:#fff; } 
.evCon6 .container_info .info .info_title::before { background-color: #fff; } 
.evCon6 .container_info .info .info_title::after { background-color: #fff; } 
.evCon6 .btn_wrap button { margin:0 auto 96px; width:380px; height: 80px; display: flex; align-items: center; justify-content: center; background-color: #02d6fe; font-weight: bold; font-family: 'Noto Sans KR', sans-serif; } 
.evCon6 .update h4 { margin: 0 0 20px; display: flex; align-items: center; } 
.evCon6 .update h4 span { display: block; padding: 0 40px; background-color: #6a00ad; font-size: 26px; } 
.evCon6 .update h4::before { content: ""; display: block; height:1px; flex: 1; background-color: #fff; } 
.evCon6 .update h4::after { content:""; display: block; height:1px; flex: 1; background-color: #fff; } 
.evCon6 .type_lst ul li { border-right:1px solid #fff; color:#fff; } 
.evCon6 .type_lst ul li:last-child { border:0; } 
.evCon6 .type_lst ul li a { color:#fff; } 
.evCon6 .type_lst ul li.on a { color:#fff; } 
.evCon6 .paging.gall strong { color:#fff; } 
.evCon6 .paging.gall a { color:#fff; } 
.evCon6 .gallery_lst ul li .txt {height: 65px;}


/*evCon7*/
.evCon7 .clamp_title,
.evCon7 .clamp_text {color:#fff;}
.evCon7 .clamp_text {line-height: 1.8;}

.evCon7 .container_gift_wrap ul {justify-content: center; gap:50px;}
.evCon7 .btn-box .review_btn {margin:50px auto 95px; display:flex; align-items: center; justify-content: center; width: 380px; height: 80px; background-color: #02d6fe; font-weight: bold;}
.evCon7 .container_info_wrap {margin:35px auto 40px; padding: 34px 0; border-top: 1px solid #808ee7; border-bottom: 1px solid #808ee7;}
.container_info.ver_circle {width: fit-content; margin: 0 auto; flex-direction: column;}
.container_info.ver_circle .info {color:#fff;}
.container_info.ver_circle .info .info_date {flex:none; font-weight: 500;}
.container_info.ver_circle .info:last-child {align-items: center;}
.container_info.ver_circle .info:last-child .info_date {padding-top:0;}
.container_info.ver_circle .info .info_title {background: #0f0f0f;}
.eventWrap .evSection .blue {margin-left:0; }



.eventWrap .evSection.evtoggleWarning { padding: 0; } 



@media screen and (max-width: 1200px) { 
    /*°øÅë*/
    .eventWrap .evSection { padding: 12% 0; } 
    .eventWrap .inner { width: 97%; } 

    /*font-size*/
    .clamp_title { font-size: clamp(20px, 5vmin, 32px); } 
    .clamp_title2 { font-size: clamp(18px, 4.5vmin, 30px); } 
    .clamp_title3 { font-size: clamp(17px, 4vmin, 26px); } 
    .clamp_title4 { font-size: clamp(16px,3.5vmin,24px); } 
    .clamp_title5 { font-size: clamp(16px,2.5vmin,24px); } 

    .clamp_text { font-size: clamp(15px,3vmin,22px); } 
    .clamp_text2 { font-size: clamp(14px,2vmin,20px); } 
    .clamp_text3 { font-size: clamp(13px,1.8vmin,18px); } 
    .clamp_text4 { font-size: clamp(12px,2.5vmin,14px); } 
    .clamp_text5 { font-size:12px; } 

    .eventWrap .evSection .con_tit .ddag { top: -55px; } 


    /*evCon1*/
    .evCon1 .con_tit .det { font-size: clamp(12px, 2.5vmin, 24px); line-height: 1.5; } 


    /*evCon3*/
    .evCon3 .tab_cont_wrap .eventVideo.video_renewal { width: 98%; } 


    /*evCon5*/
    .eventWrap .evSection.evCon5 { padding: 19% 0 12%; } 
    .evCon5 .con_tit .cir_tit { font-size: clamp(16px,2.5vmin,24px); width: fit-content; padding: 16px 40px; height: auto; } 
    .evCon5 .live_detail { width: 75%; } 
    .evCon5 .live_detail .cir_tit { width: fit-content; padding: 12px 60px; height: auto; } 



    /*evCon6*/
    .con_tit .event_tag { font-size: clamp(16px, 2.5vmin, 24px); } 
    .evCon6 .update h4 span { font-size: clamp(16px,2.5vmin,24px); padding: 0 5%; } 

 }


@media screen and (max-width: 992px){
    .eventWrap .evSection .con_tit .ddag { left: 20px; } 


    /*evCon1*/
    .evCon1 .con_tit .det { bottom: 10%; } 
    .evCon1 .con_tit .tea_home { bottom: 10%; } 



    /*evCon3*/
    .evCon3 .tab_cont_wrap .tab_cont .icon_box_wrap { gap: 10px; } 
    .evCon3 .tab_cont_wrap .tab_cont .icon_box_wrap .icon_box { height: auto; padding: 40px 0; width: calc(33.333% - 5px); } 



    /*evCon5*/
    .evCon5 .live_detail .cir_tit { width: 80%; } 
}

@media screen and (max-width: 768px) {
    .eventWrap { font-size: 14px; } 
    .eventWrap .evSection .s_noti { font-size: 10px; } 
    .eventWrap .evSection .con_tit .ddag { width: 100px; top: -45px; left: -3px; } 



    /*evCon1*/
    .evCon1 .con_tit .det { bottom: 20%; } 
    .evCon1 .con_tit .tea_home {bottom: 5%;width: 96px;} 
    .evCon1 .con_tit .txt { width: 80%; left: 0; transform: translateX(0); } 


    /*evCon2*/
    .evCon2 .con_box { gap: 20px; } 


    /*evCon3*/
    .evCon3 .tab_btn { margin: 0 0 20px; } 
    .evCon3 .tab_btn li a {height: 70px;} 
    .evCon3 .tab_cont_wrap .tab_cont .icon_box_wrap { margin: 25px auto 0; display: block; } 
    .eventWrap .evSection .slick-dots { margin:15px 0 0; display:flex; align-items: center; justify-content: center; gap:10px; } 
    .eventWrap .evSection .slick-dots li { width: 10px; height: 10px; border-radius: 100%; background-color: #fff; } 
    .eventWrap .evSection .slick-dots li button { font-size: 0; } 
    .eventWrap .evSection .slick-dots li.slick-active { background-color: #777; } 
    .evCon3 .tab_cont_wrap .tab_cont .icon_box_wrap .icon_box {margin: 0 5px;padding: 25px 0;} 
    .evCon3 .con_box .txt_det { margin: 30px 0 0; } 
    .evCon3 .icon_box_wrap { transition:opacity 0.2s; } 
    .evCon3 .icon_box_wrap.pending { opacity:0; } 



    /*evCon5*/
    .evCon5 .con_tit .cir_tit { padding: 8px 40px; } 
    .evCon5 .live_detail { width: 90%; } 
    .evCon5 .live_detail .cir_tit { padding: 12px 30px; } 
    .evCon5 .comming img { width: 30px; } 



    /*evCon6*/
    .evCon6 .container_gift_wrap { margin: 40px 0; } 
    .evCon6 .container_gift_wrap ul li:first-child { margin: 0 27% 25px; } 
    .evCon6 .btn_wrap button { width: fit-content; height: auto; padding: 16px 20px; margin: 0 auto 12%; } 


    .evCon7 .btn-box .review_btn { width: fit-content; height: auto; padding: 16px 20px; margin: 12% auto; } 
    .evCon7 .container_info_wrap {margin: 12% auto; padding: 20px 0;}
    .evCon7 .container_gift_wrap ul {flex-wrap: nowrap; gap:20px;}
    .evCon7 .container_gift_wrap ul li:first-child {margin:0;}

}

@media screen and (max-width: 576px){
    .eventWrap .evSection .con_tit .ddag { width: 70px; } 
    .eventWrap .evSection .con_tit .end_tit { margin: 0 0 40px; } 


    /*evCon3*/
    .evCon3 .tab_cont_wrap .tab_cont .icon_box_wrap .icon_box img { width: 80px; } 
    .evCon3 .tab_btn li a {height: 60px;} 

    /*evCon5*/
    .evCon5 .live_detail { width: 100%; margin: 50px auto 30px; padding: 38px 20px 22px; border-radius: 10px; } 
    .evCon5 .live_detail .cir_tit { padding: 10px 10px; width: 70%; } 
    .evCon5 .comming { gap: 10px; } 
    
    /*evCon6*/
    .evCon6 .con_tit .clamp_title { margin: 0 0 15px; } 

}