.phyxup-detailpage .visual-section {
    background: linear-gradient(180deg, #FF8204 15.69%, #FF6004 136.73%);
}

.phyxup-detailpage {
    background-color: #F7FBFF;
}
.phyxup-detailpage .overview-section {
    background-color: #F7FBFF;
}
.phyxup-detailpage .visual-section .project-mainimg {
    position: relative;
}
.phyxup-detailpage .visual-section .project-mainimg img.m-img {
    display: none;
}
.phyxup-detailpage .visual-section .project-mainimg .sub-title-wrap {
    bottom: 12%;
}
.phyxup-detailpage .visual-section .project-mainimg .bg-icon  {
    position: absolute;
    aspect-ratio: 1 / 1;
 
}
.phyxup-detailpage .visual-section .project-mainimg .bg-icon > img {
    animation: rotate 7s ease-in-out infinite;
}
.phyxup-detailpage .visual-section .project-mainimg .dot-icon {
    position: absolute;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    background-color: #fff;
}
@keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(-80deg);
    }
    50% {
      transform: rotate(0deg);
    }
    75% {
      transform: rotate(80deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }
  
.phyxup-detailpage .visual-section .project-mainimg .dot-icon01 {
    left: 10%;
    top: 28%;
    max-width: 14px;
    width: 1vw;
}
.phyxup-detailpage .visual-section .project-mainimg .bg-icon.bg-icon01 {
    left: 0;
    bottom: 1%;
    transform: translate(-30%);
    max-width: 193px;
    width: 8vw;
}

.phyxup-detailpage .visual-section .project-mainimg .bg-icon.bg-icon02 {
    right: 30%;
    top: 8%;
    transform: rotate(15deg);
    max-width: 25px;
    width: 1.5vw;
}
.phyxup-detailpage .visual-section .project-mainimg .bg-icon.bg-icon02 .dot-icon02 {
    left: -3vw;
    bottom: -80%;
    max-width: 10px;
    width: 0.5vw;
}
.phyxup-detailpage .visual-section .project-mainimg .bg-icon.bg-icon03 {
    right: 10%;
    top: 27%;
    transform: rotate(15deg);
    max-width: 45px;
    width: 2vw;
}
.phyxup-detailpage .visual-section .project-mainimg .bg-icon.bg-icon03 .dot-icon03 {
    right: -5vw;
    bottom: -100%;
    max-width: 14px;
    width: 1vw;
}
.phyxup-detailpage .visual-section .project-mainimg .bg-icon.bg-icon03 img {
    width: 100%;
    object-fit: contain;
}
.phyxup-detailpage .visual-section .project-mainimg .bg-icon.bg-icon03 .dot-icon04 {
    right: -2vw;
    top: -50%;
    max-width: 10px;
    width: 0.5vw;
}

.phyxup-detailpage .overview-section .contents-wrap {
    display: flex;
    flex-direction: column;
    gap: 120px;
}
.phyxup-detailpage .overview-section .contents-wrap .wrapper60 .m-wrap {
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 0 86px;
}
.phyxup-detailpage .overview-section .contents-wrap .wrapper60 .m-wrap .m-img-list {
    display: flex;
    justify-content: space-between;
}
.phyxup-detailpage .overview-section .contents-wrap .wrapper60 .m-wrap .m-img-list .img-title-wrap {
    width: 12vw;
    max-width: 227px;
}
.phyxup-detailpage .overview-section .contents-wrap .adminpage-wrap .wrapper60 .title-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 840px;
    margin: 80px 0 100px 0;
}
.phyxup-detailpage .overview-section .contents-wrap .adminpage-wrap .wrapper60 .title-wrap h3 {
    font-size: 16px;
    color: #100C12;
}
.phyxup-detailpage .overview-section .contents-wrap .adminpage-wrap .wrapper60 .title-wrap h3 br {
    display: none;
}
.phyxup-detailpage .overview-section .contents-wrap .adminpage-wrap .wrapper60 .title-wrap p {
    font-size: 14px;
    color: #100C12;
}
.phyxup-detailpage .overview-section .contents-wrap .adminpage-wrap .wrapper60 .title-wrap p em {
    font-weight: 700;
}
.phyxup-detailpage .overview-section .contents-wrap .adminpage-wrap .wrapper60 .img-list {
    display: flex;
    flex-direction: column;
    gap: 100px;
}
.phyxup-detailpage .overview-section .contents-wrap .adminpage-wrap .wrapper60 .img-list .admin02-wrap {
    display: flex;
    justify-content: flex-end;
}
.phyxup-detailpage .overview-section .contents-wrap .adminpage-wrap .wrapper60 .img-list .img-title-wrap {
    width: 75vw;
}


.phyxup-detailpage .tone-manner-section {
    background-color: #F7FBFF;
}
.phyxup-detailpage .tone-manner-section .contents-wrap ul li.orange {
    width: 50%;
    background: #FF8204;
}
.phyxup-detailpage .tone-manner-section .contents-wrap ul li.white {
    width: 50%;
    background: #fff;
}
.phyxup-detailpage .tone-manner-section .contents-wrap ul li.white span {
    color: rgba(0, 28, 31, 0.20);
}

.phyxup-detailpage .application-section {
    position: relative;
}
.phyxup-detailpage .application-section::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    transform: translate(30%, 70%);
    background: #FF8204;
    filter: blur(150px);
    content: "";
}
.phyxup-detailpage .application-section .contents-wrap {
    display: flex;
    align-items: center;
    gap: 220px;
    justify-content: space-between;
    padding: 0 100px;
}
.phyxup-detailpage .application-section .contents-wrap .main-wrap {
    width: calc(33% - 110px);
    flex-shrink: 1;
}
.phyxup-detailpage .application-section .contents-wrap .sub-wrap {
    width: calc(67% - 110px);
}
.phyxup-detailpage .application-section .contents-wrap .sub-wrap .img-list {
    display: flex;
    align-items: center;
    gap: 60px;
    width: 100%;
}
.phyxup-detailpage .application-section .contents-wrap .sub-wrap .img-list .img-title-wrap {
    width: calc(33.33% - 40px);
}
.phyxup-detailpage .application-section .contents-wrap .sub-wrap .img-list .img-title-wrap:nth-child(1) {
    margin-bottom: 5%;
}
.phyxup-detailpage .application-section .contents-wrap .sub-wrap .img-list .img-title-wrap:nth-child(3) {
    margin-bottom: 10%;
}
.phyxup-detailpage .detailpage-section.dashboard-section {
    background-color: #fff;
}
.phyxup-detailpage .detailpage-section.dashboard-section .contents-wrap {
    display: flex;
    flex-direction: column;
    gap: 75px;
}
.phyxup-detailpage .detailpage-section.dashboard-section .contents-wrap .main-wrap {
    padding: 0 100px;
    max-width: 1444px;
    margin: 0 auto;
}
.phyxup-detailpage .detailpage-section.dashboard-section .contents-wrap .library-wrap {
    display: flex;
    gap: 30px;
}
.phyxup-detailpage .detailpage-section.dashboard-section .contents-wrap .library-wrap .img-title-wrap {
    width: calc(50% - 15px);
}
.phyxup-detailpage .detailpage-section.dashboard-section .contents-wrap .library-wrap .img-title-wrap.library02 {
    margin-top: 170px;
}
.phyxup-detailpage .detailpage-section.dashboard-section .contents-wrap .library-wrap .img-title-wrap .img-area {
    border-radius: 10px;
}


.phyxup-detailpage .admin-section {
    background-color: #FFFFFF;
}
.phyxup-detailpage .admin-section .contents-wrap {
    position: relative;
}
.phyxup-detailpage .admin-section .contents-wrap::before {
    position: absolute;
    right: 0;
    top: 20px;
    width: 33%;
    min-width: 315px;
    aspect-ratio: 777 / 242;
    background: url(../../../src/img/project/phyxup/bg_logo.png) no-repeat center center / contain;
    content: "";
}
.phyxup-detailpage .admin-section .contents-wrap ul {
    gap: 68px;
}
.phyxup-detailpage .admin-section .contents-wrap ul li:nth-child(odd) {
    justify-content: flex-start;
}
.phyxup-detailpage .admin-section .contents-wrap ul li:nth-child(even) {
    display: flex;
    justify-content: flex-end;
}
.phyxup-detailpage .admin-section .contents-wrap ul li .img-title-wrap {
    width: 70%;
}


@media screen and (max-width : 1280px) {
   
    .phyxup-detailpage .overview-section .contents-wrap .wrapper60 .m-wrap .m-img-list {
        gap: 40px;
    }
    .phyxup-detailpage .overview-section .contents-wrap .wrapper60 .m-wrap .m-img-list .img-title-wrap {
        width: calc(25% - 30px);
    }

    .phyxup-detailpage .detailpage-section.dashboard-section .contents-wrap .main-wrap {
        padding: 0;
    }

    .phyxup-detailpage .application-section .contents-wrap {
        gap: 100px;
        padding: 0 20px;
    }
    .phyxup-detailpage .application-section .contents-wrap .main-wrap {
        width: calc(33% - 50px);
    }
    .phyxup-detailpage .application-section .contents-wrap .sub-wrap {
        width: calc(67% - 50px);
    }
    .phyxup-detailpage .application-section .contents-wrap .sub-wrap .img-list {
        gap: 20px;
    }
    .phyxup-detailpage .application-section .contents-wrap .sub-wrap .img-list .img-title-wrap {
        width: calc(33.33% - 13.33px);
    }
}
@media screen and (max-width : 768px) {
    .phyxup-detailpage .visual-section {
        padding: 80px 0;
    }
    .phyxup-detailpage .visual-section .project-mainimg .sub-title-wrap {
        bottom: -3%;
    }
    .phyxup-detailpage .visual-section .project-mainimg img.pc-img {
        display: none;
    }
    .phyxup-detailpage .visual-section .project-mainimg img.m-img {
        display: block;
    }
    .phyxup-detailpage .visual-section .project-mainimg .bg-icon.bg-icon01 {
        left: -2%;
    }
    .phyxup-detailpage .visual-section .project-mainimg .dot-icon01 {
        left: 8%;
    }
    .phyxup-detailpage .visual-section .project-mainimg .bg-icon.bg-icon03 {
        right: 8%;
    }
    .phyxup-detailpage .overview-section .contents-wrap {
        gap: 50px;
    }
    .phyxup-detailpage .overview-section .contents-wrap .wrapper60 .m-wrap {
        gap: 23px;
        padding: 0;
    }
    .phyxup-detailpage .overview-section .contents-wrap .wrapper60 .m-wrap .m-img-list {
        column-gap: 40px;
        row-gap: 46px;
        flex-wrap: wrap;
        width: 100%;
    }
    .phyxup-detailpage .overview-section .contents-wrap .wrapper60 .m-wrap .m-img-list .img-title-wrap {
        width: calc(50% - 20px);
        max-width: calc(50% - 20px);
    }

    .phyxup-detailpage .admin-section .project-detail-head {
        margin-bottom: 75px;
    }
    .phyxup-detailpage .admin-section .project-detail-head h2 {
        font-size: 55px;
    }
    .portfolio-detailpage .admin-section .contents-wrap ul {
        gap: 75px;
    }
    .phyxup-detailpage .admin-section .contents-wrap::before {
        top: -60px;
    }
    .phyxup-detailpage .overview-section .contents-wrap .adminpage-wrap .wrapper60 .title-wrap {
        margin: 16px 0 50px 0;
        gap: 12px;
    }
    .phyxup-detailpage .overview-section .contents-wrap .adminpage-wrap .wrapper60 .title-wrap h3 br {
        display: block;
    }
    .phyxup-detailpage .overview-section .contents-wrap .adminpage-wrap .wrapper60 .img-list {
        gap: 50px;
    }
    .phyxup-detailpage .overview-section .contents-wrap .adminpage-wrap .wrapper60 .img-list .admin01-wrap {
        margin-right: 40px;
    }
    .phyxup-detailpage .overview-section .contents-wrap .adminpage-wrap .wrapper60 .img-list .admin01-wrap .img-title-wrap {
        width: 100%;
        align-items: flex-end;
        margin-left: -30px;
    }
    .phyxup-detailpage .overview-section .contents-wrap .adminpage-wrap .wrapper60 .img-list .admin02-wrap {
        margin-left: 40px;
    }
    .phyxup-detailpage .overview-section .contents-wrap .adminpage-wrap .wrapper60 .img-list .admin02-wrap .img-title-wrap {
        width: 100%;
        margin-right: -30px;
    }


    .phyxup-detailpage .application-section .project-detail-head h2 {
        font-size: 55px;
    }
    .phyxup-detailpage .application-section .contents-wrap {
        flex-direction: column;
        gap: 50px;
        padding: 25px 0 0 0;
    }
    .phyxup-detailpage .application-section::before {
        width: 110%;
        transform: translate(30%, 50%);
        filter: blur(65px);
    }
    .phyxup-detailpage .application-section .contents-wrap .main-wrap {
        width: 48%;
    }
    .phyxup-detailpage .application-section .contents-wrap .sub-wrap {
        width: calc(100% - 10px);
    }
    .phyxup-detailpage .detailpage-section.dashboard-section .project-detail-head h2 {
        font-size: 52px;
        letter-spacing: -2.9px;
    }
    .phyxup-detailpage .detailpage-section.dashboard-section .contents-wrap .library-wrap {
        flex-direction: column;
        align-items: center;
        gap: 75px;
    }
    .phyxup-detailpage .detailpage-section.dashboard-section .contents-wrap .library-wrap .img-title-wrap {
        width: 100%;
    }
    .phyxup-detailpage .detailpage-section.dashboard-section .contents-wrap .library-wrap .img-title-wrap.library01 { 
        margin-left: -70px;
        align-items: flex-end;
    }
    .phyxup-detailpage .detailpage-section.dashboard-section .contents-wrap .library-wrap .img-title-wrap.library02 {
        margin: 0 -70px 0 0;
    }

    .phyxup-detailpage .admin-section .contents-wrap ul li .img-title-wrap {
        width: 100%;
    }
    .phyxup-detailpage .admin-section .contents-wrap ul li:nth-child(odd) {
        margin-left: -30px;
    }
    .phyxup-detailpage .admin-section .contents-wrap ul li:nth-child(odd) .img-title-wrap {
        margin-right: 40px;
        align-items: flex-end;
    }
    .phyxup-detailpage .admin-section .contents-wrap ul li:nth-child(even) {
        margin-right: -30px; 
    }
    .phyxup-detailpage .admin-section .contents-wrap ul li:nth-child(even) .img-title-wrap {
        margin-left: 40px;
    }
    .phyxup-detailpage .admin-section .contents-wrap ul li:nth-child(even) .img-title-wrap .img-area {
        margin: 0;
    }
}

@media screen and (max-width : 500px) { 
    .phyxup-detailpage .f-thumb-section {
        aspect-ratio: 390 / 600;
        min-height: 600px;
    }
}