#fullpage{/* background: #fff; */}
body.fixed{overflow: hidden;}
.section{position : relative; overflow: hidden;}

.scroll{display: flex;align-items: end;gap : 8px; position : absolute; bottom : 50px; left : 80px; z-index: 10; pointer-events: none; transition : .5s;}
.scroll.hide{opacity: 0;}

.scroll-icon{display: flex;flex-direction: column;align-items: center;}

.scroll-progress{width :1px;height : 73px; background: rgba(255,255,255,0.5); position : relative; margin-bottom: 8px; transition : background .5s, color .5s;}
.dark .scroll-progress{background: rgba(0,0,0,0.3);}

.scroll-progress::after{position : absolute; content: '';width : 100%; height : 100%; left : 0; top : 0; background: #fff;animation : scroll-progress 2s infinite; transition : background .5s, color .5s;}
.dark .scroll-progress::after{background: #000;}
@keyframes scroll-progress {
    0%{height : 0%}
    100%{height : 100%;}
}

.scroll-circle{width : 10px;height : 10px; border-radius: 50%; border : 1px solid #fff; transition : border-color .5s;}
.dark .scroll-circle{border-color: #000;}

.scroll-arrow{width : 8px;height : 8px; border-bottom : 1px solid #fff; border-right : 1px solid #fff; transform: rotate(45deg); transition : border-color .5s;}
.dark .scroll-arrow{border-color: #000}
.scroll > span{color : #fff; transition : color .5s; font-family: Athena; font-size: 16px; line-height: 1em; transition : background .5s, color .5s;}
.dark.scroll > span{color : #000}

/************************************************
********************* VISUAL ********************
************************************************/

.visual-slide{width : 100%;height : 100%;}

.visual-slide .swiper-slide{overflow: hidden;}

.visual-bg{position : absolute; width : 100%;height : 100%;z-index: -1; overflow: hidden;}
.visual-bg > img{width : 100%;height : 100%;object-fit: cover; object-position: center; transform: scale(1.25); transition : transform 0s 1.2s;}
.on .swiper-slide-active .visual-bg > img{transform: scale(1); transition : transform 3s;}


.visual-tit{writing-mode: vertical-rl; white-space: nowrap; font-family: NM; font-weight: 400; color : #fff; letter-spacing: 0.2em; font-size: 25px;}
.visual-tit .char{opacity: 0;}
.visual-inner{display: flex;flex-direction: column;align-items: center;justify-content: center; height : 100%;padding-top: 250px;gap : 60px;}

.visual-line{height : 100%; background: #fff;width : 1px; clip-path: inset(0 0 100%); transition : 0s 1.2s;}

.on .swiper-slide-active .visual-line{clip-path: inset(0%); transition : 1s 1.5s;}

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

/************************************************
********************* PREMIUM ********************
************************************************/

.premium-slide{width : 100%;height : 100%;}

.premium-inner{display: flex; width : 100%;height : 100%; position :absolute; left : 0;top : 0; transition : transform 1.4s; z-index: 1;}
.t2 .premium-inner,
.t3 .premium-inner,
.t4 .premium-inner,
.t5 .premium-inner,
.t6 .premium-inner,
.t7 .premium-inner,
.t8 .premium-inner{transform: translateX(-100%);}

.premium-inner > div{width : 100%;height :100%; flex-shrink: 0;}

.premium-bg{position : absolute; width : 100%;height : 100%;z-index: -1; overflow: hidden;}
.premium-bg > img{width : 100%;height : 100%;object-fit: cover; object-position: center; transform: scale(1.25); transition : transform 0s 1.2s;}
.active .t1 .premium-bg > img{transform: scale(1); transition : transform 3s;}

.premium-01-inner{display: flex;flex-direction: column;align-items: center;justify-content: center;height : 100%; text-align: center; gap : 40px;}

.premium-line{height : 100%; background: #BFBFBF;width : 1px; transition : clip-path 0s 1.2s; clip-path: inset(0 0 100%);}
.premium-line-02{clip-path: inset(100% 0 0);}
.active .t1 .premium-line{clip-path: inset(0); transition : clip-path 1.2s 1.4s;}

.premium-tit-box{display: flex;flex-direction: column;align-items: center;}
.premium-tit-desc{font-family: PT; color : #1C1C1C; font-weight: 500; margin-bottom: 23px; line-height: 1.6em;}
.premium-tit-desc b{font-weight: 700;}

.premium-tit-desc .char{opacity: 0; transform: translateX(50px);}

.premium-logo{transform: translateY(50px); opacity: 0; transition : 0s 1.2s}
.active .t1 .premium-logo{opacity: 1; transform: translateY(0); transition : 1.2s 1.4s;}

.premium-02{display: flex;}
.premium-02 > div{width : 50%; flex-shrink: 0; overflow: hidden;}

.premium-left{display: flex;flex-direction: column; justify-content: center;padding-top: 230px;}

.premium-right{position :relative;}
.premium-bg-box{display: flex;align-items: center;justify-content: center; width : 100%;height : 100%; overflow: hidden;}

.premium-bg-bg{display: flex;align-items: center;justify-content: center; width : 100%;height : 100%; position : absolute; left : 0;top : 0; z-index: -1; background: #f5f5f5;}
.premium-bg-bg > img{position: absolute;transition : 1.6s cubic-bezier(0.65, 0, 0.35, 1); width : 261px;height : 329px;}

.t2 .premium-bg-bg > img:nth-child(1),
.t3 .premium-bg-bg > img:nth-child(1),
.t4 .premium-bg-bg > img:nth-child(1),
.t5 .premium-bg-bg > img:nth-child(1),
.t6 .premium-bg-bg > img:nth-child(1),
.t7 .premium-bg-bg > img:nth-child(1),
.t8 .premium-bg-bg > img:nth-child(1){width :100%; height : 100%; transform: scale(1.2);}

.t3 .premium-bg-bg > img:nth-child(2),
.t4 .premium-bg-bg > img:nth-child(2),
.t5 .premium-bg-bg > img:nth-child(2),
.t6 .premium-bg-bg > img:nth-child(2),
.t7 .premium-bg-bg > img:nth-child(2),
.t8 .premium-bg-bg > img:nth-child(2){width :100%; height : 100%; transform: scale(1.2);}

.t4 .premium-bg-bg > img:nth-child(3),
.t5 .premium-bg-bg > img:nth-child(3),
.t6 .premium-bg-bg > img:nth-child(3),
.t7 .premium-bg-bg > img:nth-child(3),
.t8 .premium-bg-bg > img:nth-child(3){width :100%; height : 100%; transform: scale(1.2);}

.t5 .premium-bg-bg > img:nth-child(4),
.t6 .premium-bg-bg > img:nth-child(4),
.t7 .premium-bg-bg > img:nth-child(4),
.t8 .premium-bg-bg > img:nth-child(4){width :100%; height : 100%; transform: scale(1.2);}

.t6 .premium-bg-bg > img:nth-child(5),
.t7 .premium-bg-bg > img:nth-child(5),
.t8 .premium-bg-bg > img:nth-child(5){width :100%; height : 100%; transform: scale(1.2);}

.t7 .premium-bg-bg > img:nth-child(6),
.t8 .premium-bg-bg > img:nth-child(6){width :100%; height : 100%; transform: scale(1.2);}

.t8 .premium-bg-bg > img:nth-child(7){width :100%; height : 100%; transform: scale(1.2);}

.premium-bg-img{display: flex; position : relative;overflow: hidden; width : 261px;}
.premium-bg-img > img{position: static;left : 0;top : 0; transition : transform 1.2s cubic-bezier(0.65, 0, 0.35, 1); transform: translateX(-100%);}

.t2 .premium-bg-img > img{transform : translateX(calc(-100% * 0))}
.t3 .premium-bg-img > img{transform : translateX(calc(-100% * 1))}
.t4 .premium-bg-img > img{transform : translateX(calc(-100% * 2))}
.t5 .premium-bg-img > img{transform : translateX(calc(-100% * 3))}
.t6 .premium-bg-img > img{transform : translateX(calc(-100% * 4))}
.t7 .premium-bg-img > img{transform : translateX(calc(-100% * 5))}
.t8 .premium-bg-img > img{transform : translateX(calc(-100% * 6))}

.premium-top{display: flex; align-items: start; padding-left: 52px;position : relative;}
.premium-top::after{position : absolute; content : ''; width : 14px; height : 100%; background: #000; left : 0; top: 0; clip-path: inset(0 0 100%);transition : clip-path 1.2s}

.t2 .premium-top::after,
.t3 .premium-top::after,
.t4 .premium-top::after,
.t5 .premium-top::after,
.t6 .premium-top::after,
.t7 .premium-top::after,
.t8 .premium-top::after{clip-path: inset(0);}

.premium-top::before{position : absolute; content : ''; width : 280px; height : 1px; background: #ACACAC; bottom : 0; left : 355px;; clip-path: inset(0 100% 0 0);transition : clip-path 1.4s}
.t2 .premium-top::before,
.t3 .premium-top::before,
.t4 .premium-top::before,
.t5 .premium-top::before,
.t6 .premium-top::before,
.t7 .premium-top::before,
.t8 .premium-top::before{clip-path: inset(0);}

.premium-img-box{display: flex; position :relative; margin-right: 42px; overflow: hidden; flex-shrink: 0; width : 261px;}
.premium-img-box > img{position : static; width : 100%;height : 100%; object-fit: cover; object-position: center; transition : transform 1.2s cubic-bezier(0.65, 0, 0.35, 1) !important; transform: translateX(-100%);}
.premium-img-box > img:first-child{position : static;width :auto;height : auto;}

.t2 .premium-img-box > img{transform : translateX(calc(-100% * 0))}
.t3 .premium-img-box > img{transform : translateX(calc(-100% * 1))}
.t4 .premium-img-box > img{transform : translateX(calc(-100% * 2))}
.t5 .premium-img-box > img{transform : translateX(calc(-100% * 3))}
.t6 .premium-img-box > img{transform : translateX(calc(-100% * 4))}
.t7 .premium-img-box > img{transform : translateX(calc(-100% * 5))}
.t8 .premium-img-box > img{transform : translateX(calc(-100% * 6))}

.premium-con-tit{font-family: Athena; font-size: 20px; overflow: hidden; position : relative; width : 100%;}

.premium-con-tit > h3{position : absolute; transform : translateY(calc(-100% * var(--i) - 100%));width : 100%;left : 0;top : 0; transition : transform 1.2s cubic-bezier(0.65, 0, 0.35, 1);}
.premium-con-tit > h3:nth-child(1){position : static;}

.t2 .premium-con-tit > h3{transform : translateY(calc(-100% * var(--i) + 100% * 0))}
.t3 .premium-con-tit > h3{transform : translateY(calc(-100% * var(--i) + 100% * 1))}
.t4 .premium-con-tit > h3{transform : translateY(calc(-100% * var(--i) + 100% * 2))}
.t5 .premium-con-tit > h3{transform : translateY(calc(-100% * var(--i) + 100% * 3))}
.t6 .premium-con-tit > h3{transform : translateY(calc(-100% * var(--i) + 100% * 4))}
.t7 .premium-con-tit > h3{transform : translateY(calc(-100% * var(--i) + 100% * 5))}
.t8 .premium-con-tit > h3{transform : translateY(calc(-100% * var(--i) + 100% * 6))}

.premium-bottom{padding-top: 0;padding-left: 355px;}

.premium-con-desc-box{overflow: hidden; position : relative; width : 100%; transform : translateY(-30px)}

.premium-con-desc{position : absolute; transform : translateY(calc(-100% * var(--i) - 100%)); color : #2B2B2B; font-family: PT; letter-spacing: -0.033em; padding-bottom: 30px; width : 100%;left : 0;top : 0;transition : transform 1.2s cubic-bezier(0.65, 0, 0.35, 1);}
.premium-con-desc-box > div:first-child{position : static;}

.premium-con-desc > h4{font-size: 23px; font-weight: 300; line-height: 1.5em; padding-left: 300px;}
.premium-con-desc > h4 b{font-weight: 700; padding-left: 48px;}

.premium-con-desc > p{font-weight: 300; line-height: 1.5em;;}
.premium-con-desc > p b{font-weight: 700;}

.t2 .premium-con-desc-box > div{transform : translateY(calc(-100% * var(--i) + 100% * 0))}
.t3 .premium-con-desc-box > div{transform : translateY(calc(-100% * var(--i) + 100% * 1))}
.t4 .premium-con-desc-box > div{transform : translateY(calc(-100% * var(--i) + 100% * 2))}
.t5 .premium-con-desc-box > div{transform : translateY(calc(-100% * var(--i) + 100% * 3))}
.t6 .premium-con-desc-box > div{transform : translateY(calc(-100% * var(--i) + 100% * 4))}
.t7 .premium-con-desc-box > div{transform : translateY(calc(-100% * var(--i) + 100% * 5))}
.t8 .premium-con-desc-box > div{transform : translateY(calc(-100% * var(--i) + 100% * 6))}

/************************************************
********************* ENVI ********************
************************************************/

.envi-container{display: flex; width : 100%;height : 100%; position :absolute; left : 0;top : 0; transition : transform 1.2s;z-index: 1;}
.t2 .envi-container{transform: translateX(-100%);}

.t3 .envi-container,
.t4 .envi-container,
.t5 .envi-container,
.t6 .envi-container,
.t7 .envi-container{transform: translateX(-200%);}

.envi-container > div{width : 100%;height : 100%; flex-shrink: 0; position : relative;}

.envi-bg{position : absolute; width : 100%;height : 100%;z-index: -1; overflow: hidden;}
.envi-bg > img,
.envi-bg > video{display : block; width : 100%;height : 100%;object-fit: cover; object-position: center; transform: scale(1.25); transition : transform 0s 1.2s;}
.active .t1 .envi-bg > img,
.active .t1 .envi-bg > video{transform: scale(1); transition : transform 3s;}

.envi-01{z-index: 1;}
.envi-01 .envi-inner{display: flex;flex-direction: column;justify-content: center; width : 100%; max-width: 1600px;height : 100%;  transition : transform 1.2s, padding-bottom 1.2s; position :relative; margin : 0 auto;}
.t2 .envi-01 .envi-inner,
.t3 .envi-01 .envi-inner{transform: translateX(100vw);padding-bottom: 150px;}

.envi-tit-box{display: flex;align-items: center;gap : 15px; transform: translateX(-50%); left : 50%; position : absolute; transition : left 1.2s, transform 1.2s;}
.t2 .envi-tit-box{transform: translateX(0); left : 0;}

.envi-tit{font-family: brown; font-weight: 400;position : relative; font-size: 40px; color : #fff; transition : color 1s;}
.t2 .envi-tit{color : #000}
.envi-tit > span{font-family: AV; position : absolute; white-space: nowrap;left : -60px;bottom : 80%; transform: rotate(-10deg) translateX(-100px); opacity: 0; transition : 0s 1.2s;}
.active .envi-tit > span{transform: rotate(-10deg) translateX(0px); opacity: 1; transition : 1s .5s;}

.envi-tit .char{opacity: 0;}

.envi-line{width : 0px; height : 1px; background: #fff; transition : width 1.2s, background 1s;}
.active .t1 .envi-line{width : 458px; transition-delay: 1.2s;}
.t2 .envi-line{width : 0px; background: #939393;}

.envi-logo{transition : opacity 1s, filter 1s; opacity: 0; filter : invert(1)}
.active .t1 .envi-logo{opacity: 1; transition-delay: .5s;}
.t2 .envi-logo{opacity: 0; filter : invert(0)}

.envi-map{position : absolute; width : 100%;height : 100%;z-index: -1; overflow: hidden;}
.envi-map > img{width : 100%;height : 100%;object-fit: cover; object-position: right bottom; opacity: 0; transform:translateX(50%) scale(1.25); transition : transform 0s 1.2s, opacity 0s 1.2s;}
.t2 .envi-map > img,
.t3 .envi-map > img{opacity: 1; transform:translateX(0) scale(1); transition : transform 1.7s, opacity 1.2s;}

.envi-desc{font-size: 24px; font-family: PT; letter-spacing: -0.03em; font-weight: 300; color : #1C1C1C; line-height: 1.5em; margin-bottom: 38px; padding-top: 240px; padding-left: 64px; transform: translateY(-50px); opacity: 0; transition : transform 1s, opacity 1s;}
.envi-desc b{font-weight: 700;}
.t2 .envi-desc{transform: translateY(0); opacity: 1; transition-delay: 1s;}

.envi-btn{display: flex; margin-left: 64px;gap : 5px; transform: translateY(-50px); opacity: 0; transition : transform 1s, opacity 1s;}
.t2 .envi-btn{transform: translateY(0); opacity: 1; transition-delay: 1.2s;}

.envi-btn > p{display: flex;align-items: center;justify-content: center; border : 1px solid #49342C; color : #49342C; font-size: 14px; font-family: PT; padding : 0 37px; height : 40px; border-radius: 100px; font-weight: 700;}
.envi-btn > span{display: flex;align-items: center;justify-content: center; width : 40px;height : 40px; background: #49342C; border-radius: 50%; position : relative; transition : transform .5s;}
.envi-btn:hover > span{transform: rotate(180deg);}
.envi-btn > span::after{position : absolute; content : ''; width : 15px; height : 1px; background: #fff;}
.envi-btn > span::before{position : absolute; content : ''; width : 1px; height : 15px; background: #fff;}

.envi-list{width : 100%;height : 100%;}
.envi-list > li{display: flex;justify-content: center; width : 100%;height : 33.3333%; border-top : 5px solid #fff; border-bottom : 5px solid #fff; background: #EAE8DF; transition : transform 1.2s}


.t4 .envi-list > li{transform: translateY(-100%);}
.t5 .envi-list > li{transform: translateY(-200%);}
.t6 .envi-list > li{transform: translateY(-300%);}
.t7 .envi-list > li{transform: translateY(-400%);}

.envi-list-inner{width : 100%;height : 100%; max-width: 1440px;display: flex;justify-content: space-between; align-items: center;}

.envi-list-tit{font-family: brown; font-size: 26px; font-weight: 300; line-height: 1.5em; color : #AA998E; transition : color 1s;}
.envi-list-tit b{font-weight: 400;}

.t3 .envi-list-01 .envi-list-tit{color : #49342C}
.t4 .envi-list-02 .envi-list-tit{color : #49342C}
.t5 .envi-list-03 .envi-list-tit{color : #49342C}
.t6 .envi-list-04 .envi-list-tit{color : #49342C}
.t7 .envi-list-05 .envi-list-tit{color : #49342C}

.envi-list-desc{display: flex;align-items: start;  gap : 24px; font-family: PT; font-size: 17px; font-weight: 300; letter-spacing: -0.033em; line-height: 1.5em; opacity: 0; transform: translateX(100px); transition : opacity 1s, transform 1s;}
.t3 .envi-list-01 .envi-list-desc{transform: translateX(0); opacity: 1;}
.t4 .envi-list-02 .envi-list-desc{transform: translateX(0); opacity: 1;}
.t5 .envi-list-03 .envi-list-desc{transform: translateX(0); opacity: 1;}
.t6 .envi-list-04 .envi-list-desc{transform: translateX(0); opacity: 1;}
.t7 .envi-list-05 .envi-list-desc{transform: translateX(0); opacity: 1;}


.envi-list-desc b{font-family: brown, PT; font-weight: 500; font-size: 23px; line-height: 1em;}

.envi-list-img{position : absolute;left : 50%;top : 50%;transform: translateX(-50%) translateY(-50%);height : calc(33.3333% - 10px); border : 1px solid #000; padding : 12px; opacity: 0; transition : 0s 1.2s;}
.t3 .envi-list-img,
.t4 .envi-list-img,
.t5 .envi-list-img,
.t6 .envi-list-img,
.t7 .envi-list-img{opacity: 1; transition : 1s .4s;}
.envi-list-img-inner{height : 100%; overflow: hidden;position : relative;}
.envi-list-img-inner > img{height : 100%; max-height: 100%; position : absolute; width : 100%;height : 100%; left : 0; top : 0; object-fit: cover; object-position: center;clip-path: inset(100% 0 0); transition : clip-path 1.2s;}
.envi-list-img-inner > img:first-child{position : static;clip-path: inset(0);}

.t4 .envi-list-img-inner > img:nth-child(2),
.t5 .envi-list-img-inner > img:nth-child(2),
.t6 .envi-list-img-inner > img:nth-child(2),
.t7 .envi-list-img-inner > img:nth-child(2){clip-path: inset(0);}

.t5 .envi-list-img-inner > img:nth-child(3),
.t6 .envi-list-img-inner > img:nth-child(3),
.t7 .envi-list-img-inner > img:nth-child(3){clip-path: inset(0);}

.t6 .envi-list-img-inner > img:nth-child(4),
.t7 .envi-list-img-inner > img:nth-child(4){clip-path: inset(0);}

.t7 .envi-list-img-inner > img:nth-child(5){clip-path: inset(0);}

/************************************************
********************* OVERVIEW ********************
************************************************/

.overview-slide{width : 100%;height : 100%;}
.overview-slide-01{display : flex; justify-content : end;}
.overview-slide-01 > div{height : 100%; flex-shrink : 0;}
.overview-left{width : 60%;/* position : absolute;left : 0; bottom : 0; transition : 0s 1s; width : 100%;*/ padding-top: 100px;}
/* .active .overview-left{width : 60%;height : calc(100% - 100px); transition : 1s 1s;} */
.overview-right{padding : 0 80px; width : 40%; padding-top: 280px;}

.overview-info{font-family : PT; font-size : 14px; letter-spacing : -0.04em; position : absolute; right : 30px; bottom : 20px; color : #fff;}

.overview-bg{width : 100%;height : 100%; overflow : hidden; position : relative;}
.overview-bg > img,
.overview-bg > video{width : 100%;height : 100%; object-fit : cover; object-position : center; transform : scale(1.5); transition : 2s;position : absolute; left : 0;top : 0;}
.active .swiper-slide-active .overview-bg > img,
.active .swiper-slide-active .overview-bg > video{transform : scale(1)}

.overview-list {display: grid; grid-template-columns : repeat(1,1fr); gap : 42px; margin-bottom: 52px; width : 100%;padding-left: 40%;}
.overview-list > li{grid-column : span 1; display: flex;flex-direction: column; gap : 20px; font-family: PT; letter-spacing: -0.04em;}
/* .overview-list > li:first-child{grid-column : span 2;} */
.overview-name{font-size: 22px; font-weight: 700; transform: translateY(-50px);opacity: 0; transition : 0s 1s;}
.overview-line{width : 100%; height : 1px; background: rgba(0,0,0,0.3); clip-path: inset(0 100% 0 0); transition : 0s 1s;}
.active .swiper-slide-active .overview-line{clip-path: inset(0); transition : 1s 0.8s;}
.overview-con{font-size: 16px; font-weight: 500; color : #696969; transform: translateY(50px);opacity: 0; transition : 0s 1s;}

.active .swiper-slide-active .overview-name,
.active .swiper-slide-active .overview-con{transform: translateY(0); opacity: 1; transition : 1s 1.2s;}

.overview-tit-box{display: flex;align-items: center; gap : 18px;position : relative; white-space : nowrap; margin-bottom: 80px;}
.overview-tit{font-family: brown; font-weight: 400;position : relative; font-size: 40px; color : #fff; transition : 0s 1s;}
.active .overview-tit{color : #000; transition : 1s 1s;}
.overview-tit > span{font-family: AV; position : absolute; white-space: nowrap;left : -60px;bottom : 80%; transform: rotate(-10deg) translateX(-100px); opacity: 0; color : inherit; transition : 0s 1s;}
.active .swiper-slide-active .overview-tit > span{transform: rotate(-10deg) translateX(0px); opacity: 1; transition : 1s 1s}

.overview-tit .char{opacity: 0;}

.overview-tit-line{width : 100%;height : 1px; background: #000; clip-path: inset(0 100% 0 0); transition : 0s 1s;}
.active .swiper-slide-active .overview-tit-line{clip-path: inset(0); transition : 0.7s 1s}

.overview-sub-tit{position : absolute;right : 0; transform: translateY(-50%); padding-bottom: 20px;font-size: 18px; font-family: PT; line-height: 1em; letter-spacing: -0.04em; font-weight: 300; transform: translateY(-100px); opacity: 0; transition : 0s 1s;}
.active .swiper-slide-active .overview-sub-tit{transform: translateY(-50%); opacity: 1; transition : 1s 1.2s;}
.overview-sub-tit b{font-weight: 700;}

/**/

.overview-slide-02{display: flex;justify-content: center; align-items: center;}
.schedule-inner{display : flex; align-items : end; justify-content : space-between; width : 100%; max-width : 1310px; margin : 0 auto;}
.schedule-tit-box{display: flex;align-items: end; gap : 18px;position : relative; white-space : nowrap; margin-bottom: 275px; width : 100%; color : #fff; gap : 14px;}
.schedule-tit{font-family: brown; font-weight: 400;position : relative; font-size: 40px; line-height: 1em;}

.schedule-tit .char{opacity: 0;}

.schedule-sub-tit{font-size: 18px; font-family: PT; line-height: 1em; letter-spacing: -0.04em; font-weight: 300; opacity: 0; transition : 0s 1.2s;}
.active .swiper-slide-active .schedule-sub-tit{opacity: 1; transition : 1s 1.2s;}
.schedule-sub-tit b{font-weight: 700;}

.schedule-bg{position : absolute; width : 100%;height : 100%; left : 0;top : 0; z-index : -1; overflow: hidden;}
.schedule-bg > img{width : 100%;height : 100%; object-fit : cover; object-position : center; transform: scale(1.25); transition : 0s 1s;}
.active .swiper-slide-active .schedule-bg > img{transform: scale(1); transition : 2s;}
.schedule-table-box{width : 692px;}
.schedule-table{display : grid; grid-template-columns : repeat(6, 1fr); gap : 6px;}
.schedule-table li{display : flex;flex-direction : column; justify-content : space-between; align-items : start; grid-column : span 2; height : 150px;padding : 24px 27px; font-family : PT; letter-spacing : -0.04em}
.schedule-table li.wide{grid-column : span 3;}
.schedule-day{font-size : 20px; color : rgba(255,255,255,0.8); transition : opacity 1s, color .2s; font-weight : 700; opacity : 0;}
.active .swiper-slide-active .schedule-day{opacity : 1; transition : opacity 1s 1s, color .2s;}
.schedule-name{margin-left: auto; color : rgba(255,255,255,0.8); transition : opacity 1s, color .2s; font-size : 16px; font-weight : 500; opacity : 0;}
.active .swiper-slide-active .schedule-name{opacity : 1; transition : opacity 1s 1s, color .2s;}
.schedule-table li:hover > *{color : #4A352E;}

.active .swiper-slide-active .schedule-table li.hover_ani > span.line:nth-child(1), .active .swiper-slide-active .schedule-table li.hover_ani > span.line:nth-child(3){width:100%;height:1px; transition : 1s .4s !important;}
.active .swiper-slide-active .schedule-table li.hover_ani > span.line:nth-child(2), .active .swiper-slide-active .schedule-table li.hover_ani > span.line:nth-child(4){width:1px;height:100%; transition : 1s .4s !important;}

.schedule-table li::after{position : absolute; content : ''; width : 100%;height : 100%; background: #fff; left : 0;top : 0; z-index : -1; transition : background .2s, opacity 1s; opacity : 0;}

.active .swiper-slide-active .schedule-table li:hover::after{opacity: 1; transition : .3s}

.schedule-btn-box{display: flex; gap : 10px; opacity: 0; transform: translateX(100px); transition : 0s 1s; margin-left: auto;}
.active .swiper-slide-active .schedule-btn-box{transform: translateX(0); opacity: 1; transition : 1s .4s;}
.schedule-btn-box > a{display: flex;align-items: center; padding-bottom: 15px; color : #fff; font-weight: 600; font-family: PT; position :relative; border-bottom : 1px solid rgba(255,255,255,0.18); font-size: 14px; width : 165px; transition : .5s;}
.schedule-btn-box > a::after{position : absolute; content : ''; width : 100%; height : 1px; bottom : -1px;background: #000; clip-path: inset(0 100% 0 0); transition : .5s;}
.schedule-btn-box > a:hover::after{clip-path: inset(0);}
.schedule-btn-box > a:hover{color : #000;}

.schedule-arrow{position : absolute; right : 0; opacity: 0; transform: translateX(-100%); transition :.5s;}
.schedule-btn-box > a:hover .schedule-arrow{transform: translateX(0); opacity: 1;}

/************************************************
********************* LOCATION ********************
************************************************/

.location-bg{position : absolute; width : 100%;height : 100%;z-index: -1; overflow: hidden; left : 0;top : 0;}
.location-bg > img{width : 100%;height : 100%;object-fit: cover; object-position: center; transform: scale(1.25); transition : transform 0s 1.2s;}
.fp-active .location-bg > img{transform: scale(1); transition : transform 3s;}

.location-container{display: flex;align-items: center; display: flex;flex-direction: column; margin : 0 auto;}

.location-tit{font-family: brown; font-size: 40px; font-weight: 400; margin-bottom: 21px; text-align: center;}
.location-tit .char{opacity: 0;}
.location-sub-tit{font-family: PT; font-size: 18px; letter-spacing: -0.04em; font-weight: 300; margin-bottom: 43px; padding : 15px 0; position : relative; width : 100%; text-align: center;}
.location-sub-tit span{opacity: 0; transition : 0s 1.2s;}
.fp-active .location-sub-tit span{opacity: 1; transition : 1s .4s;}
.location-sub-tit::after{position : absolute; content: '';width : 100%;height : 1px; background: #000;top : 0; left : 0; clip-path: inset(0 50%); transition : 0s 1.2s}
.location-sub-tit::before{position : absolute; content: '';width : 100%;height : 1px; background: #000;bottom : 0; left : 0; clip-path: inset(0 50%); transition : 0s 1.2s}
.fp-active .location-sub-tit::after,
.fp-active .location-sub-tit::before{clip-path: inset(0); transition : 1s .4s}
.location-sub-tit b{font-weight: 700;}

.location-map{margin-bottom: 21px; opacity: 0; transition : 0s 1.2s;}
.fp-active .location-map{opacity: 1; transition : 1s .4s;}

.location-address{display: flex;align-items: center; justify-content: center; gap : 21px; font-family: PT; letter-spacing: -0.04em; font-size: 16px; color : #1F1F1F; margin-bottom: 15px; transform: translateY(50px);opacity: 0;transition : 0s 1.2s;}
.location-address b{font-size: 25px; color : #49342C; font-weight: 500;}

.location-btn-box{display: flex; align-items: center;justify-content: center; gap : 30px; transform: translateY(50px);opacity: 0;transition : 0s 1.2s;}
.location-btn-box > a{display: flex;align-items: center; gap : 12px; font-family: PT; font-size: 15px; color : #49342C; letter-spacing: -0.04em; font-weight: 500; transition : transform .5s;}
.location-btn-box > a:hover{transform: translateY(-5px);}

.fp-active .location-address,
.fp-active .location-btn-box{opacity: 1; transform: translateY(0); transition : 1s 1s;}


.location-sub-desc{font-size: 14px; font-weight: 500; margin: 0px 0 15px; transform: translateY(50px);opacity: 0;transition : 0s 1.2s;}

.fp-active .location-sub-desc{opacity: 1; transform: translateY(0); transition : 1s 1s;}



/*************************************
**************** NEW *****************
*************************************/

.skip-btn{display: block; width : 80px;height : 80px; display: flex;align-items: center;justify-content: center; white-space: nowrap; position : fixed; z-index: 1200;font-family: brown; letter-spacing: 0.15em; background: #49342C;color : #fff; border-radius: 50%; font-size: 14px;transform: translateX(-50%) translateY(-50%);transition : transform .5s; cursor: pointer;z-index: 1000;}
.end .skip-btn{transform: translateX(-50%) translateY(-50%) scale(0);}
.skip-btn.hide{transform: translateX(-50%) translateY(-50%) scale(0);}
.skip-btn::after{position :absolute; content : ''; width : 143px;;height : 143px; background: url(/assets/images/intro/intro-rotate-text.png)no-repeat center / contain; z-index: -1;animation : rotate-text 8s infinite linear; border-radius: 50%;}
.m_skip-btn{display: none;}

/* visual new */
.main-section-visual-new.skip *{transition-delay : 0s !important}
.visual-new-bg{position : absolute; left : 0;top : 0;width : 100%;height : 100%; clip-path: inset(218px 50% calc(100% - 218px) calc(50% - 1px)); transition : 1s;}
.visual-new-bg::after{position :absolute; content : ''; width : 100%; height : 100%; background: linear-gradient(45deg, rgba(0,0,0,0.5), rgba(0,0,0,0.1), rgba(0,0,0,0.5)); left : 0;top : 0; opacity: 0; transition : 1s;}
.t1 .visual-new-bg{clip-path: inset(218px 50% 0% calc(50% - 1px));}
.t2 .visual-new-bg{clip-path: inset(218px calc(50% - 33px) 0%)}
.t2 .visual-new-bg::after{opacity: 1;}
.t3 .visual-new-bg{clip-path: inset(0%)}
.t2 .visual-new-bg::after{opacity: 0; transition-delay: 3s;}

.visual-new-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center top; transform: scale(1.5); transition : transform 5s, object-position 4s 1.5s;}
.t2 .visual-new-bg > img{transform: scale(1);}
.t3 .visual-new-bg > img{object-position: center bottom;}

.visual-new-inner{display: flex;justify-content: center; width : 100%; max-width: 1600px; margin : 0 auto; height : 100%; z-index: 100; position :relative; padding-top: 234px;}

.visual-tit-box-new1{display: flex;position : absolute;left : 50%;top : 218px; transform: translateX(-50%); font-family: MB; font-size: 22px; font-weight: 400; transition : 2s 1.5s;}
.t3 .visual-tit-box-new1{transform: translateY(-200%); opacity: 0;}

.visual-tit-box-new1 > p{writing-mode: vertical-lr; transform: translateX(calc(-100% - 30px)); letter-spacing: 0.2em; color : #0F0F0F; font-weight: 400; transition : 1.2s;}

.t2 .visual-tit-box-new1 > p:nth-child(1){transform: translateX(-200%);}
.t2 .visual-tit-box-new1 > p:nth-child(2){transform: translateY(100%) translateX(200%);}

.t3 .visual-tit-box-new1 > p{transform: translateX(-100%) translateY(0) !important; color : #fff;}

.visual-tit-box-new1 .char{opacity: 0;}

.visual-tit-box-new2{display: flex;align-items: center; position : absolute; font-family: MB; font-size: 22px; font-weight: 400; letter-spacing: -0.033em; left : 50%; transform: translateX(-50%); transition :2s 4s;}
.t3 .visual-tit-box-new2{left : 0; transform: translateX(0);}
.visual-tit-box-new2 .char{opacity: 0; transform: translateY(-100px);}

.visual-new-logo{position : absolute; left : calc(100% + 48px); transform: translateX(500%); opacity: 0; transition : 2s 4s;}
.t3 .visual-new-logo{transform: translateX(0); opacity: 1;}


/* com */

.sec-tit{font-size: 44px; font-family: brown; font-weight: 400; transition : 1s;}
.sec-desc{font-size: 17px; letter-spacing: -0.033em; font-family: PT; color : #1A1A1A; font-weight: 400; line-height: 1.5em; transition : 1s;}
.sec-con-tit{font-family: brown, PT; font-size: 22px; letter-spacing: -0.033em; font-weight: 500; color : #2B2B2B; margin-bottom: 12px; transition : 1s;}
.sec-con-desc{font-size: 17px; letter-spacing: -0.033em; font-family: PT; color : #2B2B2B; font-weight: 300; line-height: 1.5em;}
.sec-con-desc2{font-size: 17px; letter-spacing: -0.033em; font-family: PT; color : #2B2B2B; font-weight: 300; line-height: 1.5em; padding-left: 35px; position : relative;}
.sec-con-desc2::after{position : absolute; content : ''; width : 1px; height : 100%; left : 0;top : 0; background: #B2B2B2; clip-path: inset(0 0 100%); transition : 1s}
.active .swiper-slide-active .sec-con-desc2::after{clip-path: inset(0); transition-delay: 0.4s;}

.sec-img{position :relative;overflow: hidden;}
.sec-img > img,
.sec-img > video{transition : 2s; transform: scale(1.5);width : 100%;height : 100%; object-fit: cover; object-position: center);}
.active .swiper-slide-active .sec-img > img,
.active .swiper-slide-active .sec-img > video{transform: scale(1);}


.com-slide{width : 100%;height : 100%;}

.com-slide-01{display: flex; align-items: end; background: #F3F0EB;}

.com-slide-01 .com-left{width : 60%;}
.com-slide-01 .com-left .sec-img{width : 100%; height : 40vw;}

.com-slide-01 .com-right{display: flex;justify-content: center; align-items: center; flex : 1; height : 100%; padding-top: 100px;}
.com-tit-box{display: flex; gap : 30px; height : 571px;}
.com-tit{writing-mode: vertical-lr; font-family: MB; letter-spacing: 0.2em; font-size: 23px; color : #0F0F0F; font-weight: 600;}
.com-tit .line{width : auto !important;}
.com-tit .char{opacity: 0;}

.com-tit-line{width : 1px; height : 100%;background: #B2B2B2; clip-path: inset(0 0 100%); transition :1s}
.active .swiper-slide-active .com-tit-line{clip-path: inset(0); transition : 1.5s .4s;}

.com-tit-desc{font-family: PT; letter-spacing: -0.033em; color : #1A1A1A; line-height: 1.5em; margin-top: auto;}

.com-tit-desc .line{transform: translateX(100px);opacity: 0; transition :1s;}
.active .swiper-slide-active .com-tit-desc .line:nth-child(1){opacity: 1; transform: translateX(0); transition : 1s .4s;}
.active .swiper-slide-active .com-tit-desc .line:nth-child(2){opacity: 1; transform: translateX(0); transition : 1s .5s;}
.active .swiper-slide-active .com-tit-desc .line:nth-child(3){opacity: 1; transform: translateX(0); transition : 1s .6s;}
.active .swiper-slide-active .com-tit-desc .line:nth-child(4){opacity: 1; transform: translateX(0); transition : 1s .7s;}

.com-slide-02{display: flex; justify-content: space-between;}

.com-slide-02 .sec-tit{opacity: 0; transform: translateX(-100px);}
.active .swiper-slide-active.com-slide-02 .sec-tit{opacity: 1; transform: translateX(0); transition : 1s .4s;}

.com-slide-02 .sec-desc{opacity: 0; transform: translateX(100px);}
.active .swiper-slide-active.com-slide-02 .sec-desc{opacity: 1; transform: translateX(0); transition : 1s .4s;}

.com-slide-02 .com-img-box .sec-con-tit,
.com-slide-02 .com-img-box .sec-con-desc{opacity: 0; transform : translateY(100px);transition : 1s;}
.active .swiper-slide-active.com-slide-02 .com-img-box .sec-con-tit,
.active .swiper-slide-active.com-slide-02 .com-img-box .sec-con-desc{transform : translateY(0); opacity: 1; transition : 1s .4s;}

.com-slide-02 .com-left{display: flex;flex-direction: column;align-items: end; justify-content: end; gap : 18px;}

.com-slide-02 .com-line{width : 1px; height : 100%; background: #EBEBEB;}

.com-slide-02 .com-sub-tit-box{display: flex;align-items: center;justify-content: space-between; padding-left: 93px;width : 100%;}

.com-slide-02 .com-right{display: flex;flex-direction: column; justify-content: space-between; padding-left: 95px; padding : 117px 0 53px;}

.com-slide-02 .com-right .com-desc-box{opacity: 0; transform: translateX(100px); transition : 1s;}
.active .swiper-slide-active.com-slide-02 .com-right .com-desc-box{opacity: 1; transform: translateX(0px);transition : 1s .4s;}

.com-img-box{display: flex; flex-direction: column;gap : 30px}

.com-slide-03{display: flex; justify-content: space-between;}
.com-slide-03 .com-left{display: flex;flex-direction: column;align-items: start; justify-content: end; gap : 18px;}
.com-slide-03 .com-sub-tit-box{display: flex;flex-direction: column;gap : 23px; padding-left: 93px;width : 100%; transform: translateX(-100px); opacity: 0; transition : 1s;}
.active .swiper-slide-active.com-slide-03 .com-sub-tit-box{transform: translateX(0); opacity: 1; transition : 1s .4s;}

.com-slide-03 .com-left .com-img-tit-box{display: flex;padding-left: 93px; justify-content: space-between;}
.com-slide-03 .com-left .com-img-tit-box{align-items: end;}

.com-slide-03 .com-line{width : 1px; height : 100%; background: #EBEBEB;}

.com-slide-03 .com-right{padding-top: 159px;}
.com-slide-03 .com-right .com-img-tit-box{display: flex; padding-right: 60px; justify-content: space-between;}

.com-slide-03 .sec-con-tit{opacity: 0; transitioN : 1s}
.active .swiper-slide-active.com-slide-03 .sec-con-tit{opacity: 1; transition : 1s .4s}

.com-slide-03 .sec-con-desc2 .line{opacity: 0; transform: translateX(-100px); transition : 1s}
.active .swiper-slide-active.com-slide-03 .sec-con-desc2 .line:nth-child(1){opacity: 1; transform: translateX(0px); transitioN : 1s .4s}
.active .swiper-slide-active.com-slide-03 .sec-con-desc2 .line:nth-child(2){opacity: 1; transform: translateX(0px); transitioN : 1s .5s}
.active .swiper-slide-active.com-slide-03 .sec-con-desc2 .line:nth-child(3){opacity: 1; transform: translateX(0px); transitioN : 1s .6s}
.active .swiper-slide-active.com-slide-03 .sec-con-desc2 .line:nth-child(4){opacity: 1; transform: translateX(0px); transitioN : 1s .7s}
.active .swiper-slide-active.com-slide-03 .sec-con-desc2 .line:nth-child(5){opacity: 1; transform: translateX(0px); transitioN : 1s .8s}

/**/

.comm-slide{width : 100%;height : 100%;}
.comm-bg{width : 100%; height : calc(100% - 205px);position : absolute; bottom : 0; left : 0; overflow: hidden; transition : 1.5s; clip-path: inset(0 calc(50% - 100px));}
.active .comm-bg{clip-path: inset(0); transition : 2s .4s;}
.comm-bg > img,
.comm-bg > video{width : 100%;height : 100%; transform: scale(1.25); transition : 3s; object-fit : cover; object-position : center;}
.active .swiper-slide-active .comm-bg > img,
.active .swiper-slide-active .comm-bg > video{transform: scale(1);}

.comm-slide-01 .comm-inner{display: flex;justify-content: end; padding-top: 273px; width : 100%; max-width: 1660px; margin : 0 auto; padding-bottom: 126px; height : 100%;}
.comm-tit-box{display: flex; gap : 30px; height : 100%; color : #fff;}
.comm-tit{writing-mode: vertical-lr; font-family: MB; letter-spacing: 0.2em; font-size: 23px; font-weight: 600;}
.comm-tit .line{width : auto !important;}
.comm-tit .char{opacity: 0;}

.comm-tit-line{width : 1px; height : 100%;background: rgba(255,255,255,0.5); clip-path: inset(0 0 100%); transition :1s}
.active .swiper-slide-active .comm-tit-line{clip-path: inset(0); transition : 1.5s 1s;}

.comm-tit-desc{font-family: PT; letter-spacing: -0.033em; line-height: 1.5em; margin-top: auto;}

.comm-tit-desc .line{transform: translateX(100px);opacity: 0; transition :1s;}
.active .swiper-slide-active .comm-tit-desc .line:nth-child(1){opacity: 1; transform: translateX(0); transition : 1s 1s;}
.active .swiper-slide-active .comm-tit-desc .line:nth-child(2){opacity: 1; transform: translateX(0); transition : 1s 1.1s;}
.active .swiper-slide-active .comm-tit-desc .line:nth-child(3){opacity: 1; transform: translateX(0); transition : 1s 1.2s;}
.active .swiper-slide-active .comm-tit-desc .line:nth-child(4){opacity: 1; transform: translateX(0); transition : 1s 1.3s;}

.comm-slide-02 .comm-inner{display: flex;flex-direction: column; justify-content: center; width : 100%; max-width: 1710px; margin : 0 auto; height : 100%; padding-top: 100px;}
.comm-sub-tit-box{margin-bottom: 150px; transition : 1s; transform: translateX(-100px); opacity: 0;}
.active .swiper-slide-active .comm-sub-tit-box{transform: translateX(0); opacity: 1; transition-delay: .4s;}

.comm-slide-02 .sec-tit{line-height: 1.2em; margin-bottom: 16px;}

.comm-list{display: flex;justify-content: space-between;}

.comm-list > li{position :relative; transition :1s; transform: translateY(100px); opacity: 0;}
.comm-list > li:nth-child(2){bottom : calc(78px * 1);}
.comm-list > li:nth-child(3){bottom : calc(78px * 2);}
.comm-list > li:nth-child(4){bottom : calc(78px * 3);}

.swiper-slide-active .comm-list > li{transform: translateY(0); opacity: 1; transition-delay: calc(var(--i) * 0.1s + 0.4s);}
.comm-list .comm-img{margin-bottom: 38px; overflow: hidden; position : relative}
.comm-list .comm-img .img-cut{color : #fff; position : absolute; bottom : 12px; right : 16px; font-size : 13px; font-family : PT; letter-spacing : -0.04em}
.comm-list .comm-img > img{transition : 2s}
.comm-list > li:hover .comm-img > img{transform: scale(1.2);}
.comm-list-con{font-family: PT; letter-spacing: -0.033em; color : #2B2B2B; padding-left: 35px; position :relative;}

.comm-list-con::after{position : absolute; content : ''; width : 1px; height : 100%; left : 0;top : 0; background: #B2B2B2; clip-path: inset(0 0 100%); transition : 1s}
.swiper-slide-active .comm-list-con::after{clip-path: inset(0); transition-delay: 1s;}

.comm-list-con h4{font-size: 22px; margin-bottom: 14px; font-weight: 500; opacity: 0; transition : 1s;}
.swiper-slide-active .comm-list-con h4{opacity: 1; transition-delay: .6s;}

.comm-list-con p{font-size: 17px; font-weight: 300; line-height: 1.5em;}

.comm-list-con p .line{transform: translateX(-100px); opacity: 0; transition : 1s;}
.swiper-slide-active .comm-list-con p .line:nth-child(1){transform: translateX(0); opacity: 1; transition-delay: .8s;}
.swiper-slide-active .comm-list-con p .line:nth-child(2){transform: translateX(0); opacity: 1; transition-delay: .9s;}
.swiper-slide-active .comm-list-con p .line:nth-child(3){transform: translateX(0); opacity: 1; transition-delay: 1s;}
.swiper-slide-active .comm-list-con p .line:nth-child(4){transform: translateX(0); opacity: 1; transition-delay: 1.1s;}

/**/
.design-slide{width : 100%;height : 100%; position : relative;}
.design-container{position : absolute; left : 0;top : 0; z-index: 1;width : 100%;height : 100%;}
.design-bg{position : absolute;width : 100%;height : 100%;left : 0;bottom : 0; transition : 1.2s; overflow: hidden;}
.t2 .design-bg{width : 32.6563%; left : 7.9167%; height : calc(100% - 230px);}
.design-bg::after{position :absolute; content : ''; width : 100%;height : 100%; background: linear-gradient(45deg, rgba(0,0,0,0.8), transparent, rgba(0,0,0,0.8));left : 0;top : 0; opacity: 0; transition : 2s;}
.active .design-bg::after{opacity: 1;}
.t2 .design-bg::after{opacity: 0;}
.design-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: bottom center; transform: scale(1.5); transition : 0s 1s;}
.active .design-bg > img{transform: scale(1); transition : 3s;}

.design-inner{display: flex; flex-direction: column; justify-content: end;align-items: start; width : 100%; max-width: 1640px;height : 100%; margin : 0 auto; position : relative; padding-bottom: 42px;}

.design-tit-box{color : #fff; position : absolute; transition : 1.2s; left : 0; white-space : nowrap;top : calc(100% - 113px); transform: translateY(-100%)}
.t2 .design-tit-box{color : #000; left : 100%; transform: translateX(-100%); top: 228px; transition-delay: 0s;}

.design-tit-box .sec-tit{transform: translateX(-100px); opacity: 0; transition : 1.2s;}
.design-tit-box .sec-tit-desc{position : absolute;transition : 1.2s;left : 0; transform: translateX(-100px); opacity: 0; transition : 1.2s;}

.active .design-tit-box .sec-tit,
.active .design-tit-box .sec-tit-desc{transform: translateX(0); opacity: 1; transition-delay: .8s;}

.t2 .design-tit-box .sec-tit{transition-delay: 0s;}
.t2 .design-tit-box .sec-tit-desc{left : 100%; transform: translateX(-100%); text-align: right; transition-delay: 0s !important;}

.design-list{display: flex; margin-left: auto; margin-top: auto; gap : 20px;}

.design-list > li{position :relative; transition :1s; transform: translateY(100px); opacity: 0;}
.t2 .design-list > li{transform: translateY(0); opacity: 1; transition-delay: calc(var(--i) * 0.1s + .4s);}

.design-list .design-img{margin-top: 38px;}
.design-list-con{font-family: PT; letter-spacing: -0.033em; color : #2B2B2B; padding-left: 35px; position :relative; margin-top: 24px;}

.design-list-con::after{position : absolute; content : ''; width : 1px; height : 100%; left : 0;top : 0; background: #B2B2B2; clip-path: inset(0 0 100%); transition : 1s}
.t2 .design-list-con::after{clip-path: inset(0); transition-delay: 1s;}
.design-list-con h4{font-size: 22px; margin-bottom: 14px; font-weight: 500; opacity: 0; transition : 1s;}
.t2 .design-list-con h4{opacity: 1; transition-delay: .6s;}
.design-list-con p{font-size: 17px; font-weight: 300; line-height: 1.5em;}
.design-list-con p .line{transform: translateX(-100px); opacity: 0; transition : 1s;}
.t2 .design-list-con p .line:nth-child(1){transform: translateX(0); opacity: 1; transition-delay: .8s;}
.t2 .design-list-con p .line:nth-child(2){transform: translateX(0); opacity: 1; transition-delay: .9s;}
.t2 .design-list-con p .line:nth-child(3){transform: translateX(0); opacity: 1; transition-delay: 1s;}
.t2 .design-list-con p .line:nth-child(4){transform: translateX(0); opacity: 1; transition-delay: 1.1s;}
.t2 .design-list-con p .line:nth-child(5){transform: translateX(0); opacity: 1; transition-delay: 1.2s;}

/**/

.unit-bg{position : absolute;width : 100%;height : 100%;left : 0;bottom : 0; transition : 1.2s;}
.unit-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: bottom center; transform: scale(1.5); transition : 3s;}
.active .unit-bg > img{transform: scale(1);}

.unit-inner{width : calc(100% - 128px); margin : 0 auto; position : relative; height : 100%;}

.unit-tit-box{display: flex; gap : 30px; height : 442px; position : absolute; left : 50%; top : 50%; transform: translateX(-50%) translateY(-50%);}
.unit-tit{writing-mode: vertical-lr; font-family: MB; letter-spacing: 0.2em; font-size: 23px; color : #0F0F0F; font-weight: 600;}
.unit-tit .line{width : auto !important;}
.unit-tit .char{opacity: 0;}

.unit-tit .amp{display: inline-block; transform: rotate(-90deg) translateY(15%) translateX(5%);}

.unit-tit-line{width : 1px; height : 100%;background: #B2B2B2; clip-path: inset(0 0 100%); transition :1s}
.active .unit-tit-line{clip-path: inset(0); transition : 1.5s .4s;}

.unit-tit-desc{font-family: PT; letter-spacing: -0.033em; color : #1A1A1A; line-height: 1.5em; margin-top: auto; position : relative;}

.unit-tit-desc p{transform: translateX(100px);opacity: 0; transition :1s;}
.active .unit-tit-desc p:nth-child(1){opacity: 1; transform: translateX(0); transition : 1s .4s;}
.active .unit-tit-desc p:nth-child(2){opacity: 1; transform: translateX(0); transition : 1s .5s;}
.active .unit-tit-desc p:nth-child(3){opacity: 1; transform: translateX(0); transition : 1s .6s;}
.active .unit-tit-desc p:nth-child(4){opacity: 1; transform: translateX(0); transition : 1s .7s;}

.unit-tit-desc p b{font-size: 27px; font-family: brown; color : #000; font-weight: 400; margin-bottom: 15px;}

.vr-btn{display: flex;align-items: center;justify-content: center;flex-direction: column; position :absolute; width : 84px; height : 84px; background: #fff; font-family: brown; color : #000612; border-radius: 50%; bottom : 100%; left : 100%; transform: translateX(-60%) translateY(-10%) scale(0.5); opacity: 0; text-align: center; line-height: 1em; transition : 1s;}
.active .vr-btn{transform:  translateX(-60%) translateY(-10%) scale(1); opacity: 1; transition-delay: 1s;}

.unit-btn{position :absolute; transition : 1.2s; opacity: 0;}
.unit-img{overflow: hidden;}
.unit-img > img{transition : 2s;}
.unit-img:hover > img{transform: scale(1.2);}
.unit-btn:hover .unit-img > img{transform: scale(1.2);}

.unit-btn-01{display: flex; align-items: end; gap : 33px; left : 0; bottom : 0; transform: translateY(100%);}
.unit-btn-02{top : 192px; right : 0; transform: translateY(-100%);}

.unit-btn-con{transform: translateX(100px); opacity: 0; transition : 1.2s;}
.unit-btn-01 .unit-btn-con{margin-bottom: 46px;}
.unit-btn-02 .unit-btn-con{margin-bottom: 20px;}
.active .unit-btn-con{transform: translateX(0); opacity: 1; transition-delay: 1s;}

.active .unit-btn{transform: translateY(0); opacity: 1; transition-delay: 1s;}
.unit-btn-con > h3{font-family: brown; font-size: 22px; font-weight: 400; margin-bottom: 6px;}
.unit-btn-con > p{font-family: PT; letter-spacing: -0.04em; font-size: 15px;}

.unit-img-03{position : absolute; bottom : 0; right : 0; transform: translateX(100%); opacity: 0; transition :1.2s; width : 443px; height : 229px;}
.unit-img-03 > video{width : 100%;height : 100%; object-fit: cover; object-position: center;}
.active .unit-img-03{transform: translateX(0); opacity: 1; transition-delay: 1s;}

/**/

.press-inner{display: flex;flex-direction: column; width : 100%;height : 100%;}

.press-tit-box{display: flex;align-items: center; height : 45%; position : relative; padding : 100px 180px 0; flex-shrink: 0; height : 100%; transition : 0s 1.2s}
.active .press-tit-box{height : 45%; transition : 1.2s 1.2s;}
.press-bg{position : absolute; left : 0;top : 0; width : 100%;height : 100%; overflow: hidden;}
.press-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); transition : 3s;}
.active .press-bg > img{transform: scale(1);}

.press-tit{position : relative;color : #9D918C; font-family: brown; font-size: 44px; font-weight: 400; letter-spacing: 0em; transform: translateX(-100px); opacity: 0; transition : 0s 1s}
.active .press-tit{transform: translateX(0); opacity: 1; transition : 1.2s .4s}
.press-tit > span{font-family: MB; font-size: 23px; letter-spacing: -0.03em;}

.press-slide-box{display: flex; background: #F3F0EB;height : 55%; flex-shrink: 0;}
.press-control{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 87px; flex-shrink: 0; padding-bottom: 100px;}

.press-pagination{margin-bottom: 24px;}

.press-pagination > li{font-family: brown; font-size: 16px; font-weight: 700; color : #9D918C; transition : .5s; position :relative; padding: 7px 0; cursor : pointer;}
.press-pagination > li.on{color : #4A352E}
.press-pagination > li + li{margin-top: 7;}
.press-pagination > li::after{position :absolute; content : ''; width : 100%; bottom : 0; height : 1px; background: #171717; left : 0; clip-path: inset(0 100% 0 0); transition : .3s;}
.press-pagination > li.on::after{clip-path: inset(0);}

.press-next{display: flex;justify-content: center; width : 26px; height : 26px; border-radius: 50%; background: #4A352E; cursor: pointer; padding-top: 7px;}
.press-next::after{position : absolute; content : ''; width : 7px;height : 7px; border-bottom : 1px solid #fff; border-right : 1px solid #fff; transform: rotate(45deg);}

.press-slide{width : 100%; overflow: hidden;}

.press-slide .swiper-slide{display: flex;align-items: center;justify-content: center; transition : 1s !important; border-right : 1px solid #9D918C}
.press-slide .swiper-slide-active,
.press-slide .swiper-slide:hover{background: #fff;}

.press-slide .swiper-slide > a{display: flex;flex-direction: column;padding : 0 90px; font-family: PT;}

.press-con-name{font-size: 18px; font-weight: 600; color : #4A352E; margin-bottom: 40px;}
.press-con-tit{font-size: 18px; letter-spacing: -0.03em; color : #1F1F1F; font-weight: 500; margin-bottom: 26px;}
.press-con-desc{font-size: 15px; letter-spacing: -0.03em; color : #1F1F1F; margin-bottom: 26px; font-weight: 400;}

.press-con-day{font-family: brown; font-size: 15px; letter-spacing: -0.03em; font-weight: 400; margin-left: auto;}

.press-link{display: flex;flex-direction: column;align-items: center;justify-content: end; width : 87px; flex-shrink: 0; font-family: brown; gap : 17px; padding-bottom: 36px;}
.press-link > p{writing-mode: vertical-lr; line-height: 1em;}

.press-link > span{width : 1px; height : 55px; background: #4A352E;}

@media(max-width : 1200px){
    .scroll{display: none;}

    /************************************************
    ********************* VISUAL ********************
    ************************************************/

    .visual-slide{width : 100%;height : 100%;}

    .visual-slide .swiper-slide{overflow: hidden;}

    .visual-tit{font-size: 18px;}
    .visual-inner{padding-top: 200px;gap : 30px;}

    .visual-rotate-btn{width : 90px;height : 90px; font-size: 14px; bottom : 20px; right : 20px;}

    /************************************************
    ********************* PREMIUM ********************
    ************************************************/

    .main-section-premium{height : auto;}
    .premium-slide{width : 100%;height : 100%;}

    .premium-inner{flex-direction: column; position : static}
    .t2 .premium-inner,
    .t3 .premium-inner,
    .t4 .premium-inner,
    .t5 .premium-inner{transform: translateX(0%);}

    .premium-inner > div{width : 100%;height :auto; position : relative;}


    .active .premium-bg > img{transform: scale(1); transition : transform 3s;}

    .premium-01-inner{gap : 24px;height : 240px;}

    .active .premium-line{clip-path: inset(0); transition : clip-path 1.2s 1.4s;}

    .premium-tit-desc{font-size: 14px; margin-bottom: 16px;}

    .premium-logo{width : 70px;}
    .active .premium-logo{opacity: 1; transform: translateY(0); transition : 1.2s 1.4s;}

    .premium-02{display: flex;flex : 1;overflow: hidden;}
    .premium-02 > div{width : 100%;height : 100%; flex-shrink: 0; overflow: hidden;}

    .premium-left{display: flex;flex-direction: column; justify-content: center;padding-top: 0px; overflow: hidden;}
    .premium-left > div{position : static;width : 100%;height : 100%;z-index: 1;}

    .premium-right{display: none;}

    .premium-top{display: block; padding-left: 0px;position : relative;width :100%; height : 100%;}
    .premium-top::after{display: none;}
    .premium-top::before{display: none;}


    .premium-img-box{display: flex;flex-direction: column;gap : 30px; position :relative; margin-right: 0px; overflow: hidden; flex-shrink: 0; width : 100%;height : 100%; padding : 60px 0;}
    .premium-img-box > img{position : static;width : 140px;height : 200px; object-fit: cover; object-position: center; transition : 1s cubic-bezier(0.65, 0, 0.35, 1) !important; transform: translateX(-100%); transform: translateX(0);left : auto;top : auto; clip-path: inset(0 0 100%);}

    .premium-img-box > img:first-child{width : 140px;height : 200px;}

    .premium-img-box > img:nth-child(1){transform: translateX(0);left : 0; top : 0;}
    .premium-img-box > img:nth-child(2){transform: translateX(0); margin-left: auto;}
    .premium-img-box > img:nth-child(3){transform: translateX(0);}
    .premium-img-box > img:nth-child(4){transform: translateX(0); margin-left: auto;}
    .premium-img-box > img:nth-child(5){transform: translateX(0);}
    .premium-img-box > img:nth-child(6){transform: translateX(0); margin-left: auto;}
    .premium-img-box > img:nth-child(7){transform: translateX(0);}

    .premium-img-box > img{transform: translateY(-50px) !important;}
    .premium-img-box > img.aos-animate{clip-path: inset(0); transform: translateY(0) !important;}

    .premium-con-tit{position : absolute;width : 100%;height : 100%; left : 0;top : 0;}

    .premium-con-tit > h3{position : absolute; transform: translateY(0%);width : 100%;left : auto;top : auto;transition : 1s cubic-bezier(0.65, 0, 0.35, 1); padding-bottom: 20px; font-size: 18px; opacity: 0; transform: translateX(50px);}
    .premium-con-tit > h3:first-child{position : absolute;}

    .premium-con-tit > h3:nth-child(1){top : 70px; left : 155px;}
    .premium-con-tit > h3:nth-child(2){top : 300px; right : 155px; text-align: right; transform: translateX(-50px);}
    .premium-con-tit > h3:nth-child(3){top : 530px; left : 155px;}
    .premium-con-tit > h3:nth-child(4){top : 760px; right : 155px; text-align: right; transform: translateX(-50px);}
    .premium-con-tit > h3:nth-child(5){top : 990px; left : 155px;}
    .premium-con-tit > h3:nth-child(6){top : 1220px; right : 155px; text-align: right; transform: translateX(-50px);}
    .premium-con-tit > h3:nth-child(7){top : 1450px; left : 155px;}

    .premium-con-tit > h3.aos-animate{opacity: 1; transform: translateX(0);}

    .premium-bottom{padding : 0;}

    .premium-con-desc-box{overflow: hidden; position :absolute; width : 100%; height : 100%; left : 0;top : 0;}

    .premium-con-desc{position : absolute; transform: translateY(0%);padding-bottom: 30px; width : 100%;left : auto;top : auto; transform: translateY(50px); opacity: 0; transition : 1s;}
    .aos-animate.premium-con-desc{opacity: 1; transform: translateY(0);}
    .premium-con-desc-box > div:first-child{position : absolute;}

    .premium-con-desc > h4{font-size: 16px; margin-bottom: 12px; line-height: 1.2em; padding-left: 0;}
    .premium-con-desc > h4 b{padding-left: 0px;}

    .premium-con-desc > p{padding-left: 0px; font-size: 12px; line-height: 1.4em; letter-spacing: -0.06em;}

    .premium-con-desc-box > div:nth-child(1){left : 155px;top : 160px;}
    .premium-con-desc-box > div:nth-child(2){right : 155px; top : 390px; text-align: right;}
    .premium-con-desc-box > div:nth-child(3){left : 155px; top : 620px}
    .premium-con-desc-box > div:nth-child(4){right : 155px; top : 850px; text-align: right;}
    .premium-con-desc-box > div:nth-child(5){left : 155px;top : 1080px;}
    .premium-con-desc-box > div:nth-child(6){right : 155px; top : 1310px; text-align: right;}
    .premium-con-desc-box > div:nth-child(7){left : 155px; top :1540px}

    /************************************************
    ********************* ENVI ********************
    ************************************************/

    .main-section-envi{position :static}
    .envi-container{flex-direction: column; width : 100%;height : 100%; position :static; transition : transform 1.2s;z-index: 1; transform: none}

    .envi-container > div{width : 100%;height : 100%; flex-shrink: 0; position : relative;}

    .active .envi-bg > img,
    .active .envi-bg > video{transform: scale(1); transition : transform 3s;}

    .envi-01{z-index: 1;}
    .envi-01 .envi-inner{display: flex;flex-direction: column;justify-content: center; width : 100%; max-width: 1600px;height : 100%;  transition : transform 1.2s, padding-bottom 1.2s; position :relative; margin : 0 auto;}
    .t2 .envi-01 .envi-inner,
    .t3 .envi-01 .envi-inner{transform: translateX(100vw);padding-bottom: 150px;}

    .envi-tit-box{display: flex;flex-direction: column; align-items: center;justify-content: center; gap : 15px; transform: translateX(-50%); left : 50%; position :relative; transition : left 1.2s, transform 1.2s; height : 240px}
    .envi-tit-box.moView{height :auto; padding : 80px 60px 10px;}

    .envi-tit{font-family: brown; font-weight: 400;position : relative; font-size: 30px;}
    .envi-tit > span{left : -40px;}

	.envi-02 .envi-tit{color : #000}
	.envi-02 .envi-tit > span{color : #000}

    .envi-line{width : 1px; height : 0px; background: #939393; transition : width 1.2s, height 1.2s;}
    .active .t1 .envi-line{width : 1px;}
    .active .envi-line{height : 40px; transition-delay: 1.2s;}

    .envi-tit-box.moView .envi-line{display: none;}

    .envi-logo{width : 60px; transition : opacity 1s; opacity: 0;}
    .active .t1 .envi-logo{opacity: 1; transition-delay: .5s;}
    .t2 .envi-logo{opacity: 0;}
    .envi-tit-box.moView .envi-logo{display: none;}

    .envi-map{position : relative; width : 100%;height : 100%;z-index: -1; overflow: hidden; padding : 30px 0;}
    .envi-map > img{width : 100%;height : 100%;object-fit: cover; object-position: right bottom; opacity: 0; transform:translateX(50%) scale(1.25); transition : transform 0s 1.2s, opacity 0s 1.2s;}
    .active .envi-map > img{opacity: 1; transform:translateX(0) scale(1); transition : transform 1.7s, opacity 1.2s;}

    .envi-desc{font-size: 16px; margin-bottom: 16px; padding-top: 0px; padding-left: 60px; transform: translateY(-50px); opacity: 0; transition : transform 1s, opacity 1s;}
    .envi-desc b{font-weight: 700;}
    .active .envi-desc{transform: translateY(0); opacity: 1; transition-delay: 0.5s;}

    .envi-btn{display: flex; margin-left: 60px;gap : 3px; transform: translateY(-50px); opacity: 0; transition : transform 1s, opacity 1s;}
    .envi-btn.moView{display: flex !important;}
    .active .envi-btn{transform: translateY(0); opacity: 1; transition-delay: 1.2s;}

    .envi-btn > p{display: flex;align-items: center;justify-content: center; border : 1px solid #49342C; color : #49342C; font-size: 13px; padding : 0 24px; height : 34px;}
    .envi-btn > span{width : 34px;height : 34px;}
    .envi-btn:hover > span{transform: rotate(0deg);}
    .envi-btn > span::after{width : 12px; height : 1px;}
    .envi-btn > span::before{width : 1px; height : 12px;}

    .envi-03{position : static !important;}
    .envi-list{width : 100%;height : auto;}
    .envi-list > li{display: flex;justify-content: center; width : 100%;height : 180px; border-top : 2px solid #fff; border-bottom : 5px solid #fff; background: #EAE8DF; transition : transform 1.2s}
    .envi-list > li:first-child,
    .envi-list > li:last-child{display: none;}
    
    .envi-list-inner{padding : 0 30px;}

    .envi-list-tit{font-size: 16px; font-weight: 300; line-height: 1.5em; color : #AA998E; transition : color 1s; white-space: nowrap;;}
    .envi-list-tit b{font-weight: 400;}

    .on .envi-list-tit{color : #49342C}

    .envi-list-desc{display: flex; flex-direction: column;gap : 12px;  font-size: 13px;}
    .on .envi-list-desc{transform: translateX(0); opacity: 1;}

    .envi-list-desc b{font-size: 16px; line-height: 1em;}

    .envi-list-img{position : fixed;top : auto; bottom : 20px; left: 20px; transform: translateX(0%) translateY(100px);height : 140px;width : 200px; border : 1px solid #000; padding : 5px; opacity: 0; transition : 0.5s;z-index: 100; pointer-events: none;}
    .show .envi-list-img{opacity: 1; transform: translateY(0);}
    .envi-list-img-inner{height : 100%; overflow: hidden;position : relative;}
    .envi-list-img-inner > img{height : 100%; max-height: 100%; position : absolute; width : 100%;height : 100%; left : 0; top : 0; object-fit: cover; object-position: center;clip-path: inset(100% 0 0); transition : clip-path 0.7s;}
    .envi-list-img-inner > img:first-child{position : static;clip-path: inset(0);}
    .envi-list-img-inner > img.on{clip-path: inset(0);}


    /************************************************
    ********************* OVERVIEW ********************
    ************************************************/

    .overview-bg{position :relative; width : 100%;height : 100%; position : absolute; z-index: -1;left : 0;top : 0; opacity: 0.5;}
    .overview-bg > img,
	.overview-bg > video{position : static;left : 0;top : 0; height : 100%; width : 100%; transition : 3s; transform: scale(1.5);}
    .active .overview-bg > img,
	.active .overview-bg > video{transform: scale(1);}

    .overview-inner{display: flex;flex-direction: column; justify-content: start; width : 100%; max-width: 1740px; margin : 0 auto; padding-left:0px; padding : 50px 0 80px;}

    .overview-tit-box{display: flex;flex-direction: column; align-items: center; gap : 12px;position : relative; padding : 60px 0; margin-bottom: 0;}
    .overview-tit{font-family: brown; font-weight: 400;position : relative; font-size: 30px;}
    .overview-tit > span{font-family: AV; position : absolute; white-space: nowrap;left : -60px;bottom : 80%; transform: rotate(-10deg) translateX(-100px); opacity: 0;transition : 0s 1.2s;}
    .active .overview-tit > span{transform: rotate(-10deg) translateX(0px); opacity: 1; transition : 1s .4s}

    .overview-tit .char{opacity: 0;}

    .overview-tit-line{width : 1px;height : 30px; background: #000; clip-path: inset(50% 0); transition : 0s 1.2s;}
    .active .overview-tit-line{clip-path: inset(0); transition : 0.7s}

    .overview-sub-tit{position : static; transform: translateY(0%); padding-bottom: 0px;font-size: 18px;transform: translateY(-50px); opacity: 0; transition : 1.2s;}
    .active .overview-sub-tit{transform: translateY(0%); opacity: 1; transition : 1s 1.2s;}
    .overview-sub-tit b{font-weight: 700;}

    .overview-list {gap : 30px; padding : 0 20px;}
    .overview-list > li{gap : 16px; font-family: PT; letter-spacing: -0.04em;}
    .overview-name{font-size: 16px; font-weight: 700; transform: translateY(-50px);opacity: 0; transition : 1s;}
    .overview-line{width : 100%; height : 1px; background: rgba(0,0,0,0.3); clip-path: inset(0 100% 0 0); transition : 1s;}
    .active .overview-line{clip-path: inset(0); transition : 1s 0.8s;}
    .overview-con{font-size: 14px; font-weight: 500; color : #696969; transform: translateY(50px);opacity: 0; transition : 1s;}

    .active .overview-name,
    .active .overview-con{transform: translateY(0); opacity: 1; transition : 1s .4s;}
    /************************************************
    ********************* LOCATION ********************
    ************************************************/

    .location-bg{position : absolute; width : 100%;height : 100%;z-index: -1; overflow: hidden; left : 0;top : 0;}
    .location-bg > img{width : 100%;height : 100%;object-fit: cover; object-position: center; transform: scale(1.25); transition : transform 1.2s;}
    .fp-active .location-bg > img{transform: scale(1); transition : transform 3s;}

    .location-container{display: flex;align-items: center; display: flex;flex-direction: column; margin : 0 auto; padding : 80px 20px;}

    .location-tit{font-size: 30px; margin-bottom: 16px;}
    .location-sub-tit{font-size: 16px; margin-bottom: 30px; padding : 10px 0; position : relative; width : 100%; text-align: center;}
    .location-sub-tit span{opacity: 0; transition : 0s 1.2s;}

    .location-map{margin-bottom: 16px; opacity: 0; transition : 1s;}

    .location-address{gap : 16px; font-size: 14px; margin-bottom: 16px;transition : 1s;;}
    .location-address b{font-size: 16px; color : #49342C; font-weight: 500;}

    .location-btn-box{gap : 16px; transition : 1s;}
    .location-btn-box > a{gap : 10px; font-size: 13px;}
    .location-btn-box > a:hover{transform: translateY(0px);}

    .overview-slide{height : auto !important;}
    .overview-slide .swiper-slide{height : auto !important;}
    .overview-slide-01 > div{height : auto; width : 100%;}
    .overview-slide-01 {display: block;padding : 50px 0;}
    .overview-left{width: 100%; position : static}
	.active .overview-left{width : 100%; height : auto;}
    .overview-right{padding : 0 20px; width : 100%; padding-top: 30px;}
    .overview-bg {position: relative;;width: 100%;height: 100%;opacity: 1;}
	.overview-info{right : 10px; bottom : 10px; font-size : 11px;}
    .overview-slide .swiper-wrapper{display:block;transform:none !important;}
    .overview-slide .swiper-slide{width:100% !important;}

    .overview-slide-02{flex-direction: column; padding : 80px 16px;}
    .schedule-inner{flex-direction: column; width : 100%; align-items: center;}

    .schedule-left{width : 100%;}
    .schedule-tit-box{display: flex;flex-direction: column;align-items: center; white-space : nowrap; margin-bottom: 36px; color : #fff; gap : 14px; width : 100%;}
    .schedule-tit{font-size: 30px;}

    .schedule-sub-tit{font-size: 16px;}
    .aos-animate .schedule-sub-tit{opacity: 1; transition : 1s 1.2s;}

    .schedule-bg{position : absolute; width : 100%;height : 100%; left : 0;top : 0; z-index : -1; overflow: hidden;}
    .schedule-bg > img{width : 100%;height : 100%; object-fit : cover; object-position : center; transform: scale(1.25); transition : 0s 1s;}
    .active .aos-animate .schedule-bg > img{transform: scale(1); transition : 2s;}
    .schedule-table-box{width : 100%;}
    .schedule-table{display : grid; grid-template-columns : repeat(1, 1fr); gap : 6px;}
    .schedule-table li{grid-column : span 1; height : 64px;padding : 12px 16px;}
    .schedule-table li:hover > *{color : #fff;}
    .schedule-table li.wide{grid-column : span 1;}
    .schedule-day{font-size : 18px;}
    .aos-animate .schedule-day{opacity : 1; transition : opacity 1s 1s, color .2s;}
    .schedule-name{font-size : 14px;}
    .aos-animate .schedule-name{opacity : 1; transition : opacity 1s 1s, color .2s;}

    .aos-animate .schedule-table li.hover_ani > span.line:nth-child(1), .aos-animate .schedule-table li.hover_ani > span.line:nth-child(3){width:100%;height:1px; transition : 1s .4s !important;}
    .aos-animate .schedule-table li.hover_ani > span.line:nth-child(2), .aos-animate .schedule-table li.hover_ani > span.line:nth-child(4){width:1px;height:100%; transition : 1s .4s !important;}

    .schedule-table li::after{position : absolute; content : ''; width : 100%;height : 100%; background: #fff; left : 0;top : 0; z-index : -1; transition : background .2s, opacity 1s; opacity : 0;}

    .active .swiper-slide-active .schedule-table li:hover::after{opacity: 1; transition : .3s}

    .schedule-btn-box{display: flex; gap : 6px; opacity: 0; transform: translateX(100px); transition : 0s 1s; margin-left: auto; margin-bottom: 5px; width : 100%;}
    .aos-animate .schedule-btn-box{transform: translateX(0); opacity: 1; transition : 1s .4s;}
    .schedule-btn-box > a{justify-content: center; padding-bottom: 12px;font-size: 13px; width : auto; padding : 10px; width : 33.3333%; border : 1px solid rgba(255,255,255,0.5); background: rgba(255,255,255,0.2);}
    .schedule-btn-box > a::after{display: none;}
    .schedule-btn-box > a:hover{color : #fff;}

    .schedule-arrow{display: none;}


    /*************************************
    **************** NEW *****************
    *************************************/

    .skip-btn{display : none;}
    .m_skip-btn{padding : 7px 20px 10px; display: flex;align-items: center;justify-content: center; position : absolute; right : 20px; bottom : 20px; z-index: 1200;font-family: brown; letter-spacing: 0.15em; background: #49342C;color : #fff; border-radius: 100px; font-size: 14px;transition : transform .5s;z-index: 1000;}
    .end .m_skip-btn{transform: scale(0);}

    /* visual new */
    .visual-new-bg{clip-path: inset(120px 50% calc(100% - 120px) calc(50% - 1px));}

    .t1 .visual-new-bg{clip-path: inset(120px 50% 0% calc(50% - 1px));}
    .t2 .visual-new-bg{clip-path: inset(120px calc(50% - 16px) 0%)}
    .t3 .visual-new-bg{clip-path: inset(0%)}

    .visual-new-inner{padding-top: 120px;}

    .visual-tit-box-new1{top : 120px; font-size: 18px;}
    .t3 .visual-tit-box-new1{transform: translateY(-200%); opacity: 0;}

    .visual-tit-box-new1 > p{writing-mode: vertical-lr; transform: translateX(calc(-100% - 16px)); letter-spacing: 0.2em; color : #0F0F0F; font-weight: 400; transition : 1.2s;}

    .t2 .visual-tit-box-new1 > p:nth-child(1){transform: translateX(-150%);}
    .t2 .visual-tit-box-new1 > p:nth-child(2){transform: translateY(100%) translateX(150%);}

    .t3 .visual-tit-box-new1 > p{transform: translateX(0%) translateY(0) !important;}

    .visual-tit-box-new2{flex-direction: column; font-size: 17px; width : 100%; color : #fff; text-align : center;}

    .visual-new-logo{position : static; transform: translateY(100px); transition : 2s 4s; margin-top: 16px;width : 80px; filter: invert(1);}
    .t3 .visual-new-logo{transform: translateY(0);}


    /* com */

    .sec-tit{font-size: 24px;}
    .sec-desc{font-size: 14px;}
    .sec-con-tit{font-family: brown, PT; font-size: 22px; letter-spacing: -0.033em; font-weight: 500; color : #2B2B2B; margin-bottom: 16px; transition : 1s;}
    .sec-con-desc{font-size: 14px; letter-spacing: -0.033em; font-family: PT; color : #2B2B2B; font-weight: 300; line-height: 1.5em;}
    .sec-con-desc2{font-size: 14px; letter-spacing: -0.033em; font-family: PT; color : #2B2B2B; font-weight: 300; line-height: 1.5em; padding-left: 24px; position : relative;}
    .sec-con-desc2::after{position : absolute; content : ''; width : 1px; height : 100%; left : 0;top : 0; background: #B2B2B2; clip-path: inset(0 0 100%); transition : 1s}
    .active .swiper-slide-active .sec-con-desc2::after,
    .aos-animate .sec-con-desc2::after{clip-path: inset(0); transition-delay: 0.4s;}

    .sec-img{overflow: hidden;}
    .sec-img > img,
    .sec-img > video{transition : 2s; transform: scale(1.5);width : 100%;height : 100%; object-fit: cover; object-position: center;}
    .active .swiper-slide-active .sec-img > img,
    .active .swiper-slide-active .sec-img > video{transform: scale(1);}


    .com-slide{width : 100%;height : 100%;}
    .com-slide .swiper-wrapper{display: block;}

    .com-slide-01{display: block; padding-top: 60px;}

    .com-slide-01 .com-left{width : 100%;}
    .com-slide-01 .com-left .sec-img{width : 100%; height : auto;}

    .com-slide-01 .com-right{display: flex;justify-content: center; align-items: center; flex : 1; height : 100%; padding : 60px 20px;}
    
    .com-tit-box{display: block; height : auto; position : relative; transform: translateX(0); padding : 0; width : 100%;}
    .com-tit{writing-mode:horizontal-tb; font-size: 18px; letter-spacing: 0em; margin-bottom: 24px;}
    .com-tit .line{width : auto !important;}

    .com-tit-line{display: block; width : 100%; height : 1px; clip-path: inset(0 100% 0 0); transition :1s; margin-bottom: 24px;}
    .active .com-tit-line{clip-path: inset(0); transition : 1.5s .4s;}

    .com-tit-desc{font-size: 14px;}
    .active .com-tit-desc .line:nth-child(1){opacity: 1; transform: translateX(0); transition : 1s .4s;}
    .active .com-tit-desc .line:nth-child(2){opacity: 1; transform: translateX(0); transition : 1s .5s;}
    .active .com-tit-desc .line:nth-child(3){opacity: 1; transform: translateX(0); transition : 1s .6s;}
    .active .com-tit-desc .line:nth-child(4){opacity: 1; transform: translateX(0); transition : 1s .7s;}

    .com-tit-desc p b{font-size: 24px; margin-bottom: 12px;}

    .com-slide-02{display: block;}

    .com-slide-02 .sec-tit{opacity: 0; transform: translateX(-100px); margin-bottom: 12px;}
    .aos-animate.com-slide-02 .sec-tit{opacity: 1; transform: translateX(0); transition : 1s .4s;}

    .com-slide-02 .sec-desc{opacity: 0; transform: translateX(100px);}
    .aos-animate.com-slide-02 .sec-desc{opacity: 1; transform: translateX(0); transition : 1s .4s;}

    .com-slide-02 .com-img-box .sec-con-tit{opacity: 0;}
    .aos-animate.com-slide-02 .com-img-box .sec-con-tit{opacity: 1; transition : 1s .4s;}

    .com-slide-02 .com-left{display: flex;flex-direction: column;align-items: end; justify-content: end; gap : 18px;}

    .com-slide-02 .com-line{width : 1px; height : 100%; background: #EBEBEB;}

    .com-slide-02 .com-sub-tit-box{flex-direction: column;justify-content: start; align-items: start;width : 100%; padding : 30px 20px;}

    .com-slide-02 .com-right{display: flex;flex-direction: column; justify-content: space-between; padding : 30px 0 60px;}

    .com-slide-02 .com-right .com-img-box{order : 2; align-items: end;}
    .com-slide-02 .com-right .com-img-box .sec-con-tit{padding-right: 20px;}
    .com-slide-02 .com-right .com-desc-box{opacity: 0; transform: translateX(100px); transition : 1s; order : 1; padding : 0 20px 30px;}
    .aos-animate.com-slide-02 .com-right .com-desc-box{opacity: 1; transform: translateX(0px);transition : 1s .4s;}

	.com-slide-02 .com-img-box .sec-con-tit{margin-bottom: 0; padding-right: 20px;}
	.com-slide-02 .com-img-box .sec-con-desc{text-align : right; padding-right: 20px;}
	.aos-animate.com-slide-02 .com-img-box .sec-con-tit, .aos-animate.com-slide-02 .com-img-box .sec-con-desc{transform : translateY(0); opacity : 1;}

    .com-img-box{display: flex; flex-direction: column;gap : 12px}

    .com-slide-03{display: block; padding-bottom: 80px;}
    .com-slide-03 .com-left{display: flex;flex-direction: column;align-items: start; justify-content: end; gap : 18px;}
    .com-slide-03 .com-sub-tit-box{display: flex;flex-direction: column;gap : 16px; padding : 0 20px;}
    .aos-animate.com-slide-03 .com-sub-tit-box{transform: translateX(0); opacity: 1; transition : 1s .4s;}

    .com-slide-03 .com-left .com-img-tit-box{display: flex;flex-direction: column;padding : 0 20px; align-items: start; order : 2;}

    .com-slide-03 .com-line{width : 1px; height : 100%; background: #EBEBEB;}

    .com-slide-03 .com-right{padding-top: 60px;}
    .com-slide-03 .com-right .com-img-tit-box{display: flex;flex-direction: column;padding : 0 20px; align-items: start; order : 2;}

    .com-slide-03 .sec-con-tit{opacity: 0; transitioN : 1s}
    .aos-animate.com-slide-03 .sec-con-tit{opacity: 1; transition : 1s .4s}

    .com-slide-03 .sec-con-desc2 .line{opacity: 0; transform: translateX(-100px); transition : 1s}
    .aos-animate.com-slide-03 .sec-con-desc2 .line:nth-child(1){opacity: 1; transform: translateX(0px); transitioN : 1s .4s}
    .aos-animate.com-slide-03 .sec-con-desc2 .line:nth-child(2){opacity: 1; transform: translateX(0px); transitioN : 1s .5s}
    .aos-animate.com-slide-03 .sec-con-desc2 .line:nth-child(3){opacity: 1; transform: translateX(0px); transitioN : 1s .6s}
    .aos-animate.com-slide-03 .sec-con-desc2 .line:nth-child(4){opacity: 1; transform: translateX(0px); transitioN : 1s .7s}
    .aos-animate.com-slide-03 .sec-con-desc2 .line:nth-child(5){opacity: 1; transform: translateX(0px); transitioN : 1s .8s}

    /**/

    .comm-slide .swiper-wrapper{display: block;}

    .comm-bg{width : 100%; height : calc(100% - 205px);position : relative;}
    .active .comm-bg{clip-path: inset(0); transition : 2s .4s;}
    .comm-bg > img{width : 100%;height : 100%; transform: scale(1.25); transition : 3s;}
    .active .swiper-slide-active .comm-bg > img{transform: scale(1);}

    .comm-slide-01 .comm-inner{display: flex;justify-content: end; height : auto; padding : 30px 20px;}

    .comm-tit-box{display: block; height : auto; position : relative; transform: translateX(0); padding : 0; width : 100%; color :#000}
    .comm-tit{writing-mode:horizontal-tb; font-size: 18px; letter-spacing: 0em; margin-bottom: 24px;}
    .comm-tit .line{width : auto !important;}

    .comm-tit-line{display: block; width : 100%; height : 1px; clip-path: inset(0 100% 0 0); transition :1s; margin-bottom: 24px;}
    .active .comm-tit-line{clip-path: inset(0); transition : 1.5s .4s;}

    .comm-tit-desc{font-size: 14px;}
    .active .comm-tit-desc .line:nth-child(1){opacity: 1; transform: translateX(0); transition : 1s .4s;}
    .active .comm-tit-desc .line:nth-child(2){opacity: 1; transform: translateX(0); transition : 1s .5s;}
    .active .comm-tit-desc .line:nth-child(3){opacity: 1; transform: translateX(0); transition : 1s .6s;}
    .active .comm-tit-desc .line:nth-child(4){opacity: 1; transform: translateX(0); transition : 1s .7s;}

    .comm-slide-02 .comm-inner{display: flex;flex-direction: column; justify-content: center; width : 100%; max-width: 1710px; margin : 0 auto; height : auto; padding : 60px 20px;}
    .comm-sub-tit-box{display: flex;flex-direction: column;padding : 0; align-items: start; margin-bottom: 30px; transition : 1s; transform: translateX(-100px); opacity: 0;}
    .aos-animate .comm-sub-tit-box{transform: translateX(0); opacity: 1; transition-delay: .4s;}

    .comm-slide-02 .sec-tit{line-height: 1.2em; margin-bottom: 16px;}

    .comm-list{flex-direction: column;}

    .comm-list > li{position :relative; transition :1s; transform: translateY(100px); opacity: 0; bottom : 0 !important;}
    .comm-list > li + li{margin-top: 24px;}

    .comm-list > li.aos-animate{transform: translateY(0); opacity: 1; transition-delay: calc(var(--i) * 0.1s + 0.4s);}
    .comm-list .comm-img{margin-bottom: 24px;}
	.comm-list .comm-img .img-cut{bottom : 10px; right : 10px; font-size : 10px;}
    .comm-list-con{padding-left: 24px;}

    .comm-list-con::after{position : absolute; content : ''; width : 1px; height : 100%; left : 0;top : 0; background: #B2B2B2; clip-path: inset(0 0 100%); transition : 1s}
    li.aos-animate .comm-list-con::after{clip-path: inset(0); transition-delay: 1s;}

    .comm-list-con h4{font-size: 18px; margin-bottom: 10px;}
    li.aos-animate .comm-list-con h4{opacity: 1; transition-delay: .6s;}

    .comm-list-con p{font-size: 14px;}

    .comm-list-con p .line{transform: translateX(-100px); opacity: 0; transition : 1s;}
    li.aos-animate .comm-list-con p .line:nth-child(1){transform: translateX(0); opacity: 1; transition-delay: .8s;}
    li.aos-animate .comm-list-con p .line:nth-child(2){transform: translateX(0); opacity: 1; transition-delay: .9s;}
    li.aos-animate .comm-list-con p .line:nth-child(3){transform: translateX(0); opacity: 1; transition-delay: 1s;}
    li.aos-animate .comm-list-con p .line:nth-child(4){transform: translateX(0); opacity: 1; transition-delay: 1.1s;}

    /**/
    .design-slide{width : 100%;height : auto;}
    .design-container{position : relative; left : 0;top : 0; z-index: 1;width : 100%;height : auto;}
    .design-bg{position : absolute;width : 100%;height : auto;left : 0;bottom : auto; top : 0; transition : 1.2s; overflow: hidden;}
    .t2 .design-bg{width : 100%; height : auto;}

    .design-inner{display: flex; flex-direction: column; justify-content: end;align-items: start; width : 100%; max-width: 1640px;height : 100%; margin : 0 auto; position : relative; padding-bottom: 42px;}

    .design-tit-box{display: flex;flex-direction: column;justify-content: end; position : relative;top : 0; padding : 0 20px; height : 63.2vw;width : 100%;padding-bottom: 30px;}
    .active .design-tit-box{color : #fff; left : 0%; transform: translateX(0%); top: 0; transition-delay: 0s;}

    .design-tit-box .sec-tit{transform: translateX(-100px); opacity: 0; transition : 1.2s;}
    .design-tit-box .sec-tit-desc{position : static;}

    .active .design-tit-box .sec-tit,
    .active .design-tit-box .sec-tit-desc{transform: translateX(0); opacity: 1; transition-delay: .8s;}

    .t2 .design-tit-box .sec-tit{transition-delay: 0s;}
    .t2 .design-tit-box .sec-tit-desc{left: 0; transform: translateX(0);}

    .design-list{display: flex;flex-direction: column; margin-left: auto; margin-top: auto; gap : 0px;}

    .design-list > li{display: flex;flex-direction: column; position :relative; transition :1s; transform: translateY(100px); opacity: 0;}
    .active .design-list > li{transform: translateY(0); opacity: 1; transition-delay: calc(var(--i) * 0.1s + .4s);}

    .design-list .design-img{margin-top: 38px;}
    .design-list-con{font-family: PT; letter-spacing: -0.033em; color : #2B2B2B; padding-left: 24px; position :relative;order : 2; margin-left: 20px;}

    .design-list-con::after{position : absolute; content : ''; width : 1px; height : 100%; left : 0;top : 0; background: #B2B2B2; clip-path: inset(0 0 100%); transition : 1s}
    .active .design-list-con::after{clip-path: inset(0); transition-delay: 1s;}
    .design-list-con h4{font-size: 18px; margin-bottom: 12px; font-weight: 500; opacity: 0; transition : 1s;}
    .active .design-list-con h4{opacity: 1; transition-delay: .6s;}
    .design-list-con p{font-size: 14px; font-weight: 300; line-height: 1.5em;}
    .design-list-con p .line{transform: translateX(-100px); opacity: 0; transition : 1s;}
    .active .design-list-con p .line:nth-child(1){transform: translateX(0); opacity: 1; transition-delay: .8s;}
    .active .design-list-con p .line:nth-child(2){transform: translateX(0); opacity: 1; transition-delay: .9s;}
    .active .design-list-con p .line:nth-child(3){transform: translateX(0); opacity: 1; transition-delay: 1s;}
    .active .design-list-con p .line:nth-child(4){transform: translateX(0); opacity: 1; transition-delay: 1.1s;}
    .active .design-list-con p .line:nth-child(5){transform: translateX(0); opacity: 1; transition-delay: 1.2s;}

    /**/

    .unit-inner{width : 100%; height : auto;}

    .unit-tit-box{display: block; height : auto; position : relative; transform: translateX(0); padding : 80px 20px 60px; left: 0; top : 0;}
    .unit-tit{writing-mode:horizontal-tb; font-size: 18px; letter-spacing: 0em; margin-bottom: 24px;}
    .unit-tit .line{width : auto !important;}

    .unit-tit .amp{display: inline; transform: rotate(0);}

    .unit-tit-line{display: block; width : 100%; height : 1px; clip-path: inset(0 100% 0 0); transition :1s; margin-bottom: 24px;}
    .active .unit-tit-line{clip-path: inset(0); transition : 1.5s .4s;}

    .unit-tit-desc{font-size: 14px;}

    .unit-tit-desc p b{font-size: 24px; margin-bottom: 12px;}

    .vr-btn{width : 64px; height : 64px;bottom : 0%; left : auto; right : 0px; transform: translateY(100%) scale(0.5);}
    .active .vr-btn{transform: translateY(100%) scale(1);}

    .unit-btn{position :relative;}

    .unit-btn .unit-img{width : 40%;}

    .unit-btn-01{display: flex; align-items: end; gap : 24px; transform: translateY(100%); margin-bottom: 36px;}
    .unit-btn-02{display: flex; text-align: right;justify-content: end; align-items: end; gap : 24px; top : auto; right : 0; transform: translateY(100%); margin-left: auto; margin-bottom: 60px;}

    .unit-btn-con{transform: translateX(100px); opacity: 0; transition : 1.2s;}
    .unit-btn-01 .unit-btn-con{margin-bottom: 0;}
    .unit-btn-02 .unit-btn-con{margin-bottom: 0;}
    .active .unit-btn-con{transform: translateX(0); opacity: 1; transition-delay: 1s;}

    .active .unit-btn{transform: translateY(0); opacity: 1; transition-delay: 1s;}
    .unit-btn-con > h3{font-size: 18px; margin-bottom: 6px;}
    .unit-btn-con > p{font-size: 13px;}

    .unit-img-03{position : static; transform: translateX(0%); opacity: 0; transition :1.2s; width : 100%; height : 180px;}
    .unit-img-03 > video{width : 100%;height : 100%; object-fit: cover; object-position: center;}
    .active .unit-img-03{transform: translateX(0); opacity: 1; transition-delay: 1s;}

    /**/

    .press-inner{display: flex;flex-direction: column; width : 100%;height : auto;}

    .press-tit-box{display: flex;align-items: center; height : auto; position : relative; padding : 60px 20px;flex-shrink: 0; height : 100%; transition : 0s 1.2s}
    .active .press-tit-box{height : auto;}
    .press-bg > img{object-position: center; filter: brightness(0.7);}

    .press-tit{color : #fff; font-size: 30px; }
    .press-tit > span{font-size: 18px;}

    .press-slide-box{display: flex;flex-direction: column;height : auto;}
    .press-control{display: flex;flex-direction: row;align-items: center;justify-content: center; width :100%; flex-shrink: 0; padding : 24px 0; order : 3;}

    .press-pagination{display: flex; gap : 16px; margin-bottom: 0; margin-right: 24px;}

    .press-pagination > li{font-size: 18px; padding: 7px 0; cursor : pointer;}
    .press-pagination > li + li{margin-top: 0px;}
    .press-pagination > li::after{position :absolute; content : ''; width : 100%; bottom : 0; height : 1px; background: #171717; left : 0; clip-path: inset(0 100% 0 0); transition : .3s;}
    .press-pagination > li.on::after{clip-path: inset(0);}

    .press-next{display: flex;justify-content: center;align-items: center;  width : 30px; height : 30px; padding : 0 5px 0 0}
    .press-next::after{position : absolute; content : ''; width : 7px;height : 7px; border-bottom : 1px solid #fff; border-right : 1px solid #fff; transform: rotate(-45deg);}

    .press-slide{width : 100%; height : auto; overflow: hidden; height : 540px; margin-bottom: 24px;}

    .press-slide .swiper-slide{display: flex;align-items: center;justify-content: center; transition : 1s !important; border : none; padding : 10px 10px 0 10px;}
    .press-slide .swiper-slide-active > a,
    .press-slide .swiper-slide:hover > a{background: #fff;}
    .press-slide .swiper-slide-active,
    .press-slide .swiper-slide:hover{background: transparent;}

    .press-slide .swiper-slide > a{padding : 20px; border : 1px solid #9D918C; height : 100%;}

    .press-con-name{font-size: 13px; margin-bottom: 10px;}
    .press-con-tit{font-size: 15px; margin-bottom: 10px;}
    .press-con-desc{font-size: 12px; margin-bottom: 14px;}

    .press-con-day{font-size: 12px;}

    .press-link{flex-direction: row;align-items: center;justify-content: end; width : 100%; font-family: brown; gap : 12px; padding : 0 20px; font-size: 13px;}

    .press-link > p{writing-mode:horizontal-tb; line-height: 1em;}
    .press-link > span{width : 55px; height : 1px; background: #4A352E; transform: translateY(3px);}


}