.section-inner{height : 100%;}

/**/
.visual-bg{position : absolute;left : 0;top : 0;z-index: -1;overflow: hidden;width : 100%;height : 100%;background: url(/assets/images/main/visual-bg.png) no-repeat center/cover;opacity : 0; transform : scale(1.25);transition : opacity 1s;}
.visual-bg > video{width : 100%;height : 100%; object-fit : cover;object-position : center;}
.main-section-visual{top : 0;left : 0; overflow: hidden;}
.visual-slide{width : 100%;height : 100%;}
.visual-slide .swiper-slide{display: flex;justify-content: center;align-items: flex-end;}
.main-section-visual .section-inner{position: relative;display: flex;flex-direction: column;; justify-content: center;align-items: center;max-width : 1600px;padding-bottom: 40px;}
.visual-text {font-size: 18px;letter-spacing: -0.33px;line-height: 1.6;color: #fff;}

.visual-text.top {opacity: 0;transform : translateY(-100px)}

.visual-text p {font-size: 18px;line-height: 1.5;color: #000;font-family : pretendard; font-weight : 500; letter-spacing : -0.033em; text-align : center;}
.visual-text span {font-size: 27px;color: #818181;}
.visual-text b {color: #fff;font-weight: normal;}

.visual-title {position: relative; padding-top: 42px;}
.visual-title img {filter : invert(1);opacity : 0;clip-path : inset(0 50%);transform : scale(1.2)}

.visual-title .desc {padding-right: 40px;font-size: 24px;font-weight: 300;letter-spacing: -0.033em;line-height: 34px;color: #000;text-align: right;opacity: 0;transform : translateY(100px)}
.visual-title .desc b {font-weight: bold;}
.visual-title .desc b.color{color : #AF1D36;}

.visual-title .circle {display: flex;flex-direction: column; align-items: center;justify-content: center; position: absolute; top: 30px;right: 54px; width: 122px; height: 122px; text-align: center; background-color: #AF1D36; border-radius: 50%; font-size: 25px; letter-spacing: -0.40px; line-height: 31px; color: #fff; opacity: 0; transform : scale(1.4);opacity : 0;}
.visual-title .circle small {font-size: 15px;line-height: 18px;}
.on .circle {opacity: 1;transform: translateY(0);transition: transform 2s 2s, opacity 2s 2s;}


.open {display: flex;flex-direction: column; align-items: center;justify-content: center;position: absolute;width: 94px;height: 94px;background-color: #fff;border-radius: 50%;right: 3vw;bottom: 6vh;z-index: 10;opacity: 0;transition: opacity 1.2s;pointer-events: auto;font-size: 13px;text-transform: uppercase;}
.open::after {position: absolute;content: '';width: 120px;height: 120px;background: url(/assets/images/main/main-rotate-text.png) no-repeat center;background-size: contain;animation: rotate-text 6s infinite linear;}
.open p {font-size: 20px;letter-spacing: -0.33px;line-height: 24px;font-weight: bold;}
.open p:first-child {color: #191F6D;}
.open p b {font-size: 26px;}
.open.show {opacity: 1;transition: opacity 1.2s 1s;}

.open.blue {background-color: #191F6D;color: #fff;}
.open.blue p:first-child {color: #009EDB;}
.open.blue::after {background-image: url(/assets/images/main/location-rotate-text.png);}
/**/
.section-inner{display: flex;align-items: center;justify-content: center; width: 100%;height : 100%;}

.main-section-brand{display: flex;align-items: center;justify-content: center; mix-blend-mode: lighten;background: #fff;color : #fff;position : relative;overflow: hidden;}
.main-header {position: absolute;top: 151px; left: 83px;z-index: 1;}
.main-title {width: 424px;height: 136px;position: relative;}
.main-title > span {position: absolute;font-family: "athena", sans-serif;font-weight: 700;color: #fff;line-height: 1;opacity: 0;}
.main-title > span:nth-child(1) {font-size: 58px;color: #000;top: 0;left: 50%;transform: translateX(-50%);transition: left 1.2s, transform 1.2s, opacity 1.2s;font-weight: 300;}
.active .main-title > span:nth-child(1) {opacity: 1;left: 0;transform: translateX(0);transition: left 1.2s 1s, transform 1.2s 1s, opacity 1.2s .5s;}
.main-title > span:nth-child(2) {font-size: 70px;bottom: 10px;right: 50%;color: #06033C;transform: translateX(50%);transition: right 1.2s, transform 1.2s, opacity 1.2s;font-weight: 400;}
.active .main-title > span:nth-child(2) {opacity: 1;right: 0;transform: translateX(0);transition: right 1.2s 1s, transform 1.2s 1s, opacity 1.2s .5s;}
.main-header > p {text-align: right;font-size: 16px;line-height: 1.5;letter-spacing: -0.8px;color: #333;opacity: 0;transform: translateY(20px);}
.main-header .desc1 {font-size: 16px; letter-spacing: -0.53px; margin: 105px 0 23px;}
.main-header .desc2 {font-family: source-han-serif-korean, serif;}
.active .main-header > p {opacity: 1;transform: translateY(0);transition: opacity 1.2s 1.8s, transform 1.2s 1.8s;}
.main-header > p > b {font-weight: 700;}

.section-inner .text-area {position: absolute;bottom: 115px; left: 220px;z-index: 1; color: #000;opacity: 0;transform: translateY(20px);text-align : right;}
.section-inner .text-area > h3 {font-size: 23px; letter-spacing: -0.33px; line-height: 33px;}
.section-inner .text-area > p {font-size: 15px; letter-spacing: -0.33px; line-height: 25px; color: #939393; margin-top: 22px;}
.active .section-inner .text-area {opacity: 1; transform: translate(0); transition: opacity 1.2s 2.1s, transform 1.2s 2.1s;}

.section-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%;background: url(/assets/images/main/section-bg.jpg) no-repeat center/cover;}

.section-slide{display: flex;align-items: center;justify-content: center; width : 100%;height : 100%;color :#fff;}
.section-slide .swiper-slide{display: flex;justify-content: center;align-items : center;}
.section-slide .swiper-slide .bg {width: 655px; height: 734px; background: url(../images/main/premium3-img-01.jpg) no-repeat center/cover; clip-path : inset(20%); transition : clip-path 1s .4s;}
.active .section-slide .swiper-slide .bg{clip-path : inset(0); transition : clip-path 1s 1s;}
.section-slide .section-slide-02 .bg {background-image: url(../images/main/premium3-img-02.jpg);}
.section-slide .section-slide-03 .bg {background-image: url(../images/main/premium3-img-03.jpg);}
.section-slide .section-last-slide .bg {background-image: url(../images/main/premium3-img-04.jpg);}

.main-brand-inner{position : absolute;width : 100%;max-width: 1600px;height : 730px;z-index: 10;}
.main-brand-inner .pattern {position: absolute; transition : transform 1.2s, opacity 1.2s;}
.main-brand-inner .pattern1 {right: 420px;top: -165px; opacity: 0; transform: translateY(-50px);}
.main-brand-inner .pattern2 {left: 445px;bottom: 50px; opacity: 0; transform: translateX(-50px);}
.main-brand-inner .pattern3 {right: 187px;bottom: -45px; opacity: 0; transform: translateX(50px);}
.active .main-brand-inner .pattern1 {opacity: 1; transform: translate(0); transition-delay: 0.6s;}
.active .main-brand-inner .pattern2 {opacity: 1; transform: translate(0); transition-delay: 0.7s;}
.active .main-brand-inner .pattern3 {opacity: 1; transform: translate(0); transition-delay: 0.8s;}

.main-brand-title{position : absolute;z-index: 1; left : 50%;height: 62%;white-space: nowrap;transition : opacity 1s .4s, right 1s, top 1s, transform 1s .4s;opacity: 0; transform: translateX(calc(-50% - 400px));;font-size: 15px; line-height: 25px; font-family: "ofelia-text", sans-serif; letter-spacing: 0.25em; color : #000;}
.active .main-brand-title{opacity: 1;transform: translateX(calc(-50% - 360px));}
.main-brand-title > div{overflow: hidden; position : relative;width : 100%;height: 100%;}
.main-brand-title> div > p{height: 100%;transition : transform 1s;writing-mode: vertical-rl;padding-left: 10px;}
.main-brand-title> div > p:not(:first-child){position : absolute;top : 0;transform: translateX(calc(100% * var(--i)));}
.main-brand-title> div > p::after {display: inline-block;content: '';width: 1px;height: calc(100% - 21px);background-color: #000; margin-right: 3px;margin-top: 21px;}

.type1 .main-brand-title > div > p{transform: translateX(calc(100% * var(--i)));}
.type2 .main-brand-title > div > p{transform: translateX(calc(100% * (var(--i) + 1)));}
.type3 .main-brand-title > div > p{transform: translateX(calc(100% * (var(--i) + 2)));}
.type4 .main-brand-title > div > p{transform: translateX(calc(100% * (var(--i) + 3)));}

.main-brand-desc > div{opacity: 0; letter-spacing: -0.033em;position : absolute;left: 1200px;top :50%;width: 320px; transform: translateX(100px) translateY(-50%); transition : transform 1s, opacity 1s}
.main-brand-desc > div > h4{font-size: 23px; letter-spacing: -0.33px; line-height: 32px; font-family: pretendard; font-weight: bold; padding-top: 16px;position : relative;color: #06033C;}
.main-brand-desc > div > p{font-size: 15px; font-weight: 500; letter-spacing: -0.33px; line-height: 25px; color: #000;}
.main-brand-desc > div > ul{font-size: 16px; font-weight: 300; line-height: 1.6em;opacity: 0;transform: translateY(100px);transition : transform 1s, opacity 1s}

.brand-pagination {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);display: flex;align-items: center;gap: 30px;z-index: 15;opacity: 0;transform: translateX(-50%) translateY(30px);transition: opacity 1.2s, transform 1.2s;}

.active .brand-pagination {opacity: 1;transform: translateX(-50%) translateY(0);transition-delay: 1.2s;}

.brand-pagination .swiper-pagination-bullet {position: relative;width: auto;height: auto;margin: 0;padding: 12px 24px;background: transparent;opacity: 1;font-family: "ofelia-text", sans-serif;font-size: 13px;font-weight: 300;color: rgba(25, 31, 109, 0.2);text-transform: uppercase;letter-spacing: 0.5px;cursor: pointer;transition: all 0.4s ease;}

.brand-pagination .swiper-pagination-bullet:hover {color: rgba(25, 31, 109, 1);}

.brand-pagination .swiper-pagination-bullet-active {color: #191F6D;font-weight: 500;}

.brand-pagination .swiper-pagination-bullet::before {content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 10px;height: 10px;background: currentColor;border-radius: 50%;opacity: 0.2;background-color: #191F6D;transition: opacity 0.3s ease;
}
.brand-pagination .swiper-pagination-bullet:hover::before {opacity: 1;}
.brand-pagination .swiper-pagination-bullet-active::before {opacity: 1;}

.type1 .main-brand-desc1{opacity: 1; transform: translateX(0) translateY(-50%);}
.type2 .main-brand-desc2{opacity: 1; transform: translateX(0) translateY(-50%);}
.type3 .main-brand-desc3{opacity: 1; transform: translateX(0) translateY(-50%);}
.type4 .main-brand-desc4{opacity: 1; transform: translateX(0) translateY(-50%);}

/**/

/* 프리미엄 섹션 */
.premium-right {position: relative;width: 50%;height: 100%;}
.premium-rotate-btn {display: flex;align-items: center;justify-content: center;position: absolute;width: 84px;height: 84px;background-color: #fff;border-radius: 50%;left: 72.68vw;top: 45vh;z-index: 10;opacity: 0;transition: opacity 1.2s;pointer-events: auto;font-size: 13px;font-family:"ofelia-text", sans-serif;text-transform: uppercase;}
.active .premium-rotate-btn {opacity: 1;transition: opacity 1.2s 1s;}
.premium-rotate-btn::after {position: absolute;content: '';width: 110px;height: 110px;background: url(/assets/images/main/premium-rotate-text.png) no-repeat center;background-size: contain;animation: rotate-text 6s infinite linear;}
@keyframes rotate-text{0%{transform : rotate(0)}100%{transform : rotate(360deg)}}

.premium-list{overflow: hidden;display: flex;width : 100%;height : 100%;opacity: 0;transform: translateY(50px);transition: opacity 1.2s, transform 1.2s;}
.active .premium-list{opacity: 1;transform: translateY(0);transition-delay: 0.8s;}
.premium-list .swiper-slide{display : flex; width : 100%;height : 100%;flex-shrink: 0;overflow: hidden;position : relative;}
.premium-box{width : 25%;position : relative;height : 100%;}
.premium-inner{display: flex;flex-direction: column;justify-content: flex-start;gap: 45px;position: relative;z-index: 1;width: 100%;height: 100%; text-align: center;padding : 232px 70px;}
.premium-list .swiper-slide .premium-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/main/premium-img-01.png) no-repeat center/ cover;}
.premium-list .premium-slide-02 .premium-bg {background-image: url(../images/main/premium-img-02.png);}
.premium-list .premium-slide-03 .premium-bg {background-image: url(../images/main/premium-img-03.png);}
.premium-list .premium-slide-04 .premium-bg {background-image: url(../images/main/premium-img-04.png);}
.premium-list .premium-slide-05 .premium-bg {background-image: url(../images/main/premium-img-05.png);}
.premium-list .premium-slide-06 .premium-bg {background-image: url(../images/main/premium-img-06.png);}
.premium-list .premium-slide-07 .premium-bg {background-image: url(../images/main/premium-img-07.png);}
.premium-list .premium-slide-08 .premium-bg {background-image: url(../images/main/premium-img-08.png);}

.premium-header {position: relative;}
.premium-label {display: block;margin-bottom: 19px;font-family:"ofelia-text", sans-serif;font-size: 15px;line-height: 1.5;opacity: 0;transform: translateY(50px);transition: opacity 1.2s, transform 1.2s;}
.premium-sub-title{font-size: 22px;color : #AF1D36;letter-spacing: −1.5em; line-height: 36px;opacity: 0;transform: translateY(50px);transition: opacity 1.2s, transform 1.2s;}
.premium-desc{font-size: 15px;letter-spacing: -0.33px;line-height: 1.5;color : #000;margin: 32px 0 9px;opacity: 0;transform: translateY(50px);transition: opacity 1.2s, transform 1.2s;}
.premium-list .premium-slide-02 .premium-sub-title {color: #48A29F;}
.premium-list .premium-slide-03 .premium-sub-title {color: #916E53;}
.premium-list .premium-slide-04 .premium-sub-title {color: #7E8F47;}
.premium-list .premium-slide-05 .premium-sub-title {color: #6B6CA3;}
.premium-list .premium-slide-06 .premium-sub-title {color: #5182BF;}
.premium-list .premium-slide-07 .premium-sub-title {color: #AF1D36;}
.premium-list .premium-slide-08 .premium-sub-title {color: #48A29F;}
.active .premium-list .premium-label{opacity: 1;transform: translateY(0);transition-delay: 1.4s;}
.active .premium-list .premium-sub-title{opacity: 1;transform: translateY(0);transition-delay: 2s;}
.active .premium-list .premium-desc{opacity: 1;transform: translateY(0);transition-delay: 2s;}
.premium-text {position: absolute;margin-top: -50px;left: 20px;}
.premium-list .swiper-slide .premium-box::after {content: '';position: absolute;width: 100%;height: 0;left: 0;bottom: 0;z-index: 0;background-color: #707070;transition: height ease .5s;opacity: .08;}
.premium-list .swiper-slide .premium-box:hover::after  {height: 100%;}
.premium-control {display: flex;justify-content: center;align-items: center;gap: 20px;width: 100%;margin-top: 50px;opacity: 0;transform: translateY(50px);transition: opacity 1.2s, transform 1.2s;}
.active .premium-control {opacity: 1;transform: translateY(0);transition-delay: 1.2s;}
.premium-progress {width: 375px;height: 1px;background: rgba(0,0,0,0.1);position: relative;}
.premium-progress > span {position: absolute;height: 100%;width: 20%;background: #542785;transition: width 0.5s;}
/* .premium-navigation {position : absolute;z-index: 1;left : 70px;bottom : 74px;display: flex;align-items: center;justify-content: center;gap: 5px;opacity: 0;transform: translateX(50px);transition: opacity 1.2s, transform 1.2s;}
.active .premium-navigation {opacity: 1;transform: translateX(0);transition-delay: 1.4s;}
.premium-navigation > div{display: flex;align-items: center;justify-content: center;width : 24px;height : 24px;border-radius: 50%;position : relative;cursor : pointer;}
.premium-navigation > div::after{position : absolute;content : '';width : 6px;height : 6px;border-top : 1px solid #fff;border-right : 1px solid #fff;} */
.premium-prev{background : #AB9284;}
.premium-navigation > .premium-prev::after{transform: rotate(-135deg);}
.premium-next{background : #AB9284;}
.premium-navigation > .premium-next::after{transform: rotate(45deg);border-color: #fff;}

/**/
/**/
.main-section-design{overflow: hidden;}
.design-bg{position : absolute;left : 0;top : 0;}
.design-bg > img{width : 100%;height : 100%;object-fit: cover;object-position: center;}
.design-bg::after{position : absolute;content: '';width : 128px;height : 100%;background: #F8F7F5;left : 45%;top : 0;clip-path: inset(50% 0);transition : cilp-path 1s;}
.active .design-bg::after{clip-path: inset(0 0);}
.design-slide{display: flex;align-items: center;justify-content: center; width : 100%;height : 100%;position : absolute;left : 0;top : 0;}
.design-slide .swiper-slide{display: flex;justify-content: center; align-items: center;padding-top: 50px;}
.design-inner{display: flex;align-items: center;justify-content: center; width : 100%;max-width: 1600px;height : 686px;position : absolute;z-index: 1;}

.design-desc{position : absolute;opacity: 0;transition : opacity 1s .4s, transform 1s .4s}
.design-desc1{left : 0; top : 0;transform: translateX(-100px);}
.design-desc2{right : 33px; top : 0; transform: translateX(100px);}
.design-desc3{left : 54px; bottom : 0;transform: translateX(-100px);}
.design-desc4{right : -80px; bottom : 0; text-align: right;transform: translateX(100px);}
.active .swiper-slide-active .design-desc{opacity: 1; transform: translateX(0);}
.active .swiper-slide-active .design-desc1{transition : opacity 1s .4s, transform 1s .4s}
.active .swiper-slide-active .design-desc2{transition : opacity 1s 1.2s, transform 1s 1.2s}
.active .swiper-slide-active .design-desc3{transition : opacity 1s 1s, transform 1s 1.2s}
.active .swiper-slide-active .design-desc4{transition : opacity 1s .4s, transform 1s .4s}

.design-desc h4{font-family: Ofelia-text;font-weight: 300; font-size: 15px;margin-bottom: 19px; color : #121212}
.design-desc h4 > b{font-weight: 700;}
.design-desc h3{font-size: 22px; font-family: Pretendard; font-weight: 700; letter-spacing: -0.33px; line-height: 32px; color : #000;}
.design-desc2 h3 {color: #191F6D;}
.design-desc3 h3 {color: #009EDB;}
.design-desc p {font-size: 15px; letter-spacing: -0.33px; line-height: 24px; color: #939393; margin-top: 22px;}
.design-desc ul {margin-top: 28px;}
.design-desc ul li{position: relative; padding-left: 11px;font-size: 15px; font-family: pretendard; letter-spacing: -0.033em;line-height: 1.5em;font-weight: normal;}
.design-desc ul li::before {content: '•';position: absolute;left: 0;top: 0;color: #000; font-weight: bold;}

.design-img{position : absolute;}
.design-img1{top: -60px; width : 750px;height : 800px;}
.design-rotate-btn {display: flex;align-items: center;justify-content: center;position: absolute;width: 84px;height: 84px;background-color: #191F6D;border-radius: 50%;right: 53px;top: 74px;z-index: 10;opacity: 0;transform: translateX(20px);pointer-events: auto;}
.design-rotate-btn::after {position: absolute;content: '';width: 110px;height: 110px;background: url(/assets/images/main/design-rotate-text.png) no-repeat center;background-size: contain;animation: rotate-text 6s infinite linear;}

.design-img > img{transition : clip-path 1s .4s,opacity 1s .4s; clip-path : inset(100% 0 0);}
.design-img > img:nth-child(even){/* clip-path : inset(0 0 0 100%) */}
.envi-img-layer{position : absolute;left : 0;top : 0;width : 100%;height : 100%;}

.active .swiper-slide-active .design-img > img{clip-path : inset(0);opacity : 1;}
.active .swiper-slide-active .design-img > .envi-01-01{transition : clip-path 2s .4s ease-in-out, opacity 1.4s .4s}
.active .swiper-slide-active .design-img > .envi-01-02{transition : clip-path 2s .6s ease-in-out, opacity 1.4s .6s}
.active .swiper-slide-active .design-img > .envi-01-03{transition : clip-path 2s .8s ease-in-out, opacity 1.4s .8s}
.active .swiper-slide-active .design-img > .envi-01-04{transition : clip-path 2s 1s ease-in-out,opacity 1.4s 1s}
.active .swiper-slide-active .design-img > .envi-01-05{transition : clip-path 2s 1.2s ease-in-out,opacity 1.4s 1.2s}

.active .design-img > .design-rotate-btn {opacity: 1; transform: translate(0); transition: opacity 1s 1.8s, transform 1s 1.8s;}

.design-con{display: flex;flex-direction : column;align-items: start;justify-content: start; width : 100%;max-width: 1600px;height : 686px;position : absolute;z-index: 0;padding-top: 90px;}
.design-header {position: absolute;left: -80px;top: 0;z-index: 10;}

.design-title {width: 400px;height: 136px;position: relative;margin-bottom: 12px;}

.design-title > span {position: absolute;font-family: Athena;font-weight: 700;color: #222222;line-height: 1;opacity: 0;}

.design-title > span:nth-child(1) {font-size: 58px;font-weight : 300;top: 0;left: 50%;transform: translateX(-50%);transition: left 1.2s, transform 1.2s, opacity 1.2s;}

.active .design-title > span:nth-child(1) {opacity: 1;left: 0;transform: translateX(0);transition: left 1.2s 1s, transform 1.2s 1s, opacity 1.2s .5s;}

.design-title > span:nth-child(2) {font-size: 70px;bottom: 0;right: 50%;transform: translateX(50%);transition: right 1.2s, transform 1.2s, opacity 1.2s;font-weight : 400;}

.active .design-title > span:nth-child(2) {opacity: 1;right: 0;transform: translateX(0);transition: right 1.2s 1s, transform 1.2s 1s, opacity 1.2s .5s;}

.design-header > p {font-size: 16px;line-height: 1.5;letter-spacing: -0.8px;color: #333;opacity: 0;transform: translateY(20px);text-align: right;}

.active .design-header > p {opacity: 1;transform: translateY(0);transition: opacity 1.2s 1.8s, transform 1.2s 1.8s;}

.design-header > p > b {font-weight: 700;}
.design-navigation{display : flex; align-items : center;gap : 47px;z-index : 5;margin-top: 104px;opacity : 0; transition : opacity 1s}
.active .design-navigation{opacity : 1;}
.design-prev, .design-next{display : flex;align-items : center;width : 38px;height : 38px;border-radius : 50%;background: #EFEFEF;position : relative;cursor: pointer;transition : opacity .5s;}
.design-prev{padding-left: 19px;}
.design-next{justify-content : end;padding-right: 19px;}
.design-prev > img{flex-shrink : 0;position : absolute;transition : transform .5s;}
.design-prev:hover > img{transform : translateX(-40px)}
.design-next > img{flex-shrink : 0;position : absolute;transform : rotate(180deg);transition : transform .5s;}
.design-next:hover > img{transform : rotate(180deg) translateX(-40px)}
.design-navigation > div.swiper-button-disabled{opacity : 0.5;}
.design-rect{background: #06033C; width : 1px; height : 26px}


/* 로케이션 섹션 */
.location-bg{width : 100%;height : 100%;position : absolute;left : 0;top : 0;overflow: hidden; background-color: #E6F4FB;}
.active .location-bg > img{transform: scale(1);transition-delay: .5s;}
.main-section-location .section-inner{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.location-title {position: relative;margin-bottom: 25px;}

.location-title > span {opacity: 0;display: block;font-family: "athena", sans-serif;font-size: 58px;font-weight: 700;color: #081346;line-height: 1;transform: translateX(100px);transition: left 1.2s, transform 1.2s, opacity 1.2s;}
.active .location-title > span {opacity: 1;transform: translateX(0);transition: left 1.2s 1s, transform 1.2s 1s, opacity 1.2s .5s;}
.location-header {display: flex;flex-direction: column;align-items: center;margin-bottom: 25px;}
.location-header > p {font-size: 20px;line-height: 1.5;letter-spacing: -0.8px;color: #333;opacity: 0;transform: translateY(20px);}
.active .location-header > p {opacity: 1;transform: translateY(0);transition: opacity 1.2s 1.8s, transform 1.2s 1.8s;}
.location-header > p > b {color: #542785;}
.location-con{display: flex;align-items: center;gap : 50px;}
.location-box{display: flex;flex-direction: column;align-items: center;gap : 26px;transition : transform 1s .4s, opacity 1s .4s;}
.location-box > div > img {border: 1px solid #000;}
.location-box:nth-child(1){transform: translateX(-100px);opacity: 0;}
.location-box:nth-child(2){transform: translateX(100px);opacity: 0;}
.active .location-box{transform: translateX(0);opacity: 1; transition : transform 1s 1s, opacity 1s 1s;}
.location-address{display: flex; font-family: Noto Sans KR; font-size: 18px; letter-spacing: -0.06em;font-weight: 500; color : #191919;}
.location-address > span{display: flex;align-items: center; margin-right: 22px;position : relative; padding : 0 21px;font-weight: 700;color : #06033C;}
.location-address > span::before{position : absolute;content : '';width : 1px;height : 15px;left : 0;background : #06033C;transform: translateY(1px);}
.location-address > span::after{position : absolute;content : '';width : 1px;height : 15px;right : 0;background : #06033C;transform: translateY(1px);}
.location-btn-box{display: flex;align-items: center; gap : 7px;}