body.fixed{overflow: hidden;}

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

.visual-bg{position : absolute; left : 0; top : 0; width : 100%;height : 100%; z-index: -1; overflow: hidden;}
.visual-bg > img,
.visual-bg > video{width : 100%;height : 100%; object-fit: cover; object-position: center; transition : 5s; transform: scale(1);}
/* .active.on .visual-bg > img{transform: scale(1);} */

.visual-inner{display: flex;justify-content: center; width : 100%; max-width: 1740px; height : 100%; margin : 0 auto; position : relative; padding-top: 200px;}

.visual-tit-box{display: flex;flex-direction: column; color : #fff; gap : 18px}

.visual-tit{font-family: times-new-roman; font-weight: 400; font-size: 39px; letter-spacing: 0.45em; line-height: 1em;}

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

.visual-sub-tit{font-family: Noto Sans KR; letter-spacing: -0.03em; font-weight: 300; opacity: 0;}
.visual-sub-tit b{font-weight: 500;}

.visual-sub-tit-01{transform: translateX(-100px);}
.visual-sub-tit-02{align-self: end; padding-right: 0.8em; transform: translateX(100px);}

.chat-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 143px;height : 143px;position :absolute; right : 100px; bottom : 200px; opacity: 1; transform: translateX(100px); transition : 1.2s;animation : chat 8s infinite linear}


.btn-reservation { opacity: 1; transform: translateX(0px); transition : 1.2s; }
.on .btn-reservation{transform: translateX(0); opacity: 1; transition-delay: 3.5s;}


.open-rotate-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 143px;height : 143px;position :absolute; right : 0; bottom : 57px; opacity: 0; transform: translateX(100px); transition : 1.2s;}
.on .open-rotate-btn{transform: translateX(0); opacity: 1; transition-delay: 3.5s;}
.open-rotate-btn::after{position :absolute; content : ''; width : 100%;height : 100%; background: url(../images/main/open-rotate-text.png)no-repeat center / contain; animation : rotate-text 8s infinite linear}
@keyframes rotate-text {
    100%{transform: rotate(360deg);}
}

.chat-wrap {
	position :absolute;
	width: 400px;
	height: 530px;
	background: transparent;
	right : 20px; bottom : 320px;
	z-index: 1000;
	transition: max-height 0.4s ease;
}

.open-rotate-btn > p{font-size: 19px; font-family: PT; font-weight: 700; letter-spacing: -0.04em; color : #fff;}

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

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

.premium-container{display: flex; position :absolute; width : 100%;height : 100%; top : 0;left : 0; transition : transform 1.2s;}
.t3 .premium-container{transform: translateX(-100%);}
.t4 .premium-container{transform: translateX(-200%);}
.premium-container > div{width : 100%;height : 100%; flex-shrink: 0; overflow: hidden; position : relative;}

.premium-left{width : 100%;height : 100%; flex-shrink: 0; overflow: hidden; transition : width 1.2s;}
.t2 .premium-left,
.t3 .premium-left{width : 60%;}
.premium-bg{width : 100%;height : 100%; object-fit: cover; object-position: 10% center; transform: scale(1.2); transition : 0s 1.2s;}
.active .premium-bg{transform: scale(1);transition : 3s;}

.premium-right{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 40%;height : 100%;position :absolute; position : absolute;top : 0;right : 0; transition : transform 1.2s; transform: translateX(100%);}
.t2 .premium-right,
.t3 .premium-right{transform: translateX(0);}

.premium-tit{font-size: 54px; color : #A99270; position: relative; font-family: times-new-roman;line-height: 1em; margin-bottom: 67px;}

.premium-tit > span{font-size: 35px; font-family: AV; font-weight: 400; transform: translateX(-100px) translateY(30px) rotate(-10deg);position : absolute; left : -40px; top : -30px; color : #000; opacity: 0;  transition : 1s 0s;}
.t2 .premium-tit > span{opacity: 1; transform: rotate(-10deg); transition: 1s 1s;}

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

.premium-desc-01{font-size: 18px; font-family: NM; font-weight: 700;color : #101010; line-height: 1.8em; letter-spacing: -0.06em; margin-bottom: 46px;}
.premium-desc-01 > .color{color : #A99270; font-weight: 800;}
.premium-desc-01 .line{transform: translateX(-100px); opacity: 0;}

.premium-desc-02{font-family: Noto Sans KR; font-size: 16px; font-weight: 500; letter-spacing: -0.06em; color : #242424; line-height: 1.8em;}
.premium-desc-02 .line{transform: translateX(-100px); opacity: 0;}

.premium-02{display: flex; align-items: center; padding-top: 50px;}
.premium-inner{display: flex;flex-direction: column; justify-content: center;align-items: center; width : 100%; max-width: 1580px; margin : 0 auto;height : 672px; position : relative;}

.premium-con-box{position : absolute;}
.premium-con-box-01{left : 0;top : 0;}
.premium-con-box-02{right : 305px;bottom : 0; width : 0px; white-space: nowrap}

.premium-con{transition : 0.7s; opacity: 0;}
.premium-con-box-02 .premium-con{}

.t4 .premium-con{transform: translateX(0); opacity: 1; transition-delay: calc(var(--i) * 0.15s + 0.7s);}

.premium-con + .premium-con{margin-top: 85px;}
.premium-con-tit{font-size: 20px; font-family: NM; letter-spacing: -0.06em; font-weight: 700; color : #A99270; margin-bottom: 16px;}
.premium-con-desc{font-size: 16px; letter-spacing: -0.06em; font-family: Noto Sans KR; font-weight: 400; color : #101010; line-height: 1.8em;}


.premium-img-box{display: flex;gap : 16px; position :absolute;}
.premium-img-left{display: flex;flex-direction: column;align-items: end; gap : 16px}
.premium-img-right{display: flex;flex-direction: column;align-items: end; gap : 16px;padding-top: 110px;}
.premium-img-top{display: flex;align-items: end;gap : 16px}
.premium-img-tit{align-self: center;position : relative; font-family: times-new-roman; font-size: 54px; font-weight: 700; line-height: 1em;}
.premium-img-tit .char{opacity: 0;}

.premium-img-tit > span{position : absolute; font-family: AV; white-space: nowrap; font-size: 35px; left : -40px; top : -30px; transform: translateX(-100px) translateY(30px) rotate(-10deg); font-weight: 400;opacity: 0; transition : 0s 1.2s;}
.t4 .premium-img-tit > span{opacity: 1; transform: rotate(-10deg); transition: 1s 1s;}

.premium-img{position :relative;}
.premium-img > img:not(.premium-obj-01){width : 100%;height : 100%; object-fit: cover; object-position: center;}

.premium-obj-01{position : absolute;bottom : -25px; left : -120px;}

.premium-img::after{transition : 2s; opacity: 0;}
.premium-img-01::after{position : absolute; content : ''; width : 26px; height : 26px; background: #000; top : 0; right : calc(100% + 16px); transform: translateX(-200px);}
.premium-img-02::after{position : absolute; content : ''; width : 26px; height : 26px; background: #A99270; top : calc(100% + 16px); left : 0; transform: translateY(200px);}
.premium-img-03::after{position : absolute; content : ''; width : 26px; height : 26px; background: #A99270; bottom : calc(100% + 16px); left : 0; transform: translateY(-200px);}
.premium-img-04::after{position : absolute; content : ''; width : 26px; height : 26px; background: #000; bottom : calc(100% + 16px); right : 0; transform: translateX(200px);}

.swiper-slide-active .premium-img::after{transform: translateX(0); opacity: 1;}

.premium-img-01{transform: translateX(-200px) translateY(-100px);}
.premium-img-02{transform: translateY(200px) translateX(-100px);}
.premium-img-03{transform: translateY(-200px) translateX(100px);}
.premium-img-04{transform: translateY(0px) translateX(200px);}
.premium-img-05{transform: translateX(200px) translateY(100px);}
.premium-img{transition : 1.2s;}

.t4 .premium-img{transform: translateX(0);}

.premium-obj-02{position : absolute; bottom : 0;left : 46%; transform: translateX(-50%);}

.premium-video {position : relative;}
.premium-video > video{width : 100%;height : 100%; object-fit : cover; object-position : center;}
.premium-info{color : #fff; font-size : 15px; font-family : PT; letter-spacing : -0.04em; position : absolute; bottom : 30px; right : 30px;}

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

.envi-slide{width : 100%;height : 100%;}
.envi-inner{display: flex; position : absolute; left : 0;top : 0;width : 100%;height : 100%; transition : transform 1.2s; z-index: 1;}
.t3 .envi-inner{transform: translateX(-100%);}
.t4 .envi-inner{transform: translateX(-200%);}
.envi-inner > div{overflow: hidden;width :100%;height : 100%; flex-shrink: 0; position : relative;}
.envi-01{background: #000;}
.envi-01 .envi-bg{width : 100%;height : 100%; transition : 1.2s;}
.t2 .envi-01 .envi-bg,
.t3 .envi-01 .envi-bg,
.t4 .envi-01 .envi-bg{width : 60%;}
.envi-01 .envi-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : transform 5s;}
.active .envi-01 .envi-bg > img{transform: scale(1);}

.envi-01 .envi-con{display: flex;align-items: center;justify-content: center; width : 40%;height : 100%; position :absolute; right : 0;top : 0; transform: translateX(100%); transition : 1.2s;}
.t2 .envi-01 .envi-con,
.t3 .envi-01 .envi-con,
.t4 .envi-01 .envi-con{transform: translateX(0);}

.envi-con-inner{}
.envi-desc-01{font-family: NM; font-weight: 700; font-size: 18px; line-height: 1.8em; color : #fff; margin-bottom: 42px;}
.envi-desc-01 .line{transform: translateX(-100px); opacity: 0;}

.envi-sub-tit{font-family: NM; font-weight: 700;color : #A99270; margin-bottom: 94px; line-height: 1.5em; font-size: 24px;}
.envi-sub-tit .char{opacity: 0;}

.envi-line{width : 161px;height : 1px; background: #656565; clip-path: inset(0 50%); transition : 0s 1.2s;}
.active .t2 .envi-line{clip-path: inset(0); transform: rotate(-33deg);transition : transform 1s 1.2s, clip-path 1s 1s;}

.envi-desc-02{margin-top: 83px; font-size: 16px; font-family: Noto Sans KR; letter-spacing: -0.06em; color : #B2B2B2; font-weight: 500; line-height: 1.8em;}
.envi-desc-02 .line{transform: translateX(-100px); opacity: 0;}

.envi-02{display: flex;align-items: center;}
.envi-02-inner{width : 100%;max-width: 1740px; margin : 0 auto;position :relative; z-index: 1;}
.envi-02 .envi-bg{width : 100%;height : 100%; position : absolute;}
.envi-02 .envi-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center;}

.envi-02 .envi-tit-box{padding-top: 50px; position : absolute; left : 0;top : 0; z-index: 1; pointer-events: none;}
.envi-02 .envi-tit{font-family: times-new-roman; font-size: 122px;color : #A99270; font-weight: 400; line-height: 1.2em;}
.envi-02 .envi-tit.italic{font-style: italic; color : #4B4B4B;}

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

.envi-list{display: flex;flex-direction: column;align-items: end;width : 100%;}
.envi-list > li{display: flex;justify-content: end;  align-items: center;position : relative;width : 100%;}
.envi-list > li::after{position : absolute;content : ''; width : 100%;height : 1px; background: #222; bottom : 0; left : 0; clip-path: inset(0 100% 0 0); transition : 2s;}
.envi-list > li:first-child::before{position : absolute;content : ''; width : 100%;height : 1px; background: #222; top : 0; left : 0; clip-path: inset(0 100% 0 0); transition : 2s;}

.active .t3 .envi-list > li::before,
.active .t3 .envi-list > li::after{clip-path: inset(0); transition-delay: .4s;}

.envi-list-inner{display: flex; cursor: pointer; opacity: 0; transition : 1.2s;}

.envi-list-01 .envi-list-inner{transform: translateX(200px);}
.envi-list-02 .envi-list-inner{transform: translateX(200px);}
.envi-list-03 .envi-list-inner{transform: translateX(200px);}
.envi-list-04 .envi-list-inner{transform: translateX(200px);}

.active .t3 .envi-list-inner{transform: translateX(0); opacity: 1; transition-delay: calc(var(--i) * 0.1s + 1s);}

.envi-con{display: flex; align-items: center;gap : 41px}
.envi-con-tit{font-family: NM; font-weight: 700; letter-spacing: -0.06em; color : #fff; font-size: 20px;}
.envi-con-tit > span{color : #A99270}

.envi-con-desc{font-size: 16px; letter-spacing: -0.06em; color : #6C6C6C; line-height: 1.5em;}

.envi-list-01{padding-right: 120px;}
.envi-list-01 .envi-list-img{margin-right: 117px;}

.envi-list-02{}
.envi-list-02 .envi-list-img{margin-left: 253px;}

.envi-list-03{padding-right: 410px}
.envi-list-03 .envi-list-img{margin-left: 145px;}

.envi-list-04{padding-right: 420px}
.envi-list-04 .envi-list-img{margin-right: 38px;}

.envi-list-img{position : relative}
.envi-list-img-inner{overflow: hidden;}
.envi-list-img-inner > img{width : 100%;height : 100%; object-fit: cover; object-position: center;transition : transform 2s;}
.envi-list > li:hover .envi-list-img-inner > img{transform: scale(1.1);}

.envi-rotate-btn{display: flex;align-items: center;justify-content: center; position :absolute;width : 68px; height : 68px; background: #A99270; border-radius: 50%; top : 0;right : 0; transform: translateX(50%) translateY(-50%) scale(1); opacity: 0; transition : opacity 0.7s; pointer-events: none;;}
.envi-list > li:hover .envi-rotate-btn{opacity : 1;}
.envi-rotate-btn::after{position : absolute; content : ''; width : 121px;height : 121px; background: url(../images/main/envi-rotate-text.png)no-repeat center / contain; animation : rotate-text 8s infinite linear}

.envi-03{}

.envi-03 .envi-bg{display: flex;align-items: center;justify-content: center; position : absolute; width : 100%;height : 100%;left : 0;top : 0;}
.envi-map{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.2); transition : transform 2s;}
.active .t4 .envi-map{transform: scale(1);}
.envi-map-obj{position : absolute;z-index: 1; opacity: 0; transition : 1.2s;}
.envi-map-obj-01{transform: translateX(-30vw) translateY(-5vw) scale(1); width : 26.7188%;}
.envi-map-obj-02{transform: translateX(27vw) translateY(-2vw) scale(0.5); width : 36.4063%; transform-origin: center left;}

.active .t4 .envi-map-obj-01{transform: translateX(-30vw) translateY(-5vw) scale(1); opacity: 1; transition-delay: 1s;}
.active .t4 .envi-map-obj-02{transform: translateX(27vw) translateY(-2vw) scale(1); opacity: 1; transition-delay: 1s;}

.envi-03-inner{display: flex;flex-direction: column;justify-content: end; width : 100%; max-width: 1650px; margin : 0 auto; position : relative;z-index: 1;height : 100%; padding-bottom: 138px;}


.envi-03 .envi-tit{font-size: 54px; color : #000; position: relative; font-family: times-new-roman;line-height: 1em; margin-bottom: 8px;}
.envi-03 .envi-tit > span{font-size: 35px; font-family: AV; font-weight: 700; transform: translateX(-100px) translateY(30px) rotate(-10deg); opacity: 0; position : absolute; left : -40px; top : -30px; color : #000; transition : 0s 1.2s;}

.active .t4 .envi-03 .envi-tit > span{opacity: 1; transform: rotate(-10deg); transition: 1s 1s;}

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

.envi-small-tit{font-size: 18px; font-family: Noto Sans KR; letter-spacing: -0.06em; font-weight: 500; color : #242424; margin-bottom: 16px;}
.envi-small-tit .char{opacity: 0;}

.envi-03 .envi-desc{font-size: 24px; font-family: NM; letter-spacing: -0.06em; font-weight: 700; color : #101010;}
.envi-03 .envi-desc .char{opacity: 0;}

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

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

.location-inner{display: flex;flex-direction: column;align-items: center;}

.location-tit{font-family: times-new-roman; font-size: 43px; margin-bottom: 5px;}
.location-tit .char{opacity: 0;}
.location-desc{font-family: Noto Sans KR; font-size: 16px; letter-spacing: -0.04em; margin-bottom: 95px; font-weight: 400; transform: translateY(50px); opacity: 0; transition : 1.2s;}
.fp-active .location-desc{transform: translateY(0); opacity: 1;}

.location-container{display: flex; align-items: end; gap : 60px;}

.location-map{transform: translateX(-100px); opacity: 0; transition : 1.2s;}
.fp-active .location-map{transform: translateX(0); opacity: 1; transition-delay: 1s;}

.location-con{transform: translateX(100px); opacity: 0; transition : 1.2s;}
.fp-active .location-con{transform: translateX(0); opacity: 1; transition-delay: 1s;}

.location-name{font-family: Noto Sans KR; font-size: 25px; font-weight: 500; letter-spacing: -0.04em; color : #83673E; margin-bottom: 8px;}
.location-address{font-size: 16px; font-family: Noto Sans KR; letter-spacing: -0.04em; font-weight: 500; color : #1F1F1F; margin-bottom: 37px;}
.location-btn-box{display: flex;gap : 7px}

/* NEW */
.arch-slide{width : 100%;height : 100%;}
.arch-bg{position :absolute; left : 0;top : 0; width : 100%; height : 100%; overflow: hidden;}
.arch-bg::after{position :absolute; content : ''; width : 100%;height : 100%; background: linear-gradient(45deg, #000, transparent, #000); left : 0;top : 0; opacity: 0; transition : 0s 1.2s;}
.active .arch-bg::after{opacity: 1; transition : 2s 1s;}
.arch-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 0s 1.2s;}
.active .swiper-slide-active .arch-bg > img{transform: scale(1); transition : 3s;}

.sec-tit{position :relative;}
.sec-tit > p{font-size: 54px; font-family: times-new-roman; color : #A99270; font-weight: 700; margin-bottom: 28px; position :relative; line-height: 1.2em; transform: translateX(-100px); opacity: 0; transition : 0s 1.2s;}
.active .swiper-slide-active .sec-tit > p{transform: translateX(0); opacity: 1; transition : 2s .4s;}
.sec-tit > span{font-family: AV; font-weight: 700; font-size: 35px; position :absolute; left : -60px; bottom : 80%; transform: rotate(-30deg) translateX(-100px); opacity: 0; transition : 0s 1.2s;}
.white .sec-tit > span{color : #fff;}

.active .swiper-slide-active .sec-tit > span{opacity: 1; transform: translateX(0) rotate(-30deg); transition : 1.2s 1s;}
.sec-desc{font-family: PT; letter-spacing: -0.06em; transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}
.white .sec-desc{color : #fff;}
.active .swiper-slide-active .sec-desc{transform: translateY(0); opacity: 1; transition : 1.2s 1s;}

.arch-slide-01 .arch-inner{width : 100%; max-width: 1600px; margin : 0 auto; padding-top: 212px; position : relative; font-size: 18px;}

.arch-slide-02{display: flex; background: #F6F2ED;}
.arch-slide-02 > div{position :relative; height : 100%;}
.arch-slide-02 .arch-left{/* display : flex; align-items : end; justify-content : start;  */width : 60%; flex-shrink: 0; /* padding-bottom: 60px; */}
.arch-slide-02 .arch-right{display: flex;align-items: center;justify-content: center;  width : 100%; padding-top: 100px;}

.arch-slide-02 .arch-left .img-name{position :absolute; right : 43px; bottom : 35px;}

.arch-slide-02 .arch-tit-box{margin-bottom: 48px;/*  margin-top: auto; padding-left: 180px; */}
/* .arch-slide-02 .arch-tit-box .sec-tit > span{color : #aaa;}
.arch-slide-02 .arch-tit-box .sec-desc{color : #aaa;} */
.arch-img-box > li{display: flex;align-items: end; gap : 20px; transform: translateX(-100px); opacity: 0; transition : 0s 1.2s}
.active .swiper-slide-active .arch-img-box > li{transform: translateX(0); opacity: 1;}
.active .swiper-slide-active .arch-img-box > li:nth-child(1){transition : 1.2s .4s;}
.active .swiper-slide-active .arch-img-box > li:nth-child(2){transition : 1.2s .5s;}
.active .swiper-slide-active .arch-img-box > li:nth-child(3){transition : 1.2s .6s;}
.arch-img-box > li + li{margin-top: 19px;}

.img-name{display: flex;align-items: center; justify-content: center; height : 13px; position : relative; font-size: 14px; font-family: PT; letter-spacing: -0.06em; font-weight: 500; transition : 0s 1.2s; opacity: 0; padding : 0 20px;}
.white.img-name{color : #fff}
.active .swiper-slide-active .img-name{opacity: 1; transition : 1s .4s;}
.img-name::after,
.img-name::before{position :absolute; content : ''; width : 1px; height : 100%; background: #101010; transition : 0s 1.2s; left : 0;top : 0; opacity: 0;}
.active .swiper-slide-active .img-name::after{opacity: 1; transition : 1s 1s;}
.white.img-name::after,
.white.img-name::before{background: #fff;}
.active .swiper-slide-active .img-name::before{left : 100%; transform: translateX(-100%); opacity: 1; transition : 1s 1s;}

.arch-sub-tit{font-family: NM; font-size: 20px; letter-spacing: -0.06em; margin-bottom: 16px; font-weight: 700; line-height: 1.5em; position : absolute; top : 200px;}
.arch-sub-tit p{color : #A99270;}

.arch-list{display: grid; grid-template-columns: repeat(3,1fr); height : 100%;}
.arch-list > li{display: flex;align-items: center;justify-content: center;}
.arch-list > li:nth-child(even){background: #F6F2ED;}

.arch-list-inner{display: flex;flex-direction: column; align-items: start; justify-content: center; height : 100%; transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}
.active .swiper-slide-active .arch-list > li .arch-list-inner{transform: translateY(0); opacity: 1;}
.active .swiper-slide-active .arch-list > li:nth-child(1) .arch-list-inner{transition : 1.2s .4s;}
.active .swiper-slide-active .arch-list > li:nth-child(2) .arch-list-inner{transition : 1.2s .5s;}
.active .swiper-slide-active .arch-list > li:nth-child(3) .arch-list-inner{transition : 1.2s .6s;}

.arch-list > li:nth-child(1) .arch-list-inner{ padding-top: 36%;}
.arch-list > li:nth-child(3) .arch-list-inner{ padding-bottom: 36%;}
.arch-list-img-name{text-align: right;width : 100%; margin-bottom: 23px; font-family: times-new-roman; font-size: 15px; color : #A99270; letter-spacing: 0.1em; text-transform: uppercase;}
.arch-list-img{overflow: hidden; margin-bottom: 27px;}
.arch-list-img > img{transform: scale(1.25); transition : 0s 1.2s;}
.active .swiper-slide-active .arch-list-img > img{transform: scale(1);transition : 3s;}

.arch-con-box{position : relative; padding-left: 28px;}
.arch-con-box::after{position :absolute; content : ''; width : 1px; height : 100%; left : 0;top : 0; background: #676767; clip-path: inset(0 0 100%); transition : 0s 1.2s;}
.active .swiper-slide-active .arch-con-box::after{clip-path: inset(0); transition : 1s 1s;}

.arch-con-tit{font-family: NM; font-size: 20px; letter-spacing: -0.06em; margin-bottom: 16px; font-weight: 700; color : #A99270; transform: translateX(50px); opacity: 0; transition : 0s 1.2s;}
.active .swiper-slide-active .arch-con-tit{transform: translateX(0); opacity: 1; transition : 1.2s 1s;}

.arch-con-desc{font-size: 16px; font-family: PT; letter-spacing: -0.06em; font-weight: 500; line-height: 1.5em; color : #101010; transform: translateX(50px); opacity: 0; transition : 0s 1.2s;}
.active .swiper-slide-active .arch-con-desc{transform: translateX(0); opacity: 1; transition : 1.2s 1s;}

.arch-slide-04{display: flex; background: #F2F1F0;}
.arch-slide-04 > div{position : relative; height : 100%;}
.arch-slide-04 .arch-left{display: flex;flex-direction: column; width : 45%; padding: 200px 0 0; flex-shrink: 0;}
.arch-slide-04 .arch-tit-box{padding-left: 180px;;}

.arch-slide-04 .sec-tit p,
.arch-slide-04 .sec-tit span,
.arch-slide-04 .sec-desc{color : #000 !important}
.arch-slide-04 .sec-desc b{display: block; padding-top: 16px; font-family: NM; font-size: 24px; color : #A99270;}

.arch-slide-04 .arch-bg{height : 56.1856%; margin-top: auto; position : relative;}

.arch-slide-04 .arch-right{display: flex;flex-direction: column; align-items: center;justify-content: center; width : 100%; gap : 90px; padding-top: 100px;}
.arch-list-box{display: flex;}
.arch-list2 > li{display: flex; align-items: start; gap : 27px; transform: translateY(50px); opacity: 0; transition : 0s 1.2s;}
.active .swiper-slide-active .arch-list2 > li{transform: translateY(0); opacity: 1;}
.active .swiper-slide-active .arch-list2 > li:nth-child(1){transition : 1.2s 1s;}
.active .swiper-slide-active .arch-list2 > li:nth-child(2){transition : 1.2s 1.2s;}
.active .swiper-slide-active .arch-list2 > li:nth-child(3){transition : 1.2s 1.4s;}
.arch-list2{padding-right: 66px; position : relative;}
.arch-list2:first-child::after{position : absolute; content :''; width : 1px; height : 100%; background: #676767; top : 0; right : 0; clip-path: inset(0 0 100%); transition : 0s 1.2s;}
.active .swiper-slide-active .arch-list2:first-child::after{clip-path: inset(0); transition : 1.2s .4s;}
.arch-list2:last-child{padding-right: 0px; padding-left: 66px;}
.arch-list2 > li + li{margin-top: 28px;}

.arch-list-con-tit{font-family: NM;font-size: 20px; letter-spacing: -0.06em; margin-bottom: 16px;padding-top: 12px;}
.arch-list-con-tit span{color : #A99270;}

.arch-list-con-desc{font-family: PT; font-size: 16px; line-height: 1.5em; letter-spacing: -0.06em; color : #101010; font-weight: 500;}
.arch-img-box2{display: flex; gap : 20px;}
.arch-img-box2 > li{transform: translateY(50px); opacity: 0; transition : 0s 1.2s;}
.active .swiper-slide-active .arch-img-box2 > li{transform: translateY(0); opacity: 1;}
.active .swiper-slide-active .arch-img-box2 > li:nth-child(1){transition : 1.2s 1s;}
.active .swiper-slide-active .arch-img-box2 > li:nth-child(2){transition : 1.2s 1.2s;}
.active .swiper-slide-active .arch-img-box2 > li:nth-child(3){transition : 1.2s 1.4s;}

/**/

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

.vision-slide-01 .vision-inner{width : 100%; max-width: 1600px; margin : 0 auto; padding-top: 212px; position : relative; font-size: 18px;}

.vision-slide-02{display: flex;}
.vision-slide-02 > div{position : relative;}
.vision-left{width : 45%;}
.vision-right{display: flex;align-items: center;justify-content: center; width : 55%; padding-top: 100px;}

.vision-desc-01{margin-bottom: 50px; font-family: NM; font-size: 18px; letter-spacing: -0.06em; font-weight: 700; color : #101010; line-height: 1.8em; transform: translateY(50px); opacity: 0; transition : 0s 1.2s;}
.active .swiper-slide-active .vision-desc-01{transform: translateY(0); opacity: 1; transition : 1.2s 1s;}
.vision-desc-01 span{color : #A99270;}

.vision-desc-02{margin-bottom: 69px; line-height: 1.8em; font-family: PT; letter-spacing: -0.06em; font-weight: 500; color : #242424; transform: translateY(50px); opacity: 0; transition : 0s 1.2s;}
.active .swiper-slide-active .vision-desc-02{transform: translateY(0); opacity: 1; transition : 1.2s 1.1s;}

.vision-img-box{display: flex;gap : 11px;}
.vision-img-box > li{opacity: 0; transition : 0s 1.2s;}
.active .swiper-slide-active .vision-img-box > li{transform: translateX(0); opacity: 1; transition : 1.2s .4s;}
.vision-img-box > li:nth-child(1){transform: translateX(-100px) translateY(-100px);}
.vision-img-box > li:nth-child(2){transform: translateX(100px) translateY(100px);}

/**/

.unit-slide{width : 100%;height : 100%;}
.unit-container{position :  absolute; left : 0;top: 0; width : 100%;height : 100%; z-index: 1;}
.unit-bg{position :absolute; left : 0;top : 0; width : 100%; height : 100%; overflow: hidden;}
.unit-bg::after{position :absolute; content : ''; width : 100%;height : 100%; background: linear-gradient(45deg, #000, transparent, #000); left : 0;top : 0; opacity: 0; transition : 0s 1.2s;}
.active .unit-bg::after{opacity: 1; transition : 2s 1s;}
.active .t2 .unit-bg::after{opacity: 0; transition : 2s;}
.unit-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 0s 1.2s;}
.active .unit-bg > img{transform: scale(1); transition : 3s;}

.unit-inner{width : 100%; max-width: 1600px; margin : 0 auto; padding-top: 212px; position : relative; font-size: 18px;z-index: 1;pointer-events: none;}

.active.main-section-unit .sec-tit > p{transform: translateX(0); opacity: 1; transition : 2s .4s;}
.active.main-section-unit .sec-tit > span{opacity: 1; transform: translateX(0) rotate(-30deg); transition : 1.2s 1s;}
.active.main-section-unit .sec-desc{transform: translateY(0); opacity: 1; transition : 1.2s 1s;}

.unit-right{display: flex;justify-content: center;align-items: end; position : absolute; width : 45%; height : 100%; background: rgba(0,0,0,0.7); left : 0;top : 0; padding-bottom: 120px; transform: translateX(-100%); transition : 1.2s;}
.t2 .unit-right{transform: translateX(0);}

.unit-btn-box{display: flex; gap : 48px;}

.unit-con-box{position : relative; padding-left: 28px; margin-bottom: 22px;}
.unit-con-box::after{position :absolute; content : ''; width : 1px; height : 100%; left : 0;top : 0; background: #676767; clip-path: inset(0 0 100%); transition : 0s 1.2s;}
.active .t2 .unit-con-box::after{clip-path: inset(0); transition : 1s 1s;}

.unit-con-tit{font-family: times-new-roman; font-size: 20px; letter-spacing: -0.06em; margin-bottom: 16px; font-weight: 400; color : #A99270; transform: translateX(50px); opacity: 0; transition : 0s 1.2s;}
.active .t2 .unit-con-tit{transform: translateX(0); opacity: 1; transition : 1.2s 1s;}

.unit-con-desc{font-size: 16px; font-family: PT; letter-spacing: -0.06em; font-weight: 400; line-height: 1.5em; color : #C3C3C3; transform: translateX(50px); opacity: 0; transition : 0s 1.2s;}
.active .t2 .unit-con-desc{transform: translateX(0); opacity: 1; transition : 1.2s 1s;}
.unit-con-desc b{font-family: times-new-roman, PT;}

.unit-img{overflow: hidden; transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}
.active .t2 .unit-img{transform: translateY(0); opacity: 1; transition : 1.2s 1s;}
.unit-img > img{transform: scale(1.5); transition : 0s 1.2s;}
.active .t2 .unit-img > img{transform: scale(1); transition :3s 1s;}

.unit-link{display: flex; align-items: center; color : #fff; font-size: 15px; font-family: PT; letter-spacing: -0.06em; margin-top: 14px; transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}
.active .t2 .unit-link{transform: translateY(0); opacity: 1; transition : 1.2s 1s;}

.unit-link > img{margin-left: 11px; transition : .3s;}
.unit-btn-box > a:hover .unit-link > img{transform: translateX(10px);}