.hanwhaschool-detailpage {
    background-color: #fff;
}
.hanwhaschool-detailpage .visual-section {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 70px;
    background: linear-gradient(180deg, #8EECFF 15.69%, #8ED4FF 150.24%);
    color: #101010;
    padding: 133px 0 0 0;
}
.hanwhaschool-detailpage .visual-section .project-info .wrapper80 .title h2 {
    color: #1E3955;
}
.hanwhaschool-detailpage .visual-section.text_w .project-info .wrapper80 .title {
    border-bottom: 1px solid rgba(16, 16, 16, 0.50);
}
.hanwhaschool-detailpage .visual-section.text_w .project-info .wrapper80 .info-wrap .info-detail > ul > li .label-wrap .label-icon {
    background-color: #101010;
}
.hanwhaschool-detailpage .visual-section .project-mainimg {
    z-index: 10;
}
.hanwhaschool-detailpage .visual-section .project-mainimg.sub-info-title.animate-title-in .box-icon {
    background-color: #1E3955;
}
.hanwhaschool-detailpage .visual-section .project-mainimg .sub-info-title span {
    color: #1E3955;
}

.hanwhaschool-detailpage .overview-section {
    background-color: #F7FBFF;
}
.hanwhaschool-detailpage .overview-section .contents-wrap .home-wrap {
    margin-bottom: 100px;
}
.hanwhaschool-detailpage .overview-section .contents-wrap .sub-wrap {
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-right: -6%;
    padding: 16px 0 0 0;
    margin-bottom: 160px;
}
.hanwhaschool-detailpage .overview-section .contents-wrap .sub-wrap .bg-text {
    position: absolute;
    left: 80px;
    top: 80px;
    width: 15%;
    max-width: 340px;
    aspect-ratio: 340 / 411;
}
.hanwhaschool-detailpage .overview-section .contents-wrap .sub-wrap .bg-text img {
    width: 100%;
    object-fit: contain;
}
.hanwhaschool-detailpage .overview-section .contents-wrap .sub-wrap .inner {
    max-width: 1450px;
    width: 75vw;
}
.hanwhaschool-detailpage .overview-section .contents-wrap .m-wrap {
    padding: 0 40px;
}
.hanwhaschool-detailpage .overview-section .contents-wrap .m-wrap .wrapper120 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.hanwhaschool-detailpage .overview-section .contents-wrap .m-wrap .img-list {
    display: flex;
    gap: 130px;
}
.hanwhaschool-detailpage .overview-section .contents-wrap .m-wrap .img-list .img-title-wrap {
    width: calc(25% - 97.5px);
}


.hanwhaschool-detailpage .tone-manner-section {
    background-color: #fff;
}
.hanwhaschool-detailpage .tone-manner-section .contents-wrap ul li.orange {
    background-image: linear-gradient(to right, rgba(244, 115, 32, 1) 50%, rgba(255, 212, 184, 1));
}
.hanwhaschool-detailpage .tone-manner-section .contents-wrap ul li.yellow {
    background-image: linear-gradient(to right, rgba(245, 175, 64, 1) 50%, rgba(255, 230, 189, 1));
}
.hanwhaschool-detailpage .tone-manner-section .contents-wrap ul li.green {
    background-image: linear-gradient(to right, rgba(112, 190, 93, 1) 50%, rgba(196, 255, 181, 1));
}
.hanwhaschool-detailpage .tone-manner-section .contents-wrap ul li.blue {
    background-image: linear-gradient(to right, rgba(120, 205, 255, 1) 50%, rgba(234, 247, 255, 1));
}

.hanwhaschool-detailpage .detailpage-section.about-section .contents-wrap{
    padding: 0 80px;
}

.hanwhaschool-detailpage .detailpage-section.events-section {
    position: relative;
    background: linear-gradient(180deg, #8EECFF 0%, #8ED4FF 100%);
}
.hanwhaschool-detailpage .detailpage-section.events-section::after {
    position: absolute;
    right: 0;
    bottom: -3%;
    width: 40%;
    aspect-ratio: 830 / 283;
    opacity: 0.1;
    background: url(../../../src/img/credit_logo_w.svg) no-repeat center center / contain;
    content: "";
}
.hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap {
    display: flex;
    flex-direction: column;
    gap: 100px;
}
.hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap .pc-wrap{
    display: flex;
    gap: 30px;
}
.hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap .pc-wrap .img-title-wrap {
    width: calc(50% - 15px);
}
.hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap .pc-wrap .img-title-wrap .img-area {
    border-radius: 10px;
}
.hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap .pc-wrap .img-title-wrap.events2 .img-area {
    margin-top: 170px;
}
.hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap .m-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap .m-wrap .img-list {
    display: flex;
    gap: 130px;
}
.hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap .m-wrap .img-list .img-title-wrap{
    width: calc(25% - 97.5px);    
}

@media screen and (max-width : 1280px) {
    .hanwhaschool-detailpage .overview-section .contents-wrap .sub-wrap .bg-text {
        left: 20px;
        top: 20px;
    }
    .hanwhaschool-detailpage .overview-section .contents-wrap .sub-wrap .inner {
        width: 83vw;
    }
    .hanwhaschool-detailpage .overview-section .contents-wrap .m-wrap .wrapper120 {
        padding: 0;
    }
    .hanwhaschool-detailpage .overview-section .contents-wrap .m-wrap .img-list {
        gap: 40px;
    }
    .hanwhaschool-detailpage .overview-section .contents-wrap .m-wrap .img-list .img-title-wrap {
        width: calc(25% - 30px);
    }

    .hanwhaschool-detailpage .detailpage-section.about-section .contents-wrap{
        padding: 0;
    }
    .hanwhaschool-detailpage .detailpage-section.events-section::after {
        width: 70%;
        bottom: 0;
    }
    .hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap .pc-wrap {
        flex-direction: column;
    }
    .hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap .pc-wrap .img-title-wrap {
        width: 100%;
        margin: 0 auto;
    }
    .hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap .pc-wrap .img-title-wrap.events2 .img-area {
        margin-top: 60px;
    }
    .hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap .m-wrap .img-list {
        gap: 40px;
    }
    .hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap .m-wrap .img-list .img-title-wrap{
        width: calc(25% - 30px);
    }
}

@media screen and (max-width : 768px) {
    .hanwhaschool-detailpage .visual-section {
        padding: 80px 0 0 0;
    }
    .hanwhaschool-detailpage .visual-section .project-info .wrapper80 .title h2 {
        font-size: 48px;
    }
    .hanwhaschool-detailpage .overview-section .contents-wrap .home-wrap {
        margin-bottom: 50px;
    }
    .hanwhaschool-detailpage .overview-section .contents-wrap .m-wrap .img-list {
        gap: 10px;
    }
    .hanwhaschool-detailpage .overview-section .contents-wrap .m-wrap .img-list .img-title-wrap {
        width: calc(25% - 7.5px);
    }
    .hanwhaschool-detailpage .overview-section .contents-wrap .sub-wrap {
        margin-bottom: 80px;
    }
    .hanwhaschool-detailpage .overview-section .contents-wrap .sub-wrap .bg-text {
        display: none;
     }
    .hanwhaschool-detailpage .overview-section .contents-wrap .sub-wrap .inner {
        width: 100%;
    } 
    .hanwhaschool-detailpage .overview-section .contents-wrap .sub-wrap .inner .video-title-wrap {
        margin-left: 60px;
    }

    .hanwhaschool-detailpage .overview-section .contents-wrap .m-wrap {
        padding: 0 15px;
    }

    .hanwhaschool-detailpage .detailpage-section.events-section::after {
        width: 85%;
        bottom: 0;
    }
    .hanwhaschool-detailpage .detailpage-section.about-section .project-detail-head h2,
    .hanwhaschool-detailpage .detailpage-section.events-section .project-detail-head h2 {
        font-size: 52px;
        letter-spacing: -2.08px;
    }
    .hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap .pc-wrap {
        gap: 50px;
    }
    .hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap .pc-wrap .img-title-wrap {
        width: 100%;
    }
    .hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap .pc-wrap .img-title-wrap.events2 .img-area {
        margin-top: 0;
    }

    .hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap {
        gap: 50px;
    }
    .hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap .m-wrap {
        gap: 12px;
        padding: 0;
        margin-left: -20px;
        align-items: flex-end;
        width: 90%;
    }
    .hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap .m-wrap .img-list {
        gap: 10px;
        justify-content: flex-end;
    }
    .hanwhaschool-detailpage .detailpage-section.events-section .contents-wrap .m-wrap .img-list .img-title-wrap{
        width: calc(33.33% - 3.33px);
        min-width: 100px;
    }

}
@media screen and (max-width : 500px) { 
    .hanwhaschool-detailpage .f-thumb-section .wrapper80 h2 {
        font-size: 48px;
        color: #8EECFF;
    }
}