.section-new{font-size:16px}.main-section-architecture{color:#000}.main-section-architecture .architecture-slide{height:100%}.main-section-architecture .architecture-slide .swiper-slide{width:100% !important}
.main-section-architecture .architecture-slide .architecture-slide-01{display:flex;justify-content:space-between;align-items:flex-start;padding:27.2164948454vh 10vw 0;overflow:hidden}
.main-section-architecture .architecture-slide-01-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transition:transform 1s,width 1s, height 1s,left 1s, top 1s;overflow : hidden}
.main-section-architecture .architecture-slide-01-bg > img{transition : opacity 1.5s;width : 100%;height : 100%;object-fit : cover;object-position : center;transform:scale(1.2);transition:transform 1s,width 1s, height 1s,left 1s, top 1s;position : absolute;left : 0;top : 0;}
.main-section-architecture.active .architecture-slide-01-bg > img{transform : scale(1);transition : }
.architecture-slide-01-bg > video{opacity : 0;transition : opacity 1.5s;width : 100%;height : 100%;object-fit : cover;object-position : center;z-index : 1;position : absolute;left : 0;top : 0;}

.main-section-architecture .architecture-slide .architecture-slide-01 .architecture-left{opacity:0;transform:translateX(-100px);transition:transform 1s,opacity 1s}
.main-section-architecture.on .swiper-slide-prev .architecture-slide-01-bg{width : 525px;height : 744px;transform: scale(1) translateX(10%) translateY(-50%);left : 50%;top : 50%;}

.main-section-architecture.on .swiper-slide-prev .architecture-slide-01-bg > video{opacity : 1;}
.architecture-slide-01 .architecture-left .architecture-title{font-size:3.75em;font-weight:normal;line-height:1.3833333333;letter-spacing:6px;font-family:brown,"Dotum",sans-serif}
.main-section-architecture .architecture-slide .architecture-slide-01 .architecture-left .architecture-title-sub{margin:1.1785714286em 0;font-size:1.75em;font-weight:500;line-height:1.3571428571;letter-spacing:-0.92px}
.main-section-architecture .architecture-slide .architecture-slide-01 .architecture-left .architecture-desc{font-size:.9375em;font-weight:normal;line-height:1.6666666667;letter-spacing:-0.49px}
.main-section-architecture .architecture-slide .architecture-slide-01 .architecture-right{opacity:0;transform:translateX(100px);transition:transform 1s,opacity 1s;width:28.6979166667vw}
.main-section-architecture .architecture-slide .architecture-slide-01 .architecture-right .architecture-title{padding-bottom:.875em;border-bottom:1px solid #000}
.main-section-architecture .architecture-slide .architecture-slide-01 .architecture-right .architecture-right-img{margin-top:1em;margin-bottom:2.375em;margin-left:auto}
.main-section-architecture .architecture-slide .architecture-slide-01 .architecture-right ul{margin-top:4em;display:flex;gap:2em;align-items:center;justify-content:flex-end}
.main-section-architecture .architecture-slide .architecture-slide-01 .architecture-right ul .pattern-circle{width:8.875em;height:8.875em;border-radius:50%;border:1px solid #707070;display:flex;align-items:center;justify-content:center;margin-bottom:.75em}.main-section-architecture .architecture-slide .architecture-slide-01 .architecture-right ul .pattern-text{text-align:center;font-family:brown,"Dotum",sans-serif;font-size:1.125em;font-weight:normal;line-height:1.3888888889}
.main-section-architecture .architecture-slide .architecture-slide-02{display:flex;justify-content:space-between;align-items:flex-start;padding:6.25vw 0 2.2395833333vw 6.25vw;z-index : -1;}
.main-section-architecture .architecture-slide .architecture-slide-02 .architecture-left2-top{font-family:brown,"Dotum",sans-serif;font-size:.9375em;font-weight:normal;line-height:1.4;letter-spacing:1.5px;opacity:0;transform:translateX(-100px);transition:transform 1s,opacity 1s}
.main-section-architecture .architecture-slide .architecture-slide-02 .architecture-left2-bottom{margin-top:12.1875em;opacity:0;transform:translateX(-100px);transition:transform 1s,opacity 1s}
.main-section-architecture .architecture-slide .architecture-slide-02 .architecture-left2-bottom .architecture-left2-title{font-size:2.0625em;font-weight:normal;line-height:1.303030303;letter-spacing:4.95px;text-transform:uppercase;font-family:brown,"Dotum",sans-serif}
.main-section-architecture .architecture-slide .architecture-slide-02 .architecture-left2-bottom .architecture-left2-sub-title{font-size:1.25em;font-weight:500;line-height:1.2;letter-spacing:-0.66px;margin:1.8em 0}
.main-section-architecture .architecture-slide .architecture-slide-02 .architecture-left2-bottom .architecture-left2-desc{font-size:.9375em;font-weight:normal;line-height:1.6;letter-spacing:-0.49px;margin-bottom:2.4em}
.main-section-architecture .architecture-slide .architecture-slide-02 .architecture-right2-img1{position:absolute;pointer-events:none;right:20.46875vw;top:calc(50% - 374px);z-index:1;clip-path:inset(0 0 0 100%);transition:clip-path 1s}.main-section-architecture .architecture-slide .architecture-slide-02 .architecture-right2-img2-box{pointer-events:none;clip-path:inset(0 0 0 100%);transition:clip-path 1s}.main-section-architecture.on .swiper-slide-active .architecture-slide-01-bg{transform:scale(1);}.main-section-architecture.on .swiper-slide-active .architecture-left{opacity:1;transform:translateX(0);transition:transform 1s .4s,opacity 1s .4s}.main-section-architecture.on .swiper-slide-active .architecture-right{opacity:1;transform:translateX(0);transition:transform 1s .8s,opacity 1s .8s}.main-section-architecture.on .swiper-slide-active .architecture-left2 .architecture-left2-top{opacity:1;transform:translateX(0);transition:transform 1s .4s,opacity 1s .4s}.main-section-architecture.on .swiper-slide-active .architecture-left2 .architecture-left2-bottom{opacity:1;transform:translateX(0);transition:transform 1s 1s,opacity 1s 1s}.main-section-architecture.on .swiper-slide-active .architecture-right2-img1,.main-section-architecture.on .swiper-slide-active .architecture-right2-img2-box{clip-path:inset(0);transition:clip-path 1s 1.5s}.main-section-amenity-concept .amenity-concept-slide{height:100%}.main-section-amenity-concept .concept-style0{display:flex;flex-direction:column;justify-content:start}.main-section-amenity-concept .concept-style0 .concept-style0-text{display:flex;justify-content:end;align-items:flex-end; width : 100%;max-width : 1760px;margin : 0 auto;padding-top: 100px;}.main-section-amenity-concept .concept-style0 .concept-style0-title{font-size:3.75em;font-weight:300;line-height:1;font-family:brown,"Dotum",sans-serif;opacity:0;transform:translateX(-100px);transition:transform 1s,opacity 1s}.main-section-amenity-concept .concept-style0 .concept-style0-top{text-align:right;gap:2.0625em;display:flex;flex-direction:column;opacity:0;transform:translateX(100px);transition:transform 1s,opacity 1s}.main-section-amenity-concept .concept-style0 .concept-style0-top .concept-style0-desc{gap:2.0625em;display:flex;flex-direction:column}.main-section-amenity-concept .concept-style0 .concept-style0-top h3{font-size:1.75em;font-weight:500;line-height:1.2857142857;letter-spacing:-0.92px;font-family:Pretendard,"Dotum",sans-serif;margin-top:.5em}.main-section-amenity-concept .concept-style0 .concept-style0-top small{font-size:.9375em;font-weight:normal;line-height:1.2;letter-spacing:1.5px;font-family:brown,"Dotum",sans-serif;display:block;margin-top:5.1546391753vh}.main-section-amenity-concept .concept-style0-bg{width:100%;clip-path:inset(0 100% 0 0);transition:clip-path 1s}.main-section-amenity-concept .concept-style1{padding:0 5.625vw}.main-section-amenity-concept .concept-style1 .concept-style1-inner{position:relative;display:flex;height:100%}.main-section-amenity-concept .concept-style1 .concept-style1-inner .concept-style1-inner-title{position:absolute;font-size:.9375em;font-weight:normal;line-height:1.8;font-family:brown,"Dotum",sans-serif;letter-spacing:1.5px}.main-section-amenity-concept .concept-style1 .concept-style1-inner .concept-style1-inner-title:not(.bottom){top:13.1958762887vh;left:0;opacity:0;transition:opacity 1s}.main-section-amenity-concept .concept-style1 .concept-style1-inner .concept-style1-inner-title.bottom{bottom:13.1958762887vh;right:0}.main-section-amenity-concept .concept-style1 .concept-style1-item{display:flex;flex-direction:column;height:100%;align-items:center;position:relative}.main-section-amenity-concept .concept-style1 .concept-style1-item:nth-of-type(1){justify-content:flex-end;padding-right:5.7291666667vw;padding-bottom:5.1546391753vh;clip-path:inset(0 100% 0 100%);transition:clip-path 1s}.main-section-amenity-concept .concept-style1 .concept-style1-item:nth-of-type(2){justify-content:center;padding:0 5.7291666667vw;position:relative;clip-path:inset(0 100% 0 100%);transition:clip-path 1s;border-left:1px solid #fafafa;border-right:1px solid #fafafa}.main-section-amenity-concept .concept-style1 .concept-style1-item:nth-of-type(2):hover:before,.main-section-amenity-concept .concept-style1 .concept-style1-item:nth-of-type(2):hover:after{height:100%}.main-section-amenity-concept .concept-style1 .concept-style1-item:nth-of-type(2):before{left:0;top:0}.main-section-amenity-concept .concept-style1 .concept-style1-item:nth-of-type(2):after{right:0;bottom:0}.main-section-amenity-concept .concept-style1 .concept-style1-item:nth-of-type(2):before,.main-section-amenity-concept .concept-style1 .concept-style1-item:nth-of-type(2):after{content:"";background:#fafafa;width:100%;height:0;display:block;position:absolute;transition:height 1.5s;z-index:-1}.main-section-amenity-concept .concept-style1 .concept-style1-item:nth-of-type(3){clip-path:inset(0 100% 0 100%);transition:clip-path 1s;justify-content:flex-start;padding-top:13.1958762887vh;padding-left:5.7291666667vw}.main-section-amenity-concept .concept-style1 .concept-style1-item-top{text-align:right;font-size:.9375em;font-weight:normal;line-height:1.4;font-family:brown,"Dotum",sans-serif;letter-spacing:1.5px;width:21.7708333333vw}.main-section-amenity-concept .concept-style1 .concept-style1-item-img{margin:1.375em auto 1.5625em;width:21.7708333333vw}.main-section-amenity-concept .concept-style1 .concept-style1-item-text{width:21.7708333333vw}.main-section-amenity-concept .concept-style1 .concept-style1-item-text h3{font-size:1.25em;font-weight:bold;line-height:1;margin-bottom:1.1em}.main-section-amenity-concept .concept-style1 .concept-style1-item-text p{font-size:.9375em;font-weight:400;line-height:1.4666666667;letter-spacing:-0.49px;font-family:Pretendard,"Dotum",sans-serif}.main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-inner{display:grid;grid-template-columns:repeat(3, 1fr)}.main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item{align-items:center;justify-content:center;padding:0}.main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item:hover:before,.main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item:hover:after{height:100%}.main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item:before{left:0;top:0}.main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item:after{right:0;bottom:0}.main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item:before,.main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item:after{content:"";background:#fafafa;width:100%;height:0;display:block;position:absolute;transition:height 1.5s;z-index:-1}.main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item-top{text-align:center;width:100%}.main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item-text{width:100%}.main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item-inner{width:14vw}.main-section-amenity-concept .swiper-slide .slg>div>span{transform:translateY(100%);filter:blur(10px);display:inline-block}.main-section-amenity-concept.on .swiper-slide-active .slg>div>span{transform:translateY(0);filter:blur(0px);transition:all 1.4s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine1>span:nth-child(1){transition:all 1.4s .6s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine1>span:nth-child(2){transition:all 1.4s .85s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine1>span:nth-child(3){transition:all 1.4s 1.05s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine1>span:nth-child(4){transition:all 1.4s 1.3s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine1>span:nth-child(5){transition:all 1.4s 1.1s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine1>span:nth-child(6){transition:all 1.4s .9s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine1>span:nth-child(7){transition:all 1.4s .7s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine1>span:nth-child(8){transition:all 1.4s 1.25s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine1>span:nth-child(9){transition:all 1.4s 1.15s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine1>span:nth-child(10){transition:all 1.4s .75s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine2>span:nth-child(1){transition:all 1.4s 1.3s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine2>span:nth-child(2){transition:all 1.4s 1.6s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine2>span:nth-child(3){transition:all 1.4s 1.8s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine2>span:nth-child(4){transition:all 1.4s 2s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine2>span:nth-child(5){transition:all 1.4s 1.4s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine2>span:nth-child(6){transition:all 1.4s 1.45s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine2>span:nth-child(7){transition:all 1.4s 1.5s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine2>span:nth-child(8){transition:all 1.4s 1.75s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine2>span:nth-child(9){transition:all 1.4s 1.65s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine2>span:nth-child(10){transition:all 1.4s 1.85s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine2>span:nth-child(11){transition:all 1.4s 1.9s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine2>span:nth-child(12){transition:all 1.4s 1.55s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine2>span:nth-child(13){transition:all 1.4s 1.95s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine2>span:nth-child(14){transition:all 1.4s 1.7s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine2>span:nth-child(15){transition:all 1.4s 1.35s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine2>span:nth-child(16){transition:all 1.4s 1.7s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine2>span:nth-child(17){transition:all 1.4s 1.35s}.main-section-amenity-concept.on .swiper-slide .slg>div.txtLine2>span:nth-child(18){transition:all 1.4s 1.55s}.main-section-amenity-concept.on .swiper-slide-active .concept-style0-title,.main-section-amenity-concept.on .swiper-slide-active .concept-style1-inner-title:not(.bottom){opacity:1;transform:translateX(0);transition:transform 1s .4s,opacity 1s .4s}.main-section-amenity-concept.on .swiper-slide-active .concept-style0-top{opacity:1;transform:translateX(0);transition:transform 1.5s 1s,opacity 1.5s 1s}.main-section-amenity-concept.on .swiper-slide-active .concept-style0-bg{clip-path:inset(0);transition:clip-path 1.5s 2.4s}.main-section-amenity-concept.on .swiper-slide-active .concept-style1-item:nth-of-type(1){clip-path:inset(0);transition:clip-path 2.5s .4s}.main-section-amenity-concept.on .swiper-slide-active .concept-style1-item:nth-of-type(2){clip-path:inset(0);transition:clip-path 2.5s .5s}.main-section-amenity-concept.on .swiper-slide-active .concept-style1-item:nth-of-type(3){clip-path:inset(0);transition:clip-path 2.5s .6s}.main-section-amenity-concept.on .swiper-slide-active .concept-style1-inner-title.bottom{opacity:1;transform:translateX(0);transition:transform 1s 1.5s,opacity 1s 1.5s}


.main-section-amenity2 .animation-right{clip-path:inset(0 100% 0 0);transition:clip-path 1s}
.main-section-amenity2 .animation-top{clip-path:inset(0 0 100% 0);transition:clip-path 1s}
.main-section-amenity2 .animation-text-right{opacity:0;transform:translateX(100px);transition:transform 1s,opacity 1s}
.main-section-amenity2 .animation-text-left{opacity:0;transform:translateX(-100px);transition:transform 1s,opacity 1s}
.main-section-amenity2.on .swiper-slide-active .animation-top,.main-section-amenity2.on .swiper-slide-active .animation-left,.main-section-amenity2.on .swiper-slide-active .animation-right{clip-path:inset(0);transition:clip-path 1.5s .4s}
.main-section-amenity2.on .swiper-slide-active .first-motion{transition-delay:.4s !important}
.main-section-amenity2.on .swiper-slide-active .last-motion{transition-delay:.8s !important}
.main-section-amenity2.on .swiper-slide-active .last-last-motion{transition-delay:1.2s !important}
.main-section-amenity2.on .swiper-slide-active .fade{opacity:1;transition:opacity 1.5s .4s}
.main-section-amenity2.on .swiper-slide-active .animation-text-left,.main-section-amenity2.on .swiper-slide-active .animation-text-right{opacity:1;transform:translateX(0);transition:transform 1s 1s,opacity 1s 1s}
.main-section-amenity2.on .swiper-slide-active .concept-style0-title,.main-section-amenity2.on .swiper-slide-active .concept-style1-inner-title:not(.bottom){opacity:1;transform:translateX(0);transition:transform 1s .4s,opacity 1s .4s}
.main-section-amenity2.on .swiper-slide-active .concept-style0-top{opacity:1;transform:translateX(0);transition:transform 1s .8s,opacity 1s .8s}
.main-section-amenity2.on .swiper-slide-active .concept-style1-item:nth-of-type(1){clip-path:inset(0);transition:clip-path 1.5s .4s}
.main-section-amenity2.on .swiper-slide-active .concept-style1-item:nth-of-type(2):before,.main-section-amenity2.on .swiper-slide-active .concept-style1-item:nth-of-type(2):after{height:100%}
.main-section-amenity2.on .swiper-slide-active .concept-style1-item:nth-of-type(2){clip-path:inset(0);transition:clip-path 1.5s .5s}
.main-section-amenity2.on .swiper-slide-active .concept-style1-item:nth-of-type(3){clip-path:inset(0);transition:clip-path 1.5s .6s}
.main-section-amenity2.on .swiper-slide-active .concept-style1-inner-title.bottom{opacity:1;transform:translateX(0);transition:transform 1s 1.5s,opacity 1s 1.5s}
.on .swiper-slide-active .zoom-box .zoom-box-img{transition:transform 5s 1s;transform:scale(1)}
.main-section-system .system-inner{height:100%;display:flex}
.main-section-system .system-left{padding-top:17.2164948454vh;padding-left:5.5208333333vw;flex:none;width:35.5729166667vw;background:url("../images/main/new/system-bg.png") no-repeat center center/cover}
.main-section-system .system-left .system-title{font-size:1.75em;font-weight:500;line-height:1.3571428571;letter-spacing:-0.92px;font-family:Pretendard,"Dotum",sans-serif;margin-bottom:1.0714285714em}
.main-section-system .system-left .system-desc{font-size:.9375em;font-weight:normal;line-height:1.6666666667;letter-spacing:-0.49px;font-family:Pretendard,"Dotum",sans-serif}
.main-section-system .system-right{position:relative;width:calc(100% - 35.5729166667vw);padding:17.2164948454vh 8.6979166667vw 7.9381443299vh;display:flex;align-items:flex-end}
.main-section-system .system-right .services-grid{display:grid;width:100%;grid-template-columns:repeat(3, 1fr);gap:2em;list-style:none}
.main-section-system .system-right .service-card{height:213px;text-align:center;background:#fff;padding:12px 25px;box-shadow:0 2px 10px rgba(0,0,0,.08);transition:all .3s ease;border:1px solid #e3e3e3;cursor:pointer}
.main-section-system .system-right .service-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.12)}
.main-section-system .system-right .service-icon{text-align:center;height:87px;display:flex;align-items:center;justify-content:center}
.main-section-system .system-right .service-title{font-size:20px;font-weight:600;margin-top:9px;margin-bottom:12px;line-height:1.3}
.main-section-system .system-right .service-description{font-size:.875em;font-weight:normal;line-height:1.4285714286;color:#747474;letter-spacing:-0.49px}
.main-section-system .system-right .special-text{position:absolute;right:5.5729166667vw;bottom:7.9381443299vh}@media(max-width: 768px){.main-section-system .system-right .services-grid{grid-template-columns:1fr;gap:15px}
.main-section-system .system-right .service-card{padding:25px 20px}
.main-section-system .system-right .service-title{font-size:16px}}
.main-section-system .system-left-inner{opacity:0;transform:translateX(-100px);transition:transform 1s,opacity 1s}
.main-section-system .special-text,.main-section-system .services-grid{opacity:0;transform:translateX(100px);transition:transform 1s,opacity 1s}
.main-section-system.active .system-left-inner,.main-section-system.active .special-text,.main-section-system.active .services-grid{opacity:1;transform:translateY(0);transition:transform 1s,opacity 1s}
.main-section-collaboration .collaboration-text-box{position:absolute;top:25.7731958763vh;left:17.34375vw;color:#fff;opacity:0;transform:translateX(-100px);transition:transform 1s,opacity 1s;z-index:5}
.main-section-collaboration .collaboration-text-box .collaboration-title{font-size:3.75em;font-weight:normal;line-height:1.05;font-family:brown,"Dotum",sans-serif;position:relative}
.main-section-collaboration .collaboration-text-box .collaboration-title small{position:absolute;right:0;top:-0.5625em;font-family:AntroVectra,"Dotum",sans-serif;letter-spacing:6.3px;font-size:1.0625em;font-weight:normal;line-height:1}
.main-section-collaboration .collaboration-sub-text-box{position:absolute;z-index:1;color:#fff;right:3.8541666667vw;bottom:12.2680412371vh;opacity:0;transform:translateX(100px);transition:transform 1s,opacity 1s}
.main-section-collaboration .collaboration-sub-text-box p{font-size:1.8125em;font-weight:500;line-height:1.275862069;letter-spacing:-0.92px;font-family:Pretendard,"Dotum",sans-serif}
.main-section-collaboration .collaboration-bg{width:100%;height:100%;background:url("../images/main/new/collaboration-bg.png") no-repeat center center/cover}
.main-section-collaboration .collaboration-brand-box{background:#fff;width:79.4791666667vw;padding:80px 4.1666666667vw 50px;right:-100vw;position:absolute;bottom:0}
.main-section-collaboration .collaboration-brand-box .collaboration-logos{display:grid;grid-template-columns:repeat(4, 1fr);gap:3.8020833333vw}
.main-section-collaboration .collaboration-brand-box .collaboration-logo-item{opacity:0;color:#000;padding-bottom:3.4375em;border-bottom:1px solid #ddd}
.main-section-collaboration .collaboration-brand-box .collaboration-logo-item .collaboration-logo-label{display:block;font-family:brown,"Dotum",sans-serif;font-size:.9375em;font-weight:normal;line-height:1.2;margin-bottom:3.6em}
.main-section-collaboration .collaboration-brand-box .collaboration-logo-item .collaboration-logo-img{margin-left:auto}
.main-section-collaboration .collaboration-brand-box .collaboration-logo-item .collaboration-logo-img-box{min-height:56px}
.main-section-collaboration .collaboration-brand-box .collaboration-logo-item .collaboration-logo-desc{text-align:right;font-size:1.125em;font-weight:300;line-height:1.2222222222;font-family:Pretendard,"Dotum",sans-serif}
.main-section-collaboration .collaboration-brand-box .collaboration-logo-item .collaboration-logo-desc b{font-weight:500;display:block}
.main-section-collaboration.active .collaboration-sub-text-box{opacity:1;transform:translateX(0px);transition:transform 1s .4s,opacity 1s .4s}
.main-section-collaboration.active .collaboration-text-box{opacity:1;transform:translateX(0px);transition:transform 1s .4s,opacity 1s .4s}

.collabo-btn{display : flex;align-items : center; width : 284px;padding : 10px 20px;font-size : 14px;font-weight : 300;margin-top: 20px;opacity : 0;transition : opacity 1s,background .3s;background: rgba(255,255,255,0);}
.collabo-btn:hover{background: rgba(255,255,255,0.1);}
.collabo-btn::after{position : absolute;content : '';width : 5px;height : 5px;border-top : 1px solid #fff; border-right: 1px solid #fff;transform : rotate(45deg);right : 20px;}
.active .collabo-btn{opacity : 1; transition : opacity 2s 2s,background .3s;}
.collabo-btn > span{font-family : brown;font-weight : 400}
.first-motion{transition-delay:.4s !important}
.last-motion{transition-delay:.8s !important}
.last-last-motion{transition-delay:1.2s !important}
.architecture-right2-img2-box{width:787px;height:859px;position:absolute;bottom:4.7422680412vh;right:0;z-index : -2;clip-path : inset(0 0 0 100%);transition : clip-path 1s;}
.architecture-right2-img2-box{}
.zoom-box{overflow:hidden}
.zoom-box .zoom-box-img{transform:scale(1.2);transition:transform 1s}
@media(max-width: 768px){
	.section-new{font-size:13px}
	.main-section-architecture .architecture-slide .architecture-slide-01{flex-direction:column;padding:15vh 5vw 5vh}
	.main-section-architecture .architecture-slide .architecture-slide-01 .architecture-left{width:100%;margin-bottom:30px}
	.main-section-architecture .architecture-slide .architecture-slide-01 .architecture-left .architecture-title{font-size:36px;letter-spacing:3px}
	.main-section-architecture .architecture-slide .architecture-slide-01 .architecture-left .architecture-title-sub{font-size:23px;margin:20px 0}
	.main-section-architecture .architecture-slide .architecture-slide-01 .architecture-left .architecture-desc{font-size:12px}
	.main-section-architecture .architecture-slide .architecture-slide-01 .architecture-right{width:100%;opacity:1}
	.main-section-architecture .architecture-slide .architecture-slide-01 .architecture-right ul{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:30px}
	.main-section-architecture .architecture-slide .architecture-slide-01 .architecture-right ul .pattern-circle{width:100px;height:100px}
	.main-section-architecture .architecture-slide .architecture-slide-01 .architecture-right ul .pattern-text{font-size:14px}
	.main-section-architecture .architecture-slide .architecture-slide-02{flex-direction:column;padding:5vh 5vw}
	.main-section-architecture .architecture-slide .architecture-slide-02 .architecture-left2-top{font-size:12px}
	.main-section-architecture .architecture-slide .architecture-slide-02 .architecture-left2-bottom{margin-top:30vw}
	.main-section-architecture .architecture-slide .architecture-slide-02 .architecture-left2-bottom .architecture-left2-title{font-size:26px;letter-spacing:2px}
	.main-section-architecture .architecture-slide .architecture-slide-02 .architecture-left2-bottom .architecture-left2-sub-title{font-size:16px;margin:15px 0}
	.main-section-architecture .architecture-slide .architecture-slide-02 .architecture-left2-bottom .architecture-left2-desc{font-size:12px;margin-bottom:20px}
	.main-section-architecture .architecture-slide .architecture-slide-02 .architecture-right2-img1,.main-section-architecture .architecture-slide .architecture-slide-02 .architecture-right2-img2{display:none}.main-section-amenity-concept .concept-style0 .concept-style0-text{flex-direction:column;padding:20px;align-items:flex-start}.main-section-amenity-concept .concept-style0 .concept-style0-title{font-size:48px;margin-bottom:20px}.main-section-amenity-concept .concept-style0 .concept-style0-top{text-align:left;gap:20px}.main-section-amenity-concept .concept-style0 .concept-style0-top h3{font-size:23px;margin-top:10px}.main-section-amenity-concept .concept-style0 .concept-style0-top small{font-size:12px;margin-top:20px}.main-section-amenity-concept .concept-style1{padding:0 20px}.main-section-amenity-concept .concept-style1 .concept-style1-inner{flex-direction:column}.main-section-amenity-concept .concept-style1 .concept-style1-inner .concept-style1-inner-title{font-size:12px;position:static;margin-bottom:20px}.main-section-amenity-concept .concept-style1 .concept-style1-item{width:100%;padding:20px !important;height:auto}.main-section-amenity-concept .concept-style1 .concept-style1-item-top{font-size:12px;text-align:center}.main-section-amenity-concept .concept-style1 .concept-style1-item-img{margin:15px 0;max-width:150px}.main-section-amenity-concept .concept-style1 .concept-style1-item-text h3{font-size:16px;margin-bottom:10px}.main-section-amenity-concept .concept-style1 .concept-style1-item-text p{font-size:12px}.main-section-amenity2 .amenity2-slide-item{flex-direction:column}.main-section-amenity2 .amenity2-slide-01{padding:20px}.main-section-amenity2 .amenity2-slide-01 .amenity2-slide-01-left{width:100%;height:300px}.main-section-amenity2 .amenity2-slide-01 .amenity2-slide-01-img{margin:0;max-width:100%;height:auto}.main-section-amenity2 .amenity2-slide-type1 .amenity2-slide-right-bg{width:77.77vw}.main-section-amenity2 .amenity2-small-text{font-size:12px;position:static;margin-top:20px}.main-section-amenity2 .amenity2-slide-text{margin:0;padding:20px;text-align:left}.main-section-amenity2 .amenity2-slide-title{font-size:31px;margin-bottom:15px}.main-section-amenity2 .amenity2-slide-sub-title{font-size:23px;margin-bottom:15px}.main-section-amenity2 .amenity2-slide-desc{font-size:12px}.main-section-system .system-inner{flex-direction:column}.main-section-system .system-left{width:100%;padding:30px 20px;background-size:cover}.main-section-system .system-left .system-title{font-size:23px;margin-bottom:15px}.main-section-system .system-left .system-desc{font-size:12px}.main-section-system .system-right{flex-direction:column;align-items:center;width:100%;padding:30px 20px}.main-section-system .system-right .services-grid{grid-template-columns:repeat(2, 1fr);gap:10px}.main-section-system .system-right .service-card{height:auto;padding:20px 15px}.main-section-system .system-right .service-icon{height:60px}.main-section-system .system-right .service-title{font-size:16px;margin-top:10px;margin-bottom:10px}.main-section-system .system-right .service-description{font-size:11px}.main-section-system .system-right .special-text{position:absolute;right:22vw;width:8vw;text-align:center;transform:rotate(-90deg)}.main-section-collaboration .collaboration-bg{position:absolute}.main-section-collaboration .collaboration-text-box{position:static;padding:30px 20px;transform:none;opacity:1}.main-section-collaboration .collaboration-text-box .collaboration-title{font-size:48px}.main-section-collaboration .collaboration-text-box .collaboration-title small{font-size:14px;letter-spacing:3px;position:static;display:block;margin-bottom:10px}.main-section-collaboration .collaboration-sub-text-box{position:static;padding:20px;transform:none;opacity:1}.main-section-collaboration .collaboration-sub-text-box p{font-size:23px}.main-section-collaboration .collaboration-brand-box{width:97%;position:relative;padding:30px 20px}.main-section-collaboration .collaboration-brand-box .collaboration-logos{grid-template-columns:repeat(2, 1fr);gap:10px}.main-section-collaboration .collaboration-brand-box .collaboration-logo-item{padding-bottom:20px}.main-section-collaboration .collaboration-brand-box .collaboration-logo-item .collaboration-logo-label{font-size:12px;margin-bottom:20px}.main-section-collaboration .collaboration-brand-box .collaboration-logo-item .collaboration-logo-img{max-width:80px}.main-section-collaboration .collaboration-brand-box .collaboration-logo-item .collaboration-logo-img-box{min-height:40px}.main-section-collaboration .collaboration-brand-box .collaboration-logo-item .collaboration-logo-desc{font-size:14px}.main-section-architecture.on .swiper-slide-active .architecture-left,.main-section-architecture.on .swiper-slide-active .architecture-right{transition-delay:0s}.main-section-amenity-concept.on .swiper-slide-active .concept-style0-title,.main-section-amenity-concept.on .swiper-slide-active .concept-style0-top{transition-delay:0s}.main-section-amenity2.on .swiper-slide-active .animation-text-left,.main-section-amenity2.on .swiper-slide-active .animation-text-right{transition-delay:0s}.main-section-system.active .system-left-inner,.main-section-system.active .services-grid{transition-delay:0s}.main-section-collaboration.active .collaboration-text-box,.main-section-collaboration.active .collaboration-sub-text-box{transition-delay:0s}.fade{transition-duration:.5s}.animation-left,.animation-right,.animation-top{transition-duration:.5s}.main-section-architecture .architecture-slide,.main-section-amenity-concept .amenity-concept-slide,.main-section-amenity2 .amenity2-slide{overflow-y:auto;-webkit-overflow-scrolling:touch}}

.architecture-navigation{display: none;justify-content: space-between;padding : 0 20px;width : 100%;position : absolute;height : 0;top : 50%;z-index: 10;}
.active .architecture-navigation{animation : navigation 1s both 1s}
.architecture-navigation > .swiper-button-disabled{opacity: .5;}
.architecture-prev{width : 20px;height : 20px;border-top : 1px solid #555;border-left : 1px solid #555;transform: rotate(-45deg);}
.architecture-next{width : 20px;height : 20px;border-top : 1px solid #555;border-right : 1px solid #555; transform: rotate(45deg)}

.concept-navigation{display: none;justify-content: space-between;padding : 0 20px;width : 100%;position : absolute;height : 0;top : 50%;z-index: 10;}
.active .concept-navigation{animation : navigation 1s both 1s}
.concept-navigation > .swiper-button-disabled{opacity: .5;}
.concept-prev{width : 20px;height : 20px;border-top : 1px solid #555;border-left : 1px solid #555;transform: rotate(-45deg);}
.concept-next{width : 20px;height : 20px;border-top : 1px solid #555;border-right : 1px solid #555; transform: rotate(45deg)}

.amenity2-navigation{display: none;justify-content: space-between;padding : 0 20px;width : 100%;position : absolute;height : 0;top : 50%;z-index: 10;}
.active .amenity2-navigation{animation : navigation 1s both 1s}
.amenity2-navigation > .swiper-button-disabled{opacity: .5;}
.amenity2-prev{width : 20px;height : 20px;border-top : 1px solid #555;border-left : 1px solid #555;transform: rotate(-45deg);}
.amenity2-next{width : 20px;height : 20px;border-top : 1px solid #555;border-right : 1px solid #555; transform: rotate(45deg)}

@keyframes navigation {
    0%{opacity : 0;}
}
/**/

.main-section-visual-new{background: #000;}
.visual-slide{width : 100%;height : 100%;position : absolute;}
.visual-slide .swiper-slide > video{pointer-events : none;width : 100%;height : 100%;object-fit : cover;object-position :center;}
.visual-slide .swiper-slide > img{width : 100%;height : 100%;object-fit : cover;object-position :center;transform : scale(1.25);transition : transform 1s .4s}
.visual-slide .swiper-slide-active > img{transform : scale(1);transition : transform 5s}
.visual-inner{width : 100%;max-width : 1600px;height : 100%;padding-top: 200px;margin : 0 auto;position : relative;z-index : 1;pointer-events : none;animation : visual-inner 3s both;}
@keyframes visual-inner{
	0%{transform : translateX(-100px);opacity : 0;filter : blur(10px);-webkit-filter : blur(10px)}
	100%{transform : translateX(0px);opacity : 1;filter : blur(0px);-webkit-filter : blur(0px)}
}
.visual-title-list{display : flex; flex-direction : column; gap : 29px; color : #fff;font-size : 20px;transition :transform .5s;}
.visual-title-list.type2{transform : translateY(-10%)}
.visual-title-list.type3{transform : translateY(-20%)}
.visual-title-list.type4{transform : translateY(-30%)}
.visual-title-list > li{transition : opacity 1s, transform 1s, font-weight .5s, font-size 1s;}
.visual-title-list > li.fade1{opacity : 0.7}
.visual-title-list > li.fade2{opacity : 0.4}
.visual-title-list > li.fade3{opacity : 0.1}
.visual-title-list > li.on{font-size : 35px; opacity : 1; font-weight : 700; transform : translateX(48px)}
/**/

.brand-slide{width : 100%;height : 100%;position : absolute;}
.brand1-inner{display : flex; width : 100%;height : 100%;max-width : 1600px;margin : 0 auto;}
.brand1-inner > div{width : 50%;height : 100%;display : flex;align-items : center;justify-content : center;}

.brand1-tit{font-size : 63px;font-family : brown; letter-spacing : 0.4em;padding-left: 0.4em;opacity : 0; margin-bottom: 25px;color : #000;font-weight : 400;transition : letter-spacing 1s .4s, opacity 1s .4s, padding-left 1s .4s;position : absolute;transform : translateY(-100%)}
.active .brand1-tit{letter-spacing : 0.2em;padding-left: 0.2em;opacity : 1;transition : letter-spacing 1.2s 1.5s, opacity 1s 1s, padding-left 1.2s 1.5s;}
.type2 .brand1-left .brand1-tit,
.type3 .brand1-left .brand1-tit{opacity : 0;transition : letter-spacing 1.2s, opacity 1s, padding-left 1.2s;}

.brand1-bg{width : 100%;height : 100%;position : absolute;overflow : hidden;z-index : -1;}
.brand1-bg > img{width : 100%;height : 100%;object-fit : cover;object-position :center;transform : scale(1.25);transition : transform 1s .4s, opacity 1s;position : absolute;}
.active .brand1-bg > img{transform : scale(1);transition : transform 7s, opacity 1s;}
.brand1-bg > img:nth-child(2){opacity :0}
.type3 .brand1-bg > img:nth-child(2){opacity :1;transition : transform 7s .4s, opacity 1s;}

.brand1-left > img{position : absolute;transition : opacity 1s .4s, filter 1s .4s;opacity : 0;filter : blur(10px);-webkit-filter : blur(10px)}
.active .brand1-left > img{opacity : 1;filter : blur(0px);-webkit-filter : blur(0px);transition : opacity 1s 1s, filter 1s 1s;}
.type2 .brand1-left > img,
.type3 .brand1-left > img{opacity : 0;filter : blur(10px);-webkit-filter : blur(10px);transition : opacity 1s, filter 1s;}

.brand1-left-box{display : flex;flex-direction : column;align-items : center;}
.brand1-left-box > p{margin-bottom: 50px;font-size : 28px;font-family : pretendard;letter-spacing : -0.033em;transform : translateY(-30px);opacity : 0;transition : transform 1s .4s, opacity 1s .4s;}
.type2 .brand1-left-box > p{transform : translateY(0px);opacity : 1;transition : transform 1s .4s, opacity 1s .4s;}
.brand1-left-box > ul{display : flex; text-align :center;gap : 50px;font-family : brown;font-size: 20px;line-height : 1.5em;}
.brand1-left-box > ul > li{position : relative;opacity : 0;transition : opacity 1s;}
.type2 .brand1-left-box > ul > li:nth-child(1){opacity : 1;transition : opacity 1s .4s;}
.type2 .brand1-left-box > ul > li:nth-child(2){opacity : 1;transition : opacity 1s .6s;}
.type2 .brand1-left-box > ul > li:nth-child(3){opacity : 1;transition : opacity 1s .8s;}
.brand1-left-box > ul > li:not(:first-child)::after{position : absolute;content : '';width : 1px;height : 100%;background: rgba(0,0,0,0.12);left : -24px;top : 0;}

.brand1-inner > div.brand1-right{display : flex;justify-content : end;align-items : start;padding-top: 280px;}
.brand1-right-box{width : 50%;white-space : nowrap;font-size : 15px;letter-spacing : -0.033em;font-weight : 300;line-height : 1.8em;padding-top: 42px;position : relative;transform : translateX(100px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s;}
.type3 .brand1-right-box{transform : translateX(0px);opacity: 1;}
.brand1-right-box::after{position :absolute;content : '';width : 27px;height : 1px;background: #000;left : 0;top : 0;}
.brand1-right-box > b{font-size : 20px;font-weight : 500;}


/**/
.schedule-bg{width : 100%;height : 100%;position : absolute;left : 0;top : 0;z-index : -1;}
.schedule-bg > video,
.schedule-bg > img{width : 100%;height : 100%; object-fit : cover;object-position : center;}
.schedule-inner{display : flex; justify-content: space-between; width : 100%;max-width : 1632px;margin : 0 auto;padding-top: 50px;}

.schedule-left{display : flex;flex-direction : column;align-items : start;}
.schedule-title{margin-bottom: 70px;}
.schedule-title > h2{font-family : brown; font-size : 60px;color : #543D33;margin-bottom: 18px;font-weight : 400;}
.schedule-title > h2 .char{transform : translateX(50px);opacity : 0;}
.schedule-title > p{font-family : pretendard; font-size : 15px; color : #1C1C1C;transform : translateX(-50px);opacity : 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .schedule-title > p{transform : translateX(0px);opacity : 1;transition : transform 1s 1s, opacity 1s 1s;}
.schedule-download{display : flex;align-items : center;gap : 8px;padding-bottom: 7px;position : relative;transform : translateY(50px);opacity : 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .schedule-download{transform : translateY(0px);opacity : 1;transition : transform 1s 1s, opacity 1s 1s;}
.schedule-download::after{position : absolute;content : '';width : 0;height : 1px;bottom : 0;left : 0;background: #000;transition : width .5s;font-size : 15px;font-weight : 600;font-family : pretendard;}
.schedule-download:hover::after{width : 100%;}

.schedule-list{width :835px;pointer-events : none;transition : pointer-events 1s;}
.active .schedule-list{animation : pointerEvents 1s both 2s}
@keyframes pointerEvents{
	0%{pointer-events : none;}
	100%{pointer-events : all;}
}
.schedule-list > li{display : flex;justify-content : space-between;align-items : center; padding : 0 53px;height : 70px;transition : background .5s, color .5s;font-size : 20px;font-weight : 500;position : relative;}
.schedule-list > li::after{position : absolute;content : '';width : 0%;height : 1px;left : 0;top : 0;transition : width 1s, height 1s;background: #707070;}
.schedule-list > li::before{position : absolute;content : '';width : 1px;height : 0%;right : 0;top : 0;transition : width 1s, height 1s;background: #707070;}

.schedule-list > li > p{font-size : 20px;font-family : pretendard;}
.schedule-list > li > p > span{display : inline-block;transform :translateX(50px);opacity : 0;transition : opacity 1s .4s, transform 1s .4s;}
.active .schedule-list > li > p > span{transform : translateX(0);opacity : 1;transition : opacity 1s 1s, transform 1s 1s;}
.schedule-list > li > p b{font-family : futura-pt}
.schedule-list > li > p::after{position : absolute;content : '';width : 0%;height : 1px;right : 0;bottom : 0;transition : width 1s, height 1s;background: #707070;}
.schedule-list > li > p::before{position : absolute;content : '';width : 1px;height : 0%;left : 0;bottom : 0;transition : width 1s, height 1s;background: #707070;}

.active .schedule-list > li::after{width : 100%;transition : width 1s 1s, height 1s 1s;}
.active .schedule-list > li::before{height : 100%;transition : width 1s 1s, height 1s 1s;}
.active .schedule-list > li > p::after{width : 100%;transition : width 1s 1s, height 1s 1s;}
.active .schedule-list > li > p::before{height : 100%;transition : width 1s 1s, height 1s 1s;}

.schedule-list > li:hover{background: #543D33;}
.schedule-list > li > b{font-size : 27px; font-family : futura-pt;font-weight : 600;transform :translateX(-50px);opacity : 0;transition : opacity 1s .4s, transform 1s .4s;}
.active .schedule-list > li > b{transform : translateX(0);opacity : 1;transition : opacity 1s 1s, transform 1s 1s;}
.schedule-list > li:hover > b{color : #fff;}
.schedule-list > li:hover > p{color : #C7C7C7;}
.schedule-list > li + li{margin-top: 10px;}

.schedule-right{display : flex;align-items : end; gap : 186px;padding-top: 167px;}
.schedule-right > p{writing-mode : vertical-lr;font-family : noto serif kr;letter-spacing : 0.2em;font-size : 20px; transform : translateY(50px);opacity : 0;transition : transform 1s .4s, opacity 1s .4s;}
.schedule-right > p > span{display : inline-block;transform : rotate(-90deg);transform-origin : top}
@media(max-width : 1200px){
	.schedule-right > p > span{transform : rotate(0deg)}
}
.active .schedule-right > p{transform : translateY(0px);opacity : 1;transition : transform 1s 1s, opacity 1s 1s;}

.archi-slide{width : 100%;height : 100%;}
.archi-slide .swiper-slide > video,
.archi-slide .swiper-slide > img{width : 100%;height : 100%;object-fit : cover;object-position : center;position : absolute;top : 0;right : 0;transition : transform 1s, width 1s, height 1s,top 1s}
.type2 .archi-slide .swiper-slide > video,
.type2 .archi-slide .swiper-slide > img{transform : translateX(100%);width : 888px;height : 450px;top : 450px}


.archi-inner-01{position : relative;display : flex;justify-content : end;padding-top: 200px; width : 100%;max-width : 1760px;margin :0 auto;position : relative;height : 100%;}
.archi-tit{font-size : 63px;font-family : brown; letter-spacing : 0.4em;padding-left: 0.4em;opacity : 0; margin-bottom: 25px;color : #fff;font-weight : 400;transition : letter-spacing 1s .4s, opacity 1s .4s, padding-left 1s .4s;}

.active .archi-tit{letter-spacing : 0.2em;padding-left: 0.2em;opacity : 1;transition : letter-spacing 1.2s 1.5s, opacity 1s 1s, padding-left 1.2s 1.5s;}
.archi-inner{display : flex; width : 100%;max-width : 1760px;margin :0 auto;position : relative;height : 100%;}
.archi-inner > div{width : 50%;}
.archi-inner::after{position : absolute;content : '';width : 1px;height : 100%;background: rgba(0,0,0,0.15);left : 50%;transform : translateX(-50%);top : 0;}
.archi-left{padding-top: 168px;;}
.archi-con{padding-left: 35px;border-left: 1px solid rgba(0, 0, 0, 0.1);transform : translateX(-100px);opacity : 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .swiper-slide-active .archi-con{transform : translateX(0px);opacity : 1;transition : transform 1s 1s, opacity 1s 1s;}
.archi-con-tit{font-size : 28px; font-family : pretendard; font-weight : 500;margin-bottom: 40px;letter-spacing : -0.033em;line-height : 1.4em;}
.archi-desc{font-size : 15px; color : #767676;letter-spacing : -0.033em;line-height : 1.5em;}

.archi-title{font-size:18px;font-weight:normal;line-height:1.3833333333;letter-spacing:6px;font-family:brown,"Dotum",sans-serif}
.archi-title-sub{margin:1.1785714286em 0;font-size:1.75em;font-weight:500;line-height:1.3571428571;letter-spacing:-0.92px}
.archi-desc{font-size:.9375em;font-weight:normal;line-height:1.6666666667;letter-spacing:-0.49px}
.archi-right{display : flex;flex-direction : column;align-items : center;justify-content : center;opacity : 0;transform:translateX(100px);transition:transform 1s,opacity 1s;padding : 0 100px 0 200px;}
.active .swiper-slide-active .archi-right{opacity : 1;transform:translateX(0);transition:transform 1s 1s,opacity 1s 1s;}
.archi-title{padding-bottom:14px;border-bottom:1px solid #000;width : 100%;}
.archi-right{margin-top:1em;margin-bottom:2.375em;margin-left:auto}
.archi-right > div{width : 100%;}
.archi-right ul{margin-top:4em;display:flex;gap:2em;align-items:center;justify-content:end}
.archi-right ul .pattern-circle{width:8.875em;height:8.875em;border-radius:50%;border:1px solid #707070;display:flex;align-items:center;justify-content:center;margin-bottom:.75em}
.archi-right ul .pattern-text{text-align:center;font-family:brown,"Dotum",sans-serif;font-size:1.125em;font-weight:normal;line-height:1.3888888889}
.architecture-right-img{margin-left: auto;}

.archi-img-01{position : absolute;bottom : 0;}
.archi-right2{display : flex;flex-direction :column;justify-content : center;padding : 0 0 0 80px;gap : 50px;padding-top: 50px;}
.archi-img-box{display : flex;align-items : center;gap : 80px;}
.archi-img-box:nth-child(2){text-align : right;}

.archi-img-01,.archi-img-02,.archi-img-03,.archi-img-con{transition : transform 1s .4s, opacity 1s .4s;opacity : 0;}
.archi-img-01{transform : translateY(100px);}
.archi-img-02{transform : translateY(-100px);}
.archi-img-03{transform : translateY(100px);}

.archi-img-con:nth-child(1){transform : translateX(-100px);}
.archi-img-con:nth-child(2){transform : translateX(100px);}

.active .swiper-slide-active .archi-img-01,
.active .swiper-slide-active .archi-img-02,
.active .swiper-slide-active .archi-img-03,
.active .swiper-slide-active .archi-img-con{transform : translate(0);opacity : 1;transition : transform 1s 1s, opacity 1s 1s;}


.archi-img-con > h3{font-size : 22px; font-family : brown;font-weight : 400;margin-bottom: 17px;}
.archi-img-con > p{font-size : 15px; font-family : pretendard;color : #6C6C6C;line-height : 1.5em}

.archi-vertical{writing-mode : vertical-rl;text-orientation: sideways;position : absolute;left : 50%;font-size : 15px;font-family : brown;padding-left: 7px;top : 50%;transform : translateY(-50%);letter-spacing : 0.1em;color : #848484;}

.archi-vertical-01 .char{transform : translateX(30px);opacity : 0;}
.archi-vertical-02 .char{transform : translateX(30px);opacity : 0;}
/**/

/*.design-slide{width : 100%;height : 100%;}
.design-inner{display : flex;justify-content : space-between;align-items : center;height : 100%; width : 1760px;margin : 0 auto;}
.design-info{position : absolute;font-size : 15px; font-family : pretendard;}

.design-img-02-01{display: flex; justify-content : end; margin-bottom: 25px;}
.design-img-02-01 .design-info{bottom : 100%; transform : translateY(-100px);opacity : 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .swiper-slide-active .design-img-02-01 .design-info{transform : translateY(-20px);opacity : 1;transition : transform 1s 1s, opacity 1s 1s;}

.design-new-left{display : flex;flex-direction : column;justify-content : center; padding-right: 80px;position : relative;height : 100%;padding-top: 50px;}
.design-slide-02 .design-new-left::after{position : absolute;content : '';width : 1px;height :0;top : 0;right : 0;background: rgba(0,0,0,0.15);transition : height 1s .4s;}
.active .swiper-slide-active.design-slide-02 .design-new-left::after{height : 100%;}

.design-new-right{display : flex;flex-direction : column;justify-content : center; height : 100%;padding-top: 50px;position : relative;}

.design-slide-03 .design-new-left{padding-left: 0px;}
.design-slide-03 .design-new-right{padding-left: 80px;}
.design-slide-03 .design-new-right::after{position : absolute;content : '';width : 1px;height :0;top : 0;left : 0;background: rgba(0,0,0,0.15);transition : height 1s .4s;}
.active .swiper-slide-active.design-slide-03 .design-new-right::after{height : 100%;}

.design-02-con{display : flex;justify-content : space-between;align-items : start;}
.design-02-con > span{font-family : brown;transform : translateX(-100px);opacity : 0;transition :opacity 1s .4s, transform 1s .4s}
.design-02-con > p{text-align : end;transform : translateX(100px);opacity : 0;transition :opacity 1s .4s, transform 1s .4s}
.active .swiper-slide-active .design-02-con > span,
.active .swiper-slide-active .design-02-con > p{opacity : 1;transform :translateX(0);transition :opacity 1s 1s, transform 1s 1s;}

.design-img-02-02{display : flex; justify-content : end; margin-bottom: 55px;}
.design-img-02-02 .design-info{transform : translateY(12px); top : 100%; transform : translateY(12px) translateX(100px);opacity : 0;transition :opacity 1s .4s, transform 1s .4s;}
.design-img-02-03 .design-info{transform : translateY(12px); top : 100%;transform : translateY(12px) translateX(-100px);opacity : 0;transition :opacity 1s .4s, transform 1s .4s;}

.design-slide-03 .design-img-02-02{display : flex; justify-content : end; margin-bottom: 55px;}
.design-slide-03 .design-img-02-02{display : block;}
.design-slide-03 .design-img-02-03{display : flex; justify-content : end;}

.active .swiper-slide-active.design-slide-02 .design-img-02-02 .design-info,
.active .swiper-slide-active.design-slide-02 .design-img-02-03 .design-info,
.active .swiper-slide-active.design-slide-03 .design-img-02-02 .design-info,
.active .swiper-slide-active.design-slide-03 .design-img-02-03 .design-info{opacity : 1;transform : translateY(12px) translateX(0);transition :opacity 1s 1s, transform 1s 1s;}

.design-vertical{writing-mode : vertical-rl;text-orientation: sideways;position : absolute;left : 100%;font-size : 15px;font-family : pretendard;padding-left: 7px;}
.design-vertical-02{left : auto;right : 100%;padding-left: 0;padding-right: 7px;}
.design-vertical > span:nth-of-type(1){color : #848484;font-family : brown;margin-bottom: 22px;}
.design-vertical > b{font-weight : 600;}
.design-vertical > span:nth-of-type(2){display : inline-block;width : 10px;height : 1px; margin : 10px 0;background: #000;opacity : 0;transition : opacity 1s .4s;}
.active .swiper-slide-active .design-vertical > span:nth-of-type(2){opacity : 1;transition : opacity 1s 1s;}
.design-vertical > span:nth-of-type(3){}

.design-vertical-01 .char{transform : translateX(30px);opacity : 0;}
.design-vertical-02 .char{transform : translateX(-30px);opacity : 0;}*/

.designer-slide{width : 100%;height : 100%;position : absolute;}
.designer-inner{display : flex; flex-direction : column;;position : relative;height : 100%;}

.designer-top{display : flex;align-items : center;justify-content : center; height : calc(100vh - 300px);position : relative;}
.designer-top::after{position : absolute;content : '';width : 1px;height : 0;background: #E2E2E2;transition : height : 1s .4s;top : 0;}
.type2 .designer-top::after,
.type3 .designer-top::after{height : 100%;transition : height 1.5s}
.designer-title{text-align : center;position : absolute;transition : transform 1s, opacity 1s;}
.type2 .designer-title,
.type3 .designer-title{opacity : 0;transform : translateY(-50px)}
.designer-title > h3{font-size : 15px; font-family : brown; letter-spacing : 1em;margin-bottom: 32px;font-weight : 400; opacity : 0;transition : letter-spacing 1s .4s, opacity 1s .4s;}
.active .designer-title > h3{letter-spacing : 0.15em;opacity : 1;transition : opacity 1s .4s, letter-spacing 1.5s 1s;}
.designer-title > h2{font-size : 28px; font-family : pretendard; line-height : 1.5em; margin-bottom: 31px;font-weight : 500;}
.designer-title > h2 .char{opacity : 0;}
.designer-title > p{font-size : 15px; font-family : pretendard;transform : translateY(50px);opacity : 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .designer-title > p{transform : translateY(0);opacity : 1;transition : transform 2s 2s, opacity 2s 2s;}

.designer-img-slide{display : flex; width : 100%; max-width : 1760px; height : 100%;overflow : hidden;opacity : 0; transition : opacity 1s}
.type2 .designer-img-slide,
.type3 .designer-img-slide{opacity : 1;transition : opacity 1s 1s;}
.designer-img-slide > div{width : 50%;height : 100%;}
.designer-img-slide > div > div{width : 100%;height : 100%;transition : transform 1s;}

.designer-img-left-01{display : flex;flex-direction : column;align-items : start;justify-content : center; padding-left: 70px;}
.designer-img-right-01{display : flex;flex-direction : column;align-items : end;justify-content : center;padding-right: 70px;}
.type3 .designer-img-left-01{transform : translateY(-100%)}
.type3 .designer-img-left-02{transform : translateY(-100%)}


.designer-img-right-01{transform : translateY(-100%)}
.designer-img-right-02{display : flex; justify-content : end;transform : translateY(-100%);}

.designer-img-left-02, .designer-img-right-02{display : flex;align-items : center;gap : 20px;}

.designer-left-img-01,
.designer-right-img-01{display : flex;flex-direction : column; gap : 10px;transform : translateY(-50px)}
.designer-left-img-02,
.designer-right-img-02{display : flex;flex-direction : column;align-items : end; gap : 10px;transform : translateY(50px)}

.type3 .designer-img-right-01{transform : translateY(0%)}
.type3 .designer-img-right-02{transform : translateY(0%)}

.designer-img-01, .designer-img-02{display : flex;flex-direction : column;align-items : end;gap : 10px;}
.designer-info{font-size : 15px; font-family : pretendard;}

.designer-bottom{display : flex;justify-content : center;width : 100%;height : 300px;position : relative;flex-shrink : 0;}
.designer-bottom::after{position : absolute;content : '';width : 1px;height : 0%;background: #E2E2E2; transition : height 1s .4s;top : 0;}
.active .designer-bottom::after{height : 100%;}
.designer-bottom::before{position : absolute;content : '';width : 0px;height : 100%;background: #FAFAFA; transition : width 1s .4s;top : 0;}
.active .designer-bottom::before{width : 100%; transition : width 2s .4s;}
.active .type2 .designer-bottom::before,
.active .type3 .designer-bottom::before{width : 40%;transition : width 1s;}

.designer-bottom-inner{display : flex;justify-content : center;width : 1760px;position : relative;white-space : nowrap;}
.designer-bottom-inner > div{width : 50%;}

.designer-left{display : flex; justify-content : space-between;padding-right: 70px;}
.designer-left-con{display : flex;align-items : center;position : relative;flex : 1;}
.designer-left-con > div{position : absolute;}

.designer-left-con-01{display : flex;flex-direction : column;align-items : start;justify-content : end; padding-left: 136px; padding-bottom: 36px;height : 100%; transition : opacity 1s, transform 1s;}
.type2 .designer-left-con-01,
.type3 .designer-left-con-01{opacity : 0;transform : translateX(-100px)}

.designer-left-con-02{opacity : 0;transform : translateX(-50px);transition : opacity 1s, transform 1s;padding-left: 70px;}
.type2 .designer-left-con-02,
.type3 .designer-left-con-02{opacity : 1;transform : translateX(0px);transition : opacity 1s 1s, transform 1s 1s}

.designer-desc{font-family : Gyeonggi_Batang_Regular;line-height : 1.5em;font-size : 19px;font-weight : 600;margin-bottom: 84px;}
.designer-desc .char{opacity : 0; transform : translateY(20px)}

.designer-name{display : flex;align-items : center;gap : 7px;font-size : 15px; font-family : pretendard; opacity : 0;transition : opacity 1s .4s;}
.active .designer-name{opacity : 1;transition : opacity 1s 2s;}

.designer-name > b{font-weight : 600;}
.designer-name .rect{width : 1px;height : 8px; background: #000;}

.designer-right{display : flex; justify-content : space-between;padding-left: 70px;}
.designer-right-con{display : flex;align-items : center; position : relative;flex : 1;}
.designer-right-con > div{position : absolute;}

.designer-right-con-01{display : flex;flex-direction : column;align-items : start;justify-content : end; padding-left: 136px; padding-bottom: 36px;height : 100%;transition : opacity 1s, transform 1s;}
.type2 .designer-right-con-01,
.type3 .designer-right-con-01{opacity : 0;transform : translateX(100px)}

.designer-right-con-02{opacity : 0;transform : translateX(50px);transition : opacity 1s, transform 1s;padding-left: 111px;}
.type2 .designer-right-con-02,
.type3 .designer-right-con-02{opacity : 1;transform : translateX(0px);transition : opacity 1s 1s, transform 1s 1s}

.designer-portfolio{display : flex;font-size : 15px;margin-bottom: 20px;align-items : start;}
.designer-portfolio > span{display : flex;align-items : center; font-family : brown;padding-right: 12px;margin-right: 12px;position : relative;}
.designer-portfolio > span::after{position : absolute;content : ''; width : 1px;height : 10px;background: #000;right : 0;}
.designer-portfolio > ul{font-family : pretendard; line-height : 1.5em;color : #6C6C6C}

.designer-awards{display : flex;flex-direction : column;align-items : start;font-size : 15px;}
.designer-awards > span{display : flex;align-items : center; font-family : brown;padding-right: 12px;margin-right: 12px;position : relative;margin-bottom: 10px;}
.designer-awards > span::after{position : absolute;content : ''; width : 1px;height : 10px;background: #000;right : 0;}
.designer-awards > ul{font-family : pretendard; line-height : 1.5em;color : #6C6C6C}

.designer-01, .designer-02{mix-blend-mode: darken;opacity : 0;transition : opacity 1s .4s;}
.active .designer-01, 
.active .designer-02{opacity : 1;transition : opacity 2s 1s;}


/**/
.concept-bg{width : 100%;height : 100%;position : absolute;left : 0;bottom : 0;transition : transform 1s, height 1.5s;overflow : hidden;}
.concept-bg > img{object-fit : cover;object-position : center 80%;width : 100%;height : 100%;transform : scale(1.25);transition : transform 1s .4s;}
.active .concept-bg > img{transform : scale(1);transition : transform 5s}
.type2 .concept-bg,.type3 .concept-bg{transform : translateX(100%);height : 330px;}

.concept-inner{display : flex;align-items : center;justify-content : center;flex-direction : column; position : relative;width : 100%; height : 100%;padding-bottom: 200px;transition : transform 1s, padding-bottom 1s, width 1s;margin : 0 auto;}
.concept-title-box{display : flex;flex-direction : column;align-items : end;left : 50%;transform : translateX(-50%);transition : opacity 1s, left 1.5s, transform 1.5s;position : absolute;white-space : nowrap;}
.type2 .concept-title-box,
.type3 .concept-title-box{left : 0;transform : translateX(0)}
.type2 .concept-inner,
.type3 .concept-inner{transform : translateX(100vw);padding-bottom: 0;width : 1760px;}
.concept-tit{font-size : 63px;font-family : brown; letter-spacing : 0.4em;padding-left: 0.4em;opacity : 0; margin-bottom: 25px;color : #543D33;font-weight : 400;transition : letter-spacing 1s .4s, opacity 1s .4s, padding-left 1s .4s;}

.active .concept-tit{letter-spacing : 0.2em;padding-left: 0.2em;opacity : 1;transition : letter-spacing 1.2s 1.5s, opacity 1s 1s, padding-left 1.2s 1.5s;}
.concept-desc{font-family : pretendard;font-size : 18px;font-weight : 500;letter-spacing : -0.033em;color : #543D33;transition : opacity 1s .4s;opacity : 0;}
.active .concept-desc{opacity : 1;transition : opacity 1.2s 1.5s;}
/**/

.main-section-amenity{background: #000;}
.amenity-slide{width : 100%;height : 100%;}
.amenity-slide .swiper-slide{overflow : visible;}

.amenity-bg{width : 100%;height : 100%;position : absolute;left : 0;bottom : 0;transition : transform 1s, height 1.5s;overflow : hidden;z-index : -1;}
.amenity-bg > img{object-fit : cover;object-position : center 80%;width : 100%;height : 100%;transform : scale(1.25);transition : transform 1s .4s;}
.active .amenity-bg > img{transform : scale(1);transition : transform 5s}

.amenity-inner{display : flex;align-items : center;justify-content : center;flex-direction : column; position : relative;height : 100%;padding-bottom: 200px;}
.amenity-title-box-new{display : flex;flex-direction : column;align-items : end;transition : opacity 1s;width : 100%;max-width : 1280px;}
.type2 .amenity-title-box-new,
.type3 .amenity-title-box-new{opacity : 0}
.amenity-tit-new{font-size : 63px;font-family : brown; letter-spacing : 0.4em;padding-left: 0.4em;opacity : 0; margin-bottom: 25px;color : #fff;font-weight : 400;transition : letter-spacing 1s .4s, opacity 1s .4s, padding-left 1s .4s;}

.active .amenity-tit-new{letter-spacing : 0.2em;padding-left: 0.2em;opacity : 1;transition : letter-spacing 1.2s 1.5s, opacity 1s 1s, padding-left 1.2s 1.5s;}
.amenity-desc-new{font-family : pretendard;font-size : 18px;font-weight : 500;letter-spacing : -0.033em;color : #fff;transition : opacity 1s .4s;opacity : 0;}
.active .amenity-desc-new{opacity : 1;transition : opacity 1.2s 1.5s;}

.amenity-inner-01{display : flex;justify-content : space-between; width : 100%;height : 100%;transition : width 1s .4s;position : relative;z-index : 0;}

.amenity-slide-00{background: #000; color : #fff;z-index : 10;position : relative;z-index : 2;}
.active .swiper-slide-active .amenity-inner-01{width : 1760px;transition : width 1s 1s;}

.amenity-slide-01 .amenity-left{display : flex;flex-direction : column;justify-content : end;width : 550px;padding-bottom: 60px;}
.amenity-slide-01 .amenity-left .amenity-con-tit{color : #fff;}
.amenity-slide-01 .amenity-right{display : flex;flex-direction : column;justify-content : end;padding-bottom: 44px;}
.amenity-slide-01 .amenity-right .amenity-con-tit{text-align : left;color : #fff;}
.amenity-slide-01 .amenity-right .amenity-desc{margin-bottom: 20px;text-align : left;}
.amenity-con-tit{font-size : 28px; font-family : pretendard; font-weight : 500;margin-bottom: 40px;letter-spacing : -0.033em;line-height : 1.4em;}
.amenity-desc{font-size : 15px; color : #767676;letter-spacing : -0.033em;line-height : 1.5em;}

.amenity-img-tit{font-family : brown;font-size : 40px;font-weight : 300; text-align : right;color : #fff;}
.amenity-con-title{font-family : brown;font-size : 56px;font-weight : 400;text-align : right;transition : transform 1s .4s, opacity  1s .4s;color : #aaa;letter-spacing : 0.1em;opacity : 0;transform : translateX(100px);transition : opacity 1s .4s, transform 1s .4s;}
.active .swiper-slide-active .amenity-con-title{opacity : 1;transform : translateX(0);transition : opacity 1s 1s, transform 1s 1s;}
.amenity-con-title-01{margin-bottom: 20px;}
.amenity-con-title-02{color : #000;}

.amenity-slide-00 .amenity-video-title{position : absolute;font-family : brown;font-size : 40px;font-weight : 300;color : #fff;bottom : 100%;right : 0;opacity : 1;transition : transform 1s .4s, opacity 1s .4s;}
.active .swiper-slide-active.amenity-slide-00 .amenity-video-title{opacity : 1; transform : translateX(0);transition : transform 1s 1s, opacity 1s 1s;}
.amenity-video{width : 100%;height : 100%;position : absolute;right : 0;top : 0;transition : top 1s,right 1s, width 1s , height 1s , transform 1s }
.amenity-video > video,
.amenity-video > img{width : 100%;height : 100%;object-fit : cover;object-position : center;}
.amenity-video-01.on{width : 888px;height : 450px;top : 150px;transform : translateX(100%);transition : top 1s, width 1s, height 1s, transform 1s}

.amenity-right .amenity-con{transform : translateX(-100px);opacity : 0; transition : transform 1s .4s, opacity 1s .4s;padding-left: 35px;border-left : 1px solid rgba(255,255,255,0.1)}
.amenity-left .amenity-con{transform : translateX(100px);opacity : 0; transition : transform 1s .4s, opacity 1s .4s;padding-left: 35px;border-left : 1px solid rgba(255,255,255,0.1)}
.active .swiper-slide-active .amenity-left .amenity-con{transform : translateX(0);opacity : 1;transition : transform 1s 1s, opacity 1s 1s}
.active .swiper-slide-active .amenity-right .amenity-con{transform : translateX(0);opacity : 1;transition : transform 1s 1s, opacity 1s 1s}

.amenity-img{transform : translateX(100px);opacity : 0; transition : transform 1s .4s, opacity 1s .4s;}
.active .swiper-slide-active .amenity-img{transform : translateX(0);opacity : 1;transition : transform 1s 1s, opacity 1s 1s}

.amenity-slide-02{background: #fff;}
.amenity-slide-02-video{z-index : 5;background: #fff;}
.amenity-inner-02{display : flex;justify-content : space-between; width : 100%;height : 100%;transition : width 1s .4s;position : relative;}
.amenity-inner-02 .amenity-left{display : flex;align-items : end;width : 880px;}
.active .swiper-slide-active .amenity-inner-02{width : 1760px;transition : width 1s 1s;}
.amenity-video.amenity-video-02{width : 100%;height : 100%;position : absolute;top : auto;right : 0;bottom: 0;transition : bottom 1s, width 1s, height 1s, transform 1s}
.amenity-video-02.on{width : 888px;height : 450px;bottom : 200px;transform : translateX(100%);transition : bottom 2s, width 2s, height 2s, transform 2s}

.amenity-video-02 .amenity-video-title{font-family : brown;font-size : 40px;font-weight : 300;text-align : right;transition : transform 1s .4s, opacity  1s .4s;bottom : 100%;right : 0;position : absolute;}
.active .swiper-slide-active.amenity-slide-02 .amenity-video-title{opacity : 1;transition : transform 1s 1s, opacity  1s 1s}

.amenity-slide-02 .amenity-right{display : flex;flex-direction : column;justify-content : space-between;padding-bottom: 200px;padding-top: 120px;;}
.amenity-slide-02 .amenity-right .amenity-con{border-color : rgba(0,0,0,0.1)}
.amenity-slide-02 .amenity-right .amenity-con-tit{margin-bottom: 100px;}

.amenity-slide-03{background: #fff;}
.amenity-inner-03{display : flex;justify-content : space-between;width : 1760px;height : 100%;transition : width 1s .4s;position : relative;margin : 0 auto;}
.amenity-inner-03 .amenity-left{display : flex;flex-direction : column;align-items : start; justify-content : end;padding-bottom: 94px;}
.amenity-inner-03 .amenity-video-title{font-family : brown;font-size : 40px;font-weight : 300;margin-bottom: 73px;opacity : 0;transform : translateX(-100px);transition : transform 1s .4s, opacity 1s .4s;}
.active .swiper-slide-active .amenity-inner-03 .amenity-video-title{opacity : 1; transform : translateX(0);transition : transform 1s 1s, opacity 1s 1s;}
.amenity-inner-03 .amenity-left .amenity-con{margin-bottom: 178px;border-color : Rgba(0,0,0,0.1)}
.amenity-inner-03 .amenity-left .amenity-con-tit{margin-bottom: 104px;}
.amenity-03-img > p{font-size : 22px; font-family : brown; margin-bottom: 22px;}
.amenity-03-img > div{display : flex;align-items : end; gap: 29px}
.amenity-03-img > div p{font-size : 15px;color : #767676;letter-spacing : -0.033em;line-height : 1.5em;}

.amenity-inner-03 .amenity-right{display : flex;flex-direction : column;justify-content : end; align-items : start;gap : 100px;}
.amenity-03-img-02{display : flex;flex-direction : column;gap : 22px;}
.amenity-03-img-02 > div{display : flex;justify-content : space-between;align-items : end;}
.amenity-03-img-02 > div > p:nth-child(1){font-size : 22px;color : #000;letter-spacing : -0.033em;}
.amenity-03-img-02 > div > p:nth-child(2){font-size : 15px;color : #767676;letter-spacing : -0.033em;}

.amenity-left .amenity-03-img{opacity : 0;transform : translateX(-100px);transition : transform 1s .4s, opacity 1s .4s;}
.active .swiper-slide-active .amenity-left .amenity-03-img{opacity : 1; transform : translateX(0);transition : transform 1s 1s, opacity 1s 1s;}

.amenity-right .amenity-03-img{opacity : 0;transform : translateY(-100px);transition : transform 1s .4s, opacity 1s .4s;}
.active .swiper-slide-active .amenity-right .amenity-03-img{opacity : 1; transform : translateY(0);transition : transform 1s 1s, opacity 1s 1s;}

.amenity-03-img-02{opacity : 0;transform : translateX(100px);transition : transform 1s .4s, opacity 1s .4s;}
.active .swiper-slide-active .amenity-03-img-02{opacity : 1; transform : translateX(0);transition : transform 1s 1s, opacity 1s 1s;}

.amenity-slide-04{background: #fff;}
.amenity-slide-03-video{z-index : 5;background: #fff;}
.amenity-inner-04{display : flex;justify-content : space-between; width : 100%;height : 100%;transition : width 1s .4s;position : relative;margin : 0 auto;}
.amenity-inner-04 .amenity-left{display : flex;justify-content : end; align-items : center;width : 880px;}
.active .swiper-slide-active .amenity-inner-04{width : 1760px;transition : width 1s 1s;}
.amenity-video.amenity-video-03{width : 100%;height : 100%;position : absolute;top : auto;right : 0;bottom: 0;transition : bottom 1s, width 1s, height 1s, transform 1s}
.amenity-video-03.on{width : 888px;height : 450px;bottom : 200px;transform : translateX(100%);transition : bottom 2s, width 2s, height 2s, transform 2s}

.amenity-title-box{display : flex;justify-content : space-between;align-items : end; width : 825px;transform : translateY(-240px);padding-right: 70px;}
.amenity-title-box > span{font-family : brown; font-size : 22px;transform : translateX(-100px);opacity : 0;transition : transform 1s .4s, opacity 1s .4s;}
.amenity-title-box > p{text-align : right;font-size : 15px;color : #767676;letter-spacing : -0.033em;line-height : 1.5em;transform : translateX(100px);opacity : 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .swiper-slide-active .amenity-title-box > span,
.active .swiper-slide-active .amenity-title-box > p{opacity : 1; transform : translateX(0);transition : transform 1s 1s, opacity 1s 1s;}

.amenity-inner-04 .amenity-right{display : flex;flex-direction : column;align-items : end;justify-content : center;}
.amenity-inner-04 .amenity-right .amenity-video-title{font-family : brown;font-size : 40px;font-weight : 300;margin-bottom: 73px;opacity : 0;transform : translateX(100px);transition : transform 1s .4s, opacity 1s .4s;}
.active .swiper-slide-active .amenity-inner-04 .amenity-right .amenity-video-title{opacity : 1; transform : translateX(0);transition : transform 1s 1s, opacity 1s 1s;}
.amenity-inner-04 .amenity-right .amenity-con{text-align : right;border : none; padding : 0; border-right : 1px solid rgba(0,0,0,0.1);padding-right: 35px;margin-bottom: 108px; opacity : 0;transform : translateX(-100px);transition : transform 1s .4s, opacity 1s .4s;}
.active .swiper-slide-active .amenity-inner-04 .amenity-right .amenity-con{opacity : 1; transform : translateX(0);transition : transform 1s 1s, opacity 1s 1s;}
.amenity-04-img{display : flex;gap : 50px;transition : opacity 1s .4s;opacity : 0}
.active .swiper-slide-active .amenity-04-img{opacity : 1;transition : transform 1s 1s, opacity 1s 1s;}
.amenity-04-img > div{display : flex;flex-direction :column;align-items : end;gap : 16px;}
.amenity-04-img > div > h3{font-size : 22px;font-family : brown;font-weight : 400;}
.amenity-04-img > div > p{font-size : 15px;color: #6C6C6C;font-family : pretendard; letter-spacing : -0.033em;line-height : 1.5em;text-align :right;}

/**/
.unit-slide{width : 100%;height : 100%;}
.unit-inner{display : flex;width : 100%;height : 100%;pointer-events : none;}
.active .swiper-slide-active .unit-inner{animation : unit-inner 1s both 1s;}
@keyframes unit-inner{
	0%{pointer-events : none}
	100%{pointer-events : all;}
}
.unit-bg-01{position : absolute;left : 0;top : 0;width : 100%;height : 100%;}
.unit-bg-01 > img{width : 100%;height : 100%;object-fit : cover;object-position : center;transform : scale(1.25);transition : transform 1s .4s}
.active .unit-bg-01 > img{transform : scale(1);transition : transform 5s}

.unit-inner-01{display : flex;align-items : center;justify-content : center;width : 100%;height : 100%;flex-direction : column; text-align : center;position : relative;padding-bottom: 200px;}
.unit-tit-01{font-size : 28px;font-family : pretendard;margin-bottom: 30px;font-weight : 300}
.unit-tit-01 > b{font-weight : 500;}
.unit-tit-01 .char{transform : translateY(-50px);opacity : 0;}
.unit-desc-01{font-size : 15px;font-weight : 300;font-family : pretendard;line-height : 1.5em;transform : translateY(50px);opacity : 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .unit-desc-01{transform :translateX(0);opacity : 1;transition : transform 1s 1s, opacity 1s 1s;}

.unit-box{display : flex;flex-direction : column;justify-content : center;align-items : start; width : 33.3333%;position : relative;padding : 0 0 0 120px;overflow : hidden;opacity : 0;transition : opacity 1s;}
.unit-box:not(:last-child){border-right: 1px solid #E2E2E2;}
.active .swiper-slide-active .unit-box:nth-child(1){opacity : 1; transition : opacity 1s 0s}
.active .swiper-slide-active .unit-box:nth-child(2){opacity : 1; transition : opacity 1s .2s}
.active .swiper-slide-active .unit-box:nth-child(3){opacity : 1; transition : opacity 1s .4s;}

.unit-bg-img{position : absolute;width : 100%;height : 100%;left : 0;top : 0;z-index : -1;object-fit : cover;object-position : center;transition : transform 8s}
.unit-bg-dim{position : absolute;left : 0;bottom : 0;transition : transform 1s, opacity 1s;width : 100%;height : 100%;pointer-events : none;object-fit : cover;object-position : center bottom;}
.unit-box:hover .unit-bg-img{transform : scale(1.25);}
.unit-box:hover .unit-bg-dim{transform : scale(0.9);opacity : 0;}

.unit-con{display : flex;flex-direction : column;align-items : start;position : relative;}

.unit-tit{font-family : brown; font-size : 24px;margin-bottom: 42px;;font-weight: 400;transform : translateX(-50px);opacity : 0;transition : transform 1s, opacity 1s;}
.unit-box:hover .unit-tit{transform : translateX(0px);opacity : 1;transition : transform 1s .5s, opacity 1s .5s;}

.unit-tit-box{display : flex;flex-direction : column;align-items : center;font-family : brown;width : 173px;white-space : nowrap;margin-bottom: 18px;transform : translateX(-50px);opacity : 0;transition : transform 1s, opacity 1s;}
.unit-box:hover .unit-tit-box{transform : translateX(0px);opacity : 1;transition : transform 1s .5s, opacity 1s .7s;}
.unit-tit-box > h4{letter-spacing : 0.78em;padding-left: 0.78em;font-weight : 400;font-size : 14px;margin-bottom: 13px;}
.unit-tit-box > h2{font-size : 53px;font-weight : 400;padding : 20px 0;border-top : 1px solid rgba(0,0,0,0.5);border-bottom : 1px solid rgba(0,0,0,0.5);width : 100%;text-align : center;}

.unit-desc{font-family : pretendard;font-size : 15px;font-weight : 500;line-height : 1.5em;margin-bottom: 33px;transform : translateX(-50px);opacity : 0;transition : transform 1s, opacity 1s;}
.unit-box:hover .unit-desc{transform : translateX(0px);opacity : 1;transition : transform 1s .7s, opacity 1s .9s;}

.unit-btn-box{border-top: 1px solid #343434;transform : translateX(-50px);opacity : 0;transition : transform 1s, opacity 1s;}
.unit-box:hover .unit-btn-box{transform : translateX(0px);opacity : 1;transition : transform 1s .9s, opacity 1s 1.1s;}
.unit-btn-box > li{border-bottom: 1px solid #343434;}
.unit-btn-box > li > a{display : flex;align-items : center;padding : 12px;width : 173px;font-family : pretendard;font-size : 15px;font-weight : 400;position : relative;transition : color .5s;}
.unit-btn-box > li > a::after{position : absolute;content : '';width : 100%;height : 0;bottom : 0;left : 0;z-index : -1;background: #543D33;transition : height .5s;}
.unit-btn-box > li:hover > a::after{height : 100%;}
.unit-btn-box > li > a::before{position: absolute;content : '';width : 5px;height : 5px; border-top : 2px solid #fff;border-right: 2px solid #fff; transform : rotate(45deg);right : 15px;opacity : 0;margin-right: 10px;transition : margin-right .5s, opacity .5s;}
.unit-btn-box > li:hover > a::before{opacity : 1;margin-right: 0px;}
.unit-btn-box > li:hover > a{font-weight : 700;color : #fff;background: ;}

.main-section-tv .video-inner{width : 100%;height : 100%;background: #000;}
.main-section-tv .video-inner > video{display : block;height : 100%; object-fit : cover;object-position : center;margin : 0 auto;}

/**/
/* .brand2-bg{width : 100%;height : 100%;position : absolute;left : 0;top : 0;z-index : -1;overflow : hidden;}
.brand2-bg > video{width : 100%;height : 100%; object-fit : cover;object-position : center;}
.brand2-inner{width : 1760px;margin : 0 auto;height : 100%;padding-top: 140px;}
.brand2-tit{font-size : 27px; font-family : pretendard;font-weight : 700;margin-bottom: 22px;}

.brand2-tit .char{transform : translateX(50px);opacity : 0;filter : blur(10px);-webkit-filter : blur(10px)}
.brand2-desc{font-family : pretendard;font-size : 16px; line-height : 1.5em;}
.brand2-desc b{font-weight : 500;}
.brand2-desc .line{transform : translateX(-50px);opacity : 0;}
.brand2-desc + .brand2-desc{margin-top: 20px;} */


/* 768px 이하 모바일 미디어쿼리 */
@media(max-width: 768px){
    .section-new{font-size:13px}
    
    .architecture-navigation {display: flex;}
    .concept-navigation {display: flex;}
    .amenity2-navigation {display: flex;}

    .main-section-architecture .architecture-slide .architecture-slide-01{flex-direction:column;padding:15vh 5vw 5vh}
    .main-section-architecture .architecture-slide .architecture-slide-01 .architecture-left{width:100%;margin-bottom:30px}
    .main-section-architecture .architecture-slide .architecture-slide-01 .architecture-left .architecture-title{font-size:36px;letter-spacing:3px} 
    .main-section-architecture .architecture-slide .architecture-slide-01 .architecture-left .architecture-title-sub{font-size:23px;margin:20px 0} 
    .main-section-architecture .architecture-slide .architecture-slide-01 .architecture-left .architecture-desc{font-size:12px} 
    .main-section-architecture .architecture-slide .architecture-slide-01 .architecture-right{width:100%;opacity:1;}
    .main-section-architecture .architecture-slide .architecture-slide-01 .architecture-right ul{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:30px}
    .main-section-architecture .architecture-slide .architecture-slide-01 .architecture-right ul .pattern-circle{width:100px;height:100px}
    .main-section-architecture .architecture-slide .architecture-slide-01 .architecture-right ul .pattern-text{font-size:14px}
    .main-section-architecture .architecture-slide .architecture-slide-02{flex-direction:column;padding:5vh 5vw}
    .main-section-architecture .architecture-slide .architecture-slide-02 .architecture-left2-top{font-size:12px} 
    .main-section-architecture .architecture-slide .architecture-slide-02 .architecture-left2-bottom{margin-top: 30vw}
    .main-section-architecture .architecture-slide .architecture-slide-02 .architecture-left2-bottom .architecture-left2-title{font-size:26px;letter-spacing:2px} 
    .main-section-architecture .architecture-slide .architecture-slide-02 .architecture-left2-bottom .architecture-left2-sub-title{font-size:16px;margin:15px 0}
    .main-section-architecture .architecture-slide .architecture-slide-02 .architecture-left2-bottom .architecture-left2-desc{font-size:12px;margin-bottom:20px} 
    .main-section-architecture .architecture-slide .architecture-slide-02 .architecture-right2-img1,.main-section-architecture .architecture-slide .architecture-slide-02 .architecture-right2-img2{display:none}
    
    
    .main-section-amenity-concept .concept-style0 .concept-style0-text{flex-direction:column;padding:20px;align-items:flex-start}
    .main-section-amenity-concept .concept-style0 .concept-style0-title{font-size:48px;margin-bottom:20px} 
    .main-section-amenity-concept .concept-style0 .concept-style0-top{text-align:left;gap:20px}
    .main-section-amenity-concept .concept-style0 .concept-style0-top h3{font-size:23px;} 
    .main-section-amenity-concept .concept-style0 .concept-style0-top small{font-size:12px;margin-top:20px} 
    .main-section-amenity-concept .concept-style0 .concept-style0-top .concept-style0-desc {gap: .75em;}
    .main-section-amenity-concept .concept-style1{padding:0 20px}
    
    .main-section-amenity-concept .concept-style1 .concept-style1-inner{flex-direction:column; grid-template-columns: 1fr !important;}
    .main-section-amenity-concept .concept-style1 .concept-style1-inner .concept-style1-inner-title{font-size:12px;position:static;margin: auto;text-align: right;} 
    .main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item-inner {width: 100%;}
    .main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item-img {width: 20vw; margin: 10px auto;}
    .main-section-amenity-concept .concept-style1 .concept-style1-item{width:100%;padding: 0 0 10px 0 !important;height:auto}
    .main-section-amenity-concept .concept-style1 .concept-style1-item-top{font-size:12px;text-align:center; width: 100%;} 
    .main-section-amenity-concept .concept-style1 .concept-style1-item-img{margin:15px 0;max-width:150px;width: 30vw;}
    .main-section-amenity-concept .concept-style1 .concept-style1-item-text {text-align: center;width: 100%;}
    .main-section-amenity-concept .concept-style1 .concept-style1-item-text h3{font-size:16px;margin-bottom:10px}
    .main-section-amenity-concept .concept-style1 .concept-style1-item-text p{font-size:12px} 
    
    .main-section-amenity2 .amenity2-slide-item{flex-direction:column}
    .main-section-amenity2 .amenity2-slide-01{padding:20px}
    .main-section-amenity2 .amenity2-slide-01 .amenity2-slide-01-left{width:100%;height:210px}
    .main-section-amenity2 .amenity2-slide-01 .amenity2-slide-01-img{margin:-150px 0 0;max-width:100%;height:auto;width: 90%;}
    .main-section-amenity2 .amenity2-slide-02 .amenity2-slide-text {height: auto; text-align: right;}
    .main-section-amenity2 .amenity2-slide-02 .amenity2-slide-02-img {max-width:100%;height:auto;width: 90%;}
    .main-section-amenity2 .amenity2-slide-type1 .amenity2-slide-right-bg {width: 77.77vw;}
    .main-section-amenity2 .amenity2-small-text{font-size:12px;position:static;margin-top:20px} 
    .main-section-amenity2 .amenity2-slide-text{margin:0;padding:20px;text-align:right; flex-direction: column;}
    .main-section-amenity2 .amenity2-slide-03 .animation-text-left{order:2;}
    .main-section-amenity2 .amenity2-slide-03 .amenity2-slide-text {padding: 20px 0;}
    .main-section-amenity2 .amenity2-slide-03 .amenity2-slide-text .amenity2-slide-text-right .amenity2-slide-title {margin-bottom: 5vw;}
    .main-section-amenity2 .amenity2-slide-title{font-size:31px;margin-bottom:15px}
    .main-section-amenity2 .amenity2-slide-sub-title{font-size:23px;margin-bottom:15px} 
    .main-section-amenity2 .amenity2-slide-desc{font-size:12px} 
    
    .main-section-amenity2 .amenity2-slide-04 .animation-text-left  {width: 100%;}
    .main-section-amenity2 .amenity2-slide-04 .amenity2-slide-text {text-align: right;padding-right: 0;margin-bottom: 20px;}
    .main-section-amenity2 .amenity2-slide-04 .amenity2-small-text {margin-left: auto; margin-bottom: 5px; text-align: right;}
    .main-section-amenity2 .amenity2-slide-04 .amenity2-slide-right-text span {font-size: 12px;}
    .main-section-amenity2 .amenity2-slide-04 .amenity2-slide-right-text {margin-top: 10px;}

    .main-section-amenity2 .amenity2-slide-05 .amenity2-slide-left, 
    .main-section-amenity2 .amenity2-slide-05 .amenity2-slide-right {width: 100%;}
    .main-section-amenity2 .amenity2-slide-05 .amenity2-small-text {margin-left: auto;margin-bottom: 10px;}
    .main-section-amenity2 .amenity2-slide-05 .amenity2-slide-sub-title {margin-bottom: 8vw; text-align: right;}
    .main-section-amenity2 .amenity2-slide-05 .amenity2-slide-desc {margin-bottom: 10px;}
    .main-section-amenity2 .amenity2-slide-05 img {margin-left: auto; width: 65%;}

    .main-section-amenity2 .amenity2-slide-06 {padding: 9.2164948454vh 4.53125vw 5.7731958763vh 4.1666666667vw;}
    .main-section-amenity2 .amenity2-slide-06 .animation-text-left{width: 100%;} 
    .main-section-amenity2 .amenity2-slide-06 .amenity2-slide-text {color: #fff; text-align: right; padding-right: 0;} 
    .main-section-amenity2 .amenity2-slide-06 .amenity2-small-text {margin-left: auto;margin-bottom: 10px;}
    .main-section-amenity2 .amenity2-slide-06 .amenity2-slide-sub-title {margin-bottom: 8vw; text-align: right;}
    .main-section-amenity2 .amenity2-slide-06 .amenity2-slide-desc {margin-bottom: 10px;}
    .main-section-amenity2 .amenity2-slide-06 img {margin-left: auto; width: 65%;}

    .main-section-amenity2 .amenity2-slide-07 {padding: 9.2164948454vh 4.53125vw 5.7731958763vh 4.1666666667vw;}
    .main-section-amenity2 .amenity2-slide-07 .animation-text-left{width: 100%;} 
    .main-section-amenity2 .amenity2-slide-07 .amenity2-slide-text {color: #fff; text-align: right; padding: 0;} 
    .main-section-amenity2 .amenity2-slide-07 .amenity2-slide-content {flex-direction: column; gap: 3vw;}
    .main-section-amenity2 .amenity2-slide-07 .amenity2-slide-content.amenity2-slide-bottom {margin-top: 7vw;}

    .main-section-system .system-inner{flex-direction:column}
    .main-section-system .system-left{width:100%;padding:30px 20px;background-size:cover; color: #fff;}
    .main-section-system .system-left .system-title{font-size:23px;margin-bottom:15px} 
    .main-section-system .system-left .system-desc{font-size:12px} 
    .main-section-system .system-right{flex-direction: column; align-items: center; width:100%;padding:30px 20px}
    .main-section-system .system-right .services-grid{grid-template-columns: repeat(2, 1fr);gap:10px}
    .main-section-system .system-right .service-card{height:auto;padding:20px 15px}
    .main-section-system .system-right .service-icon{height:60px}
    .main-section-system .system-right .service-title{font-size:16px;margin-top:10px;margin-bottom:10px}
    .main-section-system .system-right .service-description{font-size:11px} 
    .main-section-system .system-right .special-text{position: absolute;right: 22vw; width: 8vw;text-align: center;transform: rotate(-90deg)}
    
    .main-section-collaboration .collaboration-bg {position: absolute;}
    .main-section-collaboration .collaboration-text-box{position:static;padding:30px 20px;transform:none;opacity:1}
    .main-section-collaboration .collaboration-text-box .collaboration-title{font-size:48px} 
    .main-section-collaboration .collaboration-text-box .collaboration-title small{font-size:14px;letter-spacing:3px;position:static;display:block;margin-bottom:10px} 
    .main-section-collaboration .collaboration-sub-text-box{position:static;padding:20px;transform:none;opacity:1}
    .main-section-collaboration .collaboration-sub-text-box p{font-size:23px} 
    .main-section-collaboration .collaboration-brand-box{width: 97%;position:relative;padding:30px 20px}
    .main-section-collaboration .collaboration-brand-box .collaboration-logos{grid-template-columns:repeat(2, 1fr);gap:10px}
    .main-section-collaboration .collaboration-brand-box .collaboration-logo-item{padding-bottom:20px}
    .main-section-collaboration .collaboration-brand-box .collaboration-logo-item .collaboration-logo-label{font-size:12px;margin-bottom:20px} 
    .main-section-collaboration .collaboration-brand-box .collaboration-logo-item .collaboration-logo-img{max-width:80px}
    .main-section-collaboration .collaboration-brand-box .collaboration-logo-item .collaboration-logo-img-box{min-height:40px}
    .main-section-collaboration .collaboration-brand-box .collaboration-logo-item .collaboration-logo-desc{font-size:14px}
    
    .main-section-architecture.on .swiper-slide-active .architecture-left,
    .main-section-architecture.on .swiper-slide-active .architecture-right{transition-delay:0s}
    
    .main-section-amenity-concept.on .swiper-slide-active .concept-style0-title,
    .main-section-amenity-concept.on .swiper-slide-active .concept-style0-top{transition-delay:0s}
    
    .main-section-amenity2.on .swiper-slide-active .animation-text-left,
    .main-section-amenity2.on .swiper-slide-active .animation-text-right{transition-delay:0s}
    
    .main-section-system.active .system-left-inner,
    .main-section-system.active .services-grid{transition-delay:0s}
    
    .main-section-collaboration.active .collaboration-text-box,
    .main-section-collaboration.active .collaboration-sub-text-box{transition-delay:0s}
    
    .fade{transition-duration:0.5s}
    .animation-left,.animation-right,.animation-top{transition-duration:0.5s}
    
    .main-section-architecture .architecture-slide,
    .main-section-amenity-concept .amenity-concept-slide,
    .main-section-amenity2 .amenity2-slide{overflow-y:auto;-webkit-overflow-scrolling:touch}
}