.rebound2025-detailpage {
    background: #FFF;
}

.rebound2025-detailpage .visual-section {
    position: relative;
    overflow-x: hidden;
}
.rebound2025-detailpage .visual-section::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -100;
    background-color: #D4EDE1;
    content: "";
}
.rebound2025-detailpage .visual-section .project-mainimg .graphic-icon01 {
    position: absolute;
    left: 6%;
    bottom: 45%;
    width: 17%;
    max-width: 327px;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    background-color: rgba(248, 255, 252, 0.03);
    border: 0.5px solid rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px); 
    box-shadow: inset 10px 10px 12px 5px rgba(255, 255, 255, 0.2);
    animation: spin 25s ease-in-out infinite;
}
.rebound2025-detailpage .visual-section .project-mainimg .graphic-icon01 .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
}
.rebound2025-detailpage .visual-section .project-mainimg .graphic-icon01 .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.rebound2025-detailpage .visual-section .project-mainimg .graphic-icon02 {
    position: absolute;
    right: 6%;
    bottom: 45%;
    max-width: 295px;
    width: 15%;
    aspect-ratio: 1 / 1;
    transform: rotate(7.5deg);
    border-radius: 5%;
    background-color: rgba(248, 255, 252, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 75px;
    border: 0.5px solid rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px); 
    box-shadow: inset -10px -10px 12px 5px rgba(255, 255, 255, 0.2);
    animation: float 4s ease-in-out infinite;
}
.rebound2025-detailpage .visual-section .project-mainimg .graphic-icon02 .icon {
    width: 57%;
    aspect-ratio: 167 / 217;
}
.rebound2025-detailpage .visual-section .project-mainimg .graphic-icon02 .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@keyframes float {
    0%, 100% {
        transform: rotate(7.5deg) translateY(-15px); 
    }
    50% {
        transform: rotate(7.5deg) translateY(15px); 
    }
}

.rollingbaner-box {
    position: relative;
    display: flex;
    align-items: center;
    height: 48px;
    background-color: #fff;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.rollingbaner-box .group-rolling {
    display: flex;
    width: 100%;
    animation: rolling 80s linear infinite;
}
.rollingbaner-box .group-rolling .rolling-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
}
.rollingbaner-box .group-rolling .rolling-item {
    display: flex;
      align-items: center;
      gap: 16px;
}
.rollingbaner-box .group-rolling .rolling-item .rolling-text{ 
    width: 336.2px;
    height: 20px;
}
.rollingbaner-box .group-rolling .rolling-item .rolling-text img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.rollingbaner-box .group-rolling .rolling-item .rolling-icon { 
    width: 22px;
    height: 22px;
    animation: shake 3.5s ease-in-out infinite;
}
.rollingbaner-box .group-rolling .rolling-item .rolling-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.project-mainimg .rollingbaner-box.rotate {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -10;
    transform: rotate(-4deg);
}

@keyframes rolling {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-15 * (336.2px + 16px + 22px + 16px)));
    }
  }
  
  @keyframes spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  
  @keyframes shake {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(-80deg);
    }
    50% {
      transform: rotate(0deg);
    }
    75% {
      transform: rotate(80deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }

  
.rebound2025-detailpage .overview-section {
    background-color: #F8FFFC;
    color: #FFF;
} 
.rebound2025-detailpage .overview-section .contents-wrap .home-wrap .video-title-wrap {
    width: 75vw;
    max-width: 1450px;
    margin: 0 auto;
    padding: 45px 0 100px 0;
}
.rebound2025-detailpage .overview-section .contents-wrap .project-wrap {
    display: flex;
    justify-content: flex-end;
    margin-right: -6%;
    padding: 16px 0 100px 0;
}
.rebound2025-detailpage .overview-section .contents-wrap .project-wrap .video-title-wrap {
    width: 75vw;
    max-width: 1450px;
} 
.rebound2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .wrapper80 {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.rebound2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .img-list {
    display: flex;
    align-items: flex-end;
    gap: 100px;
}
.rebound2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .img-list .pc-wrap {
    width: calc(57% - 50px);
}
.rebound2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .img-list .m-wrap {
    width: calc(43% - 50px);
    display: flex;
    gap: 80px;
}

.rebound2025-detailpage .tone-manner-section {
    background-color: #fff;
}
.rebound2025-detailpage .tone-manner-section .contents-wrap ul li.mint {
    width: 50%;
    background-color: #B2DBC7;
}
.rebound2025-detailpage .tone-manner-section .contents-wrap ul li.black {
    width: 50%;
    background-color: #000;
}


.rebound2025-detailpage .detailpage-section.programdetail-section {
    background-color: #fff;
}
.rebound2025-detailpage .detailpage-section.programdetail-section .contents-wrap .wrapper80  {
    max-width: 1420px;
    padding: 0;
}
.rebound2025-detailpage .detailpage-section.programdetail-section .contents-wrap .wrapper80 .inner {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 20px;
}
.rebound2025-detailpage .detailpage-section.programdetail-section .contents-wrap .wrapper80 .inner .img-list {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 120px;
}
.rebound2025-detailpage .detailpage-section.programdetail-section .contents-wrap .wrapper80 .inner .img-title-wrap.pc {
    width: calc(80% - 60px);
}
.rebound2025-detailpage .detailpage-section.programdetail-section .contents-wrap .wrapper80 .inner .img-title-wrap.mobile  {
    width: calc(20% - 60px);
}



.rebound2025-detailpage .detailpage-section.schedule-section {
    background-color: #fff;
}
.rebound2025-detailpage .detailpage-section.schedule-section .contents-wrap .pc-mobile-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.rebound2025-detailpage .detailpage-section.schedule-section .contents-wrap .pc-mobile-wrap .img-list {
    display: flex;
    align-items: flex-end;
    gap: 100px;
}
.rebound2025-detailpage .detailpage-section.schedule-section .contents-wrap .pc-mobile-wrap .img-list .pc-wrap {
    width: calc(57% - 50px);
}
.rebound2025-detailpage .detailpage-section.schedule-section .contents-wrap .pc-mobile-wrap .img-list .m-wrap {
    width: calc(43% - 50px);
    display: flex;
    gap: 80px;
}


.rebound2025-detailpage .detailpage-section.ticket-section {
    background-color: #F8FFFC;
}
.rebound2025-detailpage .detailpage-section.ticket-section .contents-wrap {
    padding: 0 83px;
}
.rebound2025-detailpage .detailpage-section.ticket-section .contents-wrap .img-title-wrap {
    position: relative;
}
.rebound2025-detailpage .detailpage-section.ticket-section .contents-wrap .img-title-wrap::after {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    height: 12%;
    background: linear-gradient(180deg, rgba(248, 255, 252, 0) 0%, rgba(248, 255, 252, 1) 80%);
    content: "";  
}


.rebound2025-detailpage .detailpage-section.mobile-section {
    background-color: #B2DBC7;
}
.rebound2025-detailpage .detailpage-section.mobile-section .contents-wrap {
    margin: 0 160px;
    display: flex;
    justify-content: space-between;
    gap: 25px;
}
.rebound2025-detailpage .detailpage-section.mobile-section .contents-wrap .about-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.rebound2025-detailpage .detailpage-section.mobile-section .contents-wrap .about-wrap .about-img {
    display: flex;
    gap: 40px;
}
.rebound2025-detailpage .detailpage-section.mobile-section .contents-wrap .img-title-wrap{
    width: 15vw;
    max-width: 259px;
}

.rebound2025-detailpage .admin-section {
    background-color: #B2DBC7;
}
.rebound2025-detailpage .admin-section .contents-wrap ul {
    gap: 140px;
    align-items: center
}
.rebound2025-detailpage .admin-section .contents-wrap ul li {
    width: 100%;
}
.rebound2025-detailpage .admin-section .contents-wrap ul li .img-title-wrap {
    width: 100%;
}
.rebound2025-detailpage .admin-section .contents-wrap ul li:nth-child(1) {
    position: relative;
}
.rebound2025-detailpage .admin-section .contents-wrap ul li:nth-child(1)::before {
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translate(0, 20%);
    width: 35%;
    z-index: -10;
    max-width: 777px;
    aspect-ratio: 777 / 243;
    background: url(../../../src/img/project/rebound2025/logo.png) no-repeat center center / contain;
    content: "";
}
.rebound2025-detailpage .admin-section .contents-wrap ul li:nth-child(1) .wrapper80 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.rebound2025-detailpage .admin-section .contents-wrap ul li:nth-child(1) .img-title-wrap {
    /* max-width: 1160px; */
    width: 73%;
}
.rebound2025-detailpage .admin-section .contents-wrap ul li:nth-child(2) {
    margin-left: -36px;
    /* max-width: 2000px; */
    width: 100%;
}
.rebound2025-detailpage .admin-section .contents-wrap ul li:nth-child(3) {
    margin-right: -36px;
    /* max-width: 2000px; */
    width: 100%;
    align-items: flex-end;
}
.rebound2025-detailpage .admin-section .contents-wrap ul li:nth-child(2) .admin-inner{
    align-items: flex-end;
}

.rebound2025-detailpage .admin-section .contents-wrap ul li:nth-child(3) .admin-inner{
    align-items: flex-start;
}

.rebound2025-detailpage .admin-section .contents-wrap ul li {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;    
}
.rebound2025-detailpage .admin-section .contents-wrap ul li .admin-inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: fit-content;
}
.rebound2025-detailpage .admin-section .contents-wrap ul li .img-wrap {
    display: flex;
    gap: 30px;
    width: 100%;
    max-width: 1730px;
}

@media screen and (max-width : 1500px) {
    .rebound2025-detailpage .detailpage-section.mobile-section .contents-wrap {
        margin: 0 50px;
    }
    .rebound2025-detailpage .admin-section .contents-wrap ul li .img-wrap {
        flex-direction: column;
    }
    .rebound2025-detailpage .admin-section .contents-wrap ul li:nth-child(2) {
        margin-left: 0;
        padding: 0 20px;
    }
    .rebound2025-detailpage .admin-section .contents-wrap ul li:nth-child(3) {
        margin-right: 0;
        padding: 0 20px;
    }
    .rebound2025-detailpage .admin-section .contents-wrap ul li .admin-inner { 
        width: 70%;
    }
    .rebound2025-detailpage .admin-section .contents-wrap ul li:nth-child(2) .admin-inner{
        align-items: flex-start;
    }
    
    .rebound2025-detailpage .admin-section .contents-wrap ul li:nth-child(3) .admin-inner{
        align-items: flex-end;
    }
}

@media screen and (max-width : 1280px) {
    .rebound2025-detailpage .visual-section {
        padding: 80px 0 0 0;
    }
    .rebound2025-detailpage .visual-section .project-mainimg .graphic-icon02 { 
        border-radius: 40px;
    }

    .rebound2025-detailpage .overview-section .contents-wrap .home-wrap .video-title-wrap {
        width: 100%;
    }
    .rebound2025-detailpage .overview-section .contents-wrap .project-wrap .video-title-wrap {
        width: 83vw;
    } 
    .rebound2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .img-list .m-wrap {
        gap: 30px;
    }

    .rebound2025-detailpage .detailpage-section.programdetail-section .contents-wrap .wrapper80 .inner .img-list {
        gap: 30px;
    }
    .rebound2025-detailpage .detailpage-section.programdetail-section .contents-wrap .wrapper80 .inner .img-title-wrap.pc {
        width: calc(77% - 15px);
    }
    .rebound2025-detailpage .detailpage-section.programdetail-section .contents-wrap .wrapper80 .inner .img-title-wrap.mobile  {
        width: calc(23% - 15px);
    }

    .rebound2025-detailpage .detailpage-section.schedule-section .contents-wrap .pc-mobile-wrap .img-list .m-wrap {
        gap: 30px;
    }

    .rebound2025-detailpage .detailpage-section.mobile-section .contents-wrap{
        margin: 0 20px;
        gap: 20px;
    }
    .rebound2025-detailpage .detailpage-section.mobile-section .contents-wrap .about-wrap  {
        width: calc(50% - 10px);
    }
    .rebound2025-detailpage .detailpage-section.mobile-section .contents-wrap .about-wrap .about-img {
        justify-content: space-between;
    }
    .rebound2025-detailpage .detailpage-section.mobile-section .contents-wrap .about-wrap .img-title-wrap {
        width: calc(50% - 10px);
    }
    .rebound2025-detailpage .detailpage-section.mobile-section .contents-wrap .img-title-wrap {
        width: calc(25% - 30px);
    }

    .rebound2025-detailpage .admin-section .contents-wrap ul {
        gap: 80px;
    }
    .rebound2025-detailpage .admin-section .contents-wrap ul li:nth-child(1)::before {
        width: 50%;
    }
    .rebound2025-detailpage .admin-section .contents-wrap ul li:nth-child(1) .img-title-wrap {
        width: 100%;
    }
}

@media screen and (max-width : 768px) {
    .rebound2025-detailpage .visual-section .project-mainimg .graphic-icon01 { 
        min-width: 115px;
    }
    .rebound2025-detailpage .visual-section .project-mainimg .graphic-icon02 { 
        border-radius: 25px;
        min-width: 108px;
    }
    .rollingbaner-box {
        position: relative;
        display: flex;
        align-items: center;
        height: 27px;
        background-color: #fff;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
    }
    .rollingbaner-box .group-rolling {
        display: flex;
        width: 100%;
        animation: rolling 80s linear infinite;
    }
    .rollingbaner-box .group-rolling .rolling-wrap {
        display: flex;
        align-items: center;
        gap: 9px;
    }
    .rollingbaner-box .group-rolling .rolling-item {
        display: flex;
          align-items: center;
          gap: 9px;
    }
    .rollingbaner-box .group-rolling .rolling-item .rolling-text{ 
        width: 185px;
        height: 11px;
    }
    .rollingbaner-box .group-rolling .rolling-item .rolling-text img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .rollingbaner-box .group-rolling .rolling-item .rolling-icon { 
        width: 12px;
        height: 12px;
        animation: shake 3.5s ease-in-out infinite;
    }
    
    @keyframes rolling {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(calc(-15 * (185px + 9px + 12px + 9px)));
        }
    }
      

    .rebound2025-detailpage .overview-section .contents-wrap .home-wrap .video-title-wrap {
        padding: 0 0 50px 0;
    }
    .rebound2025-detailpage .overview-section .contents-wrap .project-wrap {
        padding: 16px 0 50px 0;
    }
    .rebound2025-detailpage .overview-section .contents-wrap .project-wrap .video-title-wrap {
        width: 100%;
        margin-left: 60px;
        gap: 12px;
    }
    .rebound2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .wrapper80 {
        gap: 12px;
    }
    .rebound2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .img-list {
        flex-direction: column; 
        gap: 24px;
    }
    .rebound2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .img-list .pc-wrap {
        width: 100%;
    }
    .rebound2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .img-list .m-wrap {
        width: 100%;
        padding: 0 15px;
        gap: 40px;
    }
    .rebound2025-detailpage .overview-section .contents-wrap .pc-mobile-wrap .sub-info-title {
        margin: 0 15px;
    }

    .rebound2025-detailpage .detailpage-section.programdetail-section .project-detail-head h2 {
        font-size: 53px;
    }
    .rebound2025-detailpage .detailpage-section.programdetail-section .contents-wrap .wrapper80 .inner .inner .img-title-wrap.mobile { 
        position: absolute;
        bottom: 32px;
        right: 20px;
        transform: translate(50%, 0%);
    }
    .rebound2025-detailpage .detailpage-section.programdetail-section .contents-wrap .wrapper80 .inner {
        width: 100%;
        align-items: flex-start;
        margin-left: 16px;
        gap: 12px;
    }
    .rebound2025-detailpage .detailpage-section.programdetail-section .contents-wrap .wrapper80 .inner .img-list {
        position: relative;
        width: 100%;
        gap: 0;
    }
    .rebound2025-detailpage .detailpage-section.programdetail-section .contents-wrap .wrapper80 .inner .img-title-wrap.pc {
        width: 100%;
        margin-bottom: 32px;
    }
    .rebound2025-detailpage .detailpage-section.programdetail-section .contents-wrap .wrapper80 .inner .img-title-wrap.pc .img-area {
        margin: 0 0 0 5%;
    }
    
    .rebound2025-detailpage .detailpage-section.programdetail-section .contents-wrap .wrapper80 .inner .img-title-wrap.mobile {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 30;
        width: 24%;
    }
    .rebound2025-detailpage .detailpage-section.programdetail-section .contents-wrap .wrapper80.align-r .inner {
        margin-left: -16px;
        align-items: flex-start;
    }
    .rebound2025-detailpage .detailpage-section.programdetail-section .contents-wrap .wrapper80.align-r .inner .img-list {
        justify-content: flex-end;
    }
    .rebound2025-detailpage .detailpage-section.programdetail-section .contents-wrap .wrapper80.align-r .inner .img-title-wrap.mobile {
        left: 0;
    }


    .rebound2025-detailpage .detailpage-section.schedule-section .contents-wrap {
        padding: 0;
        gap: 66px;
    }
    .rebound2025-detailpage .detailpage-section.schedule-section .contents-wrap .pc-mobile-wrap {
        gap: 12px;
    } 
    .rebound2025-detailpage .detailpage-section.schedule-section .contents-wrap .pc-mobile-wrap .img-list {
        flex-direction: column;
        gap: 24px;
    }
    .rebound2025-detailpage .detailpage-section.schedule-section .contents-wrap .pc-mobile-wrap .img-list .pc-wrap {
        width: 100%;
    }
    .rebound2025-detailpage .detailpage-section.schedule-section .contents-wrap .pc-mobile-wrap .img-list .m-wrap {
        width: 100%;
        padding: 0 15px;
        gap: 40px;
    }
    .rebound2025-detailpage .detailpage-section.schedule-section .contents-wrap .pc-mobile-wrap .sub-info-title {
        margin: 0 15px;
    }

    .rebound2025-detailpage .detailpage-section.ticket-section .project-detail-head h2 {
        font-size: 55px;
    }
    .rebound2025-detailpage .detailpage-section.ticket-section .contents-wrap {
        padding: 0;
    }
    .rebound2025-detailpage .detailpage-section.ticket-section .contents-wrap .img-title-wrap::after {
        height: 20%;
    }

    .rebound2025-detailpage .detailpage-section.mobile-section .contents-wrap {
        margin: 0 15px;
        gap: 12px;
    }
    .rebound2025-detailpage .detailpage-section.mobile-section .contents-wrap {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 30px;
        column-gap: 40px;
    }
    .rebound2025-detailpage .detailpage-section.mobile-section .contents-wrap .about-wrap {
        width: 100%;
        gap: 12px;
    }
    .rebound2025-detailpage .detailpage-section.mobile-section .contents-wrap .img-title-wrap {
        width: calc(50% - 20px);
        max-width: calc(50% - 20px );
    }

    .rebound2025-detailpage .admin-section .contents-wrap ul {
        gap: 50px;
    }
    .rebound2025-detailpage .admin-section .contents-wrap ul li:nth-child(2) {
        padding: 0 16px;
    }
    .rebound2025-detailpage .admin-section .contents-wrap ul li:nth-child(3) {
        padding: 0 16px;
    }
    .rebound2025-detailpage .admin-section .contents-wrap ul li:nth-child(even) .img-title-wrap {
        margin-left: 0;
    }
    .rebound2025-detailpage .admin-section .contents-wrap ul li .admin-inner {
        gap: 12px;
    }
    .rebound2025-detailpage .admin-section .contents-wrap ul li .img-wrap {
        gap: 12px;
    }
}

@media screen and (max-width : 500px) { 
    .rebound2025-detailpage .visual-section .project-mainimg .graphic-icon01 { 
        left: -8%;
    }
    .rebound2025-detailpage .visual-section .project-mainimg .graphic-icon02 {         
        right: -10%;
    }

    @keyframes float {
        0%, 100% {
            transform: rotate(4.5deg) translateY(-5px); 
        }
        50% {
            transform: rotate(4.5deg) translateY(5px); 
        }
    }
    
    .rebound2025-detailpage .f-thumb-section .wrapper80 h2 {
        font-size: 40px;
    }
}