@import url('https://fonts.cdnfonts.com/css/futura-pt');


.visual-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%;overflow: hidden;background: #000;}
.visual-bg > img{width : 100%;height : 100%;object-fit: cover;object-position: center;animation : visual-bg 4s both ease-in-out}
@keyframes visual-bg {
    0%{transform: scale(1.4);}
    100%{transform: scale(1);}
}

/* .visual-inner{display: flex;flex-direction: column;justify-content: center;align-items: center;position : relative;transform : translateY(50%);width : 100%;max-width: 1780px;position :relative;margin : 0 auto;height : 100%;}

.visual-desc-box{margin-bottom: 42px;}
.visual-desc{font-size: 30px; color : #fff;font-family: pretendard;letter-spacing: -0.04em; font-weight : 300;}
.visual-desc span{color : #E40072; font-weight : 700;}
.visual-desc .char{opacity: 0;transform: translateY(50px);}

.visual-line{width : 1px; height : 70px; background: rgba(255,255,255,0.42);clip-path: inset(0 0 100%);}

.visual-title{margin-bottom: 41px; transform: translateY(100px);clip-path: inset(36.9% 0 0 0);opacity: 0;}

.visual-list{display: flex;}
.visual-list > li{border-right : 1px solid rgba(255,255,255,0.2);width : 156px;text-align: center; line-height: 1.6em; color : #fff;font-family: pretendard; font-weight: 500;}
.visual-list > li:first-child{border-left: 1px solid rgba(255,255,255,0.2);}

.visual-list > li > span{color : #E40072;font-weight: 700;font-size : 18px;}

.visual-sub-title{font-size: 131px; color : #B0A3D0;font-family: OneStoreMobileGothicTitleFont;margin-top: 40px;}

.visual-open{display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 17px;font-family: pretendard; letter-spacing: -0.033em; font-weight: 700;width : 84px;height : 84px; background: #E40072; border-radius: 50%;position : absolute;right : 0; bottom: 68px; color : #fff; opacity: 0;transform: translateX(100px);} 
.visual-open::after{position : absolute;content: '';width : 116px; height: 116px; background: url(/assets/images/main/visual-rotate-text.png)no-repeat center / contain; animation : rotate-text 6s infinite linear}
@keyframes rotate-text {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}
.visual-open b{font-size: 22px;} */

.scroll-box{display : flex; flex-direction : column;align-items : center; gap : 16px; position : fixed; left : 30px; top :50%; transform : translateY(-50%);top : 50%;z-index : 1;}
.scroll-progress{width : 1px; height : 100px; background: #fff;position : relative;}
.scroll-progress::after{position : absolute; content : ''; width : 100%; height : 0%;top : 0;left : 0; background: #542785;box-sizing : border-box;animation : scroll 2s infinite;}
@keyframes scroll{
	100%{height : 100%;}
}
.scroll-box > span{writing-mode : vertical-rl; color : #542785; font-family : MinervaModern; font-size : 14px; font-weight : 700;}

.visual-slide{position : absolute;left : 0;top : 0;width : 100%;height : 100%;overflow: hidden;z-index : -1;}
.visual-slide .swiper-slide{overflow : hidden;}
.visual-slide .swiper-slide > img{width : 100%;height : 100%;object-fit: cover;object-position: center;transform : scale(1.4);transition : transform 1.2s 1s;}
.on .visual-slide .swiper-slide-active > img{transform : scale(1); transition : transform 3s;}

/* .visual-inner-new{display: flex;flex-direction: column; position : relative;width : 100%;max-width: 1780px;position :relative;margin : 0 auto;height : 100%;padding-top: 220px;} */
.visual-inner-new{display: flex;flex-direction: column;align-items: center; position : relative; text-align: center;height : 100%;padding-top: 130px;}

.visual-list{display: flex;}
.visual-list > li{border-right : 1px solid rgba(0,0,0,0.2);width : 156px;text-align: center; line-height: 1.6em; color : #000;font-family: Noto Serif KR; font-weight: 500;opacity : 0;transform : translateY(100%); transition : color .5s, border-color .5s}
.white .visual-list > li{color : #fff; border-right : 1px solid rgba(255,255,255,0.2)}

/* .visual-desc .char {
    font-family: Noto Serif KR;
} */

.visual-list > li:first-child{border-left: 1px solid rgba(0,0,0,0.2);}
.white .visual-list > li:first-child{border-left: 1px solid rgba(255,255,255,0.2);}

/* .visual-desc{font-size : 32px;letter-spacing :-0.04em; font-family: Noto Serif KR; color: #fff; font-weight : 300;overflow : hidden;transition : color .5s, border-color .5s}

.white .visual-desc{color : #fff;}
.visual-desc .word{transform : translateY(100%)}
.visual-desc b{font-weight : 700}

.visual-title{margin : 20px 0 30px;font-size : 40px; color : #fff; line-height : 1em;overflow : hidden;}
.visual-title .char{ font-weight : 700;color : #fff; transform : translateY(100%);transition : color .5s, border-color .5s}

.white .visual-title .char{color : #fff} */

.visual-sub-title{font-size: 30px;letter-spacing: -0.06em; font-weight: 400;}
.visual-sub-title .char{font-family: Noto Serif KR; opacity: 0;transform: translateY(-50px);}
.visual-title{font-size: 46px; font-weight: 500; letter-spacing: -0.06em; color : #2B5151;margin-bottom: 17px; letter-spacing: 1em;padding-left : 1em; opacity: 0; white-space: nowrap;}
.visual-desc{font-size: 14px; letter-spacing: -0.06em; line-height: 1.5em; transform: translateY(100px);opacity: 0;}

.visual-list > li > span{color : #E40072;font-weight: 700;font-size : 18px;transition : color .5s, border-color .5s}
.white .visual-list > li > span{color : #fff;}

.visual-open{display : flex;flex-direction : column;  align-items : center; justify-content : center; position : absolute;right : 50px; bottom : 50px;line-height : 1em;letter-spacing : -0.08em;padding-right : 0.08em;transform : translateX(100px); opacity : 0;transition : transform 1s 1s, opacity 1s 1s;padding-top: 5px;}
.on .visual-open{transform : translateX(0); opacity : 1;}

.visual-control{display : flex; align-items : center;position : absolute; left : 56px; bottom : 33px;gap :15px;}

.visual-index{color : #fff; font-size : 15px; font-family : pretendard; font-weight : 500;}

.visual-progress{width : 68px;height : 1px; background: rgba(255,255,255,0.5);position : relative;}
.visual-progress::after{position : absolute; content : ''; width : 0%;height : 100%; background: #fff;left : 0;top : 0;}
.change .visual-progress::after{animation : visual-progress 3.5s linear both}
@keyframes visual-progress{
	100%{width : 100%;}
}

.visual-total{color : rgba(255,255,255,0.5); font-size : 15px; font-family : pretendard; font-weight : 500;}

.visual-prev,
.visual-next{width : 8px; height  : 8px; border-top : 2px solid #fff; border-right : 2px solid #fff; cursor : pointer;}

.visual-prev{transform : rotate(-135deg)}
.visual-next{transform : rotate(45deg)}



.main-section-card {
  width: 100vw;
  height: 100vh;
  display: grid;
  grid-template-columns: 2fr 1fr;
  background: #000;
}

/* 왼쪽 큰 영역 */
.main-section-card .left {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 2fr 1fr;
  grid-row: span 3;
}

/* 카드 공통 */
.main-section-card .card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.main-section-card .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s ease;
}

.main-section-card .card::after {
  content: "";
  position: absolute;
  inset: 0;
}

.main-section-card .card:hover img {
  transform: scale(1.08);
}

/* 텍스트 */
.main-section-card .text {
  position: absolute;
  left: 80px;
  bottom: 80px;
  color: #fff;
  z-index: 2;
}

.main-section-card .left .text {
  left: 80px;
  top: 160px;
}

.main-section-card .text h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 15px;
}

.main-section-card .text p {
  font-size: 16px;
  color: #D8D8D8;
}

.main-section-card .view {
  margin-top: 20px;
  font-size: 15px;
  opacity: 1;
  font-weight: 600;
  letter-spacing: -0.5px;
  display: flex;
  gap: 15px;
  align-items: center;
  font-family: Futura PT;
}

.main-section-card .view span {
  background: #8D8D8D;
  width: 24px;
  height: 24px;
  display: flex;
  border-radius: 50%;
  align-items: center;
    justify-content: center;
	opacity: 0;
	transition: .5s 0s;
	transform: translateX(50%);
}
.main-section-card .view img {
  width: 14px;
  height: 7px;
  border-radius: 50%;
}


.main-section-card a:hover .view span {
  transform: translateX(0);
  opacity: 1;
}

/* 우측 영역 */
.main-section-card .right-top {
  background: #1e5554;
}
.main-section-card .right-center {
  background: #E6E6E6;
  color: #000;
}
.main-section-card .right-center .text {
  color: #000;
}

.main-section-card .right-bottom {
  background: #AFA391;
  color: #000;
}

.main-section-card .right-bottom .text {
  color: #000;
}

/* 하단 좌측 와이드 */
.main-section-card .wide {
  grid-column: span 2;
}

.main-section-card .content {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:32px;
  z-index:1;
}

.main-section-card .stripes {
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:repeat(18, 1fr);
  z-index:2;
}

.main-section-card .stripes span {
  background:#111;
  transform-origin:left;
  transform:scaleX(0);
}


.main_quick {
    width: 7rem;
    height: 7.5rem;
    border: 1px solid #ccc;
    box-sizing: border-box;
    transition: 0.3s;
    color: #fff;
	font-size: 14px;
    margin: 0.3rem 0;
    transition: 1.0s 0s;
}
.main_quick_plus {
    width: 11px;
    height: 11px;
    position: relative;
    transition: 0.3s;
    position: absolute;
    right: -3%; bottom: -3%;
}
.main_quick_plus::before {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.3s;
}
.main_quick_plus::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.3s;
}
.main_quick > a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}
.main_quick > a > div { width: 70%; height: 70%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(0deg); display: flex; justify-content: flex-start; align-items: flex-start; max-width: 152px; text-align: left; }
.main_quick:hover { background-color: #fff; }
.main_quick:hover p { color: #000; font-weight: 500; }
.main_quick:hover .main_quick_plus { transform: rotate(90deg); }
.main_quick:hover .main_quick_plus::after { background-color: #000; }
.main_quick:hover .main_quick_plus::before { background-color: #000; }



.main-section-visual .swiper {
  width: 100vw;
  height: 100vh;
}

.main-section-visual .swiper-slide {
  position: relative;
  background-size: cover;
  background-position: right;
   transform: translateY(50px);
}

.main-section-visual .bg1 { background-image: url('../../assets/images/main/premium-bg-01.png'); }
.main-section-visual .bg2 { background-image: url('../../assets/images/main/premium-bg-02.png'); }
.main-section-visual .bg3 { background-image: url('../../assets/images/main/premium-bg-03.png'); }
.main-section-visual .bg4 { background-image: url('../../assets/images/main/premium-bg-04.png'); }
.main-section-visual .bg5 { background-image: url('../../assets/images/main/premium-bg-05.png'); }
.main-section-visual .bg6 { background-image: url('../../assets/images/main/premium-bg-06.png'); }


.main-section-visual .swiper-slide::after {
  content:'';
  position:absolute;
  inset:0;
  /* background:rgba(0,0,0,.45); */
}

.main-section-visual .content {
  position: absolute;
  bottom: 240px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 2;
  text-align: center;
}

.main-section-visual .content span {
  font-size: 16px;
  font-family: Futura PT;
  letter-spacing: 0.3em;
  font-weight: 400;
}

.main-section-visual .content h2 {
  font-size: 34px;
  font-family: Noto Serif KR;
  font-weight: 500;
  margin: 30px 0 20px;
}

/* 하단 탭 */
.main-section-visual .bottom-tabs {
  position:absolute;
  bottom: 90px;
  left:50%;
  transform:translateX(-50%);
  display: flex;
  gap:10px;
  z-index:1000;
  justify-content: space-around;
  width: 100%;
  padding: 0 80px;
}

.main-section-visual .hand-font {
  position: absolute;
  top: -80px;
  left: -170px;
  font-family: Antro Vectra;
  font-size: 80px;
  color: #fff;
  font-weight: 300;
  letter-spacing: 4px;
  transform: matrix(0.93, -0.36, 0.36, 0.93, 0, 0);
}

.main-section-visual .tab {
  background:none;
  border:none;
  color:#F0F0F0;
  font-size:23px;
  cursor:pointer;
  position:relative;
  padding-bottom:10px;
  font-family: Futura PT;
  width: 100%;
  opacity: 0.45;
  transition: 0.5s 0s;
  letter-spacing: 0.3em;
}

.main-section-visual .tab.active {
  color:#F0F0F0;
  opacity: 1;
}

/* 기본 라인 */
.main-section-visual .tab::before {
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height: 2px;
  background:rgba(255,255,255,.2);
}

/* 채워지는 라인 */
.main-section-visual .tab::after {
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width: 0%;
  height:2px;
  background:rgba(255,255,255,.5);
}

.main-section-visual .tab.active {
  color:#fff;
}

/* 애니메이션 */
.main-section-visual .tab.active::after {
  animation: tabProgress 3s ease forwards;
}

@keyframes tabProgress {
  from { width:0%; }
  to { width:100%; }
}

.hand-font .char {
  font-family: Antro Vectra;
  opacity: 0;
}
.write-text .char {
  font-family: Noto Serif KR;
  opacity: 0;
}
.write-text2 {
  overflow: hidden;
  height: 20px;
}
.write-text2 .char {
  opacity: 0;
}


.facility-wrap {
  position: relative;
  width: 100%;
  height: 100vh;
	overflow: hidden;
}

.facility-swiper {
  height: 600px;
}

.facility-tabs {
  display: flex;
  position: absolute;
  bottom: 0;
  z-index: 100;
    width: 50%;
}

.facility-tabs li {
  position: relative;
  flex: 1;
  padding: 18px 0;
  text-align: center;
  cursor: pointer;
  background:rgba(0,0,0,.6);
  color: #777;
  font-size: 14px;
  overflow: hidden;
  z-index: 99;
  transition: 0.5s 0s;
}

.facility-tabs li.active {
  color: #fff;
  background:rgba(0,0,0,.8);
}

/* 프로그래스바 */
.facility-tabs .progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 0%;
}

/* li 사이 라인 */
.facility-tabs li::after {
  content: "";
  position: absolute;
  top: 0%;
  right: 0;
  width: 1px;
  height: 100%;
  background: rgba(255,255,255,0.15);
}

/* 마지막 li 라인 제거 */
.facility-tabs li:last-child::after {
  display: none;
}




.community-slider {
	display: flex;
}
.slider-img {
	width: 50%;
	overflow: hidden;
}
.slider-img img {
	width: 100%;
}
.slider-text {
	width: 50%;
	padding: 130px 150px;
	overflow: hidden;
}
.slider-text .tit {
	font-size: 14px;
	color: #000000;
	font-weight: 600;
}
.slider-text h3 {
	font-size: 30px;
	color: #2B5151;
	font-weight: 500;
	font-family: Noto Serif KR;
	line-height: 38px;
	margin: 10px 0 20px;
}
.slider-text .desc {
	font-size: 16px;
	color: #7C7C7C;
	font-weight: 400;
	line-height: 22px;
}
.slider-text .img {
	margin: 45px 0 30px;
	clip-path: inset(0 100% 0 0);
    transition: clip-path 1s ease;
}

.facility-swiper .swiper-slide-active .slider-text .img {
    clip-path: inset(0 0 0 0);
}
.text-title h2 {
	border-top : 1px solid #ddd;
	border-bottom : 1px solid #ddd;
	padding: 15px 0;
	text-align: center;
	color: #2B5151;
	font-weight: 400;
	font-size: 19px
}
.text-title p {
	font-size: 16px;
	color: #000000;
	font-weight: 500;
	line-height: 22px;
	text-align: center;
	margin-top: 15px;
}


.slider-text .text .tit {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease .2s;
}

.facility-swiper .swiper-slide-active .slider-text .text .tit {
  opacity: 1;
  transform: translateY(0);
}


.slider-text .text h3 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease .25s;
}

.facility-swiper .swiper-slide-active .slider-text .text h3 {
  opacity: 1;
  transform: translateY(0);
}


.slider-text .text .desc {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.5s ease .3s;
}

.facility-swiper .swiper-slide-active .slider-text .text .desc {
  opacity: 1;
  transform: translateY(0);
}
.slider-text .text span {
  display: inline-block;
  opacity: 0;
}



/**/
.premium-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%;overflow: hidden;}
.premium-bg > img{width : 100%;height : 100%;object-fit: cover;object-position: center 100%;transform: scale(1.25);transition : transform 3s}
.active .premium-bg > img{transform: scale(1);}

.premium-slide{width :100%;height : 100%;display: flex;align-items: center;justify-content: center;}
.premium-slide .swiper-slide{display: flex;align-items: center;justify-content: center;}
.premium-img-box{display: flex;gap : 15px; position : absolute;}
.premium-img-box > div{display: flex;flex-direction: column;gap : 15px; transition : transform 1s .4s}

.active .swiper-slide-active .premium-img-left{transform: translateY(40px);transition : transform 1s 1.4s}
.active .swiper-slide-active .premium-img-right{transform: translateY(-40px);transition : transform 1s 1.4s}

.premium-img-box > div > img{opacity : 0; transition : opacity 1s .4s, transform 1s .4s;}

.premium-img-01{transform: translateX(-100px);}
.premium-img-02{transform: translateY(100px);}
.premium-img-03{transform: translateY(-100px);}
.premium-img-04{transform: translateX(100px);}

.active .swiper-slide-active .premium-img-box > div > img{transform: translateX(0); opacity: 1;}


.premium-inner{position : absolute;z-index: 1; width : 100%;max-width: 1780px; height : 100%;padding-top: 196px;}
.premium-title-01{font-size: 24px; letter-spacing: -0.04em;font-weight: 300;margin-bottom: 7px; line-height: 1em;}
.premium-title-01 b{font-weight: 500;}
.premium-title-01 .char{transform: translateY(-50px);opacity: 0;}

.premium-title-02{display: flex;align-items: center; gap : 13px; font-size: 36px; font-family: futura-pt-bold;line-height: 1em; margin-bottom: 52px; letter-spacing: .5em;opacity: 0;transition : letter-spacing 1s .4s, opacity 1s .4s;}
.active .premium-title-02{letter-spacing: 0.2em;opacity: 1;}
.premium-title-02 span{width : 94px;height : 1px; background: #000;clip-path: inset(0 100% 0 0);transition : clip-path 1s .4s;}
.active .premium-title-02 span{clip-path: inset(0);}

.premium-navigation{display: flex;gap :10px; align-items: center;opacity: 0;transform: translateY(50px);transition : opacity 1s .4s, transform 1s .4s;}
.active .premium-navigation{transform: translateY(0);opacity: 1;transition : opacity 1s 1.4s, transform 1s 1.4s;}
.premium-prev,
.premium-next{display: flex;align-items: center;justify-content: center; width : 23px;height : 23px; border-radius: 50%;position : relative;background: #EDEDED;cursor : pointer;}
.premium-next{background: #1B1436}

.premium-prev::after,
.premium-next::after{position :  absolute;content: ''; width : 5px; height : 5px; border-top : 2px solid #06033C; border-left : 2px solid #06033C}

.premium-prev::after{transform: rotate(-45deg);}
.premium-next::after{transform: rotate(135deg); border-color : #fff}

.premium-rect{width : 1px;height : 14px; background: #06033C;}

.premium-con-box{width : 748px;position : relative;height : 718px;}
.premium-con-box > div{display: flex;flex-direction: column;gap : 103px; position: absolute;white-space: nowrap;height : 100%;}

.premium-con-left{right : 100%; justify-content: end;text-align: end;}
.premium-con-right{left : 100%;}

.premium-con-01,
.premium-con-02{display: flex;flex-direction: column;align-items: end;}

.premium-icon{margin-bottom: 19px;}

.premium-con-num{font-size: 15px; font-family: futura-pt-bold; letter-spacing: 0.2em; color : #1B1436; margin-bottom: 32px;}

.premium-con-title{font-size: 20px; font-family: pretendard; font-weight: 500; letter-spacing: -0.04em; color : #542785; margin-bottom: 19px;}

.premium-con-02 .premium-con-title,
.premium-con-03 .premium-con-title{color : #968C67}

.premium-con-title b{font-weight: 700;}

.premium-con-desc{font-size: 16px; font-family: pretendard; letter-spacing: -0.04em; line-height: 1.8em;}

.premium-con{opacity: 0; transition : transform 1s .4s, opacity 1s .4s}

.premium-con-01,
.premium-con-02{transform: translateX(-50px);}
.premium-con-03,
.premium-con-04{transform: translateX(50px);}

.active .swiper-slide-active .premium-con{transform: translateX(0); opacity: 1;}

.active .swiper-slide-active .premium-con-01{transition-delay: 1.4s;}
.active .swiper-slide-active .premium-con-02{transition-delay: 1.6s;}
.active .swiper-slide-active .premium-con-03{transition-delay: 1.8s;}
.active .swiper-slide-active .premium-con-04{transition-delay: 2s;}

.premium-cursor{display: flex;align-items: center;justify-content: center; width : 84px; height : 84px; border-radius: 50%; background: #A59C7D; color : #fff; font-family: ofelia-text;position : fixed;z-index: 10; transform: scale(0) translateY(-50%) translateY(-50%);transition : transform 1s; pointer-events: none;}
.on.premium-cursor{transform: scale(1) translateX(-50%) translateY(-50%);}
.premium-cursor::after{position : absolute; content : ''; width : 120px;height : 120px; background: url(/assets/images/main/premium-rotate-text.png)no-repeat center / contain; animation : rotate-text 6s infinite linear}

/**/
.envi-inner{display: flex;width : 100%;height : 100%;}
.envi-inner > div{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 50%;position : relative;padding-top: 50px;overflow: hidden;}
.envi-left{background: url(/assets/images/main/envi-bg-01.jpg)no-repeat center / cover;}
.envi-right{background: url(/assets/images/main/envi-bg-02.jpg)no-repeat center / cover;}

.envi-dim{display: flex; position : absolute;width : 100%;height : 100%;overflow: hidden;pointer-events: none;z-index: 10;left : 0;top : 0;}
.envi-dim > span{background: rgba(255,255,255,0.5);width : 33.3333%; height : 100%; clip-path: inset(0);transition : clip-path 1s .4s;}

/* .envi-left .envi-dim > span:nth-child(odd){background: #E40072;}
.envi-right .envi-dim > span:nth-child(even){background: #E40072;} */

.active .envi-left .envi-dim > span{clip-path: inset(100% 0 0);}
.active .envi-right .envi-dim > span{clip-path: inset(0 0 100%);}

.active .envi-dim > span:nth-child(1){transition-delay: .4s;}
.active .envi-dim > span:nth-child(2){transition-delay: .6s;}
.active .envi-dim > span:nth-child(3){transition-delay: .8s;}

.envi-title{text-align: center; transform: translateY(-50px);opacity: 1;transition : opacity 1s .4s, transform 1s .4s;opacity: 0;}
.active .envi-title{transform: translateY(0);opacity: 1;transition : opacity 1s 1s, transform 1s 1;}
.envi-title > p{font-size: 26px; font-weight: 300; letter-spacing: -0.04em;}
.envi-title > p b{font-size: 35px; font-weight: 500; letter-spacing: -0.04em; color : #542785; line-height: 1.2em;}

.envi-right .envi-title > p{color : #fff;}
.envi-right .envi-title > p b{color : #E40072;}

.envi-slide{width : 100%; }

.envi-slide .swiper-slide{display: flex;flex-direction: column;align-items: center;text-align: center;}

.envi-img{display: flex;align-items: center;justify-content: center; width : 514px;height : 471px;position :relative;margin-bottom: 15px;}

.envi-img > img{clip-path: circle(20% at 50% 50%);transition : clip-path 1s .4s, opacity 1s .4s;opacity: 0;}
.active .swiper-slide-active .envi-img > img{clip-path: circle(80% at 50% 50%);opacity: 1;transition : clip-path 2s 1s, opacity 1s .4s;}

.envi-sign{font-family: AntroVectra;;font-size: 45px; letter-spacing: 0.1em;line-height: 1em; color :#fff;position : absolute;bottom : 0;right : -30px; transform: rotate(-25deg) translateX(-100px);transition : transform 1s .4s, opacity 1s .4s;opacity: 0;}
.active .swiper-slide-active .envi-sign{transform: rotate(-25deg) translateX(0px);opacity: 1;}
.envi-sign > p:nth-child(2){padding-left: 200px;}

.envi-con{transform: translateY(50px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .swiper-slide-active .envi-con{transform: translateY(0); opacity: 1;transition : transform 1s 1s, opacity 1s 1s;}
.envi-con-title{font-size: 23px; font-family: pretendard; letter-spacing: -0.04em; color : #542785; font-weight: 500;margin-bottom: 18px;;}
.envi-slide-02 .envi-con-title{color : #E40072}

.envi-con-desc{font-size: 16px; font-family: pretendard; letter-spacing: -0.04em; font-weight: 500; color : #1C1C1C; line-height: 1.5em;}
.envi-slide-02 .envi-con-desc{color : #fff}

.envi-pagination{display: flex;align-items: center;gap : 42px; margin-top: 68px;}
.envi-pagination > .swiper-pagination-bullet{display: flex;align-items: center;justify-content: center; margin : 0;width : 10px;height : 10px; background: #4A4A4A; border-radius: 50%;position : relative;opacity: 1;}
.envi-pagination > .swiper-pagination-bullet::after{position : absolute;content:''; width : 26px;height : 26px; border : 1px solid #542785; border-radius: 50%; transform: scale(0); transition : transform .5s;}
.envi-pagination-02 > .swiper-pagination-bullet::after{border-color: #E40072;}

.envi-pagination > .swiper-pagination-bullet-active::after{transform: scale(1);}
.envi-pagination > .swiper-pagination-bullet-active{background: #542785;}
.envi-pagination-02 > .swiper-pagination-bullet-active{background: #E40072;}

/**/
.main-section-location .fp-tableCell{display: flex;align-items: center;justify-content: center;}
.location-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%;overflow: hidden;}
.location-bg > img{width : 100%;height : 100%;object-fit: cover;object-position: center 100%;transform: scale(1.25);transition : transform 3s}
.active .location-bg > img{transform: scale(1);}

.location-inner{position :relative;width : 100%;max-width: 1030px;}

.location-title-box{display: flex;justify-content: space-between;align-items: end;padding-bottom: 27px;position : relative; margin-bottom: 73px;}
.location-title-box::after{position : absolute;content: '';width : 100%;height : 1px; bottom : 0;left : 0;background: #767676; clip-path: inset(0 100% 0 0); transition : clip-path 1s .4s}
.fp-active .location-title-box::after{clip-path: inset(0);}

.location-title{font-size: 70px;font-family: athena;font-weight: 400; color : #542785;line-height: 1em;}
.location-title .char{opacity: 0;transform: translateY(-50px);}

.location-desc{font-size: 16px; color : #272727; font-family: pretendard;letter-spacing: -0.04em;line-height: 1em;transform: translateX(-50px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s}
.fp-active .location-desc{transform: translateX(0);opacity: 1;}
.location-desc span{color : #542785; font-weight: 700;}

.location-map-box{display: flex;align-items: end; gap : 41px;transform: translateX(-50px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s}
.fp-active .location-map-box{transform: translateX(0);opacity: 1;}

.location-address{display: flex;align-items: center; gap : 14px;font-size: 18px;font-weight: 500;font-family: Noto Sans KR;font-weight: 500; letter-spacing: -0.06em; margin-bottom: 9px;transform: translateX(50px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s}
.fp-active .location-address{transform: translateX(0);opacity: 1;}

.location-address > span{display: flex;align-items: center;justify-content: center; width : 108px;text-align: center;border-left : 1px solid #542785; border-right : 1px solid #542785;height : 15px; font-weight: 700;}

.location-btn-box{display: flex;gap : 8px;justify-content: start; align-items: center; margin-bottom: 37px;transform: translateX(50px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s}
.fp-active .location-btn-box{transform: translateX(0);opacity: 1;transition : transform 1s .5s, opacity 1s .5s}

.location-info{font-size: 18px; font-weight: 700; letter-spacing: -0.06em; font-family: Noto Sans KR; color : #0A0A0A; margin-bottom: 5px;transform: translateX(50px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s}
.fp-active .location-info{transform: translateX(0);opacity: 1;transition : transform 1s .6s, opacity 1s .6s}

.location-info span{color : #E40073}

.location-tel{display: flex; align-items: center;font-size: 51px; gap : 5px; line-height: 1em;transform: translateX(50px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s}
.fp-active .location-tel{transform: translateX(0);opacity: 1;transition : transform 1s .7s, opacity 1s .7s}

.location-tel span{font-family: futura-pt;}

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

.main-section-unit{overflow : hidden;}

.unit-bg{position :absolute;left : 0;top : 0; width : 100%;height : 100%; z-index : -1;}

.unit-bg-img{width : 100%;height : 100%; object-fit: cover; object-position: center bottom; transform: scale(1.2); transition : transform 1s .4s;}
.active .unit-bg-img{transform: scale(1);transition : transform 3s .4s;}

.unit-obj{position : absolute; bottom : 0;left : 110px;opacity : 0;transition : opacity 1s .4s}
.active .unit-obj{opacity : 1;transition : opacity 1s 1s}

.unit-inner{width : 100%;height : 100%; display : flex;}
.unit-left{ width : 44%;padding-top: 200px; padding-left: 260px;position : relative; height : 100%;}
.unit-title{font-size : 80px; font-family : italiana; font-weight : 400; margin-bottom: 10px;}
.unit-title .char{font-family: italiana;opacity: 0;;}
.unit-desc{font-size : 16px; letter-spacing : -0.033em; font-family : pretendard; margin-bottom: 47px;transform: translateY(50px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .unit-desc{transform: translateY(0); opacity: 1;}

.unit-link-box{transform: translateY(50px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .unit-link-box{transform: translateY(0); opacity: 1;transition : transform 1s .6s, opacity 1s .6s;}
.unit-link-box > a{display : flex;align-items : center; width : 310px; height : 54px; transition : background .3s, color .3s;; padding : 0 23px; border : 1px solid #542785; font-size : 15px; font-family : pretendard; font-weight : 700; color : #542785;position : relative;}
.unit-link-box > a:hover{background: #542785; color : #fff;}

.unit-link-box > a::after{position : absolute;content : '';width : 8px;height :8px; border-top : 1px solid #542785; border-right : 1px solid #542785; transform : rotate(45deg); right :23px;transition : border-color .3s;}
.unit-link-box > a:hover::after{border-color : #fff;}

.unit-link-box > a + a{margin-top: 4px;}
.unit-link-box > a > img{width : 32px; height : 27px; object-fit : contain; object-position : center; margin-right: 23px; transition : filter .3s;}
.unit-link-box > a:hover > img{filter : brightness(10)}


.unit-right{width : 56%; background: rgba(255,255,255,0.5);padding-top: 152px;transition : opacity 1s .4s, transform 1s .4s; transform : translateX(100%);}
.active .unit-right{transition : opacity 1s .4s, transform 2s .4s; transform : translateX(0%); opacity : 1;}
.unit-right-inner{display : flex;flex-direction : column; align-items : center;width : 514px; margin : 0 auto;position : relative;}

.unit-slide{overflow : hidden; margin-bottom: 23px;width : 514px; mix-blend-mode : darken;}
.unit-slide .swiper-slide{ mix-blend-mode : darken;}
.unit-slide-title{font-size : 54px; font-family : futura-pt-bold;color : #542785; text-align : center;}
.unit-slide-desc{font-size : 20px; letter-spacing : -0.04em; font-family : pretendard; margin-bottom: 19px;text-align : center;}
.unit-slide-img{width : 514px;height : 341px; object-fit : contain; object-position : center; mix-blend-mode : darken;}

.unit-navigation{display : flex; align-items : center; justify-content : space-between; position : absolute;width : 150%;top : 280px;height : 0;}
.unit-navigation > div{font-family : montserrat; font-size : 12px; letter-spacing : 0.25em;cursor : pointer;}
.unit-prev{text-align : right;}
.unit-navigation > div > img{transition : transform .5s;}
.unit-prev > img{transform : rotate(180deg)}
.unit-prev:hover > img{transform : rotate(180deg) translateX(10px)}
.unit-next:hover > img{transform : translateX(10px)}

.unit-btn-title{font-family : futura-pt; font-size : 20px; padding-bottom: 14px; border-bottom : 1px solid #4A4A4A;width : 487px;margin-bottom: 24px;}

.unit-btn-box{display : flex;gap : 24px; }
.unit-btn-box > li{display : flex; flex-direction : column; align-items : center;gap : 12px; font-size : 24px; font-family : futura-pt; color : #7B7B7B; transition : color .3s; cursor : pointer;white-space : nowrap;}
.unit-btn-box > li:hover,
.unit-btn-box > li.on{color : #1B1436}

.unit-btn-img{display : flex; align-items : center; justify-content : center; width : 78px; height : 78px;background: #fff;border-radius : 50%;box-shadow : 0 10px 10px rgba(0,0,0,0.16); border : 1px solid transparent; transition : border-color .3s;}
.unit-btn-box > li:hover .unit-btn-img,
.unit-btn-box > li.on .unit-btn-img{border-color : #542785;}
.unit-btn-img > img{width : 80%;height : 80%; object-fit : contain; object-position : center;}

/**/

.schedule-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%;overflow : hidden;}
.schedule-bg > video{width : 100%;height : 100%;object-fit: cover; object-position: center; transform: scale(1.2);transition : transform 1s .4s;}
.active .schedule-bg > video{transform: scale(1);transition : transform 3s .4s;}
.main-section-schedule .fp-tableCell{display: flex;align-items: center;justify-content: center;}
.schedule-inner{display: flex;flex-direction: column;align-items: center;justify-content: center; position : relative; text-align: center;height : 100%;width : 100%; max-width : 988px;padding-top: 100px;}
.schedule-title{color : #1B1436;font-size: 80px;font-weight: 400;margin-bottom: 10px;}
.schedule-title .char{font-family: italiana;opacity: 0;;}
.schedule-desc{font-size: 16px;letter-spacing: -0.04em;color : #000;margin-bottom: 35px;transform: translateY(50px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .schedule-desc{transform: translateY(0); opacity: 1;}

.schedule-table-box{width : 100%;position : relative;}

.schedule-table{display: grid; grid-template-columns: repeat(12, 1fr);gap : 8px;width : 100%;}
.schedule-table > li{background: rgba(255,255,255,0.2); grid-column: span 3;height : 184px;padding-top: 42px;border : 1px solid #7E7E7E; color : #B1B1B1;transition : color .3s;opacity: 0;transform : scale(0.8); background: #fff;}
.schedule-table > li:hover{color : #fff;}
.schedule-table > li.wide{grid-column: span 4;}

.schedule-table .day{font-size: 22px; font-family: pretendard;margin-bottom: 12px; color : #2C2C2C;}
/* .schedule-table .day > small{font-size: 22px;} */
.schedule-table .con{display : block;font-size: 28px; letter-spacing: -0.04em; color : #A7A7A7; font-weight : 700; height : 82px;transition : color .3s;}
.schedule-table > li:hover .con{color : #542785}
.schedule-table .point{letter-spacing: -0.04em;font-family: futura-pt-bold;line-height: 1em; color : #542785;}

.schedule-btn-box{display: flex;gap : 19px; align-self: end;margin-top: 27px;transform: translateX(100px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .schedule-btn-box{transform: translateX(0);opacity: 1;}
.schedule-btn-box > a{display: flex;justify-content: space-between; align-items: center;width : 213px; height : 65px;border : 1px solid #fff; border-radius: 100px;padding: 0 25px;color : #fff;font-size: 15px; font-weight: 700;transition : background .3s, color .3s;}
.schedule-btn-box > a > img{filter: brightness(15);}
.schedule-btn-box > a:hover{color : #542785;border-color : #542785;}
.schedule-btn-box > a:hover > img{filter: brightness(1);}

.schedule-rotate-btn{display: flex;align-items: center;justify-content: center; width : 72px;height : 72px;border-radius: 50%; background: #542785; color: #fff;position : absolute;font-weight: 700; font-size: 14px;right : 0;top : 0;transform: translateX(50%) translateY(-50%) scale(0); transition : transform 1s .4s;z-index: 1;}
.active .schedule-rotate-btn{transform: translateX(50%) translateY(-50%) scale(1); transition : transform 1s 1s;}
.schedule-rotate-btn::after{position : absolute; content : ''; width : 112px; height : 112px; background: url(/assets/images/main/schedule-rotate-text.png)no-repeat center / contain;animation : rotate-text 6s infinite linear}
@keyframes rotate-text {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}

/**/
.tv-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%;overflow : hidden; z-index : -1;}
.tv-bg-img{width : 100%;height : 100%;object-fit: cover; object-position: center bottom ; transform: scale(1.2);transition : transform 1s .4s;}
.active .tv-bg-img{transform: scale(1);transition : transform 3s .4s;}

.tv-obj{position : absolute; left : 140px;bottom : 230px;opacity : 0;transition : opacity 1s .4s}
.active .tv-obj{opacity : 1;}

.tv-inner{display : flex;justify-content : space-between;max-width : 1620px; height : 100%;margin : 0 auto;}
.tv-left{padding-top: 212px;}
.tv-list{display : flex;align-items : center; justify-content : center; height : 100%;gap : 27px;opacity : 0; transition : opacity 1s .4s;position : relative;width : 1154px;}
.active .tv-list{opacity : 1; transition : opacity 1s .4s;}
.tv-list > li{width : 269px;height : 544px;position : relative;position : absolute; transition : transform 1s .4s; box-shadow : 0 3px 6px rgba(0,0,0,0.16);border-radius : 44px}
.active .tv-list > li{transition : transform 1s 1s;}
/* .active .tv-list > li:nth-child(1){transform : translateX(calc(-150% - 39px))} */
.active .tv-list > li:nth-child(1){transform : translateX(calc(-50% - 13px))}
.active .tv-list > li:nth-child(2){transform : translateX(calc(50% + 13px))}
.active .tv-list > li:nth-child(3){transform : translateX(calc(150% + 39px))}

.tv-list > li::after{position : absolute; content : ''; width : 100%;height : 100%; background : url(/assets/images/main/phone.png)no-repeat center / 100%; left : 0;top : 0;z-index : 1;pointer-events : none;}
.tv-list > li > iframe{width : 100%;height : 100%;transform : scale(0.95);border-radius : 20px;}
.active .tv-list > li:nth-child(1){}
.active .tv-list > li:nth-child(2){}
.active .tv-list > li:nth-child(3){}
.active .tv-list > li:nth-child(4){}

.tv-title{font-size : 80px; font-family : italiana; font-weight : 400; margin-bottom: 10px; color : #1B1436;}
.tv-desc{font-size : 16px; letter-spacing : -0.033em;line-height : 1.5em; font-family : pretendard; margin-bottom: 30px;transform: translateY(50px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .tv-desc{transform: translateY(0); opacity: 1;}

.tv-link{display : flex; align-items : center;gap : 8px;font-weight : 500;;transform: translateY(50px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .tv-link{transform: translateY(0); opacity: 1;transition : transform 1s .6s, opacity 1s .6s;}

.tv-link > span{font-family : futura-pt; letter-spacing : 0.25em; color : #542785; transition : letter-spacing 0.3s;}
.tv-link:hover > span{letter-spacing : 0.5em;}
.tv-link > div{display : flex; align-items : center; justify-content : center; width : 24px;height : 24px; background: #542785; border-radius : 50%;position : relative;padding-right: 4px;}
.tv-link > div::after{position : absolute; content : ''; width : 6px;height : 6px; border-top : 1px solid #fff; border-right : 1px solid #fff; transform : rotate(45deg)}





@media screen and (max-width: 991px){

	/* .visual-inner-new {
		padding-top: 150px;
	}
	.visual-desc {
		font-size: 22px;
		margin-left: 20px;
	}
	.visual-title {
		margin: 10px 20px 30px;
		font-size: 30px;
	} */
	.visual-inner-new{padding-top: 30vw}
    .visual-sub-title{font-size : 5.5vw; color : #fff;}
    .visual-title{font-size: 8.5vw;margin-bottom: 17px;margin-bottom: 3vw;color : #fff;}
    .visual-desc{font-size: 3.5vw;color : #fff;}

	.visual-open {
		flex-direction : row;
		width : 100%;gap : 10px;
		right : 0;bottom : 0;padding : 0 20px 20px;
	}
	.main_quick {
		width : 33.3333%;
		height: 5.5rem;
	}

	
  .main-section-card  {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    height: 100vh;
  }

  .main-section-card .left {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }

  .main-section-card .wide {
    grid-column: span 2;
  }

  .main-section-card .card {
    height: 30vh;
  }
  .main-section-card .card.etc {
    height: 17.5vh;
  }
    .main-section-card .left .etc .text {
        left: 20px;
        top: 40px;
        right: 20px;
    }
	.main-section-card .left .text {
		left: 20px;
		top: 90px;
		right: 20px;
	}
	.main-section-card .text h3 {
		font-size: 17px;
		margin-bottom: 8px;
	}
	.main-section-card .text p {
		font-size: 13px;
		color: #D8D8D8;
		line-height: 18px;
	}
	.main-section-card .view {
		margin-top: 15px;
		font-size: 13px;
	}
	.main-section-card .text {
		position: absolute;
		left: 20px;
		bottom: 24px;
		color: #fff;
		z-index: 2;
	}

	.main-section-visual .content {
		bottom: 150px;
		text-align: center;
		width: 100%;
	}
	.main-section-visual .content span {
		font-size: 14px;
	}
	.main-section-visual .content h2 {
		font-size: 30px;
		font-family: Noto Serif KR;
		font-weight: 500;
		margin: 20px 0 20px;
	}
	.main-section-visual .bottom-tabs {
		bottom: 50px;
		padding: 0 20px;
	}
	.main-section-visual .tab {
		font-size: 13px;
		letter-spacing: 0.1em;
	}
	.write-text2 {
		height: 44px;
		font-size: 15px;
	}
	.main-section-visual .hand-font {
		top: -100px;
		left: 10px;
		font-family: Antro Vectra;
		font-size: 50px;
		color: #fff;
		font-weight: 300;
		letter-spacing: 4px;
		transform: matrix(0.93, -0.36, 0.36, 0.93, 0, 0);
	}

	.slider-img {
		width: 50%;
		overflow: hidden;
		display: none;
	}
	.slider-text {
		width: 100%;
		padding: 86px 10px;
	}
	.slider-text h3 {
		font-size: 20px;
		line-height: 28px;
		margin: 10px 0 20px;
	}
	.slider-text .desc {
		font-size: 14px;
		line-height: 18px;
	}
	.slider-text .img {
		margin: 30px 0 20px;
	}
	.text-title h2 {
		padding: 10px 0;
		font-size: 17px;
	}
	.text-title p {
		font-size: 13px;
		color: #000000;
		font-weight: 400;
		line-height: 18px;
		text-align: center;
		margin-top: 10px;
	}
	.facility-tabs {
		display: flex;
		position: absolute;
		bottom: 0;
		z-index: 100;
		width: 100%;
	}
	.facility-tabs li {
		position: relative;
		flex: 1;
		padding: 18px 0;
		text-align: center;
		cursor: pointer;
		background: rgba(0, 0, 0, .7);
		color: #bbb;
		font-size: 14px;
	}

}