@charset "euc-kr"; 
:root { --color-pink: #FF2064; } 
.con_tit .end::after { background: #fff; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

/*°øÅë*/
.eventWrap { font-weight: 400; } 
.eventWrap .con_tit { margin:0 0 60px; letter-spacing: -0.8px; line-height: 1.4; color:#fff; } 
.eventWrap .con_tit .point { color: var(--color-pink); } 
.eventWrap .evSection { padding: 160px 0; } 
.eventWrap .btn-base.pink > * { background-color:var(--color-pink); color:#fff; } 


/*evCon1*/
.eventWrap .evSection.evCon1 { padding: 80px 0 100px; background-image: url("https://image.megagong.net/m/2025/0616_live/evCon1_bg.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; } 
.evCon1 .mini_tit { color:#fff; } 
.evCon1 .det { margin: 30px auto 40px; display: block; background: linear-gradient(90deg, #25D0FF 0%, #7043DE 44%, #FF4EA4 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.evCon1 .con_tit { margin: 50px auto 90px; position: relative; } 
.evCon1 .con_tit .tit2 { margin: 39px auto 0; } 
.evCon1 .con_tit .ic1 { position: absolute; top: 0%; left: 2%; animation:float 3s infinite ease; } 
.evCon1 .con_tit .ic2 { position: absolute; top: 1%; left: -8%; animation:float 4s infinite ease; } 
.evCon1 .con_tit .ic3 { position: absolute; top: 24%; left: -4%; animation:float 5s infinite ease; } 
.evCon1 .con_tit .ic4 { position: absolute; top: -3%; right: -2%; animation:float 3s infinite ease; } 
.evCon1 .con_tit .ic5 { position: absolute; top: 3%; right: 5%; animation:float 4s infinite ease; } 
.evCon1 .con_tit .ic6 { position: absolute; top: 16%; right: -4%; animation:float 5s infinite ease; } 
.evCon1 .mini_tit { line-height: 1.7; } 
.evCon1 .arr { animation:float 0.8s infinite ease-in-out; display: block; margin: 0 auto; width: fit-content; } 

@-webkit-keyframes float { 
    0% { transform: translate(0, 0); } 
    50% { transform: translate(0, 12px); } 
    100% { transform: translate(0, 0); } 
}


/*evCon2*/
.evCon2 .con_tit .mini_tit { display: block; margin: 0 auto 39px; } 
.evCon2 .con_tit { color:#fff; } 
.evCon2 .evt_con_base { margin: 16px 0 0; text-align: right; } 
.evCon2 .table-base tr th { font-weight: bold; } 
.evCon2 .table-base tr th,
.evCon2 .table-base tr td { height: 120px; padding: 18px 35px; border: 1px solid #D4D4D4; } 
.evCon2 .table-base .sticker { margin: 5px auto 0; display: flex; height: 34px; width:122px; justify-content: center; align-items: center; border-radius: 50px; background: var(--color-pink); color:#Fff; } 
.evCon2 .table-base .sticker.next { background-color: #2D50DE; } 
.evCon2 .table-base .sticker.ended { background-color: #626262; } 
.evCon2 .gobtn { display: flex; align-items: center; justify-content: space-between; border-radius: 42px; padding: 0 20px; border: 3px solid var(--color-pink); background: #FFE0EA; overflow: hidden; height: 84px; } 
.evCon2 .gobtn.next { border: 3px solid #2D50DE; background: #E3E8FF; } 
.evCon2 .gobtn.coming { border: 3px solid #212121; background: #F2F2F2; } 
.evCon2 .gobtn.ended { border: 3px solid #000000; background: #C5C5C5; } 
.evCon2 .gobtn .tea_wrap { display: flex; align-items: center; gap:15px; text-align: left; height: 100%; } 
.evCon2 .gobtn .tea_wrap .square { background-color: #000; color:#fff; display: inline-flex; padding: 10px 17px; justify-content: center; align-items: center; border-radius: 4px; } 
.evCon2 .gobtn .tea_wrap > img { max-width: unset; height: 100%; } 
.evCon2 .gobtn .play { display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; border-radius: 100%; background: var(--color-pink); color:#fff; } 
.evCon2 .gobtn.next .play { background: #2D50DE; } 
.evCon2 .gobtn.coming .play { background: #000000; } 
.evCon2 .gobtn .play.ended { background: #666; } 
.evCon2 .gobtn .play > img { display: block; margin-left: 4px; } 


/*evCon3*/
.eventWrap .evSection.evCon3 { background-image: url("https://image.megagong.net/m/2025/0616_live/evCon3_bg.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; } 
.evCon3 .tab1 { display: flex; align-items: stretch; } 
.evCon3 .tab1 li { flex:1; } 
.evCon3 .tab1 li a { display: flex; align-items: center; justify-content: center; width: 100%; padding: 30px 0; opacity: 0.5; color:#fff; background: #595959; } 
.evCon3 .tab1 li.on a { background-color: var(--color-pink); opacity: 1; font-weight: bold; } 
.evCon3 .tab2 {margin: 40px 0 65px;display: flex;align-items: center;/* justify-content: center; */} 
.evCon3 .tab2 li { display: flex; align-items: center; } 
.evCon3 .tab2 li::after { content: ""; display: block; width:2px; height: 13px; background-color: #fff; opacity: 0.4; margin: 0 10px; } 
.evCon3 .tab2 li:last-child::after { margin:0; display: none; } 
.evCon3 .tab2 li a { color:#fff; font-weight: bold; opacity: 0.4; } 
.evCon3 .tab2 li.on a { opacity:1; } 
.evCon3 .video_box { margin:0 auto; position: relative; cursor:pointer; background: #222; overflow: hidden; border-radius: 3px; width: 1000px; height: 570px; overflow: hidden; cursor: pointer; } 
.evCon3 .video_box iframe { position: absolute; top:0; left:0; width:100%; height:100%; } 
.evCon3 .ytb_thumb .top_wrap { position: relative; padding: 40px 46px 0; width: 100%; display: flex; justify-content: flex-end; align-items: center; z-index:1; } 
.evCon3 .ytb_thumb .liveon { border-radius: 50px; color:#fff; background: var(--color-pink); display: flex; width: 132px; height: 37px; justify-content: center; align-items: center; font-weight: bold; } 
.evCon3 .ytb_thumb .liveon.coming {background:#2D50DE;}
.evCon3 .ytb_thumb .liveon.ended {background-color: #626262;}
.evCon3 .ytb_thumb .tit_wrap { position: relative; margin: 70px 0 0 80px; text-align: left; z-index: 1; color:#fff; font-weight: bold; display:flex; flex-direction: column; } 
.evCon3 .ytb_thumb .tea_tit2 { margin: 35px 0 60px; } 
.evCon3 .ytb_thumb .tea_img { z-index: 1; position: absolute; bottom: -2px; right: 6%; height: auto; width:450px; max-width: unset; } 


/*event*/
.eventWrap .evSection.evtoggleWarning { padding: 0; } 
#event1 { background: linear-gradient(157deg, #885DF2 15.01%, #0E2067 84.99%); } 
#event1 .con_tit,
#event1 .mini_tit,
#event1 .container_info_wrap .info_date { color:#fff; } 
#event1 .container_info .info .noti { color:#fff; opacity: 0.6; } 
#event1 .con_tit { margin: 0 0 15px; } 
#event1 .btn-base a { margin: 50px auto 60px; display: flex; width: 367px; height: 73px; justify-content: center; align-items: center; } 
.gallery_base_wrap .no-data-base {width: 100%;}

@media screen and (max-width: 1200px) { 
    /*°øÅë*/
    .eventWrap .con_tit { margin: 0 0 7%; } 
    .eventWrap .evSection { padding: 15% 0; } 

    .eventWrap .evSection.evCon1 { padding: 15% 0; } 
    .eventWrap .evCon1 .inner { width: 100%; } 
    .evCon1 .con_tit { margin: 11% auto 13%; } 
    .evCon1 .con_tit .tit2 { max-width: 66%; margin: 5% auto 0; } 
    .evCon1 .con_tit .ic1 { width: 4.6vmin; left: 22%; top: -18%; } 
    .evCon1 .con_tit .ic2 { width: 4vmin; left: 15%; top: -10%; } 
    .evCon1 .con_tit .ic3 { width: 3vmin; left: 20%; top: -1%; } 
    .evCon1 .con_tit .ic4 { width: 3vmin; right: 20%; top: -21%; } 
    .evCon1 .con_tit .ic5 { width: 1.8vmin; right: 24%; top: -9%; } 
    .evCon1 .con_tit .ic6 { width: 4vmin; right: 19%; top: -2%; } 

    @-webkit-keyframes float { 
        0% { transform: translate(0, 0); } 
        50% { transform: translate(0, 8px); } 
        100% { transform: translate(0, 0); } 
    }

    .evCon2 .con_tit .mini_tit { max-width: 56%; margin: 0 auto 6%; } 

    .evCon3 .tab2 {margin: 5vmin 0 8vmin;flex-wrap: wrap;gap: 1.5vmin 0;justify-content: center;} 
    .evCon3 .tab1 li a { padding: 4vmin 0; font-size: clamp(12px, 2.5vmin, 20px);} 
    .evCon3 .ytb_thumb .top_wrap { padding: 2vmin 3vmin 0; } 
    .evCon3 .ytb_thumb .liveon { width: max-content; height: auto; padding: 1vmin 4vmin; font-size: clamp(11px, 2vmin, 20px); } 
    .evCon3 .ytb_thumb .tit_wrap { margin: 4vmin 0 0 5vmin; } 
    .evCon3 .ytb_thumb .tea_tit1 { font-size: clamp(12px, 2.9vmin, 24px); } 
    .evCon3 .ytb_thumb .tea_tit2 { margin: 2vmin 0 3vmin; font-size: clamp(18px, 4.5vmin, 50px); } 
    .evCon3 .ytb_thumb .tea_nm { font-size: clamp(12px, 2.3vmin, 18px); } 
    .evCon3 .ytb_thumb .tea_img { width: 40%; right: 1%; } 
    .evCon3 .ytb_thumb .tea_tit { margin: 5vmin 0 0 4vmin; } 

    #event1 .btn-base a { margin: 5vmin auto 10vmin; width: max-content; max-height: 73px; height: auto; padding: 6vmin 20vmin; } 
}

@media screen and (max-width: 992px){
    .evCon3 .video_box { width: auto; height: 53vw; margin: 0 0 10px; } 

    .evCon2 .table-base-wrap .table-base {width: 100%;}
    .evCon2 .table-base tr th, .evCon2 .table-base tr td {height: clamp(70px, 13.5vmin, 105px);padding: 2vmin 2vmin;}
    .evCon2 .table-base .sticker {width: max-content;height: auto;padding: 1vmin 5vmin;font-size: clamp(14px, 2.5vmin, 20px);}
    .evCon2 .gobtn {border-radius: 15px; padding: 1vmin 2vmin; height: auto;}
    .evCon2 .gobtn .tea_wrap .square,
    .evCon2 .gobtn .tea_wrap > img,
    .evCon2 .gobtn .tea_wrap .tcr {display: none;}
    .evCon2 .gobtn .play {width: clamp(40px, 6.1vmin, 60px);height: clamp(40px, 6.1vmin, 60px);}
}

@media screen and (max-width: 768px){
    .gallery_base_wrap { padding: 20px 10px; } 
    .gallery_base_wrap .gallery_list { display: flex; gap: 10px; } 
    .gallery_base_wrap .gallery_list > li { margin-top:0; width: calc(50% - 5px); } 
}

@media screen and (max-width: 576px){
    .evCon2 .table-base .flex { gap: 5vmin; } 
    .evCon2 .table-base .img_wrap { height: 19vmin; } 
    .evCon3 .video_box { height: 52vw; } 
    #event1 .gift_full_wrap img { max-width: unset; width: 138%; position: relative; left: -20%; } 
}