.lgcontest-detailpage .visual-section {
    position: relative;
}
.lgcontest-detailpage .visual-section::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../../../src/img/project/lg_contest/main_bg_pc.png) no-repeat center center / cover;
    content: "";
}
.lgcontest-detailpage .visual-section .project-info .wrapper80 .title h2 {
    font-size: 12rem;
}
.lgcontest-detailpage .visual-section .project-mainimg img.m-img {
    display: none;
}
.lgcontest-detailpage .overview-section {
    background-color: #F1F1F1;
}
.lgcontest-detailpage .overview-section .home-wrap {
    margin-bottom: 116px;
}
.lgcontest-detailpage .overview-section .sub-wrap {
    display: flex;
    justify-content: flex-end;
    margin-right: -60px;
}
.lgcontest-detailpage .overview-section .sub-wrap .inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: calc(100% - 190px);
    max-width: 2000px;
}
.lgcontest-detailpage .overview-section .sub-wrap .inner .img-list {
    display: flex;
    align-items: flex-end;
    gap: 40px;
}
.lgcontest-detailpage .overview-section .sub-wrap .inner .img-list .img-title-wrap.pc {
    width: calc(80% - 20px);
}
.lgcontest-detailpage .overview-section .sub-wrap .inner .img-list .img-title-wrap.mobile  {
    width: calc(20% - 20px);
}

.lgcontest-detailpage .tone-manner-section {
    background-color: #131313;
}
.lgcontest-detailpage .tone-manner-section .contents-wrap ul li.magenta {
    width: 50%;
    background-color: #B01850;
}
.lgcontest-detailpage .tone-manner-section .contents-wrap ul li.white {
    width: 50%;
    background-color: #fff;
}
.lgcontest-detailpage .tone-manner-section .contents-wrap ul li.white span {
    color: rgba(19, 19, 19, 0.20);
}

.lgcontest-detailpage .detailpage-section.announcement-section {
    background-color: #131313;
}
.lgcontest-detailpage .detailpage-section.announcement-section .contents-wrap .wrapper80 .inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.lgcontest-detailpage .detailpage-section.announcement-section .contents-wrap .wrapper80 .inner .img-list {
    display: flex;
    align-items: flex-end;
    gap: 60px;
}
.lgcontest-detailpage .detailpage-section.announcement-section .contents-wrap .wrapper80 .inner .img-title-wrap.pc {
    width: calc(80% - 30px);
}
.lgcontest-detailpage .detailpage-section.announcement-section .contents-wrap .wrapper80 .inner .img-title-wrap.mobile  {
    width: calc(20% - 30px);
}

.lgcontest-detailpage .detailpage-section.guidlines-section {
    position: relative;
}
.lgcontest-detailpage .detailpage-section.guidlines-section .contents-wrap {
    padding: 0 20px;
}
.lgcontest-detailpage .detailpage-section.guidlines-section::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background-color: #131313;
    content: "";
}
.lgcontest-detailpage .detailpage-section.guidlines-section::after {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 40%;
    max-width: 777px;
    aspect-ratio: 777 / 242;
    background: url(../../../src/img/project/lg_contest/logo_pink.png) no-repeat center center /contain;
    content: "";
}

@media screen and (max-width : 1280px) {
    .lgcontest-detailpage .overview-section .sub-wrap .inner {
        width: calc(100% - 100px);
    }
    .lgcontest-detailpage .overview-section .sub-wrap .inner .img-list .img-title-wrap.pc {
        width: calc(75% - 20px);
    }
    .lgcontest-detailpage .overview-section .sub-wrap .inner .img-list .img-title-wrap.mobile {
        width: calc(25% - 50px);
    }

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

@media screen and (max-width : 768px) {
    .lgcontest-detailpage .visual-section .project-info .wrapper80 .title h2 {
        font-size: 39px;
    }
    .lgcontest-detailpage .visual-section .project-mainimg img.pc-img {
        display: none;
    }
    .lgcontest-detailpage .visual-section .project-mainimg img.m-img {
        display: block;
    }
    .lgcontest-detailpage .visual-section .sub-info-title > span {
        /* word-break: keep-all; */
        white-space: wrap;
    }
    .lgcontest-detailpage .overview-section .home-wrap {
        margin-bottom: 66px;
    }
    .lgcontest-detailpage .overview-section .sub-wrap {
        margin-right: 0;
    }
    .lgcontest-detailpage .overview-section .sub-wrap .inner {
        width: 100%;
        gap: 12px;
        padding: 0 16px;
    }
    .lgcontest-detailpage .overview-section .sub-wrap .inner .img-list {
        width: 130%;
        gap: 13px;
    }
    .lgcontest-detailpage .overview-section .sub-wrap .inner .img-list .img-title-wrap.pc {
        width: 72%;
    }
    .lgcontest-detailpage .overview-section .sub-wrap .inner .img-list .img-title-wrap.mobile {
        width: 18%;
    }

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


@media screen and (max-width : 500px) {
    .lgcontest-detailpage .f-thumb-section {
        aspect-ratio: 390 / 590;
        min-height: 590px;
    }
    .lgcontest-detailpage .f-thumb-section .wrapper80 h2 {
        font-size: 39px;
        line-height: 1.2;
    }
}