.main-main .section10{
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    font-size: var(--f-size-2);
    font-weight: 900;
    line-height: 1.7;
    pointer-events: none;

    background-color: #ffffff88;
    color: var(--color-2);
}
.main-main .section10 .wrap{
    height: 100%;
    padding-top: 0;
    padding-left: clamp(65px, 16vw, 300px);
    padding-right: clamp(65px, 16vw, 300px);
    display: flex;
    align-items: center;
}
.main-main .section10 p{
    font-family: var(--k-main-font-2);
}
.main-main .section20 .wrap{
    padding-top: clamp(120px, 15vw, 270px);
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(80px, 6vw, 100px);
}
.main-main .section20 img{
    width: clamp(0px, 45vw, 850px);
    aspect-ratio: 1/1;
}
.main-main .section20 .article-img{
    padding-bottom: clamp(0px, 2vw, 35px);
}
.main-main .section20 article{
    display: flex;
    gap: clamp(40px, 3.7vw, 70px);
}
.main-main .section20 .article-content{
    padding-top: clamp(0px, 1vw, 19px);
    font-size: 14px;
    line-height: 2;
}
.main-main .section20 .room-list{
    padding-top: clamp(30px, 2vw, 36px);
}
.main-main .section20 .room-list a{
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    color: var(--color-2);
}
.main-main .section20 .room-list a:after{
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background-color: var(--color-3);
    transition: width .3s;
}
.main-main .section20 .room-list a:hover:after{
    width: 100%;
}
.main-main .section30 .wrap{
    max-width: unset;
    width: 100%;
    padding-left: calc( (100vw - 1920px) / 2 + clamp(40px, 8vw, 150px) );
    padding-right: 0;
}
.main-main .section25 .title{
    padding-top: clamp(120px, 11vw, 200px);
    padding-bottom: clamp(50px, 11vw, 198px);
    max-width: 1920px;
    margin: 0 auto;
    text-align: center;
    font-size: 1.875rem;
    color: var(--color-3);
}
.main-main .section30 .swiper{
    height: clamp(180px, 27vw, 500px);
}
.main-main .section30 .swiper-slide{
    /*width: clamp(180px,27vw,500px) !important;*/
    /*aspect-ratio: 1/1;*/
}
.main-main .section40 .wrap{
    padding-top: clamp(120px, 15.5vw, 295px);
    padding-bottom: clamp(160px, 10vw, 185px);
}
.main-main .section40 .article-title{
    text-transform: capitalize;
    color: var(--color-3);
    font-size: 1.875rem;
    font-weight: 400;
    margin-bottom: clamp(30px,2vw,35px);
}
.main-main .section40 .img{
    border-bottom: 1px solid var(--color-4);
    padding-bottom: clamp(20px, 2vw, 35px);
}
.main-main .section40 img{
    width: 100%;
    height: clamp(0px,65vh,800px);
}
.main-main .section40 .article-content{
    padding-top: clamp(30px, 2.3vw, 44px);
    line-height: 2;
    width: fit-content;
    margin-left: auto;
    margin-right: var(--f-size-2);
}
.main-main .section40 article:nth-of-type(n+2){
    padding-top: clamp(120px, 1.3vw, 235px);
}
@media(width < 1400px){
}
@media(width < 1024px){
    .main-main .section10{
        display: none !important;
    }
    .main-main .section20 .article-img{
        padding-bottom: 0;
        border-bottom: none;
    }
    .main-main .section20 article{
        flex-direction: column;
    }
    .main-main .section20 img{
        width: 100%;
    }
    .main-main .section25 .title{
        font-size: 16px;
        white-space: nowrap;
    }
    .main-main .section40 img{
        aspect-ratio: 32/44;
    }
    .main-main .section40 .article-content{
        margin-left: 0;
        margin-right: 0;
    }
}
@media(width < 768px){
}
@media(width < 400px){
    .footer-gnb .footer-gnb-ul{
        gap: clamp(0px, 43vw, 1px);
    }
    .gnb-1d-ul{
        column-gap: 0;
    }
}