.main-main {
    .content {
        padding-bottom: clamp(0px, 21vw, 40px);
    }
    .section:not(.footer) .wrap {
        display: flex;
        justify-content: space-between;
        gap: 50px;
    }

    .section20 {
        .wrap {
            align-items: end;
        }

        .content {
            padding-top: clamp(0px, 1.6vw, 30px);
        }

        .text {
            padding-bottom: clamp(0px, 60vw, 108px);
        }

        .video {
            position: relative;
            width: clamp(0px, 63vw, 1200px);
            aspect-ratio: 120/72;
            overflow: hidden;
        }

        .video-control {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 10;
        }

        #main-video-play {
            background-color: transparent;
            color: var(--color-white);
            font-size: 4rem;
            border: none;
            width: 100%;
            height: 100%;
        }

        #main-video-play i {
            display: none;
        }

        #main-video-play:not(.pause) {
            opacity: 0;
            transition: .3s ease;
        }

        #main-video-play:not(.pause) i.bi-pause-circle {
            display: block;
        }

        #main-video-play:not(.pause):hover {
            opacity: 1;
        }

        #main-video-play.pause i.bi-play-circle {
            display: block;
        }
    }

    .section30 {
        .wrap {
            align-items: end;
        }

        .text {
            padding-bottom: clamp(0px, 8vw, 154px);
        }

        .room-preview {
            width: clamp(0px, 63vw, 1200px);
            aspect-ratio: 120/72;
            display: flex;
            gap: clamp(0px, 3.6vw, 68px);
        }

        .article {
            width: 50%;
        }

        .article a {
            display: flex;
            gap: 10px;
            height: 100%;
        }

        .article a span {
            font-weight: 400;
            line-height: 1.5;
            writing-mode: vertical-rl;
        }

        .img-wrap {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .img-wrap .back {
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            width: 100%;
            height: 100%;
            transition: .7s;
        }

        .article a:hover .back {
            transform: scale(1.05);
        }
    }
    /*스페셜 대표3*/
    .section40 {
        .wrap{
            height: 75%;
        }
        .special-preview-main {
            display: flex;
            gap: 25px;
            width: 100%;
        }
        .special-main-item {
            width: 100%;
            display: block;
        }
        .special-preview-main > a:nth-child(1) {
            align-self: start;
        }
        .special-preview-main > a:nth-child(2) {
            align-self: center;
        }
        .special-preview-main > a:nth-child(3) {
            align-self: end;
        }
        .special-main-item .back {
            width: 100%;
            aspect-ratio: 52/30;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }
        .special-main-item .link-wrap {
            margin-top: clamp(5px, 1vw, 15px);
            font-weight: 700;
        }
        .stroke1{
            width: max-content;
            position: relative;
        }
    }
    /*스페셜 슬라이드*/
    .section50 {
         display: flex;
        align-items: center;
        .wrap{
            height: 100%;
            align-items: center;
        }
        .fp-scroller{
            height: 100%;
        }
        .special-preview {
            max-width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            margin-left: clamp(0px,5.3vw, 100px);
        }
        .swiper {
            width: clamp(0px, 25vw, 700px);
            aspect-ratio: 1/1;
        }

        .swiper-slide {
            overflow: unset !important;
        }

        .swiper-slide:nth-child(1) > * {
            transform: rotateZ(22deg);
        }

        .swiper-slide:nth-child(2) > * {
            transform: rotateZ(-10deg);
        }

        .swiper-slide:nth-child(3) > * {
            transform: rotateZ(30deg);
        }

        .text {
            padding-right: clamp(0px, 4.2vw, 80px);
        }

        .text .title {
            padding-bottom: clamp(0px, 1.6vw, 30px);
        }
    }
    .stroke1:after{
        background-color: var(--color-4);
    }
}

@media (width < 1400px) {
}

@media (width < 1024px) {
    .main-main {
        .section:not(.section10,.footer) .wrap {
            height: 100%;
            padding-top: 20vw;
            padding-bottom: 20vw;
        }

        .text {
            padding-bottom: 0;
        }

        .section20 {
            .wrap {
                max-height: 100dvh;
                overflow: hidden;
                flex-direction: column;
                align-items: start;
            }

            .image {
                height: 100%;
                width: 100%;
            }
        }

        .section30 {
            .wrap {
                flex-direction: column-reverse;
                align-items: start;
            }

            .room-preview {
                flex-direction: column;
                width: 100%;
                height: auto;
            }

            .article {
                width: 100%;
                height: 100%;
            }

            .img-wrap{
                aspect-ratio: 1/1;
            }
        }

        .section40 {
            .special-preview-main {
                flex-direction: column;
            }
            .special-main-item {
                width: 100%;
            }
        }

        .section50 {
            .wrap{
                flex-direction: column;
            }
            .swiper{
                width: 100%;
                scale: .8;
            }
            .special-preview {
                margin-left: 0;
            }
        }
    }
}

@media (width < 768px) {
}

@media (width < 576px) {
}