@charset "utf-8";

html, body {position: relative;height: 100%;}

body {
    font-family: Noto Sans KR, sans-serif;
    font-size: 16px;
    -ms-overflow-style: none;
}
body::-webkit-scrollbar {display: none;}

/*화면 로딩 화면*/
.loading-page {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 1);z-index: 9999;display: flex;justify-content: center;align-items: center;opacity: 0;pointer-events: none;transition-duration: 0.6s;}
.loading-page .dot {display: inline-block;width: 20px;height: 20px;margin: 0 5px;border-radius: 50%;background-color: #EF4848;animation: bounce 1s ease-in-out infinite;}
.loading-page .dot2 {animation-delay: 0.2s;}
.loading-page .dot3 {animation-delay: 0.4s;}
body.loading .loading-page{opacity: 1;}


/*토스트 메시지 화면*/
.toast-message {
    position: fixed;bottom: 120px;left: 50%;transform: translateX(-50%);background-color: #ffffff;width: 370px;height: 60px;color: #000000;padding: 15px 15px 13px;border-radius: 10px;z-index: 9999;font-size: 20px;font-weight: 400;line-height: 100%;letter-spacing: -0.02em;vertical-align: middle;display: flex;justify-content: center;align-items: center;
    &::before{
        content:'';display: inline-block;background-image: url("https://resources.mohunclassic.com/preorder/assets/img/icons/icon-link.svg");width: 22px;height: 22px;margin-right: 11px;
    }
}

@keyframes bounce {
    0%, 100% {transform: translateY(0) scaleY(1);animation-timing-function: ease-out;}
    50% {transform: translateY(-25px) scaleY(1);animation-timing-function: ease-in;}
    90% {transform: translateY(0) scaleY(0.8);animation-timing-function: ease-out;}
    95% {transform: translateY(0) scaleY(1);animation-timing-function: ease-in;}
}

.wrapper{width: 100%;height: 100%;max-width: 2560px;min-width: 1300px;min-height: 700px;}
.site-header{
    position: fixed;display: flex;width:100%;justify-content: space-between;align-items:center;top:0;left: 0;z-index: 10;padding:20px 30px;
    .link-list{
        display: flex;column-gap: 10px;align-items: center;
        .link-item{
            width: 64px;height: 64px;display: block;background-repeat: no-repeat;background-size: contain;background-position: center;font-size: 0;text-indent: -9999px;overflow: hidden;
           &.icon-home{
               background-image: url("https://resources.mohunclassic.com/preorder/assets/img/icons/icon-home.svg");position: relative;
               &::before{content:'';background-image: url("https://resources.mohunclassic.com/preorder/assets/img/icons/icon-home-on.svg");width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition-duration: 0.3s;transition-property: opacity;}
               &:hover::before{opacity: 1;}
           }
           &.icon-down{
               background-image: url("https://resources.mohunclassic.com/preorder/assets/img/icons/icon-down.svg");position: relative;
               &::before{content:'';background-image: url("https://resources.mohunclassic.com/preorder/assets/img/icons/icon-down-on.svg");width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition-duration: 0.3s;transition-property: opacity;}
               &:hover::before{opacity: 1;}
           }
           &.icon-facebook{
               background-image: url("https://resources.mohunclassic.com/preorder/assets/img/icons/icon-facebook.svg");position: relative;
               &::before{content:'';background-image: url("https://resources.mohunclassic.com/preorder/assets/img/icons/icon-facebook-on.svg");width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition-duration: 0.3s;transition-property: opacity;}
               &:hover::before{opacity: 1;}
           }
        }
    }
}

.site-footer{width: 100%;height: 345px;background-color: #000;position: fixed;bottom: 0;left: 0;z-index: 10;transform: translateY(100%);transition-duration: 0.6s;transition-property: transform;display: flex;justify-content: center;
    .footer-wrapper{display: flex;flex-direction: column;;margin-top: 60px;row-gap: 32px;}
    .copyright-item{
        display: flex;align-items: center;row-gap: 32px;column-gap: 17px;
        .copyright {
            font-weight: 500;font-size: 12px;line-height: 22px;letter-spacing: 0;text-transform: uppercase;color: #7F7F7F;
        }
    }
}

body.end {
    .frame-wrapper{
        transform: translateY(-280px);
    }
    .site-footer{transform: translateY(0);
    }
}


.frame-wrapper {
    width: 100%;height: 100%;transition-duration: 0.6s;
    .section-item {
        display: flex;justify-content: center;align-items: center;position: relative;
        .content-wrapper{position: relative;z-index: 1;}
        &:nth-of-type(n  + 2)::before {content:'';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.4);
            backdrop-filter: blur(10px)
        }
    }
    .pagination.swiper-pagination-bullets {
        position: absolute;right: 30px;z-index: 10;
        &:before {content: '';display: block;width: 1px;height: calc(100% - 40px);position: absolute;top: 50%;transform: translateY(-50%);right: 7px;border-right: 1px dashed rgba(217, 217, 217, 0.6);}
        .swiper-pagination-bullet {
            display: flex;align-items: center;width: auto;height: auto;background: transparent;border-radius: 0;opacity: 1;transition-duration: 0.3s;transition-property: background;
            & .title{
                display: flex;align-items: center;padding: 10px 18px 11px;width: 146px;height: 40px;border-radius: 28px;overflow: hidden;position: relative;margin-right: 6px;
                .txt{font-size: 16px;font-weight: 500;color: #E4E4E4;line-height: 100%;letter-spacing: 0;position: relative;z-index: 1;transition-duration: 0.3s;transition-property: color;}
                &:before {content: '';display: block;position: absolute;top: 50%;left: 100%;transform: translateY(-50%);width: 100%;height: 100%;border-radius: 28px;background: #EF4848;transition-duration: 0.3s;transition-property: left;}
            }
            & .dat{
                width: 17px;height: 17px;position: relative;
                &:before {content: '';display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 11px;height: 11px;border-radius: 50%;border: 1px solid #D9D9D9;background-color: #615f5f;transition-duration: 0.3s;transition-property: width, height;}
            }

            &.swiper-pagination-bullet-active {
                & .dat{
                    &:before {
                        content: '';display: block;
                        width: 17px;height: 17px;
                    }
                }
                & .title{
                    &:before {
                        left: 0;
                    }
                }
            }
            &:hover{
                .title .txt{font-weight: 700;color:#FFFFFF;}
                .dat{
                    &:before {
                        width: 17px;height: 17px;
                    }
                }
            }
        }
        @media all and (min-width:1950px) {
            &:before {right: 8px;}
        }
    }

}

#section001{
    background-image: url("https://resources.mohunclassic.com/preorder/assets/img/bg-section001.png");background-repeat: no-repeat;background-size: cover;background-color: #fff;background-position: center 0;
    .play-button{
        margin: 0 auto;width: 130px;height: 130px;cursor: pointer;position: relative;display: flex;;justify-content: center;align-items: center;
         > img {display: block;background-repeat: no-repeat;background-size: 48px 60px;background-position: 48px 39px;transform: translate(4px,4px)}
        &::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: url("https://resources.mohunclassic.com/preorder/assets/img/play-line.svg");background-repeat: no-repeat;background-size: contain;background-position: center;animation: rotate360 20s linear infinite;}
        &:hover::before {
            animation: rotate360 20s linear infinite reverse;
        }
        &::after{content:'';width: 110px;height: 110px;position: absolute;top: 50%;left: 50%;border:3px solid #ffffff;
            border-radius: 50%;box-sizing: border-box;transform: translate(-50%, -50%);background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
            linear-gradient(180deg, rgba(235, 134, 0, 0.1) 26%, rgba(255, 251, 181, 0.1) 73%, rgba(255, 254, 144, 0.1) 100%);

            z-index: -1;
        }
    }
    .reservation-button{
        width: 400px;height: 118px;display: block;margin: 75px auto 0;background-image: url("https://resources.mohunclassic.com/preorder/assets/img/btn-reservation.svg");background-repeat: no-repeat;background-size: contain;background-position: center;cursor: pointer;position: relative;;
        &::before{content:'';background-image: url("https://resources.mohunclassic.com/preorder/assets/img/btn-reservation-on.svg");width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition-duration: 0.3s;transition-property: opacity;}
        &:hover::before{opacity: 1;}
    }
}
#section002{
    background-image: url("https://resources.mohunclassic.com/preorder/assets/img/bg-section002.png");background-repeat: no-repeat;background-size: cover;background-color: #fff;background-position: center 0;
    .content-box{
        background-image: url("https://resources.mohunclassic.com/preorder/assets/img/gift-bg.png");background-repeat: no-repeat;background-size: contain;width: 1300px;height: 680px;display: flex;
        .content-item:nth-of-type(1){
            padding:45px 55px;
            .gift-box{
                width: 430px;
                .content-title{
                    display: flex;flex-direction: column;align-items: center;row-gap: 10px;
                    h2{font-weight: 900;font-size: 44px;line-height: 100%;letter-spacing: 0;text-align: center;color: #FFFFFF;}
                    p{font-weight: 400;font-size: 20px;line-height: 100%;letter-spacing: 0;text-align: center;color: #FFFFFF;}
                    .date{width: 308px;height: 34px;border-radius: 100px;font-weight: 700;font-size: 14px;line-height: 100%;letter-spacing: -0.02em;text-align: center;color: #2A68AB;display: flex;justify-content: center;align-items: center;background: #FFFFFF;}
                }
                .gift-list{
                    display: flex;flex-wrap: wrap;gap: 6px;margin-top: 20px;
                    .gift-item{
                        width: 212px;height: 140px;
                        position: relative;
                        .gift-more{
                            position: absolute;bottom:9px;right: 9px;
                            .gift-info{
                                width: 210px;height: 359px;border-radius: 10px;overflow: hidden;position: absolute;right: -5px;top:50%;transform: translate(100%,-50%);z-index: 1;box-shadow: 4px 4px 8px 0 #00000066;color: #C8D7EE;background-color: #262F3E;
                                opacity: 0;
                                transition-duration: 0.3s;
                                pointer-events: none;
                                .tip-title{display: flex;justify-content: center;align-items: center;width: 100%;height: 40px;background: #1A2332;font-weight: 700;font-size: 16px;line-height: 100%;letter-spacing: -0.02em;color:#ffffff;}
                                .tip-content{
                                    padding:12px;
                                    /*li{margin-left: 20px;list-style: disc;text-align: left;font-weight: 400;font-size: 12px;line-height: 22px;letter-spacing: -0.02em;}*/
                                }
                            }
                            &:hover .gift-info{opacity: 1;}
                        }
                        &:nth-of-type(1){z-index: 1}
                    }

                }
            }

        }
        .form-wrapper{
            padding:70px;
            .form-title{
                display: flex;flex-direction: column;align-items: flex-start;row-gap: 10px;justify-content: flex-start;
                h2{font-weight: 700;font-size: 40px;line-height: 1;letter-spacing: 0;}
                .tel-input{
                    display: flex;height: 88px;column-gap: 6px;margin-top: 20px;
                    .custom-select{
                        width: 216px;height: 88px;transition: all 0.3s ease-in-out;overflow: hidden;padding:24px 0;border-radius: 10px;border: 1px solid #C9C9C9;background: #FFFFFF;z-index: 1;
                        .select-button{
                            width: 100%;height: 40px;font-weight: 700;font-size: 34px;line-height: 100%;letter-spacing: 0;padding:0 16px 0 26px;color: #000000;position: relative;text-align: left;
                            .arrow {
                                position: absolute;top: 5px;right: 16px;transform:rotate(-180deg);transition-duration: 0.3s;
                                &:before {content: '';display: block;width: 30px;height: 30px;background-image: url("https://resources.mohunclassic.com/preorder/assets/img/icons/icon-arrow.svg");background-repeat: no-repeat;background-size: contain;background-position: center;}
                            }
                        }
                        .options{display: flex;flex-direction: column;row-gap: 24px;margin-top: 24px;}
                        .options li{
                            width: 100%;height: 40px;font-weight: 700;font-size: 34px;line-height: 100%;letter-spacing: 0;padding:0 16px 0 26px;color: #000000;text-align: left;cursor: pointer;
                        }
                        &.open .arrow{
                        transform: rotate(0deg);
                        }
                    }
                    input[type="text"]{
                        width: 398px;height: 88px;border-radius: 10px;border: 1px solid #C9C9C9;background: #FFFFFF;font-weight: 700;font-size: 44px;line-height: 1;letter-spacing: -0.02em;padding:0 24px;color: #000000;
                        &::placeholder{color: #B3B3B3;font-size: 24px;font-weight: 400;}
                    }
                }
                .precautions{
                    display: block;
                    padding:6px 0 5px;
                    width: 120px;height: 26px;font-weight: 500;font-size: 12px;line-height: 1;letter-spacing: -0.02em;text-align: center;background-color: #000000;border-radius: 6px;color: #FFFFFF;align-self: flex-end;
                    transition-duration: 0.3s;
                    &:hover{background: #EF4848;}
                }
            }
            .input-box {
                display: flex;justify-content: space-between;align-items: center;
                input[type='checkbox']{display: none;}
                input[type='checkbox'] + label {
                    font-weight: 400;font-size: 16px;line-height: 32px;letter-spacing: 0;cursor: pointer;
                }
                input[type='checkbox'] + label::before{
                    content: '';display: inline-block;width: 22px;height: 22px;background-image: url("https://resources.mohunclassic.com/preorder/assets/img/icons/checkbox.png");background-size: 100% 200%;background-repeat: no-repeat;background-position: 0 0;vertical-align: middle;margin-right: 5px;
                }
                input[type='checkbox']#agreeAll + label{font-weight: 700;}
                input[type='checkbox']:checked + label::before{
                    background-position: 0 100%;
                }
                .popup-link{font-weight: 400;font-size: 14px;line-height: 32px;letter-spacing: -0.02em;text-align: right;text-decoration: underline;text-decoration-style: solid;text-underline-offset: 0px;text-decoration-thickness: 0;text-decoration-skip-ink: auto;}
            }
            .input-group:first-of-type{
                padding-bottom: 25px;
            }
            .input-group:last-of-type{
                padding-top: 25px;border-top: 1px solid rgba(0,0,0,0.4);
            }

            .button-box{
                margin-top: 42px;
                button{
                    width: 100%;height: 80px;border-radius: 10px;background: #EF4848;font-weight: 700;font-size: 28px;line-height: 100%;letter-spacing: -0.02em;text-align: center;vertical-align: middle;color: #FFFFFF;transition-duration: 0.3s;
                    &:hover{background: #AA1616;}
                }
            }
        }
    }
}
#section003{
    background-image: url("https://resources.mohunclassic.com/preorder/assets/img/bg-section003.png");background-repeat: no-repeat;background-size: cover;background-color: #fff;background-position: center 0;
    .content-box{
        width: 1300px;
        .event-list{
            display: flex;column-gap: 20px;
            .event-item{background-image: url("https://resources.mohunclassic.com/preorder/assets/img/bg-event.png");background-repeat: no-repeat;background-size: contain;background-position: center;width: 420px;height: 680px;border-radius: 10px;box-shadow: 0 10px 20px 0 #00000099;padding:45px 46px;
                .event-title{width: 316px;height: 38px;background-image: url("https://resources.mohunclassic.com/preorder/assets/img/event-title.png");background-repeat: no-repeat;background-size: contain;background-position: center;display: flex;justify-content: center;align-items: center;font-weight: 400;font-size: 20px;line-height: 100%;letter-spacing: 0;text-align: center;color: #FFFFFF;column-gap: 3px;
                    em{font-weight: 700}
                }
                .event-img{
                    width: 100%;height: 350px;max-height: 100%;display: flex;flex-direction: column;justify-content: flex-end;row-gap: 10px;
                    img{width: 100%;height: auto;max-height:100%;display: block;overflow: hidden;object-position: center;object-fit: contain;}
                }
                &:nth-of-type(1) .event-img p{font-weight: 900;font-size: 34px;line-height: 36px;letter-spacing: -0.02em;color: #491E14;text-align: center;vertical-align: middle;text-transform: uppercase;}
                &:nth-of-type(2) .event-img p{
                    font-weight: 900;font-size: 36px;line-height: 49px;letter-spacing: -0.02em;text-align: center;text-transform: uppercase;color: #491E14;
                    em{font-size: 46px;}
                }
                &:nth-of-type(3) .event-img p{font-weight: 900;font-size: 40px;line-height: 30px;letter-spacing: -0.02em;text-align: center;vertical-align: middle;text-transform: uppercase;color: #491E14;}
                .event-date{
                    width: 252px;height: 30px;border-radius: 50px;background: #D2B67D;padding:3px 0 ;font-weight: 700;font-size: 12px;line-height: 24px;letter-spacing: -0.02em;text-align: center;text-transform: uppercase;margin: 12px auto;

                }
                .event-info{
                    font-weight: 400;font-size: 16px;line-height: 20px;letter-spacing: 0;text-align: center;text-transform: uppercase;margin-top: 12px;
                    em{
                        font-weight: 700;
                        color:#FA2925
                    }
                }
            }
        }
        .button005{
            display: block;
            padding:6px 0 5px;
            width: 120px;height: 26px;font-weight: 500;font-size: 12px;line-height: 1;letter-spacing: -0.02em;text-align: center;background-color: #000000;border-radius: 6px;color: #FFFFFF;align-self: flex-end;
            transition-duration: 0.3s;
            margin: 12px 0 0 auto;
            &:hover{background: #EF4848;}
        }
        .button-box{
            display: flex;column-gap: 5px;justify-content: center;align-items: center;margin-top: 23px;
            .button001{
                width: 286px;height:69px;background-image: url("https://resources.mohunclassic.com/preorder/assets/img/button001.png");transition-duration: 0.3s;
                &:hover{background-image: url("https://resources.mohunclassic.com/preorder/assets/img/button001-on.png");}
            }
            .button002{
                width: 122px;height:68px;background-image: url("https://resources.mohunclassic.com/preorder/assets/img/button002.png");transition-duration: 0.3s;
                &:hover{background-image: url("https://resources.mohunclassic.com/preorder/assets/img/button002-on.png");}
            }
            .button003{
                width: 202px;height:68px;background-image: url("https://resources.mohunclassic.com/preorder/assets/img/button003.png");transition-duration: 0.3s;
                &:hover{background-image: url("https://resources.mohunclassic.com/preorder/assets/img/button003-on.png");}
            }
            .button004{
                width: 286px;height:69px;background-image: url("https://resources.mohunclassic.com/preorder/assets/img/button004.png");transition-duration: 0.3s;
                &:hover{background-image: url("https://resources.mohunclassic.com/preorder/assets/img/button004-on.png");}

            }
        }
    }
}
#section004{
    background-image: url("https://resources.mohunclassic.com/preorder/assets/img/bg-section004.png");background-repeat: no-repeat;background-size: cover;background-color: #fff;background-position: center 0;
    .content-wrapper {
        width: 1300px;
        .gallery-box {
            position: relative;
            --swiper-navigation-sides-offset:0;
            .swiper-button-next{background-image: url("https://resources.mohunclassic.com/preorder/assets/img/icons/icon-next.svg");
                width: 100px;height: 100px;transition-duration: 0.3s;
                &:hover{background-image: url("https://resources.mohunclassic.com/preorder/assets/img/icons/icon-next-hover.svg");}
                &::after{content: '';}
            }
            .swiper-button-prev{background-image: url("https://resources.mohunclassic.com/preorder/assets/img/icons/icon-prev.svg");
                width: 100px;height: 100px;transition-duration: 0.3s;
                &:hover{background-image: url("https://resources.mohunclassic.com/preorder/assets/img/icons/icon-prev-hover.svg");}
                &::after{content: '';}
            }

            .gallery {
                width: 1060px;height: 603px;border: 8px solid #FFFFFF;border-radius: 30px;box-sizing: border-box;overflow: hidden;
            }
        }
        .thumbs {
            width: 942px;
            margin-top: 20px;

            .swiper-slide {
                width: 126px;height: 90px;box-sizing: border-box;border-radius: 6px;overflow: hidden;filter: grayscale(100%);transition: filter 0.3s ease;cursor: pointer;

                &.swiper-slide-thumb-active {
                    filter: grayscale(0);
                    &::before {
                        border-color: rgba(255, 255, 255, 1);
                    }
                }

                &::before {
                    content: '';display: block;width: 100%;height: 100%;border: 3px solid rgba(255, 255, 255, 0.4);position: absolute;top: 0;left: 0;border-radius: 6px;box-sizing: border-box;transition-duration: 0.3s;transition-property: border-color
                }

                img {
                    width: 100%;height: 100%;object-fit: cover;
                }
            }
        }

    }
}

.video-popup{
    background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;justify-content: center;align-items: center;z-index: 10;
    .popup-wrapper{
        position: relative;width: 1080px;height: 608px;
        .close-button{
            position: absolute;top:0;right: 0;transform: translateY(-100%);
        }
    }

}

.info-popup{
    background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;z-index: 10;
    opacity: 0;transition: all 0.3s ease-in-out;pointer-events: none;
    .popup-wrapper{width: 680px;min-height: 460px;background-color: #FFFFFF;border-radius: 20px;overflow: hidden;}
    .popup-title{
        width: 100%;height: 60px;background-color: #EF4848;display: flex;justify-content: space-between;align-items: center;
        padding:0 17px 0 34px;
        .title{
            font-weight: 700;font-size: 22px;line-height: 1;letter-spacing: -0.02em;color:#ffffff;
        }
        .close-button{
            width: 26px;height: 26px;background-image: url("https://resources.mohunclassic.com/preorder/assets/img/icons/icon-close.svg");background-repeat: no-repeat;background-size: contain;background-position: center;
        }
    }
    .popup-content{
        padding:30px;
        h3{font-weight: 700;font-size: 14px;line-height: 24px;letter-spacing: -0.02em;}
        p{font-weight: 400;font-size: 14px;line-height: 26px;letter-spacing: -0.02em;}
        p em{font-size: 16px;font-weight: 700;letter-spacing: 0;}
        ul{
            li{margin-left: 20px;list-style: disc;font-weight: 400;font-size: 12px;line-height: 20px;letter-spacing: -0.02em;}
        }
        table{width: 100%;border-collapse: collapse;font-size: 14px;margin: 10px 0;}
        table th,
        table td {
            padding: 8px;text-align: center;vertical-align: middle;
            em{font-weight: 700;}
        }
        table th {background-color: #5C5C5C;color: #ffffff;}
        table tr:nth-child(even) td {background-color: #ffffff;}
        table tr:nth-child(odd) td {background-color: #D9D9D9;}
    }
    &.open{opacity: 1;transition: all 0.3s ease-in-out;pointer-events: auto;}
    &#msg-popup{
        .popup-wrapper{width: 540px;min-height: 272px;}
        .popup-content{
            display: flex;align-items: center;justify-content: center;
            height:212px;
            p{font-size: 24px;display: flex;flex-direction: column;row-gap: 10px;
                justify-content: center;align-items: center;
                em{font-size: 30px}
            }
            em{font-size: 30px}
        }
    }
    &#error-popup{
        .popup-wrapper{width: 540px;min-height: 220px;}
        .popup-content{
            display: flex;align-items: center;justify-content: center;
            height:160px;
            p{font-size: 20px;display: flex;
                justify-content: center;align-items: center;
                column-gap: 20px;
                &::before{content:'';display: inline-block;background-image: url("https://resources.mohunclassic.com/preorder/assets/img/icons/icon-error.svg");background-repeat: no-repeat;background-size: contain;background-position: center;width: 60px;height: 60px;}
            }
            em{font-size: 30px}
        }
    }
}

@keyframes rotate360 {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
body.is-mobile{
    background-color: #000;height: auto;-ms-overflow-style: auto;
    &::-webkit-scrollbar {display: initial;}
    .wrapper {min-width: 1920px;height: auto;}
    .frame-wrapper{height: auto;
        .pagination{display: none}
        .section-item {min-height: 1080px;}
        >.swiper-wrapper {display:block;}
    }
    .site-footer {position: relative;transform: translateY(-1px);justify-content: center;}
    .motion-item[data-motion='up'] {opacity: 1;transform:translateY(0);}
}
/* PC mode 모션처리 해제 2025-09-04 by manic */
#section002 .motion-item[data-motion='up'] {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: none !important; /* 애니메이션 자체 제거 */
}/* 드롭다운 수정 */ .custom-select .options { display: none \!important; position: absolute \!important; top: 88px \!important; left: 0 \!important; width: 100% \!important; background: #FFFFFF \!important; border: 1px solid #C9C9C9 \!important; border-top: none \!important; border-radius: 0 0 10px 10px \!important; padding: 24px 0 \!important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) \!important; z-index: 1000 \!important; flex-direction: column \!important; row-gap: 24px \!important; margin-top: 24px \!important; } .custom-select.open { overflow: visible \!important; position: relative \!important; } .custom-select.open .options { display: flex \!important; }