/*================================================
==================== VISUAL ======================
=================================================*/

.visual-slide{width : 100%;height : 100%;}
.visual-inner{display: flex; position : absolute;width : 100%;height : 100%; left: 0;top : 0;z-index: 1;}
.visual-left,
.visual-right{width : 50%; flex-shrink: 0;}

.visual-left-bg{background: #aaa;width : 100%;height : 100%; overflow: hidden;}
.visual-left-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center;transform: scale(1.2); transition : transform 2s;}
.on .visual-left-bg > img{transform: scale(1);}

.visual-02{position : absolute; width : 516px;height : 262px;position : absolute;left : 75%; top : 50%; opacity: 0; transform: translateX(-50%) translateY(calc(-50% + 100px)); transition : 1.2s; transition-timing-function: ease-out; background: #fff;}
.on .visual-02{transform: translateX(-50%) translateY(-50%); opacity: 1;}

.type2 .visual-02,
.type3 .visual-02,
.type4 .visual-02{left : 50%; top : 50%; transform: translateX(-50%) translateY(-50%); width : 100%; height : 100%;}

.visual-02-bg{position : absolute; width : 100%;height : 100%; transition : 1.2s}
.type3 .visual-02-bg,
.type4 .visual-02-bg{transform: translateY(-35vh);}
.visual-02-bg > video{width : 100%;height : 100%; object-fit: cover; object-position: center;}

.visual-right-inner{display: flex;flex-direction: column;justify-content: center; width : 516px; margin : 0 auto; height : 100%; position : relative; transition : opacity 0.7s; pointer-events: none;}
.type2 .visual-right-inner,
.type3 .visual-right-inner,
.type4 .visual-right-inner{opacity: 0;}

.visual-tit{position : absolute; transform: translateY(-180px) translateX(-100px);opacity: 0; transition : 1.2s;}
.on .visual-tit{transform: translateX(0px) translateY(-180px); opacity: 1;}
.visual-text-box{position : relative; transform: translateY(220px);}

.visual-desc{font-size: 16px; font-family: PT; font-weight: 500; line-height: 1.5em; color : #727272; margin-bottom: 30px;}

.visual-desc .line{opacity: 0; transform: translateX(-50px); transition : 1.2s;}
.on .visual-desc .line{opacity: 1; transform: translateX(0);}
.on .visual-desc .line:nth-child(1){transition-delay: 1s;}
.on .visual-desc .line:nth-child(2){transition-delay: 1.1s;}
.on .visual-desc .line:nth-child(3){transition-delay: 1.2s;}

.visual-logo{text-align: right; font-size: 18px; font-weight: 500; font-family: PT; color : #1D1D1D; opacity: 0; transform: translateY(50px); transition : 1.2s;}
.visual-logo b{font-size: 24px; font-weight: 700;}

.on .visual-logo{transform: translateY(0); opacity: 1; transition-delay: 1s;}

.visual-03{display: flex;align-items: center;justify-content: center; position : absolute; width : 100%;height : 100%;}

.visual-03-inner{display: flex;flex-direction: column; justify-content: start; height : 0; text-align: center; align-items: center; transition : 2s}

.type4 .visual-03-inner{transform: translateY(-260px);}

.visual-03-desc-01{font-family: Noto Serif KR; font-size: 22px; padding-left : 0.4em; letter-spacing: 0.4em; opacity: 0; transition : padding-left 1s, opacity 1s, letter-spacing 1s;}
.type2 .visual-03-desc-01,
.type3 .visual-03-desc-01,
.type4 .visual-03-desc-01{letter-spacing: 0em; padding-left: 0em; opacity: 1; transition :  opacity 1.2s 1s, letter-spacing 1.2s 1.5s, padding-left 1.2s 1.5s}

.visual-line{width : 1px; height : 106px; margin : 30px 0; background: #8E8E8E; flex-shrink: 0; clip-path: inset(0 0 100%); transition : 1.2s;}
.type3 .visual-line,
.type4 .visual-line{clip-path: inset(0);}

.visual-03-desc-02{font-family: Noto Serif KR; font-size: 15px; color : #1D1D1D; font-weight: 500; line-height: 1.8em; margin-bottom: 135px;}

.visual-03-desc-02 .line{opacity: 0; transform: translateX(-50px); transition : 1.2s;}
.type3 .visual-03-desc-02 .line,
.type4 .visual-03-desc-02 .line{opacity: 1; transform: translateX(0);}
.type3 .visual-03-desc-02 .line:nth-child(1){transition-delay: 0.4s;}
.type3 .visual-03-desc-02 .line:nth-child(2){transition-delay: 0.5s;}
.type3 .visual-03-desc-02 .line:nth-child(3){transition-delay: 0.6s;}
.type3 .visual-03-desc-02 .line:nth-child(4){transition-delay: 0.7s;}

.visual-03-desc-03{font-family: Noto Serif KR; font-size: 15px; color : #1D1D1D; font-weight: 500; line-height: 1.8em; margin-bottom: 30px;}
.visual-03-desc-03 .line{opacity: 0; transform: translateX(-50px); transition : 1.2s .4s;}

.type4 .visual-03-desc-03 .line{opacity: 1; transform: translateX(0);}
.type4 .visual-03-desc-03 .line:nth-child(1){transition-delay: 0.8s;}
.type4 .visual-03-desc-03 .line:nth-child(2){transition-delay: 0.9s;}

.visual-03-tit{font-family: Noto Serif KR; font-size: 22px; font-weight: 600; color : #1D1D1D; padding-left : 0.4em; letter-spacing: 0.4em; opacity: 0; transition : padding-left 1s .4s, opacity 1s .4s, letter-spacing 1s .4s;}
.type4 .visual-03-tit{letter-spacing: 0em; padding-left: 0em; opacity: 1; transition :  opacity 1.2s 1.5s, letter-spacing 1.2s 2s, padding-left 1.2s 2s}

.visual-03-tit .color{color : #E3691F}

.visual-img-container{display: flex;flex-direction: column; position : absolute;width : 100%; max-width: 1680px; height : 100%; overflow: hidden;}
.visual-img-box{width : 100%; height : 100%; flex-shrink: 0;position : relative;transform: translateY(100%); transition : transform 2s;}
.type3 .visual-img-box{transform: translateY(0);}
.type4 .visual-img-box{transform: translateY(-100%);}
.visual-img-box > img{position : absolute;}

.visual-img-01{bottom : 253px}
.visual-img-02{top : 180px; right : 0;}


/**/
.main-section-envi{overflow: hidden;}

.envi-bg{position : absolute; width: 100%; height : 100%; left : 0;top : 0; background: #E6D8CF; overflow: hidden;}

.envi-bg-img{width : 100%; height : 100%; object-fit: cover; object-position: center; opacity: 0; transform: scale(1.2); transition : 2s .4s}
.active .envi-bg-img{opacity: 1; transform: scale(1);}

.pearl{position : absolute; z-index: 1; opacity: 0; transition : 1.2s;}
.pearl-01{left : 46px;top : 50%; transform: translateY(-50%) scale(1.5);}
.pearl-02{right : 24%; top : 50%; transform: translateY(-50%) scale(1.5);}
.pearl-03{left : 32%; bottom : 30px; transform: scale(1.5);}
.pearl-04{right : 47px; top : 50%; transform: translateY(-40%) scale(1.5);}

.active .pearl{opacity: 1;}
.active .pearl-01{transform: translateY(-50%) scale(1); transition-delay: .4s;}
.active .pearl-02{transform: translateY(-50%) scale(1); transition-delay: 1s;}
.active .pearl-03{transform: scale(1); transition-delay: .8s;}
.active .pearl-04{transform: translateY(-40%) scale(1); transition-delay: .6s;}

.envi-slide{display: flex; justify-content: center;}
.envi-inner{position : absolute; width : 100%; max-width: 1520px; height : 100%; top : 0;}

.envi-tit-box{padding-top: 200px;}
.envi-desc{font-size: 20px; font-family: PT; font-weight: 500; letter-spacing: -0.03em; margin-bottom: 10px; transform: translateX(-50px); opacity: 0; transition : 1s}
.envi-tit{font-size: 34px; letter-spacing: -0.03em; font-weight: 500; margin-bottom: 19px; transform: translateX(-50px); opacity: 0; transition : 1s}
.envi-tit .color{color : #E3691F}
.envi-desc-eng{font-family: futura-pt; letter-spacing: 0.22em; transform: translateX(-50px); opacity: 0; transition : 1s}

.active .envi-desc,
.active .envi-tit,
.active .envi-desc-eng{transform: translateX(0); opacity: 1;}

.active .envi-desc{transition-delay: .4s;}
.active .envi-tit{transition-delay: .5s;}
.active .envi-desc-eng{transition-delay: .6s;}

.envi-img-box{display: flex;flex-direction: column; position : absolute;top : 0; left : 50%; transform: translateX(calc(-50% + 80px)); z-index: 1; height : 100%;}
.envi-img-box > div{position : relative;width : 1px;}
.envi-img-top{height : 55%; left : 114px;}
.envi-img-top::after{position : absolute;content: '';width : 1px; height : 100%; bottom : 109px; right : 0; background: #707070;clip-path: inset(0 0 100%); transition : clip-path .7s}
.envi-img-top::before{position : absolute;content: '';width : 435px; height : 1px; bottom : 0; right : 114px; background: #707070;clip-path: inset(0 100% 0 0); transition : clip-path .7s}

.envi-logo{display: flex; justify-content: center; align-items: center; width : 114px; height : 109px; background: #E3691F; position : absolute; bottom : 0; right : 0; transition : 1s; transform: scale(0); opacity: 0;}
.active .envi-logo{transform: scale(1); opacity: 1; transition-delay: .4s;}

.envi-img-bottom{height : 45%;}
.envi-img-bottom::after{position : absolute;content: '';width : 435px; height : 1px; top : 120px; right : -306px; background: #707070; clip-path: inset(0 100% 0 0); transition : clip-path .7s}
.envi-img-bottom::before{position : absolute;content: '';width : 1px; height : 100%; top : 0; right : 0; background: #707070; clip-path: inset(100% 0 0); transition : clip-path .7s}

.active .envi-img-box > div::after,
.active .envi-img-box > div::before{clip-path: inset(0% 0% 0% 0%); transition-delay: .4s;}

.envi-img-01{width : 281px; height : 247px; position : absolute;right : -102px; bottom : 158px; z-index: 1;}

.envi-img-obj{position : absolute; opacity: 0; transform: scale(1.2); transition : 1s;}
.active .envi-img-obj{opacity: 1; transition-delay: .4s; transform: scale(1);}

.envi-img-obj-01{top : 0; right : calc(100% + 18px);transform: translateY(-50%);}
.envi-img-obj-02{top : calc(100% + 20px); right : 0;}

.envi-img-02{width : 267px; height : 252px; position : absolute;right : 84px; top : 48px; z-index: 1;}

.envi-text{position : absolute; font-family: futura-pt; font-size: 40px; letter-spacing: 0.1em; flex-shrink: 0; height : 1em; line-height: 1em; clip-path: inset(0);width : 435px; transition : 1s;}
.envi-text > span{display: block; position : absolute;left : 0;top : 100%; white-space: nowrap;transition : transform .7s;}

.envi-text > span:nth-child(1){position : static}
.type2 .envi-text > span{transform: translateY(-100%);}

.envi-text-01{right : 0;bottom : 100%; margin-bottom: 20px; transform: translateX(-100px); opacity: 0;}
.envi-text-02{left : calc(100%  + 64px); bottom : 100%; top : 48px; transform: translateY(100px); opacity: 0;}
.active .envi-text{transform: translateX(0); opacity: 1; transition-delay: 1s;}

.envi-img-inner{position : relative; overflow: hidden;transition : clip-path .7s; clip-path: inset(0 100% 0 0);}
.active .envi-img-inner{clip-path: inset(0); transition-delay: 1s;}
.envi-img-inner > img{position : absolute;width :100%;height : 100%; object-fit: cover; object-position: center;left : 0;top : 0; transition : clip-path .7s;}
.envi-img-inner > img:nth-child(1){position :static}
.envi-img-inner > img:nth-child(2){clip-path: inset(0 100% 0 0);}

.active .type2 .envi-img-inner > img:nth-child(2){clip-path: inset(0);}


.envi-con{position : absolute;}
.envi-con.right{text-align: right;}

.envi-con-tit-eng{font-size: 17px; font-family: futura-pt; margin-bottom: 15px; font-weight: 500; letter-spacing: 0.25em; transform: translateX(-50px);opacity: 0; transition : 1s;}
.right .envi-con-tit-eng{transform: translateX(50px);}

.envi-con-tit{font-size: 20px; font-family: PT; font-weight: 500; letter-spacing: -0.03em; margin-bottom: 15px; line-height: 1.5em; transform: translateX(-50px);opacity: 0; transition : 1s;}
.right .envi-con-tit{transform: translateX(50px);}
.envi-con-tit .color{color : #E3691F;}

.envi-con-desc{font-size: 16px; letter-spacing: -0.03em; font-family: PT; font-weight: 400; line-height: 1.5em; color :#727272; transform: translateX(-50px);opacity: 0; transition : 1s;}
.right .envi-con-desc{transform: translateX(50px);}

.envi-con-01,
.envi-con-03{top : 173px; right : 0;}

.envi-con-02,
.envi-con-04{bottom : 88px;}

.active .type1 .envi-con-01 .envi-con-tit-eng,
.active .type1 .envi-con-02 .envi-con-tit-eng,
.active .type1 .envi-con-01 .envi-con-tit,
.active .type1 .envi-con-02 .envi-con-tit,
.active .type1 .envi-con-01 .envi-con-desc,
.active .type1 .envi-con-02 .envi-con-desc{opacity: 1; transform: translateX(0);}

.active .type2 .envi-con-03 .envi-con-tit-eng,
.active .type2 .envi-con-04 .envi-con-tit-eng,
.active .type2 .envi-con-03 .envi-con-tit,
.active .type2 .envi-con-04 .envi-con-tit,
.active .type2 .envi-con-03 .envi-con-desc,
.active .type2 .envi-con-04 .envi-con-desc{opacity: 1; transform: translateX(0);}

.active .type1 .envi-con-01 .envi-con-tit-eng,
.active .type1 .envi-con-02 .envi-con-tit-eng,
.active .type2 .envi-con-03 .envi-con-tit-eng,
.active .type2 .envi-con-04 .envi-con-tit-eng{transition-delay: .4s;}

.active .type1 .envi-con-01 .envi-con-tit,
.active .type1 .envi-con-02 .envi-con-tit,
.active .type2 .envi-con-03 .envi-con-tit,
.active .type2 .envi-con-04 .envi-con-tit{transition-delay: .5s;}

.active .type1 .envi-con-01 .envi-con-desc,
.active .type1 .envi-con-02 .envi-con-desc,
.active .type2 .envi-con-03 .envi-con-desc,
.active .type2 .envi-con-04 .envi-con-desc{transition-delay: .6s;}

/***************/
.main-section-premium{overflow: hidden;}
.premium-bg{position : absolute;left : 0;top : 0; overflow: hidden;z-index: -1; overflow: hidden;}
.premium-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.4); transition : transform 2s 1s;}
.active .premium-bg > img{transform: scale(1); transition : transform 4s;}

.premium-inner{position :relative;z-index: 1; width : 100%; max-width: 1360px; margin : 0 auto;}

.premium-tit-box{display: flex;flex-direction: column;align-items: center; position : relative;}

.premium-sign{font-family: AV; font-size: 46px; line-height: 1em; opacity: 0; transform: rotate(-10deg) translateX(-100px) translateY(30px);transition : opacity 1s .4s, transform 1s .4s;position : absolute; left : -80px;bottom : 90%;}
.active .premium-sign{opacity: 1; transform: rotate(-10deg) translateX(0px) translateY(0px);transition : opacity 1s 1.2s, transform 1s 1.2s;}

.premium-tit{font-family: Athena; letter-spacing: 0.4em; font-size: 43px; margin-bottom: 12px; line-height: 1.25em;opacity: 0; letter-spacing: 1.5em;transition : opacity 1s .4s, letter-spacing 1s .4s; color : #E3691F; font-weight: 400;}

.active .premium-tit{opacity: 1; letter-spacing: 0.9em; transition : opacity 1s .4s, letter-spacing 1s 1.2s;}

.premium-desc{font-family: PT; font-size: 16px; letter-spacing: -0.04em;opacity: 0; transform: translateY(100px);transition : opacity 1s .4s, transform 1s .4s; margin-bottom: 50px;}
.active .premium-desc{opacity: 1; transform: translateY(0px);transition : opacity 1s 1.2s, transform 1s 1.2s;}

.premium-list{display: grid;grid-template-columns: repeat(3,1fr); width : 881px;position :absolute; right : 80px; bottom : 80px;}
.premium-list > li{display: flex;flex-direction: column; justify-content: end; align-items: start; padding : 0 0 35px 40px; border-radius: 7px; border : 1px solid #C1C1C1; height : 242px; background: rgba(255,255,255,0.2); backdrop-filter: blur(3px); color : #212121; transform: scale(0.5); opacity: 0; transition : color .3s, border-color .3s, background .3s, transform 1s .4s, opacity 1s .4s;}

.premium-list > li:hover{color : #fff; background: #E3691F; border-color : #E3691F;}
.active .premium-list > li{transform: translateX(0px); opacity: 1; transition : color .3s, border-color .3s, background .3s, transform 1s calc(var(--i) * .1s + 1s), opacity 1s calc(var(--i) * .1s + 1s);}
.premium-list > li.disabled{visibility: hidden;}

.premium-con-num{font-size: 14px; font-family: futura-pt; font-weight: 500; letter-spacing: 0.1em;  position : absolute; top : 34px}

.premium-con-desc{font-size: 16px; font-family: PT; font-weight: 500; letter-spacing: -0.04em; line-height: 1.5em;  margin-top: 12px;}

.premium-con-tit{font-size: 22px; font-family: PT; letter-spacing: -0.04em; margin-top: 20px;}

.premium-icon{transition : filter .3s;}
.premium-list > li:hover .premium-icon{filter : brightness(10)}

/**************************/

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

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

.main-section-location .fp-tableCell{display: flex;justify-content: center; align-items: center;}

.location-inner{display: flex;flex-direction: column;align-items: center;padding-top: 100px;}

.location-tit-box{display: flex;flex-direction: column;align-items: center; position : relative;}

.location-sign{font-family: AV; font-size: 46px; line-height: 1em; opacity: 0; transform: rotate(-10deg) translateX(-100px) translateY(30px);transition : opacity 1s .4s, transform 1s .4s;position : absolute; left : -80px;bottom : 90%;}
.fp-active .location-sign{opacity: 1; transform: rotate(-10deg) translateX(0px) translateY(0px);transition : opacity 1s 1.3s, transform 1s 1.3s;}

.location-tit{font-family: Athena; font-size: 43px; margin-bottom: 12px; line-height: 1em;opacity: 0; letter-spacing: 1.5em;transition : opacity 1s .4s, letter-spacing 1s .4s; color : #393F45; font-weight: 400;}

.fp-active .location-tit{opacity: 1; letter-spacing: 0.3em; transition : opacity 1s .4s, letter-spacing 1s 1.3s;}

.location-desc{font-family: PT; font-size: 16px; letter-spacing: -0.04em;opacity: 0; transform: translateY(100px);transition : opacity 1s .4s, transform 1s .4s; margin-bottom: 50px;}
.fp-active .location-desc{opacity: 1; transform: translateY(0px);transition : opacity 1s 1.3s, transform 1s 1.3s;}

.location-desc b{color :#E3691F;}

.location-container{display: flex;gap : 30px;}

.location-map{margin-bottom: 14px; position : relative;}

.location-map > b{position : absolute; transition : clip-path .3s}
.location-map > b:nth-of-type(1){width : 100%; height : 1px; left : 0; top : 0; background: #707070; clip-path: inset(0 100% 0 0);}
.location-map > b:nth-of-type(2){width : 1px; height : 100%; right : 0; top : 0; background: #707070; clip-path: inset(0 0 100% 0);}
.location-map > b:nth-of-type(3){width : 100%; height : 1px; left : 0; bottom : 0; background: #707070; clip-path: inset(0 0 0 100%);}
.location-map > b:nth-of-type(4){width : 1px; height : 100%; left : 0; top : 0; background: #707070; clip-path: inset(100% 0 0 0);}

.fp-active .location-map > b{clip-path: inset(0);}
.fp-active .location-map > b:nth-of-type(1){transition-delay: .4s;}
.fp-active .location-map > b:nth-of-type(2){transition-delay: .7s;}
.fp-active .location-map > b:nth-of-type(3){transition-delay: 1s;}
.fp-active .location-map > b:nth-of-type(4){transition-delay: 1.3s;}

.location-map > img{opacity: 0; transition : opacity 1s;}
.fp-active .location-map > img{opacity: 1; transition-delay: 1.3s;}

.location-address-box{display: flex;align-items: center;justify-content: start; width : 100%;}
.location-address-box + .location-address-box{margin-top: 30px;}

.location-name{color : #cb5a2a; letter-spacing: -0.033em; font-weight: 700;font-family: pretendard;font-size: 23px;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-name span b{font-size: 36px;}

.location-address{font-size: 18px; letter-spacing: -0.033em; color : #000; font-family: pretendard; font-weight: 500; margin-top: 8px;}

.location-btn-box{display: flex;gap : 4px; margin-left: auto;transform: translateX(50px); opacity: 0;transition : opacity 1s, transform 1s;}
.fp-active .location-btn-box{transform: translateX(0); opacity: 1;transition : opacity 1s 1.5s, transform 1s 1.3s;}
.location-btn-box > a{transition : transform .5s;}
.location-btn-box > a:hover{transform: translateY(-5px);}