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

.map-video {
  width: 100%;
}

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

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

.icon-service01 {
  /* background-image: url(/assets/image/sale/ico_service01.webp); */
  background-image: url(/assets/image/sale/ico_service03.webp);
}

.icon-service02 {
  /* background-image: url(/assets/image/sale/ico_service02.webp); */
  background-image: url(/assets/image/sale/ico_service04.webp);
}

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

.mo-only {
  display: block;
}

.swiper-slide {
  width: 100%;
  height: 100%;
}

.link-text {
  display: flex;
  align-items: center;
  /* gap: 1.6rem; */
  gap: 1.2rem;
  font-size: 1.4rem;
  font-weight: 400;
  /* line-height: 1.5; */
  line-height: 2.6rem;
  color: #111;
  font-family: 'anth';
	letter-spacing: 2%;
}
.link-text::before {
  content: "";
  position: relative;
  display: block;
  /* width: 4.8rem; */
  width: 3.2rem;
  height: 1px;
  left: 0;
  top: 0;
  background-color: #111;
}

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

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

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

.content-wrap {
  padding: 0;
  height: 100vh;
  /* 비주얼 */
  /* 시그니처 */
  /* 회원권 */
  /* 혜택 */
  /* 지도 */
  /* 멤버십 문의 */
}
.content-wrap .swiper-v .slide-item {
  height: 100%;
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.content-wrap .swiper-v .slide-item.slide-item02 {
  transform: translate(calc(100% - 60px), 0);
}
.content-wrap .swiper-v .slide-item.slide-item03 {
  transform: translate(calc(100% - 30px), 0);
}
.content-wrap .sale-visual-wrap {
  height: auto;
  min-height: 100svh;
  overflow: hidden;
}
@keyframes move {
  from {
    transform: translateX(-10%);
  }
  to {
    transform: translateX(5%);
  }
}
.content-wrap .sale-visual-wrap .scroll-text {
  font-family: "anth";
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  /* bottom: 1.5rem; */
  bottom: 4rem;
  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: 3.2rem;
  height: 3.2rem;
  background-image: url(/assets/image/sale/ico_arrow_move.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  rotate: 90deg;
  transform: translateX(-10%);
  animation: move 0.5s ease-out infinite alternate;
}
.content-wrap .sale-visual-wrap .char:not(.blank) {
  display: inline;
  margin-right: 2rem;
  transform: rotateY(45deg) translateX(100%);
  opacity: 0;
  will-change: transform, margin;
  font-family: 'anth' !important;
}
.content-wrap .sale-visual-wrap .slide-wrap {
  height: auto;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* padding: 10vh 2rem 10vh 2rem; */
  padding: 16vh 2rem 13vh 2rem;
  overflow: hidden;
}
.content-wrap .sale-visual-wrap .content-area {
  display: flex;
  align-items: center;
  height: 100%;
  /* flex-grow: 1;
  margin: auto 0; */
  z-index: -1;
}
.content-wrap .sale-visual-wrap .content-area .content {
  max-width: 22rem;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0;
}
.content-wrap .sale-visual-wrap .content-area .tit {
  width: 100%;
  /* font-size: clamp(3rem, 8vw, 5rem); */
  font-size: 4rem;
  /* font-weight: 300;
  line-height: 1.2; */
  font-weight: 400;
  line-height: 5.2rem;
  color: #FFFFFF;
  height: auto;
  font-family: 'anth' !important;
}
.content-wrap .sale-visual-wrap .content-area .tit.theme-black {
  color: #111;
}
.content-wrap .sale-visual-wrap .content-area .img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-size: cover;
  /* background-position: center; */
  background-position: 74% center;
  transform: scale(1.1);
  overflow: hidden;
}
.content-wrap .sale-visual-wrap .panel-list {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 0;
  width: 75vw;
  height: auto;
  max-height: 39rem;
  margin-top: 4rem;
}
.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 .link {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
}
.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(/assets/image/sale/ico_shortcuts_white.webp);
  background-size: 100%;
  background-repeat: no-repeat;
}
.content-wrap .sale-visual-wrap .link .link-desc {
  /* font-size: 1.5rem; */
  font-size: 1.4rem;
  font-weight: 400;
  color: #EEEEEE;
}
.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(/assets/image/sale/ico_shortcuts_black.webp);
}
.content-wrap .signature-intro-wrap {
  height: auto;
  min-height: 100svh;
  padding: 0;
  /* background-color: #353C2F;
  color: #F6EBD6; */
  background-color: #816c5b;
  color: #ffffff;
  word-break: keep-all;
  overflow: hidden;
}
.content-wrap .signature-intro-wrap .ui-split-text-copy {
  display: flex;
  gap: 10vw;
  transform: translateX(180%);
  transition: gap 1.5s cubic-bezier(0.22, 0.61, 0.36, 1), transform 1.5s 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: auto;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
  margin: auto;
  gap: 15.3rem;
  padding: 8rem 2rem;
}
.content-wrap .signature-intro-wrap .content .desc-top {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.6rem 0;
  height: auto;
  margin: 0;
}
.content-wrap .signature-intro-wrap .content .desc-bottom {
  width: 100%;
  position: relative;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 3.2rem 0;
  text-align: left;
}
.content-wrap .signature-intro-wrap .content .desc {
  font-size: 1.6rem;
  line-height: 1.5;
  transform: translateX(40vw);
  transition: transform 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .signature-intro-wrap .content .desc-emphasis {
  width: 31.3rem;
  margin-top: auto;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  transform: translateX(80vw);
  transition: transform 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .signature-intro-wrap .content .tit {
  margin-top: auto;
  font-weight: 300;
  font-size: clamp(5rem, 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 {
  position: relative;
  padding-top: 6.4rem;
}
.content-wrap .membership-intro-wrap .swiper-slide {
  background-color: #FFFFFF;
}
.content-wrap .membership-intro-wrap .slide-item {
  position: -webkit-sticky;
  position: sticky;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  background-color: #FFFFFF;
  overflow: hidden;
}
.content-wrap .membership-intro-wrap .slide-item + .slide-item {
  border-top: 1px solid #111;
}
.content-wrap .membership-intro-wrap .tab-tit-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* gap: 0.5rem; */
  gap: 0.4rem;
  /* padding: 1.15rem 2rem; */
  padding: 0.9rem 2rem;
  width: auto;
  height: 4.4rem;
  color: #111;
}
.content-wrap .membership-intro-wrap .tab-tit-wrap .tab-num {
  display: block;
  font-size: 1.4rem;
  /* font-weight: 600; */
  font-weight: 400;
  line-height: 1.5;
  font-family: 'anth';
  margin-top: 0.2rem;
}
.content-wrap .membership-intro-wrap .tab-tit-wrap .tab-tit {
  display: block;
  font-size: 1.4rem;
  line-height: 1.5;
}
.content-wrap .membership-intro-wrap .content-area {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
.content-wrap .membership-intro-wrap .content-area .content {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  width: auto;
  max-width: 39.3rem;
  margin: 0;
  /* padding: 2.4rem 2rem 6.4rem; */
  padding: 2.4rem 2rem 5.8rem;
}
.content-wrap .membership-intro-wrap .content-area .content .tit {
  font-size: 2.2rem;
  /* line-height: 1.5; */
  line-height: 3.4rem;
  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 {
  flex: 1 0 auto;
}
.content-wrap .membership-intro-wrap .content-area .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.content-wrap .benefit-intro-wrap {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 6.4rem;
  /* padding-bottom: 8rem; */
}
.content-wrap .benefit-intro-wrap .bg-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 135% auto;
  background-image: url(/assets/image/sale/main/benefit_sticky02.webp);
}
.content-wrap .benefit-intro-wrap .swiper-slide {
  padding: 0 2rem;
  height: auto;
  background-color: transparent;
  overflow: hidden;
}
.content-wrap .benefit-intro-wrap .swiper-slide:first-child .content {
  /* padding-top: 44rem; */
  padding-top: 0;
}
.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:nth-of-type(1) .img {
  transform: translateY(-20%);
}
.content-wrap .benefit-intro-wrap .swiper-slide:nth-of-type(2) .img {
  transform: translateY(-50%);
}
.content-wrap .benefit-intro-wrap .swiper-slide:nth-of-type(3) .img {
  transform: translateY(-80%);
}
.content-wrap .benefit-intro-wrap .swiper-slide .img-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: 131%;
}
.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: 74%;
  height: auto;
  line-height: 1.5;
}
.content-wrap .benefit-intro-wrap .content-area .content {
  max-width: 43.2rem;
  width: 100%;
  /* margin-bottom: 3.6rem; */
  margin-bottom: 0.8rem;
  word-wrap: break-word;
  word-break: keep-all;
  padding: 0;
}
.content-wrap .benefit-intro-wrap .content-area .tit {
  display: flex;
  flex-direction: column;
  font-size: 2.2rem;
  line-height: 3.4rem;
  font-weight: 600;
  /* font-weight: 500; */
  color: #111;
}
.content-wrap .benefit-intro-wrap .content-area .tit-emphasis {
  /* color: #A94B39;
  font-weight: 600; */
  color: #816c5b;
}
.content-wrap .benefit-intro-wrap .content-area .desc {
  font-size: 1.6rem;
  color: #666;
  margin-top: 2.4rem;
  word-break: auto-phrase;
}
.content-wrap .benefit-intro-wrap .content-area .link {
  display: block;
  /* margin-top: 4rem; */
  margin-top: 2.4rem;
}
.content-wrap .map-wrap {
  height: auto;
  min-height: 100svh;
  background-color: #F4F5F3;
}
.content-wrap .map-wrap .slide-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* max-width: 150rem; */
  margin: auto;
  padding: 8rem 2rem;
}
.content-wrap .map-wrap .content-area {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.content-wrap .map-wrap .content-area .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  gap: 2.4rem;
  padding: 0;
}
.content-wrap .map-wrap .content-area .tit {
  font-size: 2.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.6rem;
  line-height: 1.5;
}
.content-wrap .map-wrap .content-area .desc p {
  color: #111;
}
.content-wrap .map-wrap .content-area .img {
  position: relative;
  margin: 4.8rem -2rem 4rem -2rem;
  width: calc(100% + 4rem);
  /* max-width: 50rem; */
}
.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;
  color: #111111;
  font-size: 1.1rem;
  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: 14%;
  left: 11%;
}
.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: 34%;
  left: 19%;
}
.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: 39%;
  left: 18%;
}
.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: 44%;
  left: 16%;
}
.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: 24%;
}
.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: 12%;
}
.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: 18%;
}
.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: 20%;
}
.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: 10%;
  left: 34%;
}
.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%;
  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(/assets/image/sale/ico_pin_green.webp);
}
.content-wrap .map-wrap .region-list .region-item.star .item-tit::after {
  content: "*";
  color: #E13539;
}
.content-wrap .map-wrap .panel-list {
  margin-top: 4.8rem;
  padding-top: 0.8rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  border-top: 1px solid #111;
}
.content-wrap .map-wrap .panel-list .panel-item {
  width: 100%;
  padding: 1.2rem 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #111;
  position: relative;
  border: 0;
}
.content-wrap .map-wrap .panel-list .panel-item + .panel-item::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ddd;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.content-wrap .map-wrap .link {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  color: #111;
}
.content-wrap .map-wrap .link[target=_SELF] .link-tit::before {
  display: none;
}
.content-wrap .map-wrap .link-tit {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 1.6rem;
  font-weight: 600;
  /* font-weight: 500; */
}
.content-wrap .map-wrap .link-tit::before {
  /* content: ""; */
  position: relative;
  display: block;
  inset: 0;
  order: 1;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(/assets/image/sale/ico_shortcuts_black.webp);
  background-size: 100%;
  background-repeat: no-repeat;
}
.content-wrap .map-wrap .link-desc {
  font-size: 1.4rem;
  color: #666;
  font-weight: 400;
  margin-top: 0.4rem;
}
.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 {
  height: auto;
  min-height: 100svh;
  /* background-color: #12284B; */
  background-color: #111111;
  color: #FFFFFF;
  line-height: 1.5;
  overflow: hidden;
}
.content-wrap .contact-wrap .slide-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 8rem 2rem;
}
.content-wrap .contact-wrap .slide-wrap .title-wrap {
  transform: translateX(50vw);
  transition: transform 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .contact-wrap .slide-wrap .title-wrap .slide-tit {
  margin-bottom: 4.8rem;
  font-size: 4rem;
  font-weight: 300;
  line-height: 1.2;
  /* color: #F6EBD6; */
  color: #ffffff;
  font-family: 'anth' !important;
}
.content-wrap .contact-wrap .content-area {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  width: 100%;
  transform: translateX(90vw);
  transition: transform 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .contact-wrap .content-area .content {
  width: 100%;
  margin-top: 3.2rem;
  padding: 0;
  word-break: keep-all;
}
.content-wrap .contact-wrap .content-area .tit {
  margin-bottom: 2.4rem;
  /* font-size: clamp(2.2rem, 1.67vw, 3.2rem); */
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.5;
  color: #ffffff;
  /* color: #F6EBD6; */
}
.content-wrap .contact-wrap .content-area .desc {
  /* font-size: clamp(1.5rem, 0.83vw, 1.6rem); */
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  /* color: #F6EBD6; */
}
.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 .arrow-wrap {
  transform: translateX(90vw);
  transition: transform 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .contact-wrap .link-arrow {
  display: block;
  width: 12rem;
  height: 12rem;
  margin-top: 5rem;
  border-radius: 50%;
  /* border: 1px solid #F6EBD6; */
  border: 1px solid #ffffff;
  background-size: 4.8rem 4.8rem;
  background-position: center;
  background-repeat: no-repeat;
  /* background-image: url(/assets/image/sale/main/link_arrow.webp); */
  background-image: url(/assets/image/sale/main/link_arrow02.webp);
  transform: rotate(135deg);
  transition: transform 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .contact-wrap .panel-list {
  margin-top: 8rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 2.4rem;
  padding: 2.4rem 0;
  border-top: 1px solid #CCCCCC;
  transform: translateX(20vw);
  transition: transform 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.content-wrap .contact-wrap .panel-list .panel-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  color: #111;
  position: relative;
  border: 0;
  color: #FFFFFF;
}
.content-wrap .contact-wrap .panel-list .panel-item .item-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.content-wrap .contact-wrap .panel-list .panel-item .item-tit {
  /* font-size: 1.6rem; */
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  color: #ffffff;
  /* color: #F6EBD6; */
}
.content-wrap .contact-wrap .panel-list .panel-item .item-desc {
  /* font-size: 1.3rem; */
  font-size: 1.5rem;
  line-height: 1.5;
  color: #dddddd;
  /* color: #CCCCCC; */
  margin-top: 0.4rem;
}
.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: translate(0);
}
.content-wrap .contact-wrap.active .link-arrow {
  transform: rotate(0);
}

/* [리조트통합] 20260519 분양회원 메인 mo스타일 추가 - 박성환 */
.pc-show {
  display: none;
}
.mo-show {
  display: block;
}
.content-wrap .map-wrap .content-area .desc.pc-show {
  display: none;
}
.content-wrap .map-wrap .link.pc-show {
  display: none;
}
.content-wrap .map-wrap .content-area .img {
  /* padding-top: 2.4rem; */
}
.content-wrap .map-wrap .link.mo-show {
  margin-top: 2.4rem;
}
.content-wrap > .swiper.swiper-h > .swiper-wrapper {
  display: block;
  height: auto;
  transform: none;
}
.content-wrap>.swiper.swiper-h {
  overflow: visible;
}
.swiper.swiper-v>.swiper-wrapper {
  flex-direction: column;
  gap: 6.4rem;
}

@media (max-width: 550px) {
  .content-wrap .map-wrap .region-list .region-item.songdo {
    top: 16%;
    left: 9%;
  }
  .content-wrap .map-wrap .region-list .region-item.buyeo01 {
    top: 37%;
    left: 17%;
  }
  .content-wrap .map-wrap .region-list .region-item.buyeo02 {
    top: 41%;
    left: 16%;
  }
  .content-wrap .map-wrap .region-list .region-item.buyeo03 {
    top: 45%;
    left: 13%;
  }
  .content-wrap .map-wrap .region-list .region-item.sokcho {
    top: 8%;
    right: 21%;
  }
  .content-wrap .map-wrap .region-list .region-item.ulsan {
    bottom: 37%;
    right: 7%;
  }
  .content-wrap .map-wrap .region-list .region-item.gimhae {
    bottom: 31%;
    right: 12%;
  }
  .content-wrap .map-wrap .region-list .region-item.jeju01 {
    bottom: 7%;
    left: 15%;
  }
  .content-wrap .map-wrap .region-list .region-item.jeju02 {
    bottom: 10%;
    left: 33%;
  }
  .content-wrap .map-wrap .region-list .region-item.jeju03 {
    bottom: 6%;
    left: 35.5%;
  }
}
@media (max-width: 375px) {
  .content-wrap .signature-intro-wrap .content .tit {
    font-size: clamp(4rem, 8vw, 14rem);
  }
  .content-wrap .map-wrap .region-list .region-item.songdo {
    top: 14%;
    left: 2%;
  }
  .content-wrap .map-wrap .region-list .region-item.buyeo01 {
    top: 34%;
    left: 10%;
  }
  .content-wrap .map-wrap .region-list .region-item.buyeo02 {
    top: 39%;
    left: 8%;
  }
  .content-wrap .map-wrap .region-list .region-item.buyeo03 {
    top: 44%;
    left: 6%;
  }
  .content-wrap .map-wrap .region-list .region-item.sokcho {
    top: 8%;
    right: 13%;
  }
  .content-wrap .map-wrap .region-list .region-item.ulsan {
    bottom: 37%;
    right: 0%;
  }
  .content-wrap .map-wrap .region-list .region-item.gimhae {
    bottom: 31%;
    right: 1%;
  }
  .content-wrap .map-wrap .region-list .region-item.jeju01 {
    bottom: 7%;
    left: 12%;
  }
  .content-wrap .map-wrap .region-list .region-item.jeju02 {
    bottom: 10%;
    left: 33%;
  }
  .content-wrap .map-wrap .region-list .region-item.jeju03 {
    bottom: 6%;
    left: 35.5%;
  }
}/*# sourceMappingURL=sale-main-mo.css.map */