@charset "UTF-8";
/* 숙박에서만 사용 start */
.pay-container {
  padding: 11px 11.5px;
}

.pay-notice {
  padding-bottom: 10px;
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pay-notice a {
  font-size: 13px;
  font-weight: bold;
}

.pay-notice > li {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.pay-notice > li > * {
  line-height: 18.5px;
  color: #878787;
}

/* 숙박에서만 사용 end */
.grid-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 123px));
  gap: 8.5px;
  margin: auto;
  margin-bottom: 27px;
}

.grid-item {
  width: 100% !important;
  height: 70px;
  padding: 0 !important;
}

.radio-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.radio-label {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid #e7e5e4;
  border-radius: 7.5px;
  background-color: #ffffff;
  font-size: 11px;
  color: #828282;
  line-height: normal;
}

.radio-square {
  display: none;
}

input[type=radio]:checked + .radio-label {
  border-width: 2px;
  border-color: #ff7300;
  background-color: #fff8f2;
  font-weight: bold;
  color: #ff7300;
}

.kakaopay-box i {
  display: block;
  width: 100%;
  height: 19px;
  background: url("/img/pay_icons/kakaopay.png") no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 8px;
}

.naverpay-card-box i, .naverpay-money-box i {
  display: block;
  width: 100%;
  height: 19px;
  background: url("/img/pay_icons/naverpay.png") no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 8px;
}

.tosspay-box i {
  display: block;
  width: 100%;
  height: 14px;
  background: url("/img/pay_icons/tosspay.png") no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 9.5px;
}

.payco-box i {
  display: block;
  width: 100%;
  height: 11px;
  background: url("/img/pay_icons/payco.png") no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 12px;
}

.samsungpay-box i {
  display: block;
  width: 100%;
  height: 11.5px;
  background: url("/img/pay_icons/samsungpay.png") no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 12px;
}

.applepay-box i {
  display: block;
  width: 100%;
  height: 17px;
  background: url("/img/pay_icons/applepay.png") no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 7px;
}

.credit-card-box i {
  display: block;
  width: 100%;
  height: 20px;
  background: url("/img/pay_icons/credit-card.png") no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 8px;
}

.pay-realtime-account-box i {
  display: block;
  width: 100%;
  height: 20px;
  background: url("/img/pay_icons/realtime-account.png") no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 6px;
}

.pay-small-box i {
  display: block;
  width: 100%;
  height: 29px;
  background: url("/img/pay_icons/mobile.png") no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 5px;
}

.pay-banner-box {
  height: 40px;
  background-color: #EDF6FF;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.pay-banner-box img {
  height: 14px;
}

.pay-banner-box span {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.32px;
  padding-top: 4px;
}

.pay-benefit-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 33px;
  height: 19px;
  background: #0095FF;
  color: white;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 6px;
  border-radius: 30px;
  z-index: 10;
}

/*# sourceMappingURL=pay-methods.css.map */