.kmusical2025-detailpage {
    background-color: #fff;
}
.kmusical2025-detailpage .visual-section {
    padding: 133px 0 122px 0;
    background-image: linear-gradient(to bottom, rgba(221, 255, 142,1), rgba(215, 233, 255,1 ));
}
.kmusical2025-detailpage .visual-section .project-mainimg {
    width: calc(100% - 75px);
}
.kmusical2025-detailpage .visual-section .project-mainimg .sub-title-wrap {
    bottom: 30px;
}


.kmusical2025-detailpage .overview-section {
    position: relative;
}
.kmusical2025-detailpage .overview-section::after {
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-50%, 0);
    z-index: -10;
    width: 60vw;
    min-width: 300px;
    aspect-ratio: 1 / 1;
    background-image: radial-gradient(circle at center, rgba(232, 255, 141, 0.8), rgba(232, 255, 141 , 0) 70%);
    content: "";
}
.kmusical2025-detailpage .overview-section::before {
    position: absolute;
    right: -10%;
    bottom: 0;
    transform: translate(0, 70%);
    z-index: -10;
    width: 90vw;
    min-width: 440px;
    aspect-ratio: 1441 / 1051;
    background-image: radial-gradient(circle at center, rgba(232, 255, 142, 0.8), rgba(232, 255, 142,0) 70%);
    content: "";
}
.kmusical2025-detailpage .overview-section .contents-wrap .home-wrap {
    position: relative;
}
.kmusical2025-detailpage .overview-section .contents-wrap .home-wrap::after {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(30%, 50%);
    z-index: -10;
    width: 40vw;
    min-width: 300px;
    aspect-ratio: 1 / 1;
    background-image: radial-gradient(circle at center, rgba(175, 220, 255, 0.6), rgba(199, 231, 255, 0) 70%);
    content: "";
}
.kmusical2025-detailpage .overview-section .contents-wrap .home-wrap .video-title-wrap {
    width: 75vw;
    max-width: 1450px;
    margin: 0 auto;
    padding: 45px 0 100px 0;
}
.kmusical2025-detailpage .overview-section .contents-wrap .program-wrap {
    display: flex;
    justify-content: flex-end;
    margin-right: -6%;
    padding: 16px 0 100px 0;
    position: relative;
    z-index: 0;
}
.kmusical2025-detailpage .overview-section .contents-wrap .program-wrap .video-title-wrap {
    width: 75vw;
    max-width: 1450px;
} 
.kmusical2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap {
    position: relative;
    z-index: -1;
}
.kmusical2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap::before {
    position: absolute;
    left: -10%;
    top: 0;
    transform: translate(0, -50%);
    z-index: -10;
    width: 60vw;
    min-width: 300px;
    aspect-ratio: 1 / 1;
    background-image: radial-gradient(circle at center, rgba(232, 255, 141, 0.4), rgba(232, 255, 141,0) 70%);
    content: "";
}
.kmusical2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .wrapper80 {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.kmusical2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .img-list {
    display: flex;
    align-items: flex-end;
    gap: 100px;
}
.kmusical2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .img-list .pc-wrap {
    width: calc(57% - 50px);
}
.kmusical2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .img-list .m-wrap {
    width: calc(43% - 50px);
    display: flex;
    gap: 80px;
}
.kmusical2025-detailpage .tone-manner-section {
    background-color: #FCFFE5;
}
.kmusical2025-detailpage .tone-manner-section .contents-wrap ul li.green {
    width: 50%;
    background-color: #C3E62A;
}
.kmusical2025-detailpage .tone-manner-section .contents-wrap ul li.white {
    background-color: #fff;
}
.kmusical2025-detailpage .tone-manner-section .contents-wrap ul li.black {
    background-color: #191919;
}

.kmusical2025-detailpage .detailpage-section.program-section {
    background-color: #FCFFE5;
}
.kmusical2025-detailpage .detailpage-section.program-section .contents-wrap ul {
    display: flex;
    gap: 30px;
}
.kmusical2025-detailpage .detailpage-section.program-section .contents-wrap ul li {
    width: calc(50% - 15px);
}
.kmusical2025-detailpage .detailpage-section.program-section .contents-wrap ul li:nth-child(2) .img-title-wrap{
    margin-top: 170px;
}
.kmusical2025-detailpage .detailpage-section.booking-section {
    background-image: linear-gradient(to bottom, rgba(252, 255, 229, 1), rgba(221, 255, 141,1));
}
.kmusical2025-detailpage .detailpage-section.booking-section .contents-wrap .pc-wrap {
    padding: 0 83px;
}
.kmusical2025-detailpage .detailpage-section.booking-section .contents-wrap .pc-wrap .img-title-wrap {
    position: relative;
}
.kmusical2025-detailpage .detailpage-section.booking-section .contents-wrap .pc-wrap .img-title-wrap::after {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 12;
    width: 100%;
    height: 15%;
    background-image: linear-gradient(to top, rgba(221, 255, 142, 1), rgba(221, 255, 142, 0));
    content: "";  
}
.kmusical2025-detailpage .detailpage-section.booking-m-section {
    background-color: #DDFF8E;
}
.kmusical2025-detailpage .detailpage-section.booking-m-section .m-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 20px;
}
.kmusical2025-detailpage .detailpage-section.booking-m-section .img-list {
    display: flex;
    gap: 130px;
}
.kmusical2025-detailpage .detailpage-section.booking-m-section .img-list .img-title-wrap {
    width: calc(25% - 97.5px);
}


.kmusical2025-detailpage .admin-section {
    position: relative;
    overflow: hidden;
}
.kmusical2025-detailpage .admin-section::after {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
    z-index: -10;
    width: 60vw;
    min-width: 300px;
    aspect-ratio: 1 / 1;
    background-image: radial-gradient(circle at center, rgba(232, 255, 141, 0.8), rgba(232, 255, 141,0) 70%);
    content: "";
}
.kmusical2025-detailpage .admin-section::before {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(40%, 40%);
    z-index: -10;
    width: 80vw;
    min-width: 350px;
    border-radius: 100%;
    aspect-ratio: 1 / 1;
    background: radial-gradient(50% 50% at 50% 50%, rgba(211, 255, 205, 0.80) 0%, rgba(155, 255, 142, 0.00) 100%);
    content: "";
}
.kmusical2025-detailpage .admin-section .contents-wrap ul li:nth-child(1) {
    position: relative;
    z-index: 10;
}
.kmusical2025-detailpage .admin-section .contents-wrap ul li:nth-child(2) {
    position: relative;
}

.kmusical2025-detailpage .admin-section .contents-wrap ul li:nth-child(2)::before {
    position: absolute;
    left: 10%;
    top: -30%;
    transform: translate(-50%, 0);
    z-index: -10;
    width: 50vw;
    min-width: 200px;
    aspect-ratio: 1 / 1;
    background-image: radial-gradient(circle at center, rgba(155, 255, 141, 1), rgba(232, 255, 141,0) 70%);
    opacity: 0.8;
    content: "";
}



@media screen and (max-width : 1280px) {
    .kmusical2025-detailpage .visual-section .project-mainimg {
        width: 100%;
    }
    .portfolio-detailpage .visual-section .project-mainimg {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 14px;
    }
    .portfolio-detailpage .visual-section .project-mainimg .sub-title-wrap {
        position: relative;
        right: auto;
        bottom: auto;
    }

    .kmusical2025-detailpage .overview-section .contents-wrap .home-wrap .video-title-wrap {
        width: 100%;
    }
    .kmusical2025-detailpage .overview-section .contents-wrap .program-wrap .video-title-wrap {
        width: 83vw;
    } 
    .kmusical2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .img-list .m-wrap {
        gap: 30px;
    }
    .kmusical2025-detailpage .detailpage-section.booking-section .contents-wrap .pc-wrap {
        padding: 0;
    }
    .kmusical2025-detailpage .detailpage-section.booking-m-section .img-list {
        gap: 40px;
    }
    .kmusical2025-detailpage .detailpage-section.booking-m-section .img-list .img-title-wrap {
        width: calc(25% - 30px);
    }
}

@media screen and (max-width : 768px) {
    .kmusical2025-detailpage .visual-section {
        padding: 80px 0 50px 0;
        background-image: linear-gradient(to bottom, rgba(221, 255, 142,1), rgba(194, 245, 255,1 ) 110%);
    }
    .kmusical2025-detailpage .overview-section::after {
        top: 7%;
    }
    .kmusical2025-detailpage .overview-section::before {
        width: 110w;
        right: 50%;
        transform: translate(50%, 70%);
    }
    .kmusical2025-detailpage .overview-section .contents-wrap .home-wrap .video-title-wrap {
        padding: 0 0 50px 0;
    }
    .kmusical2025-detailpage .overview-section .contents-wrap .program-wrap {
        padding: 16px 0 50px 0;
    }
    .kmusical2025-detailpage .overview-section .contents-wrap .program-wrap .video-title-wrap {
        width: 100%;
        margin-left: 60px;
    }
    .kmusical2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap::before {
        left: -30%;
    }
    .kmusical2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .wrapper80 {
        gap: 12px;
    } 
    .kmusical2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .img-list {
        flex-direction: column;
        gap: 24px;
    }
    .kmusical2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .img-list .pc-wrap {
        width: 100%;
    }
    .kmusical2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .img-list .m-wrap {
        width: 100%;
        padding: 0 15px;
        gap: 40px;
    }
    .kmusical2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .sub-info-title {
        margin: 0 15px;
    }
    .kmusical2025-detailpage .detailpage-section.program-section {
        width: 100%;
        overflow: hidden;
    }
    .kmusical2025-detailpage .detailpage-section.program-section .contents-wrap ul {
        flex-direction: column;
        gap: 50px;
    }
    .kmusical2025-detailpage .detailpage-section.program-section .contents-wrap ul li {
        width: 100%;
    }
    .kmusical2025-detailpage .detailpage-section.program-section .contents-wrap ul li:nth-child(1) {
        padding-right: 44px;
    }
    .kmusical2025-detailpage .detailpage-section.program-section .contents-wrap ul li:nth-child(2) {
        padding-left: 44px;
    }
    .kmusical2025-detailpage .detailpage-section.program-section .contents-wrap ul li:nth-child(1) .img-title-wrap {
        align-items: flex-end;
        margin-left: -30px;
    }
    .kmusical2025-detailpage .detailpage-section.booking-section .contents-wrap .pc-wrap .img-title-wrap::after {
       height: 30%; 
    }
    .kmusical2025-detailpage .detailpage-section.program-section .contents-wrap ul li:nth-child(2) .img-title-wrap {
        margin: 0 -30px 0 0;
    }
    .kmusical2025-detailpage .detailpage-section.booking-m-section {
        padding: 50px 0 ;
    }
    .kmusical2025-detailpage .detailpage-section.booking-m-section .m-wrap {
        padding: 0 15px;
    }
    .kmusical2025-detailpage .detailpage-section.booking-m-section .img-list {
        column-gap: 40px;
        row-gap: 23px;
        flex-wrap: wrap;
    }
    .kmusical2025-detailpage .detailpage-section.booking-m-section .img-list .img-title-wrap {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width : 500px) {
    .kmusical2025-detailpage .f-thumb-section .wrapper80 h2 {
        font-size: 36px;
        letter-spacing: -1.4px;  
    }     
}