.cursor{display: flex;align-items: center;justify-content: center; position : fixed;z-index: 100;transform: translateX(-50%) translateY(-50%) scale(0);transition : transform 1s;pointer-events: none;}
.cursor.on{transform: translateX(-50%) translateY(-50%) scale(1);}
.cursor::after{position : absolute;content: ''; width : 117px;height : 117px;background: url(/assets/images/main/cursor-rotate-text.png)no-repeat center / contain;animation : rotate-text 8s infinite linear}
.main-section-visual{position : relative;overflow: hidden;background: #000;}

.scroll{display: flex;flex-direction: column;align-items: center;justify-content: center;gap : 16px;  position : fixed;left : 72px;top : 50%;transform: translateY(-50%);opacity: 0;z-index: 10; transition : opacity .5s;}
.scroll.hide{opacity: 0 !important;}

.scroll-progress{width : 1px;height : 100px;background : #2E2E2E;position : relative;}
.scroll.dark .scroll-progress{background : rgba(0,0,0,0.3)}
.scroll-progress::after{position : absolute;content: '';width : 100%;height : 0;animation : scroll 2s infinite;background : #C7A479;transition : background .5s;}
.scroll.dark .scroll-progress::after{background: #111;}
@keyframes scroll {
    0%{height : 0}
    100%{height : 100%;}
}
.scroll-text{writing-mode: vertical-lr;color : #C7A479;font-family: Athena; font-size: 14px; font-weight: 700;transition : color .5s}
.scroll.dark .scroll-text{color : #111;}

.open{display: flex;justify-content: center;align-items: center; position : fixed; bottom : 50px;right : 106px;width : 84px;height : 84px;opacity: 0;z-index: 10;transition : opacity .5s;pointer-events: none;}
.open.hide{opacity: 0 !important;}
.open::after{position : absolute;content : '';width : 129px;height : 129px;background : url(/assets/images/main/open-rotate-text.png)no-repeat center / contain; animation : rotate-text 8s infinite linear}

/**/
.section-inner{height : 100%;}

.visual-bg{position : absolute;left : 0;top : 0;z-index: -1;overflow: hidden;width : 100%;height : 100%;transform : rotate(180deg);filter: contrast(120%) saturate(150%) brightness(95%);;}
.visual-bg > video{width : 100%;height: 100%;object-fit: cover; object-position: center;}
.main-section-visual{top : 0;left : 0; text-shadow : 0 0 6px rgba(0,0,0,0.16)}
.visual-slide{width : 100%;height : 100%;}
.visual-slide .swiper-slide{display: flex;justify-content: center;}
.main-section-visual .section-inner{display: flex;flex-direction: column; height : 100%; justify-content: center;align-items: center;padding-bottom: 100px;}

.line {width: 0;height: 1px;background: #000000; transition: all ease 1s;}
.line.expand {
    width: 100%;
}

.visual-text-en {
    font-family: 'Athena', serif;
    font-size: 20px;
    color: #000000;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s ease;
}

.visual-text-en.top {
    transform: translateY(-20px);
}

.visual-text-en.bottom {
    transform: translateY(20px);
}

.visual-text-en.show {
    opacity: 1;
    transform: translateY(0);
}

.visual-con {
    padding: 8px 0;
    overflow: hidden;
    height: 1px;
    transition: height 1.8s ease;
}

.visual-con.expand {
    height: 210px;
    opacity: 1;
}

.visual-title {
    padding: 34px 0;
    text-align: center;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease, transform 1s ease;
}

.visual-title.show {
    opacity: 1;
    transform: translateY(0);
}

.visual-title > p {
    font-size: 55px;
    font-weight: normal;
    line-height: 1.2;
    color: #542785;
    margin: 0;
}

.visual-title > p:nth-child(1) {
    font-size: 44px;
    line-height: 1.2;
}

.visual-pattern{position: absolute;left: 0;bottom: -20px;width: 100%;height: 343px;clip-path: inset(100% 0 0);opacity: 0;}
.visual-pattern.reveal{clip-path: inset(0 0 0);opacity: 1;transition : clip-path 1.5s .5s, opacity 1.5s .5s;}

/**/
.premium-rotate-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 139px;
    height: 139px;
    right: 30.5vw;
    top: 10vh;
    z-index: 10;
    opacity: 0;
    transition: opacity 1.2s;
    pointer-events: auto;
}
.active .premium-rotate-btn {
    opacity: 1;
    transition: opacity 1.2s 1s;
}
.premium-rotate-btn {display: flex;align-items: center;justify-content: center;position: absolute;width: 85px;height: 85px;background-color: #542785;border-radius: 50%;right: 30.5vw;top: 10vh;z-index: 10;opacity: 0;transition: opacity 1.2s;pointer-events: auto;}
.active .premium-rotate-btn {opacity: 1;transition: opacity 1.2s 1s;}
.premium-rotate-btn::after {position: absolute;content: '';width: 121px;height: 121px;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{
    display: flex;
    width : 100%;
    height : 100%;
    padding-top : ;
	background: url(/assets/images/main/premium-bg.jpg)no-repeat center/cover;
}
.premium-list .swiper-slide{
    width : 25%;
    height : 100%;
    /* background : #fff; */
    flex-shrink: 0;
    overflow: hidden;
    position : relative;
    padding : 90px 70px;
    border-left: 1px solid #EFEFEF;
}
.premium-list .swiper-slide:nth-child(2n - 1) {
    /* background: url(/assets/images/main/premium-pattern.png)no-repeat center/cover; */
}
.premium-inner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 45px;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.premium-header {
}

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

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

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

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

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

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

.premium-header > p {
    position: absolute;
    top: 70px;
    left: 285px;
	white-space : nowrap;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -0.8px;
    color: #333;
    opacity: 0;
    transform: translateY(20px);
}

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

.premium-header > p > b {
    font-weight: 700;
}

.premium-con{
}
.premium-sub-title{
    font-size: 30px;
    color : #542785;
    letter-spacing: -1.2px;
    margin-bottom: 15px;
}
.premium-desc{
    font-size: 16px;
    letter-spacing: -0.64px;
    line-height: 26px;
    color : #808080;
}
.premium-text {position: absolute;margin-top: 0;left: 20px;}
.premium-slide-03 .premium-inner {gap: 200px;}
.premium-slide-03 .premium-con {order: 2;}
.premium-list .swiper-slide::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    background-color: #fff;
    transition: height ease .5s;
}
.premium-slide-04 .premium-inner {justify-content: flex-end;}
.premium-slide-05 .premium-inner {}
.premium-slide-06 .premium-inner {justify-content: flex-start;}
.premium-slide-07 .premium-inner {}
.premium-list .swiper-slide:hover::after  {height: 100%;}

/**/
.main-section-envi {
    background: url(/assets/images/main/envi-bg.jpg) no-repeat center/cover;
	/* background: #321C4B; */
    color: #000;
}

.main-section-envi .section-inner {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding: 100px 0;
    position: relative;
    height: 100vh;
}

.envi-header {
    position: absolute;
    left: 10.49vw;
    top: 16vh;
    z-index: 10;
}

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

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

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

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

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

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

.envi-header > p {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -0.8px;
    color: #000;
    opacity: 0;
    transform: translateY(20px);
}

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

.envi-header > p > b {
    font-weight: 700;
}

.envi-slide {
    /* width: 654px; */
    /* height: 654px; */
	display : flex;align-items : center;
	width : 100%;height : 100%;
    position: relative;
    /* margin-left: 25.56vw; */
}
.envi-slide .swiper-slide{display : flex;align-items : center;}
.envi-slide-inner{width : 654px;height : 654px;margin-left: 25.56vw;position : relative;}

.envi-slide .swiper-slide > .envi-slide-inner > img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.envi-slide .swiper-slide > .envi-slide-inner > img.envi-sign {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-30%) translateY(40%);
    width: auto;
    height: 250px;
    opacity: 0;
    transition: opacity 1.2s, transform 1.2s;
}

.envi-slide .swiper-slide-active > .envi-slide-inner > img.envi-sign {
    transform: translateX(-50%) translateY(40%);
    opacity: 1;
}

.envi-slide .swiper-pagination {
    position: absolute;
	left : 24.8vw;
    width: 688px;
    height: 688px;
    pointer-events: none;
    z-index: 5;
}

.envi-slide .swiper-pagination svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg); 
}

.envi-slide .swiper-pagination .progress-bg {
    fill: none;
    stroke: rgba(255, 255, 255, 1);
    stroke-width: 2;
}

.envi-slide .swiper-pagination .progress-bar {
    fill: none;
    stroke: #E40072;
    stroke-width: 2;
    stroke-dasharray: 2160; 
    stroke-dashoffset: 2160; 
    transition: stroke-dashoffset 0.6s ease;
    stroke-linecap: round;
}

.envi-slide .swiper-pagination.progress-1 .progress-bar {
    stroke-dashoffset: 1728; 
}

.envi-slide .swiper-pagination.progress-2 .progress-bar {
    stroke-dashoffset: 1296;
}

.envi-slide .swiper-pagination.progress-3 .progress-bar {
    stroke-dashoffset: 864; 
}

.envi-slide .swiper-pagination.progress-4 .progress-bar {
    stroke-dashoffset: 432;
}

.envi-slide .swiper-pagination.progress-5 .progress-bar {
    stroke-dashoffset: 0;
}


.envi-list {
    position: absolute;
    left: 65.52vw;
    top: 50%;
    transform: translateY(-50%);
    width: 400px;
    height: 200px;
    z-index: 10;
}

.envi-list > li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1.2s, transform 1.2s;
}

.envi-list > li.on {
    opacity: 1;
    transform: translateY(0px);
}

.envi-label {
    font-size: 14px;
    font-weight: 500;
    color: #605746;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: Athena;
}

.envi-con-title {
    font-size: 30px;
    font-weight: 700;
    color: #E40072;
    line-height: 1.2;
    margin: 31px 0 20px;
}

.envi-desc {
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    letter-spacing: -0.64px;
}

.envi-desc > b {
    color: #000;
    font-weight: 600;
}

/* 썸네일 슬라이드 */
.envi-slide-thum {
    position: absolute;
    bottom: 100px;
    /* left: 65.52vw; */
    right: 6vw;
    width: 600px;
    overflow: hidden;
    z-index: 10;
}

.envi-slide-thum .swiper-slide {
    width: 108px;
    height: 108px;
    /*opacity: 0.5;*/
    transition: opacity 0.3s, filter .3s;
	filter : grayscale(1)
}
.envi-slide-thum .swiper-slide-active{filter : grayscale(0)}

.envi-slide-thum .swiper-slide-thumb-active {
    opacity: 1;
}

.envi-slide-thum .swiper-slide img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@keyframes rotate-text {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media screen and (max-width: 1400px) {
    .envi-slide {
        width: 500px;
        height: 500px;
    }
    
    .envi-slide .swiper-pagination {
        width: 500px;
        height: 500px;
    }
}

@media screen and (max-width: 1024px) {
    .envi-header {
        position: static;
        transform: none;
        margin-bottom: 50px;
        text-align: center;
    }
    
    .envi-list {
        position: static;
        transform: none;
        margin-top: 50px;
        text-align: center;
    }
}
.envi-navigation{display : flex; position : absolute;right : 6vw;top : 100px;gap : 10px;z-index : 5;}
.envi-navigation > div{display : flex;align-items : center;justify-content : center; width : 62px;height : 62px;border-radius : 50%;background: #F8F8F8;position : relative;cursor: pointer;transition : opacity .5s;}
.envi-navigation > div::after{position : absolute;content :'';width : 14px;height : 14px;border-top: 1px solid #081346;border-right: 1px solid #081346;}
.envi-navigation > div.envi-next::after{border-color : #fff;}
.envi-navigation > div.swiper-button-disabled{opacity : 0.5;}
.envi-navigation > .envi-prev::after{transform : rotate(-135deg);margin-left: 7px;}
.envi-navigation > .envi-next::after{transform : rotate(45deg);margin-left: -7px;}
.envi-navigation > .envi-next{background: #E40072;}
/**/

/**/
.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 : 0; top : 0; text-align: right; transform: translateX(100px);}
.design-desc3{left : 0; bottom : 0;transform: translateX(-100px);}
.design-desc4{right : 0; 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 .6s, transform 1s .6s}
.active .swiper-slide-active .design-desc3{transition : opacity 1s .8s, transform 1s .8s}
.active .swiper-slide-active .design-desc4{transition : opacity 1s 1s, transform 1s 1s}

.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: 20px; font-family: Pretendard; font-weight: 700; letter-spacing: -0.033em;color : #121212; margin-bottom: 19px;}
.design-desc > p{font-size: 15px; font-family: pretendard; letter-spacing: -0.033em;line-height: 1.5em;}

.design-slide .swiper-slide::after {position : absolute;z-index: -1;content: '';width : 196px;height : 100%; background: #E7E5E2;left : calc(50% - 50px);transition : clip-path 1s .4s;clip-path: inset(100% 0 0 0)}
.active .design-slide .design-last-slide::after {background: #CCDADB;}
.active .design-slide .swiper-slide-active::after{clip-path: inset(0 0 0 0)}


.design-img{position : absolute;}
.design-img1{width : 743px;height : 687px;transform: translateX(50px);}
.design-img1::after{position : absolute;z-index: -1;content: '';width : 4px;height : 644px; background: #1d1d1d;left : 195px;transition : clip-path 1s .4s;clip-path: inset(100% 0 0 0)}
.active .swiper-slide-active .design-img1::after{clip-path: inset(0 0 0 0)}
/* .design-img1::before{position : absolute;content: '';width : 293px;height : 1px; background: #1d1d1d;right : 0px;top : 453px; transition : clip-path 1s .4s;clip-path: inset(0 100% 0 0)} */
.swiper-slide-active .design-img1::before{clip-path: inset(0 0 0 0);}


.design-img > img{position : absolute;transition : clip-path 1s .4s, transform 1s .4s}
.design-01-01{top: 134px;left : 48px;clip-path: inset(100% 0 0 0);}
.design-01-02{top : 450px; left : 310px;clip-path: inset(0 100% 0 0);}
.design-01-03{top : 193px; left : 381px;clip-path: inset(0 100% 0 0);}
.design-01-04{top : 450px; left : 269px;clip-path: inset(0 0 100% 0);}

.design-obj-01-01{left : 430px;top : 70px;transform: scale(0);}
.design-obj-01-02{left : 540px;top : 160px;z-index: 1; transform: scale(0);}
.design-obj-01-03{left : 100px;top : 458px;z-index: 1; transform: scale(0);}
.design-obj-01-04{left : 80px;top : 575px;z-index: 1; transform: scale(0);}
.design-obj-01-05{left : 150px;top : 30px;z-index: 1; transform: scale(0);}

.design-img2{width : 613px;height : 686px;transform: translateX(50px);}
.design-img2::after{position : absolute;z-index: -1;content: '';width : 4px;height : 600px; background: #1d1d1d;left : 160px;transition : clip-path 1s .4s;clip-path: inset(100% 0 0 0)}
.active .swiper-slide-active .design-img2:after{clip-path: inset(0 0 0 0)}
.design-img2::before{position : absolute;content: '';width : 373px;height : 6px; background: #1d1d1d;left : 105px;top : 714px; transition : clip-path 1s .4s;clip-path: inset(0 100% 0 0)}
.active .swiper-slide-active .design-img2:before{clip-path: inset(0 0 0 0)}

.design-02-01{top: 40px;left : 95px;clip-path: inset(100% 0 0 0);}
.design-02-02{top : 410px; left : 200px;clip-path: inset(0 100% 0 0);}
.design-02-03{top : 193px; left : 381px;clip-path: inset(0 100% 0 0);}
.design-02-04{top : 450px; left : 269px;clip-path: inset(0 0 100% 0);}

.design-obj-02-01{left : 355px;top : -20px;transform: scale(0);}
.design-obj-02-02{left : 505px;top : 135px;z-index: 1; transform: scale(0);}
.design-obj-02-03{left : 0;top : 410px;z-index: 1; transform: scale(0);}
.design-obj-02-04{left : 80px;top : 485px;z-index: 1; transform: scale(0);}
.design-obj-02-05{left : -25px;top : 600px;z-index: 1; transform: scale(0);}

.active .swiper-slide-active .design-img > img{clip-path: inset(0% 0% 0% 0%);transform: scale(1);}

.design-con{display: flex;align-items: center;justify-content: center; width : 100%;max-width: 1600px;height : 686px;position : absolute;z-index: 0;}
.design-header {
    position: absolute;
    left: 0;
    top: 10vh;
    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: 20px;
    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;
}

/* 로케이션 섹션 */
.location-bg{width : 100%;height : 100%;position : absolute;left : 0;top : 0;overflow: hidden;}
.location-bg > img{width : 100%;height : 100%;object-fit: cover;object-position: center;transform: scale(1.5);transition : transform 2s;}
.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;font-size: 58px;font-weight: 400;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-map{transform: translateX(-150px);opacity: 0;transition : transform 1s, opacity 1s;border: 1px solid #542785;}
.active .location-map{transform: translateX(0);opacity: 1;transition : transform 1s 1s, opacity 1s 1s;}
.location-right{}
.location-address-box{display: flex;flex-direction: column;gap : 17px;margin-bottom : 17px;}
.location-address-box > p{display: flex;align-items: center;letter-spacing: -0.06em;font-size: 18px;color : #141414;font-weight: 500;line-height: 1em;transform: translateX(150px);opacity: 0;transition : transform 1s, opacity 1s;}
.active .location-address-box > p:nth-child(1){transform: translateX(0);opacity: 1;transition : transform 1s 1s, opacity 1s 1s;}
.active .location-address-box > p:nth-child(2){transform: translateX(0);opacity: 1;transition : transform 1s 1.1s, opacity 1s 1.1s;}
.location-address-box > p > span{display: flex;align-items: center;justify-content: center;width : 106px;height : 15px;border-left : 1px solid #484848;border-right : 1px solid #484848;margin-right : 22px;font-size: 18px;color : #542785;font-weight: 700;}
.location-btn-box{display: flex;gap : 7px;margin-bottom: 43px;transform: translateX(150px);opacity: 0;transition : transform 1s, opacity 1s;}
.active .location-btn-box{transform: translateX(0);opacity: 1;transition : transform 1s 1.2s, opacity 1s 1.2s;}
.location-info{font-size: 18px;font-weight: 500;letter-spacing: -0.06em;color : #0A0A0A;margin-bottom: 8px;transform: translateX(150px);opacity: 0;transition : transform 1s, opacity 1s;}
.location-info b {color: #224D7B;}
.active .location-info{transform: translateX(0);opacity: 1;transition : transform 1s 1.3s, opacity 1s 1.3s;}
.location-num{display: flex;align-items: center;gap : 5px;font-size: 40px;font-family: futura-pt;font-weight: 500;transform: translateX(150px);opacity: 0;transition : transform 1s, opacity 1s;}
.active .location-num{transform: translateX(0);opacity: 1;transition : transform 1s 1.4s, opacity 1s 1.4s;}
.location-num > span{font-size: 51px;font-family: Ofelia-text;}


/**/