.main-main .section10{
    padding-bottom: clamp(100px, 20vw, 220px);
    .title-wrap{
        margin-bottom: clamp(30px,7vw,80px);
    }
    .swiper{
        a{
            .img{
                aspect-ratio: 465/300; overflow: hidden;
                img{
                    width: 100%; height: 100%;
                    object-fit: cover; object-position: center;
                    transition: 1s;
                }
            }
            .txt{
                padding-top:  clamp(10px,2vw,30px);
                .title{
                    font-size: clamp(14px,4vw,32px); font-weight: 700; font-family: var(--font-2);
                }
                .sub-title{
                    font-size: clamp(16px,3vw,20px); font-weight: 400;
                    padding-bottom: clamp(8px,2vw,30px);
                    border-bottom: 1px solid var(--color-black);
                }
                .date{
                    color: var(--color-3); font-weight: 300; padding-top: clamp(8px,2vw,30px);
                }
            }
        }
        .swiper-navigation{
            .swiper-button-prev{
                color: var(--color-black);
                top: 35%;
                padding-right: 20px;
                scale:0.6;
            }
            .swiper-button-next{
                color: var(--color-black);
                top: 35%;
                padding-left: 20px;
                scale:0.6;
            }
        }
    }
}
.main-main .section20{
    padding-bottom: clamp(100px, 20vw, 220px);
        .type-wrap{
            display: flex; gap: clamp(20px, 4.5vw, 80px);
            padding-top: clamp(30px, 5vw, 80px);
            font-size: clamp(16px,3vw,24px);
            .type{
                padding-block: clamp(5px, 0.9vw, 15px);
                cursor: pointer;
                transition: .4s;
                span{
                    border-bottom: 1px solid transparent;
                    transition: .4s;
                }
            }
            .type:hover{
                span{ border-bottom: 1px solid var(--color-black); }
            }
            .type.active{
                padding-inline: clamp(22px,6vw,54px) ;
                background-color: var(--color-1);
                color: var(--color-white);
                border-radius: 150px;
                span{
                    border-bottom: 1px solid var(--color-white);
                }
            }
        }
        .content-wrap{
            padding-top: 60px;
        }
        .swiper{
            user-select: none;
            -webkit-user-drag: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            .swiper-slide{
                .img-box{
                    aspect-ratio: 45/55; overflow: hidden;
                    img{
                        width: 100%; height: 100%;
                        object-fit: cover; object-position: center;
                        transition: 1s;
                    }
                }
                .text-box{
                    .type{
                        padding-top: clamp(10px, 2vw, 30px);
                        padding-bottom: clamp(5px, 1vw, 10px);
                        color: var(--color-3); font-size: clamp(12px,2vw,20px); font-weight: 300;
                    }
                    .title{
                        font-size: clamp(16px,3vw,24px); font-weight: 500;
                    }
                }
            }
        }

}
.main-main .section30{
    .title-wrap{
        margin-bottom: clamp(30px,7vw,108px);
    }
    .content-wrap .facility-list-p{
        article{
            display: flex; gap: clamp(20px, 8vw, 149px); align-items: center;
            .img{
                width: clamp(0px,30vw,565px);
                aspect-ratio: 1/1;
                img{
                    width: 100%; height: 100%;
                    object-fit: cover; object-position: center;
                    transition: 1s;
                }
            }
            .content{
                div:first-child{
                    font-size: clamp(26px,6vw,40px); font-weight: 500; font-family: var(--font-2);
                    padding-bottom: clamp(20px,4.5vw,40px);
                }
                div:nth-child(2){
                    font-size: var(--f-size-20); font-weight: 300; line-height: 1.6;
                    padding-bottom: clamp(20px,4.5vw,40px);
                }
            }
        }
        article:nth-child(odd){

        }
        article:nth-child(even){
            flex-direction: row-reverse;
            justify-content: end;
            text-align: right;
        }
        article:not(:last-child) {
            margin-bottom: clamp(0px, 10vw, 100px);
        }
    }
}


@media(width > 1023px){
    .main-main .section10{
        .swiper{
                padding-inline: 70px;
            }
    }
    .main-main .section20{
        .wrap{
            max-width: unset;
            padding-left: calc(((100vw - 1920px) / 2) + clamp(0px,12.5vw,231px));
            padding-right: 0;
            .preview{
                position: relative;
            }
            .btn-wrap{
                height: 100%; display: flex; align-items: center; justify-content: center;
                position: absolute; left: 0; top: 0;
                padding-right: 20px;
                transform: translateX(-100%);
                font-size: 30px;
            }
        }
    }
}
@media(width < 1400px){
}
@media(width < 1024px){
    .main-main{
        .swiper .swiper-pagination{
            position: static;
            padding-top: 30px;
        }
        .swiper-pagination-bullet-active{
            background-color: var(--color-black);
        }
    }
    .main-main .section20{
        .title-wrap{
            margin-bottom: clamp(30px,7vw,108px);
        }
        .swiper .swiper-slide .img-box{
            aspect-ratio: 372/350;
        }
    }
    .main-main .section30{
        .wrap{
            padding: 0;
        }
        .swiper{
            .img{
                aspect-ratio: 1/1;
                img{
                    width: 100%; height: 100%;
                    object-fit: cover; object-position: center;
                    transition: 1s;
                }
            }
            .content{
                padding-inline: 20px;
                div:first-child{
                    font-size: 26px;
                    font-weight: 500;
                    font-family: var(--font-2);
                    margin-block: 20px;
                }
            }
        }
    }
}
@media(width < 768px){
}
@media(width < 400px){
}