@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Bellefair&family=Noto+Sans+KR:wght@500;600;700&display=swap");
/* 
레이아웃, 공통컨텐츠 영역입니다 
*****************************/
img {
  width: 100%;
}

.bot-auto {
  margin-top: auto;
}

.map-video {
  width: 100%;
}

.icon-service01,
.icon-service02 {
  width: 4.8rem;
  height: 4.8rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-service01 {
  background-image: url(/static/image/sale/ico_service01.png);
}

.icon-service02 {
  background-image: url(/static/image/sale/ico_service02.png);
}

.icon-pin {
  width: 2.4rem;
  height: 2.4rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/static/image/sale/ico_pin_default.png);
}

.swiper {
  width: 100%;
  height: 100%;
}
.swiper .swiper-slide {
  width: 100%;
  height: 100%;
}
.swiper.touchmode {
  overflow-y: auto;
}
.swiper.touchmode .swiper-wrapper {
  flex-direction: column;
}
.panel-list {
  display: flex;
}
.panel-list .panel-item {
  flex: 1 0 auto;
  display: inline-grid;
  gap: 0.2rem;
  padding-top: 2.4rem;
  line-height: 1.5;
  color: #111;
}
.panel-list .panel-item .link {
  font-weight: bold;
  font-size: clamp(1.4rem, 0.94vw, 1.8rem);
}
.panel-list .panel-item .link-desc {
  font-size: clamp(1rem, 0.73vw, 1.4rem);
}

.link-text {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #111;
  font-weight: 400;
  transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.link-text::before {
  content: "";
  position: relative;
  display: block;
  width: 4.8rem;
  height: 1px;
  left: 0;
  top: 0;
  background-color: #111;
  transition: background-color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.link-text:hover {
  color: #a94b39;
  font-weight: 500;
}
.link-text:hover::before {
  background-color: #a94b39;
}

.ui-split-text {
  display: none;
}
.ui-split-text.ui-split-text-copy {
  display: block;
}

.ui-mask-inner {
  -webkit-clip-path: polygon(0% 10%, 100% 10%, 100% 90%, 0% 90%);
          clip-path: polygon(0% 10%, 100% 10%, 100% 90%, 0% 90%);
}

.ui-floating .ui-floating-cont {
  display: none;
}

/* 메인 */
#container {
  padding: 0;
}

.content-wrap {
  padding: 0;
  height: 100vh;
  overflow: hidden;
  /* 비주얼 */
  /* 시그니처 */
  /* 회원권 */
  /* 혜택 */
  /* 지도 */
  /* 멤버십 문의 */
}
.content-wrap .swiper-v .swiper-wrapper {
  transition-duration: 0.8s !important;
}
.content-wrap .swiper-v .slide-item {
  height: 100%;
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
@keyframes move {
  from {
    transform: translateX(-10%);
  }
  to {
    transform: translateX(10%);
  }
}
.content-wrap .sale-visual-wrap .scroll-text {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6rem;
  z-index: -1;
  display: inline-flex;
  align-items: center;
  margin: auto 0;
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: -2%;
}
.content-wrap .sale-visual-wrap .scroll-text .icon_arrow {
  display: block;
  width: 4rem;
  height: 4rem;
  background-image: url(/static/image/sale/ico_arrow_move.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateX(-10%);
  animation: move 0.5s ease-out infinite alternate;
}
.content-wrap .sale-visual-wrap .char:not(.blank) {
  display: inline-block;
  margin-right: 2rem;
  transform: rotateY(45deg) translateX(100%);
  opacity: 0;
  will-change: transform, margin;
}
.content-wrap .sale-visual-wrap .slide-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 4rem 6rem;
  overflow: hidden;
}
.content-wrap .sale-visual-wrap .content-area {
  margin: auto 0;
}
.content-wrap .sale-visual-wrap .content-area .tit {
  padding-left: 9rem;
  font-size: 8.8rem;
  font-weight: 300;
  line-height: 1.2;
  color: #ffffff;
}
.content-wrap .sale-visual-wrap .content-area .img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  transform: scale(1.1);
}
.content-wrap .sale-visual-wrap .panel-list {
  gap: 4rem;
}
.content-wrap .sale-visual-wrap .panel-item {
  flex: 0 1 auto;
  width: 20%;
  position: relative;
}
.content-wrap .sale-visual-wrap .panel-item::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.5;
}
.content-wrap .sale-visual-wrap .link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  line-height: 1.5;
  transform: scale(1);
  transform-origin: left;
  transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .sale-visual-wrap .link .link-tit {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #ffffff;
  transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .sale-visual-wrap .link .link-tit::before {
  content: "";
  position: relative;
  display: block;
  inset: 0;
  order: 1;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(/static/image/sale/ico_shortcuts_white.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.content-wrap .sale-visual-wrap .link .link-desc {
  font-weight: 400;
  color: #EEEEEE;
  transition: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .sale-visual-wrap .link:hover {
  transform: scale(1.05);
}
.content-wrap .sale-visual-wrap .link[target=_SELF] .link-tit::before {
  display: none;
}
.content-wrap .sale-visual-wrap.theme-black .content-area .tit, .content-wrap .sale-visual-wrap.theme-black .panel-item, .content-wrap .sale-visual-wrap.theme-black .link .link-tit, .content-wrap .sale-visual-wrap.theme-black .link .link-desc {
  color: #111;
}
.content-wrap .sale-visual-wrap.theme-black .panel-item::before {
  background-color: #111;
}
.content-wrap .sale-visual-wrap.theme-black .link .link-tit::before {
  background-image: url(/static/image/sale/ico_shortcuts_black.png);
}
.content-wrap .signature-intro-wrap {
  height: 100%;
  padding: 10.25vw 8.33vw 6.25vw;
  background-color: #353c2f;
  color: #f6ebd6;
  word-break: keep-all;
}
.content-wrap .signature-intro-wrap .ui-split-text-copy {
  position: absolute;
  left: 32vw;
  bottom: 30%;
  display: flex;
  gap: 15vw;
  transform: translateX(120%);
  transition: gap 1.5s 0.2s cubic-bezier(0.22, 0.61, 0.36, 1), transform 1.5s 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform, gap;
}
.content-wrap .signature-intro-wrap .content {
  width: 100%;
  max-width: 160rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: auto;
}
.content-wrap .signature-intro-wrap .content .desc-top {
  width: 100%;
  height: 100%;
  position: relative;
}
.content-wrap .signature-intro-wrap .content .desc-bottom {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
.content-wrap .signature-intro-wrap .content .desc {
  width: clamp(44rem, 36.56%, 50rem);
  font-size: 1.6rem;
  line-height: 1.5;
  transform: translateX(40vw);
  transition: transform 1.5s 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .signature-intro-wrap .content .desc + .desc {
  margin-top: 2.4rem;
}
.content-wrap .signature-intro-wrap .content .desc-emphasis {
  width: 31.3rem;
  margin-top: auto;
  margin-left: 16.88%;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  transform: translateX(80vw);
  transition: transform 1.5s 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .signature-intro-wrap .content .tit {
  margin-top: auto;
  margin-left: auto;
  font-weight: 300;
  font-size: clamp(6rem, 8vw, 14rem);
}
.content-wrap .signature-intro-wrap.active .ui-split-text-copy {
  gap: 0;
  transform: translate3d(0, 0, 0);
}
.content-wrap .signature-intro-wrap.active .ui-split-text-copy > span {
  font-family: "Bellefair", serif;
}
.content-wrap .signature-intro-wrap.active .content .desc {
  transform: translateX(0);
}
.content-wrap .signature-intro-wrap.active .content .desc-emphasis {
  transform: translateX(0);
}
.content-wrap .membership-intro-wrap .swiper-slide {
  background-color: #ffffff;
}
.content-wrap .membership-intro-wrap .slide-item {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.content-wrap .membership-intro-wrap .slide-item + .slide-item {
  border-left: 1px solid #111;
}
.content-wrap .membership-intro-wrap .tab-tit-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12rem;
  padding-top: 21rem;
  min-width: 6rem;
  font-weight: bold;
  color: #111;
  background-color: #ffffff;
}
.content-wrap .membership-intro-wrap .tab-tit-wrap .tab-num {
  display: block;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
}
.content-wrap .membership-intro-wrap .tab-tit-wrap .tab-tit {
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  -webkit-text-orientation: upright;
          text-orientation: upright;
  writing-mode: vertical-lr;
}
.content-wrap .membership-intro-wrap .content-area {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
}
.content-wrap .membership-intro-wrap .content-area .content {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  width: 21.24%;
  max-width: 39.3rem;
  margin: 0 16rem 0 6rem;
}
.content-wrap .membership-intro-wrap .content-area .content .tit {
  font-size: 3.2rem;
  line-height: 1.5;
  color: #111;
  font-weight: 600;
}
.content-wrap .membership-intro-wrap .content-area .content .desc {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #666;
}
.content-wrap .membership-intro-wrap .content-area .img {
  height: 100%;
  flex: 2 0 auto;
}
.content-wrap .membership-intro-wrap .content-area .img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.content-wrap .benefit-intro-wrap {
  position: relative;
  background-color: #ffffff;
}
.content-wrap .benefit-intro-wrap .bg-sticky {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(/static/image/sale/main/benefit_sticky.jpg);
  transform: translateX(20vw);
  transition: transform 1.5s 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .benefit-intro-wrap .swiper {
  transform: translateX(80vw);
  transition: transform 1.5s 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .benefit-intro-wrap .swiper-slide {
  padding: 20.83vw 6.25vw;
  background-color: transparent;
}
.content-wrap .benefit-intro-wrap .swiper-slide:nth-of-type(even) .content-area {
  margin-left: auto;
  text-align: right;
}
.content-wrap .benefit-intro-wrap .swiper-slide:nth-of-type(even) .content {
  margin-left: auto;
}
.content-wrap .benefit-intro-wrap .swiper-slide:nth-of-type(even) .link-text {
  justify-content: flex-end;
}
.content-wrap .benefit-intro-wrap .swiper-slide .img-wrap {
  position: relative;
  width: clamp(65rem, 55vw, 97.3rem);
  padding-bottom: 113%;
}
.content-wrap .benefit-intro-wrap .swiper-slide .img-wrap .img {
  position: absolute;
  inset: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-size: cover;
  scale: 1.1;
  transition: transform 0.8s ease-out;
}
.content-wrap .benefit-intro-wrap .content-area {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.5;
}
.content-wrap .benefit-intro-wrap .content-area .content {
  width: 44.4%;
  max-width: 43.2rem;
}
.content-wrap .benefit-intro-wrap .content-area .tit {
  display: flex;
  flex-direction: column;
  font-size: 3.2rem;
  font-weight: 500;
  color: #111;
}
.content-wrap .benefit-intro-wrap .content-area .tit-emphasis {
  color: #a94b39;
  font-weight: 600;
}
.content-wrap .benefit-intro-wrap .content-area .desc {
  font-size: 1.8rem;
  color: #666;
  margin-top: 2.4rem;
  word-break: auto-phrase;
}
.content-wrap .benefit-intro-wrap .content-area .link {
  display: block;
  margin-top: 4rem;
}
.content-wrap .benefit-intro-wrap.active .bg-sticky {
  transform: translateX(0);
}
.content-wrap .benefit-intro-wrap.active .swiper {
  transform: translateX(0);
}
.content-wrap .map-wrap {
  background-color: #f4f5f3;
}
.content-wrap .map-wrap .slide-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  max-width: 150rem;
  margin: auto;
  padding-top: 10.8rem;
  padding-bottom: 6rem;
}
.content-wrap .map-wrap .content-area {
  margin: auto 0;
  display: flex;
  justify-content: space-between;
  word-break: keep-all;
  transform: translateX(20vw);
  transition: transform 1.5s 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .map-wrap .content-area .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4rem;
  width: 51.3rem;
}
.content-wrap .map-wrap .content-area .tit {
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.5;
  color: #111;
}
.content-wrap .map-wrap .content-area .desc {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  font-size: 1.8rem;
  line-height: 1.5;
  color: #111;
}
.content-wrap .map-wrap .content-area .img {
  position: relative;
  width: 58.4rem;
}
.content-wrap .map-wrap .region-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content-wrap .map-wrap .region-list .region-item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: #111111;
  font-size: 1.4rem;
  font-weight: 500;
}
.content-wrap .map-wrap .region-list .region-item .item-tit {
  opacity: 0;
  transform-origin: center;
}
.content-wrap .map-wrap .region-list .region-item .icon-pin {
  opacity: 0;
  transform: translateY(-50%);
}
.content-wrap .map-wrap .region-list .region-item.songdo {
  top: 15%;
  left: 8%;
}
.content-wrap .map-wrap .region-list .region-item.songdo .item-tit {
  transition: opacity 0.3s 1.1s ease-out, transform 0.5s 1.1s ease-out;
}
.content-wrap .map-wrap .region-list .region-item.songdo .icon-pin {
  transition: opacity 0.2s 0.8s ease-in-out, transform 0.5s 0.8s ease-in-out;
}
.content-wrap .map-wrap .region-list .region-item.buyeo01 {
  top: 37%;
  left: 17%;
}
.content-wrap .map-wrap .region-list .region-item.buyeo01 .item-tit {
  transition: opacity 0.3s 1.2s ease-out, transform 0.5s 1.2s ease-out;
}
.content-wrap .map-wrap .region-list .region-item.buyeo01 .icon-pin {
  transition: opacity 0.2s 0.9s ease-in-out, transform 0.5s 0.9s ease-in-out;
}
.content-wrap .map-wrap .region-list .region-item.buyeo02 {
  top: 41%;
  left: 15%;
}
.content-wrap .map-wrap .region-list .region-item.buyeo02 .item-tit {
  transition: opacity 0.3s 1.3s ease-out, transform 0.5s 1.3s ease-out;
}
.content-wrap .map-wrap .region-list .region-item.buyeo02 .icon-pin {
  transition: opacity 0.2s 1s ease-in-out, transform 0.5s 1s ease-in-out;
}
.content-wrap .map-wrap .region-list .region-item.buyeo03 {
  top: 45%;
  left: 13%;
}
.content-wrap .map-wrap .region-list .region-item.buyeo03 .item-tit {
  transition: opacity 0.3s 1.4s ease-out, transform 0.5s 1.4s ease-out;
}
.content-wrap .map-wrap .region-list .region-item.buyeo03 .icon-pin {
  transition: opacity 0.2s 1.1s ease-in-out, transform 0.5s 1.1s ease-in-out;
}
.content-wrap .map-wrap .region-list .region-item.sokcho {
  top: 8%;
  right: 22%;
}
.content-wrap .map-wrap .region-list .region-item.sokcho .item-tit {
  transition: opacity 0.3s 1.15s ease-out, transform 0.5s 1.15s ease-out;
}
.content-wrap .map-wrap .region-list .region-item.sokcho .icon-pin {
  transition: opacity 0.2s 0.85s ease-in-out, transform 0.5s 0.85s ease-in-out;
}
.content-wrap .map-wrap .region-list .region-item.ulsan {
  bottom: 37%;
  right: 8%;
}
.content-wrap .map-wrap .region-list .region-item.ulsan .item-tit {
  transition: opacity 0.3s 1.45s ease-out, transform 0.5s 1.45s ease-out;
}
.content-wrap .map-wrap .region-list .region-item.ulsan .icon-pin {
  transition: opacity 0.2s 1.15s ease-in-out, transform 0.5s 1.15s ease-in-out;
}
.content-wrap .map-wrap .region-list .region-item.gimhae {
  bottom: 31%;
  right: 12%;
}
.content-wrap .map-wrap .region-list .region-item.gimhae .item-tit {
  transition: opacity 0.3s 1.55s ease-out, transform 0.5s 1.55s ease-out;
}
.content-wrap .map-wrap .region-list .region-item.gimhae .icon-pin {
  transition: opacity 0.2s 1.25s ease-in-out, transform 0.5s 1.25s ease-in-out;
}
.content-wrap .map-wrap .region-list .region-item.jeju01 {
  bottom: 7%;
  left: 17%;
}
.content-wrap .map-wrap .region-list .region-item.jeju01 .item-tit {
  transition: opacity 0.5s 1.8s ease-out, transform 0.5s 1.8s ease-out;
}
.content-wrap .map-wrap .region-list .region-item.jeju01 .icon-pin {
  transition: opacity 0.2s 1.5s ease-in-out, transform 0.5s 1.5s ease-in-out;
}
.content-wrap .map-wrap .region-list .region-item.jeju02 {
  bottom: 9.5%;
  left: 33.5%;
}
.content-wrap .map-wrap .region-list .region-item.jeju02 .item-tit {
  transition: opacity 0.3s 1.9s ease-out, transform 0.5s 1.9s ease-out;
}
.content-wrap .map-wrap .region-list .region-item.jeju02 .icon-pin {
  transition: opacity 0.2s 1.6s ease-in-out, transform 0.5s 1.6s ease-in-out;
}
.content-wrap .map-wrap .region-list .region-item.jeju03 {
  bottom: 6.5%;
  left: 35.5%;
}
.content-wrap .map-wrap .region-list .region-item.jeju03 .item-tit {
  transition: opacity 0.3s 1.85s ease-out, transform 0.5s 1.85s ease-out;
}
.content-wrap .map-wrap .region-list .region-item.jeju03 .icon-pin {
  transition: opacity 0.2s 1.55s ease-in-out, transform 0.5s 1.55s ease-in-out;
}
.content-wrap .map-wrap .region-list .region-item.align-right {
  flex-direction: row-reverse;
}
.content-wrap .map-wrap .region-list .region-item.star .icon-pin {
  background-image: url(/static/image/sale/ico_pin_green.png);
}
.content-wrap .map-wrap .region-list .region-item.star .item-tit::after {
  content: "*";
  color: #e13539;
}
.content-wrap .map-wrap .panel-list {
  display: flex;
  transform: translateX(40vw);
  transition: transform 1.5s 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .map-wrap .panel-list .panel-item {
  position: relative;
  padding: 1.95rem 3.2rem;
  transition: color 0.3s linear;
}
.content-wrap .map-wrap .panel-list .panel-item::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #111;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.content-wrap .map-wrap .panel-list .panel-item + .panel-item::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  display: block;
  width: 0.05rem;
  height: calc(100% - 4rem);
  background-color: #ddd;
}
.content-wrap .map-wrap .panel-list .link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  line-height: 1.5;
  transform: scale(1);
  transform-origin: left;
  transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .map-wrap .panel-list .link .link-tit {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #111;
  transform: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .map-wrap .panel-list .link .link-tit::before {
  content: "";
  position: relative;
  display: block;
  inset: 0;
  order: 1;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(/static/image/sale/ico_shortcuts_black.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.content-wrap .map-wrap .panel-list .link .link-desc {
  font-size: 1.4rem;
  font-weight: 400;
  color: #666;
  transform: color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .map-wrap .panel-list .link:hover {
  transform: scale(1.05);
}
.content-wrap .map-wrap .panel-list .link[target=_SELF] .link-tit::before {
  display: none;
}
.content-wrap .map-wrap.active .content-area {
  transform: translateX(0);
}
.content-wrap .map-wrap.active .content-area .region-list .icon-pin {
  opacity: 1;
  transform: translateY(0%);
}
.content-wrap .map-wrap.active .content-area .region-list .item-tit {
  opacity: 1;
  transform: scale(1);
}
.content-wrap .map-wrap.active .panel-list {
  transform: translateX(0);
}
.content-wrap .contact-wrap {
  background-color: #12284b;
  color: #ffffff;
  line-height: 1.5;
}
.content-wrap .contact-wrap .slide-wrap {
  display: flex;
  justify-content: space-between;
  height: 100%;
  padding: 9.38vw 8.33vw 4.17vw;
}
.content-wrap .contact-wrap .slide-wrap .title-wrap {
  width: 28.12vw;
  transform: translateX(50vw);
  transition: transform 1.5s 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .contact-wrap .slide-wrap .title-wrap .slide-tit {
  font-size: 4.59vw;
  font-weight: 300;
  line-height: 1.2;
  color: #f6ebd6;
}
.content-wrap .contact-wrap .content-area {
  display: flex;
  flex-direction: column;
  width: 42.72vw;
  color: #f6ebd6;
  transform: translateX(90vw);
  transition: transform 1.5s 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .contact-wrap .content-area .content {
  width: 27.76vw;
  max-width: 53.3rem;
  margin-top: 3.2rem;
  word-break: keep-all;
}
.content-wrap .contact-wrap .content-area .tit {
  margin-bottom: 2.4rem;
  font-size: clamp(2.4rem, 1.67vw, 3.2rem);
  font-weight: 500;
}
.content-wrap .contact-wrap .content-area .desc {
  font-size: clamp(1rem, 0.83vw, 1.6rem);
}
.content-wrap .contact-wrap .content-area .img {
  width: 100%;
  position: relative;
  padding-bottom: 24%;
  overflow: hidden;
}
.content-wrap .contact-wrap .content-area .img img {
  position: absolute;
  inset: 0;
  margin: auto;
}
.content-wrap .contact-wrap .content-area .panel-list {
  margin-top: auto;
  padding-top: 2.5rem;
  transform: translateX(40vw);
  transition: transform 1.5s 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-top: 1px solid #ffffff;
}
.content-wrap .contact-wrap .content-area .panel-list .panel-item {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding: 0 3.2rem;
}
.content-wrap .contact-wrap .content-area .panel-list .panel-item .item-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.content-wrap .contact-wrap .content-area .panel-list .panel-item .item-tit {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  color: #f6ebd6;
}
.content-wrap .contact-wrap .content-area .panel-list .panel-item .item-desc {
  font-size: 1.3rem;
  line-height: 1.5;
  color: #CCCCCC;
}
.content-wrap .contact-wrap .arrow-wrap {
  transform: translateX(30vw);
  transition: transform 1.5s 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
@keyframes moveArrow01 {
  100% {
    transform: translate(100%, -100%);
  }
}
@keyframes moveArrow02 {
  100% {
    transform: translate(0, 0);
  }
}
.content-wrap .contact-wrap .link-arrow {
  position: relative;
  display: block;
  width: 10.42vw;
  height: 10.42vw;
  border-radius: 50%;
  margin-top: 10rem;
  border: 1px solid #f6ebd6;
  overflow: hidden;
  transform: rotate(135deg);
  transition: transform 1.5s 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .contact-wrap .link-arrow::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/image/sale/main/link_arrow.png);
}
.content-wrap .contact-wrap .link-arrow::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  transform: translate(-100%, 100%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/image/sale/main/link_arrow.png);
}
.content-wrap .contact-wrap .link-arrow:hover::after {
  animation: moveArrow01 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
}
.content-wrap .contact-wrap .link-arrow:hover::before {
  animation: moveArrow02 0.5s 0s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
}
.content-wrap .contact-wrap.active .slide-wrap .title-wrap {
  transform: translateX(0);
}
.content-wrap .contact-wrap.active .content-area {
  transform: translateX(0);
}
.content-wrap .contact-wrap.active .panel-list {
  transform: translateX(0);
}
.content-wrap .contact-wrap.active .arrow-wrap {
  transform: translateX(0);
}
.content-wrap .contact-wrap.active .link-arrow {
  transform: rotate(0);
}

@media (max-width: 1540px) {
  .content-wrap .map-wrap .slide-wrap {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media (max-width: 1024px) {
  #container {
    width: 100vw;
    overflow-x: hidden;
    max-width: 100vw;
  }
  .ui-mask-inner {
    -webkit-clip-path: polygon(0% 10%, 100% 10%, 100% 90%, 0% 90%);
            clip-path: polygon(0% 10%, 100% 10%, 100% 90%, 0% 90%);
    height: 42rem;
  }
  .content-wrap {
    /* 비주얼 */
  }
  @keyframes move {
    from {
      transform: translateX(-10%);
    }
    to {
      transform: translateX(5%);
    }
  }
  .content-wrap .sale-visual-wrap .scroll-text {
    top: auto;
    bottom: 1.5rem;
    right: auto;
  }
  .content-wrap .sale-visual-wrap .scroll-text .icon_arrow {
    rotate: 90deg;
    width: 3.2rem;
    height: 3.2rem;
  }
  .content-wrap .sale-visual-wrap .slide-wrap {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10vh 2rem 4rem 2rem;
    overflow: hidden;
    gap: 4rem;
  }
  .content-wrap .sale-visual-wrap .content-area {
    margin: 0;
  }
  .content-wrap .sale-visual-wrap .content-area .tit {
    max-width: 21rem;
    padding-left: 0.8rem;
    font-size: 4rem;
    font-weight: 300;
    line-height: 1.2;
  }
  .content-wrap .sale-visual-wrap .content-area .img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    transform: scale(1.1);
  }
  .content-wrap .sale-visual-wrap .content-area .img {
    background-position: center;
    height: 100vh;
    overflow: hidden;
  }
  .content-wrap .sale-visual-wrap .panel-list {
    gap: 0;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    width: 75vw;
    height: 39rem;
    justify-content: flex-end;
  }
  .content-wrap .sale-visual-wrap .panel-list .panel-item {
    width: 100%;
    padding: 1.6rem 0 1.6rem 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #ffffff;
    position: relative;
    border: 0;
  }
  .content-wrap .sale-visual-wrap .panel-list .panel-item::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;
  }
  .content-wrap .sale-visual-wrap .panel-list .panel-item .link {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .content-wrap .sale-visual-wrap .panel-list .panel-item .link-desc {
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .content-wrap .signature-intro-wrap {
    padding: 0;
  }
  .content-wrap .signature-intro-wrap .content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 15.3rem;
    padding: 8rem 2rem;
  }
  .content-wrap .signature-intro-wrap .content .desc-top {
    display: flex;
    flex-direction: column;
    gap: 1.6rem 0;
    height: auto;
    margin: 0;
  }
  .content-wrap .signature-intro-wrap .content .desc {
    font-size: 1.6rem;
    display: inline;
  }
  .content-wrap .signature-intro-wrap .content .desc-bottom {
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 3.2rem 0;
    position: relative;
    text-align: left;
  }
  .content-wrap .signature-intro-wrap .content .tit {
    font-size: 4.8rem;
    margin: 0;
    position: relative;
    left: 0;
    top: 0;
  }
  .content-wrap .signature-intro-wrap .content .desc-emphasis {
    margin: 0;
    font-size: 1.8rem;
    position: relative;
    text-align: left;
  }
  .content-wrap .membership-intro-wrap.swiper-slide {
    height: 400vh;
  }
  .content-wrap .membership-intro-wrap.swiper-slide .slide-item {
    height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    flex-direction: column;
  }
  .content-wrap .membership-intro-wrap.swiper-slide .slide-item + .slide-item {
    border-left: none;
    border-top: 1px solid #111;
  }
  .content-wrap .membership-intro-wrap.swiper-slide .slide-item.slide-item01 {
    top: 6.4rem;
    transform: none;
  }
  .content-wrap .membership-intro-wrap.swiper-slide .slide-item.slide-item02 {
    top: 10.8rem;
    transform: none;
  }
  .content-wrap .membership-intro-wrap.swiper-slide .slide-item.slide-item03 {
    top: 15.2rem;
    transform: none;
  }
  .content-wrap .membership-intro-wrap.swiper-slide .tab-tit-wrap {
    padding: 0 2rem;
    width: auto;
    height: 4.4rem;
    flex-direction: row;
    flex: none;
  }
  .content-wrap .membership-intro-wrap.swiper-slide .tab-tit-wrap .tab-tit {
    writing-mode: horizontal-tb;
  }
  .content-wrap .membership-intro-wrap.swiper-slide .content-area {
    flex-direction: column;
  }
  .content-wrap .membership-intro-wrap.swiper-slide .content-area .content {
    margin: 0;
    padding: 2.4rem 2rem;
    width: auto;
  }
  .content-wrap .membership-intro-wrap.swiper-slide .content-area .content .tit {
    font-size: 2.2rem;
  }
  .content-wrap .membership-intro-wrap.swiper-slide .content-area .content .desc {
    font-size: 1.6rem;
  }
  .content-wrap .benefit-intro-wrap {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .content-wrap .benefit-intro-wrap .content-area {
    width: 68%;
    height: auto;
  }
  .content-wrap .benefit-intro-wrap .content-area .content {
    width: 100%;
    word-wrap: break-word;
    word-break: keep-all;
    padding-top: 5rem;
  }
  .content-wrap .benefit-intro-wrap .content-area .tit {
    font-size: 2.2rem;
    font-weight: 600;
  }
  .content-wrap .benefit-intro-wrap .content-area .desc {
    font-size: 1.6rem;
  }
  .content-wrap .benefit-intro-wrap .content-area .link {
    margin-top: 2.4rem;
  }
  .content-wrap .benefit-intro-wrap .swiper-slide {
    padding: 0 2rem;
    height: auto;
  }
  .content-wrap .benefit-intro-wrap .swiper-slide .img-wrap {
    width: 100%;
    height: 100%;
  }
  .content-wrap .benefit-intro-wrap .swiper-slide:first-child .content {
    padding-top: 44rem;
  }
  .content-wrap .benefit-intro-wrap .swiper-slide:last-child {
    padding-bottom: 8rem;
  }
  .content-wrap .map-wrap {
    height: auto;
  }
  .content-wrap .map-wrap .content-area {
    flex-direction: column;
  }
  .content-wrap .map-wrap .content-area .content {
    width: 100%;
    gap: 2.4rem;
  }
  .content-wrap .map-wrap .content-area .content .tit {
    font-size: 2.2rem;
  }
  .content-wrap .map-wrap .content-area .content .desc {
    gap: 2.4rem;
    font-size: 1.6rem;
  }
  .content-wrap .map-wrap .content-area .img {
    margin-top: 9.4rem;
    width: 100%;
  }
  .content-wrap .map-wrap .slide-wrap {
    width: 100%;
    padding: 8rem 2rem;
    justify-content: flex-start;
  }
  .content-wrap .map-wrap .panel-list {
    gap: 0;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    width: 75vw;
    height: 39rem;
    justify-content: flex-end;
  }
  .content-wrap .map-wrap .panel-list .panel-item {
    width: 100%;
    padding: 1.6rem 0 1.6rem 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #111;
    position: relative;
    border: 0;
  }
  .content-wrap .map-wrap .panel-list .panel-item::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: 111;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;
  }
  .content-wrap .map-wrap .panel-list .panel-item .link {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .content-wrap .map-wrap .panel-list .panel-item .link-desc {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media screen and (max-height: 800px) {
  html {
    font-size: 9px;
  }
  .content-wrap .signature-intro-wrap {
    padding: 10vw 8.33vw 3.5vw;
  }
  .content-wrap {
    font-size: inherit;
  }
  .content-wrap .map-wrap .slide-wrap {
    padding-bottom: 2rem;
  }
  .content-wrap .map-wrap .panel-list {
    margin-top: 2rem;
  }
}/*# sourceMappingURL=sale-main.css.map */