.vs_area { background:url(../images/main/vs_img.jpg) top center/ cover no-repeat; }
/**{cursor:inherit}*/
/*.cursor { display: none; }*/
/*body{cursor:inherit;}*/

header .inner {
    padding: 0;
}

.sub-2-3 .cbox.n-1 .btn-wrap {
    flex-wrap: inherit;
    width: auto;
}

.sub-2-3 .cbox.n-1 .btn-wrap .btn.map.kakao {
    background-color: #fbe100;
    span {
        filter: invert(1); /* 색상 반전 */
    }
}

.evt_sd .swiper {
    position: relative;
}

.evt_sd .swiper .evt_controls .swiper-button-prev,
.evt_sd .swiper .evt_controls .swiper-button-next {
    position: absolute;
}

.evt_sd .swiper .evt_controls .swiper-button-prev {
    left: 70px;
    top: 260px;
}

.evt_sd .swiper .evt_controls .swiper-button-next {
    right: -100px;
    top: 260px;
}

.evt_sd::after{content:'';position:absolute;top:0;right:0;width:100px;height:100%;background:linear-gradient(to right,transparent,#272727);z-index:2;pointer-events:none}
.evt_sd .swiper-slide .img {
    overflow: hidden;
    position: relative;
}
.evt_sd .swiper-slide .img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.evt_area { padding-left: 0; }
.evt_area .top { padding-left: 200px; }
.info_area { padding-left: 200px; }
footer .top {
    display: block;
}

footer .copyright {
    padding-bottom: 170px;
}


@media (max-width: 768px) {
    .evt_area .top { padding-left: 20px; }
    .info_area { padding-left: 20px; }
    #floatingApply .event_info { display: none; }
    footer {
        padding-top: 40px;
    }
    footer .top {
        display: flex;
        flex-direction: column !important;
    }
    footer dl {
        justify-content: center;
    }
    footer dl:not(:last-child) {
        margin-bottom: 1em;
    }
    footer .sns {
        justify-content: center;
    }

    footer .lbox h1 {
        margin-top: 1em;
        font-size: 1rem;
        margin-bottom: 1em;
    }

    footer .rbox {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }

    footer .copyright {
        margin-top: 25px;
        padding-bottom: 110px;
        padding-top: 25px;
    }

    .ntc_area .swiper-slide {
        border-radius: 0;
    }
}

.mobile_sub_menu.active {
    max-height: 300px;
}

.overflow .overlay { width: 100%; height: 100%; position: absolute; }
.ntc_area .ntcSwiper { padding: 0; }
.ntc_area { justify-content: flex-end; }
.ntc_area .swiper-slide h4 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ntc_area .swiper-slide p { line-height: 1; font-size: 14px; }

#floatingApply {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: min(21.238095vw,126.6666666667px);
    z-index: 1000;
    box-sizing: border-box;
}


#floatingApply .inner {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    background: #000c;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: transform .4s cubic-bezier(.55,0,.1,1)
}


#floatingApply .event_info {
    position: absolute;
    left: min(3.125vw,50px);
    top: min(1.6666666667vw,26.6666666667px);
    width: min(23.6979166667vw,379.1666666667px);
    height: 100%;
    min-width: min(20.8333333333vw,333.3333333333px);
    text-transform: uppercase
}


#floatingApply .event_info .slogan {
    display: block;
    font-size: min(.8333333333vw,13.3333333333px);
    line-height: 1.5;
    font-weight: 700
}


#floatingApply .event_info .date {
    display: block;
    font-weight: 700;
    font-size: min(1.6666666667vw,26.6666666667px);
    line-height: 1;
    margin-top: min(.2083333333vw,3.3333333333px)
}

#floatingApply .event_info .date span {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}


#floatingApply .event_info .logo_wrap {
    display: flex;
    gap: min(1.5625vw,25px);
    margin-top: min(1.1979166667vw,19.1666666667px)
}

table tr.blue,
table tr.SUN {
    border-color: rgba(255, 255, 255, 0.16);
}

table tr.blue td {
    background-color: rgba(38, 165, 255, 0.15);
    border-left-color: rgba(255, 255, 255, 0.16);
}

table tr.SUN td {
    background-color: rgba(255, 38, 38, 0.15);
    border-left-color: rgba(255, 255, 255, 0.16);
}

table tr.blue td:first-child,
table tr.SUN td:first-child {
    border-left-color: transparent;
}


@media (max-width: 768px) and (max-aspect-ratio: .7/1),(max-width: 768px) and (min-aspect-ratio: 1.4/1),(max-width: 600px) {
    .event_info {
        display:block;
        position: absolute;
        bottom: min(58.3333333333vw,448px);
        left: 0;
        right: 0;
        z-index: 1;
        font-size: min(3.8888888889vw,29.8666666667px);
        line-height: 1.5;
        text-align: center
    }

    .event_info .slogan {
        font-weight: 700
    }

    .event_info .date {
        font-weight: 400;
        margin-top: min(2.2222222222vw,17.0666666667px);
        display: block;
        text-transform: uppercase
    }

    .event_info .logo_wrap {
        display: flex;
        gap: min(3.3333333333vw,25.6px);
        margin-top: min(6.6666666667vw,51.2px);
        align-items: center;
        justify-content: center
    }

    .event_info .logo_wrap img {
        height: min(4.4444444444vw,34.1333333333px)
    }

    .event_info {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 18vh;
        text-shadow: 0 0 10px rgba(0,0,0,.8);
    }

    .vs_img_2 {
        opacity: .05;
    }

    .event_info .not-mobile {
        display: none
    }
}


@media (min-width: 767px) {
    /*.pc-mode {*/
    /*    display: none;*/
    /*}*/
    .mobile-mode {
        display: none;
    }
}

@media (max-width: 768px) {
    .pc-mode {
        display: none;
    }

    header .logo img {
        height: 24px;
    }

    #floatingApply .inner {
        padding: 0 !important;
    }
    .ntc_area {
        padding-left: 0;
    }

    footer {
        border-radius: 25px;
        padding-top: 25px;
    }

    .slogan-top {
        display: block !important;
        line-height: 1;
        .slogan {
            font-size: 9px;
            line-height: 1;
            font-weight: 400;
            color: rgba(255, 255, 255, 0.8);
            display: block;
        }
        .date {
            font-size: 12px;
            font-weight: 500;
            line-height: 1;
            color: #ffc400;
            span {
                margin-top: 2px;
                color: #fff;
                font-size: 10px;
                display: block;
                line-height: 1;
            }
        }
    }

    .sub-2-3 .cbox.n-1 .btn-wrap{
        width: 100%;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 10px;
    }

    .sub-2-3 .cbox.n-1 .btn-wrap .btn {
        width: 100% !important;
    }

    #subCont {
        padding-top: 100px;
    }

    .sub1_1 .sec_1 .txt_1 {
        font-size: 0.75em;
    }

    .sub1_1 .sec_1 .txt_2 {
        font-size: 0.875em;
    }

    .sub1_1 .sec_1 h1 {
        font-size: 1.25em;
    }
}

.ntc_area { background-color: transparent; }
.vs_img_2 { left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%;  }
.vs_time_title, .vs_description { color: #fff; }
.vs_info { padding: 20px 30px; }
.vs_area .tit, .vs_korean_text, .vs_theme, .vs_description { line-height: 1; }
.sub-1-2, .sub-2-2 { background: transparent; }

.prg_list{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-top:50px;padding:0 20px}
.prg_list .item{border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000004d;transition:all .3s ease;position:relative;opacity:0;transform:translateY(50px)}
.prg_list .item:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006 0 0 30px #8b5cf64d 0 0 60px #ec489933}
.prg_list .item .img{position:relative;padding-top: calc(324/433 * 100%);overflow:hidden;background-color:oklch(0.24 0 0 / 0.5)}
.prg_list .item .img .swiper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.prg_list .item .img .swiper .swiper-slide div {
    height: 100%;
}

.prg_list .item .img .swiper .swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all .3s ease;
}
.prg_list .item:hover .img img{transform:scale(1.05)}
.prg_list .item .tbox{padding:25px;text-align:left}
.prg_list .item .tit{margin-bottom:15px}
.prg_list .item .tit span{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;margin-bottom:10px}
.prg_list .item:nth-child(1) .tit .badge,.prg_list .item:nth-child(7n) .tit .badge{background:linear-gradient(135deg,#8b5cf6,#ec4899)}
.prg_list .item:nth-child(2) .tit .badge,.prg_list .item:nth-child(8n) .tit .badge{background:linear-gradient(135deg,#f97316,#f59e0b)}
.prg_list .item:nth-child(3) .tit .badge,.prg_list .item:nth-child(9n) .tit .badge{background:linear-gradient(135deg,#10b981,#059669)}
.prg_list .item:nth-child(4) .tit .badge,.prg_list .item:nth-child(10n) .tit .badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.prg_list .item:nth-child(5) .tit .badge,.prg_list .item:nth-child(11n) .tit .badge{background:linear-gradient(135deg,#ef4444,#dc2626)}
.prg_list .item:nth-child(6) .tit .badge,.prg_list .item:nth-child(12n) .tit .badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}
.prg_list .item .tit h3{font-size:20px;font-weight:700;color:#fff;line-height:1.4;background:url(https://yudeung.com/images/sub/tit-bg.png) left center / 20px no-repeat;padding-left:33px}
.prg_list .item .info{color:#e5e7eb}
.prg_list .item .info .date{font-size:14px;font-weight:600;color:#b697ff;margin-bottom:8px}
.prg_list .item .info .date + .date { color: #fff; }
.prg_list .item .info .desc{font-size:14px;line-height:1.6;margin:0;color:#d1d5db}
.prg_list .item .info .txt{font-size:14px;line-height:1.6;margin:0;color:#d1d5db}
.prg_list .item .info .desc li{color:#d1d5db}

@media (max-width: 768px) {
    .prg_list{grid-template-columns:1fr;gap:20px;margin-top:30px;padding:0}
    .prg_list .item .img{height:150px}
    .prg_list .item .tbox{padding:20px}
    .prg_list .item .tit h3{font-size:18px;color:#fff}
}

.flow_container{overflow:hidden;white-space:nowrap;position:relative;width:0;height:60px;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 50%,#f97316 100%);mask:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%);animation:expandWidth .5s ease-out .5s forwards;transform:skewY(-2deg);transform-origin:center}
.flow_list{display:inline-flex;align-items:center;animation:flowText 30s linear infinite 1s;list-style:none;margin:0;padding:0;gap:80px;height:100%;width:max-content;opacity:0;animation:fadeInAndFlow .3s ease-out 1s forwards,flowText 90s linear infinite 1s}
.flow_list li{display:inline-flex;align-items:center;font-size:24px;font-weight:600;color:#fff;text-shadow:0 2px 4px #0000004d;white-space:nowrap;gap:15px;flex-shrink:0}
.flow_list li img{width:30px;height:30px;object-fit:contain;flex-shrink:0}
@keyframes expandWidth {
    0%{width:0}
    100%{width:100%}
}
@keyframes fadeInAndFlow {
    0%{opacity:0}
    100%{opacity:1}
}
@keyframes flowText {
    0%{transform:translateX(100vw)}
    100%{transform:translateX(-100%)}
}
.flow_container:hover .flow_list{animation-play-state:paused}

@media (max-width: 768px) {
    .flow_container{height:50px;animation:expandWidth .5s ease-out .5s forwards;transform:skewY(-2deg);transform-origin:center}
    .flow_list{gap:40px;opacity:0;animation:fadeInAndFlow .3s ease-out 1s forwards,flowText 75s linear infinite 1s}
    .flow_list li{font-size:18px;gap:10px;color:#fff;text-shadow:0 2px 4px #0000004d}
    .flow_list li img{width:24px;height:24px}
    .program .cont{padding:0 20px}
}

.star_tit{position:relative;padding-left:40px}
.star_tit::before{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;content:"";width:23px;height:30px;background:url(https://yudeung.com/images/sub/tit-bg.png) center / contain no-repeat}

/* sub1_3 페이지 스타일 */
.bg_sub1_3 {
    position: relative;
    padding: 100px 0 200px 0;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
}

.quick_menu .quick_star {
    pointer-events: none;
}

header.app {
    display: none;
}