.section-inner{display: flex; justify-content: center;align-items: center; width : 100%;height : 100%; position : relative;}
.visual-slide{display: flex;align-items: center;justify-content: center; width : 100%;height : 100%;}
.visual-slide .swiper-slide{}
.visual-bg{width: 100%; height: 100%; position: absolute; left: 0; top : 0%; overflow: hidden; z-index: -1;}
.visual-bg > img{width : 100%;height: 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 0s 1s;}
.on .swiper-slide-active .visual-bg > img{transform: scale(1); transition : 3.5s;}

.visual-tit-box{font-family: PT; letter-spacing: -0.04em; color : #fff; text-align: center;padding-top: 200px;}

.visual-sub-tit{display: flex;justify-content: center; align-items: center;  font-size: 30px; font-weight: 300; margin-bottom: 22px;}

.visual-sub-tit .char{opacity: 0; transform: translateY(-100px);}

.visual-line{width : 0px; height : 1px;margin : 0 5px; background: rgba(255,255,255,0.3);}

.visual-tit{font-size: 84px; font-weight: 700; transform: scale(1.5); opacity: 0; filter: blur(10px); -webkit-filter: blur(10px);}

.visual-inner{display: flex;align-items: end; position :absolute; width : 100%;height : 100%; max-width: 1740px;z-index: 10; top : 0;padding-bottom: 42px;}

.visual-btn-box{display : flex;position : relative; bottom : 0;z-index : 1;gap : 11px;}
.visual-btn-box > div{width : 197px;height : 100px; filter : grayscale(1);border : 1px solid transparent;cursor : pointer;transition : border-color .3s, filter .3s;}
.visual-btn-box > div > img{width : 100%;height : 100%;obejct-fit : cover; object-position :center;}
.visual-btn-box > div.on,
.visual-btn-box > div:hover{filter : grayscale(0);border-color : #fff;}

.open-rotate-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 133px;height : 133px; font-family: PT; font-size: 19px; font-weight: 700; letter-spacing: -0.04em; position : absolute; bottom : 50px; right : 0; color : #fff; transform: translate(100px); opacity: 0; transition : 1s;}
.on .open-rotate-btn{transform: translateX(0); opacity: 1; transition-delay: 1.6s;}
.open-rotate-btn::after{position : absolute; content: '';width : 100%;height : 100%; background: url(/assets/images/main/open-rotate-text.png)no-repeat center / contain; animation : rotate-text 8s infinite linear}
@keyframes rotate-text {
    100%{transform: rotate(360deg);}
}

.main-section-premium{overflow: hidden;}

.premium-bg{display: flex;align-items: center;justify-content: center; width: 100%; height: 100%; position: absolute; left: 0; top : 0%; overflow: hidden; z-index: -1;}
.premium-bg > img{width : 100%;height: 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 0s 1s;position : absolute;}
.active .premium-bg > img{transform: scale(1); transition : 3s;}

.premium-bg > p{position : relative;z-index: 1; color : #981B1E; font-family: times-new-roman; font-size: 194px; letter-spacing: 0.1em; line-height: 1em;}

.premium-bg .char{opacity: 0; transition : 1.2s;}
.premium-bg .char:nth-child(1){transform: translateX(-200px) scale(0);}
.premium-bg .char:nth-child(2){transform: translateY(-200px) scale(0);}
.premium-bg .char:nth-child(3){transform: translateY(200px) scale(0);}
.premium-bg .char:nth-child(4){transform: translateX(200px) scale(0);}
.premium-bg .char:nth-child(5){transform: translateY(-200px) scale(0);}
.premium-bg .char:nth-child(6){transform: translateY(200px) scale(0);}
.premium-bg .char:nth-child(7){transform: translateX(200px) scale(0);}

.active .premium-bg .char{opacity: 1; transform: translateX(0);}
.active .premium-bg .char:nth-child(1){transition-delay: 0s;}
.active .premium-bg .char:nth-child(2){transition-delay: 0.1s;}
.active .premium-bg .char:nth-child(3){transition-delay: 0.2s;}
.active .premium-bg .char:nth-child(4){transition-delay: 0.3s;}
.active .premium-bg .char:nth-child(5){transition-delay: 0.4s;}
.active .premium-bg .char:nth-child(6){transition-delay: 0.5s;}
.active .premium-bg .char:nth-child(7){transition-delay: 0.6s;}

.premium-slide{display: flex; justify-content: center; width : 100%;height : 100%;}

.premium-slide .swiper-slide-prev{opacity: 1 !important;}
.premium-slide .swiper-slide{position :relative;}
.premium-slide .swiper-slide-next{opacity: 1 !important;}

.premium-slide-inner{width : 100%;height : 100%;display: flex;align-items: center;justify-content: center; position :relative; opacity: 0; transform: translateY(-100px); transition : 1s;}
.active .premium-slide-inner{transform: translateY(0); opacity: 1; transition-delay: 1.2s;}

.premium-img{transition : 0s; position : absolute;opacity: 0; left: 0%; width : 346px;height : 486px; filter: grayscale(1) brightness(1);}
.swiper-slide-prev .premium-img{opacity: 0; left : 0%; transform: translateX(0%) scale(0.5); transition : 1s;}
.swiper-slide-active .premium-img{opacity: 1; left : 50%; transform: translateX(-50%); transition : 1s; filter: grayscale(0) brightness(1);}
.swiper-slide-next .premium-img{opacity: 1; left : 100%; transform: translateX(-100%); transition : 1s; width : 239px;height : 336px;}

.swiper-slide-next + .swiper-slide .premium-img{left : 100%; transform: translateX(0%); transition : 0.7s; width : 239px;height : 336px;}

.premium-con{position : absolute;top : calc(100% - 241px); left : calc(50% + 252px); width : 290px; white-space: nowrap;}

.premium-con-num{font-family: times-new-roman; font-size: 62px; text-align: right; font-weight: 400; margin-bottom: 12px; line-height: 1em; transition : 1s; overflow: hidden;}

.premium-con-num .char{transform: translateY(-100%); opacity: 0; transition: 0s;}

.swiper-slide-prev .premium-con-num .char{opacity: 1; transform: translateY(-100%); transition : 0.7s;}
.swiper-slide-active .premium-con-num .char{opacity: 1; transform: translateY(0); transition : 0.7s;}
.swiper-slide-next .premium-con-num .char{opacity: 1; transform: translateY(100%); transition : 0.7s;}
.swiper-slide-next + .swiper-slide .premium-con-num .char{opacity: 0; transform: translateY(100%); transition : 0.7s;}

.premium-con-desc{font-size: 23px; font-family: PT; color : #838383; font-weight: 500; line-height: 1.4em;letter-spacing: -0.04em;}
.premium-con-desc b{font-weight: 700; color : #000;}

.premium-con-desc > p{clip-path : inset(0 -100%)}
.premium-con-desc .char{transform: translateY(100%); transition : .6s;}

.swiper-slide-active .premium-con-desc-01 .char{transform: translateY(0); transition-delay: .3s;}
.swiper-slide-active .premium-con-desc-02 .char{transform: translateY(0); transition-delay: .6s;}

.premium-inner{display: flex;flex-direction: column;align-items: start; position :absolute; top : 0; height : 100%; width : 100%; max-width: 1650px;padding-top: 192px;z-index: 10;}

.premium-tit-box{font-family: PT; letter-spacing: -0.04em; margin-bottom: 38px;}
.premium-sub-tit{font-size: 28px; font-weight: 300;color : #838383; margin-bottom: 17px; overflow: hidden;}

.premium-sub-tit .char{transform: translateY(100%); transition : .6s;}
.active .premium-sub-tit .char{transform: translateY(0); transition-delay: .4s;}

.premium-tit{font-size: 42px; line-height: 1.2em; font-weight: 500;}
.premium-tit b{font-weight: 700;}
.premium-tit .char{transform: translateY(100%); transition : .6s;}
.premium-tit > p{overflow: hidden;}
.active .premium-tit p:nth-child(1) .char{transform: translateY(0); transition-delay: .6s;}
.active .premium-tit p:nth-child(2) .char{transform: translateY(0); transition-delay: .8s;}

.premium-link{display: flex; gap : 14px; align-items: center; padding-left: 37px; font-family: trajan-pro-3; font-size: 12px; position : relative; transform: translateY(100px); opacity: 0; transition : 1s;}
.active .premium-link{transform: translateY(0); opacity: 1; transition-delay: 1s;}

.premium-link::after{position : absolute; content :''; width : 24px;height : 24px; background: rgba(0,0,0,0.1); border-radius: 50%;right : 0; transform: translateX(30%);transition : .5s;}
.premium-link:hover::after{transform: translateX(30%) scale(0);}
.premium-link > img{transition : .5s;}
.premium-link:hover > img{transform: translateX(30%);}

.premium-pagination{display: flex; gap : 42px; position : absolute; bottom :50px; left : 50%; transform: translateX(-50%) translateY(100px); opacity: 0x; transition : 1s;}
.active .premium-pagination{transform: translateX(-50%) translateY(0); opacity: 1; transition-delay: 1s;}
.premium-pagination .swiper-pagination-bullet{display: flex;align-items: center;justify-content: center; margin : 0; width : 10px;height : 10px; opacity: 1; background: #919191; position : relative; transition : .5s;}
.premium-pagination .swiper-pagination-bullet::after{position: absolute; content: ''; width : 26px; height: 26px; border : 1px solid #981B1E; border-radius: 50%; transform: scale(0); transition : .5s;}

.premium-pagination .swiper-pagination-bullet-active{background: #981B1E;}
.premium-pagination .swiper-pagination-bullet-active::after{transform: scale(1);}

.main-section-contact{}
.contact-bg{position :absolute; left : 0;top : 0; width : 100%;height : 100%; overflow: hidden;}
.contact-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); transition : 0s 1s}
.fp-active .contact-bg > img{transform: scale(1); transition : 3.5s;}

.contact-inner{display: flex;flex-direction: column;align-items: center; position : relative;z-index: 1;}

.contact-tit-box{display: flex;flex-direction: column;align-items: center; margin-bottom: 53px; text-align: center;}

.contact-tit{font-size: 43px; font-family: times-new-roman; font-weight: 700; color :#000;  overflow: hidden; margin-top: 10px;}
.contact-tit .char{transform: translateY(100%); transition : .6s;}
.fp-active .contact-tit .char{transform: translateY(0);transition-delay: .4s;}

.contact-desc{font-family: PT; font-size: 16px; letter-spacing: -0.04em; overflow: hidden;}
.contact-desc .char{transform: translateY(100%); transition : .6s;}
.fp-active .contact-desc .char{transform: translateY(0);transition-delay: .7s;}

.contact-inner{}

.contact-container{display: flex;justify-content: center; gap : 90px;}

.contact-box{display: flex;flex-direction: column;align-items: center;gap : 29px;}

.contact-map{transform: translateY(200px); opacity: 0; transition : .9s;}
.fp-active .contact-map{transform: translateY(0); opacity: 1; transition-delay: 1.2s;}

.contact-address{display: flex; font-family: PT; font-size: 18px; letter-spacing: -0.06em;font-weight: 500; color : #191919; transform: translateY(200px); opacity: 0; transition : .9s;}
.fp-active .contact-address{transform: translateY(0); opacity: 1; transition-delay: 1.35s;}
.contact-address > span{display: flex;align-items: center; margin-right: 22px;position : relative; padding : 0 21px;font-weight: 700;color : #222;}
.contact-address > span::before{position : absolute;content : '';width : 1px;height : 15px;left : 0;background : #06033C;transform: translateY(1px);}
.contact-address > span::after{position : absolute;content : '';width : 1px;height : 15px;right : 0;background : #06033C;transform: translateY(1px);}
.contact-btn-box{display: flex;align-items: center; gap : 7px; transform: translateY(200px); opacity: 0; transition : .9s;}
.fp-active .contact-btn-box{transform: translateY(0); opacity: 1; transition-delay: 1.5s;}

@media(max-width : 1200px){
    .section-inner{max-width: 720px; margin : 0 auto; overflow: hidden;}

    .visual-tit-box{padding-top: 200px;}

    .visual-sub-tit{font-size: 36px; margin-bottom: 22px;}

    .visual-tit{font-size: 84px;}

    .visual-inner{padding-bottom: 30px;}

    .visual-btn-box{gap : 10px; left : 30px;}
    .visual-btn-box > div{width : 180px;height : 100px;}

    .open-rotate-btn{width : 133px;height : 133px; font-size: 24px; bottom : 30px; right : 30px; }

    .premium-bg{padding-top: 100px;}
    .premium-bg > p{font-size: 100px; white-space: nowrap;}

    .premium-slide-inner{padding-top: 100px;}
    .premium-img{width : 330px;height : 460px;;}
    .premium-slide .swiper-slide-active{z-index: 10000;}
    .swiper-slide-active .premium-img{box-shadow: 0 3px 30px 5px rgba(0,0,0,0.2);}
    .swiper-slide-next .premium-img{width : 220px;height : 290px; filter: brightness(0.7) grayscale(1);}

    .swiper-slide-next + .swiper-slide .premium-img{left : 100%; transform: translateX(0%); transition : 0.7s; width : 239px;height : 336px;}

    .premium-con{position : absolute;top : auto; left : auto; right : 30px; bottom : 120px; width : auto; white-space: nowrap; text-align: right;}

    .premium-con-num{font-size: 62px; margin-bottom: 12px;}

    .premium-con-desc{font-size: 30px;}

    .premium-inner{padding-top: 150px;z-index: 10; padding-left: 30px;}

    .premium-tit-box{margin-bottom: 30px;}
    .premium-sub-tit{font-size: 36px; margin-bottom: 12px;}

    .premium-tit{font-size: 48px;}

    .premium-link{gap : 14px; padding-left: 0; font-size: 18px;}
    .premium-link::after{width : 24px;height : 24px;}
    .premium-link:hover > img{transform: translateX(0);}
    .premium-link > img{width : 50px;}

    .premium-pagination{gap : 36px; bottom :30px;}
    .premium-pagination .swiper-pagination-bullet{width : 16px;height : 16px;}
    .premium-pagination .swiper-pagination-bullet::after{width : 36px; height: 36px;}

    .contact-inner{display: flex;flex-direction: column;align-items: center; position : relative;z-index: 1;padding-top: 80px; height : 100%; justify-content: center;}

    .contact-tit-box{margin-bottom: 30px;}

    .contact-tit{font-size: 48px;margin-top: 0px;}

    .contact-desc{font-size: 24px;}

    .contact-container{flex-direction: column;align-items: center; justify-content: center; gap : 30px;}

    .contact-box{display: flex;flex-direction: column;align-items: center;gap : 16px; width : 460px;}

    .contact-address{font-size: 22px; white-space: nowrap;}
    .contact-address > span{margin-right: 16px;padding : 0 16px;}
    .contact-address > span::before{height : 15px;}
    .contact-address > span::after{height : 15px;}
    .contact-btn-box{gap : 10px;}
}

@media(max-width : 720px){
   .visual-tit-box{padding-top: 27.7778vw;}

    .visual-sub-tit{font-size: 5.0000vw; margin-bottom: 3.0556vw;}

    .visual-tit{font-size: 11.6667vw;}

    .visual-inner{padding-bottom: 4.1667vw;}

    .visual-btn-box{gap : 1.3889vw; left : 4.1667vw;}
    .visual-btn-box > div{width : 25.0000vw;height : 13.8889vw;}

    .open-rotate-btn{width : 18.4722vw;height : 18.4722vw; font-size: 3.3333vw; bottom : 4.1667vw; right : 4.1667vw; }

    .premium-bg{padding-top: 13.8889vw;}
    .premium-bg > p{font-size: 13.8889vw; white-space: nowrap;}

    .premium-slide-inner{padding-top: 13.8889vw;}
    .premium-img{width : 45.8333vw;height : 63.8889vw;;}
    .premium-slide .swiper-slide-active{z-index: 10000;}
    .swiper-slide-active .premium-img{box-shadow: 0 0.4167vw 4.1667vw 0.6944vw rgba(0,0,0,0.2);}
    .swiper-slide-next .premium-img{width : 30.5556vw;height : 40.2778vw; filter: brightness(0.7) grayscale(1);}

    .swiper-slide-next + .swiper-slide .premium-img{left : 100%; transform: translateX(0%); transition : 0.7s; width : 33.1944vw;height : 46.6667vw;}

    .premium-con{position : absolute;top : auto; left : auto; right : 4.1667vw; bottom : 16.6667vw; width : auto; white-space: nowrap; text-align: right;}

    .premium-con-num{font-size: 8.6111vw; margin-bottom: 1.6667vw;}

    .premium-con-desc{font-size: 4.1667vw;}

    .premium-inner{padding-top: 20.8333vw;z-index: 10; padding-left: 4.1667vw;}

    .premium-tit-box{margin-bottom: 4.1667vw;}
    .premium-sub-tit{font-size: 5.0000vw; margin-bottom: 1.6667vw;}

    .premium-tit{font-size: 6.6667vw;}

    .premium-link{gap : 1.9444vw; padding-left: 0; font-size: 2.5000vw;}
    .premium-link::after{width : 3.3333vw;height : 3.3333vw;}
    .premium-link:hover > img{transform: translateX(0);}

    .premium-pagination{gap : 5.0000vw; bottom :4.1667vw;}
    .premium-pagination .swiper-pagination-bullet{width : 2.2222vw;height : 2.2222vw;}
    .premium-pagination .swiper-pagination-bullet::after{width : 5.0000vw; height: 5.0000vw;}

    .contact-inner{display: flex;flex-direction: column;align-items: center; position : relative;z-index: 1;padding-top: 11.1111vw; height : 100%; justify-content: center;}

    .contact-tit-box{margin-bottom: 4.1667vw;}

    .contact-tit{font-size: 6.6667vw;margin-top: 0.0000vw;}

    .contact-desc{font-size: 3.3333vw;}

    .contact-container{flex-direction: column;align-items: center; justify-content: center; gap : 4.1667vw;}

    .contact-box{display: flex;flex-direction: column;align-items: center;gap : 2.2222vw; width : 63.8889vw;}

    .contact-address{font-size: 3.0556vw; white-space: nowrap;}
    .contact-address > span{margin-right: 2.2222vw;padding : 0 2.2222vw;}
    .contact-address > span::before{height : 2.0833vw;}
    .contact-address > span::after{height : 2.0833vw;}
    .contact-btn-box{gap : 1.3889vw;}

}