/* VISUAL */
.main-section-visual{position:relative;width:100%;height:100vh;overflow:hidden}
.visual-bg{position:absolute;inset:0;z-index:0}
.visual-bg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
.visual-bg {
    opacity: 0;
	animation : visualBg 0.8s both 0.8s;
}
@keyframes visualBg {
    0% {
        transform: translateY(200px); /* 전부 가림 */
    }
    100% {
        opacity: 1;
		transform: translateY(0); /* 전체 표시 */
    }
}

.visual-bg2{position:absolute;inset:0;z-index:0}
.visual-bg2 img{
  width: 100%;
  height: 100%;
  margin-top: 30px;
  object-fit: cover;
  object-position: bottom;
  transform: translateX(-250px);
}
.visual-bg2 {
    opacity: 0;
	animation : visualBg3 0.8s both 0.8s;
}
@keyframes visualBg2 {
    0% {
        transform: translateX(-200px); /* 전부 가림 */
    }
    30% {
        transform: translateX(-200px); /* 전부 가림 */
    }
    100% {
        opacity: 1;
		transform: translateX(450px); /* 전체 표시 */
    }
}
.visual-bg3{position:absolute;inset:0;z-index:0}
.visual-bg3 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
.visual-bg3 {
    opacity: 0;
	animation : visualBg3 0.8s both 0.8s;
}
@keyframes visualBg3 {
    0% {
        transform: translateY(200px); /* 전부 가림 */
    }
    100% {
        opacity: 1;
		transform: translateY(0); /* 전체 표시 */
    }
}

.visual-bg > video{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.2);filter:brightness(0.6);transition:transform 2s;}
.active .visual-bg > video{transform:scale(1.01);transition:transform 2s .4s;}
.visual-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);}
.visual-grid{position:relative;--cw:118px;--ch:100px;--gap:4px;width:calc(var(--cw)*3);height:calc(var(--ch)*3);margin-bottom:88px;}
.visual-grid svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;}
.seg-h{stroke:rgba(255,255,255,.46);stroke-width:1;fill:none;}
.seg-v{stroke:rgba(255,255,255,.46);stroke-width:1;fill:none;}
.visual-chars{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,var(--cw));grid-template-rows:repeat(3,var(--ch));}
.vc{display:flex;align-items:center;justify-content:center;font-family:'Nanum Myeongjo',serif;font-size:31px;line-height:45px;font-weight:400;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.5);}
.vc-txt{display:inline-block;opacity:0;transform:translateY(65%) scale(1.2);filter:blur(5px);will-change:transform,opacity,filter;}
.visual-bottom{text-align:center;white-space:nowrap;}
.visual-main-tit{font-size:32px;letter-spacing:-.04em;line-height:1.47;color:#fff;}
.visual-main-tit span{display:inline-block;opacity:0;transform:translateY(110%);}
.visual-vline{display:block;width:1px;height:0;background:rgba(255,255,255,.7);margin:14px auto;}
.visual-sub-tit{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.04em;line-height:1.77;opacity:0;transform:translateY(6px);}
.visual-scroll{position:absolute;bottom:55px;left:129px;z-index:2;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateX(-100px);transition:1.2s;}
.visual-scroll.on{transform:translateX(0);opacity:1;}
.fp-viewing-1 .scroll-line,.fp-viewing-2 .scroll-line,.fp-viewing-3 .scroll-line,.fp-viewing-4 .scroll-line{background-color:rgba(0,0,0,.32);}
.fp-viewing-1 .scroll-line::before,.fp-viewing-2 .scroll-line::before,.fp-viewing-3 .scroll-line::before,.fp-viewing-4 .scroll-line::before{background-color:#000;}
.fp-viewing-1 .scroll-icon,.fp-viewing-2 .scroll-icon,.fp-viewing-3 .scroll-icon,.fp-viewing-4 .scroll-icon{border-color:#000;}
.fp-viewing-1 .scroll-arrow,.fp-viewing-2 .scroll-arrow,.fp-viewing-3 .scroll-arrow,.fp-viewing-4 .scroll-arrow{border-color:#000;}
.fp-viewing-1 .visual-scroll > span,.fp-viewing-2 .visual-scroll > span,.fp-viewing-3 .visual-scroll > span,.fp-viewing-4 .visual-scroll > span{color:#000;}
.fp-viewing-5 .visual-scroll{display:none;}
.scroll-line{position:relative;width:1px;height:73px;background:#707070;transition:1.2s;}
.scroll-line::before{content:'';position:absolute;width:1px;height:100%;background:#fff;transform-origin:top;animation:scrollLineAni 2s ease-in-out infinite;transition:1.2s;}
.scroll-icon{width:9px;height:9px;border:1px solid #fff;border-radius:50%;flex-shrink:0;margin-top:8px;transition:1.2s;}
.scroll-arrow{width:9px;height:9px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);margin-top:2px;transition:1.2s;}
.visual-scroll > span{position:absolute;bottom:-5px;right:-140px;font-family:"trajan-pro-3";font-size:15px;color:#fff;transition:1.2s;}
@keyframes scrollLineAni{0%{transform:scaleY(0);transform-origin:top;opacity:1;}50%{transform:scaleY(1);transform-origin:top;opacity:1;}51%{transform:scaleY(1);transform-origin:bottom;opacity:1;}100%{transform:scaleY(0);transform-origin:bottom;opacity:0;}}
.open-rotate-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:143px;height:143px;position:absolute;right:129px;bottom:54px;opacity:0;transform:translateX(100px);transition:1.2s;}
.open-rotate-btn > p{font-size:16px;line-height:19px;font-weight:700;color:#fff;}
.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;}
.on .open-rotate-btn{transform:translateX(0);opacity:1;}
@keyframes rotate-text{100%{transform:rotate(360deg);}}

.open-rotate-btn2 {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 88px;height: 88px;background: #f07d00;position: absolute;border-radius: 100%;left: 100px;bottom: 120px;z-index: 1000;opacity: 0;}
.open-rotate-btn2 {animation : rotateBox 1.5s both 3.8s}
@keyframes rotateBox {
0%{opacity: 0;}
50%{opacity: 1;}
100%{opacity: 1;}
}
.open-rotate-btn2 > p {font-family: PT;font-size: 19px;font-weight: 700;letter-spacing: -0.04em;color: #fff;}
.open-rotate-btn2::after {position: absolute;content: '';width: 128px;height: 128px;background: url(/assets/images/main/visual-rotate-text.png) no-repeat center / contain;animation: rotate-text 8s infinite linear;}

.visual-txt {
	position: relative;
	z-index: 100;
	margin-left: 400px;
	margin-top: -100px;
}
.vtxt-tit {
	margin: 20px 0 40px;
}
.visual-script {
	position: absolute;
	bottom: 90px;
	right: 90px;
	font-size: 88px;
	color: #fff;
	font-family: AV;
	transform: rotate(-11.9999deg);
}

.vtxt-sub {
	position : relative;z-index: 1; animation : visualTit 1.5s both 2.4s
}
@keyframes visualTit {
    0%{clip-path: inset(50% 0% 50% 0);}
    50%{clip-path: inset(0% 0% 0% 0);}
    100%{clip-path: inset(0);}
}

.vtxt-tit {
	position : relative;z-index: 1; animation : visualTit2 1.9s both 3.0s
}
@keyframes visualTit2 {
    0%{clip-path: inset(50% 0% 50% 0);}
    50%{clip-path: inset(0% 0% 0% 0);}
    100%{clip-path: inset(0);}
}

.vtxt-brand {
	position : relative;z-index: 1; animation : visualTit3 1.8s both 3.8s
}
@keyframes visualTit3 {
    0% {
        clip-path: inset(0 100% 0 0); /* 전부 가림 */
    }
    100% {
        clip-path: inset(0 0 0 0); /* 전체 표시 */
    }
}

.visual-script {
    opacity: 0;
	animation : visualScript 0.8s both 1.7s;
    transform: rotate(-12deg) translateX(-200px) translateY(100px);
}
@keyframes visualScript {
    0% {
        transform: rotate(-12deg) translateX(-200px) translateY(100px); /* 전부 가림 */
    }
    100% {
        opacity: 1;
		transform: rotate(-12deg) translateX(0) translateY(0); /* 전체 표시 */
    }
}



.scroll-box{display: flex;flex-direction: column; align-items: center;gap : 8px; position : fixed;z-index: 1; left : 50px; top : 40%; transition : opacity 1s;}
.scroll-box.hide{opacity: 0;}
.scroll-box {
	animation : scrollBox 1.5s both 3.8s
}
@keyframes scrollBox {
    0%{opacity: 0;}
    50%{opacity: 1;}
    100%{opacity: 1;}
}

.scroll-progress{display: flex;justify-content: center; width : 1px; height : 91px; background: #9db2bf;position : relative;}
.scroll-progress::after{position : absolute;content: '';width : 7px; height : 7px; border-radius: 50%; background: #d65b1d;animation : scroll-progress 1.5s infinite ease-in-out}
@keyframes scroll-progress {
    0%{top : 0}
    100%{top : calc(100% - 10px);}
}
.scroll-box > span{writing-mode: vertical-lr;font-family: futura-pt;color : #111; font-size: 11px;}


/* PREMIUM */
.main-section-premium{position:relative;overflow:hidden;}
.premium-inner{display:flex;align-items:stretch;width:100%;height:100%;}
.premium-bg{position:absolute; inset:0; z-index:0; width: 100%;}
.premium-bg>img{width:100%; height:100%; object-fit:cover; object-position:center; transform:scale(1.25); transition:transform 3s;}

.premium-rotate-btn{display:flex;align-items:center;justify-content:center;width:80px;height:80px;white-space:nowrap;position:fixed;z-index:10;font-family:futura-pt;letter-spacing:0.15em;background:#000;color:#C9C9C9;border-radius:50%;font-size:14px;transform:translateX(-50%) translateY(-50%);transition:transform .5s;cursor:pointer;}
.premium-rotate-btn.hide{transform:translateX(-50%) translateY(-50%) scale(0);}
.premium-left{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;position:absolute;top:188px;left:128px;z-index:2;}
.premium-tit-eng{font-family:"trajan-pro-3";font-size:18px;color:#000;font-weight:700;}
.premium-tit-eng .char{opacity:0;transition:opacity .7s;}
.premium-tit-eng .char:nth-child(1){transition-delay:0.4s;}
.premium-tit-eng .char:nth-child(2){transition-delay:0.5s;}
.premium-tit-eng .char:nth-child(3){transition-delay:0.6s;}
.premium-tit-eng .char:nth-child(4){transition-delay:0.7s;}
.premium-tit-eng .char:nth-child(5){transition-delay:0.8s;}
.premium-tit-eng .char:nth-child(6){transition-delay:0.9s;}
.premium-tit-eng .char:nth-child(7){transition-delay:1s;}
.premium-tit-eng .char:nth-child(8){transition-delay:1.1s;}
.premium-tit-eng .char:nth-child(9){transition-delay:1.2s;}
.premium-tit-eng .char:nth-child(10){transition-delay:1.3s;}
.premium-tit{font-size:36px;line-height:1.5em;letter-spacing:-.04em;font-weight:700;color:#000;margin:21px 0 24px;transform:translateX(-100px);opacity:0;transition:transform 0s 1s,opacity 0s 1s;}
.premium-tit b{font-weight:700;}
.premium-desc{font-size:18px;letter-spacing:-.04em;font-weight:400;color:#000;transform:translateX(-100px);opacity:0;transition:transform 0s 1s,opacity 0s 1s;}
.main-section-premium.active .premium-tit-eng .char{opacity:1;}
.main-section-premium.active .premium-tit{transform:translateX(0);opacity:1;transition:transform 1.2s .4s,opacity 1.2s .4s;}
.main-section-premium.active .premium-desc{transform:translateX(0);opacity:1;transition:transform 1.2s 1s,opacity 1.2s 1s;}
.premium-right{flex:1;overflow:hidden; z-index: 100;}

.premium-slide{position:relative;margin: 188px 150px 0; height: 680px; background: #fff;}
.premium-slide {
  background: linear-gradient(
	  to right,
	  #fff 0%,
	  #fff 70%,
	  #41b9b8 70%,
	  #41b9b8 100%
  );
  border-radius: 0px;

  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);
}

.active .premium-slide {
	animation : premiumSlide 1.5s both 1.3s
}
@keyframes premiumSlide {
    0%{clip-path: inset(50% 0% 50% 0);}
    50%{clip-path: inset(0% 0% 0% 0);}
    100%{clip-path: inset(0);}
}

.premium-title {
	padding-top: 45px;
	padding-left: 70px;
}
.premium-num {
    font-family: 'ONE-Mobile-Title';
	font-size: 230px;
	color: #e9e9e9;
	letter-spacing:-0.05em;
	margin-left: 140px;
	margin-top: 50px;
	opacity: 1;
	transition:opacity 1s .2s, transform 1s .2s;
}
.premium-sign{font-family:AV; position: absolute; top: 115px; left: 19.5%; font-size: 70px; line-height:1em; color:#000; opacity:0; transition:opacity 1s .4s, transform 1s .4s; transform:translateX(10vw) translateY(3vw); }
.swiper-slide-active .premium-sign{opacity:1; transform:translateX(0vw) translateY(0); transition:opacity 1s 1.2s, transform 1s 1.2s;}
.premium-sign span {
	margin-left: 80px;
}
.premium-desc {
	margin-top:20px;
	margin-left:220px;
	font-size: 22px;
}
.premium-desc p {
	margin-top:10px;
	font-size: 38px;
	color: #41b9b8;
	font-weight: bold;
	letter-spacing:-0.08em;
}
.premium-desc a {
	color: #fff;
	font-size: 15px;
	padding: 5px 15px;
	background: #eb612f;
	border-radius: 20px;
	position: absolute;
	margin-left: 30px;
	margin-top: 13px;
	font-weight: 400;
	letter-spacing: 0;
}

.premium-pagination{
	position: absolute;
	right: 0;
	top: 20px;;
	left: auto !important;
	margin-right: 200px;
	display: flex;
	gap: 10px;
    flex-direction: column;
    justify-content: center;
	align-items: flex-end;
}
.premium-pagination::before{
	content:'';
	position:absolute;
	width: 1px;
	height: 65px;
	background: #fff;
	margin-top: -300px;
	margin-right: 5px;
}
.premium-pagination::after{
	content:'';
	position:absolute;
	width: 1px;
	height: 65px;
	background: #fff;
	margin-top: 300px;
	margin-right: 5px;
}
.premium-pagination .swiper-pagination-bullet{
	width:13px; height:13px; margin:0 !important; border-radius:100px; background:rgba(255,255,255,1); transition:width .3s, background .3s; border:1px solid #fff;
}
.premium-pagination .swiper-pagination-bullet-active{ background:#fff;}

.premium-slide .swiper-slide{width:100%;height:100%;}
.premium-container{display:flex;justify-content:flex-end;gap:25px;width:100%;}
.premium-container-left{display:flex;flex-direction:column;align-items:flex-end;gap:25px;}
.premium-container-right{display:flex;flex-direction:column;align-items:flex-start;gap:25px;}
.premium-box{position:relative;overflow:hidden;display:flex;flex-direction:column;}
.premium-box.row{flex-direction:row;}
.premium-img-01{order:2;}
.premium-img-02{order:2;}
.premium-img-03 > img{margin-left:auto;}
.premium-img{
	position: absolute;
	top: 0;
	left: 55%;
	width:100%;flex:1;overflow:hidden;min-height:0;opacity:1;transform:translateY(40px);transition:opacity 1.2s,transform 1.2s;
}
.premium-box:nth-child(1) .premium-img{transform:translateX(-60px);}
.premium-box:nth-child(2) .premium-img{transform:translateY(-60px);}
.premium-box:nth-child(3) .premium-img{transform:translateY(60px);}
.premium-box:nth-child(4) .premium-img{transform:translateX(60px);}
.swiper-slide-active .premium-img{opacity:1;transform:translate(0,0) !important;transition-delay:0.3s;}
.swiper-slide-active .premium-box:nth-child(2) .premium-img{transition-delay:0.4s;}
.swiper-slide-active .premium-box:nth-child(3) .premium-img{transition-delay:0.45s;}
.swiper-slide-active .premium-box:nth-child(4) .premium-img{transition-delay:0.5s;}
.premium-con{flex-shrink:0;opacity:0;transform:translateY(12px);transition:opacity 0.7s,transform 0.7s;transition-delay:calc(var(--i) * 0.1s + 0.55s);}
.swiper-slide-active .premium-con{opacity:1;transform:translateY(0);}
.premium-con-01{padding-right:124px;padding-top:49px;}
.premium-con-02{padding-left:29px;padding-bottom:40px;}
.premium-con-03{padding-right:206px;padding-top:41px;}
.premium-con-04{padding-left:35px;padding-top:30px;}
.premium-con-cat{display:block;font-size:18px;font-family:"trajan-pro-3";font-weight:700;color:#b8956a;line-height:1.44;margin-bottom:8px;}
.premium-con-tit{display:block;font-size:22px;font-weight:700;color:#000;letter-spacing:-0.04em;margin-bottom:24px;}
.premium-con-desc{font-size:16px;color:#5D5D5D;line-height:1.56;letter-spacing:-0.04em;}
.premium-navigation{align-items:center;gap:42px; position:relative; font-family:futura-pt;font-size:18px;color:#294F51;font-weight:500;letter-spacing:0.25em;transform:translateY(50px);opacity:0;transition:opacity 1s,transform 1s;z-index:10;}
.premium-navigation > div{display:flex;flex-direction:column;font-family:"trajan-pro-3";font-size:12px;cursor:pointer;color:#272727; width: 39px; height: 21px; background:url('/assets/images/main/premium-slide-prev.png') no-repeat center/contain;}
.premium-navigation > div img{transition:transform 0.5s;}
.premium-navigation > .premium-prev span{padding-left:20px;}
.premium-navigation > .premium-prev img{transform:rotate(180deg);}
.premium-navigation > .premium-prev:hover img{transform:rotate(180deg) translateX(30px);}
.premium-navigation > .premium-next {align-items:end; background:url('/assets/images/main/premium-slide-next.png') no-repeat center/contain;}
.premium-navigation > .premium-next span{padding-right:20px;}
.premium-navigation > .premium-next:hover img{transform:translateX(30px);}
.main-section-premium.active .premium-navigation{transform:translateY(0);opacity:1;transition-delay:1s;}

.premium-navigation {
	position:absolute;
	top: 120px;
	right: 187px;
}
.premium-navigation > .premium-next {
	position:absolute;
	top: 420px;
}

.main-section-envi {position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#2a3f36;}


.envi-bg{position:absolute; inset:0; z-index:0; width: 100%;}
.envi-bg>img{width:100%; height:100%; object-fit:cover; object-position:center; transform:scale(1.25); transition:transform 3s;}

.envi-inner {position:relative;width: 1480px;height:740px;z-index:1;margin: 100px auto 0;}

.envi-inner .line {position:absolute;left:0;right:0;z-index:10;pointer-events:none;display:flex;align-items:flex-start;}
.envi-inner .line.top {top:0;gap:18px;}
.envi-inner .line.bottom {bottom:0;}
.envi-inner .line img {display:block;opacity:0;}
.envi-inner .line.top img:nth-child(1) {flex-shrink:0;width:auto;}
.envi-inner .line.top img:nth-child(2) {flex-shrink:0;width:auto;}
.envi-inner .line.top img:nth-child(3) {flex:1;}
.envi-inner .line.bottom img {width:100%;height:auto;}

.envi-content {position:absolute;top:68px;bottom:48px;left:0;right:0;display:flex;align-items:stretch;opacity:0;}

.envi-map {flex-shrink:0;display:flex;flex-direction:column;align-items: flex-end; gap:27px;overflow:hidden;transform: translateX(-70px);}
.envi-map > .envi-label {flex-shrink:0;}
.envi-map > img {width:100%;object-fit:cover;min-height:0;}
.envi-label {opacity:0;}
.envi-label img {width:auto;height:auto;}

.envi-txt-wrap {flex-shrink:0;width:310px;display:flex;flex-direction:column;justify-content:center;}
.envi-txt-slide {width:100%;overflow:hidden;}
.envi-txt-slide .swiper-wrapper {display:flex;box-sizing:border-box; margin-left: -30px;}
.envi-txt-slide .swiper-slide {width:100%;flex-shrink:0;box-sizing:border-box; text-align: right; padding-right: 0px;}
.envi-script {font-family:AV,serif;font-size:20px;font-style:italic;font-weight:300;letter-spacing:0.06em;color:rgba(255,255,255,0.8);margin-bottom:12px;}
.envi-divider {position: absolute;
    right: 30px;width:28px;height:1px;background:rgba(255,255,255,0.7);margin-bottom:30px;text-align: right;}
.envi-tit {font-size:42px;font-weight:700;letter-spacing:-0.02em;color:#fff;line-height:1.25;margin-bottom:16px; margin-top: 30px;}
.envi-desc {font-size:17px;color:rgba(255,255,255,1);line-height:1.5;}
.envi-slide-lbl {margin-top:20px;font-size:9px;font-weight:700;letter-spacing:0.22em;color:rgba(255,255,255,0.35);}
.envi-img-wrap {flex:1;min-width:0;height:100%;display:flex;align-items:center;gap:14px;padding-left:20px;}

.envi-navi {display:flex;flex-direction:column;justify-content:center;gap:10px;flex-shrink:0;align-self:center;}
.envi-dot {display:block;width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,0.4);cursor:pointer;transition:background 0.3s,border-color 0.3s;}
.envi-dot.is-on {background:#fff;border-color:#fff;}

.envi-imgs {position:relative;width:390px;height:100%;flex-shrink:0; margin-top: 76px;}
.envi-panel-item {position:absolute;inset:0;display:flex;flex-direction:column;gap:4px;opacity:0;pointer-events:none;}
.envi-panel-item.is-on {opacity:1;pointer-events:auto;}

.epi-top {min-height:0;overflow:hidden;}
.epi-top img {width:100%;height:100%;object-fit:cover;}

.epi-mid {flex-shrink:0;height:32px;display:flex;gap:4px;}
.epi-mid .epi-clr {flex:1;border-radius:1px; height: 50px;}

.epi-bot {flex-shrink:0;height:80px;display:flex;gap:4px; margin-top: 20px;}
.epi-lbl {
	box-shadow: inset 0 0 0 1px #c3bcb9; display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;letter-spacing:0.14em;color:rgba(255,255,255,0.6);white-space:nowrap;overflow:hidden;border-radius:0px;
	height: 48px; line-height: 50px;
	width: 280px;
}
.epi-sm {position:absolute; right: 0; flex-shrink:0;overflow:hidden;border-radius:0px; }
.epi-sm img {width:100%;height:100%;object-fit:cover;}
.epi-bot .epi-clr {
	position:absolute; left: 0;
	margin-top: 56px;
	width: 166px;
	height: 54px;
	background: #e17e2d;
}

/* LOCATION */
.main-section-location{overflow:hidden;}
.location-bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:-1;}
.location-bg > img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.4);transition:transform 0s 1.2s;}
.fp-active .location-bg > img{transform:scale(1);transition:transform 4s;}
.location-bg::before {content: '';position: absolute;top: 16px;left: 0;z-index: 1; width: 198px;height: 333px;background: url(../images/main/location-pettern-01.png) no-repeat center / cover; opacity: 0; transform: translate(-100px, -100px);transition: transform 1.2s, opacity 1s;}
.location-bg::after {content: '';position: absolute;bottom: 80px;right: 0;z-index: 1; width: 198px;height: 333px;background: url(../images/main/location-pettern-02.png) no-repeat center / cover; opacity: 0; transform: translate(100px, 100px);transition: transform 1.2s, opacity 1s;}
.fp-active .location-bg::before, .fp-active .location-bg::after {opacity: 1; transform: translate(0);transition-delay:.7s;}

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

.location-tit{font-family: Marcellus;font-size:45px;font-weight: 400;line-height:1;color:#493134;}
.location-tit::after{content:'';display: block;opacity:0;width:0;height:1px;background:#432d30;margin:49px 0 86px;transition:1.5s;}
.fp-active .location-tit::after{width:100%;opacity:1;transition-delay:1s;}
.location-tit .char{opacity:0;}
.location-container{display:flex;align-items:flex-start;gap:135px;}
.location-map{position:relative;padding-top: 83px; opacity:0;transform: translateX(-30px);transition: transform 1.2s, opacity 1s;}
.fp-active .location-map{opacity:1;transform: translateX(0);transition-delay:1.3s;}
.location-address-box{display:flex;flex-direction:column;align-items:flex-start;width:552px;}
.location-address-box + .location-address-box{margin-top:47px;}

.location-name{position:relative;margin-right:33px;opacity:0;transition:opacity 1s;}
.fp-active .location-name{transform:translateX(0);opacity:1;transition:opacity 1s 1.5s,transform 1s 1.3s;}
.location-address-tit{font-size:25px;font-weight:700;letter-spacing:-0.04em;color:#453630;}
.location-address{font-size:19px;letter-spacing:-0.04em;color:#453630;margin-top:12px;}
.location-btn-box{display:flex;gap:6px;margin-top:23px;transform:translateX(50px);opacity:0;transition:opacity 1s,transform 1s;}
.location-btn-box > a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 23px;
  border: 1px solid #999;
  color: #333;
  text-decoration: none;
  font-size: 15px;
  overflow: hidden;
  transition: color 0.3s ease;
}
.location-btn-box > a::before {
  content: '';
  position: absolute;
  inset: 0;
  width: 0%;
  background: #333;
  z-index: -1;
  transition: width 0.3s ease;
}
.location-btn-box > a:hover::before {
  width: 100%;
}
.location-btn-box > a:hover {
  color: #fff;
}
.location-btn-box > a::after {
  content: '';
  width: 6px;
  height: 6px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  transform: rotate(45deg);
  display: inline-block;
  transition: transform 0.3s ease;
}
.location-btn-box > a:hover::after {
  transform: rotate(45deg) translateX(3px);
}
.fp-active .location-btn-box{transform:translateX(0);opacity:1;transition:opacity 1s 1.5s,transform 1s 1.3s;}

/* NEW */

.main-section-pr{}
.pr-bg{width : 100%;height : 100%; position : absolute; left : 0;top : 0; overflow : hidden;}
.pr-bg > img{transform : scale(1.4); transition : 0s 1s; width : 100%;height : 100%; object-fit : cover; object-position : center bottom;}
.active .pr-bg > img{transform : scale(1); transition : 3s;}
.pr-inner{display : flex; flex-direction : column; align-items : center; justify-content : center; position : relative; text-align : center; font-family : Noto Sans KR; width : 860px;height : 460px; margin : 0 auto}

.pr-border{position : absolute; background: #c9caca; transition : clip-path 0s 1s;}
.pr-border1{left : 0;top :0;width : 100%;height : 1px; clip-path : inset(0 100% 0 0)}
.pr-border2{left : 0;top :0;width : 1px;height : 100%; clip-path : inset(0 0 100%)}

.pr-border3{right : 0;bottom:0;width : 100%;height : 1px; clip-path : inset(0 0 0 100%)}
.pr-border4{right : 0;bottom :0;width : 1px;height : 100%; clip-path : inset(100% 0 0)}

.active .pr-border{clip-path : inset(0); transition : clip-path 1s 1.2s;}

.pr-logo{margin-bottom: 45px; transform : translateY(-100px); opacity : 0; transition : 0s 1s;}
.active .pr-logo{opacity : 1; transform : translateY(0); transition : 1.2s 0.4s;}
.pr-line{width : 66px; height : 1px; background: #727171; margin-bottom: 52px; clip-path : inset(0 50%); transition : clip-path 0s 1s}
.active .pr-line{clip-path : inset(0); transition : clip-path 1s 1s;}

.pr-desc{font-weight : 400;line-height : 1.8em;font-size : 19px; color : #727171; letter-spacing : -0.03em}
.pr-desc b{display : block; color : #453537; font-weight : 700; font-size : 23px; margin-bottom: 10px;}

.pr-desc li{transform : translateY(100px); opacity : 0; transition : 0s 1s;}
.active .pr-desc li{transform : translateX(0); opacity : 1; transition : 1s calc(var(--i) * 0.1s + 1s)}


/* .unit-bg{position : absolute; left : 0;top : 0; width : 100%;height : 100%; overflow : hidden;}
.unit-bg > img{width : 100%;height : 100%; transform : scale(1.25); transition : 0s 1s;}
.active .unit-bg > img{transition : 3s; transform : scale(1);}

.unit-tit{font-family : AV; color : #fff;font-size : 70px; margin-bottom: 80px; text-align : center; line-height : 1em; transform : translateY(-100px); opacity : 0; transition : 0s 1s;}
.active .unit-tit{transform : translateY(0); opacity : 1; transition : 1s .4s;}
.unit-inner{width : 100%; max-width : 1307px; margin : 0 auto;position : relative; padding-top: 100px;}

.unit-list{display : flex; justify-content : space-between; width : 100%;gap : 32px;}
.unit-list > li{width : 25%; border : 1px solid rgba(255,255,255,0.5);padding : 0 17px 17px; background: rgba(0,0,0,0.25); opacity : 0; transform : translateY(100px); transition : 0s 1s;}
.active .unit-list > li{opacity : 1; transform : translateY(0); transition : 1s calc(var(--i) * 0.1s + 0.4s)}

.unit-list-tit{padding : 30px 0; color : #fff;font-family : PT; font-size : 45px; text-align : center; position : relative;}
.unit-list-tit::before{position : absolute; content : ''; width : 100%; height : 1px; bottom : 0; left : 50%; transform : translateX(-50%); background: rgba(255,255,255,0.5);}
.unit-list-tit::after{position : absolute; content : ''; width : 100%; height : 1px; bottom : 0; left : 50%; transform : translateX(-50%); background: rgba(255,255,255,1); clip-path : inset(0 100% 0 0); transition : .5s;}
.unit-list > li:hover .unit-list-tit::after{clip-path : inset(0)}

.unit-img{display : flex; align-items : center; justify-content : center; height : 264px; filter : brightness(0.7); transition : .3s;}
.unit-list > li:hover .unit-img{filter : brightness(1)}

.unit-btn-box > a{display : flex; align-items : center; justify-content : center; border : 1px solid #fff;height : 44px; font-size : 18px; font-family : Noto Sans KR; color : #fff; transition : .3s;}
.unit-btn-box > a + a{margin-top: 7px;}

.unit-btn-box > a:hover{color : #453537; background: #fff;} */

.unit-inner{width : 100%;height : 100%; display : flex;}
.unit-inner > div{width : 50%; position : relative;}

.unit-bg{position : absolute; left : 0;top : 0; width : 100%;height : 100%; overflow : hidden;}
.unit-bg > img{width : 100%;height : 100%; transform : scale(1.25); transition : 0s 1s;}
.active .unit-bg > img{transition : 3s; transform : scale(1);}

.unit-tit-box{position : relative; padding : 260px 0 0 180px; transform : translateX(-100px); opacity : 0; transition : 0s 1s;}
.active .unit-tit-box{opacity : 1; transform : translateX(0); transition : 1s .4s;}
.unit-tit{font-family : AV; font-size : 80px; color : #493134}

.unit-desc{font-family : Noto Sans KR;font-weight : 500;  font-size : 23px; letter-spacing : -0.033em; color : #706f6f;}
.unit-desc b{font-weight : 700; color : #454545}

.unit-right{display : flex;flex-direction : column; justify-content : center;align-items : center; padding-top: 100px; overflow : hidden;}

.unit-slide{display : flex; align-items : center; justify-content : center; width : 100%;}
.unit-slide .swiper-slide > a{display : flex; flex-direction : column; align-items : center;width : 100%;height : 100%;}
.unit-slide .swiper-slide > a > *{transition : 0s 1s; transform : translateY(100px); opacity : 0; pointer-events : none;}
.unit-slide-tit{font-family : GS; font-weight : 700; color : #493134; margin-bottom: 26px; letter-spacing : -0.035em; font-size : 50px;}
.active .swiper-slide-active .unit-slide-tit{opacity : 1; transform : translateY(0); transition :1s 0.4s;}

.unit-slide-desc{font-family : Noto Sans KR; font-weight : 500; color : #706f6f; font-size : 31px; letter-spacing : -0.035em;}
.active .swiper-slide-active .unit-slide-desc{opacity : 1; transform : translateY(0); transition:1s 0.5s;}
.unit-slide-desc b{font-weight : 700; color : #454545}

.unit-slide-img{display : flex; align-items : center; justify-content : center; height : 500px;}
.active .swiper-slide-active .unit-slide-img{opacity : 1; transform : translateY(0); transition:1s 0.6s;}

.unit-navigation{position : absolute; display : flex; justify-content : space-between; width : 714px; z-index : 1; opacity : 0; transition : 0s 1s;}
.active .unit-navigation{opacity : 1; transition : 1s 1s;}
.unit-navigation > div{display : flex; align-items : center; cursor : pointer;position : relative;}
.unit-navigation > div::after{position : absolute; content : ''; width : 50px;height : 50px; border-radius : 50%; border : 1px solid #747474; transition : .3s;}
.unit-prev::after{transform : translateX(-40%)}
.unit-next::after{transform : translateX(40%)}

.unit-prev:hover::after{transform : translateX(-40%) scale(0.8)}
.unit-next:hover::after{transform : translateX(40%) scale(0.8)}

.unit-navigation > div > img{transition : 0.3s;}
.unit-next > img{transform : rotate(180deg);}

.unit-prev:hover > img{transform : translateX(-10px);}
.unit-next:hover > img{transform : translateX(10px) rotate(180deg);}

.unit-btn-box{display : flex;gap : 4px;transform : translateY(100px); opacity : 0; transition : 0s 1s;}
.active .unit-btn-box{opacity : 1; transform : translateY(0); transition : 1s .4s;}
.unit-btn-box > a{display : flex; align-items : center; justify-content : center; width : 143px; height : 50px; color : #fff; background: #dedede; font-family : GS; font-weight : 700; transition : 0.3s; font-size : 24px; line-height : 1em;padding-top: 5px;cursor : pointer;}
.unit-btn-box > a.on,
.unit-btn-box > a:hover{background: #493134;}