body.fixed{overflow : hidden;}

.cursor{width : 80px;height : 80px; display: flex;align-items: center;justify-content: center; white-space: nowrap; position : fixed; z-index: 1200;font-family: futura-pt;color : #666; letter-spacing: 0.15em; font-size: 14px;transform: translateX(-50%) translateY(-50%); pointer-events: none;transition : transform .5s;}
.cursor.hide{transform: translateX(-50%) translateY(-50%) scale(0); }
.cursor-dot{width : 80px;height : 80px;display: block; position : fixed; z-index: 1199;  border-radius: 50%;background: #fff; transform: translateX(-50%) translateY(-50%);pointer-events: none; box-shadow: 0 3px 6px rgba(0,0,0,0.16);transition : transform .5s;}
.cursor.hide + .cursor-dot{transform: translateX(-50%) translateY(-50%) scale(0);}

.skip{width : 80px;height : 80px; display: flex;align-items: center;justify-content: center; white-space: nowrap; position : fixed; z-index: 1300;font-family: futura-pt;color : #666; letter-spacing: 0.15em; font-size: 14px;transform: translateX(-50%) translateY(-50%);transition : transform .5s; cursor : pointer;}
.skip.hide{transform: translateX(-50%) translateY(-50%) scale(0); }
.skip-dot{width : 80px;height : 80px;display: block; position : fixed; z-index: 1299;  border-radius: 50%;background: #fff; transform: translateX(-50%) translateY(-50%);pointer-events: none; box-shadow: 0 3px 6px rgba(0,0,0,0.16);transition : transform .5s;}
.skip.hide + .skip-dot{transform: translateX(-50%) translateY(-50%) scale(0);}

.m_skip{display : none;}

section{scroll-margin-top: 80px;}

div.img-cut{position : absolute; color : #fff; font-size: 13px;padding : 10px; transition : opacity .5s;}
.premium-img > .img-cut{bottom : 0; left : 60%; transform: translateX(calc(-100%));}
.premium-img-02 > .img-cut{bottom : 0; left : 60%; transform: translateX(calc(-100%));}

.brand .img-cut{transition : opacity .5s;bottom : 0; right : 0;}
.type7 .brand .img-cut,
.type8 .brand .img-cut,
.type9 .brand .img-cut{opacity: 1;}

.envi-list .img-cut{right : 0;bottom : 0;}

.intro .img-cut{bottom : 20px; right : 20px;}

.schedule .img-cut{bottom : 16px; right : 16px;}

.unit .img-cut{bottom : 16px; right : 16px; opacity : 0;}
.unit-bg .img-cut{opacity : 1;}
.unit.type2 .unit-inner .img-cut{opacity : 1}

.land .img-cut{bottom : 16px; right : 16px; opacity : 0;}
.land-bg .img-cut{opacity : 1;}
.land.type2 .land-inner .img-cut{opacity : 1}

.navigation{display: flex; flex-direction: column; position : fixed; left : 37px; top : 50%; transform: translateY(-50%); gap : 20px; z-index: 10; border-left: 1px solid #E6E6E6;transition : opacity 1s, transform 1s; }
.navigation.hide{opacity: 0; transform: translateY(-50%) translateX(-100px); pointer-events: none;
}
.navigation > li{display: flex; align-items: center; font-family: futura-pt; color : #BEBEBE; letter-spacing: -0.04em; font-size: 16px; cursor: pointer;padding-left: 30px; position : relative; transition : color .3s;}
.navigation > li:hover,
.navigation > li.on{color : #8E7C72}
.navigation > li::after{position :absolute; content: ''; width : 6px; height : 6px; background: #8E7C72; border-radius: 50%; left : 0; transform: translateX(-50%) scale(0); transition : transform .3s;}
.navigation > li:hover::after,
.navigation > li.on::after{transform: translateX(-50%) scale(1);}

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

#wrap{width : 100vw;height : 100vh; height : 100dvh;}
.main-slide{width : 100%;height : 100%; overflow: hidden;position : relative; transition :background 1s;}
.color{color : #004E50;}

.main{position : absolute; left : 0;top : 0;width : 100%;height : 100%;;z-index: 1; transition : background 1s;}
.main > section{position : absolute; width : 100%;height : 100%;left : 0;top : 0; pointer-events: none;}
.main > section.on{pointer-events : all;}

.section-grid{pointer-events: none !important;z-index: 100; transition : opacity .5s;}
.section-grid > b::after{position :absolute;content: ''; width : 100%; height : 1px; background: rgba(0,0,0,0.3);left : 0; transition : clip-path 2s, background 1s;z-index: 10;}
.section-grid > b:nth-child(1)::after{top : calc(33.3333% - 1px); clip-path: inset(0 100% 0 0);}
.section-grid > b:nth-child(2)::after{top : calc(66.6666% - 1px); clip-path: inset(0 100% 0 0);}
.section-grid > b:nth-child(3)::after{width : 1px; height : 100%; top : 0; left : calc(20% - 1px); clip-path: inset(0 100% 0 0);}

.section-grid > b::before{position :absolute;content: ''; width : 1px; height : 100%; background: rgba(0,0,0,0.3); transition : clip-path 1.4s, background 1s;z-index: 10;}
.section-grid > b:nth-child(1)::before{left : calc(40% - 1px); clip-path: inset(0 0 100% 0);}
.section-grid > b:nth-child(2)::before{left : calc(60% - 1px); clip-path: inset(0 0 100% 0);}
.section-grid > b:nth-child(3)::before{left : calc(80% - 1px); clip-path: inset(0 0 100% 0);}

.section-grid.on > b::before,
.section-grid.on > b::after{clip-path: inset(0);}

.section-grid.hide{opacity: 0;}

/*==========================================================
********************    INTRO    *********************
============================================================*/

.intro{opacity: 1; pointer-events: all; transition : opacity 1s;}
.intro.hide{opacity : 0 !important; pointer-events : none !important;}
.main-slide:not(.type0) .intro{opacity: 0; pointer-events: all;}

.intro-img-box{width : 100%;height : 100%; position :absolute; left : 0;top : 0;}
.intro-img{position : absolute; overflow: hidden; clip-path: inset(100% 0 0);}
.intro-img > img,
.intro-img > video{width : 100%;height : 100%;object-fit: cover; object-position: center;}

.intro-img-01{width : 20%;height : 33.3333%;background: pink; left : 40%;}
.intro-img-02{width : 20%;height : 33.3333%;background: pink; left : 20%;top : 33.3333%}
.intro-img-03{width : 20%;height : 33.3333%;background: pink; right : 0%;top : 33.3333%}
.intro-img-04{width : 20%;height : 33.3333%;background: pink; left : 0%;top : 66.6666%}

.intro-img-05{width : 100%;height : 100%;background: pink; left : 0%;top : 0; clip-path: inset(33.3333% 60% 33.3333% 20%);opacity: 0;}
.intro-img-05 > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.4);}


.intro-text-box{width : 100%;height : 100%; position :absolute; left : 0;top : 0;}
.intro-text{display: flex;align-items: center;justify-content: center; position : absolute; overflow: hidden; font-size: 33px; font-family: Noto Serif KR;}
.intro-text .line{width : auto !important;}
.intro-text .char{transform: translateY(100%);opacity: 0;}

.intro-text-01{width : 20%;height : 33.3333%; left : 40%;}
.intro-text-02{width : 20%;height : 33.3333%; left : 20%;top : 33.3333%}
.intro-text-03{width : 20%;height : 33.3333%; right : 0%;top : 33.3333%}
.intro-text-04{width : 20%;height : 33.3333%; left : 0%;top : 66.6666%}

.intro-text-05{flex-direction: column; width : 40%;height : 33.3333%; left : 40%;top : 33.3333%;}
.intro-text-05 > p:nth-child(1){padding-right: 200px;}
.intro-text-05 > p:nth-child(2){padding-left: 200px;}

.on.main{background: #000;}

.open{position : absolute; left : 20px; bottom : 0; background: #fff; padding : 8px 18px; color : #8E7C72; font-family: PT; font-weight: 700; border-radius: 12px 12px 0 0;opacity: 0; transform: translateY(100%); transition : opacity 1s, transform 1s; display: none;}

.on.open{opacity: 1; transform: translateY(0);}

.visual-btn-box{display: flex;flex-direction: column; position :absolute;
right : 20px; bottom :20px;gap : 8px;opacity: 0; transform: translateX(100px); transition : opacity 1s, transform 1s; display: none;}
.visual-btn-box > a{width : 48px}

.on.visual-btn-box{transform: translateX(0); opacity: 1;}

/*==========================================================
********************    TYPE2 프리미엄    *******************
============================================================*/

.premium{display: flex; justify-content: start; opacity: 0; transition : opacity .5s; background: #000;}
.premium.on.type2,
.premium.on.type3,
.premium.on.type4{opacity: 1;}

.premium-img{overflow: hidden; width : 100%;height : 100%; clip-path: inset(66.6666% 40% 0 40%); transition : clip-path 1s cubic-bezier(0.65, 0, 0.35, 1) .4s, filter 1s;z-index: -1; position : relative; overflow: hidden;}
.premium-img > img{width : 100%;height : 100%;object-fit: cover; object-position: center;}

.premium.on.type2 .premium-img{clip-path: inset(0 40%); transition-delay: 0.4s;}

.premium.on.type3 .premium-img,
.premium.on.type4 .premium-img{overflow: hidden;}

.premium-tit{font-size: 97px; color : #000; position : absolute; bottom : 150px;z-index: 1; width : 20%;left : 40%; font-weight: 700; opacity: 0; transition : transform 1s .4s, opacity 1s .4s;padding-left: 120px; font-family: futura-pt; font-weight: 500; line-height: 1em;}
.premium-tit.white{color : #fff;}

.premium.on.type2 .premium-tit{opacity: 1; transform: translateX(-100%); transition : opacity 1s 1s, transform 1s 1.2s}

.premium-tit > span{font-family: AV; font-size: 80px; letter-spacing: -0.04em;position : absolute;bottom : 60%; left : 40px; opacity: 0; transform: translateX(-100px); transition : transform 1s .4s, opacity 1s .4s;}
.premium.on.type2 .premium-tit > span{opacity: 1; transform: translateX(0);transition-delay: 1.2s;}

.premium-inner{display: flex;align-items: end; width : 100%;height : 100%;position : absolute;left : 0;top : 0;z-index: 1;}

/*==========================================================
********************    TYPE3 프리미엄    *******************
============================================================*/

.type3.main-slide .section-grid.on > b::before,
.type3.main-slide .section-grid.on > b::after{background: rgba(0,0,0,0.1);}
.type4.main-slide .section-grid.on > b::before,
.type4.main-slide .section-grid.on > b::after{background: rgba(0,0,0,0.1);}

.premium-bg{display: grid; grid-template-columns: repeat(5, 1fr);width : 100%;height : 100%;position :absolute; left : 0;top : 0; transition : background .5s}
.premium.on.type3 .premium-bg,
.premium.on.type4 .premium-bg{background: #fff; transition-delay: 1s;}
.premium-bg > span{background: #fff; clip-path: inset(100% 0 0); transition : clip-path 1s calc(var(--i) * 0.1s + .4s);}
.premium.on.type3 .premium-bg > span,
.premium.on.type4 .premium-bg > span{clip-path: inset(0); transition : clip-path 0.6s calc(var(--i) * 0.1s);}



.envi-list{display: grid; grid-template-columns: repeat(5, 1fr);width : 100%;height : 100%; position : absolute;opacity: 0; transition : opacity 1s; pointer-events: none;}
.premium.on.type3 .envi-list1{opacity: 1;pointer-events: all;}
.premium.on.type4 .envi-list2{opacity: 1;pointer-events: all;}
.envi-list > li{position : relative;}

.envi-img{position : absolute; width : 100%; height : 33.3333%; overflow: hidden; transition : top 1s, height 1s, filter 1s}

.envi-img-inner{width : 100%;height : 100%; transform: translateY(100%);transition : transform 1.2s; overflow: hidden;}

.premium.on.type3 .envi-list1 .envi-img-inner{transform: translateY(0);}
.premium.on.type3 .envi-list1 .envi-img-01 .envi-img-inner{transition-delay: 0.6s;}
.premium.on.type3 .envi-list1 .envi-img-02 .envi-img-inner{transition-delay: 0.8s;}
.premium.on.type3 .envi-list1 .envi-img-03 .envi-img-inner{transition-delay: 1s;}

.premium.on.type4 .envi-list2 .envi-img-inner{transform: translateY(0);}
.premium.on.type4 .envi-list2 .envi-img-04 .envi-img-inner{transition-delay: 0.6s;}
.premium.on.type4 .envi-list2 .envi-img-05 .envi-img-inner{transition-delay: 0.8s;}
.premium.on.type4 .envi-list2 .envi-img-06 .envi-img-inner{transition-delay: 1s;}

.envi-img-inner > img{width : 100%;height : 100%; object-fit: cover;object-position: center; transition : transform 1.2s;}
.envi-img-05 .envi-img-inner > img,
.envi-img-06 .envi-img-inner > img{object-position: center bottom;}

.envi-img:hover > .envi-img-inner > img{transform: scale(1.2);}

.envi-img-01{top : 33.3333%}
.envi-img-02{}
.envi-img-03{top : 33.3333%}

.envi-img-04{top : 33.3333%}
.envi-img-05{}
.envi-img-06{top : 33.3333%}

/* .envi-img-04{top : 66.6666%} */

.envi-list > li.on .envi-img{height : 100%;top : 0; filter: brightness(0.7);}

.envi-con{display: flex;flex-direction: column;align-items: start;justify-content: space-between; position :absolute;width : 100%;height : 33.3333%; padding : 30px 25px 40px; transition : opacity .5s;}
.envi-con-01{bottom : 0;}
.envi-con-02{bottom : 33.3333%}
.envi-con-03{bottom : 0;}

.envi-con-04{bottom : 0;}
.envi-con-05{bottom : 33.3333%}
.envi-con-06{bottom : 0;}
/* .envi-con-04{bottom : 33.3333%;} */

.envi-list > li.on .envi-con{opacity: 0;}

.envi-con-tit{font-family: futura-pt; font-weight: 600; font-size: 37px; color : #000}

.envi-con-tit .line{overflow: hidden;}
.envi-con-tit .char{transform: translateY(100%);transition : transform 1s;}
.premium.on.type3 .envi-con-01 .envi-con-tit .char{transform: translateY(0%);transition : transform 1s .6s}
.premium.on.type3 .envi-con-02 .envi-con-tit .char{transform: translateY(0%);transition : transform 1s .8s}
.premium.on.type3 .envi-con-03 .envi-con-tit .char{transform: translateY(0%);transition : transform 1s 1s}

.premium.on.type4 .envi-con-04 .envi-con-tit .char{transform: translateY(0%);transition : transform 1s .6s}
.premium.on.type4 .envi-con-05 .envi-con-tit .char{transform: translateY(0%);transition : transform 1s .8s}
.premium.on.type4 .envi-con-06 .envi-con-tit .char{transform: translateY(0%);transition : transform 1s 1s}

.envi-con-desc{text-align: right;margin-left: auto; font-family: PT; font-size: 20px; letter-spacing: -0.04em; color : #2B2B2B; font-weight: 700; line-height: 1.25em; font-weight: 500;}

.envi-con-desc .line{overflow: hidden; }
.envi-con-desc .char{transform: translateY(100%);transition : transform 1s;}

.premium.on.type3 .envi-con-01 .envi-con-desc .char{transform: translateY(0%);transition-delay: .6s;}
.premium.on.type3 .envi-con-02 .envi-con-desc .char{transform: translateY(0%);transition-delay: .8s;}
.premium.on.type3 .envi-con-03 .envi-con-desc .char{transform: translateY(0%);transition-delay: 1s;}

.premium.on.type4 .envi-con-04 .envi-con-desc .char{transform: translateY(0%);transition-delay: .6s;}
.premium.on.type4 .envi-con-05 .envi-con-desc .char{transform: translateY(0%);transition-delay: .8s;}
.premium.on.type4 .envi-con-06 .envi-con-desc .char{transform: translateY(0%);transition-delay: 1s;}

.premium-list-tit{display: flex;align-items: center;justify-content: center; position :absolute;width : 20%;height : 33.3333%; left : 60%;top : 33.3333%; font-size: 59px; font-family: futura-pt; font-weight: 500;}
.premium-list-tit .line{overflow: hidden; width: auto !important;}
.premium-list-tit .char{transform: translateY(100%); transition : transform 1s;}
.premium.on.type3 .premium-list-tit .char,
.premium.on.type4 .premium-list-tit .char{transform: translateY(0); transition-delay: .2s;}

.premium-logo{display: flex;align-items: center;justify-content: center; position :absolute;width : 20%;height : 33.3333%; left : 0%;bottom : 0; opacity: 0; transition : opacity 1s;}

.premium.on.type3 .premium-logo,
.premium.on.type4 .premium-logo{opacity: 1; transition-delay: 1s;}
.premium-logo-bg{transition : opacity 1s; width : 100%;height : 100%; object-fit: cover; object-position: center; position :absolute; left : 0; top : 0; opacity: 0;}
.premium.on.type3 .premium-logo-bg-01{opacity: 1;}
.premium.on.type4 .premium-logo-bg-02{opacity: 1;}

.premium-logo-img{position :absolute; left : 50px; bottom : 0;}



.envi-con-inner{display: flex;flex-direction: column; align-items: center;justify-content: start; padding : 240px 0 50px;  position : absolute;width : 100%;height : 100%; color : #fff;}

.envi-con-inner-tit{font-family: PT; font-size: 20px; letter-spacing: -0.04em; font-weight: 700; margin-bottom: 27px;text-align: center; line-height: 1.5em;; font-weight: 500;}
.envi-con-inner-desc{font-family: PT; font-size: 16px; letter-spacing: -0.04em; font-weight: 500; text-align: center; line-height: 1.5em;}
.envi-con-inner-tit-eng{font-family: futura-pt; font-weight: 600; font-size: 37px; position : absolute; bottom : 50px;}

.envi-con-inner-tit .line,
.envi-con-inner-desc .line,
.envi-con-inner-tit-eng .line{overflow : hidden;}

.envi-con-inner-tit .char,
.envi-con-inner-desc .char,
.envi-con-inner-tit-eng .char{transform: translateY(100%); transition : transform .7s}

.envi-list > li.on .envi-con-inner-tit .char{transform: translateY(0); transition-delay: .3s;}
.envi-list > li.on .envi-con-inner-desc .char{transform: translateY(0); transition-delay: .4s;}
.envi-list > li.on .envi-con-inner-tit-eng .char{transform: translateY(0); transition-delay: .5s;}

/*==========================================================
********************    TYPE5 입지    *******************
============================================================*/

/**************************************
************* TYPE7 브랜드 ***************
******************************************/

.brand{opacity: 0; pointer-events: none; transition : opacity 1s, transform 1s;}
.brand.on{opacity: 1;}

.brand-bg{display: grid; grid-template-columns: repeat(5, 1fr);width : 100%;height : 100%;position :absolute; left : 0;top : 0; transition : background .5s}
.brand.on.type7 .brand-bg,
.brand.on.type8 .brand-bg,
.brand.on.type9 .brand-bg{background: #fff; transition-delay: 1s;}
.brand-bg > span{background: #fff; clip-path: inset(100% 0 0); transition : clip-path 1s calc(var(--i) * 0.1s + .4s);}
.brand.on.type7 .brand-bg > span,
.brand.on.type8 .brand-bg > span,
.brand.on.type9 .brand-bg > span{clip-path: inset(0); transition : clip-path 0.6s calc(var(--i) * 0.1s);}

.brand.on.type7 .envi2-bg{background: #fff;}
.brand.on.type7 .envi2-bg > span{clip-path: inset(0);}

.brand.on.type7 .brand,
.brand.on.type8 .brand,
.brand.on.type9 .brand{pointer-events: all;}
.brand > article{width : 100%;height : 100%;position : absolute;left : 0;top : 0;}
.brand-01{z-index: 20;}
.brand-02{z-index: 21;}
.brand-03{z-index: 22;}

.brand-tit{display: flex;align-items: center;justify-content: center; font-size: 59px; font-family: futura-pt; font-weight: 500; color : #050505; position :absolute; width : 20%;height : 33.3333%;right : 0; bottom : 0;z-index: 22;}
.brand-tit .line{width : auto !important;overflow: hidden;}
.brand-tit .char{transform: translateY(100%);transition : transform 1s;}
.brand.on.type7 .brand-tit .char,
.brand.on.type8 .brand-tit .char,
.brand.on.type9 .brand-tit .char{transform: translateY(0) !important; transition-delay: .2s;}

.brand-img{z-index: 1;}
.brand-01-img{position : absolute;width: 20%; height : 100%; left : 20%; clip-path: inset(0 0 100%); transition : clip-path 1s;}
.brand.on.type7 .brand-01-img{clip-path: inset(0); }
.brand.on.type8 .brand-01-img{clip-path: inset(0 0 66.6666%);}
.brand.on.type9 .brand-01-img{clip-path: inset(33.3333% 0 66.6666%);}

.brand-01-img > img{position :absolute; left: 0;top: 0; object-fit: cover; object-position: center; width : 100%;height : 100%;}

.brand-con{display: grid; grid-template-columns: repeat(2, 1fr); width : 40%;height : 33.3333%;position :absolute;}
.brand-con::after{position : absolute; content: '';width : 1px;height : 100%; left : 50%;top : 0; transform: translateX(-50%);}

.brand-con-tit{display: flex;align-items: center;justify-content: center; font-size: 25px; font-family: PT; font-weight: 500; letter-spacing: -0.04em; color : #8E7C72; padding-top: 50px;}
.brand-con-desc{display: flex;align-items: center;justify-content: center; color : #8E8E8E; letter-spacing: -0.04em; line-height: 1.5em; font-family: PT;}

.brand-01-con{left : 40%;top : 33.3333%;}
.brand-02-con{left : 20%;top : 33.3333%;}
.brand-03-con{left : 40%;top : 66.6666%;}

.brand-con-tit .line{width : auto !important; overflow: hidden;}
.brand-con-tit .char{transform: translateY(100%);transition : transform 1s}

.brand-con-desc .line{overflow: hidden;}
.brand-con-desc .char{transform: translateY(100%); transition : transform 1s}

.brand.on.type7 .brand-01 .brand-con-tit .char,
.brand.on.type8 .brand-02 .brand-con-tit .char,
.brand.on.type9 .brand-03 .brand-con-tit .char{transform: translateY(0); transition-delay: 0.4s;}

.brand.on.type7 .brand-01 .brand-con-desc .char,
.brand.on.type8 .brand-02 .brand-con-desc .char,
.brand.on.type9 .brand-03 .brand-con-desc .char{transform: translateY(0);}

.brand-con-desc .line:nth-child(1) .char{transition-delay: .2s;}
.brand-con-desc .line:nth-child(2) .char{transition-delay: .3s;}
.brand-con-desc .line:nth-child(3) .char{transition-delay: .4s;}
.brand-con-desc .line:nth-child(4) .char{transition-delay: .5s;}
.brand-con-desc .line:nth-child(5) .char{transition-delay: .6s;}
.brand-con-desc .line:nth-child(6) .char{transition-delay: .7s;}
.brand-con-desc .line:nth-child(7) .char{transition-delay: 1s;}



/**************************************
************* TYPE8 브랜드 ***************
******************************************/

.brand.on.type8 .envi2-bg{background: #fff;}
.brand.on.type8 .envi2-bg > span{clip-path: inset(0);}

.brand.on.type8.main-slide .section-grid.on > b::before,
.brand.on.type8.main-slide .section-grid.on > b::after{background: rgba(0,0,0,0.3);}

.brand-02-img{position : absolute;width: 60%; height : 33.3333%; left : 20%; top : 0;  transition : top 1s;}
.brand.on.type9 .brand-02-img,
.brand.on.type10 .brand-02-img{top : 33.3333%}
.brand-02-img > img{position :absolute; left: 0;top: 0; object-fit: cover; object-position: center; width : 100%;height : 100%; transition : clip-path 1s}

.brand-02-img > img:nth-child(1){clip-path: inset(0 100% 0 0);}
.brand.on.type8 .brand-02-img > img:nth-child(1),
.brand.on.type9 .brand-02-img > img:nth-child(1){clip-path: inset(0 66.6666% 0 0); transition-delay: 0.2s;}

.brand-02-img > img:nth-child(2){clip-path: inset(0 66.6666% 0 33.3333%);}
.brand.on.type8 .brand-02-img > img:nth-child(2),
.brand.on.type9 .brand-02-img > img:nth-child(2){clip-path: inset(0 33.3333% 0 33.3333%);transition-delay: 0.4s;}

.brand-02-img > img:nth-child(3){clip-path: inset(0 33.3333% 0 66.6666%);}
.brand.on.type8 .brand-02-img > img:nth-child(3),
.brand.on.type9 .brand-02-img > img:nth-child(3){clip-path: inset(0 0 0 66.6666%);transition-delay: 0.6s;}

/**************************************
************* TYPE9 브랜드 ***************
******************************************/

.brand.on.type9 .envi2-bg{background: #fff;}
.brand.on.type9 .envi2-bg > span{clip-path: inset(0);}

.brand.on.type9 .brand-01-img{opacity: 0;}
.brand-03-img{position : absolute;width: 60%; height : 33.3333%; left : 20%; top : 0%; transition : top 1s;}
.brand.on.type9 .brand-03-img,
.brand.on.type10 .brand-03-img{top : 33.3333%}
.brand-03-img > img{position :absolute; left: 0;top: 0; object-fit: cover; object-position: center; width : 100%;height : 100%; transition : clip-path 1s}

.brand-03-img > img:nth-child(1){clip-path: inset(0 0 0 100%);}
.brand.on.type9 .brand-03-img > img:nth-child(1){clip-path: inset(0 0 0 66.6666%); transition-delay: .2s;}

.brand-03-img > img:nth-child(2){clip-path: inset(0 33.3333% 0 66.6666%);}
.brand.on.type9 .brand-03-img > img:nth-child(2){clip-path: inset(0 33.3333% 0 33.3333%);transition-delay: .4s;}

.brand-03-img > img:nth-child(3){clip-path: inset(0 66.6666% 0 33.3333%);}
.brand.on.type9 .brand-03-img > img:nth-child(3){clip-path: inset(0 66.6666% 0 0);transition-delay: .6s;}

.brand.on.type10{transform: translateY(-278px);}

/**************************************
************* TYPE10 오시는길 ***************
******************************************/

.footer{transition : transform 1s;position : absolute;bottom : 0; left : 0;transform: translateY(100%);}
.type10.footer{transform: translateY(0%);}

.envi-pop{position :fixed; width : 100%;height : 100%; background: rgba(0,0,0,0.8);z-index : 10000;left : 0;top : 0; display : none;}
.envi-pop-inner{position : absolute; top :50%; left : 50%; transform : translate(-50%, -50%);}
.envi-pop-close{position : absolute; left : 100%; top : 10%; width : 116px; transform : translateX(-30%)}


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

.intro{width : 100%;height : 100%; position : fixed; left : 0;top: 0; background: #fff; z-index: 100000;}
.intro > div{display: flex;align-items: center;justify-content: center; width : 100%;height : 100%; position : absolute;left : 0; top : 0; background: #fff; opacity: 0;}
.intro-bg{width : 100%;height : 100%; position : absolute;left : 0; top : 0; clip-path: inset(calc(50% - 210px) calc(50% - 135px)); transition : clip-path 1.5s; overflow: hidden;}
.intro-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.2); transition : transform 2s;}

.on > .intro-bg{clip-path: inset(0);}

.on > .intro-bg > img{transform: scale(1);}

.intro-inner{position : relative;width : 300px;height : 420px;}
.intro-desc{writing-mode: vertical-lr; position : absolute; font-family: Noto Serif KR; font-size: 23px; font-weight: 300; letter-spacing: 0.1em; white-space: nowrap;}
.intro-desc .color{color : #004E50; font-weight: 700;}
.intro-desc b{font-weight: 700;}
.intro-01-desc-01,
.intro-02-desc-01{right : 100%;}
.intro-01-desc-01 .char,
.intro-02-desc-01 .char{transform: translateX(-50px); opacity: 0;}
.intro-01-desc-02,
.intro-02-desc-02{left : 100%;top : 150px; top : 360px;}
.intro-01-desc-02 .char,
.intro-02-desc-02 .char{transform: translateX(50px); opacity: 0;}

.visual{width : 100%;height : 100vh;}

.visual-bg{position :absolute; width : 100%;height : 100%; left : 0;top : 0;}
.visual-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform : scale(1.2); transition : transform 4s;}
.visual.on .visual-bg > img{transform : scale(1)}

.visual-inner{display: flex; justify-content: end; width : 100%; max-width: 1100px; margin : 0 auto;position : relative; z-index: 1; padding-top: 130px;}

.visual-tit{writing-mode: vertical-lr; font-family: Noto Serif KR; letter-spacing: 0.3em; font-weight: 400; font-size: 33px;}
.visual-tit-02{padding-top: 60px;}

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

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


.schedule{transition : opacity .6s;pointer-events: none; opacity: 0;}
.schedule.on{opacity: 1; pointer-events: all;}

.schedule-bg{display: grid; grid-template-columns: repeat(5, 1fr);width : 100%;height : 100%;position :absolute; left : 0;top : 0; transition : background .5s; overflow: hidden;}

.schedule-bg > img{position :absolute; left : 0;top : 0;width : 100%; height : 100%; object-fit: cover; object-position: center; transition : clip-path .7s, transform 2s; transform: scale(1);}
.schedule.type1.on .schedule-bg > img{transform: scale(1);}

.schedule-bg > img:nth-child(1){clip-path: inset(0 80% 66.6666% 20%);}
.schedule-bg > img:nth-child(2){clip-path: inset(0 60% 66.6666% 40%);}
.schedule-bg > img:nth-child(3){clip-path: inset(0 40% 66.6666% 60%);}
.schedule-bg > img:nth-child(4){clip-path: inset(0 20% 66.6666% 80%);}
.schedule-bg > img:nth-child(5){clip-path: inset(0 0% 66.6666% 100%);}
.schedule-bg > img:nth-child(6){clip-path: inset(33.3333% 80% 33.3333% 20% );}
.schedule-bg > img:nth-child(7){clip-path: inset(33.3333% 60% 33.3333% 40%);}
.schedule-bg > img:nth-child(8){clip-path: inset(33.3333% 40% 33.3333% 60%);}
.schedule-bg > img:nth-child(9){clip-path: inset(33.3333% 20% 33.3333% 80%);}
.schedule-bg > img:nth-child(10){clip-path: inset(33.3333% 0% 33.3333% 100%);}
.schedule-bg > img:nth-child(11){clip-path: inset(66.6666% 80% 0% 20%);}
.schedule-bg > img:nth-child(12){clip-path: inset(66.6666% 60% 0% 40%);}
.schedule-bg > img:nth-child(13){clip-path: inset(66.6666% 40% 0% 60%);}
.schedule-bg > img:nth-child(14){clip-path: inset(66.6666% 20% 0% 80%);}
.schedule-bg > img:nth-child(15){clip-path: inset(66.6666% 0%  0% 100%);}

.schedule.type1.on .schedule-bg > img:nth-child(1){clip-path: inset(0 80% 66.6666% 0);}
.schedule.type1.on .schedule-bg > img:nth-child(2){clip-path: inset(0 60% 66.6666% 20%);}
.schedule.type1.on .schedule-bg > img:nth-child(3){clip-path: inset(0 40% 66.6666% 40%);}
.schedule.type1.on .schedule-bg > img:nth-child(4){clip-path: inset(0 20% 66.6666% 60%);}
.schedule.type1.on .schedule-bg > img:nth-child(5){clip-path: inset(0 0% 66.6666% 80%);}
.schedule.type1.on .schedule-bg > img:nth-child(6){clip-path: inset(33.3333% 80% 33.3333% 0% );}
.schedule.type1.on .schedule-bg > img:nth-child(7){clip-path: inset(33.3333% 60% 33.3333% 20%);}
.schedule.type1.on .schedule-bg > img:nth-child(8){clip-path: inset(33.3333% 40% 33.3333% 40%);}
.schedule.type1.on .schedule-bg > img:nth-child(9){clip-path: inset(33.3333% 20% 33.3333% 60%);}
.schedule.type1.on .schedule-bg > img:nth-child(10){clip-path: inset(33.3333% 0% 33.3333% 80%);}
.schedule.type1.on .schedule-bg > img:nth-child(11){clip-path: inset(66.6666% 80% 0% 0%);}
.schedule.type1.on .schedule-bg > img:nth-child(12){clip-path: inset(66.6666% 60% 0% 20%);}
.schedule.type1.on .schedule-bg > img:nth-child(13){clip-path: inset(66.6666% 40% 0% 40%);}
.schedule.type1.on .schedule-bg > img:nth-child(14){clip-path: inset(66.6666% 20% 0% 60%);}
.schedule.type1.on .schedule-bg > img:nth-child(15){clip-path: inset(66.6666% 0%  0% 80%);}

.schedule-bg > img{clip-path: inset(0); transition : clip-path 0.7s calc(var(--i) * 0.03s), transform 2s;;}

.schedule-inner{position : relative;width : 100%;height : 100%;}

.schedule-con-box{width : 20%;height : 33.3333%; position : absolute;}

.schedule-con-box-01{left : 20%;top : 33.3333%}
.schedule-con-box-02{left : 40%;top : 33.3333%}
.schedule-con-box-03{left : 60%;top : 33.3333%}
.schedule-con-box-04{left : 60%;top : 66.6666%}

.schedule-con-box-01,
.schedule-con-box-02{display: flex;flex-direction: column;justify-content: space-between;}

.schedule-con{display: block; padding-left: 20px; letter-spacing: -0.06em; font-family: PT;font-weight: 500; position :relative;}
.schedule-con::after{position :absolute; content : ''; width : 1px; height : 100%; left : 0;top : 0; background: #015052; transition : clip-path .6s; clip-path: inset(50% 0);}
.schedule.on.type1 .schedule-con::after{clip-path: inset(0);}

.schedule-con:nth-child(2){position :absolute;top : 50%; transform: translateY(-50%);}
.schedule-day{font-size: 16px; color : #222;  margin-bottom: 9px; transition : 1s; opacity: 0; transform: translateX(50px);}
.schedule-name{font-size: 20px; color : #015052; transition : 1s; opacity: 0; transform: translateX(50px);}

.schedule.on.type1 .schedule-day,
.schedule.on.type1 .schedule-name{opacity: 1; transform: translateX(0); transition-delay: .4s;}

.schedule-con-box-03{display: flex;align-items: end; padding-left: 52px;}
.schedule-tit{font-size: 59px; font-family: futura-pt; font-weight: 500; color : #0B0B0B; transition : 1s; transform: translateY(-50px); opacity: 0;}
.schedule.on.type1 .schedule-tit{transform: translateY(0); opacity: 1; transition-delay: .4s;}

.schedule-desc{color : #585858; letter-spacing: -0.06em; font-family: PT; line-height: 1.5em; transition : 1s; transform: translateY(50px); opacity: 0;}
.schedule.on.type1 .schedule-desc{transform: translateY(0); opacity: 1; transition-delay: .4s;}

.schedule-con-box-04{padding-left: 52px;padding-top: 25px;}

/************* UNIT ****************/

.unit{transition : opacity .6s;pointer-events: none; opacity: 0;}
.unit.on{opacity: 1; pointer-events: all;}

.unit-bg{display: grid; grid-template-columns: repeat(5, 1fr);width : 100%;height : 100%;position :absolute; left : 0;top : 0; transition : background .5s; overflow: hidden;}

.unit-bg > img{position :absolute; left : 0;top : 0;width : 100%; height : 100%; object-fit: cover; object-position: center; transition : clip-path .7s, transform 2s; transform: scale(1);}
.unit.type1.on .unit-bg > img{transform: scale(1);}

.unit-bg > img:nth-child(1){clip-path: inset(0 80% 66.6666% 20%);}
.unit-bg > img:nth-child(2){clip-path: inset(0 60% 66.6666% 40%);}
.unit-bg > img:nth-child(3){clip-path: inset(0 40% 66.6666% 60%);}
.unit-bg > img:nth-child(4){clip-path: inset(0 20% 66.6666% 80%);}
.unit-bg > img:nth-child(5){clip-path: inset(0 0% 66.6666% 100%);}
.unit-bg > img:nth-child(6){clip-path: inset(33.3333% 80% 33.3333% 20% );}
.unit-bg > img:nth-child(7){clip-path: inset(33.3333% 60% 33.3333% 40%);}
.unit-bg > img:nth-child(8){clip-path: inset(33.3333% 40% 33.3333% 60%);}
.unit-bg > img:nth-child(9){clip-path: inset(33.3333% 20% 33.3333% 80%);}
.unit-bg > img:nth-child(10){clip-path: inset(33.3333% 0% 33.3333% 100%);}
.unit-bg > img:nth-child(11){clip-path: inset(66.6666% 80% 0% 20%);}
.unit-bg > img:nth-child(12){clip-path: inset(66.6666% 60% 0% 40%);}
.unit-bg > img:nth-child(13){clip-path: inset(66.6666% 40% 0% 60%);}
.unit-bg > img:nth-child(14){clip-path: inset(66.6666% 20% 0% 80%);}
.unit-bg > img:nth-child(15){clip-path: inset(66.6666% 0%  0% 100%);}

.unit.type1.on .unit-bg > img:nth-child(1){clip-path: inset(0 80% 66.6666% 0);}
.unit.type1.on .unit-bg > img:nth-child(2){clip-path: inset(0 60% 66.6666% 20%);}
.unit.type1.on .unit-bg > img:nth-child(3){clip-path: inset(0 40% 66.6666% 40%);}
.unit.type1.on .unit-bg > img:nth-child(4){clip-path: inset(0 20% 66.6666% 60%);}
.unit.type1.on .unit-bg > img:nth-child(5){clip-path: inset(0 0% 66.6666% 80%);}
.unit.type1.on .unit-bg > img:nth-child(6){clip-path: inset(33.3333% 80% 33.3333% 0% );}
.unit.type1.on .unit-bg > img:nth-child(7){clip-path: inset(33.3333% 60% 33.3333% 20%);}
.unit.type1.on .unit-bg > img:nth-child(8){clip-path: inset(33.3333% 40% 33.3333% 40%);}
.unit.type1.on .unit-bg > img:nth-child(9){clip-path: inset(33.3333% 20% 33.3333% 60%);}
.unit.type1.on .unit-bg > img:nth-child(10){clip-path: inset(33.3333% 0% 33.3333% 80%);}
.unit.type1.on .unit-bg > img:nth-child(11){clip-path: inset(66.6666% 80% 0% 0%);}
.unit.type1.on .unit-bg > img:nth-child(12){clip-path: inset(66.6666% 60% 0% 20%);}
.unit.type1.on .unit-bg > img:nth-child(13){clip-path: inset(66.6666% 40% 0% 40%);}
.unit.type1.on .unit-bg > img:nth-child(14){clip-path: inset(66.6666% 20% 0% 60%);}
.unit.type1.on .unit-bg > img:nth-child(15){clip-path: inset(66.6666% 0%  0% 80%);}

.unit-bg > img{clip-path: inset(0); transition : clip-path 0.7s calc(var(--i) * 0.03s), transform 2s;}

.unit-bg > span{position :absolute; background: #000; width : 20%;height : 33.3333%; opacity: 0; transition : opacity .7s;}
.unit-bg > span:nth-of-type(1){left : 0;top : 0;}
.unit-bg > span:nth-of-type(2){left : 20%;top : 0;}
.unit-bg > span:nth-of-type(3){left : 0%;top : 33.3333%;}
.unit-bg > span:nth-of-type(4){left : 60%;top : 66.6666%}

.unit.on.type1 .unit-bg > span{opacity: 1; transition-delay: calc(var(--i) * 0.15s + 0.6s);}

.unit-img-box{position : absolute;width : 100%;height : 100%;}
.unit-img-box > div{position :absolute; overflow: hidden;}
.unit-img-box > div > img{position :absolute; width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.2); opacity: 0; transition : opacity .6s, transform 2s;}

.unit-img-01{width : 20%;height : 66.6666%;left : 0; top : 33.3333%;}
.unit-img-02{width : 40%;height : 33.3333%; left : 60%; top : 33.3333%}

.unit-img-01 > img:nth-child(1){clip-path: inset(0 0% 50% 0);}
.unit-img-01 > img:nth-child(2){clip-path: inset(50% 0% 0% 0);}
.unit-img-02 > img:nth-child(1){clip-path: inset(0 50% 0% 0);}
.unit-img-02 > img:nth-child(2){clip-path: inset(0 0% 0% 50%);}

.unit.on.type2 .unit-img-box > div > img{opacity: 1; transform: scale(1);transition:opacity .6s calc(var(--i) * 0.15s + 0.6s), transform 2s;}

.unit-bg-02{display: grid; grid-template-columns: repeat(5, 1fr);width : 100%;height : 100%;position :absolute; left : 0;top : 0; transition : background 1s;}
.unit-bg-02 > span{background: #fff; clip-path: inset(100% 0 0); transition : clip-path 0.6s calc(var(--i) * 0.1s);}
.unit.on.type2 .unit-bg-02 > span{clip-path: inset(0); transition : clip-path 0.7s calc(var(--i) * 0.1s);}

.unit-inner{width : 100%;height : 100%; position :absolute;}
.unit-btn{position :absolute; width : 20%;height : 33.3333%; position :absolute; padding : 41px 0 0 48px; transition : background .5s; transform: translateY(50px);opacity: 0; transition : background .5s, opacity 1s, transform 1s; pointer-events: none;}

.unit-btn::after{position : absolute; content : 'Click!'; font-family : AV; font-size : 56px; color : #fff; bottom : 20px; left : 48px; transition : 1s; transform : translateY(50px) translateX(-50px); opacity : 0; pointer-events : none; line-height : 1em;}
.unit-btn:hover::after{transform : translateX(0); opacity : 1;}
.unit.on.type2 .unit-btn{opacity: 1; transform: translateY(0); transition : background .5s, opacity 1s .4s, transform 1s .4s; pointer-events: all;}
.unit-btn:hover{background: #000;}
.unit-btn-01{left : 20%;top : 33.3333%}
.unit-btn-02{left : 40%;top : 66.6666%}
.unit-btn-03{left : 80%;top : 66.6666%}

.unit-btn-tit{font-size: 40px; font-family: futura-pt; font-weight: 500; margin-bottom: 11px; transition : color .5s;}
.unit-btn:hover .unit-btn-tit{color : #fff;}
.unit-btn-desc{font-size: 16px; color : #585858; font-family: PT; letter-spacing: -0.06em; font-weight: 500; line-height: 1.5em; transition : color .5s;}
.unit-btn:hover .unit-btn-desc{color : #fff;}

.unit-tit-box{position : absolute; width : 20%;height : 33.3333%; opacity: 0; transition : 1s;}
.unit-tit-box-01{display: flex;flex-direction: column;justify-content: end; left : 40%;top : 33.3333%; padding-left: 134px; transform: translateY(-50px);}
.unit-tit-box-02{left : 40%;top : 66.6666%; padding-left: 80px; transform: translateY(50px);}
.unit.on.type1 .unit-tit-box{transform: translateY(0); opacity: 1;}

.unit-tit{color : #fff; font-family: futura-pt; font-size: 59px; font-weight: 500; text-transform: uppercase; white-space: nowrap;}
.unit-tit > small{font-size: 37px; font-weight: 300;text-transform: none;}

.unit-desc-img-box{display : flex; align-items : end; justify-content : center; position : absolute; width : 20%;height : 33.3333%; opacity: 0; transition : 1s; padding-bottom: 30px; right : 0; top : 0; pointer-events : none;}
.unit.on.type2 .unit-desc-img-box{opacity : 1;}

/******************************************
************** LAND ***********************
******************************************/


.land{transition : opacity .6s;pointer-events: none; opacity: 0;}
.land.on{opacity: 1; pointer-events: all;}

.land-bg{display: grid; grid-template-columns: repeat(5, 1fr);width : 100%;height : 100%;position :absolute; left : 0;top : 0; transition : background .5s; overflow: hidden;}

.land-bg > img{position :absolute; left : 0;top : 0;width : 100%; height : 100%; object-fit: cover; object-position: center; transition : clip-path .7s, transform 2s; transform: scale(1);}
.land.type1.on .land-bg > img{transform: scale(1);}

.land-bg > img:nth-child(1){clip-path: inset(0 80% 66.6666% 20%);}
.land-bg > img:nth-child(2){clip-path: inset(0 60% 66.6666% 40%);}
.land-bg > img:nth-child(3){clip-path: inset(0 40% 66.6666% 60%);}
.land-bg > img:nth-child(4){clip-path: inset(0 20% 66.6666% 80%);}
.land-bg > img:nth-child(5){clip-path: inset(0 0% 66.6666% 100%);}
.land-bg > img:nth-child(6){clip-path: inset(33.3333% 80% 33.3333% 20% );}
.land-bg > img:nth-child(7){clip-path: inset(33.3333% 60% 33.3333% 40%);}
.land-bg > img:nth-child(8){clip-path: inset(33.3333% 40% 33.3333% 60%);}
.land-bg > img:nth-child(9){clip-path: inset(33.3333% 20% 33.3333% 80%);}
.land-bg > img:nth-child(10){clip-path: inset(33.3333% 0% 33.3333% 100%);}
.land-bg > img:nth-child(11){clip-path: inset(66.6666% 80% 0% 20%);}
.land-bg > img:nth-child(12){clip-path: inset(66.6666% 60% 0% 40%);}
.land-bg > img:nth-child(13){clip-path: inset(66.6666% 40% 0% 60%);}
.land-bg > img:nth-child(14){clip-path: inset(66.6666% 20% 0% 80%);}
.land-bg > img:nth-child(15){clip-path: inset(66.6666% 0%  0% 100%);}

.land.type1.on .land-bg > img:nth-child(1){clip-path: inset(0 80% 66.6666% 0);}
.land.type1.on .land-bg > img:nth-child(2){clip-path: inset(0 60% 66.6666% 20%);}
.land.type1.on .land-bg > img:nth-child(3){clip-path: inset(0 40% 66.6666% 40%);}
.land.type1.on .land-bg > img:nth-child(4){clip-path: inset(0 20% 66.6666% 60%);}
.land.type1.on .land-bg > img:nth-child(5){clip-path: inset(0 0% 66.6666% 80%);}
.land.type1.on .land-bg > img:nth-child(6){clip-path: inset(33.3333% 80% 33.3333% 0% );}
.land.type1.on .land-bg > img:nth-child(7){clip-path: inset(33.3333% 60% 33.3333% 20%);}
.land.type1.on .land-bg > img:nth-child(8){clip-path: inset(33.3333% 40% 33.3333% 40%);}
.land.type1.on .land-bg > img:nth-child(9){clip-path: inset(33.3333% 20% 33.3333% 60%);}
.land.type1.on .land-bg > img:nth-child(10){clip-path: inset(33.3333% 0% 33.3333% 80%);}
.land.type1.on .land-bg > img:nth-child(11){clip-path: inset(66.6666% 80% 0% 0%);}
.land.type1.on .land-bg > img:nth-child(12){clip-path: inset(66.6666% 60% 0% 20%);}
.land.type1.on .land-bg > img:nth-child(13){clip-path: inset(66.6666% 40% 0% 40%);}
.land.type1.on .land-bg > img:nth-child(14){clip-path: inset(66.6666% 20% 0% 60%);}
.land.type1.on .land-bg > img:nth-child(15){clip-path: inset(66.6666% 0%  0% 80%);}

.land-bg > img{clip-path: inset(0); transition : clip-path 0.7s calc(var(--i) * 0.03s), transform 2s;}

.land-bg > span{display: flex;align-items: center;justify-content: center; position :absolute; width : 20%;height : 33.3333%; opacity: 0; transition : opacity .7s; color : #585858; letter-spacing: -0.06em; font-weight: 500;}
.land-bg > span:nth-of-type(1){left : 0;top : 0; background: #fff; display : none}
.land-bg > span:nth-of-type(2){left : 20%;top : 0; background: #AFA8A3; display : none}
.land-bg > span:nth-of-type(3){left : 0%;top : 33.3333%; background: #AFA8A3; display : none}
.land-bg > span:nth-of-type(4){left : 80%;top : 66.6666%; background: #ffff; display : none}

.land-tit-new{font-family : futura-pt; font-size : 90px; color : #fff; position : absolute; top : 25%; right : 100px; font-weight : 400; line-height : 1em;}
.land-tit-new p:nth-child(2){padding-left: 100px;}

.land-tit-new .line{display : flex !important; flex-direction : column;}
.land-tit-new .char{opacity : 0; transition : opacity .6s;}
.land.on.type1 .land-tit-new .char{opacity: 1;}
.land.on.type1 .land-tit-new .char:nth-of-type(1){transition-delay : .4s;}
.land.on.type1 .land-tit-new .char:nth-of-type(2){transition-delay : .5s;}
.land.on.type1 .land-tit-new .char:nth-of-type(3){transition-delay : .6s;}
.land.on.type1 .land-tit-new .char:nth-of-type(4){transition-delay : .7s;}
.land.on.type1 .land-tit-new .char:nth-of-type(5){transition-delay : .8s;}
.land.on.type1 .land-tit-new .char:nth-of-type(6){transition-delay : .9s;}
.land.on.type1 .land-tit-new .char:nth-of-type(7){transition-delay : 1s;}
.land.on.type1 .land-tit-new .char:nth-of-type(8){transition-delay : 1.1s;}
.land.on.type1 .land-tit-new .char:nth-of-type(9){transition-delay : 1.2s;}

.land.on.type1 .land-bg > span{opacity: 1; transition-delay: calc(var(--i) * 0.15s + 0.6s);}

.land-bg > span .color{color : #015052}

.land-inner{width : 100%;height : 100%; position :absolute;}

.land-tit{display: flex;align-items: end;justify-content: center; position :absolute; width : 20%;height : 33.3333%; opacity: 0; transition : transform 1s, opacity 1s, background 1s; letter-spacing: -0.06em; color : #fff; transform: translateY(-50px); left : 60%; top : 33.3333%; font-size: 59px; font-family: futura-pt; font-weight: 500; line-height: 1em; background: transparent;}
.land.on.type1 .land-tit{transform: translateY(0); opacity: 0; transition : transform 1s .4s, opacity 1s, background 1s;}
.land.on.type2 .land-tit{background: #AFA8A3; opacity : 1; transition : transform 1s .4s, opacity 1s, background 1s;}

.land-img{overflow: hidden;}
.land-img > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transition : opacity .7s, transform 2s; transform: scale(1.2); position: absolute; left : 0;top : 0; opacity: 0;}
.land.on.type2 .land-img > img{transform: scale(1); opacity: 1; transition : opacity .7s calc(var(--i) * 0.1s), transform 2s;}

.land-img-01{position :absolute; width : 40%;height : 66.6666%; left : 0; top : 33.3333%;}

.land-img-01 > img:nth-child(1){clip-path: inset(0 50% 50% 0);}
.land-img-01 > img:nth-child(2){clip-path: inset(0 0 50% 50%);}
.land-img-01 > img:nth-child(3){clip-path: inset(50% 50% 0 0);}
.land-img-01 > img:nth-child(4){clip-path: inset(50% 0 0 50%);}

.land-img-02{position :absolute; width : 20%;height : 33.3333%; left : 40%; top : 0;}
.land-img-03{position :absolute; width : 20%;height : 33.3333%; left : 80%; top : 66.6666%}

.land-bg-02{display: grid; grid-template-columns: repeat(5, 1fr);width : 100%;height : 100%;position :absolute; left : 0;top : 0; transition : background 1s;}
.land-bg-02 > span{background: #fff; clip-path: inset(100% 0 0); transition : clip-path 0.6s calc(var(--i) * 0.1s);}
.land.on.type2 .land-bg-02 > span{clip-path: inset(0); transition : clip-path 0.7s calc(var(--i) * 0.1s);}


.land-con{position :absolute; width : 20%;height : 33.3333%; display: flex;flex-direction: column;align-items: start; justify-content: end;padding : 0 0 50px 60px; opacity: 0; transform: translateY(-50px); transition : transform 1s, opacity 1s}
.land.on.type2 .land-con{opacity: 1; transform: translateY(0); transition-delay: calc(var(--i) * 0.1s + .4s);}

.land-con-01{left : 40%;top : 33.3333%;}
.land-con-02{left : 60%;top : 0%;}
.land-con-03{left : 80%;top : 33.3333%;}
.land-con-04{left : 40%;top : 66.6666%;}

.land-con-name{ color : #8E7C72; font-family: PT; font-weight: 600; letter-spacing: -0.06em;}
.land-con-desc{margin-top: 16px; font-size: 16px; letter-spacing: -0.06em;}

.schedule{z-index: 10;}
.unit{z-index: 11;}
.land{z-index: 12;}
.premium{z-index: 13;}
.brand{z-index: 14;}
.footer{z-index: 15;}


@media(max-width : 1200px){

.cursor{display: none;}
.cursor-dot{display: none;}

.skip{display: none;}
.skip-dot{display: none;}

.m_skip{display : block; padding : 10px 20px; border-radius : 100px; box-shadow : 0 3px 6px rgba(0,0,0,0.16); font-family : futura-pt; position : absolute; bottom : 20px; right : 20px; background: #fff;transition : opacity 1s;}
.m_skip.hide{pointer-events : none; opacity : 0;}

.navigation{display: none;}

div.img-cut{font-size: 11px;padding : 5px 10px;}
.overview-img > .img-cut{bottom : 0; left : auto; right : 0; transform: translateX(0);}
.premium-img > .img-cut{bottom : 0; left : auto; right : 0; transform: translateX(0);}
.premium-img-02 > .img-cut{bottom : 0; left : 0; right : auto; transform: translateX(0);}

.brand .img-cut{opacity: 1; transition : opacity .5s;bottom : 0; right : 0;}
.type7 .brand .img-cut,
.type8 .brand .img-cut,
.type9 .brand .img-cut{opacity: 1;}

.location-img > .img-cut{bottom : 0; right : 0;}

.schedule .img-cut{right : 7px; bottom : 7px;}
.unit .img-cut{right : 7px; bottom : 7px;}
.land .img-cut{opacity : 1; right : 7px; bottom : 7px;}

.open{display: block;}
.visual-btn-box{display: flex}

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

#wrap{width : 100%; max-width: 750px; height : auto; overflow: hidden; margin : 0 auto;}
.main-slide{width : 100%;height : auto;}

.main{position : static;width : 100%;height : 100%;}
.main > section{position : relative; width : 100%;height : auto;}

.section-grid{display: none;}

/*==========================================================
********************    INTRO    *********************
============================================================*/

.main > section.intro{opacity: 1; pointer-events: all; height : 100vh;}
.main-slide:not(.type0) .intro{opacity: 1; pointer-events: all}

.intro-img-box{width : 100%;height : 100%; position :absolute; left : 0;top : 0;}
.intro-img{position : absolute; overflow: hidden; clip-path: inset(100% 0 0);}

.intro-img-01{width : 50%;height : 25%; left : 0;}
.intro-img-02{width : 50%;height : 25%; left : 50%; top : 25%;}
.intro-img-03{width : 50%;height : 25%; left : 0%;top : 50%}
.intro-img-04{width : 50%;height : 25%; left : 50%;top : 75%}

.intro-img-05{width : 100%;height : 100%; left : 0%;top : 0; clip-path: inset(50% 5% 25% 5%);opacity: 0;}


.intro-text{font-size: 48px;}

.intro-text-01{width : 50%;height : 25%; left : 0;}
.intro-text-02{width : 50%;height : 25%; left : 50%; top : 25%;}
.intro-text-03{width : 50%;height : 25%; left : 0%;top : 50%}
.intro-text-04{width : 50%;height : 25%; left : 50%;top : 75%}

.intro-text-05{flex-direction: column; width : 100%;height : 25%; left : 0%;top : 25%;}
.intro-text-05 > p:nth-child(1){padding-right: 160px;}
.intro-text-05 > p:nth-child(2){padding-left: 160px;}

.on.main{background: #000;}

/*==========================================================
********************    TYPE1 사업개요    *******************
============================================================*/

.on.main-slide .section-grid.on > b::before,
.on.main-slide .section-grid.on > b::after{background: rgba(255,255,255,0);}

.on.main-slide{background: #000;}

.overview{display: flex;flex-direction: column;  justify-content: start; opacity: 0; transition : opacity .5s; opacity: 1; background: #000; padding : 100px 0px 0px}
.type1 .overview{opacity: 1;}
.on .overview{}
.overview-img{width : 100%;height : 200px;clip-path: inset(0);position : relative; order: 2;}
.overview-img > img{width : 100%;height : 100%;position : absolute;left : 0;top : 0; object-position: center;width : 100%;}

.on.type1 .overview-img{clip-path: inset(0 60% 0 20%); transition-delay: 0.4s;}

.overview-tit{font-size: 84px; color : #000; position : relative;left: auto; right: auto; top : auto; bottom : auto; z-index: 1; width : 100%; opacity: 1; transition : transform 1s, opacity 1s;padding-left: 0px;width : 100%; padding : 0 50px; margin-bottom: 50px; transform: translateY(-50px); opacity: 0;}
.active .overview-tit{transform: translateY(0); opacity: 1;}
.overview-tit.dark{display: none;}

.on.type1 .overview-tit{opacity: 1; transform: translateX(100%); transition : opacity 1s 1s, transform 1s 1.2s}

.overview-inner{display: flex; flex-direction: column; align-items: start; width : 100%;height : 100%;position : static;left : 0;top : 0;z-index: 1;}

.overview-list{display: grid; grid-template-columns: repeat(1, 1fr);margin-left: 0%; padding : 0; gap : 33px 100px;width : 100%; padding : 0 50px; margin-bottom: 50px;}

.overview-list .line{overflow: hidden;}
.overview-list .char{transform: translateY(0%)}

.overview-list > li{padding-bottom: 35px;width : 100%; color : #B7B7B7; transform: translateX(-50px);opacity: 0; transition : transform 1s, opacity 1s;}
.active .overview-list > li:nth-child(1){transform: translateX(0); opacity: 1; transition-delay: .4s;}
.active .overview-list > li:nth-child(2){transform: translateX(0); opacity: 1; transition-delay: .5s;}
.active .overview-list > li:nth-child(3){transform: translateX(0); opacity: 1; transition-delay: .6s;}
.active .overview-list > li:nth-child(4){transform: translateX(0); opacity: 1; transition-delay: .7s;}
.active .overview-list > li:nth-child(5){transform: translateX(0); opacity: 1; transition-delay: .8s;}
.active .overview-list > li:nth-child(6){transform: translateX(0); opacity: 1; transition-delay: .9s;}
.overview-list > li::after{clip-path: inset(0);}

.overview-list-tit{font-size: 30px; margin-bottom: 9px;}
.overview-list-desc{font-size: 24px;}

/*==========================================================
********************    TYPE2 프리미엄    *******************
============================================================*/

.premium{display: flex;flex-direction: column; align-items: center; justify-content: start; opacity: 1; transition : opacity .5s; background: #000;}
.premium-img{clip-path: inset(0);z-index: 0; position : absolute; overflow: hidden; filter: brightness(0.5); width : 100%; height : 900px; top : 300px; display: none;}
.premium-img > img{transform: scale(1.25); transition : transform 3s;}
.active .premium-img > img{transform: scale(1);}

.premium-tit{display: flex;flex-direction: column;align-items: center;justify-content: center;  font-size: 97px; color : #000; position : static; width : auto; opacity: 0; transform: translateY(-50px); transition : transform 1s, opacity 1s;padding-left: 0px; height : 300px;padding-top: 80px;}
.premium-tit.white{color : #fff;}

.active .premium-tit{opacity: 1; transform: translateY(0%); transition : opacity 1s, transform 1s}

.premium-tit > span{font-size: 80px;position : absolute;bottom : 45%; left : -50px; opacity: 0; transform: translateX(-100px); transition : transform 1s .4s, opacity 1s .4s;}
.active .premium-tit > span{opacity: 1 !important; transform: translateX(0) !important;transition-delay: 0.4s;}

.premium-inner{display: flex;flex-direction: column; align-items: center; width : 100%;height : auto;position : relative;}

/*==========================================================
********************    TYPE3 프리미엄    *******************
============================================================*/

.premium-con{width : 50%;height : 300px; position : static; background: #fff;padding : 0 0 30px 30px; clip-path: inset(0); opacity: 0; z-index: 1; transition : transform 1s, opacity 1s}

.premium-con-tit-eng{font-size: 24px; margin-bottom: 19px; transform: translateX(0px); opacity: 1; transition : transform 1s, opacity 1s;}

.premium-con-tit-kor{font-size: 24px;margin-bottom: 16px; transform: translateX(0px); opacity: 1}
.on.type3 .white .premium-con-tit-kor{transform: translateX(0);opacity: 1; transition-delay: .5s;}

.premium-con-desc{font-size: 20px; transform: translateX(0px); opacity: 1; }

.premium-con-01{margin-right: auto; transform: translateX(-100px);}
.premium-con-02{margin-left: auto;transform: translateX(100px);}
.premium-con-03{margin-right: auto;transform: translateX(-100px);}

/*==========================================================
********************    TYPE4 프리미엄    *******************
============================================================*/

.premium-img-02{left : 0;top : auto; bottom : 0;width : 100%;height : 900px; opacity: 1;z-index: 0; filter: brightness(0.4);}

.premium-img-02 > img{display: none;}

.premium-img-02 > img:nth-child(1){display: block;clip-path: inset(0);transform: scale(1.25); transition : transform 3s;}
.active .premium-img-02 > img:nth-child(1){transform: scale(1);}


.premium-con.dark{background: #000;clip-path: inset(0);}

.dark .premium-con-tit-eng{color : #B2B2B2;}
.on.type4 .dark .premium-con-tit-eng{transform: translateX(0);opacity: 1; transition-delay: .4s;}
.dark .premium-con-tit-kor .color{color : #8E7C72;}
.on.type4 .dark .premium-con-tit-kor{transform: translateX(0);opacity: 1; transition-delay: .5s;}
.dark .premium-con-desc{color : #fff;}
.on.type4 .dark .premium-con-desc{transform: translateX(0);opacity: 1; transition-delay: .6s;}

.premium-con-04{margin-left: auto;transform: translateX(100px);}
.premium-con-05{margin-right: auto;transform: translateX(-100px);}
.premium-con-06{margin-left: auto;transform: translateX(100px);}

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

/*==========================================================
********************    TYPE5 입지    *******************
============================================================*/

.on.type4.main-slide .section-grid.on > b::before,
.on.type4.main-slide .section-grid.on > b::after{background: rgba(0,0,0,0);}

.on.type5 .premium{opacity: 1;}

.envi{pointer-events: all;}

.envi-bg{display: grid; grid-template-columns: repeat(1, 1fr);width : 100%;height : 720px;position :absolute; left : 0;top : 0; transition : background 1s;}

.active .envi-bg{background: #C8DBF2; transition-delay: 1s;}
.envi-bg > span{background: #C8DBF2; clip-path: inset(100% 0 0); transition : clip-path 0.6s calc(var(--i) * 0.1s + .4s);}
.envi-bg > span:nth-child(1),
.envi-bg > span:nth-child(2),
.envi-bg > span:nth-child(3),
.envi-bg > span:nth-child(4),
.envi-bg > span:nth-child(5){display: none;}
.active .envi-bg > span{clip-path: inset(0); transition : clip-path 0.6s calc(var(--i) * 0.1s);}

.envi-bg-img{position : absolute;z-index: 1;right : 0;bottom : 50px;opacity: 0;width : 100%;height : auto;object-fit: contain; object-position: right bottom;transition : transform 1s, opacity 1s; transform: translateX(20%);max-width: 1920px;}
.active .envi-bg-img{opacity: 1;transform: translateX(0%); transition-delay: 1s;}

.envi-inner{display: flex;flex-direction: column;align-items: start;justify-content: space-between;  position :relative;z-index: 1; width : 100%; max-width: 1560px; height : auto !important; margin : 0 auto; transition : opacity 0.7s; pointer-events: all; padding : 150px 0 0;}

.envi-tit-box{padding : 0 80px; margin-bottom: 350px;}
.envi-tit{font-size: 81px; font-family: futura-pt; font-weight: 500; color : #050505;position : relative; line-height: 1em; margin-bottom: 22px;}
.envi-tit > span{font-size: 67px; position : absolute; left : -50px; bottom : 70%; letter-spacing: -0.04em; transform: translateX(-100px);opacity: 0; transition: transform 1s, opacity 1s}

.active .envi-tit > span{transform: translateX(0); opacity: 1; transition-delay: 1s;}

.active .envi-tit .char{transform: translateY(0%); transition-delay: 1s;}

.envi-desc{font-size: 22px; font-family: PT; letter-spacing: -0.04em; color : #050505; margin-bottom: 7px;}
.envi-desc .line{overflow: hidden;}
.envi-desc .char{transform: translateY(100%);transition: transform 1s, opacity 1s}

.active .envi-desc .char{transform: translateY(0%); transition-delay: 1.2s;}

.envi-sub-tit{font-size: 30px; font-family: PT; letter-spacing: -0.04em; color : #050505; line-height: 1.4em;}

.active .envi-sub-tit .char{transform: translateY(0);transition-delay: 1.4s;}

.envi-map{position :absolute; transform: translateY(100px);opacity: 0; transition : opacity 1s, transform 1s; bottom : 50px; left : 50px;}
.active .envi-map{transform: translateY(0);opacity: 1; transition-delay: 1s;}

.envi-map-img{display: none;}
.envi-map-img > img{transition : transform 1s;}
.envi-map:hover > .envi-map-img > img{transform: scale(1.1);}

.envi-map-btn{position : static; width : 120px; height : 120px; font-size: 24px; gap : 10px;}
.envi-map-btn > span{width : 24px;height : 24px;}
.envi-map:hover .envi-map-btn > span{transform: rotate(0deg);}

/*==========================================================
********************    TYPE6 입지    *******************
============================================================*/

.envi2{position : static; width : 100%;height : 100%;left : 0;top : 0;z-index: 2;pointer-events: all; background: #C8DBF2}

.envi2-bg{display: none;}

.envi-list{display: grid; grid-template-columns: repeat(1, 1fr);width : 100%;height : auto; position : relative; opacity: 1; transition : opacity 1s; padding : 30px; gap : 30px;}
.envi-list + .envi-list{padding-top: 0;}
.envi-list > li{position : relative; border-radius: 16px; overflow: hidden; box-shadow: 0 3px 6px rgba(0,0,0,0.16); padding : 0; transform: translateY(50px);opacity: 0; transition :transform 1s, opacity 1s;}
.envi-list > li.aos-animate{transform: translateY(0); opacity: 1;}
.envi-list > li:nth-child(1),
.envi-list > li:nth-child(4){display: none;}

.envi-img{position : absolute; width : 100%; height : 100%; transition : top 1s, height 1s, filter 1s; left : 0;top : 0;}

.envi-img-inner{width : 100%;height : 100%; transform: translateY(0%);transition : transform 1.2s; overflow: hidden;}

.active .envi-img-inner{transform: translateY(0);}

.envi-img-inner > img{width : 100%;height : 100%; object-fit: cover;object-position: center; transition : transform 1.2s; filter: brightness(0.5);}
.envi-img:hover > .envi-img-inner > img{transform: scale(1);}

.envi-img-01{top: 0;}
.envi-img-02{top: 0;}
.envi-img-03{top: 0;}
.envi-img-04{top: 0;}

.envi-list > li.on .envi-img{height : 100%;top : 0; filter: brightness(0.7);}

.envi-con{display: none;}
.envi2-tit{display: none;}

.envi-con-inner{display: flex;flex-direction: column; align-items: center;justify-content: start; padding : 0;  position : relative;width : 100%;height : 100%; color : #fff; padding : 80px 0 50px; text-shadow: 0 0 6px rgba(0,0,0,0.16);}

.envi-con-inner-tit{font-size: 34px; margin-bottom: 24px; line-height: 1.25em;}
.envi-con-inner-desc{font-size: 24px; margin-bottom: 24px;}
.envi-con-inner-tit-eng{font-size: 46px; position : static;}

.envi-con-inner-tit .line,
.envi-con-inner-desc .line,
.envi-con-inner-tit-eng .line{overflow : hidden;}

.envi-con-inner-tit .char,
.envi-con-inner-desc .char,
.envi-con-inner-tit-eng .char{transform: translateY(0); transition : transform .7s}

/**************************************
************* TYPE7 브랜드 ***************
******************************************/

.brand{display: flex;flex-direction: column; opacity: 1; pointer-events: all; background: #fff; padding : 100px 0;}

.brand > article{ width : 100%;height : 100%;position : relative;left : 0;top : 0; order: 2;}

.brand-tit{order: 1; display: flex;align-items: center;justify-content: center; font-size: 59px; font-family: futura-pt; font-weight: 500; color : #050505; position : relative; width : 100%;height : auto; margin-bottom: 50px;}
.brand-tit .line{width : auto !important;overflow: hidden;}
.brand-tit .char{transform: translateY(100%);transition : transform 1s;}
.active .brand-tit .char{transform: translateY(0); transition-delay: .2s;}

.brand-img{z-index: 1;}

.brand-01{display: flex; align-items: center; margin-bottom: 50px;}
.brand-01-img{position : absolute;width: 40%; height : 100%; left : 0%; clip-path: inset(0 0 100%); transition : clip-path 1s;}
.active .brand-01-img{clip-path: inset(0); }

.brand-01-img > img{position :static;}

.brand-con{display: grid; grid-template-columns: repeat(1, 1fr); width : 100%;height : auto;position :static; padding : 0 30px;}
.brand-con::after{position : absolute; content: '';width : 1px;height : 100%; left : 50%;top : 0; transform: translateX(-50%);}

.brand-con-tit{display: flex;align-items: center;justify-content: start; font-size: 34px; font-family: PT; font-weight: 500; letter-spacing: -0.04em; color : #8E7C72;padding: 0; margin-bottom: 30px;}
.brand-con-desc{display: flex;align-items: center;justify-content: start; color : #8E8E8E; letter-spacing: -0.04em; line-height: 1.5em; font-family: PT; font-size: 22px;}

.brand-01-con{width : 60%; margin-left: auto; padding : 150px 0 150px 30px;}
.brand-02-con{left : 20%;top : 33.3333%;}
.brand-03-con{left : 40%;top : 66.6666%;}

.brand-con-tit .line{width : auto !important; overflow: hidden;}
.brand-con-tit .char{transform: translateY(100%);transition : transform 1s}

.brand-con-desc .line{overflow: hidden;}
.brand-con-desc .char{transform: translateY(100%); transition : transform 1s}

.aos-animate.brand-01 .brand-con-tit .char,
.aos-animate.brand-02 .brand-con-tit .char,
.aos-animate.brand-03 .brand-con-tit .char{transform: translateY(0); transition-delay: 0.4s;}

.aos-animate.brand-01 .brand-con-desc .char,
.aos-animate.brand-02 .brand-con-desc .char,
.aos-animate.brand-03 .brand-con-desc .char{transform: translateY(0);}


/**************************************
************* TYPE8 브랜드 ***************
******************************************/

.brand-02{margin-bottom: 50px;}
.brand-02-img{position : relative; width: 100%; height : 200px; margin-bottom: 50px; left: auto;}
.brand-02-img > img{position :static; display: none;}

.brand-02-img > img:nth-child(1){display: block; clip-path: inset(0 100% 0 0);}
.aos-animate .brand-02-img > img:nth-child(1){clip-path: inset(0);}

.brand-02-img > img:nth-child(2),
.brand-02-img > img:nth-child(3){display: none;}

.brand-02-con .brand-con-tit{justify-content: end;}
.brand-02-con .brand-con-desc{justify-content: end; text-align: right;}

.brand-03-con .brand-con-tit{ justify-content: start;}
.brand-03-con .brand-con-desc{justify-content: start;}


/**************************************
************* TYPE9 브랜드 ***************
******************************************/

.brand-03-img{position : relative;width: 100%; height : 200px; margin-bottom: 50px; left: auto;}
.brand-03-img > img{position :static; display: none;}

.brand-03-img > img:nth-child(1){display: block; clip-path: inset(0 0 0 100%);}
.aos-animate .brand-03-img > img:nth-child(1){clip-path: inset(0);}

/**************************************
************* TYPE10 오시는길 ***************
******************************************/

.location{display: flex;flex-direction: column;align-items: center; transition : transform 1s; pointer-events: all; background: #000; padding : 100px 50px;}

.location-tit{display: flex;align-items: center;justify-content: center; position :static;width : 100%;height : auto; font-size: 59px; margin-bottom: 30px; order: 2;}

.active .location-tit .char{transform: translateY(0); transition-delay: 0s;}

.location-img{display: none; position : absolute;width : 20%;height : 100%; right : 0; top : 0;}
.location-img > img{width : 100%;height : 100%;height : 100%; object-fit: cover; object-position: center;position :absolute;left : 0;top : 0; transition : clip-path 1.2s;}

.location-img > img:nth-child(1){clip-path: inset(0 0 66.6666% 100%);}
.type10 .location-img > img:nth-child(1),
.type11 .location-img > img:nth-child(1){clip-path: inset(0 0 66.6666% 0);transition-delay: .6s;}

.location-img > img:nth-child(2){clip-path: inset(0% 0 33.3333% 100%);}
.type10 .location-img > img:nth-child(2),
.type11 .location-img > img:nth-child(2){clip-path: inset(33.3333% 0 33.3333% 0%); transition-delay: .8s;}

.location-img > img:nth-child(3){clip-path: inset(0% 0 0% 100%);}
.type10 .location-img > img:nth-child(3),
.type11 .location-img > img:nth-child(3){clip-path: inset(66.6666% 0 0% 0%);transition-delay: 1s}

.location article{width : 100%;height : 100%;position : static;}

.active .location-sub-tit-01 .char{transform: translateY(0); transition-delay: 0s;}
.active .location-sub-tit-02 .char{transform: translateY(0); transition-delay: 0s}

.location-01{transition : opacity 1s; opacity: 1; order: 1; margin-bottom: 16px;}

.location-sub-tit-01{font-size: 28px; position : static; width : 100%; height : auto; margin-bottom: 8px;}
.location-sub-tit-02{font-size: 36px; position : static; width : 100%; height : auto;}

.location-02{transition : opacity 1s; opacity: 1;order: 3;}

.location-map{width : 100%; position :static; background: #000; margin-bottom: 50px; clip-path: inset(0 50%); transition : clip-path 1s;}
.active .location-map{clip-path: inset(0);}

.location-name{font-size: 36px; margin-bottom: 16px;}
.location-address{font-size: 24px; font-family: PT; font-weight: 500; letter-spacing: -0.04em; color : #8E8E8E; margin-bottom: 26px;}
.location-btn-box{display: flex;gap : 4px}

.location-address-box{display: flex;flex-direction: column; position : static; width : 100%; height : auto;padding : 0; transform: translateX(-50px);opacity: 0; transition : transform 1s, opacity 1s}
.aos-animate.location-address-box{opacity: 1; transform: translateX(0);}
.location-address-box + .location-address-box{margin-top: 30px;}

/**************************************
************* TYPE11 오시는길 ***************
******************************************/

.main .footer{position: static; transform: translateY(0);}

.envi-pop{}
.envi-pop-inner{width : 90%;}
.envi-pop-close{width : 70px; left : auto; right : 0; top :0; transform : translateX(0)}




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

.intro-inner{width : 240px; height : 360px;}
.intro-bg{clip-path: inset(calc(50% - 180px) calc(50% - 110px));}
.intro-01-desc-02,
.intro-02-desc-02{top : 280px}

.main > section.visual{width : 100%;height : 100vh; height : 100dvh;}

.visual-inner{padding : 220px 80px 0;}
.visual-tit{font-size: 48px;}

.visual-open{width : 90px;height : 90px; left : 20px; bottom : 30px; font-size: 14px;}


.main > .schedule{pointer-events: all; opacity: 1;}

.schedule-bg{display : block;}

.schedule-bg > img{display: none;transform: scale(1);}
.schedule-bg > img:nth-child(1){display: block;}

.schedule-bg > img:nth-child(1){clip-path: inset(0%);}

.schedule-inner{display: flex;flex-direction: column;align-items: start; padding : 100px 30px;}

.schedule-con-box{width : auto; height : auto; position : static;}

.schedule-con-box-01,
.schedule-con-box-02{display: flex;flex-direction: column;justify-content: space-between;}

.schedule-con-box-03{display: block;padding-left: 0px; order : 1; margin-bottom: 16px;}
.schedule-con-box-04{padding : 0; order : 2; margin-bottom: 50px;}
.schedule-con-box-01{order : 3;}
.schedule-con-box-02{order : 4; margin-top: 46px;}

.schedule-con{display: block; padding-left: 24px;}
.schedule.active .schedule-con::after{clip-path: inset(0);}

.schedule-con + .schedule-con{margin-top: 46px;}

.schedule-con:nth-child(2){position : static; transform: translateY(0);}
.schedule-day{font-size: 24px; color : #222;  margin-bottom: 24px; transition : 1s; opacity: 0; transform: translateX(50px);}
.schedule-name{font-size: 36px; color : #015052; transition : 1s; opacity: 0; transform: translateX(50px);}

.schedule.active .schedule-day,
.schedule.active .schedule-name{opacity: 1; transform: translateX(0); transition-delay: .4s;}


.schedule-tit{font-size: 97px; transform: translateY(-50px); opacity: 0;}
.schedule.active .schedule-tit{transform: translateY(0); opacity: 1; transition-delay: .4s;}

.schedule-desc{transform: translateY(50px); opacity: 0; font-size: 30px;}
.schedule.active .schedule-desc{transform: translateY(0); opacity: 1; transition-delay: .4s;}



/************* UNIT ****************/

.main > .unit{transition : opacity .6s;pointer-events: all; opacity: 1;}

.unit-bg{display: block;z-index: -1; filter: brightness(0.7);-webkit-filter: brightness(0.7);}

.unit-bg > img{display: none;}
.unit-bg > img:nth-child(1){display: block; clip-path: inset(0);}

.unit-bg > span{display: none;}

.unit-img-box{display: none;}

.unit-bg-02{display: none;}

.unit-inner{width : 100%;height : 100%; position :static; padding : 100px 30px;}
.unit-btn{display: flex;flex-direction: column;align-items: center; position :static; width : auto; height : auto; position :static; padding : 0; transform: translateY(50px);pointer-events: all; color : #fff; text-align: center; background: rgba(0,0,0,0.4); padding : 36px 0; border-radius: 16px; border : 1px solid #ddd; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 3px 6px rgba(0,0,0,0.3);}
.unit-btn + .unit-btn{margin-top: 16px;}

.unit.active .unit-btn{opacity: 1; transform: translateY(0); pointer-events: all;}
.unit.active .unit-btn:nth-of-type(1){transition : opacity 1s .4s, transform 1s .4s;}
.unit.active .unit-btn:nth-of-type(2){transition : opacity 1s .5s, transform 1s .5s;}
.unit.active .unit-btn:nth-of-type(3){transition : opacity 1s .6s, transform 1s .6s;}
.unit-btn:hover{background: rgba(0,0,0,0.4);}

.unit-btn-tit{font-size: 48px; font-family: futura-pt; font-weight: 500; margin-bottom: 11px; transition : color .5s;}
.unit-btn-desc{font-size: 24px; color : #fff;}

.unit-tit-box{position : static; width : auto;height : auto; opacity: 0; transition : 1s; text-align: center;}
.unit-tit-box-01{display: block; padding : 0; transform: translateY(-50px); padding-left: 100px;}
.unit-tit-box-02{padding-left: 0px; transform: translateY(50px); padding-right: 100px; margin-bottom: 60px;}
.unit.active .unit-tit-box{transform: translateY(0); opacity: 1;}

.unit-tit{color : #fff; font-family: futura-pt; font-size: 64px; font-weight: 500; text-transform: uppercase; white-space: nowrap;}
.unit-tit > small{font-size: 48px; font-weight: 300;text-transform: none;}

.unit-desc-img-box{display : none;}

/******************************************
************** LAND ***********************
******************************************/


.main > .land{transition : opacity .6s;pointer-events: all; opacity: 1; background: #fff;}

.land-bg{display: flex;flex-direction: column;align-items: end;justify-content: end; position : relative;z-index: -1; padding : 240px 30px 30px; overflow: hidden;}
.land-bg::after{position : absolute; content : ''; width : 100%; height : 50%; background : linear-gradient(to top, #000, transparent);right : 0; bottom : 0;}

.land-bg > img{display: none; filter: brightness(1.2);width : 100%;height : 100%;object-fit: cover;object-position: center;z-index: -1;}

.land-bg > img:nth-child(1){display: block; clip-path: inset(0);}

.m_land-tit{font-size: 59px; font-family: futura-pt;position :relative; color : #fff;z-index: 1;}

.land-bg > span{width : auto; height : auto; display: none; position : relative; opacity: 1; z-index: 1; font-size: 24px; z-index: 10; color : #fff;}
.land-bg > span:nth-of-type(4){left : 0; top : 0; display: block; background: none;}


.land-bg > span .color{color : #fff; font-weight: 700;}

.land-inner{position :relative;}

.land-tit{display: none;}

.land-img > img{opacity: 1; display: none; transform: scale(1);position : static; height : 315px; object-position: center; object-fit: cover;}
.land-img > img:nth-child(1){display: block; clip-path: inset(0) !important;}

.land-img-01{position :static; width : 50%;height : auto; transform: translateX(-100px); opacity: 0;}
.land-img-02{position :static; width : 50%;height : auto; left : 0%; top : 0; margin-left: auto; transform: translateX(100px); opacity: 0;}
.land-img-03{position : static; width : 50%;height : auto; left : 0%; top : 0%; transform: translateX(-100px); opacity: 0;}

.aos-animate.land-img{transform: translateX(0); opacity: 1;}

.land-bg-02{display: none;}

.land-con{justify-content: center; align-items: center; position :static; width : auto;height : auto; padding : 0; opacity: 1; transform: translateY(0px); height : 315px; opacity: 0;}
.aos-animate.land-con{opacity: 1;}

.land-con-01{position : absolute; width : 50%; right : 0; top :0; left: auto;}
.land-con-02{position : absolute; width : 50%; left : 0; top : 315px;}
.land-con-03{position : absolute; width : 50%; right : 0; top : 630px; left: auto;}

.land-con-04{display: none;}

.land-con-name{ color : #8E7C72; font-size: 30px; text-align: center;}
.land-con-desc{margin-top: 16px; font-size: 24px; letter-spacing: -0.06em; text-align: center;}



}




@media(max-width : 750px){

.intro-text{font-size: 6.4vw;}

.intro-text-05 > p:nth-child(1){padding-right: 21.3333vw;}
.intro-text-05 > p:nth-child(2){padding-left: 21.3333vw;}


.overview{padding : 13.3333vw 0.0000vw 0.0000vw}
.overview-img{height : 26.6667vw;}

.overview-tit{font-size: 11.2000vw;padding : 0 6.6667vw; margin-bottom: 6.6667vw;}

.overview-list{gap : 4.4000vw 13.3333vw;padding : 0 6.6667vw; margin-bottom: 6.6667vw;}

.overview-list > li{padding-bottom: 4.6667vw;}

.overview-list-tit{font-size: 4.0000vw; margin-bottom: 1.2000vw;}
.overview-list-desc{font-size: 3.2000vw;}

/*==========================================================
********************    TYPE2 프리미엄    *******************
============================================================*/

.premium-img{height : 120.0000vw; top : 40.0000vw;}

.premium-tit{font-size: 12.9333vw;height : 40.0000vw;padding-top: 10.6667vw;}

.premium-tit > span{font-size: 10.6667vw;}

/*==========================================================
********************    TYPE3 프리미엄    *******************
============================================================*/

.premium-con{height : 40.0000vw;padding : 0 0 4.0000vw 4.0000vw;}

.premium-con-tit-eng{font-size: 3.2000vw; margin-bottom: 2.5333vw;}

.premium-con-tit-kor{font-size: 3.2000vw;margin-bottom: 2.1333vw}

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

/*==========================================================
********************    TYPE4 프리미엄    *******************
============================================================*/

.premium-img-02{height : 120.0000vw;}

/*==========================================================
********************    TYPE5 입지    *******************
============================================================*/

.envi-bg{height : 96.0000vw;}

.envi-bg-img{bottom : 6.6667vw;}

.envi-inner{padding : 20.0000vw 0 0;}

.envi-tit-box{padding : 0 10.6667vw; margin-bottom: 46.6667vw;}
.envi-tit{font-size: 10.8000vw;margin-bottom: 2.9333vw;}
.envi-tit > span{font-size: 8.9333vw;left : -6.6667vw;}

.envi-desc{font-size: 2.9333vw; margin-bottom: 0.9333vw;}

.envi-sub-tit{font-size: 4.0000vw;}

.envi-map{bottom : 6.6667vw; left : 6.6667vw;}

.envi-map-btn{width : 16.0000vw; height : 16.0000vw; font-size: 3.2000vw; gap : 1.3333vw;}
.envi-map-btn > span{width : 3.2000vw;height : 3.2000vw;}

/*==========================================================
********************    TYPE6 입지    *******************
============================================================*/

.envi-list{padding : 4.0000vw; gap : 4.0000vw;}
.envi-list > li{border-radius: 2.1333vw;}

.envi-con-inner{padding : 10.6667vw 0 6.6667vw;}

.envi-con-inner-tit{font-size: 4.5333vw; margin-bottom: 3.2000vw;}
.envi-con-inner-desc{font-size: 3.2000vw; margin-bottom: 3.2000vw;}
.envi-con-inner-tit-eng{font-size: 6.1333vw;}

/**************************************
************* TYPE7 브랜드 ***************
******************************************/

.brand{padding : 13.3333vw 0;}

.brand-tit{font-size: 7.8667vw; margin-bottom: 6.6667vw;}

.brand-01{margin-bottom: 6.6667vw;}

.brand-con{padding : 0 4.0000vw;}

.brand-con-tit{font-size: 4.5333vw; margin-bottom: 4.0000vw;}
.brand-con-desc{font-size: 2.9333vw;}

.brand-01-con{padding : 20.0000vw 0 20.0000vw 4.0000vw;}

/**************************************
************* TYPE8 브랜드 ***************
******************************************/

.brand-02{margin-bottom: 6.6667vw;}
.brand-02-img{height : 26.6667vw; margin-bottom: 6.6667vw;}


/**************************************
************* TYPE9 브랜드 ***************
******************************************/

.brand-03-img{height : 26.6667vw; margin-bottom: 6.6667vw;}

/**************************************
************* TYPE10 오시는길 ***************
******************************************/

.location{padding : 13.3333vw 6.6667vw;}

.location-tit{font-size: 7.8667vw; margin-bottom: 4.0000vw;}

.location-01{margin-bottom: 2.1333vw;}

.location-sub-tit-01{font-size: 3.7333vw;margin-bottom: 1.0667vw;}
.location-sub-tit-02{font-size: 4.8000vw;}

.location-map{margin-bottom: 6.6667vw;}

.location-name{font-size: 4.8000vw; margin-bottom: 2.1333vw;}
.location-address{font-size: 3.2000vw; margin-bottom: 3.4667vw;}
.location-btn-box{gap : 0.5333vw}

.location-address-box + .location-address-box{margin-top: 4.0000vw;}

/********* nEW *************/

.visual-inner{padding : 29.3333vw 10.6667vw 0;}
.visual-tit{font-size: 6.4000vw;}

.schedule-inner{padding : 13.3333vw 4.0000vw;}

.schedule-con-box-03{margin-bottom: 2.1333vw;}
.schedule-con-box-04{margin-bottom: 6.6667vw;}
.schedule-con-box-02{margin-top: 6.1333vw;}

.schedule-con{ padding-left: 3.2000vw;}

.schedule-con + .schedule-con{margin-top: 6.1333vw;}

.schedule-day{font-size: 3.2000vw;  margin-bottom: 3.2000vw;}
.schedule-name{font-size: 4.8000vw;}

.schedule-tit{font-size: 12.9333vw;}

.schedule-desc{font-size: 4.0000vw;}



/************* UNIT ****************/

.unit-inner{padding : 13.3333vw 4.0000vw;}
.unit-btn{padding : 4.8000vw 0; border-radius: 2.1333vw; backdrop-filter: blur(1.3333vw); -webkit-backdrop-filter: blur(1.3333vw); box-shadow: 0 0.4000vw 0.8000vw rgba(0,0,0,0.3);}
.unit-btn + .unit-btn{margin-top: 2.1333vw;}

.unit-btn-tit{font-size: 6.4000vw; margin-bottom: 1.4667vw;}
.unit-btn-desc{font-size: 3.2000vw;}

.unit-tit-box-01{ padding-left: 13.3333vw;}
.unit-tit-box-02{padding-right: 13.3333vw; margin-bottom: 8.0000vw;}

.unit-tit{font-size: 8.5333vw;}
.unit-tit > small{font-size: 6.4000vw;}

/******************************************
************** LAND ***********************
******************************************/

.land-bg{padding : 32.0000vw 4.0000vw 4.0000vw;}

.m_land-tit{font-size: 7.8667vw;}

.land-bg > span{font-size: 3.2000vw;}

.land-img > img{height : 42.0000vw;}


.land-con{height : 42.0000vw;}
.land-con-02{top : 42.0000vw;}
.land-con-03{top : 84.0000vw;}

.land-con-{font-size: 4.0000vw;}

.land-con-name{font-size: 4vw;}
.land-con-desc{margin-top: 2.1333vw; font-size: 3.2000vw;}


}