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);}

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

span.img-cut{position : absolute; color : #fff; font-size: 13px;padding : 10px; transition : opacity .5s;}
.overview-img > .img-cut{bottom : 0; left : 40%; transform: translateX(calc(-100%));}
.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{opacity: 0; 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; opacity: 0;}
.type10 .location-img > .img-cut,
.type11 .location-img > .img-cut{opacity: 1;}

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

.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;}

.section-grid{pointer-events: none;z-index: 100;}
.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);}

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

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

.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-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;}

/*==========================================================
********************    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;}

.on.type3.main-slide,
.on.type4.main-slide,
.on.type5.main-slide,
.on.type7.main-slide,
.on.type8.main-slide,
.on.type9.main-slide{background: #fff;}

.overview{display: flex; justify-content: start; opacity: 0; transition : opacity .5s;}
.type1 .overview{opacity: 1;}
.on .overview{}
.overview-img{overflow: hidden; width : 100%;height : 100%; clip-path: inset(66.6666% 60% 0 20%); transition : clip-path 1s cubic-bezier(0.65, 0, 0.35, 1) .4s;z-index: 10; position : relative; overflow: hidden;}
.overview-img > img{width : 100%;height : 100%;position : absolute;left : 0;top : 0; object-fit: cover; object-position: center;}

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

.overview-tit{font-size: 84px; color : #000; position : absolute; top : 30%; left : 30%;z-index: 1; width : 20%;left : 20%; font-weight: 700; opacity: 0; transition : transform 1s .4s, opacity 1s .4s;padding-left: 80px; font-family: futura-pt; font-weight: 600;}
.overview-tit.white{color : #fff;}

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

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

.overview-list{display: grid; grid-template-columns: repeat(2, 1fr);margin-left: 40%; padding-left: 80px; gap : 33px 100px; padding-bottom: 97px;}

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

.overview-list > li{padding-bottom: 35px;width : 415px; position :relative;font-family: PT; font-weight: 500; letter-spacing: -0.04em; color : #B7B7B7;}
.overview-list > li::after{position : absolute; content: '';width : 100%;height : 1px; bottom :0; background: rgba(255,255,255,0.2); clip-path: inset(0 100% 0 0); transition : clip-path 1s .4s;}
.on.type1 .overview-list > li::after{clip-path: inset(0); transition-delay: 1.2s;}

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

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

.premium{display: flex; justify-content: start; opacity: 0; transition : opacity .5s;}
.type2 .premium,
.type3 .premium,
.type4 .premium{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;}

.type2 .premium-img{clip-path: inset(0 40%); transition-delay: 0.4s;}
.type3 .premium-img,
.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;}

.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;}
.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 프리미엄    *******************
============================================================*/

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

.type3 .premium{opacity: 1;}
.on.type3 .premium-img{clip-path: inset(0); filter: brightness(0.7); transition-delay: 0s; transition-duration: 1.2s;}

.on.type3 .premium-tit{opacity : 0; transition : opacity 1s 0s, transform 1s 1.2s}

.premium-con{display: flex;flex-direction: column;justify-content: end; width : 20%; height : 33.3333%; position : absolute; background: #fff;padding : 0 0 60px 60px; clip-path: inset(0 0 100%); opacity: 0; transition-property: clip-path, opacity; transition-duration: 1s; transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);}

.premium-con-tit-eng{font-family: futura-pt; font-weight: 500; font-size: 18px; margin-bottom: 19px; transform: translateX(-100px); opacity: 0; transition : transform 1s, opacity 1s;}
.on.type3 .white .premium-con-tit-eng{transform: translateX(0);opacity: 1; transition-delay: .4s;}

.premium-con-tit-kor{font-family: PT; font-size: 20px; font-weight: 600; letter-spacing: -0.06em;margin-bottom: 16px; transform: translateX(-100px); opacity: 0; transition : transform 1s, opacity 1s;}
.on.type3 .white .premium-con-tit-kor{transform: translateX(0);opacity: 1; transition-delay: .5s;}

.premium-con-desc{font-family: PT; font-size: 16px; font-weight: 500; letter-spacing: -0.06em;line-height: 1.5em; transform: translateX(-100px); opacity: 0; transition : transform 1s, opacity 1s;}
.on.type3 .white .premium-con-desc{transform: translateX(0);opacity: 1; transition-delay: .6s;}

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

.on.type3 .premium-con.white{clip-path: inset(0); opacity: 1;}
.on.type3 .premium-con-01{transition-delay: 0s;}
.on.type3 .premium-con-02{transition-delay: .1s;}
.on.type3 .premium-con-03{transition-delay: .2s;} */

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

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

.on.type4 .premium-con-01{transition-delay: 1s;}
.on.type4 .premium-con-02{transition-delay: 1s;}
.on.type4 .premium-con-03{transition-delay: 1s;}

.on.type4 .premium{opacity: 1;}
.on.type4 .premium-img{clip-path: inset(0); filter: brightness(0.7);}

.premium-img-02{position : absolute;left : 0;top : 0;width : 100%;height : 100%; transition : opacity .4s; opacity: 0;}
.on.type3 .premium-img-02,
.on.type4 .premium-img-02,
.on.type5 .premium-img-02{opacity: 1;}

.premium-img-02 > img{position : absolute;width : 100%;height : 100%;object-fit: cover; object-position: center;left : 0;top : 0; transition : clip-path 0.6s calc(var(--i) * 0.07s);;}

.premium-img-02 > img:nth-child(1){clip-path: inset(33.3333% 80% 66.6666% 0%);}
.premium-img-02 > img:nth-child(2){clip-path: inset(33.3333% 60% 66.6666% 20%);}
.premium-img-02 > img:nth-child(3){clip-path: inset(33.3333% 40% 66.6666% 40%);}
.premium-img-02 > img:nth-child(4){clip-path: inset(33.3333% 20% 66.6666% 60%);}
.premium-img-02 > img:nth-child(5){clip-path: inset(33.3333% 0% 66.6666% 80%);}

.on.premium-img-02 > img:nth-child(1){clip-path: inset(0 80% 66.6666% 0%);}
.on.premium-img-02 > img:nth-child(2){clip-path: inset(0 60% 66.6666% 20%);}
.on.premium-img-02 > img:nth-child(3){clip-path: inset(0 40% 66.6666% 40%);}
.on.premium-img-02 > img:nth-child(4){clip-path: inset(0 20% 66.6666% 60%);}
.on.premium-img-02 > img:nth-child(5){clip-path: inset(0 0% 66.6666% 80%);}

.premium-img-02 > img:nth-child(6){clip-path: inset(66.6666% 80% 33.3333% 0%);}
.premium-img-02 > img:nth-child(7){clip-path: inset(66.6666% 60% 33.3333% 20%);}
.premium-img-02 > img:nth-child(8){clip-path: inset(66.6666% 40% 33.3333% 40%);}
.premium-img-02 > img:nth-child(9){clip-path: inset(66.6666% 20% 33.3333% 60%);}
.premium-img-02 > img:nth-child(10){clip-path: inset(66.6666% 0% 33.3333% 80%);}

.on.premium-img-02 > img:nth-child(6){clip-path: inset(33.3333% 80% 33.3333% 0%);}
.on.premium-img-02 > img:nth-child(7){clip-path: inset(33.3333% 60% 33.3333% 20%);}
.on.premium-img-02 > img:nth-child(8){clip-path: inset(33.3333% 40% 33.3333% 40%);}
.on.premium-img-02 > img:nth-child(9){clip-path: inset(33.3333% 20% 33.3333% 60%);}
.on.premium-img-02 > img:nth-child(10){clip-path: inset(33.3333% 0% 33.3333% 80%);}

.premium-img-02 > img:nth-child(11){clip-path: inset(100% 80% 0% 0%);}
.premium-img-02 > img:nth-child(12){clip-path: inset(100% 60% 0% 20%);}
.premium-img-02 > img:nth-child(13){clip-path: inset(100% 40% 0% 40%);}
.premium-img-02 > img:nth-child(14){clip-path: inset(100% 20% 0% 60%);}
.premium-img-02 > img:nth-child(15){clip-path: inset(100% 0% 0% 80%);}

.on.premium-img-02 > img:nth-child(11){clip-path: inset(66.6666% 80% 0% 0%);}
.on.premium-img-02 > img:nth-child(12){clip-path: inset(66.6666% 60% 0% 20%);}
.on.premium-img-02 > img:nth-child(13){clip-path: inset(66.6666% 40% 0% 40%);}
.on.premium-img-02 > img:nth-child(14){clip-path: inset(66.6666% 20% 0% 60%);}
.on.premium-img-02 > img:nth-child(15){clip-path: inset(66.6666% 0% 0% 80%);}

.premium-con.dark{background: #000;clip-path: inset(100% 0 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{top : 0;left : 20%;}
.premium-con-05{top : 33.3333%;left : 40%;}
.premium-con-06{top : 66.6666%;left : 60%;}

.on.type4 .premium-con.dark{clip-path: inset(0); opacity: 1;}
.on.type4 .premium-con-04{transition-delay: .2s;}
.on.type4 .premium-con-05{transition-delay: .1s;}
.on.type4 .premium-con-06{transition-delay: 0s;} */

.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}
.type3 .premium-bg,
.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);}
.type3 .premium-bg > span,
.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;}
.type3 .envi-list1{opacity: 1;pointer-events: all;}
.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;}

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

.type4 .envi-list2 .envi-img-inner{transform: translateY(0);}
.type4 .envi-list2 .envi-img-04 .envi-img-inner{transition-delay: 0.6s;}
.type4 .envi-list2 .envi-img-05 .envi-img-inner{transition-delay: 0.8s;}
.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;}
.type3 .envi-con-01 .envi-con-tit .char{transform: translateY(0%);transition : transform 1s .6s}
.type3 .envi-con-02 .envi-con-tit .char{transform: translateY(0%);transition : transform 1s .8s}
.type3 .envi-con-03 .envi-con-tit .char{transform: translateY(0%);transition : transform 1s 1s}

.type4 .envi-con-04 .envi-con-tit .char{transform: translateY(0%);transition : transform 1s .6s}
.type4 .envi-con-05 .envi-con-tit .char{transform: translateY(0%);transition : transform 1s .8s}
.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;}

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

.type4 .envi-con-04 .envi-con-desc .char{transform: translateY(0%);transition-delay: .6s;}
.type4 .envi-con-05 .envi-con-desc .char{transform: translateY(0%);transition-delay: .8s;}
.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;}
.type3 .premium-list-tit .char,
.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;}

.type3 .premium-logo,
.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;}
.type3 .premium-logo-bg-01{opacity: 1;}
.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 입지    *******************
============================================================*/

.envi{z-index: 20; pointer-events: none;}
.type5 .envi,
.type6 .envi{pointer-events: all;}
.envi-bg{display: grid; grid-template-columns: repeat(5, 1fr);width : 100%;height : 100%;position :absolute; left : 0;top : 0; transition : background 1s;}
.type5 .envi-bg,
.type6 .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);}
.type5 .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 : 0;opacity: 0;width : 100%;height : 100%;object-fit: contain; object-position: right bottom;transition : transform 1s, opacity 1s; transform: translateX(20%);max-width: 1920px;}
.type5 .envi-bg-img{opacity: 1;transform: translateX(0%); transition-delay: 1s;}
.type6 .envi-bg-img{opacity: 0;transform: translateX(0%); transition : transform 1s 1s, opacity 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 : 100%; margin : 0 auto; padding-top: 232px; padding-bottom: 65px; transition : opacity 0.7s; pointer-events: none;}
.type5 .envi-inner{pointer-events: all;}

.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-family: AV; font-weight: 400; color : #8E7C72; font-size: 67px; position : absolute; left : -50px; bottom : 70%; letter-spacing: -0.04em; transform: translateX(-100px);opacity: 0; transition: transform 1s, opacity 1s}

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

.envi-tit .line{overflow: hidden;}
.envi-tit .char{transform: translateY(100%); transition: transform 1s, opacity 1s}
.type5 .envi-tit .char,
.type6 .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}

.type5 .envi-desc .char,
.type6 .envi-desc .char{transform: translateY(0%); transition-delay: 1s;}

.envi-sub-tit{font-size: 30px; font-family: PT; letter-spacing: -0.04em; color : #050505; line-height: 1.4em;}
.envi-sub-tit .line{overflow: hidden;}
.envi-sub-tit .char{transform: translateY(100%);transition: transform 1s, opacity 1s}

.type5 .envi-sub-tit .char,
.type6 .envi-sub-tit .char{transform: translateY(0%); transition-delay: 1s;}

.envi-map{position :relative; transform: translateY(100px);opacity: 0; transition : opacity 1s, transform 1s;}
.type5 .envi-map,
.type6 .envi-map{transform: translateY(0); opacity: 1; transition-delay: 1s;}

.envi-map-img{overflow: hidden; border-radius: 50%; border : 1px solid #8e7d73;}
.envi-map-img > img{transition : transform 1s;}
.envi-map:hover > .envi-map-img > img{transform: scale(1.1);}

.envi-map-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; position : absolute; width : 76px; height : 76px; font-size: 15px; color : #fff; font-weight: 600; letter-spacing: -0.04em; background: #000;gap : 6px; border-radius: 50%;right : 0; top : 0;}
.envi-map-btn > span{display: flex;align-items: center;justify-content: center; width : 18px;height : 18px;position : relative; transition : transform .5s;}
.envi-map:hover .envi-map-btn > span{transform: rotate(180deg);}
.envi-map-btn > span::after{position :absolute; content: ''; width : 100%;height : 1px; background: #fff;}
.envi-map-btn > span::before{position :absolute; content: ''; width : 1px;height : 100%; background: #fff;}

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

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

.type6 .envi-inner{opacity: 0;}

.envi2{position : absolute; width : 100%;height : 100%;left : 0;top : 0;z-index: 2;pointer-events: none;}
.type6 .envi2.on{pointer-events: all;}

/* .envi2-bg{display: grid; grid-template-columns: repeat(5, 1fr);width : 100%;height : 100%;position :absolute; left : 0;top : 0; transition : background .5s}
.type7 .envi2-bg{background: #fff; transition-delay: 1s;}
.envi2-bg > span{background: #fff; clip-path: inset(100% 0 0); transition : clip-path 1s calc(var(--i) * 0.1s + .4s);}
.type7 .envi2-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;}
.type6 .envi-list{opacity: 1;}
.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;}

.type6 .envi-img-inner{transform: translateY(0);}
.type6 .envi-img-01 .envi-img-inner{transition-delay: 0.6s;}
.type6 .envi-img-02 .envi-img-inner{transition-delay: 0.8s;}
.type6 .envi-img-03 .envi-img-inner{transition-delay: 1s;}
.type6 .envi-img-04 .envi-img-inner{transition-delay: 1.2s;}

.envi-img-inner > img{width : 100%;height : 100%; object-fit: cover;object-position: center; transition : transform 1.2s;}
.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 : 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 : 33.3333%;}

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

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

.envi-con-tit .line{overflow: hidden;}
.envi-con-tit .char{transform: translateY(100%);transition : transform 1s;}
.type6 .envi-con-01 .envi-con-tit .char{transform: translateY(0%);transition : transform 1s .6s}
.type6 .envi-con-02 .envi-con-tit .char{transform: translateY(0%);transition : transform 1s .8s}
.type6 .envi-con-03 .envi-con-tit .char{transform: translateY(0%);transition : transform 1s 1s}
.type6 .envi-con-04 .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: 26px; letter-spacing: -0.04em; color : #2B2B2B; font-weight: 700; line-height: 1.25em;}

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

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

.envi2-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;}
.envi2-tit .line{overflow: hidden; width: auto !important;}
.envi2-tit .char{transform: translateY(100%); transition : transform 1s;}
.type6 .envi2-tit .char{transform: translateY(0); transition-delay: .2s;}



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

.envi-con-inner-tit{font-family: PT; font-size: 27px; letter-spacing: -0.04em; font-weight: 700; margin-bottom: 27px;text-align: center; line-height: 1.5em;;}
.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;} */

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

.brand-bg{display: grid; grid-template-columns: repeat(5, 1fr);width : 100%;height : 100%;position :absolute; left : 0;top : 0; transition : background .5s}
.type7 .brand-bg,
.type8 .brand-bg,
.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);}
.type7 .brand-bg > span,
.type8 .brand-bg > span,
.type9 .brand-bg > span{clip-path: inset(0); transition : clip-path 0.6s calc(var(--i) * 0.1s);}

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

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

.brand{opacity: 1; pointer-events: none;}

.type7 .brand,
.type8 .brand,
.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;}
.type7 .brand-tit .char,
.type8 .brand-tit .char,
.type9 .brand-tit .char{transform: translateY(0); 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;}
.type7 .brand-01-img{clip-path: inset(0); }
.type8 .brand-01-img{clip-path: inset(0 0 66.6666%);}
.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}

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

.type7 .brand-01 .brand-con-desc .char,
.type8 .brand-02 .brand-con-desc .char,
.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 브랜드 ***************
******************************************/

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

.type8.main-slide .section-grid.on > b::before,
.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;}
.type9 .brand-02-img,
.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);}
.type8 .brand-02-img > img:nth-child(1),
.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%);}
.type8 .brand-02-img > img:nth-child(2),
.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%);}
.type8 .brand-02-img > img:nth-child(3),
.type9 .brand-02-img > img:nth-child(3){clip-path: inset(0 0 0 66.6666%);transition-delay: 0.6s;}

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

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

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

.type9 .brand-01-img{opacity: 0;}
.brand-03-img{position : absolute;width: 60%; height : 33.3333%; left : 20%; top : 0%; transition : top 1s;}
.type9 .brand-03-img,
.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%);}
.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%);}
.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%);}
.type9 .brand-03-img > img:nth-child(3){clip-path: inset(0 66.6666% 0 0);transition-delay: .6s;}

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

.location{transition : transform 1s; pointer-events: none;}

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

.type10 .location,
.type11 .location{pointer-events: all;}
.location-tit{display: flex;align-items: center;justify-content: center; position :absolute;width : 20%;height : 33.3333%; left : 60%;bottom : 0; font-size: 59px; font-family: futura-pt; font-weight: 500; color : #fff;}
.location-tit .line{overflow: hidden; width: auto !important;}
.location-tit .char{transform: translateY(100%); transition : transform 1s;}
.type10 .location-tit .char{transform: translateY(0); transition-delay: .2s;}

.location-img{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 : absolute;left : 0;top : 0;}

.location-sub-tit-01{display: flex;align-items: center;justify-content: center; font-family: PT; font-size: 22px; letter-spacing: -0.04em; color : #868686;position : absolute; width : 20%; height : 33.3333%; left : 20%;top : 33.3333%; font-weight: 400;}

.location-sub-tit-02{display: flex;align-items: center;justify-content: center; font-family: PT; font-size: 30px; letter-spacing: -0.04em; color : #fff;position : absolute; width : 20%; height : 33.3333%; left : 40%;top : 33.3333%; font-weight: 600;}

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

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

.location-01{transition : opacity 1s; opacity: 1;}
.type10 .location-01{opacity: 0; transition : opacity 1s 2.4s}

.location-02{transition : opacity 1s; opacity: 0;}
.type10 .location-02{opacity: 1; transition : opacity 1s 2.4s}

.location-map{width : 40%;height : 33.3333%; position :absolute; left : 0; top : 33.3333%; background: #000;}
.location-map > img{width : 100%;height : 100%; object-fit: contain;object-position: center;}

.location-name{display: block; font-size: 25px; font-family: PT; letter-spacing: -0.04em; font-weight: 500; color : #8E7C72; margin-bottom: 26px;}
.location-address{font-size: 16px; 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 : absolute; width : 20%; height : 33.3333%;padding : 90px 0 0 40px; background: #000;}
.location-address-box-01{left : 40%;top : 33.3333%}
.location-address-box-02{left : 60%;top : 33.3333%}

/**************************************
************* TYPE11 오시는길 ***************
******************************************/
.main .footer{position: fixed; top : 100%;}

.type11 .location{transform: translateY(-278px);}
.type11 .location-02{opacity: 1;}

.footer{transition : transform 1s;}
.type11 .footer{transform: translateY(-100%);}

.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%)}










@media(max-width : 1200px){

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

span.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;}

.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)}

}




@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;}


}