.checkplus-detailpage .visual-section {
    position: relative;
    
}

.checkplus-detailpage .visual-section::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -50;
    background-color: #3BA66A;
    content: "";
}
.checkplus-detailpage .visual-section .project-mainimg {
    position: relative;
}
.checkplus-detailpage .visual-section .project-mainimg::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background: url(../../img/project/checkplus/main_bg.jpg) no-repeat center bottom /cover;
    content: "";
}
.checkplus-detailpage .visual-section .project-info .wrapper80 .info-wrap .info-detail > ul {
    max-width: 550px;
}
.checkplus-detailpage .overview-section {
    background-color: #3BA66A;
}
.checkplus-detailpage .overview-section .contents-wrap {
    margin: 0 auto;
    max-width: 1450px;
    width: 75vw;
}
.checkplus-detailpage .overview-section .contents-wrap .video-title-wrap .video-area {
    aspect-ratio: 1450 / 800;
}
.checkplus-detailpage .tone-manner-section {
    background-color: #EFF1F0;
}
.checkplus-detailpage .tone-manner-section .contents-wrap ul li.green {
    width: 50%;
    background-color: #299849;
}
.checkplus-detailpage .tone-manner-section .contents-wrap ul li.white {
    width: 50%;
    background-color: #fff;
}


.checkplus-detailpage .detailpage-section.website-section {
    background-color: #EFF1F0;
}
.checkplus-detailpage .detailpage-section.website-section .contents-wrap ul {
    display: flex;
    gap: 30px;
}
.checkplus-detailpage .detailpage-section.website-section .contents-wrap ul li {
    width: calc(50% - 15px);
}
.checkplus-detailpage .detailpage-section.website-section .contents-wrap ul li:nth-child(1) {
    position: relative;
}
.checkplus-detailpage .detailpage-section.website-section .contents-wrap ul li:nth-child(1)::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60%;
    aspect-ratio: 571 / 240;
    transform: rotate(-5deg);
    background: url(../../img/project/checkplus/checkplus_logo_w.png) no-repeat center center / contain;
    content: "";
}


.checkplus-detailpage .detailpage-section.mobile-section {
    background-color: #fff;
    padding: 100px 0 0 0;
}
.checkplus-detailpage .detailpage-section.mobile-section .project-detail-head {
    margin-bottom: 0;
}
.checkplus-detailpage .detailpage-section.mobile-section .contents-wrap {
    padding: 0 90px;
}
.checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul {
    display: flex;
    align-items: center;
    gap: 80px;
}
.checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li {
    position: relative;
    width: calc(20% - 64px);
}
.checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li.empty-item {
    display: none;
}
.checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li:nth-child(3)::after {
    position: absolute;
    right: -40px;
    top: calc(50% - 20px);
    transform: translate(100%, -50%);
    width: 110px;
    aspect-ratio: 109 / 15;
    background: url(../../../src/img/project/checkplus/stroke.svg) no-repeat center center / contain;
    content: "";
}
.checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li:nth-child(5)  {
    z-index: 10;
}
.checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li:nth-child(5) .img-title-wrap {
    position: absolute;
    width: 100%;
    right: -110px;
    top: 0;
    z-index: 10;
    transform: translate(0, -50%);
}
.checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li:nth-child(2) .sub-info-title,
.checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li:nth-child(3) .sub-info-title {
    opacity: 0;
}
.checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li .img-area {
    width: 100%;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}
.checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li .img-area img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.checkplus-detailpage .admin-section {
    background-color: #D7E5DD;
}

.checkplus-detailpage .admin-section .contents-wrap ul {
    gap: 140px;
    align-items: center
}
.checkplus-detailpage .admin-section .contents-wrap ul li {
    width: 100%;
}
.checkplus-detailpage .admin-section .contents-wrap ul li .img-title-wrap {
    width: 100%;
}
.checkplus-detailpage .admin-section .contents-wrap ul li:nth-child(1) {
    position: relative;
}
.checkplus-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/checkplus/logo.png) no-repeat center center / contain;
    content: "";
}
.checkplus-detailpage .admin-section .contents-wrap ul li:nth-child(1) .wrapper80 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.checkplus-detailpage .admin-section .contents-wrap ul li:nth-child(1) .img-title-wrap ,
.checkplus-detailpage .admin-section .contents-wrap ul li:nth-child(3) .img-title-wrap{
    /* max-width: 1160px; */
    width: 73%;
}
.checkplus-detailpage .admin-section .contents-wrap ul li:nth-child(2) {
    margin-left: -36px;
    /* max-width: 2000px; */
    width: 100%;
}
.checkplus-detailpage .admin-section .contents-wrap ul li:nth-child(3) .wrapper80 {
    display: flex;
    justify-content: flex-end;
}
.checkplus-detailpage .admin-section .contents-wrap ul li:nth-child(2) .admin-inner{
    align-items: flex-end;
}

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

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

@media screen and (max-width : 1500px) {
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap {
        padding: 0 20px;
    }
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul {
        display: flex;
        align-items: center;
        gap: 60px;
    }
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li:nth-child(4) .img-title-wrap {
        right: -90px;
    }
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li {
        position: relative;
        width: calc(20% - 48px);
    }
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li:nth-child(3)::after {
        right: -30px;
        width: 110px;
    }

    .checkplus-detailpage .admin-section .contents-wrap ul li .img-wrap {
        flex-direction: column;
    }
    .checkplus-detailpage .admin-section .contents-wrap ul li:nth-child(2) {
        margin-left: 0;
        padding: 0 20px;
    }
    .checkplus-detailpage .admin-section .contents-wrap ul li:nth-child(3) {
        margin-right: 0;
        padding: 0 20px;
    }
    .checkplus-detailpage .admin-section .contents-wrap ul li .admin-inner { 
        width: 70%;
    }
    .checkplus-detailpage .admin-section .contents-wrap ul li:nth-child(2) .admin-inner{
        align-items: flex-start;
    }
    
    .checkplus-detailpage .admin-section .contents-wrap ul li:nth-child(3) .admin-inner{
        align-items: flex-end;
    }
}
@media screen and (max-width : 1280px) {
    .checkplus-detailpage .visual-section .project-info .wrapper80 .info-wrap .info-detail > ul {
        max-width: 100%;
    }
    .checkplus-detailpage .overview-section .contents-wrap {
        width: 100%;
        padding-top: 0;
    }
    .checkplus-detailpage .detailpage-section.mobile-section .project-detail-head {
        margin-bottom: 30px;
    }
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul {
        flex-wrap: wrap;
        column-gap: 40px;
        row-gap: 24px;
    }
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li {
        width: calc(50% - 20px);
    }
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li.empty-item {
        display: block;
    }
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li:nth-child(6) {
        margin-top: 44px;
    }
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li:nth-child(5) .img-title-wrap {
        position: relative;
        right: auto;
        z-index: 10;
        transform: translate(0);
        width: calc(100% + 40px);
    }
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li:nth-child(6) .img-area {
        position: relative;
        aspect-ratio: 259 / 900;
    }
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li:nth-child(6) .img-area img {
        position: absolute;
        top: 50%;
        right: 0;
        width: calc(100% + 40px);
        height: auto;
        transform: translate(0, -50%);
        aspect-ratio: 259 / 900;
    }
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li:nth-child(1) .sub-info-title,
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li:nth-child(2) .sub-info-title {
        display: none;
    }
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li:nth-child(3) .sub-info-title {
        opacity: 1;
    }
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li:nth-child(3) {
        padding-bottom: 68px;
        z-index: 2;
    }
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li:nth-child(6) { 
        z-index: 1;
    }
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li:nth-child(3)::after {
        top: auto;
        right: -20px;
        transform: translate(50%, 0);
        z-index: 20;
        bottom: -24px;
        width: 30px;
        aspect-ratio: 3 / 11;
        background: url(../../img/project/checkplus/stroke_m.svg) no-repeat center center / contain;
    }

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

@media screen and (max-width : 768px) {
    .checkplus-detailpage .detailpage-section.website-section {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .checkplus-detailpage .detailpage-section.website-section .contents-wrap ul {
        flex-direction: column;
        gap: 30px;
    }
    .checkplus-detailpage .detailpage-section.website-section .contents-wrap ul li {
        width: 100%;
    }
    .checkplus-detailpage .detailpage-section.website-section .contents-wrap ul li:nth-child(1)::before {
        display: none;
    }
    .checkplus-detailpage .detailpage-section.mobile-section .contents-wrap ul li:nth-child(3)::after {
        top: auto;
        right: -20px;
        bottom: -12px;
        width: 20px;
    }
    .checkplus-detailpage .admin-section .contents-wrap ul {
        gap: 50px;
    }
    .checkplus-detailpage .admin-section .contents-wrap ul li:nth-child(2) {
        padding: 0 16px;
    }
    /* .checkplus-detailpage .admin-section .contents-wrap ul li:nth-child(3) {
        padding: 0 16px;
    } */
    .checkplus-detailpage .admin-section .contents-wrap ul li:nth-child(even) .img-title-wrap {
        margin-left: 0;
    }
    .checkplus-detailpage .admin-section .contents-wrap ul li .admin-inner {
        gap: 12px;
    }
    .checkplus-detailpage .admin-section .contents-wrap ul li .img-wrap {
        gap: 12px;
    }
}
@media screen and (max-width : 500px) {
    .checkplus-detailpage .visual-section .project-mainimg {
        padding: 50px 0 90px 0;
    }
    .checkplus-detailpage .visual-section .project-mainimg::before { 
        display: none;
    }
    .checkplus-detailpage .visual-section::after {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 50%;
        z-index: -10;
        background: url(../../img/project/checkplus/main_m_bg.png) no-repeat center top / cover;
        content: "";
    }
    .checkplus-detailpage .detailpage-section.website-section {
        position: relative;
        width: 100%;
        overflow: hidden;
        padding: 100px 0 170px 0;
    }
    .checkplus-detailpage .detailpage-section.website-section::before {
        position: absolute;
        left: 50%;
        bottom: 1.8%;
        aspect-ratio: 400 / 168;
        height: 170px;
        transform: rotate(-5deg) translate(-50%, 0);
        background: url(../../img/project/checkplus/checkplus_logo_w.png) no-repeat center center / contain;
        content: "";
    }

    .checkplus-detailpage .f-thumb-section .wrapper80 h2 {
        font-size: 40px;
    }

}