@charset "UTF-8";
/*221128 jm : 드롭다운보다 snb가 스크롤시 위에 있도록 하기위해 z-index 101로 수정*/
body {
  background-color: #000;
}

#page-gate {
  background-color: #000;
  height: var(--cover-height);
}
#page-gate[data-gate=shopnowGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/shop-now.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=newsGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/shopping.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=newsGate] .logo-title {
  font-size: calc(var(--uw) * 21.0256410256);
}
#page-gate[data-gate=promotionGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/news.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=promotionGate] .logo-title {
  font-size: calc(var(--uw) * 21.0256410256);
}
#page-gate[data-gate=promotionGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/news.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=promotionGate] .logo-title {
  font-size: calc(var(--uw) * 18.9743589744);
}
#page-gate[data-gate=couponGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/coupon.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=couponGate] .logo-title {
  font-size: calc(var(--uw) * 25.3846153846);
}
#page-gate[data-gate=cultureEventGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/culture.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=cultureEventGate] .logo-title {
  font-size: calc(var(--uw) * 26.6666666667);
}
#page-gate[data-gate=galleryGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/gallery.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=galleryGate] .logo-title {
  font-size: calc(var(--uw) * 29.4871794872);
}
#page-gate[data-gate=clubGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/lotteclub.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=clubGate] .logo-title {
  font-size: calc(var(--uw) * 17.4358974359);
}
#page-gate[data-gate=foodReservationGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/foodReservationGate.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=foodReservationGate] .logo-title {
  font-size: calc(var(--uw) * 15.3846153846);
}
#page-gate[data-gate=parkingGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/parkingGate.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=parkingGate] .logo-title {
  font-size: calc(var(--uw) * 24.1025641026);
}
#page-gate[data-gate=shoppingMapGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/shoppingMap.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=shoppingMapGate] .logo-title {
  font-size: calc(var(--uw) * 13.8461538462);
}
#page-gate[data-gate=fanGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/fanBrand.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=fanGate] .logo-title {
  font-size: calc(var(--uw) * 18.9743589744);
}
#page-gate[data-gate=reviewGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/review.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=reviewGate] .logo-title {
  font-size: calc(var(--uw) * 27.9487179487);
}
#page-gate[data-gate=videoGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/counseling.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=videoGate] .logo-title {
  font-size: calc(var(--uw) * 18.4615384615);
}
#page-gate[data-gate=kyoboGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/bookstone.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=kyoboGate] .logo-title {
  font-size: calc(var(--uw) * 27.4358974359);
}
#page-gate[data-gate=mdm] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/highlight.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=mdm] .logo-title {
  font-size: calc(var(--uw) * 22.8205128205);
}
#page-gate[data-gate=homePayment] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/homePayment.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=homePayment] .logo-title {
  font-size: calc(var(--uw) * 20);
}
#page-gate[data-gate=floorGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/floorGuide.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=floorGate] .logo-title {
  font-size: calc(var(--uw) * 17.4358974359);
}
#page-gate[data-gate=magazineGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/magazineGate.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=magazineGate] .logo-title {
  font-size: calc(var(--uw) * 21.2820512821);
}
#page-gate[data-gate=excellentGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/excellent.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=excellentGate] .logo-title {
  font-size: calc(var(--uw) * 26.9230769231);
}
#page-gate[data-gate=avenuelGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/avenuel.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=avenuelGate] .logo-title {
  font-size: calc(var(--uw) * 15.8974358974);
}
#page-gate[data-gate=specialBenefit] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/specialBenefit.jpg") center center/cover no-repeat;
}
#page-gate[data-gate=specialBenefit] .logo-title {
  font-size: calc(var(--uw) * 12.0897435897);
}
#page-gate[data-gate=wineGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/winegate.png") center center/cover no-repeat;
}
#page-gate[data-gate=wineGate] .logo-title {
  font-size: calc(var(--uw) * 14.4948717949);
}
#page-gate[data-gate=placeEatGate] .logo-img {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/resources/img/gate/placeeatgate.png") center center/cover no-repeat;
}
#page-gate[data-gate=placeEatGate] .logo-title {
  font-size: calc(var(--uw) * 17.4358974359);
}
#page-gate[data-lang] .logo-title {
  font-family: "Orelo SemiWide" !important;
  font-size: calc(var(--uw) * 14.4948717949);
  letter-spacing: -1.568px;
}
#page-gate[data-lang][data-gate=couponGate] .logo-title {
  font-size: calc(var(--uw) * 13.4307692308);
}

.gate-title {
  padding: calc(var(--uw) * 7.1794871795) 0 calc(var(--uw) * 10);
  text-align: center;
}
.gate-title p {
  color: #E0F55C;
}
.gate-title h6 {
  color: #fff;
}

.container-logo {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #000;
  min-height: 48vh;
}
.container-logo .logo-title {
  color: #fff;
  font-family: "Orelo SemiWide";
  font-style: normal;
  font-weight: 500;
  font-size: calc(var(--uw) * 19.2307692308);
  line-height: 100%;
  text-align: center;
  position: absolute;
  letter-spacing: -0.03em;
  white-space: nowrap;
}
.container-logo .logo-img {
  height: 48vh;
  width: calc(var(--uw) * 76.9230769231);
  border-radius: calc(var(--uw) * 2563.8461538462);
  overflow: hidden;
}

.gate-btn-group {
  padding-top: calc(var(--uw) * 12.3076923077);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: calc(var(--uw) * 13.3333333333);
  background-color: #000;
}
.gate-btn-group .btn--show-app {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: #000;
  width: calc(var(--uw) * 89.7435897436);
  height: calc(var(--uw) * 13.3333333333);
  border-radius: calc(var(--uw) * 2.0512820513);
}
.gate-btn-group .mobile-web {
  padding-top: 20px;
  text-decoration: underline;
  text-underline-position: under;
  color: #ddd;
}

[data-gate=homePayGate] .homePayment-top {
  width: 100%;
  height: calc(var(--uw) * 34.8717948718);
  background-color: #f6f6f6;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
[data-gate=homePayGate] .homePayment-body {
  padding: calc(var(--uw) * 10.2564102564) calc(var(--uw) * 5.1282051282);
}
[data-gate=homePayGate] .homePayment-body .container-homePayment {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
[data-gate=homePayGate] .homePayment-body .container-homePayment:not(:last-child) {
  margin-bottom: calc(var(--uw) * 10.2564102564);
}
[data-gate=homePayGate] .homePayment-body .container-homePayment .number-icon {
  width: calc(var(--uw) * 9.2307692308);
  height: calc(var(--uw) * 9.2307692308);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f6f6f6;
  border-radius: 50%;
  font-weight: 700;
  font-size: calc(var(--uw) * 4.1025641026);
  margin-bottom: calc(var(--uw) * 2.5641025641);
}
[data-gate=homePayGate] .homePayment-body .container-homePayment .__desc {
  margin-top: calc(var(--uw) * 1.5384615385);
  color: #666;
  text-align: center;
}
[data-gate=homePayGate] .homePayment-body .container-homePayment .btn {
  margin-top: calc(var(--uw) * 6.1538461538);
  width: calc(var(--uw) * 77.4358974359);
  height: calc(var(--uw) * 11.2820512821);
}
[data-gate=homePayGate] .homePayment-body .container-homePayment .btn.btn-black {
  background-color: #000;
  color: #fff;
}
[data-gate=homePayGate] .homePayment-body .container-homePayment .btn.btn-blue {
  background-color: #009BFA;
  color: #fff;
}