@charset "UTF-8";
* {
  font-family: Spoqa Han Sans Neo, sans-serif;
}

img[src$=".gif"], img[src$=".png"] {
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.text-primary {
  color: #EA3352 !important;
}

.text-secondary-orange {
  color: #F2705D !important;
}

.text-gray {
  color: #8E8E8E !important;
}

.text-light-gray1 {
  color: #CBCBCB !important;
}

.text-dark-gray1 {
  color: #515151 !important;
}

.text-dark-gray3 {
  color: #0C0C0C !important;
}

.bg-primary {
  background-color: #EA3352 !important;
}

a {
  background-color: inherit;
  color: inherit;
  text-decoration-line: none;
}
a:hover {
  background-color: inherit;
  color: inherit;
}

ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.not-scroll {
  touch-action: none;
  -webkit-overflow-scrolling: none;
  overflow: hidden;
  /* 이외의 브라우저 */
  overscroll-behavior: none;
}

.nav {
  border-bottom: 1px solid #EAEAEA;
  --bs-nav-link-hover-color: #EA3352;
}

.nav-pills {
  --bs-nav-pills-border-radius: 0;
  --bs-nav-pills-link-active-color: #EA3352;
  --bs-nav-pills-link-active-bg: #FFFFFF;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: inherit;
  color: #EA3352;
  border-bottom: 3px solid #EA3352;
  font-weight: bold;
  padding: 0.5rem 1.5rem;
}

.nav-link, .tab-pane {
  outline: none;
}

.nav-link {
  background-color: inherit;
  color: #000000;
  padding: 0.5rem 1.5rem;
}

.heading1 {
  font-weight: bold;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: -1px;
}

.heading1-regular {
  font-weight: normal;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: -1px;
}

.heading2 {
  font-weight: bold;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -1px;
}

.heading2-regular {
  font-weight: normal;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -1px;
}

.sub1 {
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -1px;
}

.sub1-regular {
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -1px;
}

.sub2, .table-condensed > thead > tr:first-child > th:nth-child(2), .date-and-headcount-picker-fragment__pickers-modal .modal-footer > button {
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.5px;
}

.sub2-regular {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.5px;
}

.body1 {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.body1-bold, button, .button {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.caption1, .create-booking-page .booking-page__reservation-button #create-reservation .payment-amount:after, .search-box-fragment__card-container, .search-box-fragment__input-container #search-box-input__readonly, .search-box-fragment__input-container #search-box-input__readonly:focus, .informational-policy-modal .modal-body__policy-table tr td span:last-child, .package-detail-modal__content .package-detail__title .text-group2__discount-price:after, .table-condensed > thead > tr:nth-child(2) > th, .date-and-headcount-picker-switch__button-container > button, .date-and-headcount-picker-fragment__container, #headcount-picker-input-container, #date-range-picker-container, .promotion-property-card__price-detail .sale-price:after, .property-detail-card .rateplan-list-container .rateplan-list > .package-detail-container > .price-detail .discount-price:after, .booking-card .coupon-selection-container .coupon-selection__item #coupon-discount-amount:after, .booking-card .payment-info__amount:after, .booking-card .property-preview-container .property-info .discount-price:after {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.caption1-bold, .index-page .promotion-section__promotion-banner .second > div .text-group__title, .index-page .promotion-section__promotion-banner .first > div .text-group__title, .index-page .banner__contents .banner-tag, .informational-policy-modal .modal-body__policy-table tr td span:first-child {
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

.caption2, .special-offer-card__price-detail .sale-price:after, .property-card > .text-group__container .text-group2__discount-price.open:after {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.caption2-bold, .table-condensed > tbody > tr > td, .property-detail-card .rateplan-list-container .rateplan-list #reservation-button, .property-detail-card > .roomtype-container > .roomtype-detail .reservation-unavailable-text, .footer-fragment__notice {
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.caption3 {
  font-weight: normal;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: -0.5px;
}

.caption3-bold, .index-page .promotion-section__promotion-banner .second > div .text-group__caption, .index-page .promotion-section__promotion-banner .first > div .text-group__caption, .table-condensed > thead > tr:nth-child(1) > th {
  font-weight: bold;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: -0.5px;
}

@font-face {
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 400;
  src: local(Spoqa Han Sans Neo Regular), local(SpoqaHanSansNeo-Regular), url(../../../fonts/SpoqaHanSansNeo-Regular.eot), url(../../../fonts/SpoqaHanSansNeo-Regular.eot?#iefix) format("embedded-opentype"), url(../../../fonts/SpoqaHanSansNeo-Regular.woff2) format("woff2"), url(../../../fonts/SpoqaHanSansNeo-Regular.woff) format("woff"), url(../../../fonts/SpoqaHanSansNeo-Regular.ttf) format("truetype");
}
@font-face {
  font-family: Spoqa Han Sans Neo;
  font-style: normal;
  font-weight: 700;
  src: local(Spoqa Han Sans Neo Bold), local(SpoqaHanSansNeo-Bold), url(../../../fonts/SpoqaHanSansNeo-Bold.eot), url(../../../fonts/SpoqaHanSansNeo-Bold.eot?#iefix) format("embedded-opentype"), url(../../../fonts/SpoqaHanSansNeo-Bold.woff2) format("woff2"), url(../../../fonts/SpoqaHanSansNeo-Bold.woff) format("woff"), url(../../../fonts/SpoqaHanSansNeo-Bold.ttf) format("truetype");
}
.header-fragment {
  background-color: #FFFFFF;
  color: inherit;
  position: sticky;
  top: 0px;
  border-bottom: 1px solid #EAEAEA;
  z-index: 99;
}
.header-fragment__navigation-container {
  width: 100vw;
}
.header-fragment__navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  flex-direction: row;
  padding: 0 20px;
}
.header-fragment__navigation .navigation__logo-image {
  display: inline-flex;
  width: auto;
  height: 40px !important;
  cursor: pointer;
  align-items: center;
  margin-left: -6px;
}
.header-fragment__navigation .navigation__logo-image #brand-logo-image {
  display: block;
  width: inherit;
  height: inherit;
  object-fit: fill;
}
.header-fragment__navigation .navigation__logo-image #history-back-button {
  display: none;
  padding: 20px;
  margin-left: -15px;
}
.header-fragment__navigation .navigation__logo-image #reservation-create-page-header, .header-fragment__navigation .navigation__logo-image #reservation-page-header__reservation-detail {
  display: none;
}
.header-fragment__navigation .navigation__logo-image .reservation-create-page-header {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: 150px;
}
.header-fragment__navigation .navigation__button-group {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-end;
}
.header-fragment__navigation .navigation__button-group #home-icon {
  display: none;
  margin-right: 8px;
}
.header-fragment__navigation .navigation__button-group #go-to-home {
  display: none;
}

.footer-fragment {
  background-color: #0C0C0C;
  color: inherit;
  height: auto;
  padding: 40px 20px;
}
.footer-fragment__footer-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  max-width: 1000px;
  margin: 0 auto;
  flex-direction: column;
}
.footer-fragment__brand-logo {
  width: 100%;
  margin-bottom: 16px;
}
.footer-fragment__brand-logo img {
  width: 100px;
  height: 40px;
  margin-left: -9px;
}
.footer-fragment__notice {
  background-color: inherit;
  color: #CBCBCB;
  margin: -15px 0 20px;
}
.footer-fragment__captions {
  background-color: inherit;
  color: #CBCBCB;
}
.footer-fragment__rule {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  flex-direction: row;
  gap: 14px;
}

.event-banner {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #E97D8F;
  color: inherit;
  width: 100%;
  height: 84px;
  flex-direction: row;
  overflow: hidden;
  text-align: left;
  cursor: pointer;
  position: relative;
  border-radius: 12px;
}
.event-banner .linear-gradient {
  width: 60%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.event-banner .text-group {
  display: inline-flex;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  height: 100%;
  position: absolute;
  left: 0;
  flex-direction: column;
  float: left;
  padding-left: 5.7%;
  z-index: 1;
}
.event-banner .image-container {
  width: 60%;
  height: 100%;
  max-height: 84px;
  object-fit: cover;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  overflow: hidden;
  float: right;
  position: absolute;
  background-size: 100% 100% !important;
}
.event-banner #right-icon {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 30px;
  right: 15px;
  z-index: 2;
}

.image-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: relative;
}
.image-banner > img {
  width: 100vw;
  height: 160px;
  object-fit: cover;
}
.image-banner .inline-group {
  display: inline-flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  flex-direction: column;
  text-align: left;
  position: absolute;
  padding-left: 20px;
}
.image-banner .inline-group__title {
  background-color: inherit;
  color: #FFFFFF;
  margin-bottom: 8px;
}

.agreement-bottom-sheet {
  background-color: rgba(12, 12, 12, 0.5);
  color: inherit;
  display: none;
  overflow: hidden;
}
.agreement-bottom-sheet .modal-dialog {
  margin: 0;
}
.agreement-bottom-sheet .modal-dialog-centered {
  align-items: flex-end;
}
.agreement-bottom-sheet__modal-content {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #FFFFFF;
  color: inherit;
  border: none;
  border-radius: 24px 24px 0 0;
  width: 100vw;
  height: 60vh;
  flex-direction: column;
  position: fixed;
  bottom: 0;
  padding: 20px 10px 0 20px;
}
.agreement-bottom-sheet .modal-content__title {
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  flex-direction: row;
  margin: 5px 0 30px;
  padding-right: 10px;
}
.agreement-bottom-sheet .modal-content__title .bottom-sheet-close-button {
  font-size: 18px;
  font-weight: bold;
}
.agreement-bottom-sheet .modal-content__agreement {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  flex-direction: column;
  padding-right: 10px;
}

.country-code-list-bottom-sheet {
  background-color: rgba(12, 12, 12, 0.5);
  color: inherit;
  display: none;
}
.country-code-list-bottom-sheet .modal-dialog {
  margin: 0;
}
.country-code-list-bottom-sheet .modal-dialog-centered {
  align-items: flex-end;
}
.country-code-list-bottom-sheet__modal-content {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  max-height: 60vh;
  overflow: hidden;
  overflow-y: auto;
  border: none;
  border-radius: 24px 24px 0 0;
  background-color: #FFFFFF;
  color: inherit;
  width: 100vw;
  height: 100%;
  position: fixed;
  bottom: 0;
  flex-direction: column;
  padding: 20px 20px 40px;
}
.country-code-list-bottom-sheet .modal-content__title {
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  flex-direction: row;
  margin: 5px 0 16px;
}
.country-code-list-bottom-sheet .modal-content__title .bottom-sheet-close-button {
  font-size: 18px;
  font-weight: bold;
}
.country-code-list-bottom-sheet .modal-content__country-code-list {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  max-height: 340px;
  align-items: start;
  gap: 20px;
}

button, .button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #EA3352;
  border-radius: 4px;
  background-color: #EA3352;
  color: #FFFFFF;
  user-select: none;
  pointer-events: auto;
  flex-direction: row;
  gap: 10px;
  cursor: pointer;
  height: 40px;
  padding: 9px 23px;
  box-shadow: none;
  transition: all 0.3s;
  text-align: center;
  white-space: nowrap;
}
button:active, .button:active {
  background-color: #f2072f;
  color: #FFFFFF;
  border: #f2072f;
}
button.disabled, .button.disabled {
  background-color: #CBCBCB;
  color: #FFFFFF;
  border: #CBCBCB;
  pointer-events: none;
  cursor: default;
}
button.secondary, .button.secondary {
  background-color: #FFFFFF;
  color: #EA3352;
  border: 1px solid #EA3352;
}
button.secondary:active, .button.secondary:active {
  background-color: #EAEAEA;
  color: #EA3352;
}
button.tertiary, .button.tertiary {
  background-color: #EAEAEA;
  color: #000000;
  border: #EAEAEA;
}
button.tertiary:active, .button.tertiary:active {
  background-color: #CBCBCB;
  color: #000000;
}
button.small, .button.small {
  height: 30px;
  padding: 6px 17px;
}
button.medium, .button.medium {
  height: 48px;
  padding: 12px 30px;
}
button.large, .button.large {
  height: 55px;
  padding: 14px 34px;
}

.scroll-top-button,
.scroll-top-button:active {
  border: none;
  border-radius: 999px;
  background-color: #FFFFFF;
  color: #515151;
  z-index: 20;
  position: fixed;
  right: 20px;
  bottom: 55px;
  width: 42px;
  height: 42px;
  padding: 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}

.booking-card {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding: 16px 0 20px;
}
.booking-card .property-preview-container {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  padding: 0 20px;
}
.booking-card .property-preview-container img {
  width: 80px;
  height: 84px;
  object-fit: cover;
  border-radius: 8px;
  margin-right: 12px;
}
.booking-card .property-preview-container .property-info {
  display: inline-flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
.booking-card .property-preview-container .property-info .names {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
  line-height: 20px;
}
.booking-card .property-preview-container .property-info .price,
.booking-card .property-preview-container .property-info .discount-info,
.booking-card .property-preview-container .property-info .discount-price {
  text-align: right;
}
.booking-card .property-preview-container .property-info .price {
  background-color: inherit;
  color: #8E8E8E;
  text-decoration: line-through;
}
.booking-card .property-preview-container .property-info .percent {
  margin-right: 10px;
}
.booking-card .property-preview-container .property-info .percent:after {
  content: "%";
}
.booking-card .property-preview-container .property-info .discount-price:after {
  content: "원";
  vertical-align: middle;
  margin-left: 4px;
}
.booking-card .excess-charges-container {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(242, 112, 93, 0.0588235294);
  color: inherit;
  width: 100%;
  padding: 16px 20px;
}
.booking-card .search-condition-container,
.booking-card .payment-info {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 4px;
}
.booking-card .search-condition-container {
  padding: 16px 20px;
}
@media (max-width: 347px) {
  .booking-card .search-condition-container {
    justify-content: start;
  }
}
.booking-card .reservation-info-container,
.booking-card .payment-info-container {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  padding: 20px;
  gap: 6px;
}
.booking-card .reservation-info-container {
  background-color: #F8F8F8;
  color: inherit;
  align-items: end;
}
.booking-card .payment-info__amount:after {
  content: "원";
  vertical-align: middle;
  background-color: inherit;
  color: #292929;
  margin-left: 3px;
}
.booking-card #booking-card-coupon {
  display: none;
}
.booking-card .coupon-selection-container {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-direction: column;
}
.booking-card .coupon-selection-container div[id^=selected-coupon] {
  display: none;
}
.booking-card .coupon-selection-container .coupon-selection__item {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 20px;
  flex-direction: row;
}
.booking-card .coupon-selection-container .coupon-selection__item .change-coupon-buttons {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 10px;
}
.booking-card .coupon-selection-container .coupon-selection__item .change-coupon-buttons #reset-selected-coupon {
  background-color: inherit;
  color: #000000;
  border: 1px solid #000000;
}
.booking-card .coupon-selection-container .coupon-selection__item #coupon-discount-amount {
  margin-left: 20px;
}
.booking-card .coupon-selection-container .coupon-selection__item #coupon-discount-amount:after {
  content: "원";
  vertical-align: middle;
  background-color: inherit;
  color: #000000;
  margin-left: 4px;
}
.booking-card .point-container {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  padding: 16px 20px;
  border: solid #EAEAEA;
  border-width: 1px 0;
  row-gap: 10px;
}
.booking-card .point-container .point__item {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 10px 16px;
  flex-wrap: wrap;
  text-wrap: nowrap;
}
.booking-card .point-container .point__item .logo {
  width: 90px;
  height: 20px;
}
.booking-card .point-container .point__item > button {
  height: 36px;
  padding: 9px 20px;
}
.booking-card .point-container .point__item .input {
  height: 36px;
  padding: 14px 20px;
  text-align: right;
}
@media (min-width: 359px) {
  .booking-card .point-container .point__item .input {
    max-width: 248px;
  }
}

div[id^=confirm-booking-summary-card] {
  display: inline-flex;
}

div[id^=cancel-booking-summary-card] {
  display: none;
}

.booking-summary-card {
  width: 100%;
  flex-direction: column;
  margin-top: 27px;
  padding: 0 0 20px;
  border-bottom: 1px solid #EAEAEA;
}
.booking-summary-card__header {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-direction: row;
  margin-bottom: 10px;
}
.booking-summary-card__header #view-more-booking-icon {
  width: 16px;
  height: 16px;
  margin: 0 0 2.5px 2px;
  filter: brightness(0);
}
.booking-summary-card__content {
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  flex-direction: row;
}
.booking-summary-card__content .content__booking-summary {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
.booking-summary-card__content .content__booking-summary .booking-summary {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-start;
}
.booking-summary-card__content .content__booking-summary .booking-summary__property-info {
  display: inline-flex;
  flex-direction: row;
  margin-bottom: 14px;
}
.booking-summary-card__content .content__booking-summary .booking-summary__property-info > img {
  max-width: 80px;
  max-height: 84px;
  min-width: 80px;
  min-height: 84px;
  object-fit: cover;
  margin-right: 12px;
  border-radius: 8px;
}
.booking-summary-card__content .content__booking-summary .booking-summary__date-info {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
.booking-summary-card__content .content__booking-summary .booking-summary__payment-info {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.coupon-card {
  display: inline-flex;
  flex-direction: column;
  background-color: rgba(251, 230, 233, 0.5);
  color: inherit;
  width: 100%;
  height: min-content;
  padding: 16px;
  border-radius: 12px;
  row-gap: 8px;
}
.coupon-card__tags {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  height: 24px;
  justify-content: space-between;
}
.coupon-card__tags .text-tag {
  background-color: inherit;
  color: #FFFFFF;
  padding: 3px 10px;
  margin: 0;
}
.coupon-card__tags > span {
  background-color: inherit;
  color: #8E8E8E;
}
.coupon-card__contents {
  display: inline-flex;
  flex-direction: column;
  background-color: none;
  color: #292929;
  height: 100%;
  row-gap: 2px;
}
.coupon-card__contents .sub1 {
  background-color: inherit;
  color: #0C0C0C;
}
.coupon-card__contents .coupon-name {
  width: 100%;
}
.coupon-card.invalid {
  background-color: #F8F8F8;
  color: inherit;
}
.coupon-card.invalid, .coupon-card.invalid span, .coupon-card.invalid div:not(.text-tag) {
  background-color: #F8F8F8;
  color: #8E8E8E;
}

.property-card {
  display: inline-flex;
  flex-direction: row;
  width: inherit;
  height: 104px;
  justify-content: center;
  cursor: pointer;
}
.property-card > img {
  flex-shrink: 0;
  max-width: 80px;
  max-height: 152px;
  min-width: 80px;
  min-height: 112px;
  object-fit: cover;
  border-radius: 12px;
}
.property-card > .text-group__container {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  margin-left: 16px;
}
.property-card > .text-group__container .text-group1 {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 0;
  text-align: left;
  gap: 4px;
}
.property-card > .text-group__container .text-group1__text .body1-bold, .property-card > .text-group__container .text-group1__text button, .property-card > .text-group__container .text-group1__text .button {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  line-height: 22px;
}
.property-card > .text-group__container .text-group1__badge > img {
  height: auto;
  width: 36px;
}
.property-card > .text-group__container .text-group2 {
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  min-height: 40px;
}
.property-card > .text-group__container .text-group2__tag-section {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
}
.property-card > .text-group__container .text-group2__price-section {
  width: 100%;
  text-align: right;
}
.property-card > .text-group__container .text-group2__price {
  background-color: inherit;
  color: #8E8E8E;
  text-decoration: line-through;
}
.property-card > .text-group__container .text-group2__percent {
  margin-right: 10px;
}
.property-card > .text-group__container .text-group2__percent:after {
  content: "%";
}
.property-card > .text-group__container .text-group2__discount-price.open:after {
  content: "원";
  vertical-align: middle;
  margin-left: 2px;
}
.property-card > .text-group__container .text-group2__discount-price.closed {
  display: inline-flex;
  flex-direction: column;
}
.property-card > .text-group__container .text-group2__discount-price.closed > .avail-date {
  background-color: inherit;
  color: #EA3352;
}
.property-card > .text-group__container .text-group2__discount-price.closed > .sold-out {
  background-color: inherit;
  color: #8E8E8E;
}

.property-detail-card {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  cursor: pointer;
  margin-bottom: 8%;
  padding: 0 1.5rem;
}
.property-detail-card > .roomtype-container {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.property-detail-card > .roomtype-container > .roomtype-image {
  width: 100%;
}
.property-detail-card > .roomtype-container > .roomtype-image img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: 12px;
}
.property-detail-card > .roomtype-container > .roomtype-detail {
  flex-direction: column;
  margin: 20px 0;
}
.property-detail-card > .roomtype-container > .roomtype-detail .roomtype-detail-title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.property-detail-card > .roomtype-container > .roomtype-detail .roomtype-detail-tags {
  display: inline-flex;
  flex-direction: row;
  position: relative;
  width: 100%;
  justify-content: start;
}
.property-detail-card > .roomtype-container > .roomtype-detail .reservation-unavailable-text {
  position: absolute;
  width: 80px !important;
  right: 0;
}
.property-detail-card .not-rateplan-list {
  margin-bottom: 30px;
  border-bottom: 1px solid #EAEAEA;
}
.property-detail-card .rateplan-list-container {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 366px;
  overflow: hidden;
}
.property-detail-card .rateplan-list-container .rateplan-list {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.property-detail-card .rateplan-list-container .rateplan-list:last-child {
  border-bottom: 1px solid #EAEAEA;
}
.property-detail-card .rateplan-list-container .rateplan-list > .package-detail-container {
  display: inline-flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: row;
  padding: 16px 0 6px;
  border-top: 1px solid #EAEAEA;
}
.property-detail-card .rateplan-list-container .rateplan-list > .package-detail-container > .package-detail {
  display: inline-flex;
  flex-direction: column;
  width: 60%;
  align-items: start;
  text-align: left;
  flex-grow: 1;
  float: left;
  margin: 0 8px 0 0;
  min-height: 44px;
}
.property-detail-card .rateplan-list-container .rateplan-list > .package-detail-container > .package-detail .package-name {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  line-height: 22px;
}
.property-detail-card .rateplan-list-container .rateplan-list > .package-detail-container > .package-detail .package-meal-info span:not(:first-child):nth-child(1n):before {
  content: "|";
  margin-right: 2px;
}
.property-detail-card .rateplan-list-container .rateplan-list > .package-detail-container > .price-detail {
  width: 40%;
  flex-grow: 2;
  text-align: right;
  float: right;
}
.property-detail-card .rateplan-list-container .rateplan-list > .package-detail-container > .price-detail .price {
  background-color: inherit;
  color: #8E8E8E;
  text-decoration: line-through;
}
.property-detail-card .rateplan-list-container .rateplan-list > .package-detail-container > .price-detail .percent {
  margin-right: 8px;
}
.property-detail-card .rateplan-list-container .rateplan-list > .package-detail-container > .price-detail .percent:after {
  content: "%";
}
.property-detail-card .rateplan-list-container .rateplan-list > .package-detail-container > .price-detail .discount-price:after {
  content: "원";
  vertical-align: middle;
  margin-left: 2px;
}
.property-detail-card .rateplan-list-container .rateplan-list #reservation-button {
  width: 80px !important;
  margin-bottom: 16px;
  align-self: end;
}
.property-detail-card .view-more-rateplan-list {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  border-bottom: 1px solid #EAEAEA;
  cursor: pointer;
}
.property-detail-card .view-more-rateplan-list i {
  margin-left: 10px;
  font-size: 15px;
}

.special-offer-card {
  display: inline-flex;
  flex-direction: column;
  height: 260px;
  position: relative;
  justify-content: flex-start;
  cursor: pointer;
}
.special-offer-card img {
  width: 140px;
  min-height: 140px;
  max-height: 140px;
  object-fit: cover;
  border-radius: 12px;
}
.special-offer-card__container {
  padding-top: 10px;
}
.special-offer-card__property-detail {
  margin-top: 8px;
  text-align: left;
}
.special-offer-card__price-detail {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
}
.special-offer-card__price-detail .basic-price {
  background-color: inherit;
  color: #8E8E8E;
  text-decoration: line-through;
}
.special-offer-card__price-detail .discount-rate {
  margin-right: 8px;
}
.special-offer-card__price-detail .discount-rate:after {
  content: "%";
}
.special-offer-card__price-detail .sale-price:after {
  content: "원";
  vertical-align: middle;
  margin-left: 4px;
}

.promotion-property-card {
  display: inline-flex;
  flex-direction: row;
  width: inherit;
  height: 104px;
  justify-content: center;
  cursor: pointer;
}
.promotion-property-card img {
  width: 80px;
  height: 104px;
  flex-shrink: 0;
  object-fit: cover;
  border-radius: 12px;
}
.promotion-property-card__container {
  width: 100%;
  margin-left: 16px;
}
.promotion-property-card__property-detail {
  margin-top: 0;
  height: 50%;
  text-align: left;
}
.promotion-property-card__price-detail {
  text-align: right;
}
.promotion-property-card__price-detail .basic-price {
  background-color: inherit;
  color: #8E8E8E;
  text-decoration: line-through;
}
.promotion-property-card__price-detail .discount-rate {
  margin-right: 10px;
}
.promotion-property-card__price-detail .discount-rate:after {
  content: "%";
}
.promotion-property-card__price-detail .sale-price:after {
  content: "원";
  vertical-align: middle;
  margin-left: 4px;
}

.checkin-checkout-container {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: 100%;
  height: 80px;
  text-align: center;
}
.checkin-checkout-container .checkin-box, .checkin-checkout-container .checkout-box {
  display: inline-flex;
  width: 50%;
}
.checkin-checkout-container .checkin-box {
  justify-content: end;
  border-right: 0.5px solid #000000;
}
.checkin-checkout-container .checkin-box .checkin-time {
  margin-right: 4rem;
}
.checkin-checkout-container .checkin-box .checkin-time :nth-child(2) {
  background-color: inherit;
  color: #EA3352;
}
.checkin-checkout-container .checkout-box {
  justify-content: start;
  border-left: 0.5px solid #000000;
}
.checkin-checkout-container .checkout-box .checkout-time {
  margin-left: 4rem;
}
.checkin-checkout-container .checkout-box .checkout-time :nth-child(2) {
  background-color: inherit;
  color: #EA3352;
}

.chip {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #EAEAEA;
  border-radius: 22px;
  background-color: #FFFFFF;
  color: inherit;
  width: max-content;
  height: 38px;
  flex-direction: row;
  text-align: center;
  padding: 8px 16px;
  cursor: pointer;
}
.chip:active, .chip.selected {
  background-color: #E97D8F;
  color: #FFFFFF;
  border-color: #E97D8F;
  font-weight: bold;
}

.checkable-chip {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #EAEAEA;
  border-radius: 8px;
  background-color: #FFFFFF;
  color: inherit;
  flex-direction: row;
  gap: 4px;
  cursor: pointer;
  padding: 7px 14px 7px 10px;
}
.checkable-chip:active, .checkable-chip.checked {
  background-color: #E97D8F;
  color: #FFFFFF;
  border-color: #E97D8F;
  font-weight: bold;
}
.checkable-chip:active > img, .checkable-chip.checked > img {
  content: url("/images/icons/checked.svg");
}

/* 날짜 인원 공통 */
.date-and-headcount-picker-fragment__pickers-container {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 0;
  position: relative;
  flex-direction: row;
  gap: 10px;
}
.date-and-headcount-picker-fragment__container, #headcount-picker-input-container, #date-range-picker-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  color: #0C0C0C;
  border: none;
  border-radius: 4px;
  height: 44px;
  flex-direction: row;
  cursor: default;
}
.date-and-headcount-picker-fragment__container > img, #headcount-picker-input-container > img, #date-range-picker-container > img {
  width: 16px;
  height: 16px;
}
.date-and-headcount-picker-fragment__pickers-modal {
  width: 100%;
  height: 100%;
  z-index: 100;
  overflow-y: scroll;
}
.date-and-headcount-picker-fragment__pickers-modal .modal-dialog {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.date-and-headcount-picker-fragment__pickers-modal .modal-header {
  border: none;
  border-radius: 0;
}
.date-and-headcount-picker-fragment__pickers-modal .modal-body {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  flex-direction: column;
  padding: 0 20px;
  overflow-y: hidden;
  gap: 10px;
}
.date-and-headcount-picker-fragment__pickers-modal .modal-footer {
  height: 100px;
  padding: 20px;
  border: none;
}
.date-and-headcount-picker-fragment__pickers-modal .modal-footer > button {
  border: 1px solid #EA3352;
  border-radius: 8px;
  background-color: #FFFFFF;
  color: #EA3352;
  height: 60px;
  width: 100%;
}
.date-and-headcount-picker-fragment__pickers-modal .modal-footer > button:disabled {
  border: 1px solid #CBCBCB !important;
  border-radius: 8px !important;
  background-color: #CBCBCB !important;
  color: #FFFFFF !important;
}
.date-and-headcount-picker-fragment__pickers-modal .modal-footer > button:active {
  background-color: #EAEAEA;
  color: #f2072f;
  border-color: #f2072f;
}

@media screen and (max-width: 365px) {
  #date-and-headcount-picker-container {
    height: auto;
    flex-direction: column;
  }
  #date-and-headcount-picker-container #date-range-picker-container {
    width: 100%;
  }
  #date-and-headcount-picker-container #headcount-picker-input-container {
    width: 100%;
  }
  #date-and-headcount-picker-container #headcount-picker-input-container div:first-child, #date-and-headcount-picker-container #headcount-picker-input-container div:last-child {
    width: 50%;
  }
}
/* 스위치 */
.date-and-headcount-picker-switch {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: row;
}
.date-and-headcount-picker-switch__button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #515151;
  color: inherit;
  width: 200px;
  height: 44px;
  flex-direction: row;
  border-radius: 22px;
}
.date-and-headcount-picker-switch__button-container > button {
  background-color: #515151;
  color: #FFFFFF;
  border: none;
  border-radius: 22px;
  width: 96px;
  height: 36px;
}
.date-and-headcount-picker-switch__button-container > button.selected, .date-and-headcount-picker-switch__button-container > button:active {
  background-color: #FFFFFF;
  color: #0C0C0C;
  font-weight: bold;
}

/* 날짜 선택 인풋 */
#date-range-picker-container {
  width: 55%;
  padding: 12px 0;
  gap: 4px;
}

#date-range-picker {
  display: none;
}

#picked-formatted-dates {
  min-width: 120px;
  margin-right: 2%;
}

/* 날짜 선택 컨테이너 */
.daterangepicker {
  display: inline-flex;
  justify-content: center;
  align-items: flex-start;
  border: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin-top: 0 !important;
  flex-direction: row;
  flex-wrap: wrap;
  position: static !important;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.daterangepicker::-webkit-scrollbar {
  display: none;
}

.daterangepicker:before,
.daterangepicker:after {
  /* 꼬리 제거 */
  display: none;
}

/* 캘린더 컨테이너 */
.daterangepicker .drp-calendar.left .calendar-table {
  border-radius: 16px;
}

.daterangepicker .drp-calendar {
  width: 100%;
  max-width: 322px;
  margin: 20px 0 0 !important;
  padding: 0 !important;
}
.daterangepicker .drp-calendar.left {
  margin: 26px 33px 0 30px;
}
.daterangepicker .drp-calendar.right {
  display: none;
}

.calendar-table {
  width: 100%;
  padding-right: 0 !important;
}

.daterangepicker .calendar-table table {
  height: 250px;
}

.table-condensed {
  position: relative;
}

/* 월 년도 / next 버튼 row */
.table-condensed > thead > tr:first-child {
  height: 30px;
}
.table-condensed > thead > tr:first-child > th {
  border: none;
  border-radius: 999px;
  height: 70px;
}
.table-condensed > thead > tr:first-child > th:nth-child(2) {
  background-color: inherit;
  color: #515151;
}
.table-condensed > thead > tr:first-child > th:nth-child(2n-1).available {
  width: 30px !important;
  min-width: 30px !important;
  height: 30px;
  position: absolute;
  padding: 7px;
  top: 35px;
  transform: translate(0%, -50%);
}
.table-condensed > thead > tr:first-child > th:nth-child(2n-1).available:active {
  background-color: #EAEAEA;
  color: inherit;
}
.table-condensed > thead > tr:first-child th.prev.available {
  left: 0;
}
.table-condensed > thead > tr:first-child th.next.available {
  right: 0;
}

/* 요일 row */
.table-condensed > thead > tr:nth-child(2) {
  height: 38px;
}
.table-condensed > thead > tr:nth-child(2) > th {
  border-radius: 0 !important;
}

/* 날짜 row */
.table-condensed > tbody > tr {
  height: 46px;
}

/* 년도 월 cel */
.table-condensed > thead > tr:nth-child(1) > th {
  background-color: inherit;
  color: #515151;
  padding-bottom: 0 !important;
}

/* 요일 cel */
.table-condensed > thead > tr:nth-child(2) > th {
  background-color: #FAFAFA;
  color: #0C0C0C;
}

/* 날짜 cel */
.table-condensed > tbody > tr > td {
  background-color: inherit;
  color: #515151;
  font-size: 16px !important;
}

.daterangepicker .calendar-table td {
  border: none;
}

.daterangepicker td.off.disabled:not(.ends) {
  background-color: inherit;
  color: #CBCBCB;
  text-decoration: none;
}
.daterangepicker td.off:not(.disabled) {
  visibility: hidden;
  pointer-events: none;
}

/* 이번달의 다음달 날짜 cel */
.daterangepicker td.ends {
  visibility: hidden !important;
  pointer-events: none;
}

/* 일요일인 col */
.table-condensed > tbody > tr > td:nth-child(1):not(.off) {
  background-color: inherit;
  color: #F2705D;
}

/* 공휴일인 cel */
.holiday:not(.off) {
  color: #F2705D !important;
}

/* 예약 마감인 cel */
.occupancy,
.occupancy:hover,
.occupancy:active {
  position: relative;
}
.occupancy:not(.next-avail),
.occupancy:hover:not(.next-avail),
.occupancy:active:not(.next-avail) {
  color: #CBCBCB !important;
  pointer-events: none;
}
.occupancy:after,
.occupancy:hover:after,
.occupancy:active:after {
  color: #515151 !important;
  width: 100%;
  content: "\a마감";
  position: absolute;
  top: 1px;
  left: 0;
  white-space: pre;
  font-weight: 400;
  font-size: 7px;
}

/* 토요일인 col */
.table-condensed > tbody > tr > td:nth-child(7):not(.off) {
  background-color: inherit;
  color: #004FC5;
}

/* 선택한 날짜 cel */
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.in-range,
.daterangepicker td.in-range:hover {
  background-color: #EA3352 !important;
  color: #FFFFFF !important;
}

/* 선택 버튼 */
.daterangepicker.show-calendar .drp-buttons {
  display: none;
}

/* 인원 선택 인풋 */
#headcount-picker-input-container {
  width: 45%;
  padding: 12px 0;
}
#headcount-picker-input-container div:first-child {
  width: 45%;
  text-align: right;
  margin-left: 5px;
}
#headcount-picker-input-container div:last-child {
  width: 48%;
  text-align: left;
}

#adult-count,
#child-count,
#adult-count:focus,
#child-count:focus {
  width: 25px;
  text-align: left;
  border: none;
  outline: none;
  margin-left: 1px;
  padding: 0;
}

/* 인원 선택 */
#headcount-picker {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 296px;
  flex-direction: row;
}

.headcount-picker-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 218px;
  flex-direction: column;
}
.headcount-picker-container__card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #FAFAFA;
  color: #0C0C0C;
  width: 320px;
  height: 78px;
  padding: 20px;
  flex-direction: row;
}
.headcount-picker-container__stepper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: inherit;
  color: #EA3352;
  width: 115px;
  flex-direction: row;
}
.headcount-picker-container__stepper > button {
  background-color: #CBCBCB;
  color: inherit;
  border: none;
  border-radius: 999px;
  width: 23px;
  height: 23px;
  padding: 0;
}
.headcount-picker-container__stepper > button:active {
  background-color: #515151;
  color: inherit;
}
.headcount-picker-container > span {
  background-color: inherit;
  color: #0C0C0C;
}

.dropdown .dropdown__item--selected, .dropdown .dropdown-menu__modal-content .region-selector__right-content li.selected, .dropdown .dropdown-menu__modal-content .region-selector__left-content li.selected, .dropdown .dropdown-menu .region-selector-header > li.selected {
  background-color: #FBE6E9;
  color: #EA3352;
  font-weight: bold;
}
.dropdown .dropdown-button {
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  background-color: inherit;
  color: #FFFFFF;
  min-width: 165px;
  width: fit-content;
  max-width: 100%;
  height: 35px;
  padding: 6.5px 10px;
  justify-content: space-between;
}
.dropdown .dropdown-button > div, .dropdown .dropdown-button > div > div {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
}
.dropdown .dropdown-menu {
  border: none;
  border-radius: 0;
  display: none;
  height: 100%;
  padding: 0 !important;
}
.dropdown .dropdown-menu .modal.show .modal-dialog {
  height: auto;
  border: none;
}
.dropdown .dropdown-menu .modal-dialog.modal-content {
  border: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
.dropdown .dropdown-menu__modal-header {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #FFFFFF;
  color: inherit;
  width: 100vw;
  height: 56px;
  border: none;
}
.dropdown .dropdown-menu__modal-header i {
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
}
.dropdown .dropdown-menu .region-selector-header {
  width: 100vw;
  height: 40px;
  border-bottom: 1px solid #EAEAEA;
}
.dropdown .dropdown-menu .region-selector-header > li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px;
}
.dropdown .dropdown-menu__modal-body {
  width: 100vw;
  padding: 0;
}
.dropdown .dropdown-menu__modal-content {
  display: inline-flex;
  flex-direction: row;
  background-color: #FFFFFF;
  color: inherit;
  width: 100vw;
  height: 100vh;
}
.dropdown .dropdown-menu__modal-content .region-selector__left-content {
  display: inline-flex;
  flex-direction: column;
  width: 40%;
  min-height: 100%;
  height: max-content;
  align-items: center;
  gap: 10px;
  border-right: 1px solid #EAEAEA;
}
.dropdown .dropdown-menu__modal-content .region-selector__left-content li {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 11px 20px;
  flex-direction: row;
}
.dropdown .dropdown-menu__modal-content .region-selector__right-content {
  display: inline-flex;
  flex-direction: column;
  width: 60%;
  height: 100%;
  align-items: start;
  gap: 10px;
  overflow-y: scroll;
}
.dropdown .dropdown-menu__modal-content .region-selector__right-content li {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 11px 20px;
  flex-direction: row;
}
#property-detail-image-slider.swiper-container, #roomtype-detail-image-slider.swiper-container {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}
#property-detail-image-slider.swiper-container .swiper-wrapper .swiper-slide, #roomtype-detail-image-slider.swiper-container .swiper-wrapper .swiper-slide {
  background-color: #FFFFFF;
  color: inherit;
  width: 100%;
  height: 360px;
  text-align: center;
  font-size: 18px;
}
#property-detail-image-slider.swiper-container .swiper-wrapper .swiper-slide img, #roomtype-detail-image-slider.swiper-container .swiper-wrapper .swiper-slide img {
  display: block;
  width: inherit;
  height: 100%;
  object-fit: cover;
}
#property-detail-image-slider.swiper-container .swiper-wrapper .not-found-image-container, #roomtype-detail-image-slider.swiper-container .swiper-wrapper .not-found-image-container {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: inherit;
  height: 360px;
  flex-direction: row;
}
#property-detail-image-slider.swiper-container .swiper-wrapper .not-found-image-container img, #roomtype-detail-image-slider.swiper-container .swiper-wrapper .not-found-image-container img {
  display: block;
  width: 100px;
  height: 100px;
}
#property-detail-image-slider.swiper-container .swiper-wrapper .not-found-image-container img.no-result, #roomtype-detail-image-slider.swiper-container .swiper-wrapper .not-found-image-container img.no-result {
  width: inherit;
  height: inherit;
  object-fit: cover;
}
#property-detail-image-slider.swiper-container .swiper-button-next, #property-detail-image-slider.swiper-container .swiper-button-prev, #roomtype-detail-image-slider.swiper-container .swiper-button-next, #roomtype-detail-image-slider.swiper-container .swiper-button-prev {
  background-color: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.7);
  width: 35px;
  height: 35px;
  margin: 0 auto;
  border-radius: 30px;
}
#property-detail-image-slider.swiper-container .swiper-button-next:after, #property-detail-image-slider.swiper-container .swiper-button-next:before, #property-detail-image-slider.swiper-container .swiper-button-prev:after, #property-detail-image-slider.swiper-container .swiper-button-prev:before, #roomtype-detail-image-slider.swiper-container .swiper-button-next:after, #roomtype-detail-image-slider.swiper-container .swiper-button-next:before, #roomtype-detail-image-slider.swiper-container .swiper-button-prev:after, #roomtype-detail-image-slider.swiper-container .swiper-button-prev:before {
  transform: scale(0.4);
}

#banner-image-slider.swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 0.75rem;
  margin: auto;
}
#banner-image-slider.swiper-container .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  color: inherit;
  max-height: 600px;
  text-align: center;
  font-size: 18px;
}
#banner-image-slider.swiper-container .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

input {
  border: 1px solid #8E8E8E;
  border-radius: 4px;
}
input:focus {
  border: 1px solid #515151;
  outline: none;
}
input::placeholder {
  background-color: inherit;
  color: #8E8E8E;
}
input[type=checkbox], input[type=radio] {
  height: 18px;
  transform: scale(1.3);
  margin: 0 13px 0 4px;
  accent-color: #EA3352;
}

.checkbox, .radio-button {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}

.input-container.name-en, .input-container.stepper {
  width: calc(50% - 5px);
}
.input-container.stepper {
  position: relative;
}
.input-container.stepper:before {
  top: 52px;
}
.input-container.stepper:after {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 68px;
}
.input-container.stepper > input::-webkit-inner-spin-button, .input-container.stepper > input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  padding: 20px 12px;
  margin-right: -10px;
  cursor: pointer;
  z-index: 1;
}

.input-container, .phone-number-container {
  display: inline-flex;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  flex-direction: column;
}
.input-container input, .phone-number-container input {
  border: 1px solid #8E8E8E;
  border-radius: 4px;
  padding: 10px 20px;
}
.input-container input:focus::placeholder, .phone-number-container input:focus::placeholder {
  background-color: inherit;
  color: #FFFFFF;
}
.input-container input::placeholder, .phone-number-container input::placeholder {
  background-color: inherit;
  color: #8E8E8E;
}
.input-container .required, .phone-number-container .required {
  background-color: inherit;
  color: #f2072f;
}
.input-container .phone-number__group, .phone-number-container .phone-number__group {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  gap: 10px;
}
.input-container .phone-number__group .phone-number-input, .phone-number-container .phone-number__group .phone-number-input {
  width: 100%;
}

.card-number-container {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}

.card-number {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  gap: 10px;
}
.card-number > input {
  border: 1px solid #8E8E8E;
  border-radius: 4px;
  padding: 14px 0;
  text-align: center;
}

.modal.fade:not(.middle) .modal-dialog,
.modal.fade:not(.middle) .slide-up {
  animation: animatebottom 0.5s;
}
@keyframes animatebottom {
  from {
    bottom: -300px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}

.modal.fade.middle .modal-dialog,
.modal.fade.middle .slide-up {
  animation: animatefadein 0.6s;
}
@keyframes animatefadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#api-call-failed-modal {
  display: none;
}

.api-call-failed-modal {
  background-color: #0C0C0C;
  color: inherit;
}
.api-call-failed-modal .modal-dialog.modal-dialog-centered {
  width: 100vw;
  height: 100vh;
  margin: 0 auto !important;
}
.api-call-failed-modal__modal-content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  color: inherit;
  width: 320px;
  height: auto;
  flex-direction: column;
  margin: 0 auto;
  padding: 30px 20px 20px;
  border-radius: 16px;
}
.api-call-failed-modal__modal-content .api-call-failed-modal-button {
  width: 100%;
  height: 40px;
  border-radius: 8px !important;
}
.api-call-failed-modal .modal-content__title {
  text-align: center;
  padding-bottom: 20px;
}

#cancellation-info-modal {
  display: none;
}

.cancellation-info-modal {
  background-color: #0C0C0C;
  color: inherit;
}
.cancellation-info-modal .modal-dialog.modal-dialog-centered {
  width: 100vw;
  height: 100vh;
  margin: 0 auto !important;
}
.cancellation-info-modal__modal-content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  color: inherit;
  width: 320px;
  height: auto;
  flex-direction: column;
  margin: 0 auto;
  padding: 20px;
  border-radius: 16px;
}
.cancellation-info-modal .modal-content__title {
  margin: 12px 0 8px;
}
.cancellation-info-modal .modal-content__warning-text {
  text-align: center;
  margin-bottom: 20px;
}
.cancellation-info-modal .modal-content__button-group {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.cancellation-info-modal .modal-content__button-group .cancellation-info-modal-button {
  width: 135px;
  height: 40px;
  border-radius: 8px !important;
}

.cancellation-refund-policy-modal {
  display: none;
  height: 100%;
  padding: 0 !important;
  overflow: hidden;
}
.cancellation-refund-policy-modal .modal-dialog.modal-content {
  border: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
.cancellation-refund-policy-modal__modal-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #FFFFFF;
  color: inherit;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3rem;
  z-index: 100;
}
.cancellation-refund-policy-modal__modal-header i {
  margin-right: 12px;
}
.cancellation-refund-policy-modal__modal-content {
  display: inline-flex;
  flex-direction: column;
  background-color: #FFFFFF;
  color: inherit;
  width: 100vw;
  height: 100vh;
  padding: 20px 0 150px;
  margin: 2.8rem 0 40px;
}
.cancellation-refund-policy-modal__modal-content .modal-title {
  padding: 0 20px 20px;
}
.cancellation-refund-policy-modal__modal-content .modal-body {
  padding: 0 20px;
  overflow-y: scroll;
  max-height: calc(100vh - 206px);
}
.cancellation-refund-policy-modal__modal-content .cancellation-refund-policy-modal-button {
  position: absolute;
  bottom: 0;
  width: 90%;
  height: 60px;
  align-self: center;
  margin: 20px;
  border-radius: 8px !important;
}
.cancellation-refund-policy-modal .modal-content__title {
  margin-bottom: 30px;
}
.cancellation-refund-policy-modal .modal-content__notice {
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0 20px 20px;
}
.cancellation-refund-policy-modal .modal-content__content-group {
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 10px;
}
.cancellation-refund-policy-modal .modal-content__content-text {
  margin-bottom: 60px;
  white-space: pre-line;
}

.choose-coupon-modal {
  display: none;
  height: 100%;
  padding: 0 !important;
}
.choose-coupon-modal .modal-dialog.modal-content {
  border: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
.choose-coupon-modal__modal-header {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #FFFFFF;
  color: inherit;
  width: 100vw;
  height: 56px;
  border: none;
}
.choose-coupon-modal__modal-header i {
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
}
.choose-coupon-modal__modal-content {
  display: inline-flex;
  flex-direction: column;
  background-color: #FFFFFF;
  color: inherit;
  width: 100vw;
  height: 100vh;
  padding: 20px;
}
.choose-coupon-modal__modal-content #choose-coupon-modal-button {
  position: absolute;
  bottom: 0;
  width: 90%;
  height: 60px;
  align-self: center;
  margin: 20px 20px 30px;
}
.choose-coupon-modal .modal-content__title {
  margin-bottom: 50px;
}
.choose-coupon-modal .modal-content__content {
  display: inline-flex;
  flex-direction: column;
  max-height: calc(100vh - 330px);
  overflow: hidden;
  overflow-y: auto;
}
.choose-coupon-modal .modal-content__content #enabled-coupon-list {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  flex-direction: column;
  gap: 25px 0;
  margin: 25px 0 0 0;
}
.choose-coupon-modal .modal-content__content #enabled-coupon-list > .radio-button {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  flex-direction: row;
}

#coupon-down-failed-modal {
  display: none;
}

.coupon-down-failed-modal {
  background-color: #0C0C0C;
  color: inherit;
  display: block;
}
.coupon-down-failed-modal__modal-content {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  background-color: #FFFFFF;
  color: inherit;
  width: 320px;
  min-height: 242px;
  flex-direction: column;
  text-align: center;
  padding: 20px;
  margin: 0 auto;
  border-radius: 16px;
}
.coupon-down-failed-modal .modal-content__contents {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: 4px;
}
.coupon-down-failed-modal .modal-content__contents > img {
  height: 70px;
}
.coupon-down-failed-modal .modal-content__message-container {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.coupon-down-failed-modal .modal-content__button {
  height: 40px;
  width: 100%;
  border-radius: 8px !important;
}

#coupon-down-success-modal {
  display: none;
}

.coupon-down-success-modal {
  background-color: #0C0C0C;
  color: inherit;
  display: block;
}
.coupon-down-success-modal__modal-content {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  background-color: #FFFFFF;
  color: inherit;
  width: 320px;
  min-height: 242px;
  flex-direction: column;
  text-align: center;
  padding: 20px;
  margin: 0 auto;
  border-radius: 16px;
}
.coupon-down-success-modal .modal-content__contents {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: 4px;
}
.coupon-down-success-modal .modal-content__contents > img {
  height: 70px;
}
.coupon-down-success-modal .modal-content__message-container {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding-top: 12px;
}
.coupon-down-success-modal .modal-content__button {
  height: 40px;
  width: 100%;
  border-radius: 8px !important;
}

.package-detail-modal {
  display: none;
  height: 100%;
}
.package-detail-modal .modal.show .modal-dialog {
  height: auto;
  border: none;
}
.package-detail-modal .modal-dialog-scrollable .modal-body {
  padding: 0;
  margin-bottom: 100px;
}
.package-detail-modal .modal-fullscreen {
  border: none;
}
.package-detail-modal__header {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #FFFFFF;
  color: inherit;
  height: 56px;
  border: none;
}
.package-detail-modal__header i {
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
}
.package-detail-modal__content {
  display: inline-flex;
  flex-direction: column;
  background-color: #FFFFFF;
  color: inherit;
  width: 100vw;
  margin-left: -1px;
  padding-bottom: 80px;
}
.package-detail-modal__content > #detail.swiper-container {
  margin-top: 56px;
}
.package-detail-modal__content .package-detail__title {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: column;
  width: 100%;
  padding: 20px;
}
.package-detail-modal__content .package-detail__title .text-group1 {
  width: 100%;
  height: 100%;
  margin-top: 0;
  text-align: left;
}
.package-detail-modal__content .package-detail__title .text-group1 .show-refund-policy-modal {
  display: inline-flex;
  width: auto;
  max-width: 50%;
  flex-wrap: wrap;
  cursor: pointer;
}
.package-detail-modal__content .package-detail__title .text-group2 {
  width: 100%;
  text-align: right;
}
.package-detail-modal__content .package-detail__title .text-group2__price {
  background-color: inherit;
  color: #8E8E8E;
  text-decoration: line-through;
}
.package-detail-modal__content .package-detail__title .text-group2__percent {
  margin-right: 10px;
}
.package-detail-modal__content .package-detail__title .text-group2__percent:after {
  content: "%";
}
.package-detail-modal__content .package-detail__title .text-group2__discount-price:after {
  content: "원";
  vertical-align: middle;
  margin-left: 4px;
}
.package-detail-modal__content .package-detail__title .text-group2 #extra-person-cost-notice-message {
  display: none;
  width: max-content;
}
.package-detail-modal__content .package-detail__title .text-group2 #extra-person-cost-notice-message i {
  margin-right: 3px;
}
.package-detail-modal__content .package-detail__roomtype-tags {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #F8F8F8;
  color: inherit;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  padding: 20px;
  margin-bottom: 30px;
}
.package-detail-modal__content .package-detail__roomtype-tags .roomtype-tags {
  width: 100%;
}
.package-detail-modal__content .package-detail__roomtype-tags .roomtype-tags__room-info, .package-detail-modal__content .package-detail__roomtype-tags .roomtype-tags__bed-info {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}
.package-detail-modal__content .package-detail__roomtype-tags .roomtype-tags__room-info .image-tag {
  width: 70px;
}
.package-detail-modal__content .package-detail__roomtype-tags .roomtype-tags__bed-info {
  gap: 0;
}
.package-detail-modal__content .package-detail__section {
  width: 100%;
  margin-bottom: 3.5rem;
  padding: 0 20px;
}
.package-detail-modal__content .package-detail__section .information-text {
  white-space: pre-wrap;
}
.package-detail-modal__content .package-detail__section #package-information-text {
  height: 100%;
  max-height: 280px;
  overflow: hidden;
}
.package-detail-modal__content .package-detail__section .view-more-package-detail {
  display: none;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #EAEAEA;
  cursor: pointer;
}
.package-detail-modal__content .package-detail__section .view-more-package-detail i {
  margin-left: 10px;
  font-size: 18px;
}
.package-detail-modal__content .package-detail__section .roomtype-amenity-tags {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}
.package-detail-modal__content .package-detail__go-to-reservation-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  color: inherit;
  width: 100%;
  height: 100px;
  padding: 20px;
  position: fixed;
  bottom: 0;
}
.package-detail-modal__content .package-detail__go-to-reservation-button > .button {
  height: 100%;
  width: 100%;
  border-radius: 8px !important;
}

#payment-error-modal, #payment-cancel-modal, #payment-timeout-modal, #payment-soldout-modal,
#payment-loading-modal, #payment-cancel-loading-modal {
  display: none;
}

.payment-info-modal {
  background-color: #0C0C0C;
  color: inherit;
}
.payment-info-modal__modal-content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  color: inherit;
  width: 320px;
  height: auto;
  flex-direction: column;
  margin: 0 auto;
  padding: 30px 20px 20px;
  border-radius: 16px;
}
.payment-info-modal__modal-content img {
  max-width: 85px;
  max-height: 85px;
  padding-bottom: 10px;
}
.payment-info-modal__modal-content .payment-info-modal-button {
  width: 100%;
  height: 40px;
  border-radius: 8px !important;
}
.payment-info-modal .modal-content__title {
  text-align: center;
  padding-bottom: 20px;
}
.payment-info-modal .modal-content__content {
  padding-bottom: 20px;
}

.personal-information-rule-modal-fragment {
  display: none;
}
.personal-information-rule-modal-fragment table {
  margin-top: 20px;
  border-color: #EAEAEA;
}
.personal-information-rule-modal-fragment table thead {
  background-color: #F8F8F8;
  color: inherit;
}
.personal-information-rule-modal-fragment table thead tr > th {
  font-weight: 400;
}
.personal-information-rule-modal-fragment table th, .personal-information-rule-modal-fragment table td {
  height: 30px;
  width: inherit;
  text-align: center;
  vertical-align: middle;
}
.personal-information-rule-modal-fragment table th:first-child,
.personal-information-rule-modal-fragment table td:first-child {
  border-left: none;
}
.personal-information-rule-modal-fragment table th:last-child,
.personal-information-rule-modal-fragment table td:last-child {
  border-right: none;
}
.personal-information-rule-modal-fragment__header {
  display: inline-flex;
  flex-direction: row;
  height: 56px;
  justify-content: end;
  padding: 16px 20px;
  border: none;
}
.personal-information-rule-modal-fragment__body {
  padding: 0 20px 8px;
}
.personal-information-rule-modal-fragment__body .title {
  background-color: inherit;
  color: #0C0C0C;
  padding: 10px 0 20px;
}
.personal-information-rule-modal-fragment__body .content {
  display: inline-flex;
  flex-direction: column;
  background-color: inherit;
  color: #000000;
  gap: 20px;
}
.personal-information-rule-modal-fragment__footer {
  display: inline-flex;
  flex-direction: row;
  height: 100px;
  padding: 20px;
  justify-content: center;
  border: none;
}
.personal-information-rule-modal-fragment__footer > .button {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 8px !important;
}

#reservation-cancel-modal {
  display: none;
}

.reservation-cancel-modal {
  background-color: #0C0C0C;
  color: inherit;
}
.reservation-cancel-modal .modal-dialog.modal-dialog-centered {
  width: 100vw;
  height: 100vh;
  margin: 0 auto !important;
}
.reservation-cancel-modal__modal-content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  color: inherit;
  width: 320px;
  height: auto;
  flex-direction: column;
  margin: 0 auto;
  padding: 20px;
  border-radius: 16px;
}
.reservation-cancel-modal .modal-content__title {
  margin: 12px 0 8px;
}
.reservation-cancel-modal .modal-content__warning-text {
  text-align: center;
  margin-bottom: 20px;
}
.reservation-cancel-modal .modal-content__button-group {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.reservation-cancel-modal .modal-content__button-group .cancellation-invalid-button {
  width: 135px;
  height: 40px;
  border-radius: 8px !important;
}

.search-tag-filter-modal {
  display: none;
  height: 100%;
  padding: 0 !important;
  overflow: hidden;
}
.search-tag-filter-modal .modal-dialog.modal-content {
  border: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
.search-tag-filter-modal__modal-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #FFFFFF;
  color: inherit;
  width: 100vw;
  height: 56px;
  border: none;
}
.search-tag-filter-modal__modal-header i {
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
}
.search-tag-filter-modal__modal-content {
  display: inline-flex;
  flex-direction: column;
  background-color: #FFFFFF;
  color: inherit;
  width: 100vw;
  height: 100%;
  padding: 20px;
}
.search-tag-filter-modal__modal-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  color: inherit;
  width: 100vw;
  height: 100px;
  padding: 20px;
  position: absolute;
  bottom: 0;
  flex-direction: row;
  z-index: 100;
  border: none;
}
.search-tag-filter-modal__modal-footer > .button {
  width: 100%;
  height: 60px;
}
.search-tag-filter-modal .modal-content__title {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.search-tag-filter-modal .modal-content__tag-list {
  display: inline-flex;
  flex-direction: column;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  margin-bottom: 132px;
  gap: 20px;
}
.search-tag-filter-modal .modal-content .tag-list__container {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
  gap: 10px;
}

.service-usage-rule-fragment {
  display: none;
}
.service-usage-rule-fragment__header {
  display: inline-flex;
  flex-direction: row;
  height: 56px;
  justify-content: end;
  padding: 16px 20px;
  border: none;
}
.service-usage-rule-fragment__body {
  padding: 0 20px 8px;
}
.service-usage-rule-fragment__body .title {
  background-color: inherit;
  color: #0C0C0C;
  padding: 10px 0 20px;
}
.service-usage-rule-fragment__body .content {
  background-color: inherit;
  color: #000000;
}
.service-usage-rule-fragment__body .content > .sub-title {
  padding: 20px 0;
  font-weight: 700;
}
.service-usage-rule-fragment__footer {
  display: inline-flex;
  flex-direction: row;
  height: 100px;
  padding: 20px;
  justify-content: center;
  border: none;
}
.service-usage-rule-fragment__footer > .button {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 8px !important;
}

#informational-policy-modal {
  display: none;
}

.informational-policy-modal {
  display: block;
  height: 100%;
  overflow: hidden;
  background-color: rgba(12, 12, 12, 0.4392156863);
}
.informational-policy-modal .modal-dialog {
  display: inline-flex;
  justify-content: center;
  align-items: flex-end;
  border: none;
  border-radius: 0;
  width: 100vw;
  max-width: none;
  height: 100vh;
  margin: 0;
}
.informational-policy-modal .modal-content {
  height: 65%;
  padding: 20px;
  border-radius: 20px 20px 0 0;
  border: none;
}
.informational-policy-modal .modal-header {
  padding: 0 0 10px;
  border: none;
  color: #000000;
}
.informational-policy-modal .modal-body {
  display: inline-flex;
  flex-direction: column;
  padding: 0 0 20px;
  color: #0C0C0C;
  overflow-y: scroll;
  row-gap: 20px;
}
.informational-policy-modal .modal-body__policy-table {
  background-color: #F7F8F9;
  color: #0C0C0C;
  border-top: 1px solid #0C0C0C;
}
.informational-policy-modal .modal-body__policy-table tr {
  border-bottom: 1px solid #EAEAEA;
}
.informational-policy-modal .modal-body__policy-table tr td {
  display: inline-flex;
  flex-direction: column;
  padding: 10px 20px;
  row-gap: 4px;
}
.informational-policy-modal .modal-body__policy-table tr td span:last-child {
  color: #515151;
}
.informational-policy-modal .modal-footer {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0 0;
  gap: 16px;
}
.informational-policy-modal .modal-footer > .sub2, .informational-policy-modal .date-and-headcount-picker-fragment__pickers-modal .modal-footer > button, .date-and-headcount-picker-fragment__pickers-modal .informational-policy-modal .modal-footer > button, .informational-policy-modal .table-condensed > thead > tr.modal-footer:first-child > th:nth-child(2) {
  margin: 0;
  height: 100%;
  width: calc(50% - 8px);
}

.search-point-modal {
  display: none;
  height: 100%;
  padding: 0 !important;
}
.search-point-modal .modal-dialog.modal-content {
  border: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
.search-point-modal__modal-header {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #FFFFFF;
  color: inherit;
  width: 100vw;
  height: 56px;
  border: none;
}
.search-point-modal__modal-header i {
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
}
.search-point-modal__modal-content {
  display: inline-flex;
  flex-direction: column;
  background-color: #FFFFFF;
  color: inherit;
  width: 100vw;
  height: 100vh;
  padding: 10px 20px;
}
.search-point-modal .modal-content__title {
  padding-bottom: 10px;
  color: #000000;
}
.search-point-modal .modal-content__content {
  display: inline-flex;
  flex-direction: column;
  padding: 10px 0;
  gap: 20px;
}
.search-point-modal .modal-content__content .item-section {
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.search-point-modal .modal-content__content .item-section__content {
  flex-wrap: wrap;
}
.search-point-modal .modal-content__content .card-number-container {
  row-gap: 10px;
}
.search-point-modal .modal-content__content .card-number-container .card-number > input {
  height: 44px;
  width: calc(25% - 8px);
}
@media (max-width: 295px) {
  .search-point-modal .modal-content__content .card-number-container .card-number > input {
    width: calc(50% - 5px);
  }
}
.search-point-modal .modal-content__content .password-container {
  row-gap: 4px;
}
.search-point-modal .modal-content__content .password-container .password {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
}
.search-point-modal .modal-content__content .password-container .password > input {
  height: 44px;
  width: calc(75% - 3px);
  padding: 14px 20px;
}
.search-point-modal .modal-content__content .password-container .password > button {
  height: 44px;
  width: calc(25% - 3px);
  padding: 9px 20px;
}
@media (max-width: 295px) {
  .search-point-modal .modal-content__content .password-container .password > input,
  .search-point-modal .modal-content__content .password-container .password > button {
    width: 100%;
  }
}
.search-point-modal .modal-content__content .description-container > ul {
  list-style: disc inside;
}

#toss-payment-widget-modal {
  display: none;
}

.toss-payment-widget-modal {
  background-color: #0C0C0C;
  color: inherit;
  height: 100%;
}
.toss-payment-widget-modal .modal.show .modal-dialog {
  height: auto;
  border: none;
}
.toss-payment-widget-modal .modal-dialog-scrollable .modal-body {
  padding: 0;
}
.toss-payment-widget-modal .modal-fullscreen {
  border: none;
}
.toss-payment-widget-modal .modal-header {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #FFFFFF;
  color: inherit;
  border: none;
  border-radius: 0;
  height: 56px;
}
.toss-payment-widget-modal .modal-header i {
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
}
.toss-payment-widget-modal .modal-body {
  display: inline-flex;
  flex-direction: column;
  background-color: #FFFFFF;
}
.toss-payment-widget-modal .modal-footer {
  padding: 20px;
  border: none !important;
}
.toss-payment-widget-modal .modal-footer .payment-button {
  height: 50px;
  margin: 0;
}

.search-box-fragment {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 200px;
  flex-direction: column;
  padding: 20px;
  row-gap: 10px;
}
.search-box-fragment #search-box-keyword-container {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  color: inherit;
  width: 100%;
  height: 44px;
  text-align: center;
  border-radius: 4px;
}
.search-box-fragment__input-container {
  display: inline-block;
  width: 100%;
}
.search-box-fragment__input-container #search-box-input__readonly, .search-box-fragment__input-container #search-box-input__readonly:focus {
  background-color: inherit;
  color: #0C0C0C;
  max-width: 100%;
  min-width: 195px;
  border: none !important;
  outline: none;
  text-align: center;
  margin-left: -7px;
}
.search-box-fragment__input-container #search-box-input__readonly:focus::placeholder, .search-box-fragment__input-container #search-box-input__readonly:focus:focus::placeholder {
  background-color: inherit;
  color: #FFFFFF;
}
.search-box-fragment__input-container #search-box-input__readonly::placeholder, .search-box-fragment__input-container #search-box-input__readonly:focus::placeholder {
  background-color: inherit;
  color: #8E8E8E;
}
.search-box-fragment__input-container #search-box-input__readonly.error::placeholder, .search-box-fragment__input-container #search-box-input__readonly:focus.error::placeholder {
  background-color: inherit;
  color: #F2705D;
}
.search-box-fragment__keyword-modal {
  width: 100%;
  height: 100%;
  z-index: 100;
  overflow-y: scroll;
}
.search-box-fragment__keyword-modal .modal-dialog {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.search-box-fragment__keyword-modal .modal-header {
  border: none;
}
.search-box-fragment__keyword-modal .modal-body {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  flex-direction: column;
  gap: 10px;
}
.search-box-fragment__keyword-modal .modal-body #search-box-input {
  border: 1px solid #0C0C0C;
  border-radius: 4px;
  width: 100%;
  height: 50px;
  padding: 20px;
  outline: #0C0C0C;
}
.search-box-fragment__keyword-modal .modal-body #search-box-input:focus::placeholder {
  background-color: inherit;
  color: #FFFFFF;
}
.search-box-fragment__keyword-modal .modal-body #search-box-input::placeholder {
  background-color: inherit;
  color: #8E8E8E;
}
.search-box-fragment__keyword-modal .modal-body #search-box-input.error::placeholder {
  background-color: inherit;
  color: #F2705D;
}
.search-box-fragment__card-container {
  background-color: #FFFFFF;
  color: #0C0C0C;
  width: 100%;
  display: inline-flex;
  overflow-x: hidden;
  border: none;
}
.search-box-fragment__card-container > div {
  width: 100%;
  height: 100%;
}
.search-box-fragment__card-container > div > hr {
  margin: 10px 30px;
}
.search-box-fragment__suggest-items-container, .search-box-fragment__suggest-property, .search-box-fragment__suggest-tag {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-align: left;
  padding: 10px 0;
  margin: 0;
  flex-direction: row;
  gap: 10px;
}
.search-box-fragment__suggest-items-container > svg, .search-box-fragment__suggest-property > svg, .search-box-fragment__suggest-tag > svg {
  background-color: inherit;
  color: #8E8E8E;
  width: 24px;
  height: 24px;
}
.search-box-fragment__suggest-items-container > span, .search-box-fragment__suggest-property > span, .search-box-fragment__suggest-tag > span {
  width: 326px;
}
.search-box-fragment__search-button {
  width: 100%;
  height: 50px;
  border-radius: 8px !important;
}

.tab-content {
  width: 100%;
}

#roomtype-list-no-search-result {
  display: none;
}

.section {
  width: 100%;
  margin-bottom: 3.5rem;
}
.section__search-bar {
  background-color: #EAEAEA;
  color: inherit;
  padding: 20px;
  margin-bottom: 40px;
}
.section__search-bar > #date-and-headcount-picker-container #picked-formatted-dates {
  min-width: 120px;
  margin-right: 0;
}
.section__search-bar > #date-and-headcount-picker-container #picked-total {
  width: 30px;
  text-align: center;
}
.section__search-bar > #date-and-headcount-picker-container #apply-button {
  background-color: #EA3352;
  color: #FFFFFF;
}
.section__search-bar > #date-and-headcount-picker-container #apply-button:active {
  background-color: #f2072f;
  border: #f2072f;
}
.section__no-search-result {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  text-align: center;
  padding-bottom: 1.5rem;
  gap: 20px;
}
.section__no-search-result img {
  max-width: 100px;
  max-height: 670px;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.section__roomtype-list-loading {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 130px;
  padding-bottom: 30px;
}
.section__location-box {
  display: inline-flex;
  width: 100%;
  height: 400px;
  margin-bottom: 7px;
}
.section__description {
  white-space: pre-wrap;
}
.section #property-description {
  height: 100%;
  max-height: 280px;
  overflow: hidden;
}
.section .view-more-property-description {
  display: none;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
}
.section .view-more-property-description i {
  margin-left: 10px;
  font-size: 14px;
}
.section__property-refund-list {
  display: inline-flex;
  flex-direction: column;
  background-color: inherit;
  color: #292929;
  width: 100%;
  gap: 10px;
}
.section__property-refund-list .refund-data {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.section__property-refund-list .refund-precautions {
  padding: 10px 0;
}
.section__property-refund-list img {
  width: 100%;
  max-width: 320px;
}

.property-facility-tags {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px 30px;
}
.property-facility-tags > .image-tag {
  min-width: 43px;
  max-width: 43px;
}
.property-facility-tags > .image-tag__container {
  width: 40px;
  height: 40px;
}

.image-tag {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: 46px;
  min-height: 72px;
  flex-direction: column;
  text-align: center;
  cursor: pointer;
}
.image-tag__container {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-bottom: 6px;
}
.image-tag__container > img {
  position: absolute;
  width: inherit;
  height: inherit;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.image-tag__container.bg {
  background-color: #FAFAFA;
  color: inherit;
  padding: 25px;
  margin-bottom: 6px;
}
.image-tag__text {
  white-space: pre-line;
  width: max-content;
}

.partnership-tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: inherit;
  color: #f2072f;
  border: 1px solid #f2072f;
  border-radius: 22px;
  flex-direction: row;
  width: max-content;
  padding: 2px 10px;
  margin: 2px 0;
}

.text-tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 6px 13px;
  margin: 0 8px 8px 0;
  border-radius: 22px;
}
.text-tag.primary {
  background-color: #FBE6E9;
  color: #EA3352;
}
.text-tag.gray {
  background-color: #8E8E8E;
  color: #FFFFFF;
}
.text-tag.light-gray {
  background-color: #EAEAEA;
  color: #000000;
}
.text-tag.secondary {
  background-color: inherit;
  color: #EA3352;
  border: 1px solid #EA3352;
}
.text-tag.emerald {
  background-color: #0FCBE2;
  color: #FFFFFF;
}

.info-text-container {
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
}
.info-text-container > * {
  margin-right: 6px;
}
.info-text-container > .primary {
  background-color: inherit;
  color: #EA3352;
}
.info-text-container #refund-policy-until-text {
  cursor: pointer;
}
.info-text-container > i {
  cursor: pointer;
}
.info-text-container > i::before {
  font-size: 14px;
}

.location-text-container {
  display: inline-flex;
  flex-direction: row;
  background-color: inherit;
  color: #515151;
  align-items: baseline;
}
.location-text-container > i {
  cursor: pointer;
}
.location-text-container > i::before {
  font-size: 14px;
}

.create-booking-page {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 100vw;
}
.create-booking-page .excess-charges-container {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(242, 112, 93, 0.0588235294);
  color: inherit;
  flex-direction: column;
  width: 100%;
  padding: 16px 20px;
}
.create-booking-page .booking-page__section {
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  flex-direction: column;
}
.create-booking-page .booking-page__section .section__property-information {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.create-booking-page .booking-page__section .section__property-information .property-information__title {
  padding: 7px 20px;
}
.create-booking-page .booking-page__section .section__property-information .property-information__card {
  position: relative;
  width: 100%;
  height: 100%;
}
.create-booking-page .booking-page__section .section__reservation-information {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  padding: 0 20px;
}
.create-booking-page .booking-page__section .section__reservation-information .booker__name-en {
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.create-booking-page .booking-page__section .section__reservation-information .booker, .create-booking-page .booking-page__section .section__reservation-information .guest, .create-booking-page .booking-page__section .section__reservation-information .children {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  flex-direction: column;
}
.create-booking-page .booking-page__section .section__reservation-information .booker__information, .create-booking-page .booking-page__section .section__reservation-information .guest__information, .create-booking-page .booking-page__section .section__reservation-information .children__information {
  flex-direction: column;
  padding-top: 28px;
}
.create-booking-page .booking-page__section .section__reservation-information .booker__information .input-container, .create-booking-page .booking-page__section .section__reservation-information .booker__information .phone-number-container, .create-booking-page .booking-page__section .section__reservation-information .guest__information .input-container, .create-booking-page .booking-page__section .section__reservation-information .guest__information .phone-number-container, .create-booking-page .booking-page__section .section__reservation-information .children__information .input-container, .create-booking-page .booking-page__section .section__reservation-information .children__information .phone-number-container {
  padding-bottom: 12px;
}
.create-booking-page .booking-page__section .section__reservation-information .booker__information > .input-container:last-child, .create-booking-page .booking-page__section .section__reservation-information .guest__information > .input-container:last-child, .create-booking-page .booking-page__section .section__reservation-information .children__information > .input-container:last-child {
  padding-bottom: 20px;
}
.create-booking-page .booking-page__section .section__reservation-information .booker__use-checkbox, .create-booking-page .booking-page__section .section__reservation-information .guest__use-checkbox, .create-booking-page .booking-page__section .section__reservation-information .children__use-checkbox {
  padding: 8px 0;
}
.create-booking-page .booking-page__section .section__reservation-information .booker__use-checkbox > .caption1, .create-booking-page .booking-page__section .section__reservation-information .booking-page__reservation-button #create-reservation .booker__use-checkbox > .payment-amount:after, .create-booking-page .booking-page__reservation-button #create-reservation .booking-page__section .section__reservation-information .booker__use-checkbox > .payment-amount:after, .create-booking-page .booking-page__section .section__reservation-information .booking-card .property-preview-container .property-info .booker__use-checkbox > .discount-price:after, .booking-card .property-preview-container .property-info .create-booking-page .booking-page__section .section__reservation-information .booker__use-checkbox > .discount-price:after, .create-booking-page .booking-page__section .section__reservation-information .booking-card .booker__use-checkbox > .payment-info__amount:after, .booking-card .create-booking-page .booking-page__section .section__reservation-information .booker__use-checkbox > .payment-info__amount:after, .create-booking-page .booking-page__section .section__reservation-information .booking-card .coupon-selection-container .coupon-selection__item .booker__use-checkbox > #coupon-discount-amount:after, .booking-card .coupon-selection-container .coupon-selection__item .create-booking-page .booking-page__section .section__reservation-information .booker__use-checkbox > #coupon-discount-amount:after, .create-booking-page .booking-page__section .section__reservation-information .property-detail-card .rateplan-list-container .rateplan-list > .package-detail-container > .price-detail .booker__use-checkbox > .discount-price:after, .property-detail-card .rateplan-list-container .rateplan-list > .package-detail-container > .price-detail .create-booking-page .booking-page__section .section__reservation-information .booker__use-checkbox > .discount-price:after, .create-booking-page .booking-page__section .section__reservation-information .promotion-property-card__price-detail .booker__use-checkbox > .sale-price:after, .promotion-property-card__price-detail .create-booking-page .booking-page__section .section__reservation-information .booker__use-checkbox > .sale-price:after, .create-booking-page .booking-page__section .section__reservation-information .booker__use-checkbox > .date-and-headcount-picker-fragment__container, .create-booking-page .booking-page__section .section__reservation-information .date-and-headcount-picker-switch__button-container.booker__use-checkbox > button, .create-booking-page .booking-page__section .section__reservation-information .booker__use-checkbox > #date-range-picker-container, .create-booking-page .booking-page__section .section__reservation-information .table-condensed > thead > tr.booker__use-checkbox:nth-child(2) > th, .create-booking-page .booking-page__section .section__reservation-information .booker__use-checkbox > #headcount-picker-input-container, .create-booking-page .booking-page__section .section__reservation-information .package-detail-modal__content .package-detail__title .booker__use-checkbox > .text-group2__discount-price:after, .package-detail-modal__content .package-detail__title .create-booking-page .booking-page__section .section__reservation-information .booker__use-checkbox > .text-group2__discount-price:after, .create-booking-page .booking-page__section .section__reservation-information .informational-policy-modal .modal-body__policy-table tr td .booker__use-checkbox > span:last-child, .informational-policy-modal .modal-body__policy-table tr td .create-booking-page .booking-page__section .section__reservation-information .booker__use-checkbox > span:last-child, .create-booking-page .booking-page__section .section__reservation-information .search-box-fragment__input-container .booker__use-checkbox > #search-box-input__readonly, .search-box-fragment__input-container .create-booking-page .booking-page__section .section__reservation-information .booker__use-checkbox > #search-box-input__readonly, .create-booking-page .booking-page__section .section__reservation-information .booker__use-checkbox > .search-box-fragment__card-container, .create-booking-page .booking-page__section .section__reservation-information .guest__use-checkbox > .caption1, .create-booking-page .booking-page__section .section__reservation-information .booking-page__reservation-button #create-reservation .guest__use-checkbox > .payment-amount:after, .create-booking-page .booking-page__reservation-button #create-reservation .booking-page__section .section__reservation-information .guest__use-checkbox > .payment-amount:after, .create-booking-page .booking-page__section .section__reservation-information .booking-card .property-preview-container .property-info .guest__use-checkbox > .discount-price:after, .booking-card .property-preview-container .property-info .create-booking-page .booking-page__section .section__reservation-information .guest__use-checkbox > .discount-price:after, .create-booking-page .booking-page__section .section__reservation-information .booking-card .guest__use-checkbox > .payment-info__amount:after, .booking-card .create-booking-page .booking-page__section .section__reservation-information .guest__use-checkbox > .payment-info__amount:after, .create-booking-page .booking-page__section .section__reservation-information .booking-card .coupon-selection-container .coupon-selection__item .guest__use-checkbox > #coupon-discount-amount:after, .booking-card .coupon-selection-container .coupon-selection__item .create-booking-page .booking-page__section .section__reservation-information .guest__use-checkbox > #coupon-discount-amount:after, .create-booking-page .booking-page__section .section__reservation-information .property-detail-card .rateplan-list-container .rateplan-list > .package-detail-container > .price-detail .guest__use-checkbox > .discount-price:after, .property-detail-card .rateplan-list-container .rateplan-list > .package-detail-container > .price-detail .create-booking-page .booking-page__section .section__reservation-information .guest__use-checkbox > .discount-price:after, .create-booking-page .booking-page__section .section__reservation-information .promotion-property-card__price-detail .guest__use-checkbox > .sale-price:after, .promotion-property-card__price-detail .create-booking-page .booking-page__section .section__reservation-information .guest__use-checkbox > .sale-price:after, .create-booking-page .booking-page__section .section__reservation-information .guest__use-checkbox > .date-and-headcount-picker-fragment__container, .create-booking-page .booking-page__section .section__reservation-information .date-and-headcount-picker-switch__button-container.guest__use-checkbox > button, .create-booking-page .booking-page__section .section__reservation-information .guest__use-checkbox > #date-range-picker-container, .create-booking-page .booking-page__section .section__reservation-information .table-condensed > thead > tr.guest__use-checkbox:nth-child(2) > th, .create-booking-page .booking-page__section .section__reservation-information .guest__use-checkbox > #headcount-picker-input-container, .create-booking-page .booking-page__section .section__reservation-information .package-detail-modal__content .package-detail__title .guest__use-checkbox > .text-group2__discount-price:after, .package-detail-modal__content .package-detail__title .create-booking-page .booking-page__section .section__reservation-information .guest__use-checkbox > .text-group2__discount-price:after, .create-booking-page .booking-page__section .section__reservation-information .informational-policy-modal .modal-body__policy-table tr td .guest__use-checkbox > span:last-child, .informational-policy-modal .modal-body__policy-table tr td .create-booking-page .booking-page__section .section__reservation-information .guest__use-checkbox > span:last-child, .create-booking-page .booking-page__section .section__reservation-information .search-box-fragment__input-container .guest__use-checkbox > #search-box-input__readonly, .search-box-fragment__input-container .create-booking-page .booking-page__section .section__reservation-information .guest__use-checkbox > #search-box-input__readonly, .create-booking-page .booking-page__section .section__reservation-information .guest__use-checkbox > .search-box-fragment__card-container, .create-booking-page .booking-page__section .section__reservation-information .children__use-checkbox > .caption1, .create-booking-page .booking-page__section .section__reservation-information .booking-page__reservation-button #create-reservation .children__use-checkbox > .payment-amount:after, .create-booking-page .booking-page__reservation-button #create-reservation .booking-page__section .section__reservation-information .children__use-checkbox > .payment-amount:after, .create-booking-page .booking-page__section .section__reservation-information .booking-card .property-preview-container .property-info .children__use-checkbox > .discount-price:after, .booking-card .property-preview-container .property-info .create-booking-page .booking-page__section .section__reservation-information .children__use-checkbox > .discount-price:after, .create-booking-page .booking-page__section .section__reservation-information .booking-card .children__use-checkbox > .payment-info__amount:after, .booking-card .create-booking-page .booking-page__section .section__reservation-information .children__use-checkbox > .payment-info__amount:after, .create-booking-page .booking-page__section .section__reservation-information .booking-card .coupon-selection-container .coupon-selection__item .children__use-checkbox > #coupon-discount-amount:after, .booking-card .coupon-selection-container .coupon-selection__item .create-booking-page .booking-page__section .section__reservation-information .children__use-checkbox > #coupon-discount-amount:after, .create-booking-page .booking-page__section .section__reservation-information .property-detail-card .rateplan-list-container .rateplan-list > .package-detail-container > .price-detail .children__use-checkbox > .discount-price:after, .property-detail-card .rateplan-list-container .rateplan-list > .package-detail-container > .price-detail .create-booking-page .booking-page__section .section__reservation-information .children__use-checkbox > .discount-price:after, .create-booking-page .booking-page__section .section__reservation-information .promotion-property-card__price-detail .children__use-checkbox > .sale-price:after, .promotion-property-card__price-detail .create-booking-page .booking-page__section .section__reservation-information .children__use-checkbox > .sale-price:after, .create-booking-page .booking-page__section .section__reservation-information .children__use-checkbox > .date-and-headcount-picker-fragment__container, .create-booking-page .booking-page__section .section__reservation-information .date-and-headcount-picker-switch__button-container.children__use-checkbox > button, .create-booking-page .booking-page__section .section__reservation-information .children__use-checkbox > #date-range-picker-container, .create-booking-page .booking-page__section .section__reservation-information .table-condensed > thead > tr.children__use-checkbox:nth-child(2) > th, .create-booking-page .booking-page__section .section__reservation-information .children__use-checkbox > #headcount-picker-input-container, .create-booking-page .booking-page__section .section__reservation-information .package-detail-modal__content .package-detail__title .children__use-checkbox > .text-group2__discount-price:after, .package-detail-modal__content .package-detail__title .create-booking-page .booking-page__section .section__reservation-information .children__use-checkbox > .text-group2__discount-price:after, .create-booking-page .booking-page__section .section__reservation-information .informational-policy-modal .modal-body__policy-table tr td .children__use-checkbox > span:last-child, .informational-policy-modal .modal-body__policy-table tr td .create-booking-page .booking-page__section .section__reservation-information .children__use-checkbox > span:last-child, .create-booking-page .booking-page__section .section__reservation-information .search-box-fragment__input-container .children__use-checkbox > #search-box-input__readonly, .search-box-fragment__input-container .create-booking-page .booking-page__section .section__reservation-information .children__use-checkbox > #search-box-input__readonly, .create-booking-page .booking-page__section .section__reservation-information .children__use-checkbox > .search-box-fragment__card-container {
  padding-left: 30px;
  color: #8E8E8E;
}
.create-booking-page .booking-page__section .section__reservation-information .guest__information, .create-booking-page .booking-page__section .section__reservation-information .children__information {
  display: none;
}
.create-booking-page .booking-page__cancellation-refund-policy {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  padding: 28px 20px 0;
  gap: 20px 0;
}
.create-booking-page .booking-page__cancellation-refund-policy .checkbox {
  font-weight: bold;
}
.create-booking-page .booking-page__cancellation-refund-policy .cancellation-refund-policy__section {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  gap: 15px 0;
  padding-left: 30px;
}
.create-booking-page .booking-page__cancellation-refund-policy .cancellation-refund-policy__section div:not(:last-child) {
  cursor: pointer;
}
.create-booking-page .booking-page__cancellation-refund-policy .cancellation-refund-policy__section div:last-child {
  pointer-events: none;
}
.create-booking-page .booking-page__cancellation-refund-policy .cancellation-refund-policy__section .section__policy-group {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-direction: row;
}
.create-booking-page .booking-page__payment-method {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 30px;
  gap: 20px 0;
  padding: 28px 20px 0;
}
.create-booking-page .booking-page__payment-method .payment-method__section {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 10px;
}
.create-booking-page .booking-page__reservation-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
}
.create-booking-page .booking-page__reservation-button #create-reservation {
  width: 100%;
}
.create-booking-page .booking-page__reservation-button #create-reservation .payment-amount {
  margin: auto 0;
}
.create-booking-page .booking-page__reservation-button #create-reservation .payment-amount:after {
  content: "원";
  vertical-align: middle;
  background-color: inherit;
  color: #FFFFFF;
  margin: 0 -2px 0 4px;
}

.confirm-booking-page {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 100vw;
}
.confirm-booking-page .booking-page__title {
  padding: 20px 20px 6px;
}
.confirm-booking-page .booking-page__sub-title {
  padding: 0 20px 20px;
}
.confirm-booking-page .booking-page__side-button-container {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 0 20px 30px;
  gap: 12px;
}
.confirm-booking-page .booking-page__side-button-container > .button {
  border: 1px solid #515151;
  border-radius: 4px;
  background-color: inherit;
  color: #515151;
  width: 80px;
  height: 30px;
  align-self: flex-end;
  padding: 6px 20px;
}
.confirm-booking-page .booking-page__summary {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
}
.confirm-booking-page .booking-page__summary .booking-information {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  padding: 0 20px;
  gap: 10px 0;
}
.confirm-booking-page .booking-page__summary .booking-information__info-text {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  flex-direction: row;
}
.confirm-booking-page .booking-page__summary .booking-information__section {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}
.confirm-booking-page .booking-page__summary .property-information {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.confirm-booking-page .booking-page__summary .property-information__title {
  padding: 35px 20px 7px;
}
.confirm-booking-page .booking-page__summary .property-information__card {
  position: relative;
  width: 100%;
  height: 100%;
}
.confirm-booking-page .booking-page__summary .reservation-information {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  gap: 60px 0;
  padding: 0 20px 40px;
}
.confirm-booking-page .booking-page__summary .reservation-information__section {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  flex-direction: column;
  gap: 12px 0;
}
.confirm-booking-page .booking-page__summary .reservation-information__section .section__inner-group {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-direction: row;
}
.confirm-booking-page .booking-page__reservation-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
}
.confirm-booking-page .booking-page__reservation-button #reservation-confirm-page-button {
  width: 100%;
}

.error-404-page {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
}
.error-404-page > img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
.error-404-page__content {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  flex-direction: column;
  row-gap: 20px;
}
.error-404-page__content .text-container {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: inherit;
  color: #FFFFFF;
  flex-direction: column;
  text-align: center;
  row-gap: 14px;
}
.error-404-page__content > button {
  width: 180px;
  min-width: fit-content;
  height: 60px;
}

#promotion-section {
  padding: 0 20px;
}

.index-page {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  align-items: stretch;
  padding-bottom: 40px;
}
.index-page__banner-container {
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 440px;
  flex-direction: column;
  position: relative;
  background-size: 100% auto !important;
  background-repeat: no-repeat !important;
}
@media (max-width: 365px) {
  .index-page__banner-container {
    background-size: auto 100% !important;
  }
}
.index-page__banner-container #search-box-fragment {
  background: rgba(12, 12, 12, 0.5019607843);
  height: 100%;
}
.index-page__banner-container #search-box-button {
  border: 1px solid #FFFFFF;
}
.index-page #main-promotion-banner, .index-page__banner {
  width: 100%;
  height: 100%;
}
.index-page .banner__contents {
  display: inline-flex;
  justify-content: center;
  align-items: flex-start;
  background-color: inherit;
  color: #FFFFFF;
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: 10px;
  padding-left: 20px;
}
.index-page .banner__contents .banner-tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  color: #000000;
  width: 144px;
  height: 30px;
  border-radius: 22px;
  text-align: center;
  margin-bottom: 5px;
}
.index-page .banner__contents .banner-title {
  display: inline-flex;
  flex-direction: column;
  gap: 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 45px;
  letter-spacing: -1px;
}
.index-page .banner__contents .banner-title .highlight-text {
  background-color: inherit;
  color: #FF795C;
}
.index-page .banner__contents .property-amount .amount {
  background-color: inherit;
  color: #61FFF9;
}
.index-page__property-type-list {
  display: inline-flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 20px 12px;
  gap: 10px;
}
.index-page__property-type-list div > .image-tag {
  width: 50px;
}
.index-page__property-type-list div > .image-tag .image-tag__text {
  width: 50px;
}
.index-page .promotion-section__loading-image {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  flex-direction: row;
}
.index-page .promotion-section__loading-image img {
  max-width: 80px;
  max-height: 80px;
}
.index-page .promotion-section__promotion-detail {
  padding: 20px 0;
}
.index-page .promotion-section__promotion-detail .promotion-title {
  padding: 7px 0 15px;
}
.index-page .promotion-section__promotion-detail .promotion-item__hscroll {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  max-width: calc(100% + 20px);
  flex-direction: row;
  gap: 20px;
  overflow-x: scroll;
  padding: 20px 20px 20px 0;
}
.index-page .promotion-section__promotion-detail .promotion-item__tiles .promotion-property-card {
  width: 100%;
  margin-bottom: 16px;
}
.index-page .promotion-section__promotion-banner {
  background-color: inherit;
  color: #0C0C0C;
  overflow: hidden;
  padding: 20px 0;
  width: 100%;
}
.index-page .promotion-section__promotion-banner .first > div {
  background-color: #02306E;
  color: #FFFFFF;
}
.index-page .promotion-section__promotion-banner .first > div .linear-gradient {
  background-image: linear-gradient(90deg, #02306E 7.46%, rgba(105, 97, 89, 0) 40%), linear-gradient(270deg, rgba(0, 46, 78, 0.7) -15.54%, rgba(105, 97, 89, 0) 64.8%) !important;
  background-size: 100% 100% !important;
}
.index-page .promotion-section__promotion-banner .first > div .text-group__title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  background-color: inherit;
  color: #FFFFFF;
  line-height: 18px;
}
.index-page .promotion-section__promotion-banner .second > div {
  background-color: #434341;
  color: #FFFFFF;
}
.index-page .promotion-section__promotion-banner .second > div .linear-gradient {
  background-image: linear-gradient(90deg, #434341 7.46%, rgba(242, 249, 255, 0.1) 40%), linear-gradient(270deg, rgba(21, 31, 63, 0.7) -15.54%, rgba(21, 31, 63, 0) 64.8%) !important;
  background-size: 100% 100% !important;
}
.index-page .promotion-section__promotion-banner .second > div .text-group__title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  background-color: inherit;
  color: #FFFFFF;
  line-height: 18px;
}

@media screen and (max-width: 349px) {
  .index-page__property-type-list {
    padding: 20px 5px;
    gap: 10px;
  }
}
@media screen and (max-width: 365px) {
  .index-page__banner #search-box-fragment #date-and-headcount-picker-container {
    height: auto;
    flex-direction: column;
  }
  .index-page__banner #search-box-fragment #date-range-picker-container {
    width: 100%;
  }
  .index-page__banner #search-box-fragment #headcount-picker-input-container {
    width: 100%;
  }
  .index-page__banner #search-box-fragment #headcount-picker-input-container div:first-child, .index-page__banner #search-box-fragment #headcount-picker-input-container div:last-child {
    width: 50%;
  }
}
.main-promotion-page {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  background-color: #FAFAFA;
  color: inherit;
  display: flex;
  width: 100%;
}
.main-promotion-page .main-promotion__content-container {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  max-width: 455px;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
}
.main-promotion-page .main-promotion__content-container img {
  width: 100%;
}
.main-promotion-page .main-promotion__items {
  display: inline-flex;
  flex-direction: column;
  background-color: #FFFFFF;
  color: inherit;
  width: 100%;
  padding-top: 70px;
}
.main-promotion-page .main-promotion__items .promotion-contents {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column;
  padding-bottom: 60px;
}
.main-promotion-page .main-promotion__items .promotion-contents__button {
  width: 100%;
  height: 50px;
  margin-bottom: 70px;
}
.main-promotion-page .main-promotion__items .promotion-contents .promotion-item {
  background-color: #FFFFFF;
  color: inherit;
  width: 100%;
  height: 642px;
  margin-bottom: 40px;
}
.main-promotion-page .main-promotion__items .promotion-contents .promotion-item img {
  width: 100%;
  height: 340px;
}
.main-promotion-page .main-promotion__items .promotion-contents .promotion-item .title {
  width: 100%;
  font-weight: 700;
  font-size: min(6vw, 28px);
  line-height: 28px;
  padding: 0 0 10px 20px;
}
.main-promotion-page .main-promotion__items .promotion-contents .promotion-item .basic-price {
  background-color: inherit;
  color: #CBCBCB;
  width: 100%;
  font-weight: 600;
  font-size: min(6vw, 16px);
  line-height: 24px;
  text-align: right;
  padding-right: 20px;
}
.main-promotion-page .main-promotion__items .promotion-contents .promotion-item .basic-price__value {
  font-weight: bold;
  font-size: min(6vw, 22px);
  line-height: 24px;
  text-decoration: line-through;
}
.main-promotion-page .main-promotion__items .promotion-contents .promotion-item .sale-price {
  background-color: inherit;
  color: #EA3352;
  width: 100%;
  font-weight: 600;
  font-size: min(6vw, 16px);
  line-height: 26px;
  text-align: right;
  padding-right: 20px;
  margin-top: -30px;
}
.main-promotion-page .main-promotion__items .promotion-contents .promotion-item .sale-price__value {
  font-weight: bold;
  font-size: min(6vw, 28px);
  line-height: 26px;
}
.main-promotion-page .main-promotion__items .promotion-contents__property-preview {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #CBCBCB;
  border-radius: 15px;
  width: max-content;
  flex-direction: column;
  overflow: hidden;
}
.main-promotion-page .main-promotion__items .promotion-contents__property-preview div[id^=go-to-booking-main] {
  background-color: #EA3352;
  color: #FFFFFF;
  width: 100%;
  height: 13%;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  font-weight: 700;
  font-size: min(6vw, 22px);
  line-height: 22px;
}

#first-sub-promotion.sub-promotion-page {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  background-color: #FAFAFA;
  color: inherit;
  display: flex;
  width: 100%;
}
#first-sub-promotion.sub-promotion-page .sub-promotion__content-container {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  max-width: 455px;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
}
#first-sub-promotion.sub-promotion-page .sub-promotion__content-container img {
  width: 100%;
}
#first-sub-promotion.sub-promotion-page .sub-promotion__items {
  display: inline-flex;
  flex-direction: column;
  background-color: #FFFFFF;
  color: inherit;
  width: 100%;
  padding-top: 70px;
}
#first-sub-promotion.sub-promotion-page .sub-promotion__items .promotion-contents {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column;
  padding-bottom: 60px;
}
#first-sub-promotion.sub-promotion-page .sub-promotion__items .promotion-contents__button {
  width: 100%;
  height: 50px;
  margin-bottom: 70px;
}
#first-sub-promotion.sub-promotion-page .sub-promotion__items .promotion-contents .promotion-item {
  background-color: #FFFFFF;
  color: inherit;
  width: 100%;
  height: 642px;
  margin-bottom: 40px;
}
#first-sub-promotion.sub-promotion-page .sub-promotion__items .promotion-contents .promotion-item img {
  width: 100%;
  height: 340px;
}
#first-sub-promotion.sub-promotion-page .sub-promotion__items .promotion-contents .promotion-item .title {
  width: 100%;
  font-weight: 700;
  font-size: min(6vw, 28px);
  line-height: 28px;
  padding: 0 0 10px 20px;
}
#first-sub-promotion.sub-promotion-page .sub-promotion__items .promotion-contents .promotion-item .basic-price {
  background-color: inherit;
  color: #CBCBCB;
  width: 100%;
  font-weight: 600;
  font-size: min(6vw, 16px);
  line-height: 24px;
  text-align: right;
  padding-right: 20px;
}
#first-sub-promotion.sub-promotion-page .sub-promotion__items .promotion-contents .promotion-item .basic-price__value {
  font-weight: bold;
  font-size: min(6vw, 22px);
  line-height: 24px;
  text-decoration: line-through;
}
#first-sub-promotion.sub-promotion-page .sub-promotion__items .promotion-contents .promotion-item .sale-price {
  background-color: inherit;
  color: #EA3352;
  width: 100%;
  font-weight: 600;
  font-size: min(6vw, 16px);
  line-height: 26px;
  text-align: right;
  padding-right: 20px;
  margin-top: -30px;
}
#first-sub-promotion.sub-promotion-page .sub-promotion__items .promotion-contents .promotion-item .sale-price__value {
  font-weight: bold;
  font-size: min(6vw, 28px);
  line-height: 26px;
}
#first-sub-promotion.sub-promotion-page .sub-promotion__items .promotion-contents__property-preview {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #CBCBCB;
  border-radius: 15px;
  width: max-content;
  flex-direction: column;
  overflow: hidden;
}
#first-sub-promotion.sub-promotion-page .sub-promotion__items .promotion-contents__property-preview div[id^=go-to-booking-sub] {
  background-color: #EA3352;
  color: #FFFFFF;
  width: 100%;
  height: 13%;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  font-weight: 700;
  font-size: min(6vw, 22px);
  line-height: 22px;
}

#second-sub-promotion.sub-promotion-page {
  background-color: #F8F8F8;
  color: inherit;
  display: flex;
  width: 100%;
}
#second-sub-promotion.sub-promotion-page .sub-promotion__content {
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #FFFFFF;
  color: inherit;
  width: 100%;
  max-width: 455px;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-bottom: 60px;
}
#second-sub-promotion.sub-promotion-page .sub-promotion__content img {
  width: 100%;
  margin-bottom: 30px;
}
#second-sub-promotion.sub-promotion-page .sub-promotion__content .promotion-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  margin: 40px 0;
}
#second-sub-promotion.sub-promotion-page .sub-promotion__content .promotion-item div[id^=go-to-booking-sub] {
  border: 2px solid #073291;
  border-radius: 4px;
  background-color: #FFFFFF;
  color: #073291;
  width: 100%;
  height: 100%;
  max-width: 260px;
  max-height: 70px;
  font-weight: 700;
  font-size: min(5vw, 18px);
  line-height: 22px;
  text-align: center;
}

@media screen and (max-width: 330px) {
  #second-sub-promotion.sub-promotion-page .sub-promotion__content .promotion-contents-container div[id^=go-to-booking-sub] {
    width: calc(100% - 60px);
    max-height: 33px;
  }
}
@media screen and (max-width: 300px) {
  #second-sub-promotion.sub-promotion-page .sub-promotion__content .promotion-contents-container {
    max-width: 100%;
  }
  #second-sub-promotion.sub-promotion-page .sub-promotion__content .promotion-contents-container div[id^=go-to-booking-sub] {
    width: calc(100% - 140px);
    max-width: 125px;
    max-height: 42px;
    bottom: 13%;
    font-size: min(5vw, 16px);
  }
}
@media screen and (max-width: 240px) {
  #second-sub-promotion.sub-promotion-page .sub-promotion__content .promotion-contents-container div[id^=go-to-booking-sub] {
    width: 50%;
    max-height: 32px;
  }
}
.first-landing-promotion {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  background-color: #FAFAFA;
  color: inherit;
  display: flex;
  width: 100%;
}
.first-landing-promotion__body {
  display: inline-flex;
  flex-direction: column;
  background-color: #FFFFFF;
  color: inherit;
  width: 100%;
  max-width: 455px;
  margin: 0 auto;
}
.first-landing-promotion__banner {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.first-landing-promotion .banner__sub-title {
  display: inline-flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 74px;
  padding: 0 10px 4px;
  background-color: #0C0C24;
}
.first-landing-promotion .banner__sub-title > img {
  max-width: 100%;
}
.first-landing-promotion .banner__image-container {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  position: relative;
  width: 100%;
  padding-bottom: 18px;
}
.first-landing-promotion .banner__image-container > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  clip-path: circle(90% at 50% 3%);
}
.first-landing-promotion .banner__content {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 4px 10px 0;
}
.first-landing-promotion .banner__main-title {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 4px;
  color: #D6A2FF;
  font-size: 33px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: -2.523px;
}
.first-landing-promotion .banner__badge-container {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
@media (min-width: 290px) {
  .first-landing-promotion .banner__badge-container {
    padding: 0 17px;
  }
}
.first-landing-promotion .banner__badge-container > .badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #8000FF;
  color: #FFFFFF;
  height: 111px;
  width: 111px;
  text-align: center;
  font-size: 22px;
  border-radius: 100%;
}
.first-landing-promotion__content {
  display: inline-flex;
  flex-direction: column;
  padding: 28px 20px 18px;
  row-gap: 30px;
}
.first-landing-promotion__content .info-item {
  display: inline-flex;
  flex-direction: column;
  row-gap: 12px;
}
.first-landing-promotion__content .info-item .title {
  color: #8000FF;
}
.first-landing-promotion__content .info-item .notify {
  color: #A8A8A8;
}
.first-landing-promotion__content .info-item .content {
  display: inline-flex;
  flex-direction: column;
  row-gap: 6px;
}
.first-landing-promotion__content .info-item .content .step {
  display: inline-flex;
  flex-direction: row;
}
.first-landing-promotion__content .info-item .content .step .step-number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #EA3352;
  color: #FFFFFF;
  height: 18px;
  width: 18px;
  padding: 2px 6px;
  margin-right: 6px;
  border-radius: 100%;
}
.first-landing-promotion__content .info-item .content li {
  list-style: "·" inside;
}
.first-landing-promotion__content .info-item .content li::marker {
  font-weight: bold;
}
.first-landing-promotion__footer {
  width: 100%;
  max-width: 455px;
  padding: 20px;
  margin: 0 auto;
  position: sticky;
  left: 0;
  bottom: 0;
  background-color: #FFFFFF;
}
.first-landing-promotion__footer > button {
  height: 60px;
  width: 100%;
  border-radius: 8px;
  text-wrap: pretty;
  word-break: keep-all;
}

.property-list-page {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 100vw;
}
.property-list-page__page-title {
  display: inline-flex;
  flex-direction: row;
  justify-content: start;
  margin: 20px 0;
  padding: 0 20px;
}
.property-list-page__search-box {
  background-color: #EAEAEA;
  color: inherit;
}
.property-list-page__property-list {
  width: 100%;
  padding: 0 20px;
}
.property-list-page__property-list-properties {
  display: inline-flex;
  flex-direction: column;
  width: inherit;
  min-height: 143px;
  margin: 20px 0 45px;
  gap: 16px;
}
.property-list-page__property-list-properties > div {
  width: 100%;
  height: max-content;
}
.property-list-page__property-list-properties.empty-content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: inherit;
  color: #0C0C0C;
  flex-direction: column;
  text-align: center;
}
.property-list-page__property-list-properties.empty-content img {
  width: 100%;
  height: 100%;
  max-width: 80px;
  max-height: 70px;
  object-fit: cover;
}
.property-list-page__property-list .property-list__new-contents-loading-spinner {
  display: none;
  width: 100%;
  min-height: 50px;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
.property-list-page__property-list .property-list__new-contents-loading-spinner img {
  width: 100%;
  height: 100%;
  max-width: 80px;
  max-height: 70px;
  object-fit: cover;
}
.property-list-page__header {
  display: inline-flex;
  flex-direction: row;
  width: inherit;
  justify-content: space-between;
  padding: 20px 0 10px;
}
.property-list-page__header .detail-filter-group {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.property-list-page__header .detail-filter-group .selected-filter-number {
  background-color: #EA3352;
  color: #FFFFFF;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  text-align: center;
  margin-left: 4px;
  cursor: pointer;
}
.property-list-page__property-type-filter {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: calc(100vw - 20px);
  padding: 20px 20px 10px 0;
  overflow-x: scroll;
  flex-direction: row;
  column-gap: 10px;
}
.property-list-page__property-type-filter #property-classification-list {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
}

.property-type-list-page {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.property-type-list-page__banner {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  flex-direction: row;
}
.property-type-list-page__header {
  display: inline-flex;
  flex-direction: row;
  width: inherit;
  justify-content: space-between;
  margin: 20px 0 10px;
}
.property-type-list-page__header .detail-filter-group {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.property-type-list-page__header .detail-filter-group .selected-filter-number {
  background-color: #EA3352;
  color: #FFFFFF;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  text-align: center;
  margin-left: 4px;
  cursor: pointer;
}
.property-type-list-page__property-list {
  width: 100%;
  padding: 0 20px;
}
.property-type-list-page__property-list-properties {
  display: inline-flex;
  flex-direction: column;
  min-height: 320px;
  width: inherit;
  margin: 10px 0 45px;
  gap: 16px;
}
.property-type-list-page__property-list-properties > div {
  width: 100%;
  height: max-content;
}
.property-type-list-page__property-list-properties.empty-content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: inherit;
  color: #0C0C0C;
  flex-direction: column;
  text-align: center;
}
.property-type-list-page__property-list-properties.empty-content img {
  width: 100%;
  height: 100%;
  max-width: 80px;
  max-height: 70px;
  object-fit: cover;
}
.property-type-list-page__property-list .property-type-list__new-contents-loading-spinner {
  display: none;
  width: 100%;
  min-height: 50px;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
.property-type-list-page__property-list .property-type-list__new-contents-loading-spinner img {
  width: 100%;
  height: 100%;
  max-width: 80px;
  max-height: 70px;
  object-fit: cover;
}

.property-detail-page {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 100vw;
  min-height: calc(100vh - 476px);
  align-items: stretch;
}
.property-detail-page__title {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  padding: 20px;
  gap: 5px;
}
.property-detail-page__title .main-group {
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.property-detail-page__title .main-group .text-container {
  display: inline-flex;
  flex-direction: column;
  text-align: left;
  gap: 5px;
}
.property-detail-page__title .main-group .badge-container > img {
  width: 44px;
}
.property-detail-page__title .tag-group {
  display: inline-flex;
  gap: 8px;
}
.property-detail-page__title .tag-group__partnership {
  height: 22px;
  margin: 0;
}
.property-detail-page__title .tag-group__properties span:not(:first-child):nth-child(1n):before {
  content: "|";
  margin: 0 6px 0 4px;
}

.my-page {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 400px;
  /* 공통 */
  /* 예약 내역 탭 */
  /* 쿠폰함 탭 */
}
.my-page__title {
  padding: 10px 20px 20px;
}
.my-page__menu {
  width: 100%;
}
.my-page__menu > div {
  border-bottom: 1px solid #CBCBCB;
}
.my-page__content {
  width: 100%;
  min-height: calc(100vh - 56px - 62px - 42px);
  padding: 10px 20px 50px;
}
.my-page #reservation-history .reservations-category-menu {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  height: 50px;
  gap: 10px;
  padding: 7px 0;
}
.my-page #reservation-history .reservations-category-menu #reservation-confirm > .chip, .my-page #reservation-history .reservations-category-menu #reservation-cancel > .chip {
  border-radius: 8px;
  padding: 7px 14px 7px 12px;
  font-weight: normal;
}
.my-page #reservation-history #booking-history-loading {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  flex-direction: column;
}
.my-page #reservation-history #booking-history-loading > img {
  width: 70px;
  height: 70px;
}
.my-page #coupon-list-loading {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 245px;
  flex-direction: row;
}
.my-page #coupon-list-loading > img {
  width: 70px;
  height: 70px;
}

.booking-history {
  display: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  flex-direction: column;
}
.booking-history__not-found {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  flex-direction: column;
}
.booking-history__not-found > img {
  width: 55px;
  height: 55px;
  margin-bottom: 10px;
}
.booking-history div[id$=-booking-history-not-found] {
  display: none;
}

.coupon-list__sub-header {
  padding: 8px 0;
}
.coupon-list__coupons {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  padding: 10px 0;
  row-gap: 16px;
}
.coupon-list__no-coupon-list {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: inherit;
  color: #0C0C0C;
  width: 100%;
  height: 210px;
  flex-direction: column;
  row-gap: 10px;
}
.coupon-list__no-coupon-list > img {
  width: 62px;
}

/*# sourceMappingURL=scope.css.map */