@charset "UTF-8";
/* Skeleton UI Mixin */
@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
* {
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  box-sizing: border-box;
}

html, body {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 1;
  font-family: "Noto Sans KR";
  letter-spacing: -0.3px;
}

body.hidden {
  overflow: hidden;
  height: 100dvh;
}
body.fixed {
  position: fixed;
  width: 100%;
}

ol:not([role=list]),
ul:not([role=list]) {
  list-style: none;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

input:focus {
  outline: none;
}

select:focus {
  outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 9999s ease-in-out 0s;
  -webkit-text-fill-color: #212121 !important;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

::placeholder {
  font-family: "Noto Sans KR";
  font-size: 16px;
  color: #BDBDBD;
  letter-spacing: -1px;
}

a {
  text-decoration: none;
}

select, input {
  font-family: "Noto Sans KR";
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../font/NotoSansKR-Thin.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../font/NotoSansKR-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../font/NotoSansKR-Light.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/NotoSansKR-Regular.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../font/NotoSansKR-Medium.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../font/NotoSansKR-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../font/NotoSansKR-Bold.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../font/NotoSansKR-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../font/NotoSansKR-Black.woff") format("woff");
}
.wrapper {
  min-width: 320px;
  max-width: 767px;
  margin: 0 auto;
}
.wrapper > .main {
  padding-top: 56px;
}
.wrapper.pc {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100dvw;
  height: 100dvh;
}
.wrapper.pc .img-box {
  text-align: center;
}
.wrapper.pc .img-box p {
  font-size: 20px;
  font-weight: 600;
  color: #212121;
  line-height: 26px;
  padding-top: 16px;
}

.input-text {
  width: 100%;
  height: 50px;
  padding: 0 12px;
  border: 1px solid #EEE;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
}
.input-text:focus {
  border-color: #212121;
}
.input-text.error-field:focus {
  border-color: #FF5252;
}

.linked {
  display: block;
}

.error-field {
  border-color: #FF5252;
}

.error-msg {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
  margin-top: 5px;
  color: #FF5252;
}

.label-block {
  display: block;
}

.label-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 6px;
}

.lottie-check {
  width: 110px;
  height: 100px;
}

/* HEADER */
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #2A3663;
}
.header .util-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 16px;
}

.sub-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background: #ffffff;
  gap: 0 6px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.sub-header .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.share-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  background: #ffffff;
}
.share-header .title-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 6px;
}
.share-header .title-box .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.share-header .util-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 16px;
}

.hamburger {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.hamburger.open {
  opacity: 1;
  transform: translateX(0);
  justify-content: flex-end;
}
.hamburger.open .inner {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 200ms;
}
.hamburger .inner {
  padding: 0 20px;
  width: calc(100vw - 75px);
  height: 100vh;
  background-color: #fff;
  opacity: 0;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.hamburger .inner .util-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 16px 0;
  gap: 0 16px;
}
.hamburger .inner .login-box {
  padding-top: 16px;
}
.hamburger .inner .linked-box {
  margin-top: 42px;
}
.hamburger .inner .linked-box .nav {
  margin-top: 16px;
}
.hamburger .inner .linked-box .nav li {
  border-top: 1px solid #EEE;
}
.hamburger .inner .linked-box .nav li:first-child {
  border-top: 0;
}
.hamburger .inner .linked-box .nav li .linked {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  line-height: 20px;
}

.nodata-box {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 1;
  flex: 1;
  height: calc(100dvh - 70px);
}

.nodata-box2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 1;
  height: 120px;
}

.accordion-box {
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
}
.accordion-box .acc-title-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.accordion-box .acc-title-box .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
  width: calc(100% - 32px);
  text-align: left;
}
.accordion-box .acc-title-box .title.skeleton-text {
  display: flex;
  width: calc(100% - 32px);
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.accordion-box .acc-title-box .title.skeleton-text * {
  display: none;
}
.accordion-box .acc-title-box .ic-arrow-btm {
  margin-top: 7px;
}
.accordion-box .acc-title-box .ic-arrow-btm.skeleton-icon {
  display: flex;
  width: 12px;
  height: 7px;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.accordion-box .acc-title-box .ic-arrow-btm.skeleton-icon * {
  display: none;
}
.accordion-box .write-day {
  font-size: 13px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 16px;
  margin-top: 2px;
}
.accordion-box .write-day.skeleton-text {
  display: flex;
  width: 62px;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.accordion-box .write-day.skeleton-text * {
  display: none;
}
.accordion-box .acd-cont {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.accordion-box.open .acc-title-box .title {
  overflow: visible;
  white-space: normal;
  text-overflow: initial;
}
.accordion-box.open .acc-title-box .ic-arrow-btm {
  transform: rotate(180deg);
}

.cord-list {
  overflow: hidden;
}
.cord-list .list {
  display: flex;
  align-items: center;
  padding: 0 20px;
  gap: 0 10px;
  scroll-behavior: smooth;
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
.cord-list .list .code-item {
  font-size: 16px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 1;
  flex: 0 0 auto;
  padding: 10px 20px;
  border: 1px solid #EEE;
  border-radius: 20px;
}
.cord-list .list .code-item.active {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
  background: #2A3663;
}
.cord-list .list .code-item.skeleton-box {
  position: relative;
}
.cord-list .list .code-item.skeleton-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  display: flex;
  width: 102%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 30px;
  animation: skeleton-loading 3s infinite linear;
}
.cord-list .list .code-item.skeleton-box:before * {
  display: none;
}

.cus-select-box {
  position: relative;
}
.cus-select-box .cus-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  padding: 0 12px;
  border: 1px solid #EEE;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
  appearance: none;
  background: url("/public/images/icon/ic_select_arrow.svg") no-repeat center right 12px;
  cursor: pointer;
}
.cus-select-box .cus-select.open {
  border-color: #212121;
}
.cus-select-box .cus-select .title {
  font-size: 13px;
  font-weight: 400;
  color: #2A3663;
  line-height: 1;
}
.cus-select-box .cus-select .date {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 1;
  padding-right: 23px;
}
.cus-select-box .option-box {
  position: absolute;
  top: 65px;
  left: 0;
  z-index: 2;
  width: 100%;
  max-height: 0;
  padding: 12px;
  overflow: hidden;
  transform-origin: top;
  transform: scaleY(0);
  transition: transform 0.3s ease;
  border-radius: 8px;
  background: #fff;
}
.cus-select-box .option-box.open {
  border: 1px solid #EEE;
  max-height: 150px; /* 충분한 높이 지정 */
  overflow: auto;
  transform: scaleY(1);
}
.cus-select-box .option-box .item-opt {
  padding: 12px 0;
}
.cus-select-box .option-box .item-opt:first-child {
  padding-top: 0;
}
.cus-select-box .option-box .item-opt:last-child {
  padding-bottom: 0;
}
.cus-select-box .option-box .item-opt.selected {
  color: #FFA000;
}

.validate-success {
  position: relative;
}
.validate-success .just-validate-success-field {
  border-color: #4caf50;
}
.validate-success:after {
  content: "";
  position: absolute;
  top: 34px;
  left: auto;
  right: 15px;
  display: block;
  width: 20px;
  height: 20px;
  background: url("/public/images/icon/ic_success_circle_20.svg") no-repeat;
}

.just-validate-success-label {
  font-size: 13px;
  font-weight: 400;
  color: #4caf50;
  line-height: 16px;
  margin-top: 5px;
}

.select-date-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 7px;
}
.select-date-box .select-date {
  width: 100%;
  height: 50px;
  padding: 0 12px;
  border: 1px solid #EEE;
  border-radius: 8px;
  appearance: none;
  background: url("/public/images/icon/ic_select_arrow.svg") no-repeat center right 12px;
  flex: 1;
}
.select-date-box .select-date.error-field {
  border-color: #FF5252;
}

.social-box.error-field .input-text {
  border-color: #FF5252 !important;
}

.phone-box.error-field .input-text {
  border-color: #FF5252 !important;
}

.loading-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100dvw;
  height: 100dvh;
  background: #fff;
}
.loading-wrap .inner {
  width: 100%;
  text-align: center;
}
.loading-wrap .inner .text-head {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 600;
  color: #212121;
  line-height: 30px;
  gap: 0 8px;
}
.loading-wrap .inner .text-head .loading-text {
  color: #FFA000;
}
.loading-wrap .inner .text-head .loading-text i {
  font-style: normal;
}
.loading-wrap .inner .lottie-box {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.loading-wrap .inner .summary {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 22px;
}

.air-datepicker-cell.-selected-.-current- {
  background-color: #FFA000;
}
.air-datepicker-cell.-selected- {
  background-color: #FFA000;
}

.agree-content {
  max-height: calc(100vh - 200px);
  white-space: pre-line;
  line-height: 1.6;
}

.modal-calender-box .calendar-box .air-datepicker.-inline- .air-datepicker-cell {
  aspect-ratio: 1/1;
}

.air-datepicker-cell.-selected- {
  border-radius: 48px;
}

.air-datepicker-cell.-selected-.-focus- {
  background: #FFA000;
}

.btn-notify-w {
  display: flex;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-image: url("../images/icon/ic_notify_w_24.svg");
}

.btn-notify-b {
  display: flex;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-image: url("../images/icon/ic_notify_b_24.svg");
}

.btn-hamburger {
  display: flex;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-image: url("../images/icon/ic_menu_w_24.svg");
}

.btn-setting {
  display: flex;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-image: url("../images/icon/ic_setting_b_24.svg");
}

.btn-close-b {
  display: flex;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-image: url("../images/icon/ic_x_b_24.svg");
}

.ic-cs-center {
  display: flex;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-image: url("../images/icon/ic_cs_center_b.svg");
}

.ic-reservation {
  display: flex;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-image: url("../images/icon/ic_reservation.svg");
}

.ic-event {
  display: flex;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-image: url("../images/icon/ic_event.svg");
}

.ic-guide {
  display: flex;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-image: url("../images/icon/ic_guide.svg");
}

.ic-arrow-r {
  display: flex;
  width: 7px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: 7px 12px;
  background-image: url("../images/icon/ic_arrow_r_g.svg");
}

.ic-star-on {
  display: flex;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-image: url("../images/icon/ic_review_on_18.svg");
}

.ic-home {
  display: flex;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-image: url("../images/icon/ic_home_24.svg");
}

.ic-share {
  display: flex;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-image: url("../images/icon/ic_share_24.svg");
}

.ic-linked {
  display: flex;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-image: url("../images/icon/ic_linked_24.svg");
}

.ic-small-logo {
  display: flex;
  width: 12px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: 12px 10px;
  background-image: url("../images/common/logo5.svg");
}

.ic-call-18 {
  display: flex;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-image: url("../images/icon/ic_cs_center_18.svg");
}

.ic-talk-18 {
  display: flex;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-image: url("../images/icon/ic_talk_18.svg");
}

.ic-arrow-btm {
  display: flex;
  width: 12px;
  height: 8px;
  background-repeat: no-repeat;
  background-size: 12px 8px;
  background-image: url("../images/icon/ic_arrow_b_g.svg");
}

.btn-login {
  width: 100%;
  height: 50px;
  background-color: #2A3663;
  border: transparent;
  border-radius: 0;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1;
  border-radius: 8px;
}

.btn-link-login {
  width: 100%;
  height: 50px;
  background-color: #2A3663;
  border: transparent;
  border-radius: 0;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

.btn-primary {
  width: 100%;
  height: 50px;
  background-color: #2A3663;
  border: transparent;
  border-radius: 0;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
  border-radius: 8px;
}
.btn-primary:disabled {
  color: #9E9E9E;
  background: rgba(42, 54, 99, 0.1);
}

.btn-outline-primary {
  width: 70px;
  height: 50px;
  background-color: #ffffff;
  border: 1px solid #2A3663;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.3px;
}

.btn-cs-center {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  background-color: #EEE;
  border: transparent;
  border-radius: 0;
  border-radius: 8px;
  gap: 0 8px;
  color: #2A3663;
}

.btn-cs-center2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  background-color: transparent;
  border: 1px solid #EEE;
  border-radius: 0;
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  line-height: 1;
  border-radius: 8px;
  gap: 0 4px;
}

.btn-live-chat {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  background-color: transparent;
  border: 1px solid #2A3663;
  border-radius: 0;
  font-size: 14px;
  font-weight: 600;
  color: #2A3663;
  line-height: 1;
  border-radius: 8px;
  gap: 0 4px;
}

.btn-back {
  display: flex;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-image: url("../images/icon/ic_arrow_l_b_24.svg");
}

.submit-box-btm {
  position: fixed;
  top: unset;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 24px 10px;
}
.submit-box-btm.hide {
  display: none;
}

.btn-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  background-color: transparent;
  border: transparent;
  border-radius: 0;
  gap: 0 6px;
}

.btn-minus {
  display: flex;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-image: url("../images/icon/ic_btn_minus_off.svg");
}
.btn-minus.on {
  background-image: url("../images/icon/ic_btn_minus_on.svg");
}

.btn-plus {
  display: flex;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-image: url("../images/icon/ic_btn_plus_off.svg");
}
.btn-plus.on {
  display: flex;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-image: url("../images/icon/ic_btn_plus_on.svg");
}

.btn-status {
  width: 100%;
  height: 40px;
  border-radius: 8px;
}
.btn-status.blue {
  border: 1px solid #448aff;
  background: rgba(68, 138, 255, 0.1);
  font-size: 13px;
  font-weight: 400;
  color: #448aff;
  line-height: 1;
}
.btn-status.yellow {
  border: 1px solid #FFA000;
  background: rgba(255, 160, 0, 0.1);
  font-size: 13px;
  font-weight: 400;
  color: #FFA000;
  line-height: 1;
}
.btn-status.white {
  border: 1px solid #EEE;
  background: #ffffff;
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 1;
}
.btn-status.red {
  border: 1px solid #FF5252;
  background: #ffffff;
  font-size: 13px;
  font-weight: 400;
  color: #FF5252;
  line-height: 1;
}

.input-check {
  width: 24px;
  height: 24px;
  background: url("/public/images/common/check_off_24.svg") no-repeat;
}
.input-check:checked {
  width: 24px;
  height: 24px;
  background: url("/public/images/common/check_on_24.svg") no-repeat;
}

.select-st {
  width: 100%;
  height: 50px;
  padding: 0 12px;
  border: 1px solid #EEE;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
  appearance: none;
  background: url("/public/images/icon/ic_select_arrow.svg") no-repeat center right 12px;
}

.textarea-st {
  width: 100%;
  min-height: 50px;
  padding: 10px;
  border: 1px solid #EEE;
  border-radius: 8px;
  resize: vertical;
}

.input-radio {
  width: 24px;
  height: 24px;
  background: url("/public/images/icon/ic_input_radio.svg") no-repeat;
}
.input-radio:checked {
  width: 24px;
  height: 24px;
  background: url("/public/images/icon/ic_input_radio_on.svg") no-repeat;
}

.switch-input {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
}
.switch-input input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-input input:checked + .slider {
  background-color: #4CAF50;
}
.switch-input input:checked + .slider::before {
  transform: translateX(24px);
}
.switch-input .slider {
  position: absolute;
  cursor: pointer;
  background-color: #ccc;
  border-radius: 34px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.4s;
}
.switch-input .slider:before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  border-radius: 50%;
  transition: 0.4s;
}

[class*=form-] .row {
  margin-top: 16px;
}
[class*=form-] .row .label-block {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
  margin-bottom: 2px;
  letter-spacing: -0.3px;
}
[class*=form-] .row:first-child {
  margin-top: 0;
}
[class*=form-] .submit-box {
  margin-top: 20px;
}
[class*=form-] .submit-box.hide {
  display: none;
}

.modal-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background: rgba(0, 0, 0, 0.5);
}
.modal-wrap.open {
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.modal-wrap .inner {
  max-width: 768px;
  background: #fff;
  padding: 18px 20px 20px;
}
.modal-wrap .inner .modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
}
.modal-wrap .inner .modal-head .title {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
}
.modal-wrap .inner .modal-body {
  margin-top: 10px;
}
.modal-wrap.middle {
  align-items: center;
  justify-content: center;
}
.modal-wrap.middle .inner {
  width: 90%;
  min-height: 100px;
  border-radius: 16px;
  padding: 24px;
}
.modal-wrap.bottom {
  align-items: flex-end;
}
.modal-wrap.bottom .inner {
  width: 100%;
  min-height: 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.modal-wrap.full {
  align-items: flex-end;
}
.modal-wrap.full .inner {
  width: 100%;
  height: 90dvh;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.modal-wrap.modalSrhLoading {
  background: rgba(0, 0, 0, 0);
}
.modal-wrap.modalSrhLoading .loading-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 120px;
  height: 120px;
  border-radius: 8px;
  background: rgba(33, 33, 33, 0.8);
}
.modal-wrap.modalSrhLoading .loading-box .loading-lottie {
  width: 50px;
  height: 50px;
}
.modal-wrap.modalSrhLoading .loading-box .text {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
}

.message-box {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100dvw;
  height: 100dvh;
  background: rgba(0, 0, 0, 0.5);
}
.message-box .inner {
  width: 95%;
  max-width: 375px;
  padding: 24px;
  border-radius: 8px;
  background: #fff;
}
.message-box .inner .msg-content {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 1;
}
.message-box .inner .msg-foot {
  padding-top: 24px;
}

/* 공유하기 모달 */
.modal-share .btn-link-copy {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 0 4px;
}
.modal-share .btn-link-copy .text {
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 1;
}

.toast-wrap {
  position: fixed;
  top: auto;
  left: 50%;
  bottom: 60px;
  z-index: 9999;
  padding: 14px 16px;
  border-radius: 8px;
  min-width: 335px;
  background: rgba(0, 0, 0, 0.87);
  transform: translateX(-50%);
}
.toast-wrap .text {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
}

[class^=sect-] .head {
  padding: 0 20px;
}
[class^=sect-] .head .title {
  font-size: 18px;
  font-weight: 600;
  color: #212121;
  line-height: 26px;
}

.service-box {
  padding: 0 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #2A3663;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.service-box .sect-service {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0 10px;
}
.service-box .sect-service .atc-service {
  flex: 1 1 0;
  background-color: #ffffff;
  padding: 10px 12px;
  box-shadow: 0 0 4px rgba(33, 33, 33, 0.25);
  border-radius: 8px;
}
.service-box .sect-service .atc-service .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.service-box .sect-service .atc-service .title.skeleton-text {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.service-box .sect-service .atc-service .title.skeleton-text * {
  display: none;
}
.service-box .sect-service .atc-service .title.skeleton-text {
  font-size: 0;
}
.service-box .sect-service .atc-service .summary {
  font-size: 13px;
  color: #929292;
  line-height: 16px;
}
.service-box .sect-service .atc-service .summary.skeleton-text {
  display: flex;
  width: auto;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.service-box .sect-service .atc-service .summary.skeleton-text * {
  display: none;
}
.service-box .sect-service .atc-service .summary.skeleton-text {
  font-size: 0;
}
.service-box .nav-banner-st {
  margin-top: 12px;
  border-radius: 8px;
  background-color: #ffffff;
}
.service-box .nav-banner-st ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.service-box .nav-banner-st ul li {
  flex: 1 1 0;
}
.service-box .nav-banner-st ul li .linked {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px 0;
  padding: 12px 0;
}
.service-box .nav-banner-st ul li .linked .skeleton-icon {
  display: flex;
  width: 24px;
  height: 24px;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.service-box .nav-banner-st ul li .linked .skeleton-icon * {
  display: none;
}
.service-box .nav-banner-st ul li .linked .skeleton-icon {
  display: inline-block;
}
.service-box .nav-banner-st ul li .linked .name.skeleton-text {
  display: flex;
  width: 60px;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.service-box .nav-banner-st ul li .linked .name.skeleton-text * {
  display: none;
}
.service-box .nav-banner-st ul li .linked .name.skeleton-text {
  font-size: 0;
}
.service-box .nav-banner-st ul li .linked .name {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.banner-box {
  padding: 0 20px;
  margin-top: 16px;
}
.banner-box .swiper {
  position: relative;
  border-radius: 8px;
  aspect-ratio: 1/0.3881;
}
.banner-box .swiper .swiper-wrapper.skeleton-box {
  display: flex;
  width: auto;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.banner-box .swiper .swiper-wrapper.skeleton-box * {
  display: none;
}
.banner-box .swiper .swiper-wrapper .swiper-slide {
  overflow: hidden;
}
.banner-box .swiper .swiper-wrapper .swiper-slide .linked {
  width: 100%;
}
.banner-box .swiper .swiper-wrapper .swiper-slide .linked img {
  object-fit: cover;
}
.banner-box .swiper .sw-mainBn-paginate {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: auto;
  gap: 0 3px;
  padding: 5px 6px;
  font-size: 10px;
  color: #ffffff;
  background: rgba(33, 33, 33, 0.8);
  border-radius: 20px;
}
.banner-box .swiper .sw-mainBn-paginate.skeleton-text {
  display: flex;
  width: 68px;
  height: 20px;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 20px;
  animation: skeleton-loading 3s infinite linear;
}
.banner-box .swiper .sw-mainBn-paginate.skeleton-text * {
  display: none;
}
.banner-box .swiper .sw-mainBn-paginate.skeleton-text {
  font-size: 0;
}
.banner-box .swiper .sw-mainBn-paginate:after {
  content: "모두보기";
  padding-left: 2px;
}

.review-box {
  margin-top: 16px;
}
.review-box .sect-review {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.review-box .sect-review::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
.review-box .sect-review .list {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 20px;
  gap: 0 14px;
  margin-top: 12px;
}
.review-box .sect-review .list .item {
  padding: 14px 16px;
  border: 1px solid #EEE;
  border-radius: 8px;
  width: 306px;
}
.review-box .sect-review .list .item .item-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 6px;
}
.review-box .sect-review .list .item .item-head .category {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
  padding: 0 6px;
}
.review-box .sect-review .list .item .item-head .category.skeleton-text {
  display: flex;
  width: 44px;
  height: 13px;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.review-box .sect-review .list .item .item-head .category.skeleton-text * {
  display: none;
}
.review-box .sect-review .list .item .item-head .rating {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0 2px;
}
.review-box .sect-review .list .item .item-head .rating.skeleton-box {
  display: flex;
  width: 98px;
  height: 18px;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.review-box .sect-review .list .item .item-head .rating.skeleton-box * {
  display: none;
}
.review-box .sect-review .list .item .item-cont {
  padding-top: 8px;
}
.review-box .sect-review .list .item .item-cont .info {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0 6px;
  font-size: 13px;
}
.review-box .sect-review .list .item .item-cont .info .user-name.skeleton-text {
  display: flex;
  width: 44px;
  height: 13px;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.review-box .sect-review .list .item .item-cont .info .user-name.skeleton-text * {
  display: none;
}
.review-box .sect-review .list .item .item-cont .info .write-date {
  color: #9E9E9E;
}
.review-box .sect-review .list .item .item-cont .info .write-date.skeleton-text {
  display: flex;
  width: 57px;
  height: 13px;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.review-box .sect-review .list .item .item-cont .info .write-date.skeleton-text * {
  display: none;
}
.review-box .sect-review .list .item .item-cont .cont {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0 12px;
  padding-top: 10px;
}
.review-box .sect-review .list .item .item-cont .cont .review {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  flex: 1 1 0;
  font-size: 14px;
  line-height: 20px;
}
.review-box .sect-review .list .item .item-cont .cont .thumb {
  width: 59px;
  height: 59px;
  border-radius: 8px;
  background-color: #EEE;
}

.sect-faq {
  margin-top: 16px;
}

.sect-intro {
  padding-top: 130px;
  text-align: center;
}
.sect-intro .row {
  padding-top: 12px;
}
.sect-intro .row:first-child {
  padding-top: 0;
}
.sect-intro .title {
  margin-top: 12px;
  font-size: 18px;
  font-weight: 600;
  color: #212121;
  line-height: 26px;
}

.sns-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 24px;
  gap: 10px;
  flex-direction: column;
  margin-top: 70px;
}
.sns-list [class^=btn-] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  line-height: 20px;
  gap: 0 8px;
  width: 100%;
  height: 50px;
  border-radius: 8px;
}
.sns-list .btn-kakao {
  background: #FEE500;
}
.sns-list .btn-naver {
  background: #03C75A;
  color: #fff;
}
.sns-list .btn-google {
  border: 1px solid #EEE;
}
.sns-list .btn-apple {
  display: none;
  background: #050708;
  color: #fff;
}
.sns-list .btn-email {
  height: 44px;
  color: #929292;
}

.row-cert .cert-box {
  position: relative;
  font-size: 0;
}
.row-cert .cert-box .input-text {
  width: calc(100% - 80px);
  margin-right: 10px;
}
.row-cert .cert-box .cert-timer {
  position: absolute;
  top: 16px;
  right: 90px;
  bottom: unset;
  left: unset;
  font-size: 16px;
  font-weight: 400;
  color: #FF5252;
  line-height: 1;
}
.row-cert .cert-box .btn-outline-primary {
  color: #2A3663;
}
/* 이메일 로그인 화면 */
.sect-login {
  padding: 0 24px;
  padding-top: 14px;
}
.sect-login .row {
  position: relative;
}
.sect-login .row .btn-pw-mask {
  position: absolute;
  top: auto;
  left: auto;
  right: 13px;
  bottom: 13px;
  width: 24px;
  height: 24px;
  background-image: url("/public/images/icon/ic_pw_off2.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.sect-login .row .btn-pw-mask.open {
  background-image: url("/public/images/icon/ic_pw_on.svg");
}
.sect-login .link-find-pw {
  text-align: right;
}
.sect-login .link-find-pw span {
  font-size: 13px;
  font-weight: 400;
  color: #929292;
  line-height: 16px;
  text-decoration: underline;
  letter-spacing: -0.3px;
}
.sect-login .join-box {
  margin-top: 22px;
}
.sect-login .join-box .linked {
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  line-height: 20px;
  display: block;
  text-align: center;
  letter-spacing: -0.3px;
}

.sect-find {
  padding: 0 24px;
  margin-top: 14px;
}
.sect-find .pw-guide-text {
  padding-top: 5px;
  font-size: 13px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 16px;
}
.sect-find .pw-guide-text.hide {
  display: none;
}
.sect-find .submit-box.hide {
  display: none;
}

.sect-complete {
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100dvh - 60px);
}
.sect-complete .complete-msg {
  text-align: center;
}
.sect-complete .complete-msg .lottie-check {
  margin: 0 auto;
}
.sect-complete .complete-msg .title {
  padding-top: 30px;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}
.sect-complete .complete-msg .summary {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  padding-top: 10px;
  font-weight: 400;
  color: #9e9e9e;
}
.sect-complete .submit-box-btm .btn-text {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 16px;
}
.sect-complete .submit-box-btm .btn-sales {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 16px;
  width: 100%;
  height: 50px;
}

.sect-agree {
  padding: 0 24px;
  padding-top: 14px;
}
.sect-agree.sect-agree2 {
  padding-bottom: 30px;
}
.sect-agree.sect-agree2 .version-box {
  position: fixed;
  top: 56px;
  left: 0;
  right: 0;
  background: #fff;
  width: 100%;
  padding: 14px 24px 0;
}
.sect-agree.sect-agree2 .agree-content {
  margin-top: 66px;
  max-height: none;
}
.sect-agree.fixedBtm {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  height: calc(100dvh - 56px);
  padding-bottom: 10px;
}
.sect-agree.fixedBtm .info-box {
  width: 100%;
}
.sect-agree.fixedBtm .agree-box {
  width: 100%;
}
.sect-agree .agree-content {
  max-height: calc(100vh - 146px);
  margin-top: 16px;
  white-space: pre-line;
  line-height: 1.6;
  overflow: auto;
}
.sect-agree .info-box {
  padding: 93px 0;
  text-align: center;
}
.sect-agree .info-box .summary {
  padding-top: 12px;
  font-size: 18px;
  font-weight: 600;
  color: #212121;
  line-height: 26px;
}
.sect-agree .agree-box .agree-all .label-text {
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  line-height: 20px;
}
.sect-agree .agree-box .agree-form {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #EEEEEE;
}
.sect-agree .agree-box .agree-form .agree-row {
  position: relative;
}
.sect-agree .agree-box .agree-form .agree-row .label-text {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
}
.sect-agree .agree-box .agree-form .agree-row .link-agree {
  position: absolute;
  top: calc(50% - 12px);
  right: 0;
  bottom: unset;
  left: unset;
  width: 24px;
  height: 24px;
}
.sect-agree .agree-box .agree-form .agree-row .link-agree.ic-arrow-r {
  background-position: center right;
}
.sect-agree .agree-box .agree-form .submit-box {
  margin-top: 20px;
}
.sect-agree .agree-box .label-check {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 10px;
  padding: 13px 0 13px 12px;
}
.sect-agree .agree-box .label-check.on {
  background: rgba(42, 54, 99, 0.1);
  border-radius: 5px;
}
.sect-agree .agree-box .label-check.on2 {
  background: rgba(255, 160, 0, 0.1);
  border-radius: 5px;
}

.sect-join {
  padding: 0 24px;
}
.sect-join .birthday-box {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0 7px;
}
.sect-join .birthday-box .label-col {
  flex: 1 1 0;
}

.sect-certification {
  padding: 0 24px;
  padding-top: 14px;
}
.sect-certification .form-certification .row-cert {
  max-height: 0;
  margin-top: 0;
  overflow: hidden;
  transform: translateY(-80px);
  opacity: 0;
  transition: all 0.7s ease;
  pointer-events: none;
}
.sect-certification .form-certification .row-cert.show {
  max-height: 100px;
  margin-top: 16px;
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.sect-certification .form-certification .row-cert .hide {
  display: none;
}
.sect-certification .form-certification .submit-box .hide {
  display: none;
}
.sect-certification .form-certification .send-btn-box {
  margin-top: 16px;
}
.sect-certification .form-certification .send-btn-box.hide {
  display: none;
}
.sect-certification .form-certification .submit-box {
  margin-top: 16px;
}
.sect-certification .form-certification .submit-box.hide {
  display: none;
}
.sect-certification .form-certification .row-pw.hide {
  display: none;
}
.sect-certification .form-certification .row-pw .pw-guide-text {
  font-size: 13px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 16px;
  margin-top: 5px;
}
.sect-certification .form-certification .row-pw .pw-guide-text.hide {
  display: none;
}

.sns-box {
  position: relative;
}
.sns-box .select-st {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 120px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 0;
}
.sns-box .label-phone .input-text {
  padding-left: 120px;
}

.form-reserve-input {
  padding: 0 24px;
  padding-top: 14px;
}
.form-reserve-input .guide-text {
  padding-top: 5px;
  font-size: 13px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 16px;
}
.form-reserve-input .select-birth-row .error-msg + .error-msg {
  display: none;
}
.form-reserve-input .select-birth-row .error-msg + .error-msg + .error-msg {
  display: none;
}
.form-reserve-input .social-row .error-msg + .error-msg {
  display: none;
}

/* 계정정보 */
.sect-my {
  padding: 0 20px;
}
.sect-my .profile-img-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sect-my .profile-img-box .profile-img {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  overflow: hidden;
}
.sect-my .profile-img-box .profile-img.skeleton-gallery {
  position: relative;
}
.sect-my .profile-img-box .profile-img.skeleton-gallery:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-my .profile-img-box .profile-img.skeleton-gallery:before * {
  display: none;
}
.sect-my .profile-img-box .profile-img.skeleton-gallery:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-my .profile-img-box .profile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 이미지 비율 유지하며 꽉 채우기 */
  object-position: center; /* 가운데 정렬 */
  display: block;
}
.sect-my .profile-img-box .profile-change {
  position: absolute;
  top: auto;
  left: calc(50% + 20px);
  bottom: 0;
}
.sect-my .my-info-box {
  margin-top: 20px;
}
.sect-my .my-info-box .title {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
  padding-bottom: 20px;
}
.sect-my .my-info-box .info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
}
.sect-my .my-info-box .info-row.pwChange {
  cursor: pointer;
}
.sect-my .my-info-box .info-row .info-tt {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 20px;
}
.sect-my .my-info-box .info-row .info-email {
  display: flex;
  align-items: center;
  gap: 0 6px;
  font-size: 16px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 22px;
}
.sect-my .my-info-box .info-row .info-email.skeleton-text {
  position: relative;
  width: 200px;
  height: 22px;
  overflow: hidden;
}
.sect-my .my-info-box .info-row .info-email.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-my .my-info-box .info-row .info-email.skeleton-text:before * {
  display: none;
}
.sect-my .my-info-box .info-row .info-email.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-my .my-info-box .info-row .info-phone {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 6px;
  width: 140px;
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
}
.sect-my .my-info-box .info-row .info-phone.skeleton-text {
  position: relative;
  height: 22px;
}
.sect-my .my-info-box .info-row .info-phone.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-my .my-info-box .info-row .info-phone.skeleton-text:before * {
  display: none;
}
.sect-my .my-info-box .info-row .info-phone.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}

.modify-box .btn-img-default {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
}
.modify-box .label-album {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
}
.modify-box .label-album .input-file-hide {
  display: none;
}

.reserve-info-box {
  padding: 16px 0 20px;
  margin-top: 16px;
  border-top: 1px solid #EEE;
}
.reserve-info-box .title {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
}
.reserve-info-box .reserve-list {
  padding-top: 12px;
}
.reserve-info-box .reserve-list .list .btn-link-login {
  margin-bottom: 24px;
}
.reserve-info-box .reserve-list .list .item {
  position: relative;
  padding: 14px;
  margin-top: 14px;
  border: 1px solid #EEE;
  border-radius: 8px;
}
.reserve-info-box .reserve-list .list .item:first-child {
  margin-top: 0;
}
.reserve-info-box .reserve-list .list .item .btn-util {
  position: absolute;
  top: 14px;
  left: auto;
  right: 14px;
}
.reserve-info-box .reserve-list .list .item .user-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 8px;
}
.reserve-info-box .reserve-list .list .item .user-info .name {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
}
.reserve-info-box .reserve-list .list .item .user-info .name.skeleton-text {
  position: relative;
  height: 24px;
}
.reserve-info-box .reserve-list .list .item .user-info .name.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.reserve-info-box .reserve-list .list .item .user-info .name.skeleton-text:before * {
  display: none;
}
.reserve-info-box .reserve-list .list .item .user-info .name.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.reserve-info-box .reserve-list .list .item .user-info .birthday {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 1;
}
.reserve-info-box .reserve-list .list .item .user-info .birthday.skeleton-text {
  position: relative;
  width: 75px;
  height: 24px;
  overflow: hidden;
}
.reserve-info-box .reserve-list .list .item .user-info .birthday.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.reserve-info-box .reserve-list .list .item .user-info .birthday.skeleton-text:before * {
  display: none;
}
.reserve-info-box .reserve-list .list .item .user-info .birthday.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.reserve-info-box .reserve-list .list .item .user-info .reserve-default {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 400;
  color: #FFA000;
  line-height: 16px;
  width: 40px;
  height: 24px;
  border-radius: 8px;
  background: rgba(255, 160, 0, 0.1);
}
.reserve-info-box .reserve-list .list .item .user-info .reserve-default.selected {
  width: 50px;
  color: #448aff;
  background: rgba(68, 138, 255, 0.1);
}
.reserve-info-box .reserve-list .list .item .user-info .reserve-default.skeleton-text {
  position: relative;
}
.reserve-info-box .reserve-list .list .item .user-info .reserve-default.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.reserve-info-box .reserve-list .list .item .user-info .reserve-default.skeleton-text:before * {
  display: none;
}
.reserve-info-box .reserve-list .list .item .user-info .reserve-default.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.reserve-info-box .reserve-list .list .item .phone {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
  margin-top: 6px;
}
.reserve-info-box .reserve-list .list .item .phone.skeleton-text {
  position: relative;
  width: 110px;
}
.reserve-info-box .reserve-list .list .item .phone.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.reserve-info-box .reserve-list .list .item .phone.skeleton-text:before * {
  display: none;
}
.reserve-info-box .reserve-list .list .item .phone.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.reserve-info-box .reserve-list .list .item .email {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
  margin-top: 2px;
}
.reserve-info-box .reserve-list .list .item .email.skeleton-text {
  position: relative;
  width: 200px;
  overflow: hidden;
}
.reserve-info-box .reserve-list .list .item .email.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.reserve-info-box .reserve-list .list .item .email.skeleton-text:before * {
  display: none;
}
.reserve-info-box .reserve-list .list .item .email.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.reserve-info-box .reserve-list .list .item .sns-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
  gap: 0 4px;
  margin-top: 4px;
}
.reserve-info-box .reserve-list .list .item .sns-box.skeleton-text {
  position: relative;
  width: 120px;
}
.reserve-info-box .reserve-list .list .item .sns-box.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.reserve-info-box .reserve-list .list .item .sns-box.skeleton-text:before * {
  display: none;
}
.reserve-info-box .reserve-list .list .item .sns-box.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.reserve-info-box .reserve-list .list .item.item-add {
  padding: 0;
  border: 0;
}
.reserve-info-box .reserve-list .list .item.item-add .reserve-user-add {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  line-height: 1;
  gap: 0 4px;
  width: 100%;
  height: 50px;
  border: 1px solid #EEE;
  border-radius: 8px;
}
.reserve-info-box .util-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  gap: 0 16px;
}
.reserve-info-box .util-box .deco-line {
  display: block;
  width: 1px;
  height: 14px;
  background: #9e9e9e;
}
.reserve-info-box .util-box .btn-util {
  font-size: 13px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 16px;
  text-decoration: underline;
}

.md-reserve-info .modify-box .item-row.hide {
  display: none;
}
.md-reserve-info .modify-box .item-row .btn-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
  width: 100%;
  height: 50px;
}
.md-reserve-info .modify-box .item-row .btn-item.blue {
  color: #FFA000;
}
.md-reserve-info .modify-box .item-row .btn-item.btn-delete {
  color: #FF5252;
}

/* PUSH */
.push-list {
  min-height: calc(100dvh - 56px);
  padding: 14px 20px;
  background: #fafafa;
}
.push-list .push-no-data {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 22px;
  height: calc(100dvh - 90px);
}
.push-list .item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 10px;
  padding: 14px;
  margin-top: 12px;
  border-radius: 8px;
  border: 1px solid #EEE;
  background: #ffffff;
  box-shadow: 0px 0px 4px rgba(189, 189, 189, 0.25);
}
.push-list .item.item-read .item-left .item-head .title {
  color: #9e9e9e;
}
.push-list .item.item-read .item-left .item-head .day {
  color: #BDBDBD;
}
.push-list .item.item-read .item-left .item-content {
  padding-top: 4px;
}
.push-list .item.item-read .item-left .item-content .text {
  color: #BDBDBD;
}
.push-list .item:first-child {
  margin-top: 0;
}
.push-list .item.default {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #BDBDBD;
  line-height: 16px;
  text-align: center;
  box-shadow: unset;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.push-list .item .item-left {
  flex: 1;
}
.push-list .item .item-left .item-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 6px;
}
.push-list .item .item-left .item-head .title {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
}
.push-list .item .item-left .item-head .day {
  font-size: 13px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 1;
}
.push-list .item .item-left .item-head.new .title:after {
  content: "";
  position: absolute;
  top: 0;
  left: auto;
  right: -4px;
  display: block;
  width: 4px;
  height: 4px;
  background: #FFA000;
  border-radius: 4px;
}
.push-list .item .item-left .item-content {
  padding-top: 4px;
}
.push-list .item .item-left .item-content .text {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
}
.push-list .item .push-del {
  width: 24px;
}

/* coupon */
.sect-coupon {
  height: calc(100vh - 56px);
  background: #fafafa;
}
.sect-coupon .form-coupon {
  padding: 0 20px;
  padding-top: 14px;
  padding-bottom: 14px;
  background: #fff;
  border-bottom: 1px solid #EEE;
}
.sect-coupon .form-coupon .coupon-add-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0 10px;
}
.sect-coupon .form-coupon .coupon-add-row .label-block {
  position: relative;
  flex: 1;
}
.sect-coupon .form-coupon .coupon-add-row .label-block .btn-input-reset {
  display: none;
  position: absolute;
  top: 13px;
  left: auto;
  right: 13px;
}
.sect-coupon .form-coupon .coupon-add-row .label-block .btn-input-reset.open {
  display: block;
}
.sect-coupon .form-coupon .coupon-add-row .btn-add-coupon {
  width: 90px;
}
.sect-coupon .coupon-scroll {
  height: calc(100% - 81px);
  overflow: auto;
}
.sect-coupon .coupon-box {
  padding: 0 20px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.sect-coupon .coupon-box .coupon-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sect-coupon .coupon-box .coupon-head .coupon-tab {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 10px;
  flex: 1;
}
.sect-coupon .coupon-box .coupon-head .coupon-tab .btn-tab {
  font-size: 16px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 22px;
  height: 38px;
  padding: 0 20px;
  border-radius: 38px;
  background: #ffffff;
  border: 1px solid #EEE;
}
.sect-coupon .coupon-box .coupon-head .coupon-tab .btn-tab .count {
  font-size: 16px;
  font-weight: 600;
  color: #2A3663;
  line-height: 1;
  margin-left: 8px;
  font-style: normal;
}
.sect-coupon .coupon-box .coupon-head .coupon-tab .btn-tab .count.skeleton-text {
  position: relative;
}
.sect-coupon .coupon-box .coupon-head .coupon-tab .btn-tab .count.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-coupon .coupon-box .coupon-head .coupon-tab .btn-tab .count.skeleton-text:before * {
  display: none;
}
.sect-coupon .coupon-box .coupon-head .coupon-tab .btn-tab .count.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-coupon .coupon-box .coupon-head .coupon-tab .btn-tab.on {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
  background: #2A3663;
}
.sect-coupon .coupon-box .coupon-head .coupon-tab .btn-tab.on .count {
  color: #ffffff;
}
.sect-coupon .coupon-box .coupon-head .btn-policy {
  width: 24px;
}
.sect-coupon .coupon-list {
  padding: 0 20px;
  padding-bottom: 30px;
}
.sect-coupon .coupon-list .nodata-box {
  height: calc(100vh - 280px);
}
.sect-coupon .coupon-list .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 16px;
  margin-top: 14px;
  border: 1px solid #f5f5f5;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: -1px 0px 4px rgba(189, 189, 189, 0.25);
}
.sect-coupon .coupon-list .item:first-child {
  margin-top: 2px;
}
.sect-coupon .coupon-list .use-item {
  position: relative;
  display: block;
  margin-top: 14px;
  transition: transform 0.5s;
  transform-style: preserve-3d;
}
.sect-coupon .coupon-list .use-item:first-child {
  margin-top: 2px;
}
.sect-coupon .coupon-list .use-item .card-front {
  display: flex;
  z-index: 2;
}
.sect-coupon .coupon-list .use-item .card-back {
  display: none;
  transform: rotateX(180deg);
}
.sect-coupon .coupon-list .use-item.flipped .card-front {
  display: none;
}
.sect-coupon .coupon-list .use-item.flipped .card-back {
  display: flex;
}
.sect-coupon .coupon-list .use-item.flipped {
  transform: rotateX(180deg);
}
.sect-coupon .coupon-list .use-item .card-front {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.sect-coupon .coupon-list .use-item .card-front,
.sect-coupon .coupon-list .use-item .card-back {
  justify-content: space-between;
  padding: 20px 16px;
  backface-visibility: hidden;
  border: 1px solid #f5f5f5;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: -1px 0px 4px rgba(189, 189, 189, 0.25);
}
.sect-coupon .coupon-list .discount {
  font-size: 20px;
  font-weight: 600;
  color: #FFA000;
  line-height: 26px;
}
.sect-coupon .coupon-list .discount.skeleton-text {
  position: relative;
}
.sect-coupon .coupon-list .discount.skeleton-text:before {
  display: flex;
  width: 100px;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-coupon .coupon-list .discount.skeleton-text:before * {
  display: none;
}
.sect-coupon .coupon-list .discount.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-coupon .coupon-list .title {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
  margin-top: 8px;
}
.sect-coupon .coupon-list .title.skeleton-text {
  position: relative;
}
.sect-coupon .coupon-list .title.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-coupon .coupon-list .title.skeleton-text:before * {
  display: none;
}
.sect-coupon .coupon-list .title.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-coupon .coupon-list .summary {
  margin-top: 6px;
  font-size: 13px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 16px;
}
.sect-coupon .coupon-list .summary.skeleton-text {
  position: relative;
}
.sect-coupon .coupon-list .summary.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-coupon .coupon-list .summary.skeleton-text:before * {
  display: none;
}
.sect-coupon .coupon-list .summary.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-coupon .coupon-list .summary + .summary {
  margin-top: 4px;
}

.modal-coupon-policy .agree-content {
  margin-top: 14px;
  overflow: auto;
}
.modal-coupon-policy .btn-coupon-bottom {
  margin-top: 10px;
}

.reserve-info-box.reserve-list-box {
  padding: 0 20px;
  border-top: 0;
  padding-top: 0;
  margin-top: 14px;
}
.reserve-info-box.reserve-list-box .reserve-list {
  padding-top: 0;
}
.reserve-info-box.reserve-list-box .reserve-list .item {
  position: relative;
}
.reserve-info-box.reserve-list-box .reserve-list .item .my-selected-info {
  position: absolute;
  top: 14px;
  left: auto;
  right: 14px;
  font-size: 13px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 1;
}
.reserve-info-box.reserve-list-box .reserve-list .item .my-selected-info.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.reserve-info-box.reserve-list-box .reserve-list .item .my-selected-info.skeleton-text:before * {
  display: none;
}
.reserve-info-box.reserve-list-box .reserve-list .item .my-selected-info.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.reserve-info-box.reserve-list-box .reserve-list .util-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .left {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0 8px;
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-modify {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 1;
  width: 46px;
  height: 26px;
  border: 1px solid #EEE;
  border-radius: 8px;
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-modify.skeleton-text {
  position: relative;
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-modify.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-modify.skeleton-text:before * {
  display: none;
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-modify.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-delete {
  font-size: 14px;
  font-weight: 400;
  color: #FF5252;
  line-height: 1;
  width: 46px;
  height: 26px;
  border: 1px solid #FF5252;
  border-radius: 8px;
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-delete.skeleton-text {
  border: 0;
  position: relative;
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-delete.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-delete.skeleton-text:before * {
  display: none;
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-delete.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-selected {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 14px;
  font-weight: 400;
  color: #448aff;
  line-height: 1;
  gap: 0 2px;
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-selected.skeleton-text {
  position: relative;
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-selected.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-selected.skeleton-text:before * {
  display: none;
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-selected.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-selected-off {
  font-size: 14px;
  font-weight: 400;
  color: #FFA000;
  line-height: 1;
  width: 46px;
  height: 26px;
  border: 1px solid #FFA000;
  background-color: rgba(255, 160, 0, 0.1);
  border-radius: 8px;
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-selected-off.skeleton-text {
  border: 0;
  position: relative;
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-selected-off.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-selected-off.skeleton-text:before * {
  display: none;
}
.reserve-info-box.reserve-list-box .reserve-list .util-button .btn-selected-off.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}

.sect-setting {
  padding: 0 20px;
}
.sect-setting .infoPushBox + .setting-box {
  border: 0;
  margin-top: 0;
}
.sect-setting .setting-box {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #EEE;
}
.sect-setting .setting-box:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.sect-setting .setting-box .title {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
}
.sect-setting .setting-box .summary {
  padding-top: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 20px;
}
.sect-setting .setting-box .setting-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
}
.sect-setting .setting-box .setting-item .switch-label {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 1;
}
.sect-setting .setting-box .setting-item .link-agree {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  width: 100%;
  height: auto;
  background-position: center right;
}
.sect-setting .setting-box .setting-item .version {
  font-size: 16px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 22px;
}
.sect-setting .setting-box.app-info-box .setting-item {
  padding: 0;
}
.sect-setting .setting-box.app-info-box .setting-item.version-item {
  padding: 15px 0;
}

.modal-event-agree .modal-body .summary, .modal-push-agree .modal-body .summary {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
}
.modal-event-agree .modal-button-box, .modal-push-agree .modal-button-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 10px;
  padding-top: 24px;
}
.modal-event-agree .modal-button-box .btn-no, .modal-push-agree .modal-button-box .btn-no {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 20px;
  flex: 1;
  height: 42px;
  background: #fafafa;
  border-radius: 8px;
}
.modal-event-agree .modal-button-box .btn-primary, .modal-push-agree .modal-button-box .btn-primary {
  height: 42px;
}
.modal-event-agree .modal-button-box .btn-agree, .modal-push-agree .modal-button-box .btn-agree {
  flex: 1;
}

.sect-withdrawal .main-text-box {
  padding: 30px 0;
}
.sect-withdrawal .main-text-box .title {
  font-size: 18px;
  font-weight: 600;
  color: #212121;
  line-height: 26px;
  text-align: center;
}
.sect-withdrawal .main-text-box .title span {
  color: #FFA000;
}
.sect-withdrawal .main-text-box .summary {
  padding-top: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
  text-align: center;
}
.sect-withdrawal .reserve-ing {
  padding: 0 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.sect-withdrawal .reserve-ing dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sect-withdrawal .reserve-ing dl dt {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
}
.sect-withdrawal .reserve-ing dl dd {
  font-size: 16px;
  font-weight: 400;
  color: #FFA000;
  line-height: 22px;
}
.sect-withdrawal .withdrawal-select {
  padding: 0 20px;
  margin-top: 14px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 8px solid #fafafa;
}
.sect-withdrawal .withdrawal-select .label-block {
  padding-bottom: 6px;
}
.sect-withdrawal .withdrawal-select .textarea-st {
  display: none;
  height: 100px;
  margin-top: 14px;
}
.sect-withdrawal .withdrawal-select .textarea-st::placeholder {
  line-height: 20px;
}
.sect-withdrawal .withdrawal-guide-box {
  padding: 0 20px;
}
.sect-withdrawal .withdrawal-guide-box .inner {
  padding: 14px 16px;
  border-radius: 8px;
  background-color: #fafafa;
}
.sect-withdrawal .withdrawal-guide-box .inner .title {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
}
.sect-withdrawal .withdrawal-guide-box .inner .withdrawal-info {
  padding-top: 12px;
}
.sect-withdrawal .withdrawal-guide-box .inner .withdrawal-info .withdrawal-list li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.sect-withdrawal .withdrawal-guide-box .inner .withdrawal-info .withdrawal-list li .number {
  display: block;
  width: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
}
.sect-withdrawal .withdrawal-guide-box .inner .withdrawal-info .withdrawal-list li .text {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
}
.sect-withdrawal .agree-box {
  padding: 0 20px;
  padding-top: 30px;
}
.sect-withdrawal .agree-box .label-check {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 10px;
}
.sect-withdrawal .agree-box .label-check .label-text {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
}
.sect-withdrawal .submit-box {
  padding: 0 20px;
  margin-top: 30px;
}

.modal-term .termContent {
  max-height: calc(100vh - 220px);
  overflow: auto;
  line-height: 1.6;
}

.event-tt.skeleton-text {
  display: flex;
  width: 100px;
  height: 22px;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.event-tt.skeleton-text * {
  display: none;
}

.sect-event.list {
  padding: 0 20px;
}
.sect-event .event-list .item {
  position: relative;
  margin-top: 14px;
}
.sect-event .event-list .item.skeleton-gallery {
  display: flex;
  width: 100%;
  height: 104px;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-event .event-list .item.skeleton-gallery * {
  display: none;
}
.sect-event .event-list .item .linked img {
  max-width: 100%;
}
.sect-event .event-list .item {
  position: relative;
}
.sect-event .event-list .item .linked {
  border-radius: 8px;
  overflow: hidden;
  height: 100px;
}
.sect-event .event-list .item .linked img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 비율 유지하면서 100x100 안에 맞춤 */
  display: block; /* 여백 제거 */
}
.sect-event .event-list .item .kind-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  padding: 5px 11px;
  border: 1px solid #2A3663;
  border-radius: 20px;
  background: #fff;
}
.sect-event .event-list .item .kind-box.skeleton-box {
  display: flex;
  width: 77px;
  height: 22px;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-event .event-list .item .kind-box.skeleton-box * {
  display: none;
}
.sect-event .event-list .item .kind-box.skeleton-box {
  border: 0;
}
.sect-event .event-list .item .kind-box .text {
  font-size: 10px;
  font-weight: 400;
  color: #212121;
  line-height: 1;
}
.sect-event .event-viewer .img-box img {
  max-width: 100%;
}
.sect-event .event-viewer .img-box.skeleton-gallery {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.sect-event .event-viewer .img-box.skeleton-gallery:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-event .event-viewer .img-box.skeleton-gallery:before * {
  display: none;
}
.sect-event .event-viewer .img-box.skeleton-gallery:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}

.sect-customer .customer-box {
  padding: 0 20px;
  margin-top: 20px;
  text-align: center;
}
.sect-customer .customer-box .title {
  font-size: 18px;
  font-weight: 600;
  color: #212121;
  line-height: 26px;
}
.sect-customer .customer-box .use-time {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 1;
  margin-top: 4px;
}
.sect-customer .customer-box .btn-live-chat {
  margin-top: 20px;
}
.sect-customer .customer-box .btn-cs-center2 {
  margin-top: 12px;
}
.sect-customer .faq-box {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 10px solid #fafafa;
}
.sect-customer .faq-box .faq-head {
  padding: 0 20px;
}
.sect-customer .faq-box .faq-head .title {
  font-size: 18px;
  font-weight: 600;
  color: #212121;
  line-height: 26px;
}
.sect-customer .faq-box .faq-body {
  margin-top: 14px;
}
.sect-customer .faq-box .faq-body .faq-list {
  padding: 0 20px;
  margin-top: 14px;
}
.sect-customer .faq-box .faq-body .faq-list .accordion-box {
  padding: 20px 0;
  border-top: 1px solid #EEE;
}
.sect-customer .faq-box .faq-body .faq-list .accordion-box:first-child {
  border-top: 0;
}

/* notice */
.sect-notice {
  padding: 0 20px;
}
.sect-notice .notice-list {
  margin-top: 8px;
}
.sect-notice .notice-list .accordion-box {
  padding: 11px 0;
  border-top: 1px solid #EEE;
}
.sect-notice .notice-list .accordion-box .title {
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
}
.sect-notice .notice-list .accordion-box .acd-cont {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 22px;
}
.sect-notice .notice-list .accordion-box:first-child {
  border-top: 0;
}

/* use guide */
.sect-use-guide {
  background: #fafafa;
}
.sect-use-guide .cord-list {
  padding-bottom: 14px;
  background: #ffffff;
  border-bottom: 1px solid #EEE;
}
.sect-use-guide .guide-content {
  padding: 0 20px;
  margin-top: 14px;
}
.sect-use-guide .guide-content .guide-tt {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  line-height: 26px;
  margin-bottom: 10px;
}
.sect-use-guide .guide-content .guide-tt.skeleton-text {
  position: relative;
}
.sect-use-guide .guide-content .guide-tt.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-use-guide .guide-content .guide-tt.skeleton-text:before * {
  display: none;
}
.sect-use-guide .guide-content .guide-tt.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-use-guide .guide-content .guide-msg {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 20px;
  margin-bottom: 20px;
}
.sect-use-guide .guide-content .guide-msg.skeleton-text {
  position: relative;
}
.sect-use-guide .guide-content .guide-msg.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-use-guide .guide-content .guide-msg.skeleton-text:before * {
  display: none;
}
.sect-use-guide .guide-content .guide-msg.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-use-guide .guide-content .img-box {
  margin-bottom: 30px;
}
.sect-use-guide .guide-content .img-box.skeleton-gallery {
  position: relative;
}
.sect-use-guide .guide-content .img-box.skeleton-gallery:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-use-guide .guide-content .img-box.skeleton-gallery:before * {
  display: none;
}
.sect-use-guide .guide-content .img-box.skeleton-gallery:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-use-guide .guide-content .img-box img {
  max-width: 100%;
}

.sect-product {
  padding-bottom: 50px;
}
.sect-product .search-air-box {
  padding: 16px 20px 0;
  min-height: 200px;
  background: linear-gradient(180deg, #E1F5FE 0%, rgba(225, 245, 254, 0) 100%);
}
.sect-product .search-air-box .inner {
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0 0 6px rgba(189, 189, 189, 0.3);
  background: #fff;
}
.sect-product .search-air-box .inner .search-tabs {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 12px;
  padding: 6px 7px;
  border-radius: 8px;
  background: #f7f8f8;
}
.sect-product .search-air-box .inner .search-tabs .btn-tab {
  width: 50%;
  height: 38px;
  font-size: 14px;
  font-weight: 400;
  color: #BDBDBD;
  line-height: 20px;
}
.sect-product .search-air-box .inner .search-tabs .btn-tab.on {
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  line-height: 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(189, 189, 189, 0.4);
}
.sect-product .search-air-box .inner .tab-content {
  display: none;
}
.sect-product .search-air-box .inner .tab-content.show {
  display: block;
}
.sect-product .search-air-box .inner .form-search-air .srh-row {
  margin-top: 12px;
}
.sect-product .search-air-box .inner .form-search-air .srh-row:first-child {
  margin-top: 0;
}
.sect-product .search-air-box .inner .form-search-air .srh-row.first-select .item {
  border-color: #FFA000;
}
.sect-product .search-air-box .inner .form-search-air .srh-row .btn-primary {
  margin-top: 4px;
}
.sect-product .search-air-box .inner .form-search-air .srh-row .item {
  min-height: 66px;
  padding: 12px 14px;
  border: 1px solid #EEE;
  border-radius: 8px;
}
.sect-product .search-air-box .inner .form-search-air .srh-row .item.yel-bd {
  border-color: #FFA000;
}
.sect-product .search-air-box .inner .form-search-air .srh-row .item .label-text {
  font-size: 16px;
  font-weight: 600;
  color: #9e9e9e;
  line-height: 22px;
  margin-left: 8px;
}
.sect-product .search-air-box .inner .form-search-air .srh-row .item.error {
  border-color: #FF5252;
}
.sect-product .search-air-box .inner .form-search-air .srh-row .item.no-input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sect-product .search-air-box .inner .form-search-air .srh-row .item .selected-date,
.sect-product .search-air-box .inner .form-search-air .srh-row .item img.on {
  display: none;
}
.sect-product .search-air-box .inner .form-search-air .srh-row .item img.off {
  display: block;
}
.sect-product .search-air-box .inner .form-search-air .srh-row .item .input-text {
  display: none;
  height: 22px;
  padding: 0;
  margin-left: 8px;
  border: 0;
}
.sect-product .search-air-box .inner .form-search-air .srh-row .item .input-text.upper {
  text-transform: uppercase;
}
.sect-product .search-air-box .inner .form-search-air .srh-row.selected {
  display: block;
}
.sect-product .search-air-box .inner .form-search-air .srh-row.selected .item .label-text {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 16px;
  padding-bottom: 2px;
}
.sect-product .search-air-box .inner .form-search-air .srh-row.selected .item .selected-date {
  display: block;
  margin-left: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
}
.sect-product .search-air-box .inner .form-search-air .srh-row.selected .item .input-text {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
}
.sect-product .search-air-box .inner .form-search-air .srh-row.selected .item img.on {
  display: block;
}
.sect-product .search-air-box .inner .form-search-air .srh-row.selected .item img.off {
  display: none;
}
.sect-product .search-air-box .inner .form-search-air .srh-row .guide-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: rgba(255, 160, 0, 0.1);
  padding: 9px 12px;
  border-radius: 8px;
  gap: 0 4px;
}
.sect-product .search-air-box .inner .form-search-air .srh-row .guide-text .text {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
}
.sect-product .product-guide-box {
  padding: 0 20px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 8px solid #fafafa;
}
.sect-product .product-guide-box .title {
  font-size: 18px;
  font-weight: 600;
  color: #212121;
  line-height: 26px;
}
.sect-product .product-guide-box .banner-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}
.sect-product .product-guide-box .banner-box .item {
  flex: 1;
  text-align: center;
}
.sect-product .product-guide-box .banner-box .item .text {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
  padding-top: 6px;
  text-align: center;
}
.sect-product .product-guide-box .guide-phrase-box {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #EEE;
}
.sect-product .product-guide-box .guide-phrase-box .phrase-row {
  margin-top: 14px;
}
.sect-product .product-guide-box .guide-phrase-box .phrase-row:first-child {
  margin-top: 0;
}
.sect-product .product-guide-box .guide-phrase-box .phrase-row .title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 4px;
}
.sect-product .product-guide-box .guide-phrase-box .phrase-row .title .text {
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  line-height: 20px;
}
.sect-product .product-guide-box .guide-phrase-box .phrase-row .summary {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
  padding-top: 4px;
}
.sect-product .sanding-srh-box {
  margin-top: 16px;
}
.sect-product .sect-title {
  font-size: 18px;
  font-weight: 600;
  color: #212121;
  line-height: 26px;
  padding: 14px 0 16px;
}
.sect-product .sect-title span {
  color: #FFA000;
}

.wheel-wrapper.hide {
  opacity: 0;
}
.wheel-wrapper {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0 10px;
  height: 150px; /* 예시: 5개 아이템 보이게 */
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #EEE;
  overflow: hidden;
}
.wheel-wrapper .wheel {
  width: 120px;
  height: 100%;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}
.wheel-wrapper .wheel::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
.wheel-wrapper .wheel .wheel-item {
  height: 50px;
  font-size: 16px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 50px;
  text-align: center;
  scroll-snap-align: center;
  transition: color 0.2s;
  cursor: pointer;
}
.wheel-wrapper .wheel .wheel-item.active {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  line-height: 50px;
}
.wheel-wrapper .wheel .spacer {
  height: 50px; /* 위아래에만 적절히 */
  flex-shrink: 0;
}

.modal-calender-time .inner {
  padding: 18px 0 20px;
}
.modal-calender-time .inner .modal-head {
  padding: 0 20px;
}
.modal-calender-time .inner .modal-body .time-picker {
  padding: 0 20px;
}
.modal-calender-time .inner .modal-body {
  margin-top: 16px;
}
.modal-calender-time .inner .modal-body .time-guide-box {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
  text-align: center;
  padding: 10px 0;
  background: rgba(255, 160, 0, 0.1);
}
.modal-calender-time .inner .modal-body .calendar-box {
  padding: 0 20px;
}
.modal-calender-time .inner .modal-body .calendar-box .air-datepicker.-inline- .air-datepicker-nav {
  border-bottom: 0;
}
.modal-calender-time .inner .submit-box-btm {
  padding: 0 20px;
}

.modal-calender-box .calendar-box .calender-hide {
  border: 0;
  width: 1px;
  height: 1px;
}
.modal-calender-box .calendar-box .air-datepicker.-inline- {
  border: 0;
  width: 100%;
}
.modal-calender-box .calendar-box .air-datepicker.-inline- .air-datepicker-nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-calender-box .calendar-box .air-datepicker.-inline- .air-datepicker-nav .air-datepicker-nav--title {
  font-size: 16px;
  font-weight: 500;
  color: #212121;
  line-height: 20px;
}
.modal-calender-box .calendar-box .air-datepicker.-inline- .air-datepicker-nav .air-datepicker-nav--title i {
  font-size: 16px;
  font-weight: 500;
  color: #212121;
  line-height: 20px;
  margin-left: 0;
}
.modal-calender-box .calendar-box .air-datepicker.-inline- .air-datepicker-body--day-name {
  font-size: 12px;
  font-weight: 500;
  color: #757575;
  line-height: 16px;
  height: 36px;
}
.modal-calender-box .calendar-box .air-datepicker.-inline- .air-datepicker-body--cells.-days- {
  grid-auto-rows: 42px;
}
.modal-calender-box .calendar-box .air-datepicker.-inline- .air-datepicker-cell {
  height: 42px;
  font-size: 18px;
}
.modal-calender-box .date-container {
  position: relative;
}
.modal-calender-box .submit-box-btm {
  position: static;
  padding: 0;
  margin-top: 20px;
}

.modal-search-airport .modal-body {
  height: calc(100% - 40px);
}
.modal-search-airport .search-airport .input-text {
  background: url("/public/images/icon/ic_search_g.svg") no-repeat center right 12px;
}
.modal-search-airport .srh-list-box {
  height: calc(100% - 50px);
  overflow: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
.modal-search-airport .srh-list-box .list .srh-match-text {
  font-size: #FFA000;
  font-weight: 600;
  color: #212121;
  line-height: 1;
}
.modal-search-airport .srh-list-box .list .srh-no-data {
  font-size: 16px;
  font-weight: 400;
  color: #BDBDBD;
  line-height: 22px;
  padding-top: 100px;
  text-align: center;
}
.modal-search-airport .srh-list-box .list .srh-no-data.skeleton-text {
  position: relative;
}
.modal-search-airport .srh-list-box .list .srh-no-data.skeleton-text:before {
  display: flex;
  width: 200px;
  height: 24px;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 4px;
  animation: skeleton-loading 3s infinite linear;
}
.modal-search-airport .srh-list-box .list .srh-no-data.skeleton-text:before * {
  display: none;
}
.modal-search-airport .srh-list-box .list .srh-no-data.skeleton-text:before {
  position: absolute;
  top: 20px;
  left: 0;
  display: block;
  content: "";
}
.modal-search-airport .srh-list-box .list .group-item {
  cursor: pointer;
}
.modal-search-airport .srh-list-box .list .group-item .group-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 19px 0;
  border-bottom: 1px solid #EEE;
}
.modal-search-airport .srh-list-box .list .group-item .group-head .nation-name {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 1;
}
.modal-search-airport .srh-list-box .list .group-item .group-head .nation-name.skeleton-text {
  position: relative;
}
.modal-search-airport .srh-list-box .list .group-item .group-head .nation-name.skeleton-text:before {
  display: flex;
  width: 200px;
  height: 24px;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 4px;
  animation: skeleton-loading 3s infinite linear;
}
.modal-search-airport .srh-list-box .list .group-item .group-head .nation-name.skeleton-text:before * {
  display: none;
}
.modal-search-airport .srh-list-box .list .group-item .group-head .nation-name.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.modal-search-airport .srh-list-box .list .group-item .group-head .nation-name b {
  font-weight: 600;
}
.modal-search-airport .srh-list-box .list .group-item.open .group-head img {
  transform: rotateX(180deg);
}
.modal-search-airport .srh-list-box .list .group-item.open .city-list {
  display: block;
}
.modal-search-airport .srh-list-box .list .group-item .city-list {
  display: none;
}
.modal-search-airport .srh-list-box .list .group-item .city-list ul {
  min-height: 40px;
  overflow: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
.modal-search-airport .srh-list-box .list .group-item .city-list ul .city-item {
  padding: 17px 0;
  cursor: pointer;
}
.modal-search-airport .srh-list-box .list .group-item .city-list ul .city-item .city-item-inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 7px;
}
.modal-search-airport .srh-list-box .list .group-item .city-list ul .city-item .city-item-inner .nation-name {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 1;
}
.modal-search-airport .srh-list-box .list .group-item .city-list ul .city-item .city-item-inner .nation-name b {
  font-size: 14px;
  font-weight: 900;
  color: #212121;
  line-height: 1;
}

.modal-air-info .inner {
  padding: 18px 0 20px;
}
.modal-air-info .inner .modal-head {
  padding: 0 20px;
}
.modal-air-info .inner .modal-head .title {
  text-transform: uppercase;
}
.modal-air-info .inner .modal-head .title.skeleton-text {
  position: relative;
}
.modal-air-info .inner .modal-head .title.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.modal-air-info .inner .modal-head .title.skeleton-text:before * {
  display: none;
}
.modal-air-info .inner .modal-head .title.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.modal-air-info .inner .modal-body .guide-word {
  padding: 9px 20px;
  font-size: 13px;
  font-weight: 400;
  color: #FFA000;
  line-height: 16px;
  text-align: center;
  background: rgba(255, 160, 0, 0.1);
}
.modal-air-info .air-info-list {
  height: 70vh;
  padding: 0 20px 20px;
  overflow: hidden;
}
.modal-air-info .air-info-list .list {
  height: 100%;
  overflow: auto;
}
.modal-air-info .air-info-list .list .air-item {
  margin-top: 6px;
  padding: 14px 0 18px;
  border-radius: 8px;
  cursor: pointer;
  border-bottom: 1px solid #EEE;
  gap: 0 10px;
}
.modal-air-info .air-info-list .list .air-item:first-child {
  margin-top: 10px;
}
.modal-air-info .air-info-list .list .air-item .air-name {
  font-size: 13px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 16px;
  text-align: center;
}
.modal-air-info .air-info-list .list .air-item .info-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2px;
}
.modal-air-info .air-info-list .list .air-item .center {
  flex: 1;
}
.modal-air-info .air-info-list .list .air-item .center p {
  text-align: center;
}
.modal-air-info .air-info-list .list .air-item .info {
  flex: 1;
  text-align: center;
}
.modal-air-info .air-info-list .list .air-item .info .air-time {
  font-size: 22px;
  font-weight: 600;
  color: #2A3663;
  line-height: 30px;
}
.modal-air-info .air-info-list .list .air-item .info .air-time.skeleton-if {
  position: relative;
  display: block;
  width: 100px;
  height: 26px;
  margin: 0 auto;
}
.modal-air-info .air-info-list .list .air-item .info .air-time.skeleton-if:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.modal-air-info .air-info-list .list .air-item .info .air-time.skeleton-if:before * {
  display: none;
}
.modal-air-info .air-info-list .list .air-item .info .air-time.skeleton-if:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.modal-air-info .air-info-list .list .air-item .info .airport-name {
  font-size: 13px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 16px;
}
.modal-air-info .air-info-list .list .air-item .info .airport-name.skeleton-if {
  position: relative;
  width: 80px;
  height: 16px;
  margin: 2px auto 0;
}
.modal-air-info .air-info-list .list .air-item .info .airport-name.skeleton-if:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.modal-air-info .air-info-list .list .air-item .info .airport-name.skeleton-if:before * {
  display: none;
}
.modal-air-info .air-info-list .list .air-item .info .airport-name.skeleton-if:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}

/* PRODUCT INFO PAGE */
.sect-air-info {
  padding: 0 20px;
}
.sect-air-info .air-info-box {
  padding: 0;
}
.sect-air-info .submit-box-btm.car-search-submit {
  padding: 0 20px 10px;
}

.pickup-info-search .srh-row {
  margin-top: 12px;
}
.pickup-info-search .srh-row .item {
  position: relative;
  height: 66px;
  padding: 0 14px;
  border: 1px solid #EEE;
  border-radius: 8px;
}
.pickup-info-search .srh-row .item .label-text {
  font-size: 16px;
  font-weight: 600;
  color: #9e9e9e;
  line-height: 22px;
  margin-left: 8px;
}
.pickup-info-search .srh-row .item.error {
  border-color: #FF5252;
}
.pickup-info-search .srh-row .item.no-input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pickup-info-search .srh-row .item .selected-date,
.pickup-info-search .srh-row .item img.on {
  display: none;
}
.pickup-info-search .srh-row .item img.off {
  display: block;
}
.pickup-info-search .srh-row .item .address-selected-label {
  display: none;
  margin-left: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 20px;
}
.pickup-info-search .srh-row .item .address-selected-label .btn-region-detail {
  position: absolute;
  top: calc(50% - 11px);
  left: auto;
  right: 14px;
  z-index: 2;
}
.pickup-info-search .srh-row .item .input-text {
  display: none;
  height: 22px;
  padding: 0;
  margin-left: 8px;
  border: 0;
}
.pickup-info-search .srh-row .item .info .car-info-box {
  margin-left: 8px;
}
.pickup-info-search .srh-row .item .info .car-info-box .main {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
}
.pickup-info-search .srh-row .item .info .car-info-box .summary {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
}
.pickup-info-search .srh-row.selected {
  display: block;
}
.pickup-info-search .srh-row.selected .item {
  height: auto;
  min-height: 66px;
  padding: 10px 14px;
}
.pickup-info-search .srh-row.selected .item .info {
  flex: 1;
}
.pickup-info-search .srh-row.selected .item .label-text {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 16px;
}
.pickup-info-search .srh-row.selected .item .selected-date {
  display: block;
  margin-left: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
}
.pickup-info-search .srh-row.selected .item .input-text {
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
}
.pickup-info-search .srh-row.selected .item img.on {
  display: block;
}
.pickup-info-search .srh-row.selected .item img.off {
  display: none;
}
.pickup-info-search .srh-row.selected .item .address-selected-label {
  display: block;
}
.pickup-info-search .srh-row .guide-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 4px;
}
.pickup-info-search .srh-row .guide-text .text {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
}

.modal-search-address .search-map {
  position: relative;
}
.modal-search-address .search-map .btn-input-reset {
  display: none;
  position: absolute;
  top: 13px;
  left: auto;
  right: 13px;
}
.modal-search-address .search-map .btn-input-reset.open {
  display: block;
}
.modal-search-address .srh-list-box {
  height: calc(100dvh - 250px);
  overflow: auto;
}
.modal-search-address .srh-list-box .list .address-item {
  padding: 17px 0;
  cursor: pointer;
  border-top: 1px solid #EEE;
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
}
.modal-search-address .srh-list-box .list .address-item:first-child {
  border-top: 0;
}
.modal-search-address .srh-list-box .list .address-item.skeleton-text {
  position: relative;
}
.modal-search-address .srh-list-box .list .address-item.skeleton-text:before {
  display: flex;
  width: 200px;
  height: 22px;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.modal-search-address .srh-list-box .list .address-item.skeleton-text:before * {
  display: none;
}
.modal-search-address .srh-list-box .list .address-item.skeleton-text:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -11px;
  display: block;
  content: "";
}
.modal-search-address .srh-list-box .list .address-item b {
  font-size: 14px;
  font-weight: 600;
  color: #FFA000;
  line-height: 20px;
}

.modal-car-product .car-people-box {
  margin-top: 14px;
}
.modal-car-product .car-people-box:first-child {
  margin-top: 0;
}
.modal-car-product .car-people-box .title {
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  line-height: 20px;
}
.modal-car-product .car-people-box .row-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 0;
}
.modal-car-product .car-people-box .row-item.block {
  display: block;
}
.modal-car-product .car-people-box .row-item.block .textarea-st {
  margin-top: 2px;
  height: 70px;
}
.modal-car-product .car-people-box .row-item .item-title {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
}
.modal-car-product .car-people-box .row-item .number-up-down {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 14px;
}
.modal-car-product .car-people-box .row-item .number-up-down .number {
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
}
.modal-car-product .btn-car-submit {
  margin-top: 35px;
}

.air-info-box {
  padding: 0 20px;
}
.air-info-box .inners {
  padding: 0 14px;
  background: #fafafa;
  border: 1px solid #EEE;
  border-radius: 8px;
}
.air-info-box .inners .info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-top: 1px solid #EEE;
}
.air-info-box .inners .info-row:first-child {
  border-top: 0;
}
.air-info-box .inners .info-row .title-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 6px;
}
.air-info-box .inners .info-row .title-box .title {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 20px;
}
.air-info-box .inners .info-row .text {
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  line-height: 20px;
}
.air-info-box .inners .info-row .text.flight-num {
  text-transform: uppercase;
}
.air-info-box .inners .info-row .address-info {
  flex: 1;
}
.air-info-box .inners .info-row .address-info .extra-dot {
  width: auto;
  height: 14px;
  border-left: 1px dashed #9E9E9E;
  margin-top: 4px;
  margin-left: 9px;
}
.air-info-box .inners .info-row .address-info .address-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
}
.air-info-box .inners .info-row .address-info .address-item .text {
  max-width: 60%;
  text-align: right;
}
.air-info-box .inners .info-row .address-info .address-item:first-child {
  margin-top: 0;
}
.air-info-box .inners .info-row .etc-box {
  max-width: 70%;
  text-align: right;
}
.air-info-box .inners .info-row .etc-box .main {
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  line-height: 20px;
}
.air-info-box .inners .info-row .etc-box .summary {
  margin-top: 2px;
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
}

.sect-car-info .car-list-box {
  margin-top: 16px;
  border-top: 8px solid #fafafa;
  padding: 0 20px;
  padding-top: 16px;
}
.sect-car-info .car-list-box .main-title {
  font-size: 18px;
  font-weight: 600;
  color: #212121;
  line-height: 26px;
}
.sect-car-info .car-list-box .list {
  margin-top: 14px;
}
.sect-car-info .car-list-box .list .car-use-no {
  padding-top: 50px;
  font-size: 16px;
  font-weight: 400;
  color: #BDBDBD;
  line-height: 26px;
  text-align: center;
}
.sect-car-info .car-list-box .list .car-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #EEE;
}
.sect-car-info .car-list-box .list .car-item:last-child {
  border-bottom: 0;
}
.sect-car-info .car-list-box .list .car-item .car-product .car-img {
  position: relative;
  padding-right: 16px;
}
.sect-car-info .car-list-box .list .car-item .car-product .car-img .btn-car-description {
  position: absolute;
  top: auto;
  left: auto;
  right: 4px;
  bottom: 2px;
}
.sect-car-info .car-list-box .list .car-item .car-product {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sect-car-info .car-list-box .list .car-item .car-product .car-info .title {
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  line-height: 20px;
}
.sect-car-info .car-list-box .list .car-item .car-product .car-info .personnel {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 6px;
}
.sect-car-info .car-list-box .list .car-item .car-product .car-info .personnel .personnel-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sect-car-info .car-list-box .list .car-item .car-product .car-info .personnel .personnel-item .count {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
}
.sect-car-info .car-list-box .list .car-item .car-price {
  font-size: 16px;
  font-weight: 600;
  color: #FFA000;
  line-height: 22px;
}

.modal-car-info .car-detail-info .car-row-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 10px;
}
.modal-car-info .car-detail-info .car-row-flex .car-dt-title {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
}
.modal-car-info .car-detail-info .car-row {
  padding-top: 14px;
}
.modal-car-info .car-detail-info .car-row:first-child {
  padding-top: 0;
}
.modal-car-info .car-detail-info .car-row dt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 20px;
  gap: 0 4px;
}
.modal-car-info .car-detail-info .car-row dd {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 1;
  padding: 13px 12px;
  margin-top: 4px;
  background: #fafafa;
  border-radius: 8px;
}

.modal-user-add .form-reserve-input {
  padding: 0;
}
.modal-user-add .inner {
  height: 90vh;
}
.modal-user-add .inner .modal-body {
  height: 100%;
  padding-bottom: 50px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.modal-user-add .submit-box-btm {
  position: static;
  padding: 0;
  margin-top: 20px;
}

.modal-move-region .srh-list-box {
  max-height: calc(100dvh - 200px);
  overflow: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
.modal-move-region .srh-list-box .list .group-item {
  cursor: pointer;
}
.modal-move-region .srh-list-box .list .group-item .group-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 19px 0;
  border-bottom: 1px solid #EEE;
}
.modal-move-region .srh-list-box .list .group-item .group-head .nation-name {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 1;
}
.modal-move-region .srh-list-box .list .group-item .group-head .nation-name.skeleton-text {
  position: relative;
}
.modal-move-region .srh-list-box .list .group-item .group-head .nation-name.skeleton-text:before {
  display: flex;
  width: 200px;
  height: 24px;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 4px;
  animation: skeleton-loading 3s infinite linear;
}
.modal-move-region .srh-list-box .list .group-item .group-head .nation-name.skeleton-text:before * {
  display: none;
}
.modal-move-region .srh-list-box .list .group-item .group-head .nation-name.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.modal-move-region .srh-list-box .list .group-item .group-head .nation-name b {
  font-weight: 600;
}
.modal-move-region .srh-list-box .list .group-item.open .group-head img {
  transform: rotateX(180deg);
}
.modal-move-region .srh-list-box .list .group-item.open .city-list {
  display: block;
}
.modal-move-region .srh-list-box .list .group-item .city-list {
  display: none;
}
.modal-move-region .srh-list-box .list .group-item .city-list ul {
  min-height: 40px;
  overflow: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
.modal-move-region .srh-list-box .list .group-item .city-list ul .city-item {
  padding: 17px 0;
  cursor: pointer;
}
.modal-move-region .srh-list-box .list .group-item .city-list ul .city-item .city-item-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 7px;
}
.modal-move-region .srh-list-box .list .group-item .city-list ul .city-item .city-item-inner .btn-region-detail {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
}
.modal-move-region .srh-list-box .list .group-item .city-list ul .city-item .city-item-inner .nation-name {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 24px;
}
.modal-move-region .srh-list-box .list .group-item .city-list ul .city-item .city-item-inner .nation-name b {
  font-size: 14px;
  font-weight: 900;
  color: #212121;
  line-height: 1;
}

.modal-region-detail .inner {
  position: relative;
  height: calc(100vh - 100px);
}
.modal-region-detail .inner .modal-body {
  height: 100%;
  overflow: hidden;
}
.modal-region-detail .inner .modal-body .region-detail-box {
  max-height: calc(100dvh - 245px);
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
  overflow: auto;
}
.modal-region-detail .inner .modal-fixed-button {
  position: absolute;
  top: auto;
  left: 0;
  right: auto;
  bottom: 0;
  width: 100%;
  padding: 10px 20px;
}
.modal-region-detail .inner .region-thumb {
  padding-top: 14px;
  width: 100%;
}
.modal-region-detail .inner .region-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal-region-detail .inner .region-text-content {
  padding-top: 10px;
  white-space: pre-line;
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
}
.modal-region-detail .inner .region-text-content img {
  width: 100% !important;
}

.sect-reserve {
  padding: 0 20px;
  padding-top: 14px;
  padding-bottom: 40px;
}
.sect-reserve .reserve-submit-box {
  margin-top: 20px;
}
.sect-reserve .reserve-submit-box .btn-primary {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  line-height: 22px;
}
.sect-reserve {
  background: #fafafa;
}
.sect-reserve .card-box {
  background: #ffffff;
}
.sect-reserve .card-box.hide {
  display: none;
}
.sect-reserve .card-box.error {
  border: 1px solid #FF5252;
}
.sect-reserve .card-box .acd-cont {
  display: none;
}
.sect-reserve .card-box.on .acd-cont {
  display: block;
}
.sect-reserve .card-box.on .acd-head img {
  transform: rotate(180deg);
}
.sect-reserve .card-box .all-schedule .textarea-st {
  height: 150px;
}
.sect-reserve .req-text-box {
  margin-top: 14px;
}
.sect-reserve .req-text-box .textarea-st {
  height: 100px;
}

.modal-term .btn-term-close {
  margin-top: 80px;
}

/* 예약내역 */
.sect-history {
  min-height: calc(100dvh - 56px);
  background: #fafafa;
}
.sect-history .history-top {
  padding: 14px 0;
  background: #ffffff;
  border-bottom: 1px solid #EEE;
}
.sect-history .history-list {
  padding: 0 20px;
  padding-bottom: 40px;
}
.sect-history .history-list .nodata-box {
  height: calc(100vh - 130px);
}
.sect-history .history-list .card-box {
  margin-top: 16px;
  padding: 18px 16px;
  box-shadow: 0 0 6px rgba(189, 189, 189, 0.3);
  border-radius: 8px;
  background: #ffffff;
}
.sect-history .history-list .card-box .btn-linked {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sect-history .history-list .card-box .history-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 24px;
}
.sect-history .history-list .card-box .history-status .his-status {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
  padding: 4px 6px;
  border-radius: 24px;
}
.sect-history .history-list .card-box .history-status .his-status.ing {
  background: #fafafa;
}
.sect-history .history-list .card-box .history-status .his-status.ing .status-text {
  font-size: 13px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 16px;
}
.sect-history .history-list .card-box .history-status .his-status.com {
  background: rgba(67, 160, 71, 0.05);
}
.sect-history .history-list .card-box .history-status .his-status.com .status-text {
  font-size: 13px;
  font-weight: 400;
  color: #43a047;
  line-height: 16px;
}
.sect-history .history-list .card-box .history-status .his-status.use {
  background: rgba(68, 138, 255, 0.1);
}
.sect-history .history-list .card-box .history-status .his-status.use .status-text {
  font-size: 13px;
  font-weight: 400;
  color: #448aff;
  line-height: 16px;
}
.sect-history .history-list .card-box .history-status .his-status.cancel {
  background: rgba(255, 82, 82, 0.1);
}
.sect-history .history-list .card-box .history-status .his-status.cancel .status-text {
  font-size: 13px;
  font-weight: 400;
  color: #FF5252;
  line-height: 16px;
}
.sect-history .history-list .card-box .history-status .his-status.skeleton-text {
  position: relative;
}
.sect-history .history-list .card-box .history-status .his-status.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-history .history-list .card-box .history-status .his-status.skeleton-text:before * {
  display: none;
}
.sect-history .history-list .card-box .history-status .his-status.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-history .history-list .card-box .history-status .his-code {
  font-size: 13px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 16px;
}
.sect-history .history-list .card-box .history-status .his-code.skeleton-text {
  position: relative;
}
.sect-history .history-list .card-box .history-status .his-code.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-history .history-list .card-box .history-status .his-code.skeleton-text:before * {
  display: none;
}
.sect-history .history-list .card-box .history-status .his-code.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-history .history-list .card-box .history-car {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.sect-history .history-list .card-box .history-car .left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 10px;
}
.sect-history .history-list .card-box .history-car .left .thumb {
  width: 80px;
}
.sect-history .history-list .card-box .history-car .left .thumb.skeleton-gallery {
  position: relative;
}
.sect-history .history-list .card-box .history-car .left .thumb.skeleton-gallery:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-history .history-list .card-box .history-car .left .thumb.skeleton-gallery:before * {
  display: none;
}
.sect-history .history-list .card-box .history-car .left .thumb.skeleton-gallery:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-history .history-list .card-box .history-car .left .thumb img {
  width: 100%;
}
.sect-history .history-list .card-box .history-car .left .car-info .name {
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
}
.sect-history .history-list .card-box .history-car .left .car-info .name.skeleton-text {
  position: relative;
}
.sect-history .history-list .card-box .history-car .left .car-info .name.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-history .history-list .card-box .history-car .left .car-info .name.skeleton-text:before * {
  display: none;
}
.sect-history .history-list .card-box .history-car .left .car-info .name.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-history .history-list .card-box .history-car .left .car-info .date {
  margin-top: 2px;
  font-size: 16px;
  font-weight: 600;
  color: #FFA000;
  line-height: 22px;
}
.sect-history .history-list .card-box .history-car .left .car-info .date.skeleton-text {
  position: relative;
}
.sect-history .history-list .card-box .history-car .left .car-info .date.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-history .history-list .card-box .history-car .left .car-info .date.skeleton-text:before * {
  display: none;
}
.sect-history .history-list .card-box .history-car .left .car-info .date.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-history .history-list .card-box .history-car .modalTerm.skeleton-gallery {
  position: relative;
}
.sect-history .history-list .card-box .history-car .modalTerm.skeleton-gallery:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-history .history-list .card-box .history-car .modalTerm.skeleton-gallery:before * {
  display: none;
}
.sect-history .history-list .card-box .history-car .modalTerm.skeleton-gallery:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-history .history-list .card-box .car-address-box dl {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 12px;
}
.sect-history .history-list .card-box .car-address-box dl:first-child {
  margin-top: 0;
}
.sect-history .history-list .card-box .car-address-box dl dt {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 20px;
  min-width: 52px;
}
.sect-history .history-list .card-box .car-address-box dl dt.skeleton-text {
  position: relative;
}
.sect-history .history-list .card-box .car-address-box dl dt.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-history .history-list .card-box .car-address-box dl dt.skeleton-text:before * {
  display: none;
}
.sect-history .history-list .card-box .car-address-box dl dt.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-history .history-list .card-box .car-address-box dl dd {
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
  width: calc(100% - 52px);
  padding-left: 20px;
}
.sect-history .history-list .card-box .car-address-box dl dd .ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sect-history .history-list .card-box .car-address-box dl dd.skeleton-text {
  position: relative;
}
.sect-history .history-list .card-box .car-address-box dl dd.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-history .history-list .card-box .car-address-box dl dd.skeleton-text:before * {
  display: none;
}
.sect-history .history-list .card-box .car-address-box dl dd.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-history .history-list .card-box .btn-status {
  margin-top: 16px;
}
.sect-history .history-list .card-box .btn-status.skeleton-box {
  position: relative;
  border: 0;
}
.sect-history .history-list .card-box .btn-status.skeleton-box:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-history .history-list .card-box .btn-status.skeleton-box:before * {
  display: none;
}
.sect-history .history-list .card-box .btn-status.skeleton-box:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}

.modal-payment-cancel .payment-cancel-info dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
}
.modal-payment-cancel .payment-cancel-info dl dt {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 20px;
}
.modal-payment-cancel .payment-cancel-info dl dt.total {
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  line-height: 1;
}
.modal-payment-cancel .payment-cancel-info dl dd {
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
}
.modal-payment-cancel .payment-cancel-info dl dd.total-number {
  font-size: 18px;
  font-weight: 600;
  color: #FFA000;
  line-height: 26px;
}
.modal-payment-cancel .payment-cancel-guide {
  padding: 14px 16px;
  margin-top: 12px;
  background: #fafafa;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
}
.modal-payment-cancel .btn-primary {
  margin-top: 16px;
}

.sect-res-detail {
  background: #fafafa;
  padding-bottom: 20px;
}
.sect-res-detail .status-button-box {
  padding: 0 20px;
  padding-top: 5px;
  padding-bottom: 15px;
  background: #ffffff;
  border-bottom: 1px solid #EEE;
}
.sect-res-detail .status-button-box .btn-linked {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sect-res-detail .order-status-box {
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  background: #ffffff;
}
.sect-res-detail .order-status-box .order-info .order-date {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 20px;
}
.sect-res-detail .order-status-box .order-info .order-date.skeleton-text {
  position: relative;
}
.sect-res-detail .order-status-box .order-info .order-date.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-res-detail .order-status-box .order-info .order-date.skeleton-text:before * {
  display: none;
}
.sect-res-detail .order-status-box .order-info .order-date.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-res-detail .order-status-box .btn-copy.skeleton-gallery {
  position: relative;
}
.sect-res-detail .order-status-box .btn-copy.skeleton-gallery:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-res-detail .order-status-box .btn-copy.skeleton-gallery:before * {
  display: none;
}
.sect-res-detail .order-status-box .btn-copy.skeleton-gallery:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-res-detail .order-status-box .order-number {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 3px;
  gap: 0 4px;
}
.sect-res-detail .order-status-box .order-number .title {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 20px;
  padding-right: 4px;
}
.sect-res-detail .order-status-box .order-number .title.skeleton-text {
  position: relative;
}
.sect-res-detail .order-status-box .order-number .title.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-res-detail .order-status-box .order-number .title.skeleton-text:before * {
  display: none;
}
.sect-res-detail .order-status-box .order-number .title.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-res-detail .order-status-box .order-number .number {
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
}
.sect-res-detail .order-status-box .order-number .number.skeleton-text {
  position: relative;
}
.sect-res-detail .order-status-box .order-number .number.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-res-detail .order-status-box .order-number .number.skeleton-text:before * {
  display: none;
}
.sect-res-detail .order-status-box .order-number .number.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-res-detail .order-status-box .btn-receipt {
  font-size: 14px;
  font-weight: 500;
  color: #212121;
  line-height: 14px;
  height: 26px;
  padding: 0 8px;
  border: 1px solid #EEE;
  border-radius: 8px;
}
.sect-res-detail .order-status-box .btn-receipt.skeleton-text {
  position: relative;
}
.sect-res-detail .order-status-box .btn-receipt.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-res-detail .order-status-box .btn-receipt.skeleton-text:before * {
  display: none;
}
.sect-res-detail .order-status-box .btn-receipt.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-res-detail .status-track-box {
  padding: 0 20px;
  padding-top: 20px;
  padding-bottom: 15px;
  background: #ffffff;
}
.sect-res-detail .status-track-box .status-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sect-res-detail .status-track-box .status-item .left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 6px;
}
.sect-res-detail .status-track-box .status-item .left .status-icon {
  width: 20px;
  height: 20px;
}
.sect-res-detail .status-track-box .status-item .left .status-icon.waiting {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sect-res-detail .status-track-box .status-item .left .status-icon.waiting:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #BDBDBD;
  border-radius: 12px;
}
.sect-res-detail .status-track-box .status-item .left .status-label.waiting {
  font-size: 14px;
  font-weight: 400;
  color: #BDBDBD;
  line-height: 20px;
}
.sect-res-detail .status-track-box .status-item .suc-time {
  font-size: 16px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 22px;
}
.sect-res-detail .status-track-box .status-item.two {
  margin-top: 5px;
}
.sect-res-detail .status-track-box .status-line {
  margin-top: 5px;
  padding-left: 9px;
}
.sect-res-detail .order-detail-box {
  padding: 0 20px;
  background: #fafafa;
}
.sect-res-detail .order-detail-box .card-box {
  margin-top: 16px;
  border-radius: 8px;
  padding: 16px 14px;
  background: #ffffff;
}
.sect-res-detail .order-detail-box .card-box.card-cancel-box {
  display: none;
}
.sect-res-detail .order-detail-box .card-box .card-title {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
}
.sect-res-detail .order-detail-box .card-box .guide-box {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
  margin-top: 14px;
  padding: 14px 12px 14px 34px;
  background: rgba(255, 160, 0, 0.1) url("/public/images/icon/ic_strong_y.svg") no-repeat top 14px left 12px;
  border-radius: 8px;
  white-space: normal;
}
.sect-res-detail .order-detail-box .card-box.card-link-box {
  display: none;
}
.sect-res-detail .order-detail-box .card-box.card-link-box .btn-linked-arrow {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
  width: 100%;
  text-align: left;
  background: url("/public/images/icon/ic_arrow_r_g_24.svg") no-repeat center right;
  background-size: 24px 24px;
}

.card-box {
  margin-top: 16px;
  padding: 18px 16px;
  box-shadow: 0 0 6px rgba(189, 189, 189, 0.3);
  border-radius: 8px;
}
.card-box:first-child {
  margin-top: 0;
}
.card-box .card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-box .card-head .coupon-count {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 1;
}
.card-box .card-head .btn-reserve-change {
  height: 26px;
  padding: 0 8px;
  border: 1px solid #EEE;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #212121;
  line-height: 14px;
}
.card-box .card-title {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
}
.card-box .card-content {
  margin-top: 10px;
}
.card-box .card-content .btn-reserve-add {
  width: 100%;
  height: 50px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #448aff;
  line-height: 20px;
  background: rgba(68, 138, 255, 0.1);
}
.card-box .card-content .btn-coupon-arrow {
  width: 100%;
  padding: 14px 12px;
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
  border-radius: 8px;
  text-align: left;
  background: #fafafa url("/public/images/icon/ic_arrow_r_g.svg") no-repeat center right 10px;
}
.card-box .card-content .btn-coupon-arrow.selected {
  background-color: #fff;
  border: 1px solid #EEE;
}
.card-box .card-content .add-product {
  padding-top: 24px;
}
.card-box .card-content .add-product:first-child {
  padding-top: 15px;
}
.card-box .card-content .add-product:last-child {
  padding-bottom: 14px;
}
.card-box .card-content .add-product .number-up-down {
  display: none;
}
.card-box .card-content .add-product.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-box .card-content .add-product.flex .number-up-down {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 10px;
}
.card-box .card-content .add-product .label-flex .text {
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
}
.card-box .card-content .pay-row .label-flex {
  position: relative;
  height: 50px;
  padding: 14px 12px;
  border-radius: 8px;
}
.card-box .card-content .pay-row .label-flex.selected {
  background-color: #fff4e6;
  border-radius: 8px;
}
.card-box .card-content .pay-info-box dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
}
.card-box .card-content .pay-info-box dl dt {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 1;
}
.card-box .card-content .pay-info-box dl dd {
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
}
.card-box .card-content .total-pay-box {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #EEE;
}
.card-box .card-content .total-pay-box dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
}
.card-box .card-content .total-pay-box dl dt {
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  line-height: 20px;
}
.card-box .card-content .total-pay-box dl dd {
  font-size: 18px;
  font-weight: 600;
  color: #FFA000;
  line-height: 26px;
}
.card-box .card-content .reserve-guide-box {
  margin-top: 10px;
  white-space: pre-line;
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
}
.card-box .card-content .reserve-guide-box .reserve-guide-text {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
  gap: 0 5px;
  white-space: pre-line;
}
.card-box .card-content .reserve-guide-box .reserve-guide-text span {
  flex: 1;
}
.card-box .card-content .term-box {
  margin-top: 10px;
}
.card-box .card-content .term-box .term-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
}
.card-box .card-content .term-box .term-row .title {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
}
.card-box .card-content .term-box .term-text {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
  padding-top: 16px;
}
.card-box .guide-box {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
  margin-top: 10px;
  padding: 14px 12px 14px 34px;
  background: rgba(255, 160, 0, 0.1) url("/public/images/icon/ic_strong_y.svg") no-repeat top 14px left 12px;
  border-radius: 8px;
  white-space: pre-line;
}
.card-box .cancel-guide-box {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
  margin-top: 12px;
  padding: 12px;
  border-radius: 8px;
  background: #fafafa;
}

.input-info-box .input-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.input-info-box .input-row.input-car-row {
  margin-bottom: 14px;
}
.input-info-box .input-row .btn-detail {
  font-size: 14px;
  font-weight: 500;
  color: #212121;
  line-height: 14px;
  height: 26px;
  padding: 0 8px;
  border-radius: 8px;
  border: 1px solid #EEE;
}
.input-info-box .input-row .btn-detail.skeleton-text {
  position: relative;
}
.input-info-box .input-row .btn-detail.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.input-info-box .input-row .btn-detail.skeleton-text:before * {
  display: none;
}
.input-info-box .input-row .btn-detail.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.input-info-box .input-row .left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 10px;
}
.input-info-box .input-row .left .thumb {
  width: 80px;
}
.input-info-box .input-row .left .thumb img {
  width: 100%;
}
.input-info-box .input-row .left .thumb.skeleton-text {
  position: relative;
}
.input-info-box .input-row .left .thumb.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.input-info-box .input-row .left .thumb.skeleton-text:before * {
  display: none;
}
.input-info-box .input-row .left .thumb.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.input-info-box .input-row .left .info .top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 4px;
}
.input-info-box .input-row .left .info .top .type {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
  padding: 4px 6px;
  border-radius: 20px;
  background: #fafafa;
}
.input-info-box .input-row .left .info .top .name {
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
}
.input-info-box .input-row .left .info .top .name.skeleton-text {
  position: relative;
}
.input-info-box .input-row .left .info .top .name.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.input-info-box .input-row .left .info .top .name.skeleton-text:before * {
  display: none;
}
.input-info-box .input-row .left .info .top .name.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.input-info-box .input-row .left .info .personnel {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 6px;
  padding-top: 2px;
}
.input-info-box .input-row .left .info .personnel .personnel-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 4px;
}
.input-info-box .input-row .left .info .personnel .personnel-item .count {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
}
.input-info-box .input-row .left .info .personnel .personnel-item.skeleton-text {
  position: relative;
}
.input-info-box .input-row .left .info .personnel .personnel-item.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.input-info-box .input-row .left .info .personnel .personnel-item.skeleton-text:before * {
  display: none;
}
.input-info-box .input-row .left .info .personnel .personnel-item.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.input-info-box dl.input-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: flex-start;
  padding: 15px 0;
}
.input-info-box dl.input-row dt {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 1;
  min-width: 75px;
}
.input-info-box dl.input-row dt.skeleton-text {
  position: relative;
}
.input-info-box dl.input-row dt.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.input-info-box dl.input-row dt.skeleton-text:before * {
  display: none;
}
.input-info-box dl.input-row dt.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.input-info-box dl.input-row dd {
  flex: 1;
  max-width: 70%;
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
  text-align: right;
}
.input-info-box dl.input-row dd .etc-text {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
  padding-top: 4px;
}
.input-info-box dl.input-row dd.skeleton-text {
  position: relative;
}
.input-info-box dl.input-row dd.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.input-info-box dl.input-row dd.skeleton-text:before * {
  display: none;
}
.input-info-box dl.input-row dd.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.input-info-box dl.input-row.flex-start {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 15px;
}
.input-info-box dl.input-row.flex-start dt {
  padding-top: 15px;
}
.input-info-box dl.input-row.flex-start dd {
  padding-top: 10px;
}

.reserve-user-info .user-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: flex-start;
  padding: 14px 0;
}
.reserve-user-info .user-row:last-child {
  padding: 12px 0;
}
.reserve-user-info .user-row dt {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 20px;
  min-width: 75px;
}
.reserve-user-info .user-row dt.pay-total-title {
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  line-height: 20px;
}
.reserve-user-info .user-row dt.skeleton-text {
  position: relative;
}
.reserve-user-info .user-row dt.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.reserve-user-info .user-row dt.skeleton-text:before * {
  display: none;
}
.reserve-user-info .user-row dt.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.reserve-user-info .user-row dd {
  flex: 1;
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
  max-width: 230px;
  text-align: right;
}
.reserve-user-info .user-row dd.sns-dd {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 4px;
  text-align: right;
}
.reserve-user-info .user-row dd.pay-total-number {
  font-size: 18px;
  font-weight: 600;
  color: #FFA000;
  line-height: 26px;
}
.reserve-user-info .user-row dd.skeleton-text {
  position: relative;
}
.reserve-user-info .user-row dd.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.reserve-user-info .user-row dd.skeleton-text:before * {
  display: none;
}
.reserve-user-info .user-row dd.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.reserve-user-info .user-row.pay-total-box {
  padding-top: 25px;
  margin-top: 25px;
  border-top: 1px solid #EEE;
}

.order-status-btn-box {
  margin-top: 16px;
}
.order-status-btn-box .btn-status.deleteReserve {
  display: none;
  border: 1px solid #EEE;
  background: #ffffff;
}

.modal-receipt .modal-body .reserve-user-info .user-row:first-child {
  padding-top: 0;
}

.pay-guide-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 16px;
  padding: 16px 12px;
  background: rgba(255, 82, 82, 0.1);
  border-radius: 8px;
}

.sect-res-cancel {
  padding-bottom: 40px;
}
.sect-res-cancel .cancel-inner {
  padding: 0 20px;
}
.sect-res-cancel .cancel-inner .cancel-reason-box {
  margin-top: 30px;
}
.sect-res-cancel .cancel-inner .cancel-reason-box .label-block {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
}
.sect-res-cancel .cancel-inner .cancel-reason-box .select-st {
  padding-top: 2px;
}
.sect-res-cancel .cancel-inner .cancel-reason-box .textarea-st {
  display: none;
  height: 100px;
  margin-top: 12px;
}
.sect-res-cancel .cancel-inner .cancel-reason-box .btn-primary {
  margin-top: 16px;
}
.sect-res-cancel .pay-cancel-phrase {
  padding: 0 20px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 8px solid #fafafa;
}
.sect-res-cancel .pay-cancel-phrase .pay-cancel-row {
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 8px;
  background: #fafafa;
}
.sect-res-cancel .pay-cancel-phrase .pay-cancel-row:first-child {
  margin-top: 0;
}
.sect-res-cancel .pay-cancel-phrase .pay-cancel-row .title {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  line-height: 22px;
}
.sect-res-cancel .pay-cancel-phrase .pay-cancel-row .guide-box {
  margin-top: 16px;
}
.sect-res-cancel .pay-cancel-phrase .pay-cancel-row .guide-box .guide-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0 5px;
}
.sect-res-cancel .pay-cancel-phrase .pay-cancel-row .guide-box .guide-text span {
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
}
.sect-res-cancel .pay-cancel-phrase .pay-cancel-row .guide-box .guide-text:before {
  content: "";
  margin-top: 9px;
  width: 3px;
  height: 3px;
  background: #000;
  border-radius: 3px;
}

.modal-coupon .use-coupon-box {
  max-height: calc(100dvh - 240px);
  overflow: auto;
}
.modal-coupon .coupon-list .cp-item {
  margin-top: 14px;
}
.modal-coupon .coupon-list .cp-item:first-child {
  margin-top: 0;
}
.modal-coupon .coupon-list .cp-item .coupon-label:has(input[type=radio]:checked) {
  border: 1px solid #FFA000;
}
.modal-coupon .coupon-list .cp-item .coupon-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 12px;
  padding: 20px 16px;
  border: 1px solid #EEE;
  border-radius: 8px;
}
.modal-coupon .coupon-list .cp-item .coupon-label .cp-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 16px;
}
.modal-coupon .coupon-list .cp-item .coupon-label .cp-info .cp-code {
  display: none;
}
.modal-coupon .coupon-list .cp-item .coupon-label .cp-info .cp-price {
  font-size: 20px;
  font-weight: 600;
  color: #FFA000;
  line-height: 26px;
}
.modal-coupon .coupon-list .cp-item .coupon-label .cp-info .cp-title {
  padding-top: 8px;
  font-size: 20px;
  font-weight: 600;
  color: #212121;
  line-height: 26px;
}
.modal-coupon .coupon-list .cp-item .coupon-label .cp-info .cp-service {
  padding-top: 6px;
}
.modal-coupon .coupon-list .cp-item .coupon-label .cp-info .cp-use-date {
  padding-top: 4px;
}
.modal-coupon .coupon-list .cp-item.disabled .cp-info {
  color: #BDBDBD;
}
.modal-coupon .coupon-list .cp-item.disabled .cp-info .cp-price {
  color: #BDBDBD;
}
.modal-coupon .coupon-list .cp-item.disabled .cp-info .cp-title {
  color: #BDBDBD;
}
.modal-coupon .coupon-btn-box {
  margin-top: 10px;
}

.modal-resend .inner {
  position: relative;
  height: 90dvh;
}
.modal-resend .inner .form-resend .row {
  position: relative;
}
.modal-resend .inner .form-resend .row .btn-input-reset {
  display: none;
  position: absolute;
  top: 31px;
  left: auto;
  right: 10px;
}
.modal-resend .inner .form-resend .row.open .btn-input-reset {
  display: block;
}
.modal-resend .inner .form-resend .submit-box-btm {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
}

.modal-pickup .inner {
  max-height: calc(100vh - 100px);
}
.modal-pickup .inner .pickup-content-box {
  max-height: calc(100dvh - 245px);
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}
.modal-pickup .inner .pickup-content-box .pickup-content {
  white-space: pre-line;
  line-height: 1.3;
}
.modal-pickup .inner .pickup-content-box .pickup-content img {
  width: 100% !important;
  padding-bottom: 10px;
}

.sect-review-view {
  padding: 0 20px;
  padding-top: 14px;
  padding-bottom: 40px;
}
.sect-review-view .review-cont-box {
  padding-top: 16px;
  border-top: 1px solid #EEE;
}

.sect-review-write {
  padding: 0 20px;
  padding-top: 14px;
  padding-bottom: 40px;
}
.sect-review-write .address-info {
  margin-top: 11px;
}
.sect-review-write .survey-service-box {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #EEE;
}
.sect-review-write .survey-service-box .survey-row {
  margin-top: 16px;
}
.sect-review-write .survey-service-box .survey-row:first-child {
  margin-top: 0;
}
.sect-review-write .survey-service-box .survey-row .title {
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
  padding-bottom: 6px;
}
.sect-review-write .survey-service-box .survey-row .title i {
  color: #FF5252;
}
.sect-review-write .survey-service-box .textarea-st {
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
  height: 250px;
}

.review-car-box .car-prd-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.review-car-box .car-prd-type .type {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 0 6px;
  border-radius: 24px;
  background: #fafafa;
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
}
.review-car-box .car-prd-type .type.skeleton-text {
  position: relative;
}
.review-car-box .car-prd-type .type.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.review-car-box .car-prd-type .type.skeleton-text:before * {
  display: none;
}
.review-car-box .car-prd-type .type.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.review-car-box .car-prd-type .order-no {
  font-size: 13px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 16px;
}
.review-car-box .car-prd-type .order-no.skeleton-text {
  position: relative;
}
.review-car-box .car-prd-type .order-no.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.review-car-box .car-prd-type .order-no.skeleton-text:before * {
  display: none;
}
.review-car-box .car-prd-type .order-no.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.review-car-box .car-prd-type .btnMore.skeleton-text {
  position: relative;
}
.review-car-box .car-prd-type .btnMore.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.review-car-box .car-prd-type .btnMore.skeleton-text:before * {
  display: none;
}
.review-car-box .car-prd-type .btnMore.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.review-car-box .car-prd-type .code {
  font-size: 13px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 16px;
}
.review-car-box .car-type {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 10px;
}
.review-car-box .car-type.detail {
  position: relative;
}
.review-car-box .car-type.detail .btnMore {
  position: absolute;
  top: 10px;
  left: auto;
  right: 0;
  z-index: 1;
}
.review-car-box .car-type.detail .btnMore.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.review-car-box .car-type.detail .btnMore.skeleton-text:before * {
  display: none;
}
.review-car-box .car-type.detail .btnMore.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.review-car-box .car-type .car-thumb.skeleton-text {
  position: relative;
}
.review-car-box .car-type .car-thumb.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.review-car-box .car-type .car-thumb.skeleton-text:before * {
  display: none;
}
.review-car-box .car-type .car-thumb.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.review-car-box .car-type .info .car-name {
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
}
.review-car-box .car-type .info .car-name.skeleton-text {
  position: relative;
}
.review-car-box .car-type .info .car-name.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.review-car-box .car-type .info .car-name.skeleton-text:before * {
  display: none;
}
.review-car-box .car-type .info .car-name.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.review-car-box .car-type .info .car-date {
  margin-top: 2px;
  font-size: 16px;
  font-weight: 600;
  color: #FFA000;
  line-height: 22px;
}
.review-car-box .car-type .info .car-date.skeleton-text {
  position: relative;
}
.review-car-box .car-type .info .car-date.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.review-car-box .car-type .info .car-date.skeleton-text:before * {
  display: none;
}
.review-car-box .car-type .info .car-date.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.review-car-box .address-info .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}
.review-car-box .address-info .item:first-child {
  margin-top: 0;
}
.review-car-box .address-info .item dt {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 20px;
  min-width: 70px;
}
.review-car-box .address-info .item dt.skeleton-text {
  position: relative;
}
.review-car-box .address-info .item dt.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.review-car-box .address-info .item dt.skeleton-text:before * {
  display: none;
}
.review-car-box .address-info .item dt.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.review-car-box .address-info .item dd {
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  color: #616161;
  line-height: 20px;
}
.review-car-box .address-info .item dd.skeleton-text {
  position: relative;
}
.review-car-box .address-info .item dd.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.review-car-box .address-info .item dd.skeleton-text:before * {
  display: none;
}
.review-car-box .address-info .item dd.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.review-car-box .address-info .item dd.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.service-score-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 5px;
}
.service-score-box .btn-score {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
  flex: 1;
  height: 50px;
  border: 1px solid #EEE;
  border-radius: 8px;
}
.service-score-box .btn-score.on {
  border-color: #FFA000;
  background: rgba(255, 160, 0, 0.1);
  color: #FFA000;
}

.photo-upload-box {
  overflow: hidden;
}
.photo-upload-box .photo-list-wrapper {
  padding: 4px 0 20px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
}
.photo-upload-box .photo-list-wrapper::-webkit-scrollbar {
  display: none;
}
.photo-upload-box .photo-list-wrapper .photo-list {
  display: flex;
  gap: 10px;
  width: max-content;
}
.photo-upload-box .photo-list-wrapper .photo-list .photo-item {
  position: relative;
  width: 100px;
  height: 100px;
  flex: 0 0 auto;
  border-radius: 10px;
  overflow: hidden;
  background: #f0f0f0;
}
.photo-upload-box .photo-list-wrapper .photo-list .photo-item.add-button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #fff;
  border: 1px solid #ccc;
  color: #aaa;
  cursor: pointer;
}
.photo-upload-box .photo-list-wrapper .photo-list .photo-item.add-button .photo-count {
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
}
.photo-upload-box .photo-list-wrapper .photo-list .photo-item.add-button .photo-count i {
  font-style: normal;
  color: #FFA000;
}
.photo-upload-box .photo-list-wrapper .photo-list .photo-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.photo-upload-box .photo-list-wrapper .photo-list .photo-item .btn-delete {
  position: absolute;
  top: 4px;
  right: 4px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 14px;
  cursor: pointer;
}

.sect-review {
  padding-bottom: 40px;
  background: #fafafa;
}
.sect-review .review-top {
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 22px;
  padding-bottom: 22px;
  background: #ffffff;
  border-bottom: 1px solid #EEE;
}
.sect-review .review-top .title {
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
}
.sect-review .review-top .title.skeleton-text {
  position: relative;
}
.sect-review .review-top .title.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-review .review-top .title.skeleton-text:before * {
  display: none;
}
.sect-review .review-top .title.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-review .review-top .title .count {
  font-weight: 600;
  color: #FFA000;
}
.sect-review .review-content {
  padding: 0 20px;
}
.sect-review .review-content .list-row {
  margin-top: 14px;
  padding: 18px 16px;
  box-shadow: 0 0 6px rgba(189, 189, 189, 0.3);
  border-radius: 8px;
  background: #ffffff;
}

.review-cont-box {
  margin-top: 16px;
}
.review-cont-box .review-score {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.review-cont-box .review-score .star-box.skeleton-text {
  position: relative;
}
.review-cont-box .review-score .star-box.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.review-cont-box .review-score .star-box.skeleton-text:before * {
  display: none;
}
.review-cont-box .review-score .star-box.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.review-cont-box .review-score .write-date {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 20px;
}
.review-cont-box .review-score .write-date.skeleton-text {
  position: relative;
}
.review-cont-box .review-score .write-date.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.review-cont-box .review-score .write-date.skeleton-text:before * {
  display: none;
}
.review-cont-box .review-score .write-date.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.review-cont-box .thumb-box {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none; /* IE, Edge */
  scrollbar-width: none; /* Firefox */
  margin: 12px 0;
}
.review-cont-box .thumb-box::-webkit-scrollbar {
  display: none;
}
.review-cont-box .thumb-box .thumb-list {
  display: flex;
  gap: 8px;
  width: max-content;
}
.review-cont-box .thumb-box .thumb-list .gall-box {
  width: 66px;
  height: 66px;
}
.review-cont-box .thumb-box .thumb-list .gall-box.skeleton-text {
  position: relative;
}
.review-cont-box .thumb-box .thumb-list .gall-box.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.review-cont-box .thumb-box .thumb-list .gall-box.skeleton-text:before * {
  display: none;
}
.review-cont-box .thumb-box .thumb-list .gall-box.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.review-cont-box .thumb-box .thumb-list .thumb-item {
  flex: 0 0 auto;
  width: 66px;
  height: 66px;
  border-radius: 12px;
  overflow: hidden;
}
.review-cont-box .thumb-box .thumb-list .thumb-item.skeleton-text {
  position: relative;
}
.review-cont-box .thumb-box .thumb-list .thumb-item.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.review-cont-box .thumb-box .thumb-list .thumb-item.skeleton-text:before * {
  display: none;
}
.review-cont-box .thumb-box .thumb-list .thumb-item.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.review-cont-box .thumb-box .thumb-list .thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}
.review-cont-box .review-summary {
  font-size: 14px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
}
.review-cont-box .review-summary.mt12 {
  margin-top: 12px;
}
.review-cont-box .review-summary.skeleton-text {
  position: relative;
}
.review-cont-box .review-summary.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.review-cont-box .review-summary.skeleton-text:before * {
  display: none;
}
.review-cont-box .review-summary.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}

.modal-more .util-row {
  border-top: 1px solid #EEE;
}
.modal-more .util-row:first-child {
  border-top: 0;
}
.modal-more .util-row .btn-modify {
  width: 100%;
  height: 50px;
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  line-height: 22px;
  text-align: left;
}
.modal-more .util-row .btn-delete {
  width: 100%;
  height: 50px;
  font-size: 16px;
  font-weight: 400;
  color: #FF5252;
  line-height: 22px;
  text-align: left;
}

.modal-review-term .sect-agree {
  padding: 0;
}

.sect-live-review {
  padding-bottom: 40px;
  background: #fafafa;
}
.sect-live-review.view {
  background: #ffffff;
}
.sect-live-review .review-top {
  padding: 10px 20px;
  border-bottom: 1px solid #EEE;
  background: #ffffff;
}
.sect-live-review .review-top .text {
  line-height: 16px;
  text-align: center;
}
.sect-live-review .live-review-container {
  padding: 0 20px;
  padding-top: 14px;
}
.sect-live-review .live-review-container .list-row:first-child {
  margin-top: 0;
}
.sect-live-review .live-review-container .list-row.rv-list-view {
  padding: 0;
  box-shadow: none;
}
.sect-live-review .live-review-container .list-row.rv-list-view .review-cont-box {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #EEE;
}
.sect-live-review .live-review-container .list-row.rv-list-view .review-cont-box .thumb-box {
  margin-top: 0;
}
.sect-live-review .live-review-container .list-row {
  margin-top: 14px;
  padding: 18px 16px;
  box-shadow: 0 0 6px rgba(189, 189, 189, 0.3);
  border-radius: 8px;
  background: #ffffff;
}
.sect-live-review .live-review-container .list-row .review-info .prd-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 6px;
}
.sect-live-review .live-review-container .list-row .review-info .prd-info .type {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 0 6px;
  border-radius: 24px;
  font-size: 13px;
  font-weight: 400;
  color: #212121;
  line-height: 16px;
}
.sect-live-review .live-review-container .list-row .review-info .prd-info .type.skeleton-text {
  position: relative;
}
.sect-live-review .live-review-container .list-row .review-info .prd-info .type.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-live-review .live-review-container .list-row .review-info .prd-info .type.skeleton-text:before * {
  display: none;
}
.sect-live-review .live-review-container .list-row .review-info .prd-info .type.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-live-review .live-review-container .list-row .review-info .prd-info .type.car03 {
  background: #fafafa;
}
.sect-live-review .live-review-container .list-row .review-info .prd-info .star-box.skeleton-text {
  position: relative;
}
.sect-live-review .live-review-container .list-row .review-info .prd-info .star-box.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-live-review .live-review-container .list-row .review-info .prd-info .star-box.skeleton-text:before * {
  display: none;
}
.sect-live-review .live-review-container .list-row .review-info .prd-info .star-box.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-live-review .live-review-container .list-row .review-info .user-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 7px;
  margin-top: 6px;
}
.sect-live-review .live-review-container .list-row .review-info .user-info .user-name {
  font-size: 13px;
  font-weight: 600;
  color: #212121;
  line-height: 16px;
}
.sect-live-review .live-review-container .list-row .review-info .user-info .user-name.skeleton-text {
  position: relative;
  color: #ffffff;
}
.sect-live-review .live-review-container .list-row .review-info .user-info .user-name.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-live-review .live-review-container .list-row .review-info .user-info .user-name.skeleton-text:before * {
  display: none;
}
.sect-live-review .live-review-container .list-row .review-info .user-info .user-name.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.sect-live-review .live-review-container .list-row .review-info .user-info .write-date {
  font-size: 13px;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 16px;
}
.sect-live-review .live-review-container .list-row .review-info .user-info .write-date.skeleton-text {
  position: relative;
  color: #ffffff;
}
.sect-live-review .live-review-container .list-row .review-info .user-info .write-date.skeleton-text:before {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 0 !important;
  background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  overflow: hidden;
  border-radius: 8px;
  animation: skeleton-loading 3s infinite linear;
}
.sect-live-review .live-review-container .list-row .review-info .user-info .write-date.skeleton-text:before * {
  display: none;
}
.sect-live-review .live-review-container .list-row .review-info .user-info .write-date.skeleton-text:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}

.modal-review-delete .summary {
  line-height: 1.5;
}
.modal-review-delete .modal-button-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 10px;
  padding-top: 24px;
}
.modal-review-delete .modal-button-box .btn-no {
  flex: 1;
  height: 40px;
  background: #fafafa;
  color: #9e9e9e;
  border-radius: 8px;
}
.modal-review-delete .modal-button-box .btn-delete {
  flex: 1;
  background: #FF5252;
  color: #ffffff;
}