.ic {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: currentcolor;
}
.ic-calendar {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-calendar.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-calendar.svg) no-repeat center/contain;
}
.ic-print {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-print.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-print.svg) no-repeat center/contain;
}
.ic-filter {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-filter.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-filter.svg) no-repeat center/contain;
}
.ic-list {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-list.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-list.svg) no-repeat center/contain;
}
.ic-circles-four {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-circles-four.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-circles-four.svg) no-repeat center/contain;
}
.ic-arrow-right {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-right.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-right.svg) no-repeat center/contain;
}
.ic-arrow-left {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-left.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-left.svg) no-repeat center/contain;
}
.ic-arrow-up {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-up.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-up.svg) no-repeat center/contain;
}
.ic-arrow-down {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-down.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-down.svg) no-repeat center/contain;
}
.ic-lightning {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-lightning.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-lightning.svg) no-repeat center/contain;
}
.ic-kakao {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-kakao.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-kakao.svg) no-repeat center/contain;
}
.ic-electric-bulb {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-electric-bulb.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-electric-bulb.svg) no-repeat center/contain;
}
.ic-compare {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-compare.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-compare.svg) no-repeat center/contain;
}
.ic-document-paper {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-document-paper.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-document-paper.svg) no-repeat center/contain;
}
.ic-document-question {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-document-question.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-document-question.svg) no-repeat center/contain;
}
.ic-textbox {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-textbox.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-textbox.svg) no-repeat center/contain;
}
.ic-magnifying-glass {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-magnifying-glass.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-magnifying-glass.svg) no-repeat center/contain;
}
.ic-heart {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-heart.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-heart.svg) no-repeat center/contain;
}
.ic-menu {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-menu.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-menu.svg) no-repeat center/contain;
}
.ic-check {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-check.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-check.svg) no-repeat center/contain;
}
.ic-x {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-x.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-x.svg) no-repeat center/contain;
}
.ic-minus {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-minus.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-minus.svg) no-repeat center/contain;
}
.ic-plus {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-plus.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-plus.svg) no-repeat center/contain;
}
.ic-label {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-label.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-label.svg) no-repeat center/contain;
}
.ic-tag {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tag.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tag.svg) no-repeat center/contain;
}
.ic-user {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-user.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-user.svg) no-repeat center/contain;
}
.ic-bag-check {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-bag-check.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-bag-check.svg) no-repeat center/contain;
}
.ic-compare-on {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-compare-on.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-compare-on.svg) no-repeat center/contain;
}
.ic-bag-on {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-bag-on.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-bag-on.svg) no-repeat center/contain;
}
.ic-bag {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-bag.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-bag.svg) no-repeat center/contain;
}
.ic-speed-truck {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-speed-truck.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-speed-truck.svg) no-repeat center/contain;
}
.ic-coupon-fill {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-coupon-fill.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-coupon-fill.svg) no-repeat center/contain;
}
.ic-line-download {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-line-download.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-line-download.svg) no-repeat center/contain;
}
.ic-lock-close {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-lock-close.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-lock-close.svg) no-repeat center/contain;
}
.ic-download-2 {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-download-2.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-download-2.svg) no-repeat center/contain;
}
.ic-filter-2 {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-filter-2.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-filter-2.svg) no-repeat center/contain;
}
.ic-info {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-info.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-info.svg) no-repeat center/contain;
}
.ic-copy {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-copy.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-copy.svg) no-repeat center/contain;
}
.ic-line-graph {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-line-graph.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-line-graph.svg) no-repeat center/contain;
}
.ic-book {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-book.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-book.svg) no-repeat center/contain;
}
.ic-box {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-box.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-box.svg) no-repeat center/contain;
}
.ic-upload {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-upload.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-upload.svg) no-repeat center/contain;
}
.ic-freight {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-freight.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-freight.svg) no-repeat center/contain;
}
.ic-arrow-down-fill {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-down-fill.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-down-fill.svg) no-repeat center/contain;
}
.ic-ellipsis {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-ellipsis.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-ellipsis.svg) no-repeat center/contain;
}
.ic-partnership {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-partnership.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-partnership.svg) no-repeat center/contain;
}
.ic-tip-info {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tip-info.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tip-info.svg) no-repeat center/contain;
}
.ic-equals {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-equals.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-equals.svg) no-repeat center/contain;
}
.ic-textbox2 {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-textbox2.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-textbox2.svg) no-repeat center/contain;
}
.ic-heart-fill {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-heart-fill.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-heart-fill.svg) no-repeat center/contain;
}
.ic-gift {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-gift.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-gift.svg) no-repeat center/contain;
}
.ic-home {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-home.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-home.svg) no-repeat center/contain;
}
.ic-megaphone {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-megaphone.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-megaphone.svg) no-repeat center/contain;
}
.ic-pencil {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-pencil.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-pencil.svg) no-repeat center/contain;
}
.ic-pin {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-pin.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-pin.svg) no-repeat center/contain;
}
.ic-waste-basket {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-waste-basket.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-waste-basket.svg) no-repeat center/contain;
}
.ic-arrow-finally {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-finally.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-finally.svg) no-repeat center/contain;
}
.ic-arrow-first {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-first.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-first.svg) no-repeat center/contain;
}
.ic-triple-arrow {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-triple-arrow.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-triple-arrow.svg) no-repeat center/contain;
}
.ic-money-bag {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-money-bag.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-money-bag.svg) no-repeat center/contain;
}
.ic-no-cart {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-no-cart.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-no-cart.svg) no-repeat center/contain;
}
.ic-order {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-order.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-order.svg) no-repeat center/contain;
}
.ic-card {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-card.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-card.svg) no-repeat center/contain;
}
.ic-bank {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-bank.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-bank.svg) no-repeat center/contain;
}
.ic-bell {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-bell.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-bell.svg) no-repeat center/contain;
}
.ic-update {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-update.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-update.svg) no-repeat center/contain;
}
.bg-star-base {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/bg-star-base.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/bg-star-base.svg) no-repeat center/contain;
}
.ic-star {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-star.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-star.svg) no-repeat center/contain;
}
.ic-home2 {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-home2.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-home2.svg) no-repeat center/contain;
}
.ic-eye-show {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-eye-show.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-eye-show.svg) no-repeat center/contain;
}
.ic-eye-hide {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-eye-hide.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-eye-hide.svg) no-repeat center/contain;
}
.ic-truck {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-truck.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-truck.svg) no-repeat center/contain;
}
.ic-notice {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-notice.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-notice.svg) no-repeat center/contain;
}
.ic-play {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-play.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-play.svg) no-repeat center/contain;
}
.ic-pause {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-pause.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-pause.svg) no-repeat center/contain;
}
.ic-celebrate {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-celebrate.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-celebrate.svg) no-repeat center/contain;
}
.ic-undo {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-undo.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-undo.svg) no-repeat center/contain;
}
.ic-ellipsis2 {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-ellipsis2.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-ellipsis2.svg) no-repeat center/contain;
}
.ic-tab-category {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-category.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-category.svg) no-repeat center/contain;
}
.ic-tab-category-bold {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-category-bold.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-category-bold.svg) no-repeat center/contain;
}
.ic-tab-home {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-home.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-home.svg) no-repeat center/contain;
}
.ic-tab-home-bold {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-home-bold.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-home-bold.svg) no-repeat center/contain;
}
.ic-tab-recently {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-recently.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-recently.svg) no-repeat center/contain;
}
.ic-tab-recently-bold {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-recently-bold.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-recently-bold.svg) no-repeat center/contain;
}
.ic-tab-mypage {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-mypage.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-mypage.svg) no-repeat center/contain;
}
.ic-tab-mypage-bold {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-mypage-bold.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-mypage-bold.svg) no-repeat center/contain;
}
.ic-tab-search {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-search.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-search.svg) no-repeat center/contain;
}
.ic-tab-search-bold {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-search-bold.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-search-bold.svg) no-repeat center/contain;
}
.ic-mic {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-mic.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-mic.svg) no-repeat center/contain;
}
.ic-truck-fill {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-truck-fill.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-truck-fill.svg) no-repeat center/contain;
}
.ic-arrow-up-right {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-up-right.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-up-right.svg) no-repeat center/contain;
}
.ic-cart {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-cart.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-cart.svg) no-repeat center/contain;
}
.ic-setting {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-setting.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-setting.svg) no-repeat center/contain;
}
:is(
  .vits-btn-xxl,
  .vits-btn-xl,
  .vits-btn-lg-p,
  .vits-btn-lg,
  .vits-btn-md,
  .vits-btn-sm,
  .vits-btn-xs,
  .vits-btn-xxs
) {
  position: relative;
  gap: 0.5rem;
  padding: 0 0.75rem;
  margin: 0;
  white-space: nowrap;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
:is(.vits-btn-xxl, .vits-btn-xl, .vits-btn-lg-p, .vits-btn-lg, .vits-btn-md, .vits-btn-sm, .vits-btn-xs, .vits-btn-xxs)
  .icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
:is(.vits-btn-xxl, .vits-btn-xl, .vits-btn-lg-p, .vits-btn-lg, .vits-btn-md, .vits-btn-sm, .vits-btn-xs, .vits-btn-xxs)
  .text {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  line-height: normal;
}
:is(
    .vits-btn-xxl,
    .vits-btn-xl,
    .vits-btn-lg-p,
    .vits-btn-lg,
    .vits-btn-md,
    .vits-btn-sm,
    .vits-btn-xs,
    .vits-btn-xxs
  ):not(.icon-left, .icon-right)
  .icon {
  margin: 0;
}
:is(
    .vits-btn-xxl,
    .vits-btn-xl,
    .vits-btn-lg-p,
    .vits-btn-lg,
    .vits-btn-md,
    .vits-btn-sm,
    .vits-btn-xs,
    .vits-btn-xxs
  ):has(.icon):not(:has(.text)) {
  padding: 0;
}
:is(
    .vits-btn-xxl,
    .vits-btn-xl,
    .vits-btn-lg-p,
    .vits-btn-lg,
    .vits-btn-md,
    .vits-btn-sm,
    .vits-btn-xs,
    .vits-btn-xxs
  ):disabled {
  pointer-events: none;
  cursor: default;
}
.vits-btn-xxl {
  min-height: 4rem;
  padding: 0 0.75rem;
  font-size: 1.25rem;
  border-radius: 8px;
}
.vits-btn-xxl .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  line-height: normal;
  color: inherit;
}
.vits-btn-xxl .icon {
  width: 2rem;
  height: 2rem;
}
.vits-btn-xxl .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-xxl .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-xl {
  min-height: 3.25rem;
  padding: 0 0.75rem;
  font-size: 1rem;
  border-radius: 8px;
}
.vits-btn-xl .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  line-height: normal;
  color: inherit;
}
.vits-btn-xl .icon {
  width: 1.5rem;
  height: 1.5rem;
}
.vits-btn-xl .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-xl .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-lg-p {
  min-height: 2.75rem;
  padding: 0 0.75rem;
  font-size: 1rem;
  border-radius: 8px;
}
.vits-btn-lg-p .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  line-height: normal;
  color: inherit;
}
.vits-btn-lg-p .icon {
  width: 1.5rem;
  height: 1.5rem;
}
.vits-btn-lg-p .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-lg-p .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-lg {
  min-height: 2.5rem;
  padding: 0 0.75rem;
  font-size: 1rem;
  border-radius: 4px;
}
.vits-btn-lg .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  line-height: normal;
  color: inherit;
}
.vits-btn-lg .icon {
  width: 1.5rem;
  height: 1.5rem;
}
.vits-btn-lg .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-lg .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-md {
  min-height: 2.25rem;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  border-radius: 4px;
}
.vits-btn-md .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  line-height: normal;
  color: inherit;
}
.vits-btn-md .icon {
  width: 1.25rem;
  height: 1.25rem;
}
.vits-btn-md .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-md .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-sm {
  min-height: 2rem;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  border-radius: 4px;
}
.vits-btn-sm .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  line-height: normal;
  color: inherit;
}
.vits-btn-sm .icon {
  width: 1.25rem;
  height: 1.25rem;
}
.vits-btn-sm .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-sm .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-xs {
  min-height: 1.75rem;
  padding: 0 0.75rem;
  font-size: 0.75rem;
  border-radius: 4px;
}
.vits-btn-xs .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  line-height: normal;
  color: inherit;
}
.vits-btn-xs .icon {
  width: 1rem;
  height: 1rem;
}
.vits-btn-xs .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-xs .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-xxs {
  min-height: 1.5rem;
  padding: 0 0.5625rem;
  font-size: 0.5625rem;
  border-radius: 0.375rem;
}
.vits-btn-xxs .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  line-height: normal;
  color: inherit;
}
.vits-btn-xxs .icon {
  width: 1rem;
  height: 1rem;
}
.vits-btn-xxs .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-xxs .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-primary {
  color: #fff;
  background-color: #e51e25;
  border-width: 0;
}
.vits-btn-primary .icon {
  color: #fff;
}
.vits-btn-primary:hover:not(:disabled) {
  color: #fff;
  background-color: #ed3a40;
}
.vits-btn-primary:hover:not(:disabled) .icon {
  color: #fff;
}
.vits-btn-primary:disabled {
  color: #bebebe !important;
  background-color: #f0f0f0 !important;
}
.vits-btn-primary:disabled .icon {
  color: #bebebe !important;
}
.vits-btn-primary-soft {
  color: #fff;
  background-color: #f2555a;
  border-width: 0;
}
.vits-btn-primary-soft .icon {
  color: #fff;
}
.vits-btn-primary-soft:hover:not(:disabled) {
  color: #fff;
  background-color: #f57175;
}
.vits-btn-primary-soft:hover:not(:disabled) .icon {
  color: #fff;
}
.vits-btn-primary-soft:disabled {
  color: #bebebe !important;
  background-color: #f0f0f0 !important;
}
.vits-btn-primary-soft:disabled .icon {
  color: #bebebe !important;
}
.vits-btn-secondary {
  color: #fff;
  background-color: #444;
  border-width: 0;
}
.vits-btn-secondary .icon {
  color: #fff;
}
.vits-btn-secondary:hover:not(:disabled) {
  color: #fff;
  background-color: #5c5c5c;
}
.vits-btn-secondary:hover:not(:disabled) .icon {
  color: #fff;
}
.vits-btn-secondary:disabled {
  color: #bebebe !important;
  background-color: #f0f0f0 !important;
}
.vits-btn-secondary:disabled .icon {
  color: #bebebe !important;
}
.vits-btn-tertiary {
  color: #fff;
  background-color: #767676;
  border-width: 0;
}
.vits-btn-tertiary .icon {
  color: #fff;
}
.vits-btn-tertiary:hover:not(:disabled) {
  color: #fff;
  background-color: #9a9a9a;
}
.vits-btn-tertiary:hover:not(:disabled) .icon {
  color: #fff;
}
.vits-btn-tertiary:disabled {
  color: #bebebe !important;
  background-color: #f0f0f0 !important;
}
.vits-btn-tertiary:disabled .icon {
  color: #bebebe !important;
}
.vits-btn-disabled {
  color: #fff;
  background-color: #bebebe;
  border-width: 0;
}
.vits-btn-disabled .icon {
  color: #fff;
}
.vits-btn-disabled:hover:not(:disabled) {
  color: #fff;
  background-color: #bebebe;
}
.vits-btn-disabled:hover:not(:disabled) .icon {
  color: #fff;
}
.vits-btn-disabled:disabled {
  color: #bebebe !important;
  background-color: #f0f0f0 !important;
}
.vits-btn-disabled:disabled .icon {
  color: #bebebe !important;
}
.vits-btn-outline-primary {
  color: #f2555a;
  background-color: #fff;
  border: 1px solid #f2555a;
}
.vits-btn-outline-primary .text {
  line-height: normal;
  color: inherit;
}
.vits-btn-outline-primary .icon {
  color: #f2555a;
}
.vits-btn-outline-primary:hover:not(:disabled) {
  background-color: #fff8f8;
}
.vits-btn-outline-primary:disabled {
  color: #fccbcd;
  background-color: #fff;
  border-color: #fccbcd;
}
.vits-btn-outline-primary:disabled .icon {
  color: #fccbcd;
}
.vits-btn-outline-secondary {
  color: #444;
  background-color: #fff;
  border: 1px solid #444;
}
.vits-btn-outline-secondary .text {
  line-height: normal;
  color: inherit;
}
.vits-btn-outline-secondary .icon {
  color: #444;
}
.vits-btn-outline-secondary:hover:not(:disabled) {
  background-color: #fafafa;
}
.vits-btn-outline-secondary:disabled {
  color: #bebebe;
  background-color: #fafafa;
  border-color: #bebebe;
}
.vits-btn-outline-secondary:disabled .icon {
  color: #bebebe;
}
.vits-btn-outline-tertiary {
  color: #767676;
  background-color: #fff;
  border: 1px solid #767676;
}
.vits-btn-outline-tertiary .text {
  line-height: normal;
  color: inherit;
}
.vits-btn-outline-tertiary .icon {
  color: #767676;
}
.vits-btn-outline-tertiary:hover:not(:disabled) {
  background-color: #fafafa;
}
.vits-btn-outline-tertiary:disabled {
  color: #dadada;
  background-color: #fafafa;
  border-color: #dadada;
}
.vits-btn-outline-tertiary:disabled .icon {
  color: #dadada;
}
.vits-btn-scoped-info {
  border: 1px solid #2f4f9e;
  background-color: #fff;
  border-radius: 4px;
  padding: 0 1.5625rem;
}
.vits-btn-scoped-info .text {
  font-weight: 600;
  color: #2f4f9e;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-btn-scoped-info:hover {
    background-color: #edf1fd;
  }
  .vits-btn-scoped-info:hover:active {
    border: 1px solid #8ba7ec;
    color: #2f4f9e;
    background-color: #8ba7ec;
  }
}
.vits-btn-scoped-info:focus-visible,
.vits-btn-scoped-info:active {
  background-color: #edf1fd;
}
.vits-btn-scoped-info:focus-visible:active,
.vits-btn-scoped-info:active:active {
  border: 1px solid #8ba7ec;
  color: #2f4f9e;
  background-color: #8ba7ec;
}
.vits-btn-scoped-info:disabled {
  color: #bebebe;
  pointer-events: none;
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}
.vits-btn-scoped-primary {
  border: 1px solid #e51e25;
  background-color: #fff;
  border-radius: 4px;
  padding: 0 1.5625rem;
}
.vits-btn-scoped-primary .text {
  font-weight: 600;
  color: #e51e25;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-btn-scoped-primary:hover {
    background-color: #fff0f1;
  }
  .vits-btn-scoped-primary:hover:active {
    border: 1px solid #e51e25;
    color: #fff;
    background-color: #e51e25;
  }
}
.vits-btn-scoped-primary:focus-visible,
.vits-btn-scoped-primary:active {
  background-color: #fff0f1;
}
.vits-btn-scoped-primary:focus-visible:active,
.vits-btn-scoped-primary:active:active {
  border: 1px solid #e51e25;
  color: #fff;
  background-color: #e51e25;
}
.vits-btn-scoped-primary:disabled {
  color: #bebebe;
  pointer-events: none;
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}
.vits-btn-favorite {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.vits-btn-favorite:disabled {
  cursor: not-allowed;
}
.vits-btn-favorite .icon {
  width: 1.25rem;
  height: 1.25rem;
}
.vits-btn-favorite .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-favorite .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-text-link {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-btn-vertical-icon {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-btn-vertical-icon .icon {
  width: 2rem;
  height: 2rem;
  position: relative;
  color: #444;
  transition: color 0.2s ease;
}
.vits-btn-vertical-icon .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-vertical-icon .badge {
  position: absolute;
  top: 2px;
  right: -3px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #fff;
  letter-spacing: 0;
  width: 0.9375rem;
  height: 0.9375rem;
  background: #e51e25;
  border-radius: 80px;
}
.vits-btn-vertical-icon .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  transition: color 0.2s ease;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-btn-vertical-icon:hover .icon {
    color: #e51e25;
  }
  .vits-btn-vertical-icon:hover .text {
    color: #e51e25;
  }
}
.vits-btn-vertical-icon:focus-visible .icon,
.vits-btn-vertical-icon:active .icon {
  color: #e51e25;
}
.vits-btn-vertical-icon:focus-visible .text,
.vits-btn-vertical-icon:active .text {
  color: #e51e25;
}
.quantity-control {
  overflow: hidden;
  background: #fff;
  border-radius: 0.375rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #dadada;
}
.quantity-control .quantity-input {
  width: auto;
  min-width: 3rem;
  height: 2.25rem;
  padding: 0 0.125rem 0 0.5rem;
  font-size: 0.875rem;
  text-align: right;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  border: 0;
}
.quantity-control .quantity-input[readonly] {
  background-color: #fff;
}
.quantity-control .quantity-input::-webkit-outer-spin-button,
.quantity-control .quantity-input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}
.quantity-control .quantity-input-measure {
  position: absolute;
  padding: 0;
  margin: 0;
  white-space: pre;
  visibility: hidden;
}
.quantity-control .unit {
  height: 2.25rem;
  padding: 0 0.5rem;
  font-size: 0.8125rem;
  white-space: nowrap;
  background-color: #fff;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.quantity-control .btn-step {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  transition:
    color 0.2s ease,
    background-color 0.2s ease;
}
.quantity-control .btn-step:disabled {
  cursor: not-allowed;
}
.quantity-control .btn-step .ic {
  color: #767676;
  transition: color 0.2s ease;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .quantity-control .btn-step:hover {
    background-color: #f0f0f0;
  }
  .quantity-control .btn-step:hover .ic {
    color: #444;
  }
}
.quantity-control .btn-step:focus-visible,
.quantity-control .btn-step:active {
  background-color: #f0f0f0;
}
.quantity-control .btn-step:focus-visible .ic,
.quantity-control .btn-step:active .ic {
  color: #444;
}
.quantity-control.type-horiz .btn-step {
  background-color: #fff;
}
.quantity-control.type-horiz .btn-step.vits-minus-icon {
  border-right: 1px solid #dadada;
  border-radius: 4px 0 0 4px;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .quantity-control.type-horiz .btn-step.vits-minus-icon:hover:hover {
    background-color: #f0f0f0;
    border: 1px solid #5c5c5c;
  }
  .quantity-control.type-horiz .btn-step.vits-minus-icon:hover:active {
    background-color: #fff0f1;
    border: 1px solid #e51e25;
  }
  .quantity-control.type-horiz .btn-step.vits-minus-icon:hover:active i.ic {
    color: #e51e25;
  }
}
.quantity-control.type-horiz .btn-step.vits-minus-icon:focus-visible:hover,
.quantity-control.type-horiz .btn-step.vits-minus-icon:active:hover {
  background-color: #f0f0f0;
  border: 1px solid #5c5c5c;
}
.quantity-control.type-horiz .btn-step.vits-minus-icon:focus-visible:active,
.quantity-control.type-horiz .btn-step.vits-minus-icon:active:active {
  background-color: #fff0f1;
  border: 1px solid #e51e25;
}
.quantity-control.type-horiz .btn-step.vits-minus-icon:focus-visible:active i.ic,
.quantity-control.type-horiz .btn-step.vits-minus-icon:active:active i.ic {
  color: #e51e25;
}
.quantity-control.type-horiz .btn-step.vits-plus-icon {
  top: 1px;
  border-left: 1px solid #dadada;
  border-radius: 0 4px 4px 0;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .quantity-control.type-horiz .btn-step.vits-plus-icon:hover:hover {
    background-color: #f0f0f0;
    border: 1px solid #5c5c5c;
  }
  .quantity-control.type-horiz .btn-step.vits-plus-icon:hover:active {
    background-color: #fff0f1;
    border: 1px solid #e51e25;
  }
  .quantity-control.type-horiz .btn-step.vits-plus-icon:hover:active i.ic {
    color: #e51e25;
  }
}
.quantity-control.type-horiz .btn-step.vits-plus-icon:focus-visible:hover,
.quantity-control.type-horiz .btn-step.vits-plus-icon:active:hover {
  background-color: #f0f0f0;
  border: 1px solid #5c5c5c;
}
.quantity-control.type-horiz .btn-step.vits-plus-icon:focus-visible:active,
.quantity-control.type-horiz .btn-step.vits-plus-icon:active:active {
  background-color: #fff0f1;
  border: 1px solid #e51e25;
}
.quantity-control.type-horiz .btn-step.vits-plus-icon:focus-visible:active i.ic,
.quantity-control.type-horiz .btn-step.vits-plus-icon:active:active i.ic {
  color: #e51e25;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .quantity-control.type-horiz:hover {
    background-color: #f0f0f0;
  }
}
.quantity-control.type-horiz:focus-visible,
.quantity-control.type-horiz:active {
  background-color: #f0f0f0;
}
.quantity-control.type-horiz:has(.quantity-input:hover) .quantity-input,
.quantity-control.type-horiz:has(.quantity-input:hover) .unit,
.quantity-control.type-horiz:has(.quantity-input:focus-visible) .quantity-input,
.quantity-control.type-horiz:has(.quantity-input:focus-visible) .unit,
.quantity-control.type-horiz:has(.quantity-input:active) .quantity-input,
.quantity-control.type-horiz:has(.quantity-input:active) .unit {
  background-color: #f0f0f0;
  border-top: 1px solid #5c5c5c;
  border-bottom: 1px solid #5c5c5c;
}
.quantity-control.type-horiz:has(.quantity-input:hover) .btn-step.vits-plus-icon,
.quantity-control.type-horiz:has(.quantity-input:focus-visible) .btn-step.vits-plus-icon,
.quantity-control.type-horiz:has(.quantity-input:active) .btn-step.vits-plus-icon {
  border-left: 1px solid #5c5c5c;
}
.quantity-control.type-horiz:has(.quantity-input:hover) .btn-step.vits-minus-icon,
.quantity-control.type-horiz:has(.quantity-input:focus-visible) .btn-step.vits-minus-icon,
.quantity-control.type-horiz:has(.quantity-input:active) .btn-step.vits-minus-icon {
  border-right: 1px solid #5c5c5c;
}
.quantity-control.type-vertical {
  position: relative;
  padding-right: 2rem;
}
.quantity-control.type-vertical .quantity-input {
  min-width: 3.5rem;
}
.quantity-control.type-vertical .btn-step {
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
  height: 1.125rem;
  font-size: 0.75rem;
}
.quantity-control.type-vertical .btn-step.vits-plus-icon {
  top: 0;
  border-bottom: 1px solid #dadada;
  border-left: 1px solid #dadada;
}
.quantity-control.type-vertical .btn-step.vits-minus-icon {
  top: auto;
  bottom: 0;
  border-left: 1px solid #dadada;
}
.vits-ictext-button {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-ictext-button:disabled {
  cursor: not-allowed;
}
.vits-ictext-button-sm {
  gap: 0.125rem;
}
.vits-ictext-button-sm .icon {
  width: 1rem;
  height: 1rem;
  color: #444;
}
.vits-ictext-button-sm .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-ictext-button-sm .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-ictext-button-md {
  gap: 0.25rem;
}
.vits-ictext-button-md .icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #444;
}
.vits-ictext-button-md .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-ictext-button-md .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-ictext-button.vits-text-info .text {
  color: #2f4f9e;
}
.vits-text-underline-button {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #dadada;
  background: rgba(0, 0, 0, 0);
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-text-underline-button:disabled {
  cursor: not-allowed;
}
.vits-text-underline-button.fs-b3 {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-text-underline-button.fs-b3s {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-text-underline-button.fs-b2 {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-text-underline-button.fs-b5 {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-text-underline-button.height-15 {
  height: 0.9375rem;
}
.vits-text-underline-button.height-18 {
  height: 1.125rem;
}
.vits-text-underline-button.height-19 {
  height: 1.1875rem;
}
.vits-text-underline-button.height-21 {
  height: 1.3125rem;
}
.vits-text-underline-button.height-24 {
  height: 1.5rem;
}
.vits-text-underline-button.fc-brand-sub {
  color: #f2555a;
  border-color: #f2555a;
}
.vits-text-underline-button.fc-info {
  color: #2f4f9e;
  border-color: #2f4f9e;
}
.vits-gnb-promo-button {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  height: 3.75rem;
  padding: 0 1rem;
  overflow: hidden;
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #dadada;
  transition: box-shadow 0.25s;
}
.vits-gnb-promo-button span {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-gnb-promo-button:hover {
    box-shadow: inset 0 0 0 1px #1b1b1b;
  }
}
.vits-gnb-promo-button:focus-visible,
.vits-gnb-promo-button:active {
  box-shadow: inset 0 0 0 1px #1b1b1b;
}
.vits-text-arrow-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-text-arrow-link .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-text-arrow-link .icon {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  color: #767676;
}
.vits-text-arrow-link.size-sm .text {
  font-size: 0.75rem;
}
.btn-fix-w120 {
  width: 7.5rem;
}
.btn-fix-w150 {
  width: 9.375rem;
}
.btn-fix-w160 {
  width: 10rem;
}
.btn-fix-w200 {
  width: 12.5rem;
}
:where([class*='vits-tabs-'][role='tablist']) {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
:where([class*='vits-tabs-'][role='tablist']) [class*='vits-btn-'] {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  width: 50%;
}
:where([class*='vits-tabs-'][role='tablist']) [class*='vits-btn-']:disabled {
  cursor: not-allowed;
}
:where([class*='vits-tabs-'][role='tablist']) [class*='vits-btn-'] .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
@media (any-hover: hover) and (any-pointer: fine) {
  :where([class*='vits-tabs-'][role='tablist']) [class*='vits-btn-'] .text:hover {
    font-family: 'Pretendard', system-ui, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    color: #767676;
    letter-spacing: 0;
  }
}
:where([class*='vits-tabs-'][role='tablist']) [class*='vits-btn-'] .text:focus-visible,
:where([class*='vits-tabs-'][role='tablist']) [class*='vits-btn-'] .text:active {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
:where([class*='vits-tabs-'][role='tablist']) [class*='vits-btn-'] .coupon-badge {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  min-width: 1.375rem;
  min-height: 1.375rem;
  padding: 0 0.25rem;
  background-color: #fff0f1;
  border-radius: 50%;
}
:where([class*='vits-tabs-'][role='tablist']) [class*='vits-btn-'].is-active {
  border: 2px solid #e51e25;
}
:where([class*='vits-tabs-'][role='tablist']).vits-tabs-lg {
  background-color: #fff;
  border-radius: 12px;
}
:where([class*='vits-tabs-'][role='tablist']).vits-tabs-lg [class*='vits-btn-'] {
  min-height: 3rem;
}
:where([class*='vits-tabs-'][role='tablist']).vits-tabs-lg [class*='vits-btn-'].is-active {
  border-radius: 12px;
}
:where([class*='vits-tabs-'][role='tablist']).vits-tabs-lg [class*='vits-btn-'].is-active .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
:where([class*='vits-tabs-'][role='tablist']).vits-tabs-sm {
  padding: 0.125rem;
  background-color: #f0f0f0;
  border-radius: 4px;
}
:where([class*='vits-tabs-'][role='tablist']).vits-tabs-sm [class*='vits-btn-'] {
  min-height: 2.25rem;
}
:where([class*='vits-tabs-'][role='tablist']).vits-tabs-sm [class*='vits-btn-'] .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
:where([class*='vits-tabs-'][role='tablist']).vits-tabs-sm [class*='vits-btn-'].is-active {
  background-color: #fff;
  border-width: 1px;
  border-radius: 4px;
}
:where([class*='vits-tabs-'][role='tablist']).vits-tabs-sm [class*='vits-btn-'].is-active .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
[class*='vits-btn-'].weight-r .text {
  font-weight: 400 !important;
}
[class*='vits-btn-'].weight-m .text {
  font-weight: 500 !important;
}
[class*='vits-btn-'].weight-s .text {
  font-weight: 600 !important;
}
[class*='vits-btn-'].weight-b .text {
  font-weight: 700 !important;
}
.vits-btn-motext {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  min-height: auto;
}
.vits-btn-motext:disabled {
  cursor: not-allowed;
}
@keyframes rotate360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#btnRefreshBalance,
#btnRefreshBalance .icon,
#btnRefreshBalance .text {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#btnRefreshBalance .icon .ic-update {
  will-change: transform;
}
#btnRefreshBalance:active .icon .ic-update {
  animation: rotate360 0.45s linear infinite;
}
.list-row-gap12 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.list-row-gap16 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}
.list-row-gap18 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.125rem;
}
.list-column-gap12 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.list-column-gap16 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.list-column-gap18 {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
[class*='vits-product-card'] .product-thumb,
.vits-base-swiper-card .product-thumb {
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
  background: #dadada;
  border-radius: 12px;
}
[class*='vits-product-card'] .product-thumb img,
.vits-base-swiper-card .product-thumb img {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #dadada;
}
[class*='vits-product-card'] .product-thumb img img,
.vits-base-swiper-card .product-thumb img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
[class*='vits-product-card'] .product-thumb img img,
.vits-base-swiper-card .product-thumb img img {
  background-color: #fff;
}
[class*='vits-product-card'] .product-frequent-count,
.vits-base-swiper-card .product-frequent-count {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
  height: 1.75rem;
  padding: 0 0.5rem;
  background: #edf1fd;
  border-radius: 4px;
}
[class*='vits-product-card'] .product-frequent-date,
.vits-base-swiper-card .product-frequent-date {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #8ba7ec;
  letter-spacing: 0;
}
[class*='vits-product-card'] .product-code,
.vits-base-swiper-card .product-code {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  min-width: 0;
  line-height: 1.2;
}
[class*='vits-product-card'] .product-actions,
.vits-base-swiper-card .product-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
}
[class*='vits-product-card'] .product-actions button[class*='product-action-'],
.vits-base-swiper-card .product-actions button[class*='product-action-'] {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #bebebe;
}
[class*='vits-product-card'] .product-actions button[class*='product-action-']:disabled,
.vits-base-swiper-card .product-actions button[class*='product-action-']:disabled {
  cursor: not-allowed;
}
[class*='vits-product-card'] .product-actions button[class*='product-action-'] .ic,
.vits-base-swiper-card .product-actions button[class*='product-action-'] .ic {
  display: block;
  background-color: currentcolor;
  -webkit-mask: no-repeat center/contain;
  mask: no-repeat center/contain;
  transition: color 0.3s;
}
[class*='vits-product-card'] .product-actions button[class*='product-action-'][class*='-like'] .ic,
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-like'] .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart.svg);
}
[class*='vits-product-card'] .product-actions button[class*='product-action-'][class*='-like']:active .ic,
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-like']:active .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart-fill.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart-fill.svg);
}
[class*='vits-product-card'] .product-actions button[class*='product-action-'][class*='-like'].active .ic,
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-like'].active .ic {
  color: #e51e25;
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart-fill.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart-fill.svg);
}
[class*='vits-product-card'] .product-actions button[class*='product-action-'][class*='-cart'] .ic,
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-cart'] .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-bag.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-bag.svg);
}
[class*='vits-product-card'] .product-actions button[class*='product-action-'][class*='-cart']:active .ic,
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-cart']:active .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-bag-on.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-bag-on.svg);
}
[class*='vits-product-card'] .product-actions button[class*='product-action-'][class*='-cart'].active .ic,
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-cart'].active .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-bag-on.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-bag-on.svg);
}
[class*='vits-product-card'] .product-actions button[class*='product-action-'][class*='-compare'] .ic,
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-compare'] .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-compare.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-compare.svg);
}
@media (any-hover: hover) and (any-pointer: fine) {
  [class*='vits-product-card'] .product-actions button[class*='product-action-'][class*='-compare']:hover,
  .vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-compare']:hover {
    color: #444;
  }
  [class*='vits-product-card'] .product-actions button[class*='product-action-'][class*='-compare']:hover .text,
  .vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-compare']:hover .text {
    color: #444;
  }
}
[class*='vits-product-card'] .product-actions button[class*='product-action-'][class*='-compare']:focus-visible,
[class*='vits-product-card'] .product-actions button[class*='product-action-'][class*='-compare']:active,
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-compare']:focus-visible,
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-compare']:active {
  color: #444;
}
[class*='vits-product-card'] .product-actions button[class*='product-action-'][class*='-compare']:focus-visible .text,
[class*='vits-product-card'] .product-actions button[class*='product-action-'][class*='-compare']:active .text,
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-compare']:focus-visible .text,
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-compare']:active .text {
  color: #444;
}
[class*='vits-product-card'] .product-actions button[class*='product-action-']:not([class*='-compare']):hover,
.vits-base-swiper-card .product-actions button[class*='product-action-']:not([class*='-compare']):hover {
  color: #444;
}
[class*='vits-product-card'] .product-actions button[class*='product-action-']:not([class*='-compare']):active,
.vits-base-swiper-card .product-actions button[class*='product-action-']:not([class*='-compare']):active {
  color: #e51e25;
}
[class*='vits-product-card'] .product-actions button[class*='product-action-']:not([class*='-compare']):active .text,
.vits-base-swiper-card .product-actions button[class*='product-action-']:not([class*='-compare']):active .text {
  color: #e51e25 !important;
}
[class*='vits-product-card'] .product-brand,
.vits-base-swiper-card .product-brand {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
[class*='vits-product-card'] .product-name,
.vits-base-swiper-card .product-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
[class*='vits-product-card'] .product-spec,
.vits-base-swiper-card .product-spec {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 0.25rem;
}
[class*='vits-product-card'] .product-price .price-origin-label,
.vits-base-swiper-card .product-price .price-origin-label {
  font-family: 'PretendardGOV', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  text-decoration: line-through;
  text-decoration-line: line-through;
}
[class*='vits-product-card'] .product-price .price-sale-row,
.vits-base-swiper-card .product-price .price-sale-row {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0 0.25rem;
}
[class*='vits-product-card'] .product-price .price-sale-row .price-rate,
.vits-base-swiper-card .product-price .price-sale-row .price-rate {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
[class*='vits-product-card'] .product-price .price-sale-row .price-sale,
.vits-base-swiper-card .product-price .price-sale-row .price-sale {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
[class*='vits-product-card'] .product-price .product-price-alt.is-soldout,
.vits-base-swiper-card .product-price .product-price-alt.is-soldout {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #f88d90;
  letter-spacing: 0;
}
[class*='vits-product-card'] .product-price .product-price-alt.is-guest,
.vits-base-swiper-card .product-price .product-price-alt.is-guest {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
}
[class*='vits-product-card'] .product-price .product-price-alt.is-guest .price-guest-text,
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-text {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.125rem;
}
[class*='vits-product-card'] .product-price .product-price-alt.is-guest .price-guest-text-title,
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-text-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
}
[class*='vits-product-card'] .product-price .product-price-alt.is-guest .price-guest-text-desc,
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-text-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
[class*='vits-product-card'] .product-price .product-price-alt.is-guest .price-guest-text-desc strong,
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-text-desc strong {
  font-weight: 600;
}
[class*='vits-product-card'] .product-price .product-price-alt.is-guest .price-guest-action,
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-action {
  width: 100%;
}
[class*='vits-product-card'] .product-price .product-price-alt.is-guest .price-guest-action .price-login-button,
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-action .price-login-button {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  border: 1px solid #bebebe;
  gap: 0.625rem;
  width: 100%;
  height: 2.125rem;
  padding: 0 0.5rem;
  border-radius: 4px;
}
[class*='vits-product-card']
  .product-price
  .product-price-alt.is-guest
  .price-guest-action
  .price-login-button:disabled,
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-action .price-login-button:disabled {
  cursor: not-allowed;
}
[class*='vits-product-card'] .product-price .product-price-alt.is-guest .price-guest-action .price-login-button .icon,
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-action .price-login-button .icon {
  width: 1rem;
  height: 1rem;
  color: #444;
}
[class*='vits-product-card']
  .product-price
  .product-price-alt.is-guest
  .price-guest-action
  .price-login-button
  .icon
  .ic,
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-action .price-login-button .icon .ic {
  width: 100%;
  height: 100%;
}
[class*='vits-product-card'] .product-price .product-price-alt.is-guest .price-guest-action .price-login-button .text,
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-action .price-login-button .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
@media (any-hover: hover) and (any-pointer: fine) {
  [class*='vits-product-card'] .product-price .product-price-alt.is-guest .price-guest-action .price-login-button:hover,
  .vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-action .price-login-button:hover {
    background-color: #f0f0f0;
    border-color: #1b1b1b;
  }
  [class*='vits-product-card']
    .product-price
    .product-price-alt.is-guest
    .price-guest-action
    .price-login-button:hover
    .text,
  .vits-base-swiper-card
    .product-price
    .product-price-alt.is-guest
    .price-guest-action
    .price-login-button:hover
    .text {
    color: #1b1b1b;
  }
}
[class*='vits-product-card'] .product-extra,
.vits-base-swiper-card .product-extra {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.125rem;
}
[class*='vits-product-card'] .product-body,
.vits-base-swiper-card .product-body {
  display: grid;
}
[class*='vits-product-card'] .product-meta,
.vits-base-swiper-card .product-meta {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem 0.5rem;
}
[class*='vits-product-card'] .product-model,
.vits-base-swiper-card .product-model {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #bebebe;
  letter-spacing: 0;
}
[class*='vits-product-card'].is-sold-out .product-thumb::after,
.vits-base-swiper-card.is-sold-out .product-thumb::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  letter-spacing: 0;
  z-index: 1;
  pointer-events: none;
  content: '일시품절';
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(2px);
}
.vits-product-section,
.vits-product-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.vits-product-section {
  gap: 1.5rem;
}
.vits-product-list {
  gap: 2.5rem;
}
.vits-product-pagination {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.vits-product-list.view-thumb .vits-product-list-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1.5rem;
  align-items: stretch;
}
.vits-product-list.view-thumb .vits-product-list-items:has(> li > .vits-empty-state) {
  grid-template-columns: 1fr;
  padding-top: 2.25rem;
}
.vits-product-list.view-thumb .vits-product-item {
  position: relative;
  align-self: stretch;
}
.vits-product-list.view-thumb .vits-product-item .vits-checkbox-item {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
}
.vits-product-list.view-thumb .vits-product-item.type-wide {
  grid-column: 1/-1;
}
.vits-product-list.view-thumb [class*='vits-product-card'],
.vits-product-list.view-thumb .vits-base-swiper-card {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-product-list.view-thumb [class*='vits-product-card'] .product-thumb,
.vits-product-list.view-thumb .vits-base-swiper-card .product-thumb {
  width: 100%;
}
.vits-product-list.view-thumb [class*='vits-product-card'] .product-body,
.vits-product-list.view-thumb .vits-base-swiper-card .product-body {
  grid-template-areas: 'meta code' 'summary summary' 'price price' 'flags flags' 'actions actions';
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem 0;
  width: 100%;
}
.vits-product-list.view-thumb [class*='vits-product-card'] .product-code,
.vits-product-list.view-thumb .vits-base-swiper-card .product-code {
  grid-area: code;
  place-self: start end;
  min-width: 0;
}
.vits-product-list.view-thumb [class*='vits-product-card'] .product-actions,
.vits-product-list.view-thumb .vits-base-swiper-card .product-actions {
  grid-area: actions;
  gap: 0.5rem;
  place-self: center end;
}
.vits-product-list.view-thumb [class*='vits-product-card'] .product-actions button[class*='product-action-'],
.vits-product-list.view-thumb .vits-base-swiper-card .product-actions button[class*='product-action-'] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  padding: 0.125rem;
  margin: -0.125rem;
}
.vits-product-list.view-thumb [class*='vits-product-card'] .product-actions button[class*='product-action-'] .ic,
.vits-product-list.view-thumb .vits-base-swiper-card .product-actions button[class*='product-action-'] .ic {
  width: 1.5rem;
  height: 1.5rem;
}
.vits-product-list.view-thumb [class*='vits-product-card'] .product-actions button[class*='product-action-'] .text,
.vits-product-list.view-thumb .vits-base-swiper-card .product-actions button[class*='product-action-'] .text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.vits-product-list.view-thumb [class*='vits-product-card'] .product-meta,
.vits-product-list.view-thumb .vits-base-swiper-card .product-meta {
  grid-area: meta;
}
.vits-product-list.view-thumb [class*='vits-product-card'] .product-summary,
.vits-product-list.view-thumb .vits-base-swiper-card .product-summary {
  grid-area: summary;
}
.vits-product-list.view-thumb [class*='vits-product-card'] .product-price,
.vits-product-list.view-thumb .vits-base-swiper-card .product-price {
  grid-area: price;
}
.vits-product-list.view-thumb [class*='vits-product-card'] .product-extra,
.vits-product-list.view-thumb .vits-base-swiper-card .product-extra {
  display: contents;
  margin-top: 0.25rem;
}
.vits-product-list.view-thumb [class*='vits-product-card'] .product-extra .vits-product-flags,
.vits-product-list.view-thumb .vits-base-swiper-card .product-extra .vits-product-flags {
  grid-area: flags;
}
.vits-product-list.view-thumb [class*='vits-product-card'] .product-extra .vits-product-promo,
.vits-product-list.view-thumb .vits-base-swiper-card .product-extra .vits-product-promo {
  grid-area: actions;
  pointer-events: none;
}
.vits-product-list.view-thumb[data-context='like'] .vits-product-list-items,
.vits-product-list.view-thumb[data-context='frequent'] .vits-product-list-items {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.vits-product-list.view-thumb[data-context='frequent'] [class*='vits-product-card'] .product-body {
  grid-template-areas: 'frequent frequent' 'meta code' 'summary summary' 'price price' 'flags flags' 'actions actions';
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.5rem 0;
  width: 100%;
}
.vits-product-list.view-thumb[data-context='frequent'] [class*='vits-product-card'] .product-name {
  font-size: 0.875rem;
}
.vits-product-list.view-thumb[data-context='frequent'] [class*='vits-product-card'] .product-spec {
  margin-top: 0.125rem;
  font-size: 0.75rem;
}
.vits-product-list.view-thumb[data-context='frequent'] [class*='vits-product-card'] .product-extra .vits-product-flags,
.vits-product-list.view-thumb[data-context='frequent'] [class*='vits-product-card'] .product-extra .vits-product-promo {
  margin-top: 0.25rem;
}
.vits-product-list.view-thumb[data-context='frequent']
  [class*='vits-product-card']
  .product-extra
  .vits-product-promo
  .vits-product-promo-badge.is-free-ship {
  height: 1.25rem;
  font-size: 0.625rem;
}
.vits-product-list.view-thumb[data-context='frequent']
  [class*='vits-product-card']
  .product-extra
  .vits-product-promo
  .vits-product-promo-badge.is-free-ship::before {
  width: 1.25rem;
  height: 1.25rem;
}
.vits-product-list.view-thumb[data-context='frequent'] [class*='vits-product-card'] .product-aside {
  display: contents;
}
.vits-product-list.view-thumb[data-context='frequent'] [class*='vits-product-card'] .product-frequent {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  grid-area: frequent;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}
.vits-product-list.view-thumb[data-context='frequent'] [class*='vits-product-card'] .product-actions {
  margin-top: 0.25rem;
}
.vits-product-list.view-list .vits-product-list-items {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.vits-product-list.view-list .vits-product-list-items:has(> li > .vits-empty-state) {
  padding-top: 2.25rem;
}
.vits-product-list.view-list .vits-product-list-items:has(> li > .vits-empty-state) > li {
  width: 100%;
}
.vits-product-list.view-list .vits-product-item {
  border-bottom: 1px solid #dadada;
  width: 100%;
  padding: 1rem 0;
}
.vits-product-list.view-list .vits-product-item:first-of-type {
  border-top: 1px solid #dadada;
}
.vits-product-list.view-list [class*='vits-product-card'] {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-product-list.view-list [class*='vits-product-card'] .product-thumb {
  flex: 0 0 10rem;
  width: 10rem;
  height: 10rem;
}
.vits-product-list.view-list [class*='vits-product-card'] .product-body {
  flex-grow: 1;
  min-width: 0;
}
.vits-product-list.view-list [class*='vits-product-card'] .product-meta {
  padding: 1rem 5.375rem 0 1rem;
}
.vits-product-list.view-list [class*='vits-product-card'] .product-code {
  place-self: start end;
  padding-top: 1rem;
  padding-right: 1rem;
}
.vits-product-list.view-list [class*='vits-product-card'] .product-spec {
  margin-top: 0.125rem;
}
.vits-product-list.view-list [class*='vits-product-card'] .product-actions {
  gap: 1rem;
}
.vits-product-list.view-list [class*='vits-product-card'] .product-actions button[class*='product-action-'] {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  flex: 0 0 3.25rem;
  gap: 0.5rem;
  width: 3.25rem;
  text-align: center;
}
.vits-product-list.view-list [class*='vits-product-card'] .product-actions button[class*='product-action-'] .ic {
  width: 2rem;
  height: 2rem;
}
.vits-product-list.view-list [class*='vits-product-card'] .product-actions button[class*='product-action-'] .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #161616;
  letter-spacing: 0;
}
.vits-product-list.view-list [class*='vits-product-card'] .product-price,
.vits-product-list.view-list [class*='vits-product-card'] .product-actions {
  position: relative;
  display: flex;
  place-self: stretch;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.vits-product-list.view-list [class*='vits-product-card'] .product-price::before,
.vits-product-list.view-list [class*='vits-product-card'] .product-actions::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -20.5px;
  width: 1px;
  content: '';
  background: #dadada;
}
.vits-product-list.view-list [class*='vits-product-card'] .product-price {
  flex-direction: column;
}
.vits-product-list.view-list [class*='vits-product-card'] .product-summary {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.125rem;
  padding: 0.5rem 1rem 0;
}
.vits-product-list.view-list [class*='vits-product-card'] .product-extra {
  flex-direction: row;
  gap: 0.25rem;
  align-self: flex-end;
  padding: 0 1rem 1rem 1rem;
}
.vits-product-list.view-list [class*='vits-product-card'] .product-extra .vits-product-promo-badge.is-free-ship {
  height: 1.25rem;
  font-size: 0.625rem;
}
.vits-product-list.view-list
  [class*='vits-product-card']
  .product-extra
  .vits-product-promo-badge.is-free-ship::before {
  width: 1.25rem;
  height: 1.25rem;
}
.vits-product-list.view-list [class*='vits-product-card'].is-member .product-body {
  grid-template: 'meta    price actions' auto 'summary price actions' auto 'code    price actions' auto 'extra   price actions' 1fr/35.51% 29.23% 24.1%;
  -moz-column-gap: 41px;
  column-gap: 41px;
}
.vits-product-list.view-list [class*='vits-product-card'].is-member .product-actions {
  grid-area: actions;
}
.vits-product-list.view-list [class*='vits-product-card'].is-member .product-meta {
  grid-area: meta;
}
.vits-product-list.view-list [class*='vits-product-card'].is-member .product-summary {
  grid-area: summary;
}
.vits-product-list.view-list [class*='vits-product-card'].is-member .product-code {
  grid-area: meta;
}
.vits-product-list.view-list [class*='vits-product-card'].is-member .product-price {
  grid-area: price;
}
.vits-product-list.view-list [class*='vits-product-card'].is-member .product-extra {
  grid-area: extra;
}
.vits-product-list.view-list [class*='vits-product-card'].is-guest .product-body {
  grid-template-rows: auto auto auto 1fr;
  grid-template-columns: 35.51% 29.23% 24.1%;
  -moz-column-gap: 41px;
  column-gap: 41px;
}
.vits-product-list.view-list [class*='vits-product-card'].is-guest .product-meta {
  grid-area: 1/1;
}
.vits-product-list.view-list [class*='vits-product-card'].is-guest .product-summary {
  grid-area: 2/1;
}
.vits-product-list.view-list [class*='vits-product-card'].is-guest .product-code {
  grid-area: 1/1;
  place-self: start end;
}
.vits-product-list.view-list [class*='vits-product-card'].is-guest .product-extra {
  grid-area: 4/1;
}
.vits-product-list.view-list [class*='vits-product-card'].is-guest .product-price {
  grid-row: 1/5;
  grid-column: 2/4;
  align-items: flex-end;
}
.vits-product-list.view-list [class*='vits-product-card'].is-guest .product-price .product-price-alt.is-guest {
  width: 45.19%;
}
.vits-product-list.view-list [class*='vits-product-card'].is-guest .product-price .product-price-alt.is-guest,
.vits-product-list.view-list [class*='vits-product-card'].is-guest .product-price .price-guest-text {
  align-items: center;
}
.vits-product-list.view-list[data-context='frequent'] .vits-product-list-items {
  gap: 2rem;
}
.vits-product-list.view-list[data-context='frequent'] .vits-product-item {
  padding: 0;
  border-bottom: 0;
}
.vits-product-list.view-list[data-context='frequent'] .vits-product-item:first-of-type {
  border-top: 0;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-body {
  grid-template: 'meta    frequent aside' auto 'summary frequent aside' auto 'extra   frequent aside' 1fr/39.48% 21.86% 27.32%;
  -moz-column-gap: 41px;
  column-gap: 41px;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-thumb {
  flex-basis: 8.75rem;
  width: 8.75rem;
  height: 8.75rem;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-name {
  font-size: 0.875rem;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-aside {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  grid-area: aside;
  gap: 1.25rem;
  align-self: center;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-actions,
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-price {
  align-self: center;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-actions::before,
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-price::before {
  display: none;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-actions {
  gap: 0.5rem;
  justify-content: flex-end;
}
.vits-product-list.view-list[data-context='frequent']
  [class*='vits-product-card']
  .product-actions
  button[class*='product-action-'] {
  flex-basis: 1.5rem;
  width: 1.5rem;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-actions .ic {
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-actions .text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-price {
  align-items: flex-end;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-price .vits-price-box {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  justify-content: flex-end;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-meta {
  grid-area: meta;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-summary {
  grid-area: summary;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-code {
  grid-area: meta;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-spec {
  font-size: 0.75rem;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-frequent {
  display: flex;
  flex-flow: column-reverse nowrap;
  align-items: center;
  justify-content: center;
  position: relative;
  grid-area: frequent;
  gap: 0.5rem;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-frequent-count {
  width: 100%;
  font-size: 0.875rem;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-frequent::before,
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-frequent::after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  content: '';
  background: #dadada;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-frequent::before {
  left: -20.5px;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-frequent::after {
  right: -20.5px;
}
.vits-product-list.view-list[data-context='frequent'] [class*='vits-product-card'] .product-extra {
  margin-top: 0.75rem;
}
.vits-swiper.js-swiper:has(.vits-product-card-swiper) .swiper-slide,
.vits-swiper.js-swiper:has(.vits-base-swiper-card) .swiper-slide {
  padding: 6px 6px 16px;
  cursor: default;
}
.vits-swiper.js-swiper:has(.vits-product-card-swiper) {
  padding-bottom: 2.5rem;
  margin-bottom: -3.5rem;
}
.vits-product-list.view-thumb [class*='vits-product-card'].vits-product-card-swiper,
.vits-product-list.view-thumb [class*='vits-product-card'].vits-base-swiper-card,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-product-card-swiper,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-base-swiper-card {
  position: relative;
  gap: 0.5rem;
  height: auto;
}
.vits-product-list.view-thumb [class*='vits-product-card'].vits-product-card-swiper .product-body,
.vits-product-list.view-thumb [class*='vits-product-card'].vits-base-swiper-card .product-body,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-product-card-swiper .product-body,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-base-swiper-card .product-body {
  grid-template-areas: 'meta code' 'summary summary' 'price price' 'extra extra';
  gap: 0.25rem;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.vits-product-list.view-thumb [class*='vits-product-card'].vits-product-card-swiper .product-name,
.vits-product-list.view-thumb [class*='vits-product-card'].vits-base-swiper-card .product-name,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-product-card-swiper .product-name,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-base-swiper-card .product-name {
  font-size: 0.875rem;
}
.vits-product-list.view-thumb [class*='vits-product-card'].vits-product-card-swiper .product-spec,
.vits-product-list.view-thumb [class*='vits-product-card'].vits-base-swiper-card .product-spec,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-product-card-swiper .product-spec,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-base-swiper-card .product-spec {
  margin-top: 0.125rem;
  font-size: 0.75rem;
}
.vits-product-list.view-thumb
  [class*='vits-product-card'].vits-product-card-swiper
  .product-price
  [class*='price-guest-text-'],
.vits-product-list.view-thumb
  [class*='vits-product-card'].vits-base-swiper-card
  .product-price
  [class*='price-guest-text-'],
.vits-product-list.view-thumb
  .vits-base-swiper-card.vits-product-card-swiper
  .product-price
  [class*='price-guest-text-'],
.vits-product-list.view-thumb .vits-base-swiper-card.vits-base-swiper-card .product-price [class*='price-guest-text-'] {
  font-size: 0.75rem;
}
.vits-product-list.view-thumb [class*='vits-product-card'].vits-product-card-swiper .product-extra,
.vits-product-list.view-thumb [class*='vits-product-card'].vits-base-swiper-card .product-extra,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-product-card-swiper .product-extra,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-base-swiper-card .product-extra {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  grid-area: extra;
  gap: 0.5rem 0.25rem;
  margin-top: 0;
}
.vits-product-list.view-thumb
  [class*='vits-product-card'].vits-product-card-swiper
  .product-extra
  .vits-product-promo-badge.is-free-ship,
.vits-product-list.view-thumb
  [class*='vits-product-card'].vits-base-swiper-card
  .product-extra
  .vits-product-promo-badge.is-free-ship,
.vits-product-list.view-thumb
  .vits-base-swiper-card.vits-product-card-swiper
  .product-extra
  .vits-product-promo-badge.is-free-ship,
.vits-product-list.view-thumb
  .vits-base-swiper-card.vits-base-swiper-card
  .product-extra
  .vits-product-promo-badge.is-free-ship {
  height: 1.25rem;
  font-size: 0.625rem;
}
.vits-product-list.view-thumb
  [class*='vits-product-card'].vits-product-card-swiper
  .product-extra
  .vits-product-promo-badge.is-free-ship::before,
.vits-product-list.view-thumb
  [class*='vits-product-card'].vits-base-swiper-card
  .product-extra
  .vits-product-promo-badge.is-free-ship::before,
.vits-product-list.view-thumb
  .vits-base-swiper-card.vits-product-card-swiper
  .product-extra
  .vits-product-promo-badge.is-free-ship::before,
.vits-product-list.view-thumb
  .vits-base-swiper-card.vits-base-swiper-card
  .product-extra
  .vits-product-promo-badge.is-free-ship::before {
  width: 1.25rem;
  height: 1.25rem;
}
.vits-product-list.view-thumb [class*='vits-product-card'].vits-product-card-swiper:hover::after,
.vits-product-list.view-thumb [class*='vits-product-card'].vits-base-swiper-card:hover::after,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-product-card-swiper:hover::after,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-base-swiper-card:hover::after {
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -16px;
  left: -6px;
  z-index: 1;
  width: auto;
  height: auto;
  pointer-events: none;
  content: '';
  border-radius: 8px;
  box-shadow:
    inset 0 0 0 2px #e51e25,
    0 9px 21px 0 rgba(0, 0, 0, 0.1);
}
.vits-product-list.view-thumb [class*='vits-product-card'].vits-product-card-swiper:active::after,
.vits-product-list.view-thumb [class*='vits-product-card'].vits-base-swiper-card:active::after,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-product-card-swiper:active::after,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-base-swiper-card:active::after {
  z-index: -1;
  background-color: #fff0f1;
}
.vits-product-list.view-thumb [class*='vits-product-card'].vits-product-card-like .product-body,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-product-card-like .product-body {
  gap: 0.5rem;
}
.vits-product-list.view-thumb [class*='vits-product-card'].vits-product-card-like .product-spec,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-product-card-like .product-spec {
  margin-top: 0.125rem;
}
.vits-product-list.view-thumb [class*='vits-product-card'].vits-product-card-like .product-extra .vits-product-flags,
.vits-product-list.view-thumb [class*='vits-product-card'].vits-product-card-like .product-extra .vits-product-promo,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-product-card-like .product-extra .vits-product-flags,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-product-card-like .product-extra .vits-product-promo {
  margin-top: 0.25rem;
}
.vits-product-list.view-thumb
  [class*='vits-product-card'].vits-product-card-like
  .product-extra
  .vits-product-promo-badge.is-free-ship,
.vits-product-list.view-thumb
  .vits-base-swiper-card.vits-product-card-like
  .product-extra
  .vits-product-promo-badge.is-free-ship {
  height: 1.25rem;
  font-size: 0.625rem;
}
.vits-product-list.view-thumb
  [class*='vits-product-card'].vits-product-card-like
  .product-extra
  .vits-product-promo-badge.is-free-ship::before,
.vits-product-list.view-thumb
  .vits-base-swiper-card.vits-product-card-like
  .product-extra
  .vits-product-promo-badge.is-free-ship::before {
  width: 1.25rem;
  height: 1.25rem;
}
.vits-product-list.view-thumb [class*='vits-product-card'].vits-product-card-like .product-actions,
.vits-product-list.view-thumb .vits-base-swiper-card.vits-product-card-like .product-actions {
  margin-top: 0.25rem;
}
.vits-product-list.view-thumb .vits-base-swiper-card {
  background: rgba(0, 0, 0, 0);
}
.vits-product-list.view-thumb[data-swiper-type='slim']
  [class*='vits-product-card'].vits-product-card-swiper
  .product-body,
.vits-product-list.view-thumb[data-swiper-type='slim'] [class*='vits-product-card'].vits-base-swiper-card .product-body,
.vits-product-list.view-thumb[data-swiper-type='slim'] .vits-base-swiper-card.vits-product-card-swiper .product-body,
.vits-product-list.view-thumb[data-swiper-type='slim'] .vits-base-swiper-card.vits-base-swiper-card .product-body {
  gap: 0.5rem;
}
.vits-product-list.view-thumb[data-swiper-type='slim']
  [class*='vits-product-card'].vits-product-card-swiper
  .product-spec,
.vits-product-list.view-thumb[data-swiper-type='slim'] [class*='vits-product-card'].vits-base-swiper-card .product-spec,
.vits-product-list.view-thumb[data-swiper-type='slim'] .vits-base-swiper-card.vits-product-card-swiper .product-spec,
.vits-product-list.view-thumb[data-swiper-type='slim'] .vits-base-swiper-card.vits-base-swiper-card .product-spec {
  margin-top: 0.125rem;
}
.vits-product-list.view-thumb[data-swiper-type='slim']
  [class*='vits-product-card'].vits-product-card-swiper
  .product-extra,
.vits-product-list.view-thumb[data-swiper-type='slim']
  [class*='vits-product-card'].vits-base-swiper-card
  .product-extra,
.vits-product-list.view-thumb[data-swiper-type='slim'] .vits-base-swiper-card.vits-product-card-swiper .product-extra,
.vits-product-list.view-thumb[data-swiper-type='slim'] .vits-base-swiper-card.vits-base-swiper-card .product-extra {
  margin-top: 0;
}
.vits-product-list.view-thumb:has(.vits-product-card-like) .vits-checkbox-item .icon {
  width: 1.25rem;
  height: 1.25rem;
}
.vits-product-empty {
  padding-top: 2.25rem;
}
.vits-product-recommend {
  position: relative;
  max-width: 1432px;
  margin: 0 auto;
}
.vits-swiper {
  max-width: 1280px;
}
.vits-swiper.js-swiper .swiper-slide {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: center;
  height: auto;
  overflow: hidden;
  cursor: pointer;
  background-color: #fff;
  transition:
    border-color 0.2s ease,
    border-width 0.2s ease,
    box-shadow 0.2s ease,
    padding 0.5s ease;
}
.vits-swiper-navs div {
  background-image: none;
}
.vits-swiper-navs .swiper-button-prev,
.vits-swiper-navs .swiper-button-next {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  width: 2.25rem;
  height: 2.25rem;
  background-color: #fff;
  border: 1px solid #bebebe;
  border-radius: 2.875rem;
  box-shadow: 0 0.25rem 0.4375rem 0 rgba(0, 0, 0, 0.04);
  transition: border-color 0.2s ease;
  transform: translateY(-50%);
}
.vits-swiper-navs .swiper-button-prev:disabled,
.vits-swiper-navs .swiper-button-next:disabled {
  cursor: not-allowed;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-swiper-navs .swiper-button-prev:hover,
  .vits-swiper-navs .swiper-button-next:hover {
    border-color: #e51e25;
  }
}
.vits-swiper-navs .swiper-button-prev:active,
.vits-swiper-navs .swiper-button-next:active {
  background-color: #e51e25;
  border-color: #e51e25;
}
.vits-swiper-navs .swiper-button-prev::after,
.vits-swiper-navs .swiper-button-next::after {
  width: 1.25rem;
  height: 1.25rem;
  content: '';
  background-size: contain;
}
.vits-swiper-navs .swiper-button-prev.swiper-button-lock,
.vits-swiper-navs .swiper-button-next.swiper-button-lock {
  display: none !important;
}
.vits-swiper-navs .swiper-button-prev::after {
  background: #fff url(../../../../../resources/img/mro/renewal/ic/ic-arrow-left.svg) no-repeat center/contain;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-swiper-navs .swiper-button-prev:hover::after {
    background-color: #e51e25;
    background-image: none;
    -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-left.svg) no-repeat center/contain;
    mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-left.svg) no-repeat center/contain;
  }
}
.vits-swiper-navs .swiper-button-prev:active::after {
  background: #fff url(../../../../../resources/img/mro/renewal/ic/ic-arrow-left.svg) no-repeat center/contain;
  background-color: rgba(0, 0, 0, 0);
  filter: brightness(0) invert(1);
}
.vits-swiper-navs .swiper-button-next::after {
  background: #fff url(../../../../../resources/img/mro/renewal/ic/ic-arrow-right.svg) no-repeat center/contain;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-swiper-navs .swiper-button-next:hover::after {
    background-color: #e51e25;
    background-image: none;
    -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-right.svg) no-repeat center/contain;
    mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-right.svg) no-repeat center/contain;
  }
}
.vits-swiper-navs .swiper-button-next:active::after {
  background: #fff url(../../../../../resources/img/mro/renewal/ic/ic-arrow-right.svg) no-repeat center/contain;
  background-color: rgba(0, 0, 0, 0);
  filter: brightness(0) invert(1);
}
.vits-swiper-navs .swiper-button.swiper-button-disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.35;
}
.test-swiper {
  position: relative;
  padding: 2rem;
  overflow: hidden;
  background: #fee1e2;
  border-radius: 12px;
}
.test-swiper .swiper-slide {
  height: 400px;
}
.test-swiper .swiper-slide:nth-child(even) {
  background: red;
}
.test-swiper .swiper-slide:nth-child(odd) {
  background: green;
}
.vits-base-swiper {
  position: relative;
  width: 100%;
}
.vits-base-swiper-section {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
  padding: 2rem;
  background: #fee1e2;
  border-radius: 12px;
}
.vits-base-swiper-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-base-swiper-title .point-color,
.vits-base-swiper-title .primary {
  color: #e51e25;
}
.vits-base-swiper-card {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  height: 100%;
  padding: 0;
  background: #fff;
  border-radius: 12px;
}
.vits-base-swiper-card .product-thumb {
  width: 100%;
}
.vits-base-swiper-card .product-body {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.125rem;
  width: 100%;
  padding: 0 0.75rem;
}
.vits-base-swiper-card .product-meta {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.vits-base-swiper-card .product-code {
  margin-left: auto;
}
.vits-base-swiper-card .product-code::before {
  display: none;
}
.vits-base-swiper-card .product-model {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  flex: 1;
}
.vits-base-swiper-card .product-spec {
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 0.125rem;
}
.vits-base-swiper-card .product-price {
  margin-top: 0.125rem;
}
.vits-base-swiper-card .product-extra {
  margin-top: 0.25rem;
}
.vits-base-swiper-card.swiper-boxed {
  padding: 0.5rem;
}
.vits-base-swiper-card .product-thumb {
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
  background: #dadada;
  border-radius: 12px;
}
.vits-base-swiper-card .product-thumb img {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #dadada;
}
.vits-base-swiper-card .product-thumb img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vits-base-swiper-card .product-thumb img img {
  background-color: #fff;
}
.vits-base-swiper-card .product-frequent-count {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
  height: 1.75rem;
  padding: 0 0.5rem;
  background: #edf1fd;
  border-radius: 4px;
}
.vits-base-swiper-card .product-frequent-date {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #8ba7ec;
  letter-spacing: 0;
}
.vits-base-swiper-card .product-code {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  min-width: 0;
  line-height: 1.2;
}
.vits-base-swiper-card .product-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
}
.vits-base-swiper-card .product-actions button[class*='product-action-'] {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #bebebe;
}
.vits-base-swiper-card .product-actions button[class*='product-action-']:disabled {
  cursor: not-allowed;
}
.vits-base-swiper-card .product-actions button[class*='product-action-'] .ic {
  display: block;
  background-color: currentcolor;
  -webkit-mask: no-repeat center/contain;
  mask: no-repeat center/contain;
  transition: color 0.3s;
}
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-like'] .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart.svg);
}
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-like']:active .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart-fill.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart-fill.svg);
}
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-like'].active .ic {
  color: #e51e25;
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart-fill.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart-fill.svg);
}
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-cart'] .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-bag.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-bag.svg);
}
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-cart']:active .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-bag-on.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-bag-on.svg);
}
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-cart'].active .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-bag-on.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-bag-on.svg);
}
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-compare'] .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-compare.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-compare.svg);
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-compare']:hover {
    color: #444;
  }
  .vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-compare']:hover .text {
    color: #444;
  }
}
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-compare']:focus-visible,
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-compare']:active {
  color: #444;
}
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-compare']:focus-visible .text,
.vits-base-swiper-card .product-actions button[class*='product-action-'][class*='-compare']:active .text {
  color: #444;
}
.vits-base-swiper-card .product-actions button[class*='product-action-']:not([class*='-compare']):hover {
  color: #444;
}
.vits-base-swiper-card .product-actions button[class*='product-action-']:not([class*='-compare']):active {
  color: #e51e25;
}
.vits-base-swiper-card .product-actions button[class*='product-action-']:not([class*='-compare']):active .text {
  color: #e51e25 !important;
}
.vits-base-swiper-card .product-brand {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-base-swiper-card .product-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vits-base-swiper-card .product-spec {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 0.25rem;
}
.vits-base-swiper-card .product-price .price-origin-label {
  font-family: 'PretendardGOV', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  text-decoration: line-through;
  text-decoration-line: line-through;
}
.vits-base-swiper-card .product-price .price-sale-row {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0 0.25rem;
}
.vits-base-swiper-card .product-price .price-sale-row .price-rate {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-base-swiper-card .product-price .price-sale-row .price-sale {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-base-swiper-card .product-price .product-price-alt.is-soldout {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #f88d90;
  letter-spacing: 0;
}
.vits-base-swiper-card .product-price .product-price-alt.is-guest {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-text {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.125rem;
}
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-text-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
}
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-text-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-text-desc strong {
  font-weight: 600;
}
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-action {
  width: 100%;
}
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-action .price-login-button {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  border: 1px solid #bebebe;
  gap: 0.625rem;
  width: 100%;
  height: 2.125rem;
  padding: 0 0.5rem;
  border-radius: 4px;
}
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-action .price-login-button:disabled {
  cursor: not-allowed;
}
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-action .price-login-button .icon {
  width: 1rem;
  height: 1rem;
  color: #444;
}
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-action .price-login-button .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-action .price-login-button .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-base-swiper-card .product-price .product-price-alt.is-guest .price-guest-action .price-login-button:hover {
    background-color: #f0f0f0;
    border-color: #1b1b1b;
  }
  .vits-base-swiper-card
    .product-price
    .product-price-alt.is-guest
    .price-guest-action
    .price-login-button:hover
    .text {
    color: #1b1b1b;
  }
}
.vits-base-swiper-card .product-extra {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.125rem;
}
.vits-base-swiper-container.vits-swiper.js-swiper {
  flex-flow: row nowrap;
}
.vits-base-swiper-container.vits-swiper.js-swiper .vits-base-swiper-slide {
  background: #fff;
  border-radius: 8px;
}
.vits-base-swiper-container.vits-swiper.js-swiper .vits-base-swiper-slide:hover .vits-base-swiper-card::after {
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -16px;
  left: -6px;
  z-index: 1;
  width: auto;
  height: auto;
  pointer-events: none;
  content: '';
  border-radius: 8px;
  box-shadow: inset 0 0 0 2px #e51e25;
}
.vits-base-swiper-container.vits-swiper.js-swiper .vits-base-swiper-slide:hover .vits-base-swiper-card:active::after {
  z-index: -1;
  background-color: #fff0f1;
}
.vits-base-swiper-container.vits-swiper.js-swiper .vits-base-swiper-card {
  position: relative;
  flex-direction: column;
  gap: 0.5rem;
  height: 100%;
}
.vits-base-swiper-container.vits-swiper.js-swiper .vits-base-swiper-card .product-thumb {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
}
.vits-base-swiper-container.vits-swiper.js-swiper .vits-base-swiper-card .product-body {
  gap: 0.5rem;
}
.vits-base-swiper-container.vits-swiper.js-swiper .vits-base-swiper-card .product-body > div {
  width: 100%;
}
.vits-base-swiper-container.vits-swiper.js-swiper .vits-base-swiper-card .product-model {
  color: #bebebe;
}
.vits-base-swiper-container.vits-swiper.js-swiper .vits-base-swiper-card .product-code {
  padding-top: 0.125rem;
}
.vits-base-swiper-container.vits-swiper.js-swiper .vits-base-swiper-card .product-name {
  font-size: 0.875rem;
}
.vits-base-swiper-container.vits-swiper.js-swiper .vits-base-swiper-card .product-spec {
  margin-top: 0.125rem;
  font-size: 0.75rem;
}
.vits-base-swiper-container.vits-swiper.js-swiper .vits-base-swiper-card .product-price [class*='price-guest-text-'] {
  font-size: 0.75rem;
}
.vits-base-swiper-container.vits-swiper.js-swiper .vits-base-swiper-card .product-price .price-login-button {
  width: 100%;
}
.vits-base-swiper-container.vits-swiper.js-swiper .vits-base-swiper-card .product-price .price-login-button .text {
  font-size: 0.75rem;
}
.vits-base-swiper-container.vits-swiper.js-swiper .vits-base-swiper-card .product-extra {
  gap: 0.5rem 0.25rem;
  margin-top: 0;
}
.vits-base-swiper-container.vits-swiper.js-swiper
  .vits-base-swiper-card
  .product-extra
  .vits-product-promo-badge.is-free-ship {
  height: 1.25rem;
  font-size: 0.625rem;
}
.vits-base-swiper-container.vits-swiper.js-swiper
  .vits-base-swiper-card
  .product-extra
  .vits-product-promo-badge.is-free-ship::before {
  width: 1.25rem;
  height: 1.25rem;
}
.vits-base-swiper-container.vits-swiper.js-swiper .vits-base-swiper-card.is-guest {
  padding: 0.5rem;
}
.vits-base-swiper-container.vits-swiper.js-swiper + .vits-base-swiper-navs [class*='vits-base-swiper'] {
  top: 41.19%;
  width: 2.75rem;
  height: 2.75rem;
  transform: translateY(0);
}
.vits-base-swiper-container.vits-swiper.js-swiper + .vits-base-swiper-navs .vits-base-swiper-prev {
  left: -19px;
}
.vits-base-swiper-container.vits-swiper.js-swiper + .vits-base-swiper-navs .vits-base-swiper-next {
  right: -19px;
}
@media screen and (max-width: 1279px) {
  .vits-wrapper-product {
    min-width: 1024px;
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
  .vits-wrapper-product .vits-deal-gallery {
    max-width: 400px;
  }
  .vits-wrapper-product .vits-deal-gallery .pd-gallery {
    max-width: 400px;
  }
  .vits-wrapper-product .vits-deal-gallery .pd-gallery .pd-main-swiper {
    height: 400px;
  }
  .vits-wrapper-product .vits-deal-gallery .pd-gallery .pd-thumbs-area {
    height: 40px !important;
  }
  .vits-wrapper-product .vits-deal-gallery .pd-gallery .pd-thumbs-area .pd-thumb,
  .vits-wrapper-product .vits-deal-gallery .pd-gallery .pd-thumbs-area .pd-thumbs-swiper,
  .vits-wrapper-product .vits-deal-gallery .pd-gallery .pd-thumbs-area .swiper-wrapper {
    height: 40px !important;
  }
  .vits-wrapper-product .vits-deal-gallery .pd-gallery .pd-thumbs-area .pd-thumb {
    width: 40px !important;
  }
  .vits-wrapper-product .vits-deal-gallery .vits-description-btn {
    width: auto;
    padding: 0.875rem 2.125rem;
  }
  .vits-wrapper-product .vits-product-recommend .vits-banner-swiper {
    min-width: 1024px;
  }
  .vits-wrapper-product .tab-show-price .info-inner li:first-child {
    width: 40%;
  }
  .vits-wrapper-product .tab-show-price .info-inner li:last-child {
    width: 60%;
  }
}
.vits-wrapper-product em {
  font-style: normal;
}
.vits-wrapper-product .icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-wrapper-product .vits-top-entry {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
  max-width: 1280px;
  padding: 1.375rem 0 0.9375rem;
  margin: 0 auto;
}
.vits-wrapper-product .vits-top-entry .vits-product-code {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-wrapper-product .vits-top-entry .vits-product-code .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-wrapper-product .vits-top-entry .vits-product-code .icon {
  color: #bebebe;
}
.vits-product-detail-container {
  padding-top: 0.625rem;
}
.vits-product-detail-container.is-sold-out .vits-deal-gallery .pd-gallery .pd-gallery-main::before,
.vits-product-detail-container.is-sold-out .vits-deal-gallery .pd-gallery .pd-gallery-thumbs .pd-thumb::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  letter-spacing: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(2px);
}
.vits-product-detail-container.is-sold-out .vits-deal-gallery .pd-gallery .pd-gallery-main::before {
  content: '일시품절';
  border-radius: 12px;
}
.vits-product-detail-container.is-sold-out
  .vits-deal-gallery
  .pd-gallery
  .pd-gallery-thumbs
  .pd-thumbs-area:hover
  .pd-thumb-nav {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
.vits-product-detail-container.is-sold-out .vits-deal-gallery .pd-gallery .pd-gallery-thumbs .pd-thumb {
  pointer-events: none;
}
.vits-product-detail-container.is-sold-out .vits-deal-gallery .pd-gallery .pd-gallery-thumbs .pd-thumb::before {
  content: '';
  border-radius: 4px;
}
.vits-deal-view {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 54px;
}
@media screen and (min-width: 1280px) {
  .vits-deal-view {
    min-width: 1024px;
    max-width: 1280px;
    margin: 0 auto;
  }
}
.vits-deal-gallery .pd-gallery {
  position: relative;
  width: 100%;
  max-width: 596px;
  background: #fff;
}
.vits-deal-gallery .pd-gallery-main {
  position: relative;
  display: block;
}
.vits-deal-gallery .pd-nav {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 44px;
  height: 64px;
  pointer-events: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.35);
  border: 0;
  opacity: 0;
  transform: translateY(-50%);
}
.vits-deal-gallery .pd-nav-prev {
  left: 0;
}
.vits-deal-gallery .pd-nav-next {
  right: 0;
}
.vits-deal-gallery .pd-nav.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.2;
}
.vits-deal-gallery .pd-zoom {
  position: absolute;
  top: 0;
  left: calc(100% + 16px);
  z-index: 10;
  display: none;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 12px;
}
.vits-deal-gallery .pd-zoom.is-on {
  display: block;
}
.vits-deal-gallery .pd-zoom img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: 1/1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.vits-deal-gallery .pd-gallery-thumbs {
  display: block;
  width: 100%;
  padding-top: 1.25rem;
}
.vits-deal-gallery .pd-thumb-nav {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 32px;
  height: 32px;
  pointer-events: none;
  cursor: pointer;
  background: #fff0f1;
  border: 0;
  opacity: 0;
  transition: opacity 0.3s;
  transform: translateY(-50%);
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-deal-gallery .pd-thumb-nav:hover {
    opacity: 1;
  }
}
.vits-deal-gallery .pd-thumb-nav:focus-visible,
.vits-deal-gallery .pd-thumb-nav:active {
  opacity: 1;
}
.vits-deal-gallery .pd-thumb-nav.is-disabled {
  pointer-events: none;
  filter: invert(1);
}
.vits-deal-gallery .pd-thumb-nav.pd-thumb-prev {
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0;
  background: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-left.svg) 50% 50% no-repeat;
}
.vits-deal-gallery .pd-thumb-nav.pd-thumb-next {
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0;
  background: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-right.svg) 50% 50% no-repeat;
}
.vits-deal-gallery .pd-thumbs-area {
  position: relative;
  width: 100%;
  height: 60px;
}
.vits-deal-gallery .pd-thumbs-area:hover .pd-thumb-nav,
.vits-deal-gallery .pd-thumbs-area:focus-within .pd-thumb-nav {
  pointer-events: auto;
  opacity: 1;
}
.vits-deal-gallery .pd-thumbs-swiper {
  position: relative;
  width: auto;
  height: 60px;
  margin: 0 2.09375rem;
}
.vits-deal-gallery .pd-thumbs-swiper .swiper-wrapper {
  align-items: stretch;
  justify-content: flex-start;
  height: 60px;
}
.vits-deal-gallery .pd-thumbs-swiper .swiper-slide {
  height: 60px;
}
.vits-deal-gallery .pd-thumbs-swiper .swiper-slide .thumb-label {
  padding: 0 0.375rem;
  font-size: 0.625rem;
  font-weight: 100;
  color: #fff;
  background-color: #444;
  border-radius: 4px;
  opacity: 0.6;
  position: absolute;
  top: 3px;
  right: 2.5px;
}
.vits-deal-gallery .pd-thumb {
  width: 60px !important;
  height: 60px !important;
  overflow: hidden;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 4px;
  opacity: 0.3;
  transition: opacity 0.3s;
}
.vits-deal-gallery .pd-thumb.is-active {
  opacity: 1;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-deal-gallery .pd-thumb:hover {
    opacity: 1;
  }
}
.vits-deal-gallery .pd-thumb:focus-visible,
.vits-deal-gallery .pd-thumb:active {
  opacity: 1;
}
.vits-deal-gallery .pd-thumb img {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
}
.vits-deal-gallery .pd-thumb .pd-thumb-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-weight: 600;
  color: #444;
  background: #fafafa;
}
.vits-deal-gallery .pd-main-swiper {
  position: relative;
  width: 100%;
  height: 596px;
  aspect-ratio: 1/1;
  overflow: hidden;
  background: #fff;
  border: 1px solid #f3f3f3;
  border-radius: 12px;
}
.vits-deal-gallery .pd-main-swiper .pd-nav {
  display: none !important;
}
.vits-deal-gallery .pd-main-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
  object-fit: contain;
}
.vits-deal-gallery .pd-main-swiper .swiper-slide .pd-iframe {
  width: 100%;
  height: 100%;
}
.vits-deal-gallery .pd-main-swiper .swiper-slide .pd-iframe iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.vits-deal-gallery .pd-main-swiper:hover .pd-nav,
.vits-deal-gallery .pd-main-swiper:focus-within .pd-nav {
  pointer-events: auto;
  opacity: 1;
}
@media (width <= 1100px) {
  .vits-deal-gallery .pd-zoom {
    display: none !important;
  }
}
.vits-deal-gallery .vits-description-box {
  padding: 1.25rem 2.0625rem 0.875rem;
}
.vits-deal-gallery .vits-description-box .vits-scrollbar {
  height: 120px;
  padding: 0.75rem 1rem;
  overflow-y: auto;
  border-radius: 4px;
  border: 1px solid #dadada;
}
.vits-deal-gallery .vits-description-box .vits-scrollbar .content-text {
  white-space: pre-line;
}
.vits-deal-gallery .vits-description-btn {
  gap: 0.75rem;
  width: 530px;
  padding: 0.875rem 6.25rem 0;
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: center;
}
.vits-deal-gallery .vits-description-btn .btn-catalog,
.vits-deal-gallery .vits-description-btn .btn-inquiry {
  flex-grow: 1;
  width: 50%;
  min-width: 0;
}
.vits-deal-gallery .vits-description-btn .btn-catalog button,
.vits-deal-gallery .vits-description-btn .btn-inquiry button {
  gap: 0.25rem;
  width: 100%;
  padding: 0 1.75rem;
  border-radius: 4px;
}
.vits-deal-info {
  position: relative;
  flex: 1;
}
.vits-deal-info .vits-deal-info-inner .info-inner {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
}
.vits-deal-info .product-brand-name {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 1rem;
}
.vits-deal-info .product-brand-name .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  line-height: normal;
}
.vits-deal-info .product-select-buttons {
  gap: 0.5rem;
  padding-bottom: 1.25rem;
}
.vits-deal-info .product-select-buttons .vits-btn-login {
  padding: 0;
  padding-top: 1.25rem;
}
.vits-deal-info .product-select-buttons .vits-btn-login .vits-btn-xxl {
  width: 100%;
}
.vits-deal-info .product-select-buttons .vits-btn-login .text {
  font-weight: 700;
  text-align: center;
}
.vits-deal-info .product-select-buttons .vits-btn-option {
  padding: 0;
}
.vits-deal-info .product-select-buttons .vits-btn-option .vits-btn-xl {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  justify-content: space-between;
  width: 100%;
  padding-left: 1.25rem;
  border-radius: 4px;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-deal-info .product-select-buttons .vits-btn-option .vits-btn-xl:hover {
    color: #444;
    background-color: #dadada;
    border-color: #444;
  }
  .vits-deal-info .product-select-buttons .vits-btn-option .vits-btn-xl:hover .icon {
    color: #444;
  }
  .vits-deal-info .product-select-buttons .vits-btn-option .vits-btn-xl:hover:active {
    color: #fff;
    background-color: #444;
    border-color: #444;
  }
  .vits-deal-info .product-select-buttons .vits-btn-option .vits-btn-xl:hover:active .icon {
    color: #fff;
  }
}
.vits-deal-info .product-select-buttons .vits-btn-option .vits-btn-xl:focus-visible,
.vits-deal-info .product-select-buttons .vits-btn-option .vits-btn-xl:active {
  color: #444;
  background-color: #dadada;
  border-color: #444;
}
.vits-deal-info .product-select-buttons .vits-btn-option .vits-btn-xl:focus-visible .icon,
.vits-deal-info .product-select-buttons .vits-btn-option .vits-btn-xl:active .icon {
  color: #444;
}
.vits-deal-info .product-select-buttons .vits-btn-option .vits-btn-xl:focus-visible:active,
.vits-deal-info .product-select-buttons .vits-btn-option .vits-btn-xl:active:active {
  color: #fff;
  background-color: #444;
  border-color: #444;
}
.vits-deal-info .product-select-buttons .vits-btn-option .vits-btn-xl:focus-visible:active .icon,
.vits-deal-info .product-select-buttons .vits-btn-option .vits-btn-xl:active:active .icon {
  color: #fff;
}
.vits-deal-info .product-select-unit {
  padding: 1.25rem;
  border-top: 1px solid #dadada;
}
.vits-deal-info .product-select-unit .info-inner li {
  width: 100%;
}
.vits-deal-info .product-select-unit .vits-input-unit {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  padding: 0.375rem 0;
}
.vits-deal-info .product-select-unit .vits-input-unit .input-label {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-deal-info .product-select-unit .vits-input-unit .input-label .text {
  flex: 1;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-deal-info .product-select-unit .vits-input-unit .input-label .input-unit {
  display: flex;
  flex-flow: row nowrap;
  align-items: baseline;
  justify-content: space-between;
  border: 1px solid #bebebe;
  position: relative;
  box-sizing: border-box;
  min-width: 186px;
  height: 2.75rem;
  padding: 0.625rem 0.75rem;
  border-radius: 4px;
}
.vits-deal-info .product-select-unit .vits-input-unit .input-label .input-unit em {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  flex-shrink: 0;
  font-style: normal;
}
.vits-deal-info .product-select-unit .vits-input-unit .input-label .input-unit input[type='text'] {
  flex-grow: 1;
  min-width: 0;
  height: auto;
  padding-right: 0.25rem;
  margin-right: 0;
  font-size: 1rem;
  line-height: 1.3;
  text-align: right;
  border: 0;
}
.vits-deal-info .product-select-unit .vits-input-unit .input-label .input-unit input[type='text']::-moz-placeholder {
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.vits-deal-info .product-select-unit .vits-input-unit .input-label .input-unit input[type='text']::placeholder {
  transition: opacity 0.2s;
}
.vits-deal-info
  .product-select-unit
  .vits-input-unit
  .input-label
  .input-unit
  input[type='text']:focus::-moz-placeholder {
  opacity: 0;
}
.vits-deal-info .product-select-unit .vits-input-unit .input-label .input-unit input[type='text']:focus::placeholder {
  opacity: 0;
}
.vits-deal-info .product-select-unit .vits-input-unit .vits-btn-lg {
  min-width: auto;
  height: 2.75rem;
  padding: 0.75rem 2.25rem;
  background-color: #767676;
  border-color: #767676;
  border-radius: 4px;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-deal-info .product-select-unit .vits-input-unit .vits-btn-lg:hover {
    background-color: #5c5c5c;
    border-color: #5c5c5c;
  }
}
.vits-deal-info .product-select-unit .vits-input-unit .vits-btn-lg:focus-visible,
.vits-deal-info .product-select-unit .vits-input-unit .vits-btn-lg:active {
  background-color: #5c5c5c;
  border-color: #5c5c5c;
}
.vits-deal-info .product-select-quick {
  position: relative;
  padding: 1.25rem 0;
  border-top: 1px solid #dadada;
}
.vits-deal-info .product-select-quick .title {
  padding-bottom: 1.25rem;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-deal-info .product-select-quick .radio-item {
  padding-left: 0.5rem;
}
.vits-deal-info .product-select-quick .vits-btn-xs {
  gap: 0.125rem;
  border-radius: 4px;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-deal-info .product-select-quick .vits-btn-xs.unit-price-info:hover {
    color: #e51e25;
    background-color: rgba(0, 0, 0, 0);
    border-color: #e51e25 !important;
  }
  .vits-deal-info .product-select-quick .vits-btn-xs.unit-price-info:hover .icon {
    color: #e51e25;
  }
}
.vits-deal-info .product-select-quick .vits-btn-xs.unit-price-info:focus-visible,
.vits-deal-info .product-select-quick .vits-btn-xs.unit-price-info:active {
  color: #e51e25;
  background-color: rgba(0, 0, 0, 0);
  border-color: #e51e25 !important;
}
.vits-deal-info .product-select-quick .vits-btn-xs.unit-price-info:focus-visible .icon,
.vits-deal-info .product-select-quick .vits-btn-xs.unit-price-info:active .icon {
  color: #e51e25;
}
.vits-deal-info .product-select-quick .vits-btn-xs .text {
  font-weight: 600;
}
.vits-deal-info .product-select-quick .unit-price-info-hover {
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 1;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  transform: translateY(0.25rem);
}
.vits-deal-info .product-select-quick .unit-price-info-hover .unit-price-info-inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 13.9375rem;
  padding: 1rem;
  margin-top: 0.625rem;
  background-color: #fff;
  border: 1px solid #bebebe;
  border-radius: 8px;
  box-shadow: 0 0.5625rem 1.3125rem 0 rgba(0, 0, 0, 0.1);
}
.vits-deal-info .product-select-quick .unit-price-info-hover .unit-price-info-inner .list-inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-deal-info .product-select-quick .unit-price-info-hover .unit-price-info-inner .list-inner .list-item {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-deal-info .product-select-quick .unit-price-info-hover .unit-price-info-inner .list-inner .list-item span {
  font-weight: 600;
}
.vits-deal-info .product-select-quick .unit-price-info-hover .unit-price-info-inner .list-inner .list-item::before {
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  margin-right: 0.5rem;
  vertical-align: middle;
  content: '';
  background-color: #dadada;
  border-radius: 50%;
}
.vits-deal-info .product-select-quick:has(.unit-price-info:hover) .unit-price-info-hover,
.vits-deal-info .product-select-quick:has(.unit-price-info:focus-visible) .unit-price-info-hover,
.vits-deal-info .product-select-quick:has(.unit-price-info:active) .unit-price-info-hover {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.vits-deal-info .product-select-quick:has(.unit-price-info-hover:hover) .unit-price-info-hover,
.vits-deal-info .product-select-quick:has(.unit-price-info-hover:focus-visible) .unit-price-info-hover,
.vits-deal-info .product-select-quick:has(.unit-price-info-hover:active) .unit-price-info-hover {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.vits-deal-info .product-select-result {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-deal-info .product-select-result .select-result-item {
  position: relative;
  padding: 1.25rem;
  background-color: #f0f0f0;
  border-radius: 4px;
}
.vits-deal-info .product-select-result .vits-btn-close {
  position: absolute;
  top: 6px;
  right: 6px;
}
.vits-deal-info .product-select-result .vits-btn-close.icon {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.vits-deal-info .product-select-result .vits-btn-close.icon .ic {
  width: 1.125rem;
  height: 1.125rem;
}
.vits-deal-info .product-select-result .vits-btn-close.icon .ic .ic {
  width: 100%;
  height: 100%;
}
.vits-deal-info .product-select-result .prd-code {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-deal-info .product-select-result .prd-name {
  padding: 0.5rem 0;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-deal-info .product-select-result .prd-size {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
}
.vits-deal-info .product-select-result .prd-group-row {
  padding-top: 1rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: space-between;
}
.vits-deal-info .product-select-result .prd-group-row .vits-count-box {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  max-width: 20.625rem;
}
.vits-deal-info .product-select-result .prd-group-row .prd-single-price {
  flex: 1;
  text-align: right;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-deal-info .product-select-result .prd-group-row .prd-single-price .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-deal-info .product-select-result .prd-group-row .prd-single-price .price {
  max-width: 8.4375rem;
  padding-left: 0.5rem;
}
.vits-deal-info .product-total-price {
  padding: 2rem 0;
}
.vits-deal-info .product-total-price .price-summary {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.vits-deal-info .product-total-price .price-info .price-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-deal-info .product-total-price .price-result {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  row-gap: 0.5rem;
  text-align: right;
}
.vits-deal-info .product-total-price .price-result .discount-info {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
  display: inline-flex;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 0.25rem;
}
.vits-deal-info .product-total-price .price-result .discount-info .icon {
  width: 1.5rem;
  height: 1.5rem;
}
.vits-deal-info .product-total-price .price-result .discount-info .icon .ic {
  width: 1.5rem;
  height: 1.5rem;
}
.vits-deal-info .product-total-price .price-result .discount-info .icon .ic .ic {
  width: 100%;
  height: 100%;
}
.vits-deal-info .product-total-price .price-result .total-price {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-deal-info .product-total-price .price-result .total-price .price-quantity {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-deal-info .product-total-price .price-result .total-price .price {
  padding-left: 1.25rem;
}
.vits-deal-info .product-total-price .price-result .price-tax {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-deal-info .product-order-buttons {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-deal-info .product-order-buttons :is(.btn-buy, .btn-cart) {
  width: 100%;
}
.vits-deal-info .product-order-buttons :is(.btn-buy, .btn-cart) .vits-btn-xxl {
  width: 100%;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-deal-info .product-order-buttons .btn-cart button:hover {
    background-color: #f88d90;
  }
  .vits-deal-info .product-order-buttons .btn-cart button:hover .text {
    color: #fff;
  }
  .vits-deal-info .product-order-buttons .btn-cart button:hover:active {
    border: 2px solid #e51e25;
  }
  .vits-deal-info .product-order-buttons .btn-cart button:hover:active .text {
    color: #e51e25;
  }
}
.vits-deal-info .product-order-buttons .btn-cart button:focus-visible,
.vits-deal-info .product-order-buttons .btn-cart button:active {
  background-color: #f88d90;
}
.vits-deal-info .product-order-buttons .btn-cart button:focus-visible .text,
.vits-deal-info .product-order-buttons .btn-cart button:active .text {
  color: #fff;
}
.vits-deal-info .product-order-buttons .btn-cart button:focus-visible:active,
.vits-deal-info .product-order-buttons .btn-cart button:active:active {
  border: 2px solid #e51e25;
}
.vits-deal-info .product-order-buttons .btn-cart button:focus-visible:active .text,
.vits-deal-info .product-order-buttons .btn-cart button:active:active .text {
  color: #e51e25;
}
.vits-deal-info .product-order-buttons .btn-cart button.disabled {
  background-color: #f0f0f0;
}
.vits-deal-info .product-order-buttons .btn-cart button.disabled .text {
  color: #bebebe;
}
.vits-deal-info .product-price-info {
  padding: 1.25rem 0;
  border-top: 1px solid #dadada;
}
.vits-deal-info .product-price-info .original {
  text-decoration: line-through;
  font-family: 'PretendardGOV', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-deal-info .product-price-info .discount {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-deal-info .product-price-info .discount .discount-rate {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-deal-info .product-price-info .discount .discount-price {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-deal-info .product-price-info .delivery-benefit {
  padding-top: 0.625rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-deal-info .product-price-info .delivery-benefit .icon {
  width: 1.25rem;
  height: 1.25rem;
}
.vits-deal-info .product-price-info .delivery-benefit .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-deal-info .product-price-info .discount-coupon button {
  gap: 0.25rem;
  height: 2.75rem;
  padding: 0 1.75rem;
  color: #e51e25;
  border-color: #e51e25;
}
.vits-deal-info .product-price-info .discount-coupon button.disabled {
  color: #bebebe;
  pointer-events: none;
  cursor: not-allowed;
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}
.vits-deal-info .product-price-info .discount-coupon button.disabled .icon {
  color: #bebebe;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-deal-info .product-price-info .discount-coupon:hover button:not(.disabled) {
    background-color: #fff0f1;
  }
  .vits-deal-info .product-price-info .discount-coupon:hover:active button:not(.disabled) {
    color: #fff;
    background-color: #e51e25;
  }
  .vits-deal-info .product-price-info .discount-coupon:hover:active button:not(.disabled) .icon {
    color: #fff;
  }
}
.vits-deal-info .product-price-info .discount-coupon:focus-visible button:not(.disabled),
.vits-deal-info .product-price-info .discount-coupon:active button:not(.disabled) {
  background-color: #fff0f1;
}
.vits-deal-info .product-price-info .discount-coupon:focus-visible:active button:not(.disabled),
.vits-deal-info .product-price-info .discount-coupon:active:active button:not(.disabled) {
  color: #fff;
  background-color: #e51e25;
}
.vits-deal-info .product-price-info .discount-coupon:focus-visible:active button:not(.disabled) .icon,
.vits-deal-info .product-price-info .discount-coupon:active:active button:not(.disabled) .icon {
  color: #fff;
}
.vits-deal-info .product-price-info.is-guest .info-inner {
  justify-content: flex-end;
  text-align: right;
}
.vits-deal-info .product-price-info.is-guest .info-inner .original {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  text-decoration: none;
}
.vits-deal-info .product-name-info {
  padding-bottom: 1.25rem;
}
.vits-deal-info .product-name-info .info-inner li {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-deal-info .product-name-info .info-inner li .product-spec {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-bottom: 0.5rem;
}
.vits-deal-info .product-name-info .product-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  text-align: left;
}
.vits-deal-info .product-name-info .product-shipping-tags {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-deal-info .product-name-info .product-shipping-tags .vits-product-flags {
  gap: 0.25rem;
}
.vits-deal-info .product-name-info .like-btn {
  width: 3.25rem;
  height: 3.25rem;
  position: relative;
  display: block;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #5c5c5c;
  border-radius: 56px;
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
}
.vits-deal-info .product-name-info .like-btn .ic {
  width: 100%;
  height: 100%;
}
.vits-deal-info .product-name-info .like-btn .ic {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 2rem;
  transform: translate(-50%, -50%);
}
.vits-deal-info .product-name-info .like-btn .ic .ic {
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-deal-info .product-name-info .like-btn:hover {
    color: #e51e25;
    border-color: #e51e25;
  }
}
.vits-deal-info .product-name-info .like-btn:focus-visible,
.vits-deal-info .product-name-info .like-btn:active {
  color: #e51e25;
  border-color: #e51e25;
}
.vits-deal-info .product-name-info .like-btn.active {
  background-color: #e51e25;
  border-color: #e51e25;
}
.vits-deal-info .product-name-info .like-btn.active .ic {
  background-color: #fff;
}
.vits-deal-info .product-minidetail {
  padding: 1.25rem;
  border-top: 1px solid #dadada;
}
.vits-deal-info .product-minidetail .info-inner {
  flex-wrap: wrap;
  row-gap: 1rem;
}
.vits-deal-info .product-minidetail .info-inner li {
  gap: 0.625rem;
  width: auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: start;
  justify-content: flex-start;
}
.vits-deal-info .product-minidetail .info-inner li:nth-of-type(even) {
  width: 42%;
  padding-left: 2rem;
}
.vits-deal-info .product-minidetail .info-inner li:nth-of-type(odd) {
  width: 58%;
}
.vits-deal-info .product-minidetail .info-inner li:nth-of-type(odd) .value {
  min-width: 15.9375rem;
}
.vits-deal-info .product-minidetail .info-inner li:last-child {
  padding-bottom: 0;
}
.vits-deal-info .product-minidetail .label {
  min-width: 4.625rem;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-deal-info .product-minidetail .value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-deal-info .product-price-info.is-guest + .product-minidetail {
  border-bottom: 0;
}
.vits-deal-detail {
  padding: 4.75rem 0 0;
}
.vits-deal-detail .tab-section {
  padding-top: 3.25rem;
}
.vits-deal-detail .tab-section .section-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  max-width: 1280px;
  padding: 0.625rem 0 1.3125rem;
  margin: 0 auto;
}
.vits-deal-detail .tab-section ~ .tab-section {
  padding-top: 1.875rem;
}
.vits-deal-detail .tab-section .vits-more-view {
  position: relative;
  padding: 1.9375rem 0 8.5625rem;
  margin: 0rem auto 0;
  background-color: #fff;
}
.vits-deal-detail .tab-section .vits-more-view::before {
  position: absolute;
  bottom: 100%;
  display: block;
  width: 100%;
  height: 400px;
  pointer-events: none;
  content: '';
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 25.07%, rgba(255, 255, 255, 0.74) 65.58%, #fff 91.42%);
}
.vits-deal-detail .tab-section .vits-more-view button {
  padding: 0 3.78125rem;
  margin: 0 auto;
  font-weight: 500;
  color: #1b1b1b;
  border-radius: 12.5rem;
}
.vits-deal-detail .tab-section .section-content {
  max-width: 1280px;
  margin: 0 auto;
}
.vits-deal-detail .tab-section .section-content img {
  display: block;
  max-width: 700px;
  height: auto;
  margin: 0 auto;
}
.vits-deal-detail .tab-section .section-content .vits-img-detail {
  max-height: 1125px;
  overflow: hidden;
}
.vits-deal-detail .tab-section .section-content .vits-img-detail.is-open {
  max-height: 100%;
}
.vits-deal-detail .tab-section .section-content .vits-img-detail .video_box {
  padding-bottom: 3.125rem;
}
.vits-deal-detail .tab-section .section-content .vits-img-detail .video_box > h2 {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  padding-bottom: 0.5rem;
}
.vits-deal-detail .tab-section .section-content .vits-img-detail .img_line_prdc_first > h3 {
  padding-bottom: 0.5rem;
}
.vits-deal-detail .tab-section .section-content .vits-product-spec {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 3.5rem;
  border-top: 1px solid #dadada;
}
.vits-deal-detail .tab-section .section-content .vits-product-spec .vits-spec-table {
  width: 100%;
  table-layout: fixed;
}
.vits-deal-detail .tab-section .section-content .vits-product-spec .vits-spec-table th,
.vits-deal-detail .tab-section .section-content .vits-product-spec .vits-spec-table td {
  height: 2.75rem;
  padding-left: 1.25rem;
  text-align: left;
}
.vits-deal-detail .tab-section .section-content .vits-product-spec .vits-spec-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  width: 12.3125rem;
  background-color: #fafafa;
}
.vits-deal-detail .tab-section .section-content .vits-product-spec .vits-spec-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-deal-detail .tab-section .section-content .vits-product-spec.spec-col3 {
  width: 61.875rem;
  margin: 0 auto;
  border-top: 0;
}
.vits-deal-detail .tab-section .section-content .vits-product-spec.spec-col3 table th,
.vits-deal-detail .tab-section .section-content .vits-product-spec.spec-col3 table td {
  height: 1.625rem;
  border: 1px solid #f0f0f0;
  border-width: 1px 0;
}
.vits-deal-detail .tab-section .section-content .vits-product-spec.spec-col3 .vits-spec-label {
  width: 6.875rem;
  font-size: 0.75rem;
}
.vits-deal-detail .tab-section .section-content .vits-product-spec.spec-col3 .vits-spec-value {
  font-size: 0.75rem;
}
.vits-deal-detail .tab-section .section-content:has(.vits-img-detail.is-open) .vits-more-view::before {
  content: none;
}
.vits-deal-detail .tab-section .section-content-download {
  gap: 0.75rem;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-deal-detail .tab-section .section-content-download .vits-btn-sm {
  gap: 0.25rem;
  border-color: #dadada;
  border-radius: 4px;
}
.vits-deal-detail .tab-section .section-content-download .vits-btn-sm .icon,
.vits-deal-detail .tab-section .section-content-download .vits-btn-sm .text {
  font-size: 0.75rem;
  color: #767676;
}
.vits-deal-detail .tab-wrap {
  position: sticky;
  top: 0;
  z-index: 1000;
  gap: 0.5rem;
  margin: 0 auto;
  background-color: #fff;
  border-bottom: 1px solid #bebebe;
}
@media screen and (max-width: 1279px) {
  .vits-deal-detail .tab-wrap {
    width: calc(100% + 2.5rem);
    padding: 0 1.25rem;
    margin: 0 -1.25rem;
  }
}
.vits-deal-detail .tab-wrap .tab-show-price {
  max-width: 1280px;
  height: 0;
  margin: 0 auto;
  overflow: hidden;
  opacity: 0;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
  transform: translateY(0.25rem);
}
.vits-deal-detail .tab-wrap .tab-show-price.is-open {
  height: auto;
  opacity: 1;
  transform: translateY(0);
}
.vits-deal-detail .tab-wrap .info-inner {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 1rem 0 1.1875rem;
}
.vits-deal-detail .tab-wrap .info-inner li {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 1.25rem;
  width: 50%;
}
.vits-deal-detail .tab-wrap .product-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  text-align: left;
}
.vits-deal-detail .tab-wrap .product-price {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.625rem;
}
.vits-deal-detail .tab-wrap .product-price .original {
  text-decoration: line-through;
  font-family: 'PretendardGOV', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-deal-detail .tab-wrap .product-price .calculated-price {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.375rem;
}
.vits-deal-detail .tab-wrap .product-price .calculated-price .rate {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-deal-detail .tab-wrap .product-price .calculated-price .price {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-deal-detail .tab-wrap .product-price .price-guest-mode {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.125rem;
}
.vits-deal-detail .tab-wrap .product-price .price-guest-mode .text-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
}
.vits-deal-detail .tab-wrap .product-price .price-guest-mode .text-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-deal-detail .tab-wrap .product-order-buttons {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.625rem;
}
.vits-deal-detail .tab-wrap .product-order-buttons [class*='vits-btn-'] {
  width: 100%;
  min-height: 2.8125rem;
  border-radius: 4px;
}
.vits-deal-detail .tab-wrap .product-order-buttons :is(.btn-buy, .btn-cart) {
  min-width: 9.75rem;
}
.vits-deal-detail .tab-wrap .product-order-buttons .btn-promo:only-child {
  min-width: 13.625rem;
  margin-left: 6.5rem;
}
.vits-deal-detail .tab-wrap .product-order-buttons .btn-guest-login {
  min-width: 19.0625rem;
}
.vits-deal-detail .tab-wrap .product-order-buttons .btn-guest-login .icon {
  color: #444;
}
.vits-deal-detail .tab-wrap .product-order-buttons .btn-guest-login .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-deal-detail .tab-wrap .product-order-buttons .btn-cart button:hover {
    background-color: #f88d90;
  }
  .vits-deal-detail .tab-wrap .product-order-buttons .btn-cart button:hover .text {
    color: #fff;
  }
  .vits-deal-detail .tab-wrap .product-order-buttons .btn-cart button:hover:active {
    border: 2px solid #e51e25;
  }
  .vits-deal-detail .tab-wrap .product-order-buttons .btn-cart button:hover:active .text {
    color: #e51e25;
  }
}
.vits-deal-detail .tab-wrap .product-order-buttons .btn-cart button:focus-visible,
.vits-deal-detail .tab-wrap .product-order-buttons .btn-cart button:active {
  background-color: #f88d90;
}
.vits-deal-detail .tab-wrap .product-order-buttons .btn-cart button:focus-visible .text,
.vits-deal-detail .tab-wrap .product-order-buttons .btn-cart button:active .text {
  color: #fff;
}
.vits-deal-detail .tab-wrap .product-order-buttons .btn-cart button:focus-visible:active,
.vits-deal-detail .tab-wrap .product-order-buttons .btn-cart button:active:active {
  border: 2px solid #e51e25;
}
.vits-deal-detail .tab-wrap .product-order-buttons .btn-cart button:focus-visible:active .text,
.vits-deal-detail .tab-wrap .product-order-buttons .btn-cart button:active:active .text {
  color: #e51e25;
}
.vits-deal-detail .tab-wrap .product-order-buttons .btn-cart button.disabled {
  background-color: #f0f0f0;
}
.vits-deal-detail .tab-wrap .product-order-buttons .btn-cart button.disabled .text {
  color: #bebebe;
}
.vits-deal-detail .tab-wrap .tab-nav {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  background-color: #fff;
}
.vits-deal-detail .tab-wrap .tab-nav .tab-btn {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  min-width: 12.3125rem;
  padding: 1.0625rem 2rem;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #dadada;
  border-bottom: 0;
}
.vits-deal-detail .tab-wrap .tab-nav .tab-btn ~ .tab-btn {
  margin-left: -1px;
}
.vits-deal-detail .tab-wrap .tab-nav .tab-btn.is-active {
  margin-bottom: -1px;
  border-bottom: 2px solid #fff;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-deal-detail .tab-wrap .tab-nav .tab-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 12.3125rem;
  height: 0.125rem;
  background-color: #1b1b1b;
  transition: transform 0.25s ease;
}
.vits-product-recommend .recommend-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  max-width: 1280px;
  padding-top: 3.125rem;
  padding-bottom: 1.875rem;
  margin: 0 auto;
}
.vits-product-recommend .recommend-title .point-color,
.vits-product-recommend .recommend-title .primary {
  color: #e51e25;
}
.vits-product-recommend .vits-banner-swiper {
  position: relative;
}
.vits-product-recommend .vits-product-slide .vits-base-swiper-card {
  padding: 0;
}
.vits-product-recommend .vits-product-slide .product-price {
  width: 100%;
}
.video_box_inner.youtube-video-frame,
.video_box_inner.youtube-video-frame iframe {
  min-height: 40.625rem;
}
.img_line_desc_first h3,
.img_line_desc_first h2,
.img_line h3,
.img_line h2 {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-coupon-download .coupon-list-box.vits-scrollbar {
  max-height: 26.75rem;
  overflow: auto;
}
.vits-coupon-download .coupon-list-box ul {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-coupon-download .coupon-list-box .coupon-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1.25rem;
  padding: 0.875rem 1.25rem;
  border: 1px solid #dadada;
  border-radius: 8px;
}
.vits-coupon-download .coupon-list-box .coupon-item.disabled {
  pointer-events: none;
  cursor: not-allowed;
  filter: grayscale(1);
  opacity: 0.4;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-coupon-download .coupon-list-box .coupon-item:hover {
    background-color: #fafafa;
    border-color: #1b1b1b;
  }
  .vits-coupon-download .coupon-list-box .coupon-item:hover .vits-btn-md {
    color: #fff;
    background-color: #e51e25;
  }
  .vits-coupon-download .coupon-list-box .coupon-item:hover .vits-btn-md .icon {
    color: #fff;
  }
}
.vits-coupon-download .coupon-list-box .coupon-item:focus-visible,
.vits-coupon-download .coupon-list-box .coupon-item:active {
  background-color: #fafafa;
  border-color: #1b1b1b;
}
.vits-coupon-download .coupon-list-box .coupon-item:focus-visible .vits-btn-md,
.vits-coupon-download .coupon-list-box .coupon-item:active .vits-btn-md {
  color: #fff;
  background-color: #e51e25;
}
.vits-coupon-download .coupon-list-box .coupon-item:focus-visible .vits-btn-md .icon,
.vits-coupon-download .coupon-list-box .coupon-item:active .vits-btn-md .icon {
  color: #fff;
}
.vits-coupon-download .coupon-list-box .coupon-item-left .coupon-item-badge {
  position: relative;
  display: block;
  width: 9.25rem;
  height: 4.25rem;
  background: #fff url(../../../../../resources/img/mro/renewal/ic/ic-coupon-badge.svg) no-repeat center/contain;
}
.vits-coupon-download .coupon-list-box .coupon-item-left .coupon-item-badge-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-top: 0.1875rem;
}
.vits-coupon-download .coupon-list-box .coupon-item-left .coupon-item-badge-value::before {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
  display: block;
  content: '할인';
}
.vits-coupon-download .coupon-list-box .coupon-item-body {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1;
  gap: 0.25rem;
  min-width: 0;
}
.vits-coupon-download .coupon-list-box .coupon-item-body [class*='coupon-item-']:not(.coupon-item-period) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vits-coupon-download .coupon-list-box .coupon-item-body .coupon-item-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-coupon-download .coupon-list-box .coupon-item-body .coupon-item-period {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: -0.02em;
}
.vits-coupon-download .coupon-list-box .coupon-item-body .coupon-item-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-coupon-download .coupon-list-box .coupon-item-right [class*='vits-btn-'] {
  gap: 0;
}
.vits-coupon-download .coupon-list-box .coupon-item-right [class*='vits-btn-']:hover:not(:disabled),
.vits-coupon-download .coupon-list-box .coupon-item-right [class*='vits-btn-']:active {
  color: #fff;
  background-color: #e51e25;
}
.vits-coupon-download .coupon-list-box .coupon-item-right [class*='vits-btn-']:hover:not(:disabled) .icon,
.vits-coupon-download .coupon-list-box .coupon-item-right [class*='vits-btn-']:active .icon {
  color: #fff;
}
.k-window-titleless:has(#findOtherOptionModal) {
  position: fixed !important;
  top: 0 !important;
  right: -100% !important;
  left: auto !important;
  display: block !important;
  max-width: 512px !important;
  height: 100vh !important;
  border-radius: 0 !important;
  transition:
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.3s ease,
    right 0.3s ease;
  transform: translateX(100%);
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal.k-window-content {
  max-height: 100% !important;
  padding: 0;
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .vits-modal-header {
  padding-bottom: 2rem;
  border-bottom: 1px solid #dadada;
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .vits-modal-content {
  padding: 0;
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .vits-find-other-option .vits-modal-filter-btn {
  position: absolute;
  top: 2rem;
  right: 4.75rem;
  border-radius: 4px;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .k-window-titleless:has(#findOtherOptionModal)
    #findOtherOptionModal
    .vits-find-other-option
    .vits-modal-filter-btn:hover {
    background-color: #444;
    border-color: #5c5c5c;
  }
  .k-window-titleless:has(#findOtherOptionModal)
    #findOtherOptionModal
    .vits-find-other-option
    .vits-modal-filter-btn:hover
    .text {
    color: #fff;
  }
  .k-window-titleless:has(#findOtherOptionModal)
    #findOtherOptionModal
    .vits-find-other-option
    .vits-modal-filter-btn:hover
    .icon {
    color: #fff;
  }
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .vits-find-other-option
  .vits-modal-filter-btn:focus-visible,
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .vits-find-other-option
  .vits-modal-filter-btn:active {
  background-color: #444;
  border-color: #5c5c5c;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .vits-find-other-option
  .vits-modal-filter-btn:focus-visible
  .text,
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .vits-find-other-option
  .vits-modal-filter-btn:active
  .text {
  color: #fff;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .vits-find-other-option
  .vits-modal-filter-btn:focus-visible
  .icon,
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .vits-find-other-option
  .vits-modal-filter-btn:active
  .icon {
  color: #fff;
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .filter-box {
  background-color: #f1f3f6;
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .filter-box .vits-scrollbar {
  max-height: 28.25rem;
  padding: 2rem 1.25rem 0;
  margin: 1.5rem 1.25rem 0;
  overflow: auto;
  background-color: #fff;
  border-radius: 8px 8px 0 0;
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .filter-box .filter-box-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.875rem;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .filter-box
  .filter-box-list
  .filter-box-item
  .filter-item-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.875rem;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .filter-box
  .filter-box-list
  .filter-box-item
  .filter-item-title
  .title-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .filter-box
  .filter-box-list
  .filter-box-item
  .filter-item-title
  .vits-filter-more {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .filter-box
  .filter-box-list
  .filter-box-item
  .filter-item-title
  .vits-filter-more
  .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .filter-box
  .filter-box-list
  .filter-box-item
  .filter-item-title
  .vits-filter-more
  .icon {
  display: inline-flex;
  align-self: center;
  width: 0.625rem;
  height: 0.5rem;
  color: #767676;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .filter-box
  .filter-box-list
  .filter-box-item
  .filter-item-title
  .vits-filter-more
  .icon
  .ic {
  width: 100%;
  height: 100%;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .filter-box
  .filter-box-list
  .filter-box-item
  .filter-item-title
  .vits-filter-more[aria-expanded='true']
  .ic {
  transform: rotate(180deg);
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .filter-box
  .filter-box-list
  .filter-box-item
  .filter-item-content
  .filter-chip-group {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.375rem 0.5rem;
  max-height: 1.75rem;
  overflow: hidden;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .filter-box
  .filter-box-list
  .filter-box-item
  .filter-item-content
  .filter-chip-group
  .filter-chip {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  padding: 0.3125rem 0.5rem;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #bebebe;
  border-radius: 4px;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .k-window-titleless:has(#findOtherOptionModal)
    #findOtherOptionModal
    .filter-box
    .filter-box-list
    .filter-box-item
    .filter-item-content
    .filter-chip-group
    .filter-chip:hover {
    color: #e51e25;
    border-color: #e51e25;
  }
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .filter-box
  .filter-box-list
  .filter-box-item
  .filter-item-content
  .filter-chip-group
  .filter-chip:focus-visible,
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .filter-box
  .filter-box-list
  .filter-box-item
  .filter-item-content
  .filter-chip-group
  .filter-chip:active {
  color: #e51e25;
  border-color: #e51e25;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .filter-box
  .filter-box-list
  .filter-box-item
  .filter-item-content
  .filter-chip-group
  .filter-chip.is-active {
  font-weight: 600;
  color: #e51e25;
  border-color: #e51e25;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .filter-box
  .filter-box-list
  .filter-box-item
  .filter-item-content
  .filter-chip-group
  .filter-chip.disabled {
  color: #767676;
  pointer-events: none;
  background-color: #f0f0f0;
  border-color: #bebebe;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .filter-box
  .filter-box-list
  .filter-box-item
  .filter-item-content
  .filter-chip-group.is-open {
  max-height: -moz-fit-content;
  max-height: fit-content;
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .filter-box .filter-box-buttons {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 2.25rem 0;
  margin: 0 1.25rem 1.5rem;
  background-color: #fff;
  border-radius: 0 0 8px 8px;
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .filter-box .filter-box-buttons button {
  flex-shrink: 0;
  min-width: 8.125rem;
  border-radius: 4px;
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .product-option-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  border: 0;
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .product-option-list .product-option-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  width: 100%;
  padding: 1.25rem 1.5rem;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 1px solid #dadada;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .product-option-list .product-option-item:hover {
    cursor: pointer;
    background-color: #fafafa;
  }
  .k-window-titleless:has(#findOtherOptionModal)
    #findOtherOptionModal
    .product-option-list
    .product-option-item:hover
    .product-option-name {
    color: #2f4f9e;
    text-decoration: underline;
  }
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .product-option-list
  .product-option-item:focus-visible,
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .product-option-list .product-option-item:active {
  cursor: pointer;
  background-color: #fafafa;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .product-option-list
  .product-option-item:focus-visible
  .product-option-name,
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .product-option-list
  .product-option-item:active
  .product-option-name {
  color: #2f4f9e;
  text-decoration: underline;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .product-option-list
  .product-option-item.is-current-product,
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .product-option-list
  .product-option-item.is-sold-out {
  position: relative;
  pointer-events: none;
  cursor: not-allowed;
  background-color: #f0f0f0;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .product-option-list
  .product-option-item.is-current-product::before,
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .product-option-list
  .product-option-item.is-sold-out::before {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  background: hsla(0, 0%, 94.12%, 0.8);
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .product-option-list
  .product-option-item.is-current-product::before {
  content: '현재상품';
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .product-option-list
  .product-option-item.is-sold-out::before {
  content: '일시품절';
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .product-option-list .product-option-thumb {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex: 0 0 92px;
  height: 92px;
  overflow: hidden;
  border-radius: 4px;
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .product-option-list .product-option-thumb img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: 1/1;
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .product-option-list .product-option-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex-grow: 1;
  gap: 0.25rem;
  min-width: 0;
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .product-option-list .product-option-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .product-option-list
  .product-option-title
  .product-option-code {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  padding: 0.125rem 0.25rem;
  margin-left: 0.25rem;
  border: 1px solid #dadada;
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .product-option-list .product-option-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .product-option-list .product-option-spec {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .product-option-list .product-option-tags {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.25rem;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .product-option-list
  .product-option-tags
  .vits-product-flags {
  gap: 0.25rem;
}
.k-window-titleless:has(#findOtherOptionModal) #findOtherOptionModal .product-option-list .product-option-price {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  min-width: 6.75rem;
  text-align: right;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .product-option-list
  .product-option-price
  .product-option-original {
  font-family: 'PretendardGOV', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  text-decoration: line-through;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .product-option-list
  .product-option-price
  .product-option-discount
  .discount {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.k-window-titleless:has(#findOtherOptionModal)
  #findOtherOptionModal
  .product-option-list
  .product-option-price
  .product-option-discount
  .amount {
  min-width: auto;
  padding-left: 0.25rem;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
body.is-option-modal-open .k-window-titleless:has(#findOtherOptionModal) {
  right: 0 !important;
  transform: translateX(0);
}
.vits-catalog-view {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-catalog-view-btn {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 4.25rem;
  padding: 0.5rem 1rem;
  text-align: left;
  background: #fff;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #bebebe;
  transition:
    background 0.2s ease-in-out,
    box-shadow 0.3s ease-in-out;
}
.vits-catalog-view-btn:disabled {
  cursor: not-allowed;
}
.vits-catalog-view-btn .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vits-catalog-view-btn:hover {
  background: #fafafa;
  box-shadow: inset 0 0 0 1px #1b1b1b;
}
.vits-catalog-view-btn:focus-visible,
.vits-catalog-view-btn:active {
  background: #fafafa;
  box-shadow: inset 0 0 0 2px #e51e25;
}
.vits-side-plp {
  border-right: 1px solid #dadada;
  flex-shrink: 0;
}
.vits-main-plp .result-bar,
.vits-main-search-list .result-bar {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5rem;
}
.vits-main-plp .result-bar:has(> :not(.is-hidden)),
.vits-main-search-list .result-bar:has(> :not(.is-hidden)) {
  margin-bottom: 1.5rem;
}
.vits-main-plp .result-clear-button,
.vits-main-search-list .result-clear-button {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #dadada;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  flex: 1 1 auto;
  min-width: 0;
  height: 1.5rem;
  margin-top: 0.25rem;
  white-space: nowrap;
}
.vits-main-plp .result-clear-button:disabled,
.vits-main-search-list .result-clear-button:disabled {
  cursor: not-allowed;
}
.vits-plp-titlebar {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
  width: 100%;
  padding: 1.5rem 0;
}
.vits-plp-titlebar::after {
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 0.25rem;
  content: '';
  background: #dadada;
}
.vits-plp-titlebar-heading {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: #101828;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  min-width: 0;
  margin-top: 0.375rem;
}
.vits-plp-titlebar-research {
  flex-shrink: 0;
  width: 19.125rem;
}
.vits-plp-titlebar-chips {
  position: relative;
}
.vits-plp-titlebar-chips .chip-nav {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 2.25rem;
  height: 2.25rem;
  background: #fff;
  border: 1px solid #bebebe;
  border-radius: 50%;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
  position: absolute;
  top: -0.125rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.vits-plp-titlebar-chips .chip-nav:disabled {
  cursor: not-allowed;
}
.vits-plp-titlebar-chips .chip-nav .ic {
  width: 1.25rem;
  height: 1.25rem;
}
.vits-plp-titlebar-chips .chip-nav:disabled {
  display: none;
}
.vits-plp-titlebar-chips .chip-nav-prev {
  left: 0;
}
.vits-plp-titlebar-chips .chip-nav-next {
  right: 0;
}
.vits-plp-titlebar-chips .chip-scroller {
  overflow: auto hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.vits-plp-titlebar-chips .chip-scroller::-webkit-scrollbar {
  display: none;
}
.vits-plp-titlebar-chips::before,
.vits-plp-titlebar-chips::after {
  position: absolute;
  top: 0;
  width: 5.625rem;
  height: 100%;
  pointer-events: none;
  content: '';
}
.vits-plp-titlebar-chips::before {
  left: 0;
  background: #fff;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.vits-plp-titlebar-chips::after {
  right: 0;
  background: #fff;
  background: linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.vits-plp-titlebar-chips:has(.chip-nav-prev:disabled)::before,
.vits-plp-titlebar-chips:has(.chip-nav-prev.is-hidden)::before {
  background: rgba(0, 0, 0, 0);
}
.vits-plp-titlebar-chips:has(.chip-nav-next:disabled)::after,
.vits-plp-titlebar-chips:has(.chip-nav-prev.is-hidden)::after {
  background: rgba(0, 0, 0, 0);
}
.vits-plp-titlebar-head {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.25rem;
}
.vits-plp-titlebar-head + .vits-plp-titlebar-chips {
  margin-top: 0.5rem;
}
.vits-plp-titlebar-related {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5rem;
}
.vits-plp-titlebar-related .related-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  flex-shrink: 0;
}
.vits-plp-titlebar-related .related-list {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  flex-grow: 1;
  gap: 0.75rem;
  min-width: 0;
}
.vits-plp-titlebar-related .related-button {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  display: block;
  margin-top: 0.0625rem;
}
.vits-plp-titlebar-related .related-button:disabled {
  cursor: not-allowed;
}
.vits-list-controls {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-list-controls .list-count .total {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
}
.vits-list-controls .list-count .total b {
  font-weight: 700;
}
.vits-list-controls .list-count .id {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-list-controls .list-sort {
  margin-left: auto;
}
.vits-list-controls .list-view .view-button {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 2rem;
  height: 2rem;
  color: #444;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #bebebe;
  transition: box-shadow 0.3s;
}
.vits-list-controls .list-view .view-button:disabled {
  cursor: not-allowed;
}
.vits-list-controls .list-view .view-button.view-list .ic,
.vits-list-controls .list-view .view-button.view-thumb .ic {
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentcolor;
  -webkit-mask: no-repeat center/contain;
  mask: no-repeat center/contain;
}
.vits-list-controls .list-view .view-button.view-list .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-circles-four.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-circles-four.svg);
}
.vits-list-controls .list-view .view-button.view-thumb .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-list.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-list.svg);
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-list-controls .list-view .view-button:hover {
    box-shadow: inset 0 0 0 1px #1b1b1b;
  }
}
.vits-list-controls .list-view .view-button:focus-visible,
.vits-list-controls .list-view .view-button:active {
  box-shadow: inset 0 0 0 1px #1b1b1b;
}
.vits-plp-compare {
  border-top: 1px solid #bebebe;
  border-bottom: 1px solid #bebebe;
}
.vits-plp-compare-scroll {
  overflow: auto hidden;
  -webkit-overflow-scrolling: touch;
}
.vits-plp-compare-table {
  table-layout: fixed;
  border-collapse: collapse;
}
.vits-plp-compare-table tr:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.vits-plp-compare-table tr:last-child th,
.vits-plp-compare-table tr:last-child td {
  padding-bottom: 1rem;
}
.vits-plp-compare-col-product {
  width: 9.75rem;
}
.vits-plp-compare-th,
.vits-plp-compare-td {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  padding: 0.75rem;
  text-align: left;
  word-break: break-word;
}
.vits-plp-compare-th:not(:first-child, :last-child),
.vits-plp-compare-td:not(:first-child, :last-child) {
  padding-right: 0.75rem;
}
.vits-plp-compare-th:nth-child(even),
.vits-plp-compare-td:nth-child(even) {
  background: #f9f9f9;
}
.vits-plp-compare-th.is-head,
.vits-plp-compare-td.is-head {
  padding-right: 0;
  padding-bottom: 1.5rem;
  vertical-align: top;
}
.vits-plp-compare-th:not(.is-head),
.vits-plp-compare-td:not(.is-head) {
  vertical-align: middle;
}
.vits-plp-compare-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  width: 5.625rem;
  min-width: 5.625rem;
  padding-right: 0;
  padding-left: 0.5rem;
  vertical-align: top;
}
.vits-plp-compare-product {
  position: relative;
  padding: 0 0.5rem;
}
.vits-plp-compare-thumb {
  display: block;
  width: 8.75rem;
  aspect-ratio: 1/1;
  background: #dadada;
}
.vits-plp-compare-remove {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 4px;
  right: 12px;
  width: 1.25rem;
  height: 1.25rem;
  color: #444;
  background: #f0f0f0;
  border-radius: 50%;
  transition:
    color 0.3s,
    background 0.2s;
}
.vits-plp-compare-remove:disabled {
  cursor: not-allowed;
}
.vits-plp-compare-remove .ic {
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-plp-compare-remove:hover {
    color: #fff;
    background-color: #444;
  }
}
.vits-plp-compare-remove:focus-visible,
.vits-plp-compare-remove:active {
  color: #fff;
  background-color: #444;
}
.vits-plp-compare-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.25rem;
  padding: 0.5rem;
}
.vits-plp-compare-brand {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-plp-compare-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vits-plp-compare-meta {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-plp-compare-price {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.vits-plp-compare-price .price-onrigin {
  font-family: 'PretendardGOV', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #bebebe;
  letter-spacing: 0;
  text-decoration: line-through;
  text-decoration-line: line-through;
}
.vits-plp-compare-price .price-sale-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-plp-compare-price .price-rate {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-plp-compare-price .price-sale {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.is-required::after {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
  padding-left: 0.125rem;
  content: '*';
}
.radio-icon {
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-top: 2.4px;
  background: #fff;
  box-shadow: inset 0 0 0 1px #bebebe;
  transition: box-shadow 0.2s;
  border-radius: 50%;
  border-radius: 50%;
}
.radio-icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5rem;
  height: 0.5rem;
  content: '';
  background: #fff;
  transition: background 0.25s;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.radio-icon:focus-visible,
.radio-icon:active {
  box-shadow: inset 0 0 0 1px #e51e25;
}
.radio-item {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 0.375rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.radio-item input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.radio-item .label-name {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.25rem;
  min-width: 6.125rem;
  max-width: 10rem;
}
.radio-item .label-unit {
  font-style: normal;
}
.radio-item .label-unit::before {
  content: '(';
}
.radio-item .label-unit::after {
  content: ')';
}
.radio-item .label-price::before {
  content: '(';
}
.radio-item .label-price::after {
  content: '원)';
}
.radio-item span[class*='label-'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.radio-item:has(input:checked) .radio-icon {
  box-shadow: inset 0 0 0 1px #e51e25;
}
.radio-item:has(input:checked) .radio-icon::before {
  background: #e51e25;
}
.radio-price {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.625rem;
}
.checkbox-wrapper.type-basic .checkbox-icon {
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-top: 2.4px;
  background: #fff;
  box-shadow: inset 0 0 0 1px #bebebe;
  transition: box-shadow 0.2s;
  border-radius: 4px;
}
.checkbox-wrapper.type-basic .checkbox-icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5rem;
  height: 0.5rem;
  content: '';
  background: #fff;
  transition: background 0.25s;
  transform: translate(-50%, -50%);
}
.checkbox-wrapper.type-basic .checkbox-icon:focus-visible,
.checkbox-wrapper.type-basic .checkbox-icon:active {
  box-shadow: inset 0 0 0 1px #e51e25;
}
.checkbox-wrapper.type-basic .checkbox-item {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 0.375rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.checkbox-wrapper.type-basic .checkbox-item input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.checkbox-wrapper.type-basic .checkbox-item .label-name {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.25rem;
  min-width: 6.125rem;
  max-width: 10rem;
}
.checkbox-wrapper.type-basic .checkbox-item .label-unit {
  font-style: normal;
}
.checkbox-wrapper.type-basic .checkbox-item .label-unit::before {
  content: '(';
}
.checkbox-wrapper.type-basic .checkbox-item .label-unit::after {
  content: ')';
}
.checkbox-wrapper.type-basic .checkbox-item .label-price::before {
  content: '(';
}
.checkbox-wrapper.type-basic .checkbox-item .label-price::after {
  content: '원)';
}
.checkbox-wrapper.type-basic .checkbox-item:has(input:checked) .checkbox-icon {
  box-shadow: inset 0 0 0 1px #e51e25;
}
.checkbox-wrapper.type-basic .checkbox-item:has(input:checked) .checkbox-icon::before {
  background: #e51e25;
}
.checkbox-wrapper.type-basic .checkbox-item {
  gap: 0.5rem;
}
.checkbox-wrapper.type-basic .checkbox-item:has(:checked) .checkbox-icon {
  background: url(../../../../../resources/img/mro/renewal/ic/ic-check-on.svg) no-repeat center/contain;
  box-shadow: inset 0 0 0 20px #e51e25;
}
.checkbox-wrapper.type-basic .checkbox-item:has(:checked) .checkbox-icon::before {
  display: none;
}
.checkbox-wrapper.type-basic.size-s {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.checkbox-wrapper.type-basic.size-s .checkbox-icon {
  margin-top: 0;
}
.checkbox-wrapper.type-basic.size-m {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.checkbox-wrapper.type-basic.size-m .checkbox-icon {
  margin-top: 1px;
}
.checkbox-wrapper.type-card .checkbox-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: 1rem;
  width: 100%;
  max-width: 100%;
  height: 4.25rem;
  padding: 0 1rem;
  cursor: pointer;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #bebebe;
  transition: box-shadow 0.25s;
}
.checkbox-wrapper.type-card .checkbox-item input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.checkbox-wrapper.type-card .checkbox-item .label-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.checkbox-wrapper.type-card .checkbox-item .label-total {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  flex-shrink: 0;
}
.checkbox-wrapper.type-card .checkbox-item .checkbox-icon {
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  margin-left: auto;
  color: #dadada;
  background: #fff;
}
.checkbox-wrapper.type-card .checkbox-item .checkbox-icon .ic {
  width: 100%;
  height: 100%;
}
.checkbox-wrapper.type-card .checkbox-item:has(input:checked) {
  box-shadow: inset 0 0 0 2px #e51e25;
}
.checkbox-wrapper.type-card .checkbox-item:has(input:checked) .checkbox-icon {
  color: #e51e25;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .checkbox-wrapper.type-card .checkbox-item:not(:has(input:checked)):hover {
    box-shadow: inset 0 0 0 1px #e51e25;
    box-shadow: inset 0 0 0 1px #1b1b1b;
  }
}
[class*='checkbox-single-'] {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  cursor: pointer;
}
[class*='checkbox-single-'] input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
[class*='checkbox-single-']::before {
  display: inline-block;
  flex-shrink: 0;
  content: '';
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #bebebe;
  transition:
    box-shadow 0.2s,
    background 0.2s;
}
[class*='checkbox-single-']:has(input:checked)::before {
  background: url(../../../../../resources/img/mro/renewal/ic/ic-check-on.svg) no-repeat center/contain;
  box-shadow: inset 0 0 0 0 #e51e25;
}
[class*='checkbox-single-']:has(input:focus-visible)::before {
  box-shadow: inset 0 0 0 1px #1b1b1b;
}
[class*='checkbox-single-']:has(input:disabled)::before {
  cursor: not-allowed;
}
[class*='checkbox-single-']:has(input:disabled)::before::before {
  box-shadow: inset 0 0 0 1px;
}
[class*='checkbox-single-'] .agree-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 0.5rem;
  word-break: keep-all;
}
.checkbox-single-s::before {
  width: 1rem;
  height: 1rem;
}
.checkbox-single-m::before {
  width: 1.25rem;
  height: 1.25rem;
}
.checkbox-single-l::before {
  width: 2rem;
  height: 2rem;
}
.vits-checkbox-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 0.5rem;
  cursor: pointer;
}
.vits-checkbox-item > input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.vits-checkbox-item .icon {
  position: relative;
  flex-shrink: 0;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #bebebe;
  transition: box-shadow 0.2s;
}
.vits-checkbox-item .icon:focus-visible,
.vits-checkbox-item .icon:active {
  box-shadow: inset 0 0 0 1px #e51e25;
}
.vits-checkbox-item:has(input:checked) .icon {
  background: #fff url(../../../../../resources/img/mro/renewal/ic/ic-check-on.svg) no-repeat center/contain;
  box-shadow: inset 0 0 0 3px #e51e25;
}
.vits-checkbox-item.size-s .icon {
  width: 1rem;
  height: 1rem;
}
.vits-checkbox-item.size-s .label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin-top: 0.025rem;
}
.vits-checkbox-item.size-s .label em {
  font-style: normal;
}
.vits-checkbox-item.size-m .icon {
  width: 1rem;
  height: 1rem;
  align-self: center;
}
.vits-checkbox-item.size-m .label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-checkbox-item.size-m .label em {
  font-style: normal;
}
.vits-checkbox-item.size-l .icon {
  width: 1rem;
  height: 1rem;
}
.vits-checkbox-item.size-l .icon:has(.label) .icon {
  margin-top: 0.15625rem;
}
.vits-checkbox-item.size-l .label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-checkbox-item.size-l .label em {
  font-style: normal;
}
.vits-checkbox-item.size-xl .icon {
  width: 1.25rem;
  height: 1.25rem;
}
.vits-checkbox-item.size-xl .icon:has(.label) .icon {
  margin-top: 0.03125rem;
}
.vits-checkbox-item.size-xl .label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-checkbox-item.size-xl .label em {
  font-style: normal;
}
.vits-checkbox-item.size-xxl .icon {
  width: 2rem;
  height: 2rem;
}
.vits-checkbox-item.size-xxl .label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin-top: 0.34375rem;
}
.vits-checkbox-item.size-xxl .label em {
  font-style: normal;
}
.vits-input {
  position: relative;
  width: 100%;
}
.vits-input .input-item {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #bebebe;
  transition: box-shadow 0.3s;
}
.vits-input .input-item input {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  border: 0;
}
.vits-input .input-item input::-moz-placeholder {
  color: #767676;
}
.vits-input .input-item input::placeholder {
  color: #767676;
}
.vits-input .input-item input:-moz-read-only {
  color: #bebebe !important;
  background: #fafafa;
  box-shadow: inset 0 0 0 1px #dadada;
}
.vits-input .input-item input[disabled],
.vits-input .input-item input:read-only {
  color: #bebebe !important;
  background: #fafafa;
  box-shadow: inset 0 0 0 1px #dadada;
}
.vits-input.size-s .input-item {
  height: 1.75rem;
}
.vits-input.size-s .input-item input {
  padding: 0 0.5rem;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-input.size-m .input-item {
  height: 2rem;
}
.vits-input.size-m .input-item input {
  padding: 0 0.75rem;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-input.size-l .input-item {
  height: 2.25rem;
}
.vits-input.size-l .input-item input {
  padding: 0 0.75rem;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-input.size-xl .input-item {
  height: 2.75rem;
}
.vits-input.size-xl .input-item input {
  padding: 0 1rem;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-input.size-default .input-item {
  height: 2rem;
}
.vits-input.size-default .input-item input {
  padding: 0 0.75rem;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-input.size-medium .input-item {
  height: 2.25rem;
}
.vits-input.size-medium .input-item input {
  padding: 0 0.75rem;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-input.size-large .input-item {
  height: 2.75rem;
}
.vits-input.size-large .input-item input {
  padding: 0 1rem;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-input:not(.is-invalid, .is-valid):has(input:hover):hover .input-item,
  .vits-input:not(.is-invalid, .is-valid):has(input:focus-visible):hover .input-item,
  .vits-input:not(.is-invalid, .is-valid):has(input:active):hover .input-item {
    box-shadow: inset 0 0 0 1px #1b1b1b;
  }
}
.vits-input:not(.is-invalid, .is-valid):has(input:hover):focus-visible .input-item,
.vits-input:not(.is-invalid, .is-valid):has(input:hover):active .input-item,
.vits-input:not(.is-invalid, .is-valid):has(input:focus-visible):focus-visible .input-item,
.vits-input:not(.is-invalid, .is-valid):has(input:focus-visible):active .input-item,
.vits-input:not(.is-invalid, .is-valid):has(input:active):focus-visible .input-item,
.vits-input:not(.is-invalid, .is-valid):has(input:active):active .input-item {
  box-shadow: inset 0 0 0 1px #1b1b1b;
}
.vits-input-search-form {
  position: relative;
  width: 100%;
  height: 3rem;
  overflow: hidden;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #bebebe;
  transition: box-shadow 0.3s;
}
.vits-input-search-form input[type='search'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 0;
}
.vits-input-search-form input[type='search']::-moz-placeholder {
  color: #767676;
}
.vits-input-search-form input[type='search']::placeholder {
  color: #767676;
}
.vits-input-search-form input[type='search']::-webkit-search-decoration,
.vits-input-search-form input[type='search']::-webkit-search-cancel-button,
.vits-input-search-form input[type='search']::-webkit-search-results-button,
.vits-input-search-form input[type='search']::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
}
.vits-input-search-form:has(.input-search:focus-visible),
.vits-input-search-form:has(.input-search:active) {
  box-shadow: inset 0 0 0 1px #1b1b1b;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-input-search-form:has(.input-search:hover) {
    box-shadow: inset 0 0 0 1px #1b1b1b;
  }
}
.vits-input-search-form .input-search {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  width: 100%;
  height: 100%;
  padding: 0 2.5rem 0 1.25rem;
  background: rgba(0, 0, 0, 0);
  border: 0;
}
.vits-input-search-form .input-search-btn {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  right: 1.25rem;
  width: 1.5rem;
  height: 1.5rem;
  color: #444;
  transform: translateY(-50%);
}
.vits-input-search-form .input-search-btn:disabled {
  cursor: not-allowed;
}
.vits-input-search-form .input-search-btn .ic {
  width: 100%;
  height: 100%;
}
.vits-input-search.size-sm .vits-input-search-form {
  height: 2rem;
}
.vits-input-search.size-sm .vits-input-search-form .input-search {
  padding: 0 1.5rem 0 0.5rem;
  font-size: 0.875rem;
}
.vits-input-search.size-sm .vits-input-search-form .input-search-btn {
  width: 1rem;
  height: 1rem;
  right: 0.5rem;
}
.vits-input-search.size-sm .vits-input-search-form .input-search-btn .ic {
  width: 100%;
  height: 100%;
}
.vits-textarea {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 0.5rem;
  width: 100%;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #dadada;
  transition: box-shadow 0.3s;
}
.vits-textarea .textarea-box {
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
}
.vits-textarea .textarea-box textarea {
  width: 100%;
  height: 100%;
}
.vits-textarea .textarea-meta {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  gap: 0.25rem;
  width: 100%;
}
.vits-textarea .textarea-meta span {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #bebebe;
  letter-spacing: 0;
  gap: 0.25rem;
}
.vits-textarea .textarea-meta span.textarea-count::after {
  content: '/';
}
.vits-textarea-box {
  position: relative;
  width: 100%;
}
.vits-textarea-box.size-default .vits-textarea {
  height: 7.5rem;
  padding: 0.5rem 0.75rem;
}
.vits-textarea-box.size-default .vits-textarea textarea {
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
}
.vits-textarea-box.size-default .vits-textarea textarea::-moz-placeholder {
  color: #767676;
}
.vits-textarea-box.size-default .vits-textarea textarea::placeholder {
  color: #767676;
}
.vits-textarea-box.size-default .vits-textarea textarea {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-textarea-box.size-large .vits-textarea {
  height: 7.5rem;
  padding: 0.75rem 1rem;
}
.vits-textarea-box.size-large .vits-textarea textarea {
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
}
.vits-textarea-box.size-large .vits-textarea textarea::-moz-placeholder {
  color: #767676;
}
.vits-textarea-box.size-large .vits-textarea textarea::placeholder {
  color: #767676;
}
.vits-textarea-box.size-large .vits-textarea textarea {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-textarea-box.is-scroll {
  padding-right: 0.375rem;
}
.vits-textarea-box.is-scroll .textarea-box textarea {
  padding-right: 0.375rem;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-textarea-box:not(:has(textarea:disabled)):has(textarea:hover):hover .vits-textarea,
  .vits-textarea-box:not(:has(textarea:disabled)):has(textarea:focus-visible):hover .vits-textarea,
  .vits-textarea-box:not(:has(textarea:disabled)):has(textarea:active):hover .vits-textarea {
    box-shadow: inset 0 0 0 1px #5c5c5c;
  }
}
.vits-textarea-box:not(:has(textarea:disabled)):has(textarea:hover):focus-visible .vits-textarea,
.vits-textarea-box:not(:has(textarea:disabled)):has(textarea:hover):active .vits-textarea,
.vits-textarea-box:not(:has(textarea:disabled)):has(textarea:focus-visible):focus-visible .vits-textarea,
.vits-textarea-box:not(:has(textarea:disabled)):has(textarea:focus-visible):active .vits-textarea,
.vits-textarea-box:not(:has(textarea:disabled)):has(textarea:active):focus-visible .vits-textarea,
.vits-textarea-box:not(:has(textarea:disabled)):has(textarea:active):active .vits-textarea {
  box-shadow: inset 0 0 0 1px #5c5c5c;
}
.vits-pform-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5rem;
}
.vits-pform-item-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  flex-shrink: 0;
  width: 8.75rem;
  line-height: 2.75rem;
}
.vits-pform-item + .vits-pform-item {
  margin-top: 0.75rem;
}
.vits-pform-agree {
  height: 15rem;
  padding: 1rem 0.25rem 1rem 1rem;
  margin-top: 2rem;
  overflow: hidden;
  background: #fafafa;
  border-radius: 12px;
}
.vits-pform-agree p {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-pform-agree-inner {
  height: 100%;
  overflow: hidden auto;
}
.vits-pform-agree-inner > div + div {
  margin-top: 1rem;
}
.vits-pform-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  padding-top: 1.5rem;
}
.vits-pform-actions .checkbox-wrapper {
  width: 100%;
}
.vits-pform-actions .checkbox-wrapper .checkbox-item {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.vits-pform-actions .checkbox-wrapper .checkbox-item .label-name {
  max-width: 100%;
}
.vits-validation .validation-message {
  padding-top: 0.25rem;
}
.vits-validation.is-valid .validation-message p {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #177927;
  letter-spacing: 0;
}
.vits-validation.is-invalid .vits-textarea textarea {
  color: #e51e25;
}
.vits-validation.is-invalid .validation-message p {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-validation[data-indent='4'] .validation-message {
  padding-left: 0.25rem;
}
.vits-validation[data-indent='8'] .validation-message {
  padding-left: 0.5rem;
}
.vits-validation[data-indent='12'] .validation-message {
  padding-left: 0.75rem;
}
.validation-message {
  padding-top: 0.25rem;
}
.validation-message p {
  font-size: 0.875rem;
  font-weight: 400;
}
.validation-message.is-invalid p {
  color: #e51e25;
}
.validation-message.is-valid p {
  color: #177927;
}
.vits-textarea-box:has(textarea:disabled) .vits-textarea {
  cursor: not-allowed;
  background: #fafafa;
  box-shadow: inset 0 0 0 1px #dadada;
}
.vits-textarea-box:has(textarea:disabled) .vits-textarea textarea:disabled {
  cursor: not-allowed;
}
.vits-textarea-box:has(textarea:disabled) .vits-textarea textarea:disabled::-moz-placeholder {
  color: #bebebe !important;
}
.vits-textarea-box:has(textarea:disabled) .vits-textarea textarea:disabled::placeholder {
  color: #bebebe !important;
}
.vits-input-attach {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-input-attach .attach-preview-list {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-input-attach .attach-preview-item {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 4px;
  border: 1px solid #bebebe;
  position: relative;
  padding: 0.375rem;
}
.vits-input-attach .attach-preview-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vits-input-attach .attach-preview-item img {
  border-radius: 4px;
}
.vits-input-attach .btn-attach-remove {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: -6px;
  right: -6px;
  width: 1.25rem;
  height: 1.25rem;
  color: #fff;
  cursor: pointer;
  background: #444;
  border-radius: 50%;
}
.vits-input-attach .btn-attach-remove:disabled {
  cursor: not-allowed;
}
.vits-input-attach .btn-attach-remove .ic {
  width: 100%;
  height: 100%;
}
.vits-input-attach .btn-attach-add {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  background: #f0f0f0;
}
.vits-input-attach .btn-attach-add input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.vits-input-attach .btn-attach-add .icon {
  width: 2rem;
  height: 2rem;
  color: #444;
}
.vits-input-attach .btn-attach-add .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-eyes {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
.vits-btn-eyes [class*='is-eye'] {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 2rem;
  height: 2rem;
}
.vits-btn-eyes [class*='is-eye']:disabled {
  cursor: not-allowed;
}
.vits-btn-eyes [class*='is-eye'] .ic {
  width: 100%;
  height: 100%;
}
.vits-btn-eyes [class*='is-eye'] .ic {
  color: #bebebe;
  transition: color 0.2s;
}
.vits-btn-eyes [class*='is-eye'] .ic.ic-eye-hide {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-eye-show.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-eye-show.svg);
}
.vits-btn-eyes [class*='is-eye'] .ic.ic-eye-show {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-eye-hide.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-eye-hide.svg);
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-btn-eyes [class*='is-eye']:hover .ic {
    color: #767676;
  }
}
.vits-btn-eyes [class*='is-eye']:focus-visible .ic,
.vits-btn-eyes [class*='is-eye']:active .ic {
  color: #767676;
}
.vits-input:has(.vits-btn-eyes) input[type='password'] {
  padding-right: 3.125rem;
}
.vits-checkbox-toggle {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 2.5rem;
  height: 1.625rem;
  background: #fff;
  border-radius: 1.625rem;
  box-shadow: inset 0 0 0 1px #bebebe;
  transition: background 0.25s;
}
.vits-checkbox-toggle input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.vits-checkbox-toggle::before {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 1.375rem;
  height: 1.375rem;
  content: '';
  background: #dadada;
  border-radius: 50%;
  transition: transform 0.3s;
  will-change: transform;
}
.vits-checkbox-toggle:has(input:checked) {
  background: #e51e25;
  box-shadow: none;
}
.vits-checkbox-toggle:has(input:checked)::before {
  background: #fff;
  transform: translateX(63.6%);
}
.vits-main-cart-order {
  min-width: 1024px;
}
.vits-main-cart-order .vits-grid-main-content {
  max-width: 738px;
}
.vits-side-payment {
  position: sticky;
  top: 30px;
  min-width: 0;
}
.vits-side-payment .main-payment-section {
  min-width: 370px;
  max-width: 522px;
}
.vits-cart {
  width: 100%;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-cart-header {
  padding: 1.0625rem 2rem;
  border-bottom: 1px solid #f0f0f0;
}
.vits-cart-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-cart-toolbar {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 2rem 2rem 1rem;
}
.vits-cart-toolbar-left,
.vits-cart-toolbar-right {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-cart-body {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
  padding: 0 2rem 1.25rem;
}
.vits-cart-toolbar-left .checkbox-wrapper .checkbox-item .label-name {
  min-width: auto;
}
.vits-cart-toolbar-right {
  gap: 0.25rem;
}
.vits-cart-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
}
.vits-cart-item {
  border: 1px solid #dadada;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
}
.vits-cart-item.is-sold-out *:not(.vits-cart-item-top, .vits-cart-item-top *) {
  pointer-events: none;
  filter: grayscale(0.5);
  opacity: 0.9;
}
.vits-cart-item-top {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 0.5rem 0.5rem 1rem;
  border-bottom: 1px solid #f0f0f0;
}
.vits-cart-item-soldout {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-cart-item-util {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.vits-cart-item-util:only-child {
  justify-content: flex-end;
  margin-left: auto;
}
.vits-cart-item-util button {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.vits-cart-item-util button:disabled {
  cursor: not-allowed;
}
.vits-cart-item-util .vits-btn-compare {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.3125rem;
}
.vits-cart-item-util .vits-btn-compare .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  line-height: normal;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-cart-item-util .vits-btn-compare .text:hover {
    font-weight: 600;
  }
}
.vits-cart-item-util .vits-btn-compare .text:focus-visible,
.vits-cart-item-util .vits-btn-compare .text:active {
  font-weight: 600;
}
.vits-cart-item-util .vits-btn-compare .icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 1rem;
  height: 1rem;
  color: #444;
}
.vits-cart-item-util .vits-btn-compare .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-cart-item-util .vits-btn-delete {
  width: 1.25rem;
  height: 1.25rem;
}
.vits-cart-item-util .vits-btn-delete .ic {
  width: 1.25rem;
  height: 1.25rem;
  color: #444;
}
.vits-cart-item-util .vits-btn-delete .ic .ic {
  width: 100%;
  height: 100%;
}
.vits-cart-item-main {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
  align-items: flex-start;
  padding: 0 1.5rem;
}
.vits-cart-item-check .checkbox-single-s {
  margin-top: 2rem;
}
.vits-cart-item-thumb {
  flex: 0 0 5rem;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #f0f0f0;
}
.vits-cart-item-thumb a {
  display: block;
}
.vits-cart-item-thumb img {
  display: block;
  width: 100%;
  height: auto;
}
.vits-cart-item-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1 1 auto;
  min-width: 0;
}
.vits-cart-item-link {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.125rem;
}
.vits-cart-item-brand {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-cart-item-brand .brand {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-cart-item-brand .code {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  min-height: 1rem;
  padding: 0 0.25rem;
  text-align: center;
  border: 1px solid #bebebe;
}
.vits-cart-item-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vits-cart-item-option {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-cart-item-option > span:not(:only-of-type, :last-of-type) {
  padding-right: 0.375rem;
}
.vits-cart-item-option > span + span {
  position: relative;
  padding-left: 0.375rem;
}
.vits-cart-item-option > span + span::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.0625rem;
  height: 0.75rem;
  content: '';
  background-color: #dadada;
  transform: translateY(-50%);
}
.vits-cart-item-option .option-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-cart-item-option .option-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-cart-item-badge {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.125rem;
  padding-top: 0.25rem;
}
.vits-cart-item-quantity {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 1.25rem;
}
.vits-cart-item-quantity .unit-control {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}
.vits-cart-item-quantity .unit-control-btn {
  min-height: 1.875rem;
  padding: 0 1.09375rem;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 4px;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-cart-item-quantity .unit-control-btn:hover {
    background-color: #fafafa;
    border-color: #bebebe;
  }
}
.vits-cart-item-quantity .unit-control-btn:focus-visible,
.vits-cart-item-quantity .unit-control-btn:active {
  background-color: #fafafa;
  border-color: #bebebe;
}
.vits-cart-item-quantity .unit-control-btn.is-active {
  background-color: #fafafa;
  border-color: #bebebe;
}
.vits-cart-item-quantity .unit-control-input {
  position: relative;
  min-height: 1.875rem;
  padding: 0 0.5rem;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 4px;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-cart-item-quantity .unit-control-input:hover {
    background-color: #fafafa;
    border-color: #bebebe;
  }
}
.vits-cart-item-quantity .unit-control-input:focus-visible,
.vits-cart-item-quantity .unit-control-input:active {
  background-color: #fafafa;
  border-color: #bebebe;
}
.vits-cart-item-quantity .unit-control-input .unit-input {
  max-width: 2.75rem;
  padding-right: 0.25rem;
  font-size: 0.75rem;
  text-align: right;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
}
.vits-cart-item-quantity .unit-control-input .unit-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-cart-item-quantity .unit-control-single {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 1.75rem;
  padding: 0 0.5rem;
}
.vits-cart-item-quantity .unit-control-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
}
.vits-cart-item-quantity .unit-control-select .vits-select-trigger {
  height: 1.875rem;
}
.vits-cart-item-quantity .unit-control-select .vits-select-value {
  font-size: 0.75rem;
}
.vits-cart-item-quantity .unit-add-btn {
  min-height: 1.875rem;
  font-weight: 400;
  border-radius: 4px;
}
.vits-cart-item-quantity .quantity-control.type-horiz {
  height: 1.875rem;
}
.vits-cart-item-quantity .quantity-control.type-horiz .unit {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  height: 1.75rem;
}
.vits-cart-item-quantity .quantity-control.type-horiz .quantity-input {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  min-width: 2.5rem;
  height: 1.75rem;
}
.vits-cart-item-quantity .quantity-control.type-horiz .btn-step {
  width: 1.75rem;
  height: 1.75rem;
}
.vits-cart-item-quantity:has(.unit-control-single) {
  gap: 0 0.5rem;
}
.vits-cart-item-quantity:has(.unit-add-btn) {
  gap: 0.25rem 0.625rem;
}
.vits-cart-item-quantity:has(.vits-select) {
  gap: 0.25rem;
}
.vits-cart-item-price {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  justify-content: flex-start;
  flex: 0 0 auto;
  gap: 1.25rem;
  text-align: right;
}
.vits-cart-item-price .price-group {
  padding-top: 1.125rem;
}
.vits-cart-item-price .price-group .price-origin {
  font-family: 'PretendardGOV', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  text-decoration: line-through;
}
.vits-cart-item-price .price-group .price-sale {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  -moz-column-gap: 0.25rem;
  column-gap: 0.25rem;
}
.vits-cart-item-price .price-group .price-sale .rate {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-cart-item-price .price-group .price-sale .price {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0;
}
.vits-cart-item-price .price-group .price-sale .vat {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #bebebe;
  letter-spacing: 0;
  width: 100%;
}
.vits-cart-item-price .price-discount {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-cart-item-price .price-discount button {
  padding: 0 1.25rem;
}
.vits-cart-item-price .vits-cart-coupon-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-cart-item-bottom {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  border-top: 1px solid #f0f0f0;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  background: #fafafa;
}
.vits-cart-price-summary {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2.75rem;
  width: 100%;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #f0f0f0;
}
.vits-cart-price-summary .vits-cart-summary-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  flex: 1;
  gap: 1.5rem;
}
.vits-cart-price-summary .vits-cart-summary-item.has-discount {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-cart-price-summary .vits-cart-summary-item.has-discount .discount-info {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.vits-cart-price-summary .vits-cart-summary-item.has-discount .discount-info .discount-toggle {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.125rem;
}
.vits-cart-price-summary .vits-cart-summary-item.has-discount .discount-info .discount-toggle:disabled {
  cursor: not-allowed;
}
.vits-cart-price-summary
  .vits-cart-summary-item.has-discount
  .discount-info
  .discount-toggle[aria-expanded='true']
  .ic {
  transform: rotate(180deg);
}
.vits-cart-price-summary .vits-cart-summary-item.has-discount .discount-info .value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-cart-price-summary .vits-cart-summary-item.has-discount .discount-info-detail {
  display: none;
}
.vits-cart-price-summary .vits-cart-summary-item.has-discount .discount-info-detail .detail-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.25rem;
}
.vits-cart-price-summary .vits-cart-summary-item.has-discount .discount-info-detail .detail-row:first-child {
  padding-top: 0;
}
.vits-cart-price-summary .vits-cart-summary-item.has-discount .discount-info.is-active + .discount-info-detail {
  display: block;
}
.vits-cart-price-summary .vits-cart-summary-item .label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  white-space: nowrap;
}
.vits-cart-price-summary .vits-cart-summary-item .value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  white-space: nowrap;
}
.vits-cart-price-summary .vits-cart-summary-item .value.is-discount {
  color: #e51e25;
}
.vits-cart-price-summary .vits-cart-summary-item:last-child .label,
.vits-cart-price-summary .vits-cart-summary-item:last-child .value {
  flex: 1;
  text-align: right;
}
.vits-cart-order-total {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  align-self: flex-end;
  text-align: right;
}
.vits-cart-order-total .label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-cart-order-total .value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-cart-more {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: center;
}
.vits-cart-more .vits-btn-lg {
  width: 100%;
  font-weight: 700;
}
.vits-cart:has(.vits-cart-body .vits-cart-list .vits-cart-item:only-of-type) .vits-cart-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-cart:has(.vits-cart-body .vits-cart-list .vits-cart-item:only-of-type)
  .vits-cart-header
  .vits-cart-toolbar-right {
  flex-shrink: 0;
  margin-left: auto;
}
.vits-cart:has(.vits-cart-body .vits-cart-list .vits-cart-item:only-of-type) .vits-cart-body {
  padding-top: 1rem;
}
.vits-cart:has(.vits-cart-body .vits-cart-list .vits-cart-item:only-of-type) .vits-cart-body .vits-cart-item-top {
  display: none;
}
.vits-cart:has(.vits-cart-body .vits-cart-list .vits-cart-item:only-of-type) .vits-cart-body .vits-cart-item-main {
  padding-top: 1.5rem;
}
.vits-shipping {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  padding-bottom: 2rem;
  margin-top: 1.25rem;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-shipping-header {
  padding: 1.0625rem 2rem;
  border-bottom: 1px solid #f0f0f0;
}
.vits-shipping-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-shipping-alert {
  margin: 2rem 2rem 0;
}
.vits-shipping-body {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  padding: 1rem 2rem 2rem;
  border-bottom: 1px solid #f0f0f0;
}
.vits-shipping-panel {
  display: none;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.5rem;
}
.vits-shipping-guide {
  padding: 1rem;
  background-color: #fafafa;
  border: 1px solid #dadada;
  border-radius: 8px;
}
.vits-shipping-guide ul {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.vits-shipping-guide ul > li {
  position: relative;
  padding-left: 0.75rem;
}
.vits-shipping-guide ul > li::before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 0.25rem;
  height: 0.25rem;
  content: '';
  background: #dadada;
  border-radius: 50%;
}
.vits-shipping-guide ul > li + li {
  margin-top: 0.5rem;
}
.vits-shipping-guide li {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  position: relative;
  line-height: 1.4;
}
.vits-shipping-guide li::before {
  background-color: #444 !important;
}
.vits-shipping-guide li.is-warning {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-shipping-guide li.is-warning::before {
  background-color: #e51e25;
}
.vits-shipping-receiver,
.vits-shipping-sender {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
  padding: 2rem;
}
.vits-shipping-receiver .vits-form-label,
.vits-shipping-sender .vits-form-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-shipping-sender {
  border-bottom: 1px solid #f0f0f0;
}
.vits-shipping-section-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-shipping-method {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
  padding: 2rem 2rem 0;
}
.vits-shipping-method-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  flex: 1;
  height: 3.5rem;
  border-radius: 8px;
}
.vits-shipping-method-btn.is-active {
  font-weight: 600;
}
.vits-shipping-method-tabs {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
}
.vits-shipping-method-tabs .vits-shipping-method-btn {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  border: 1px solid #bebebe;
  gap: 0.3125rem;
  min-height: 3.75rem;
  background-color: #fff;
  border-radius: 8px;
}
.vits-shipping-method-tabs .vits-shipping-method-btn:disabled {
  cursor: not-allowed;
}
.vits-shipping-method-tabs .vits-shipping-method-btn .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-shipping-method-tabs .vits-shipping-method-btn .icon {
  width: 1.625rem;
  height: 1.625rem;
  color: #767676;
}
.vits-shipping-method-tabs .vits-shipping-method-btn .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-shipping-method-tabs .vits-shipping-method-btn.is-active {
  border: 2px solid #e51e25;
}
.vits-shipping-method-tabs .vits-shipping-method-btn.is-active .text,
.vits-shipping-method-tabs .vits-shipping-method-btn.is-active .icon {
  color: #e51e25;
}
.vits-shipping-method-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-shipping-form,
.vits-form-box {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-shipping-form {
  padding-top: 2rem;
}
.vits-form {
  padding-top: 2rem;
}
.vits-form-row {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-form-row-group {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.vits-form-row-group .vits-form-row {
  flex: 1;
  min-width: 0;
}
.vits-form-row-group .vits-btn-scoped-info {
  padding: 0 0.75rem;
}
.vits-form-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-form-field {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-form-field .vits-datepicker-single {
  width: 100%;
}
.vits-form-field .vits-select {
  width: 100%;
  padding: 0 0.125rem;
}
.vits-form-field .vits-select-value {
  font-size: 0.875rem;
}
.vits-form-field .vits-select-trigger {
  justify-content: space-between;
  width: 100%;
  min-height: 2.25rem;
  padding: 0 1rem;
}
.vits-form-field .vits-select-list {
  width: calc(100% - 0.0625rem);
}
.vits-form-field .vits-input .disabled,
.vits-form-field .vits-input.disabled,
.vits-form-field .vits-input.is-disabled,
.vits-form-field .vits-input[disabled],
.vits-form-field .vits-input [disabled] {
  color: #bebebe !important;
  pointer-events: none;
  cursor: none;
  background-color: #f0f0f0;
}
.vits-shipping-panel[data-panel] {
  display: none;
}
.vits-shipping-panel[data-panel].is-active {
  display: block;
}
.vits-shipping-panel[data-panel='quick'] .vits-form-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-shipping [data-freight-visible='false'],
.vits-shipping [data-freight-hidden='true'] {
  display: none !important;
}
.vits-payment {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.vits-payment-summary {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
  margin-bottom: 1rem;
}
.vits-payment-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  border-bottom: 1px solid #f0f0f0;
  padding: 1.0625rem 2rem;
}
.vits-payment-select {
  width: 100%;
  padding: 0 2rem;
}
.vits-payment-select .vits-select,
.vits-payment-select .vits-select-trigger,
.vits-payment-select .vits-select-list {
  width: 100%;
}
.vits-payment-price {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
  padding: 0 0.75rem;
}
.vits-payment-price-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
}
.vits-payment-price-list li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.vits-payment-price-list li span {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-payment-price-list li strong {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-payment-price-list li.is-discount strong {
  color: #f2555a;
}
.vits-payment-price-sub {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
}
.vits-payment-price-sub li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.vits-payment-price-sub li span {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-payment-price-sub li span + span {
  font-size: 1rem;
  color: #1b1b1b;
}
.vits-payment-total {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 2rem 0.75rem;
}
.vits-payment-total span {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-payment-total strong {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-payment-total + .vits-payment-item {
  border-top: 0;
}
.vits-payment-wrap {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.5rem;
  padding: 1.25rem 2rem;
}
.vits-payment-wrap .vits-payment-toggle {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.vits-payment-wrap .vits-payment-toggle:disabled {
  cursor: not-allowed;
}
.vits-payment-wrap .vits-payment-toggle .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-payment-wrap .vits-payment-toggle .ic {
  width: 1.5rem;
  height: 1.5rem;
  color: #444;
}
.vits-payment-wrap .vits-payment-toggle .ic .ic {
  width: 100%;
  height: 100%;
}
.vits-payment-notice {
  padding: 0 2rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
}
.vits-payment-notice::before {
  display: inline-block;
  width: 0.75rem;
  min-width: 0.75rem;
  height: 0.75rem;
  margin-top: 0.1875rem;
  margin-right: 0.25rem;
  content: '';
  background-color: #4a6bc2;
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tip-info.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tip-info.svg) no-repeat center/contain;
}
.vits-payment-agree {
  width: calc(100% - 4rem);
  padding: 1.5rem 0 2rem;
  margin: 0 auto;
}
.vits-payment-agree .agree-text {
  font-weight: 500;
}
.vits-payment-agree .checkbox-single-s {
  align-items: flex-start;
}
.vits-payment-method {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-payment-item {
  border-top: 1px solid #f0f0f0;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
  padding: 1.25rem 0;
  margin: 0 2rem;
}
.vits-payment-item .radio-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  cursor: pointer;
}
.vits-payment-item .radio-item .label-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  align-items: center;
  white-space: nowrap;
}
.vits-payment-item .radio-item .label-name em {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  margin-left: 0.125rem;
  font-style: normal;
  line-height: normal;
}
.vits-payment-item .radio-item .label-name .label-sub {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  padding-left: 0.25rem;
}
.vits-payment-item .radio-item input[type='radio']:checked ~ .label-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-payment-tabs {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  position: sticky;
  top: 1rem;
  z-index: 5;
  padding: 0.125rem;
  background: #f0f0f0;
  border-radius: 4px;
}
.vits-payment-tab {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  flex: 1;
  color: #767676;
  border-radius: 4px;
}
.vits-payment-tab:disabled {
  cursor: not-allowed;
}
.vits-payment-tab.is-active {
  padding: 0.5rem 0;
  font-weight: 600;
  color: #e51e25;
  background-color: #fff;
  border: 1px solid #e51e25;
  border-radius: 4px;
}
.vits-payment-tab-panel {
  display: none;
  padding: 1.5rem 0 1rem;
  margin-top: 0.75rem;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
}
.vits-payment-tab-panel .type-account-empty,
.vits-payment-tab-panel .vits-card-form,
.vits-payment-tab-panel .vits-tax {
  margin-right: 1rem;
  margin-left: 1rem;
}
.vits-payment-tab-panel .vits-payment-notice {
  align-items: center;
  min-height: 2.125rem;
  padding: 0 1rem;
}
.vits-payment-tab-panel .vits-payment-notice::before {
  margin: 0.125rem;
}
.vits-payment-tab-panel .vits-payment-notice .notice-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
  flex: 1;
  padding-right: 0.5rem;
}
.vits-payment-tab-panel .vits-payment-notice .notice-text strong {
  font-weight: 600;
}
.vits-payment-tab-panel .vits-payment-notice .pay-manage {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: end;
  text-align: right;
}
.vits-payment-tab-panel .vits-payment-notice .pay-manage .vits-text-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-payment-tab-panel.tab-panel-card,
.vits-payment-tab-panel.tab-panel-account {
  padding: 1rem 0;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
}
.vits-payment-tab-panel.tab-panel-account .vits-payment-notice {
  justify-content: flex-end;
  padding-bottom: 0.25rem;
}
.vits-payment-tab-panel.tab-panel-account .vits-payment-notice::before {
  content: none;
}
.vits-payment-tab-panel.tab-panel-account .vits-btn-vertical-icon.type-account-empty {
  margin-top: 1.25rem;
}
.vits-payment-tab-panel.tab-panel-account .vits-card-form.type-account .vits-form-row {
  padding-bottom: 0;
}
.vits-payment-tab-panel.is-active {
  display: block;
}
.vits-payment-tab-panel .vits-card-list {
  padding: 1.25rem 0;
  padding-left: 1rem;
}
.vits-payment-tab-panel .vits-card-list .vits-swiper-navs::after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 40px;
  height: 100%;
  content: '';
  background: #fff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.78) 50%, rgb(255, 255, 255) 100%);
}
.vits-payment-tab-panel .vits-card-list .vits-swiper-navs::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 20px;
  height: 100%;
  content: '';
  background: #fff;
  background: linear-gradient(
    -90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.78) 50%,
    rgb(255, 255, 255) 100%
  );
}
.vits-payment-tab-panel .vits-card-list .swiper-button-next {
  right: 5px;
}
.vits-payment-tab-panel .vits-card-list .swiper-button-prev {
  left: 5px;
}
.vits-payment-tab-panel .vits-card-list .swiper-button-disabled {
  opacity: 0;
}
.vits-payment-tab-panel .vits-card-item {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: center;
  width: 80px;
  min-height: 6.625rem;
  padding: 0 1.5rem;
  cursor: pointer;
  background-color: #fff;
  filter: grayscale(1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5rem 5rem;
  border: 1px solid #bebebe;
  border-radius: 8px;
  opacity: 0.3;
}
.vits-payment-tab-panel .vits-card-item .card-brand {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-payment-tab-panel .vits-card-item .card-name,
.vits-payment-tab-panel .vits-card-item .card-number {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin-bottom: 0.25rem;
}
.vits-payment-tab-panel .vits-card-item.swiper-slide-active {
  filter: grayscale(0);
  border: 0;
  opacity: 1;
}
.vits-payment-tab-panel .vits-card-form {
  padding: 1.5rem 2rem;
  border: 1px solid #5c5c5c;
  border-radius: 8px;
}
.vits-payment-tab-panel .vits-card-form .vits-form-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding-bottom: 1rem;
}
.vits-payment-tab-panel .vits-card-form .vits-form-item {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1;
  gap: 0.5rem;
}
.vits-payment-tab-panel .vits-card-form .vits-form-item.type-row {
  flex-direction: row;
  gap: 1rem;
}
.vits-payment-tab-panel .vits-card-form .vits-form-item.type-row .vits-form-label {
  flex-shrink: 0;
  align-self: center;
}
.vits-payment-tab-panel .vits-card-form .vits-form-item.type-row .vits-form-select {
  flex-grow: 1;
  width: auto;
  min-width: 0;
}
.vits-payment-tab-panel .vits-card-form .vits-form-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-payment-tab-panel .vits-card-form .vits-form-label .vits-default-badge {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
  display: inline-block;
  min-width: 1.625rem;
  padding: 0.25rem;
  margin-left: 0.25rem;
  line-height: normal;
  vertical-align: middle;
  background-color: #edf1fd;
  border-radius: 4px;
}
.vits-payment-tab-panel .vits-card-form .vits-form-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-payment-tab-panel .vits-card-form .vits-form-value + .vits-form-number {
  margin-top: -0.25rem;
}
.vits-payment-tab-panel .vits-card-form .vits-form-number {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-payment-tab-panel .vits-card-form .vits-form-select,
.vits-payment-tab-panel .vits-card-form .vits-select {
  width: 100%;
}
.vits-payment-tab-panel .vits-card-form .vits-form-select .vits-select-trigger,
.vits-payment-tab-panel .vits-card-form .vits-select .vits-select-trigger {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.vits-payment-tab-panel .vits-card-form .vits-form-select .vits-select-list,
.vits-payment-tab-panel .vits-card-form .vits-select .vits-select-list {
  width: 100%;
}
.vits-payment-tab-panel .type-account-empty {
  gap: 0.75rem;
  justify-content: center;
  height: 11.25rem;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 8px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-payment-tab-panel .type-account-empty:hover .icon {
  color: #fff;
}
.vits-payment-tab-panel .type-account-empty .icon {
  width: 1.5rem;
  height: 1.5rem;
  color: #fff;
  background-color: #dadada;
  border-radius: 50%;
}
.vits-payment-tab-panel .type-account-empty .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-payment-panel {
  position: relative;
  display: none;
  max-height: calc(100vh - var(--sticky-overflow-offset, 421px));
  padding: 1rem 2rem 0;
  padding: 0 2rem;
  overflow-y: auto;
}
.vits-payment-panel::before {
  position: sticky;
  top: 0;
  z-index: 5;
  display: block;
  width: 100%;
  height: 1rem;
  content: '';
  background: #fff;
}
.vits-payment-panel.is-active {
  display: block;
}
.vits-payment-panel.is-scrollable {
  padding-right: 0.75rem;
}
.vits-payment-panel .payment-tab-panel-inner {
  padding: 1rem 2rem 1.5rem;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
}
.vits-payment-panel .vits-order-alerts {
  gap: 0.75rem;
  padding: 1.25rem 1rem;
}
.vits-payment-panel .vits-order-alerts .alerts-text-important {
  display: inline-block;
}
.vits-payment-panel .vits-order-alerts .alerts-text-important .alerts-icon {
  float: left;
}
.vits-payment-panel .vits-order-alerts .alerts-text-important::after {
  display: block;
  clear: both;
  content: '';
}
.vits-payment-panel.panel-card .vits-order-alerts {
  padding: 1.25rem 2rem;
}
.vits-payment-panel.panel-transfer .vits-order-alerts {
  padding: 1.25rem 2rem;
}
.vits-payment-panel.panel-bank .payment-tab-panel-inner {
  padding-top: 1.5rem;
}
.vits-payment-panel.panel-bank .vits-payment-bank-list {
  padding: 0;
  padding-top: 1.5rem;
  margin: 0;
}
.vits-payment-panel.panel-bank .vits-payment-bank-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1.25rem;
  padding-bottom: 1rem;
}
.vits-payment-panel.panel-bank .vits-payment-bank-item dt {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  min-width: 4.625rem;
}
.vits-payment-panel.panel-bank .vits-payment-bank-item dd {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-payment-panel.panel-bank .vits-payment-bank-input {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-payment-panel.panel-bank .vits-payment-bank-input .vits-form-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  min-width: 4.625rem;
}
.vits-payment-panel.panel-bank .vits-payment-bank-input .vits-form-field {
  flex: 1;
}
.vits-payment-panel.panel-bank .vits-payment-bank-input .vits-form-field ::-moz-placeholder {
  color: #bebebe;
}
.vits-payment-panel.panel-bank .vits-payment-bank-input .vits-form-field ::placeholder {
  color: #bebebe;
}
.vits-payment-panel.panel-credit .info-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-payment-panel.panel-credit .vits-tax {
  margin-top: 0.75rem;
}
.vits-tax {
  padding: 1rem;
  background-color: #fafafa;
  border: 1px solid #dadada;
  border-radius: 8px;
  padding: 1.5rem 2rem;
  margin-top: 1rem;
}
.vits-tax.is-active {
  display: block;
}
.vits-tax-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  padding-bottom: 1rem;
}
.vits-tax-options {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-tax-options .radio-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
  width: 100%;
  max-width: -moz-max-content;
  max-width: max-content;
}
.vits-tax-options .radio-item .radio-icon {
  flex-shrink: 0;
  margin-top: 0.0625rem;
}
.vits-tax-options .radio-item .label-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  flex-grow: 1;
  gap: 0.5rem;
  min-width: 0;
  max-width: none;
  line-height: 1.125rem;
}
.vits-tax-options .radio-item .label-name .label-sub {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: #767676;
}
.vits-tax-options .radio-item:has(input:checked) .label-name {
  font-weight: 700;
  color: #444 !important;
}
.vits-payment-submit {
  margin-top: 1.25rem;
  background-color: #fff;
}
.vits-payment-submit .vits-btn-xxl {
  width: 100%;
}
.vits-payment-submit .vits-btn-xxl .text {
  font-size: 1.25rem;
}
.vits-address-modify {
  padding: 2rem;
  border: 1px solid #bebebe;
  border-radius: 8px;
}
.vits-address-modify-form {
  position: relative;
}
.vits-address-modify-form .vits-address-type {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding-bottom: 2rem;
}
.vits-address-modify-form .vits-address-type .radio-item {
  flex: 1;
  text-align: center;
}
.vits-address-modify-form .vits-address-type .radio-item .radio-icon {
  margin-top: 1px;
}
.vits-address-modify-form .vits-address-type .radio-item .label-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-address-modify-form .vits-address-type .radio-item:has(input:checked) .label-name {
  color: #e51e25;
}
.vits-address-modify-form .vits-address-fields {
  display: none;
}
.vits-address-modify-form .vits-address-fields.is-active {
  display: block;
}
.vits-address-modify-form .vits-address-fields .vits-field {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  margin-top: 0.75rem;
}
.vits-address-modify-form .vits-address-fields .vits-field:first-child {
  margin-top: 0;
}
.vits-address-modify-form .vits-address-fields .vits-field-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  min-width: 3.75rem;
  white-space: nowrap;
}
.vits-address-modify-form .vits-address-fields .vits-field-label .vits-required {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  margin-right: 2px;
}
.vits-address-modify-form .vits-address-fields .vits-field .input-item ::-moz-placeholder {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #bebebe;
  letter-spacing: 0;
}
.vits-address-modify-form .vits-address-fields .vits-field .input-item ::placeholder {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #bebebe;
  letter-spacing: 0;
}
.vits-address-modify-form .vits-address-fields .vits-field.vits-address {
  gap: 0.75rem;
  align-items: flex-start;
  justify-content: space-between;
}
.vits-address-modify-form .vits-address-fields .vits-field.vits-address .vits-field-label {
  padding-top: 0.5rem;
}
.vits-address-modify-form .vits-address-fields .vits-field.vits-address .vits-address-input {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1;
  gap: 0.75rem;
}
.vits-address-modify-form .vits-address-fields .vits-field.vits-address .vits-address-input .vits-address-zipcode {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-address-modify-form
  .vits-address-fields
  .vits-field.vits-address
  .vits-address-input
  .vits-address-zipcode
  .vits-input {
  width: 100%;
}
.vits-address-modify-form .vits-address-fields.panel-freight .vits-address-freight {
  padding: 1rem;
  background-color: #fafafa;
  border: 1px solid #dadada;
  border-radius: 8px;
  margin-bottom: 2rem;
}
.vits-address-modify-form .vits-address-fields.panel-freight .vits-address-freight-notice {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  padding-bottom: 0.625rem;
}
.vits-address-modify-form .vits-address-fields.panel-freight .vits-address-freight-notice .required {
  color: #f2555a;
}
.vits-address-modify-form .vits-address-fields.panel-freight .vits-address-freight-fields {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.625rem;
}
.vits-address-modify-form .vits-address-fields.panel-freight .vits-address-freight-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  width: 100%;
}
.vits-address-modify-form .vits-address-fields.panel-freight .vits-address-freight-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  min-width: 3.75rem;
  white-space: nowrap;
}
.vits-address-modify-form .vits-address-fields.panel-freight .vits-address-freight-search {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-address-modify-form .vits-address-fields.panel-freight .vits-address-freight-search .vits-btn-scoped-info {
  padding: 0 1.25rem;
}
.vits-address-modify-form .vits-default-address {
  padding-top: 2rem;
}
.vits-address-modify-form .vits-default-address .agree-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-apply-coupon-content.vits-scrollbar {
  max-height: 39.375rem;
  padding-bottom: 0.25rem;
  overflow: auto;
}
.vits-apply-coupon-content .vits-apply-coupon-list ul {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-apply-coupon-content .vits-apply-coupon-list .coupon-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1.25rem;
  padding: 0.875rem 1.25rem;
  border: 1px solid #dadada;
  border-radius: 8px;
}
.vits-apply-coupon-content .vits-apply-coupon-list .coupon-item-left .coupon-item-badge {
  position: relative;
  display: block;
  width: 9.25rem;
  height: 4.25rem;
  background: #fff url(../../../../../resources/img/mro/renewal/ic/ic-coupon-badge.svg) no-repeat center/contain;
}
.vits-apply-coupon-content .vits-apply-coupon-list .coupon-item-left .coupon-item-badge-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-top: 0.1875rem;
}
.vits-apply-coupon-content .vits-apply-coupon-list .coupon-item-left .coupon-item-badge-value::before {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
  display: block;
  content: '할인';
}
.vits-apply-coupon-content .vits-apply-coupon-list .coupon-item-body {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.vits-apply-coupon-content .vits-apply-coupon-list .coupon-item-body .coupon-item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-apply-coupon-content .vits-apply-coupon-list .coupon-item-body .coupon-item-period {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  margin: 0.5rem 0 0.25rem;
}
.vits-apply-coupon-content .vits-apply-coupon-list .coupon-item-body .coupon-item-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-apply-coupon-content .vits-apply-coupon-list .coupon-item-body .coupon-item-desc .desc-list-discount {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-apply-coupon-content .vits-apply-coupon-list .coupon-item-body .coupon-item-desc .desc-list-discount dt,
.vits-apply-coupon-content .vits-apply-coupon-list .coupon-item-body .coupon-item-desc .desc-list-discount dd {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-apply-coupon-content .vits-apply-coupon-list .coupon-item:hover {
    border-color: #5c5c5c;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
  }
}
.vits-apply-coupon-content .vits-apply-coupon-list .coupon-item:focus-visible,
.vits-apply-coupon-content .vits-apply-coupon-list .coupon-item:active {
  border-color: #5c5c5c;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
}
.vits-apply-coupon-content .vits-benefit-coupon-price {
  padding: 1rem 1.5rem;
  margin-top: 2rem;
  background: #f1f3f6;
  border: 2px solid #2f4f9e;
  border-radius: 8px;
}
.vits-apply-coupon-content .vits-benefit-coupon-price .vits-benefit-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin-bottom: 0.75rem;
}
.vits-apply-coupon-content .vits-benefit-coupon-price .vits-benefit-calc {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.vits-apply-coupon-content .vits-benefit-coupon-price .vits-benefit-item {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.125rem;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 1rem;
  text-align: center;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 8px;
}
.vits-apply-coupon-content .vits-benefit-coupon-price .vits-benefit-result {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 0.25rem;
  padding: 0.75rem;
  background: #fff;
  border: 1px solid #2f4f9e;
  border-radius: 8px;
}
.vits-apply-coupon-content .vits-benefit-coupon-price .vits-benefit-result .benefit-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-apply-coupon-content .vits-benefit-coupon-price .vits-benefit-result .benefit-price-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-apply-coupon-content .vits-benefit-coupon-price .benefit-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-apply-coupon-content .vits-benefit-coupon-price .benefit-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-apply-coupon-content .vits-benefit-coupon-price .benefit-operator {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
  padding: 0 4px;
}
.vits-auto-alert .vits-auto-alert-content {
  padding: 1rem;
  background-color: #fafafa;
  border: 1px solid #dadada;
  border-radius: 8px;
  padding: 1.25rem 2rem;
}
.vits-auto-alert .vits-auto-alert-content .vits-auto-alert-list > li {
  position: relative;
  padding-left: 0.75rem;
}
.vits-auto-alert .vits-auto-alert-content .vits-auto-alert-list > li::before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 0.25rem;
  height: 0.25rem;
  content: '';
  background: #444;
  border-radius: 50%;
}
.vits-auto-alert .vits-auto-alert-content .vits-auto-alert-list > li + li {
  margin-top: 0.5rem;
}
.vits-auto-alert .vits-auto-alert-content .vits-auto-alert-list .vits-auto-alert-item .vits-auto-alert-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-add-product-order .vits-order-input-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 2rem 0;
  border-radius: 8px;
}
.vits-add-product-order .vits-order-input-row:has(.order-cell:nth-of-type(2)):not(:has(.order-cell:nth-of-type(3))) {
  justify-content: flex-start;
}
.vits-add-product-order .vits-order-input-row .guide-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  padding-bottom: 0.5rem;
}
.vits-add-product-order .vits-order-input-row .order-cell {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-end;
}
.vits-add-product-order .vits-order-input-row .order-cell .unit-control-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  min-height: 2.375rem;
  padding: 0 0.8125rem;
  border: 1px solid #dadada;
  border-radius: 4px;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-add-product-order .vits-order-input-row .order-cell .unit-control-btn:hover {
    background-color: #f0f0f0;
    border-color: #bebebe;
  }
}
.vits-add-product-order .vits-order-input-row .order-cell .unit-control-btn:focus-visible,
.vits-add-product-order .vits-order-input-row .order-cell .unit-control-btn:active {
  background-color: #f0f0f0;
  border-color: #bebebe;
}
.vits-add-product-order .vits-order-input-row .order-cell .unit-control-input {
  position: relative;
  min-height: 2.25rem;
  padding: 0 0.5rem;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 4px;
}
.vits-add-product-order .vits-order-input-row .order-cell .unit-control-input .unit-input {
  min-height: 2.25rem;
  padding-right: 0.25rem;
  font-size: 0.75rem;
  text-align: right;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
}
.vits-add-product-order .vits-order-input-row .order-cell .unit-control-input .unit-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-add-product-order .vits-order-input-row .order-cell .unit-control-input:hover {
    background-color: #f0f0f0;
    border-color: #bebebe;
  }
}
.vits-add-product-order .vits-order-input-row .order-cell .unit-control-input:focus-visible,
.vits-add-product-order .vits-order-input-row .order-cell .unit-control-input:active {
  background-color: #f0f0f0;
  border-color: #bebebe;
}
.vits-add-product-order .vits-order-input-row .order-cell .quantity-control .unit {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  line-height: normal;
}
.vits-add-product-order .vits-order-input-row .order-cell .vits-add-btn {
  min-width: 8.125rem;
}
.vits-add-product-order .vits-order-list {
  border: 1px solid #dadada;
  max-height: 12.5625rem;
  padding: 0.625rem 2.5rem;
  overflow: auto;
  background: #fafafa;
  border-radius: 8px;
}
.vits-add-product-order .vits-order-list .vits-order-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  border-top: 1px solid #f0f0f0;
  gap: 0.5rem;
  padding: 0.625rem 0;
}
.vits-add-product-order .vits-order-list .vits-order-item:first-child {
  border-top: 0 none rgba(0, 0, 0, 0);
}
.vits-add-product-order .vits-order-list .vits-order-item .vits-order-spec {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  flex: 1 1 auto;
}
.vits-add-product-order .vits-order-list .vits-order-item .vits-order-price {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  white-space: nowrap;
}
.vits-add-product-order .vits-order-list .vits-order-item .vits-order-remove {
  flex: 0 0 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: none;
}
.vits-add-product-order .vits-order-list .vits-order-item .vits-order-remove .ic {
  width: 100%;
  height: 100%;
}
.vits-product-summary {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  border: 1px solid #dadada;
  gap: 0.75rem;
  padding: 0.75rem;
  background: #fff;
  border-radius: 8px;
}
.vits-product-summary .vits-product-thumb {
  flex: 0 0 3.75rem;
  height: 3.75rem;
  background-color: #fafafa;
  border-radius: 8px;
}
.vits-product-summary .vits-product-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.vits-product-summary .vits-product-meta {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-product-summary .vits-product-meta .vits-product-brand {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-product-summary .vits-product-meta .vits-product-code {
  border: 1px solid #bebebe;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  padding: 0.0625rem 0.25rem;
}
.vits-product-summary .vits-product-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin-top: 0.5rem;
}
.vits-product-summary .vits-product-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  margin-top: 0.125rem;
}
.vits-coupon-change .vits-coupon-change-header [class*='vits-btn'] {
  width: 100%;
}
.vits-coupon-change .vits-coupon-change-body {
  max-height: 39.5rem;
  padding-top: 1rem;
  overflow: auto;
}
.vits-coupon-change .vits-coupon-change-body .coupon-change-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
}
.vits-coupon-change .vits-coupon-change-body .coupon-change-list .coupon-change-item {
  border: 1px solid #dadada;
  border-radius: 8px;
}
.vits-coupon-change .vits-coupon-change-body .coupon-change-list .coupon-change-card .vits-product-summary {
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 0;
}
.vits-coupon-change .vits-coupon-change-body .coupon-change-list .coupon-change-card .vits-coupon-select {
  padding: 0 1rem 1rem;
}
.vits-coupon-change .vits-coupon-change-body .coupon-change-list .coupon-change-card .vits-coupon-select .coupon-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  padding-bottom: 0.25rem;
}
.vits-coupon-change
  .vits-coupon-change-body
  .coupon-change-list
  .coupon-change-card
  .vits-coupon-select
  .coupon-field
  .vits-select,
.vits-coupon-change
  .vits-coupon-change-body
  .coupon-change-list
  .coupon-change-card
  .vits-coupon-select
  .coupon-field
  .vits-select-list {
  width: 100%;
}
.vits-coupon-change
  .vits-coupon-change-body
  .coupon-change-list
  .coupon-change-card
  .vits-coupon-select
  .coupon-field
  .vits-select-trigger {
  width: 100%;
  padding: 0 1.25rem;
}
.vits-coupon-change
  .vits-coupon-change-body
  .coupon-change-list
  .coupon-change-card
  .vits-coupon-select
  .coupon-field
  .vits-select-disabled
  .vits-select-trigger {
  background: #f0f0f0;
}
.vits-coupon-change .vits-coupon-change-body .coupon-change-list .coupon-change-card .vits-coupon-price {
  padding: 1rem 1.5rem;
  background: #fafafa;
  border-radius: 8px;
}
.vits-coupon-change .vits-coupon-change-body .coupon-change-list .coupon-change-card .vits-coupon-price ul {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
  gap: 2.0625rem;
}
.vits-coupon-change .vits-coupon-change-body .coupon-change-list .coupon-change-card .vits-coupon-price ul li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-coupon-change
  .vits-coupon-change-body
  .coupon-change-list
  .coupon-change-card
  .vits-coupon-price
  ul
  li
  .price-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-coupon-change
  .vits-coupon-change-body
  .coupon-change-list
  .coupon-change-card
  .vits-coupon-price
  ul
  li
  .price-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-coupon-change
  .vits-coupon-change-body
  .coupon-change-list
  .coupon-change-card
  .vits-coupon-price
  ul
  li
  .price-value.is-discount {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-coupon-change
  .vits-coupon-change-body
  .coupon-change-list
  .coupon-change-card
  .vits-coupon-price
  ul
  li
  .price-value.is-max-benefit {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-freight-company {
  position: relative;
}
.vits-freight-company .vits-carrier-search {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.5rem;
}
.vits-freight-company .vits-carrier-search-form .vits-select-trigger {
  min-height: inherit;
}
.vits-freight-company .vits-carrier-search .vits-form-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-freight-company .vits-carrier-search .vits-form-field {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.5rem;
  min-width: 12.5rem;
}
.vits-freight-company .vits-carrier-search .vits-form-field.is-grow {
  flex: 1;
}
.vits-freight-company .vits-carrier-search .vits-form-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-freight-company .vits-carrier-search .vits-form-control {
  width: 100%;
}
.vits-freight-company .vits-carrier-search .vits-form-actions {
  flex-shrink: 0;
}
.vits-freight-company .vits-carrier-search .vits-form-actions [class*='vits-btn'] {
  min-width: 7.5rem;
}
.vits-freight-company .vits-carrier-search-result {
  border: 1px solid #dadada;
  overflow: hidden;
  border-radius: 8px;
}
.vits-freight-company .vits-carrier-search .vits-table-carrier {
  width: 100%;
  border-collapse: collapse;
}
.vits-freight-company .vits-carrier-search .vits-table-carrier thead {
  background: #f0f0f0;
}
.vits-freight-company .vits-carrier-search .vits-table-carrier th,
.vits-freight-company .vits-carrier-search .vits-table-carrier td {
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #dadada;
}
.vits-freight-company .vits-carrier-search .vits-table-carrier th [class*='vits-btn'],
.vits-freight-company .vits-carrier-search .vits-table-carrier td [class*='vits-btn'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  margin: 0 auto;
}
.vits-freight-company .vits-carrier-search .vits-table-carrier th {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  padding: 0.625rem 0.5rem;
}
.vits-freight-company .vits-carrier-search .vits-table-carrier td {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  padding: 0.5rem;
}
.vits-freight-company .vits-carrier-search .vits-table-carrier tr:last-child td {
  border-bottom: 0;
}
.vits-freight-company .vits-carrier-search-pagination {
  margin: 0 auto;
}
.ci .ci-area {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.ci .ci-area .header-tit .header-cont .cst-text {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  background: #fff url(../../../../../resources/img/mro/renewal/logo/logo-vitsonpay.svg) no-repeat center/auto 2rem;
  min-height: 3.75rem;
}
.ci .ci-area .header-tit .header-cont .cst-text::after,
.ci .ci-area .header-tit .header-cont .cst-text::before {
  display: none;
}
.ci .header-cont p::before,
.ci .header-cont p::after {
  content: none;
}
.vitsonpay-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  min-height: 3.75rem;
  padding: 0 1.25rem;
  background-color: #e51e25;
}
.vitsonpay-btn[disabled],
.vitsonpay-btn.disabled {
  background-color: #c9c9c9;
}
.vitsonpay-btn .vitsonpay-btn-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
}
.vitsonpay-btn .vitsonpay-btn-text::before,
.vitsonpay-btn .vitsonpay-btn-text::after {
  content: none;
}
.vitsonpay-popup {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  max-width: 30rem;
  min-height: 100vh;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #f0f0f0;
}
.vitsonpay-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #f0f0f0;
}
.vitsonpay-back,
.vitsonpay-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  color: #1b1b1b;
  cursor: pointer;
  background: none;
  border: none;
}
.vitsonpay-back .ic,
.vitsonpay-close .ic {
  width: 1.5rem;
  height: 1.5rem;
}
.vitsonpay-logo {
  margin: 0;
  font-size: 1.125rem;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vitsonpay-logo-brand {
  color: #e51e25;
}
.vitsonpay-body {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  padding: 2rem 1.5rem;
}
.vitsonpay-title {
  margin: 0 0 0.5rem;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vitsonpay-desc {
  margin: 0 0 1.5rem;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vitsonpay-pindots {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.vitsonpay-dot {
  width: 0.75rem;
  height: 0.75rem;
  background-color: #dadada;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.vitsonpay-dot.is-filled {
  background-color: #1b1b1b;
}
.vitsonpay-body .vits-text-link {
  color: #2f4f9e;
  text-decoration: underline;
}
.vitsonpay-keypad {
  flex-shrink: 0;
  padding: 1.25rem;
  background-color: #f0f0f0;
  border-top: 1px solid #f0f0f0;
}
.vitsonpay-keygrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.vitsonpay-key {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  cursor: pointer;
  background: none;
  border: 0;
}
.vitsonpay-key-empty {
  pointer-events: none;
}
.vitsonpay-keyactions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.vitsonpay-del {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3rem;
  padding: 0;
  color: #444;
  cursor: pointer;
  background: none;
  border: none;
}
.vitsonpay-del .ic {
  width: 1.5rem;
  height: 1.5rem;
}
.vitsonpay-clear {
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  background: none;
  border: none;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-main-order-complete {
  padding: 2.5rem 0 3.125rem;
  background-color: #f1f3f6;
}
.vits-main-order-complete .order-complete-status {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  margin: 2.5rem 0 1.25rem;
  text-align: center;
}
.vits-main-order-complete .order-complete-number {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
}
.vits-main-order-complete .order-complete-number strong {
  font-weight: 600;
}
.vits-main-order-complete .order-complete-notice {
  display: none;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-main-order-complete .order-section {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  border-radius: 12px;
  border: 1px solid #dadada;
}
.vits-main-order-complete .order-section-wrap {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2rem;
  padding: 0 2rem 4rem;
}
.vits-main-order-complete .order-section-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
.vits-main-order-complete .order-section-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  padding: 1.0625rem 2rem;
  border-bottom: 1px solid #f0f0f0;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-main-order-complete .order-section-title .icon,
.vits-main-order-complete .order-section-title .ic {
  width: 1.75rem;
  height: 1.75rem;
}
.vits-main-order-complete .order-section-content {
  padding: 2rem;
}
.vits-main-order-complete .order-section.order-payment .order-section-content {
  height: 100%;
  padding: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: space-between;
}
.vits-main-order-complete .order-section.order-product .order-product-notice-column {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-main-order-complete .order-product-parcel-wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
  padding: 1rem;
  margin-left: 6.25rem;
  background-color: #f1f3f6;
  border-radius: 8px;
}
.vits-main-order-complete .parcel-notice {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1;
  gap: 0.5rem;
  padding: 1rem;
}
.vits-main-order-complete .parcel-notice-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-main-order-complete .parcel-notice-icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  color: #e51e25;
}
.vits-main-order-complete .parcel-notice-icon .ic {
  width: 1.5rem;
  height: 1.5rem;
}
.vits-main-order-complete .parcel-notice-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-main-order-complete .parcel-notice-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  padding-left: 2rem;
  margin: 0;
}
.vits-main-order-complete .parcel-notice-desc strong {
  position: relative;
  font-weight: 600;
}
.vits-main-order-complete .parcel-notice-desc strong::before {
  position: absolute;
  top: 8px;
  left: -9px;
  width: 0.125rem;
  height: 0.125rem;
  content: '';
  background-color: #5c5c5c;
  border-radius: 50%;
}
.vits-main-order-complete .order-product-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1;
  gap: 0.25rem;
  min-width: 0;
  padding: 1rem;
}
.vits-main-order-complete .order-product-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.625rem;
  padding: 0.25rem 0.375rem;
  background-color: #fff;
  border-radius: 4px;
}
.vits-main-order-complete .order-product-item-thumb {
  width: 1.5rem;
  height: 1.5rem;
  background: #dadada;
}
.vits-main-order-complete .order-product-item-thumb img {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #dadada;
}
.vits-main-order-complete .order-product-item-thumb img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vits-main-order-complete .order-product-item-thumb img img {
  background-color: #fff;
}
.vits-main-order-complete .order-product-item-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  flex: 1;
  min-width: 0;
}
.vits-main-order-complete .order-page-title {
  padding: 1.0625rem 2rem;
  border-bottom: 1px solid #f0f0f0;
}
.vits-main-order-complete .order-page-title h1 {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-main-order-complete .vits-order-complete {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2rem;
  max-width: 80rem;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-main-order-complete .vits-order-complete .order-section.order-slip {
  display: none;
}
.vits-main-order-complete .vits-order-complete.order-slip .order-complete-number,
.vits-main-order-complete .vits-order-complete.order-slip .order-section {
  display: none;
}
.vits-main-order-complete .vits-order-complete.order-slip .order-complete-number.order-slip,
.vits-main-order-complete .vits-order-complete.order-slip .order-section.order-slip {
  display: block;
}
.vits-main-order-complete .vits-order-complete.order-slip .order-complete-notice {
  display: block;
}
.vits-main-order-complete .vits-order-complete-buttons {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: center;
  gap: 0.75rem;
  padding-top: 1.5rem;
}
.vits-main-order-complete .vits-order-complete-buttons .btn-home {
  width: 9.75rem;
}
.vits-main-order-complete .vits-order-complete-buttons .btn-cart {
  width: 20.875rem;
}
.vits-main-order-complete .info-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
}
.vits-main-order-complete .info-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-main-order-complete .info-item .info-label {
  flex: 0 0 5.75rem;
  white-space: normal;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-main-order-complete .info-item .info-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-main-order-complete .info-item .info-value-status {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
}
.vits-main-order-complete .info-item .info-value .miss {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-main-order-complete .info-item span:nth-of-type(3) {
  position: relative;
  flex: none;
  padding-left: 1rem;
}
.vits-main-order-complete .info-item span:nth-of-type(3)::before {
  position: absolute;
  top: 1px;
  left: 0;
  width: 1px;
  height: 80%;
  content: '';
  background-color: #f0f0f0;
}
.vits-main-order-complete .price-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
  padding: 2rem 2rem;
}
.vits-main-order-complete .price-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.vits-main-order-complete .price-item .price-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-main-order-complete .price-item .price-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-main-order-complete .price-item.is-discount .price-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
}
.vits-main-order-complete .price-total {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 2rem;
  border-top: 1px solid #f0f0f0;
}
.vits-main-order-complete .price-total-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-main-order-complete .price-total-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-main-search-list .vits-product-list.view-thumb .vits-product-list-items {
  gap: 2rem 1.5rem;
}
.vits-related-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: flex-start;
  border-top: 1px solid #dadada;
  gap: 0.5rem;
  padding-top: 3.5rem;
  margin-top: 1.5rem;
}
.vits-related-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-related-title .point-color,
.vits-related-title .primary {
  color: #e51e25;
}
.vits-related-body {
  padding-top: 1.75rem;
}
.vits-related-body .vits-base-swiper-card {
  padding: 0;
}
.vits-grid-main-content[class*='main-content-my-'] {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5rem;
}
.vits-grid-main-content .vits-mypage-content-notice {
  padding: 1rem 2rem;
  background: #fff;
  border-radius: 12px;
}
.vits-grid-main-content .vits-mypage-content-notice .notice-list > li {
  position: relative;
  padding-left: 0.625rem;
}
.vits-grid-main-content .vits-mypage-content-notice .notice-list > li::before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 0.125rem;
  height: 0.125rem;
  content: '';
  background: #dadada;
  border-radius: 50%;
}
.vits-grid-main-content .vits-mypage-content-notice .notice-list > li + li {
  margin-top: 0.5rem;
}
.vits-grid-main-content .vits-mypage-content-notice .notice-list > li {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-grid-main-content.main-content-my-favorites {
  align-items: stretch;
}
.vits-grid-main-content.main-content-my-favorites .vits-mypage-panel {
  flex-grow: 1;
}
.vits-grid-main-content.main-content-my-favorites .vits-mypage-panel .vits-mypage-records-box.type-empty {
  align-items: flex-start;
  min-height: 100%;
  padding-top: 10.625rem;
}
.vits-grid-main-content.main-content-my-home {
  padding-top: 3.5rem;
}
.vits-grid-main-content.main-content-my-home .vits-mypage-panel {
  gap: 1.5rem;
}
.vits-grid-main-content.main-content-my-home .vits-mypage-panel > div {
  width: 100%;
}
.vits-mypage-home-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  gap: 0.25rem;
}
.vits-mypage-home-title .icon {
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  color: #444;
}
.vits-mypage-home-title .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-mypage-home-profile {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
  padding: 1.5rem 2rem;
  gap: 0.75rem;
}
.vits-mypage-home-profile .profile-greeting {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-mypage-home-profile .profile-coupon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  height: 2.5rem;
  padding: 0 0.75rem;
  background: #edf1fd;
  border-radius: 8px;
}
.vits-mypage-home-profile .profile-coupon .coupon-icon {
  width: 1rem;
  height: 1rem;
  color: #2f4f9e;
}
.vits-mypage-home-profile .profile-coupon .coupon-icon .ic {
  width: 100%;
  height: 100%;
}
.vits-mypage-home-profile .profile-coupon .coupon-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
}
.vits-mypage-home-profile .profile-coupon .coupon-count {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
}
.vits-mypage-home-profile .profile-shortcuts {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  margin-left: auto;
}
.vits-mypage-home-profile .profile-shortcuts [class*='vits-btn-'] {
  flex: 0 0 8.125rem;
  width: 8.125rem;
}
.vits-mypage-home-status {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
  padding: 2rem 1.25rem;
}
.vits-mypage-home-status .order-status-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-mypage-home-status .order-status-list > li:not(:only-of-type, :last-of-type) {
  padding-right: 0.75rem;
}
.vits-mypage-home-status .order-status-list > li + li {
  position: relative;
  padding-left: 0.75rem;
}
.vits-mypage-home-status .order-status-list > li + li::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.0625rem;
  height: 7.375rem;
  content: '';
  background-color: #f0f0f0;
  transform: translateY(-50%);
}
.vits-mypage-home-status .order-status-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: center;
  flex: 1 1 0;
  align-self: flex-start;
  min-width: 0;
}
.vits-mypage-home-status .order-status-item:not(:has(.status-sub)) .status-label {
  height: 2.375rem;
  line-height: 2.375rem;
}
.vits-mypage-home-status .order-status-inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.125rem;
}
.vits-mypage-home-status .order-status-inner .status-icon {
  width: 3.125rem;
  height: 3.125rem;
  padding: 0.625rem;
  color: #444;
  background: #fafafa;
  border-radius: 50%;
}
.vits-mypage-home-status .order-status-inner .status-icon .ic {
  width: 100%;
  height: 100%;
}
.vits-mypage-home-status .order-status-inner .status-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  margin-top: 0.125rem;
}
.vits-mypage-home-status .order-status-inner .status-sub {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-mypage-home-status .order-status-inner .status-count {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
  margin-top: auto;
}
.vits-mypage-home-orders {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-mypage-home-orders [data-scss='head'] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f0f0f0;
  height: 3.75rem;
  padding: 0 2rem;
}
.vits-mypage-home-orders [data-scss='body'] {
  padding: 1rem 2.25rem;
}
.vits-mypage-home-orders .orders-body {
  padding: 2.25rem 2.75rem;
}
.vits-mypage-home-orders .orders-items {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-mypage-home-orders .orders-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.vits-mypage-home-orders .orders-item-inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
  min-width: 0;
  max-width: 8.125rem;
}
.vits-mypage-home-orders .orders-item-inner .product-meta {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-mypage-home-orders .orders-item-inner .product-date {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-mypage-home-orders .orders-item-inner .product-thumb {
  width: 100%;
  aspect-ratio: 1/1;
}
.vits-mypage-home-orders .orders-item-inner .product-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vits-mypage-home-orders .orders-item-inner .product-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.5rem;
  margin: 0.5rem 0;
}
.vits-mypage-home-orders .orders-item-inner .product-code {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.vits-mypage-home-orders .orders-item-inner .product-code span {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  border: 1px solid #bebebe;
  display: inline-block;
  padding: 0 0.25rem;
}
.vits-mypage-home-orders .orders-item-inner .product-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vits-mypage-home-orders .orders-item-inner .product-actions [class*='vits-btn-'] {
  width: 100%;
}
.vits-mypage-home-orders .orders-item:not(:last-of-type)::after {
  display: block;
  flex-shrink: 0;
  width: 1px;
  margin: 0 clamp(1rem, 2vw, 2.0625rem);
  content: '';
  background: #f0f0f0;
}
.vits-mypage-home-claim {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-mypage-home-claim [data-scss='head'] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f0f0f0;
  height: 3.75rem;
  padding: 0 2rem;
}
.vits-mypage-home-claim [data-scss='body'] {
  padding: 1rem 2.25rem;
}
.vits-mypage-home-claim .claim-body {
  padding: 2rem 2.75rem;
}
.vits-mypage-home-claim .claim-body > a {
  display: block;
  width: 100%;
}
.vits-mypage-home-claim .claim-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-mypage-home-claim .claim-item-thumb {
  flex: 0 0 8.75rem;
  width: 8.75rem;
}
.vits-mypage-home-claim .claim-item-thumb .product-thumb {
  width: 100%;
  aspect-ratio: 1/1;
}
.vits-mypage-home-claim .claim-item-thumb .product-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vits-mypage-home-claim .claim-item-status {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  flex: 1 1 auto;
  min-width: 6.25rem;
  text-align: center;
}
.vits-mypage-home-claim .claim-item-status p {
  width: 100%;
  padding: 0 1.25rem;
}
.vits-mypage-home-claim .claim-item-status::before,
.vits-mypage-home-claim .claim-item-status::after {
  width: 1px;
  height: 8.75rem;
  content: '';
  background: #f0f0f0;
}
.vits-mypage-home-claim .claim-item-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex: 2 1 auto;
  gap: 0.5rem;
  min-width: 0;
  max-width: 21.875rem;
}
.vits-mypage-home-claim .claim-item-info .product-order {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-mypage-home-claim .claim-item-info .product-order > p:not(:only-of-type, :last-of-type) {
  padding-right: 0.5rem;
}
.vits-mypage-home-claim .claim-item-info .product-order > p + p {
  position: relative;
  padding-left: 0.5rem;
}
.vits-mypage-home-claim .claim-item-info .product-order > p + p::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.0625rem;
  height: 0.5rem;
  content: '';
  background-color: #d9d9d9;
  transform: translateY(-50%);
}
.vits-mypage-home-claim .claim-item-info .product-order p {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-mypage-home-claim .claim-item-info .product-title {
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vits-mypage-home-claim .claim-item-info .product-code {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  border: 1px solid #bebebe;
  padding: 0 0.25rem;
  margin-right: 0.25rem;
  line-height: 16px;
}
.vits-mypage-home-claim .claim-item-info .product-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-mypage-home-claim .claim-item-info .product-meta {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  flex-wrap: wrap;
}
.vits-mypage-home-claim .claim-item-info .product-meta > p:not(:only-of-type, :last-of-type) {
  padding-right: 0.5rem;
}
.vits-mypage-home-claim .claim-item-info .product-meta > p + p {
  position: relative;
  padding-left: 0.5rem;
}
.vits-mypage-home-claim .claim-item-info .product-meta > p + p::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.0625rem;
  height: 0.5rem;
  content: '';
  background-color: #d9d9d9;
  transform: translateY(-50%);
}
.vits-mypage-home-claim .claim-item-pay {
  flex: 1 1 auto;
  min-width: 9.375rem;
  max-width: 12.5rem;
  text-align: right;
}
.vits-mypage-home-claim .claim-item-pay .product-price {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-mypage-home-frequent {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-mypage-home-frequent [data-scss='head'] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f0f0f0;
  height: 3.75rem;
  padding: 0 2rem;
}
.vits-mypage-home-frequent [data-scss='body'] {
  padding: 1rem 2.25rem;
}
.vits-mypage-home-frequent .frequent-body {
  padding: 2.25rem;
}
.vits-mypage-home-frequent .frequent-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.75rem;
}
.vits-mypage-home-frequent .frequent-item {
  flex: 0 0 12.5rem;
}
.vits-mypage-home-frequent.is-empty .frequent-body {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  height: 32rem;
}
.vits-mypage-home-frequent.is-empty .frequent-body .vits-empty-state,
.vits-mypage-home-frequent.is-empty .frequent-body .vits-empty-state-content {
  gap: 1.25rem;
}
.vits-mypage-home-frequent.is-empty .frequent-body .vits-empty-state-icon {
  width: 4.375rem;
  height: 4.375rem;
  padding: 1.1875rem;
  color: #bebebe;
  background: #fafafa;
}
.vits-mypage-home-guides {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.5rem;
}
.vits-mypage-home-guides .guides-item {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex: 0 0 calc(50% - 0.75rem);
  max-width: 29.125rem;
}
.vits-mypage-home-guides .guides-item [data-scss='head'] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f0f0f0;
  height: 3.75rem;
  padding: 0 2rem;
}
.vits-mypage-home-guides .guides-item [data-scss='body'] {
  padding: 1rem 2.25rem;
}
.vits-mypage-home-guides .guides-item.guides-docs [data-scss='body'] {
  padding-bottom: 2.25rem;
}
.vits-mypage-home-guides .guides-body {
  flex-grow: 1;
  min-height: 16.5rem;
}
.vits-mypage-home-guides .guides-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  height: 16.5rem;
}
.vits-mypage-home-guides .guides-content [class*='vits-btn-'] {
  width: 10rem;
  margin-top: 2rem;
}
.vits-mypage-home-guides .guides-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  padding-bottom: 0.25rem;
}
.vits-mypage-home-guides .guides-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-mypage-home-guides .guides-desc b {
  font-weight: 600;
  color: #1b1b1b;
}
.vits-mypage-home-guides .guides-credit .credit-usage {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: space-between;
  height: 100%;
  padding: 1.25rem 0;
}
.vits-mypage-home-guides .guides-credit .credit-usage-item {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}
.vits-mypage-home-guides .guides-credit .credit-usage-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-mypage-home-guides .guides-credit .credit-usage-value p span:not(.won) {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-mypage-home-guides .guides-credit .credit-usage-value p .won {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-mypage-home-guides .guides-credit .credit-usage-value p.point-color span {
  color: #f2555a;
}
.vits-mypage-home-guides .guides-credit .credit-usage-divider {
  width: 100%;
  height: 1px;
  margin: 0;
  background: #f0f0f0;
  border: 0;
}
.vits-mypage-home-guides .guides-docs-item {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.5rem;
  width: 100%;
}
.vits-mypage-home-guides .guides-docs-item-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 1rem;
  height: 100%;
}
.vits-mypage-home-guides .guides-docs-body {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #dadada;
  width: 100%;
  height: 3.75rem;
  padding: 0 0.75rem;
  background: #fafafa;
  border-radius: 4px;
}
.vits-mypage-home-guides .guides-docs-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex: 1 1 35.82%;
}
.vits-mypage-home-guides .guides-docs-title p {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-mypage-home-guides .guides-docs-amount {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex: 1 1 34.33%;
}
.vits-mypage-home-guides .guides-docs-amount p {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-mypage-home-guides .guides-docs-button {
  flex: 0 0 6rem;
}
.vits-mypage-home-guides .guides-docs-button [class*='vits-btn-'] {
  width: 100%;
  padding: 0;
}
.vits-mypage-home-inquiry {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-mypage-home-inquiry [data-scss='head'] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f0f0f0;
  height: 3.75rem;
  padding: 0 2rem;
}
.vits-mypage-home-inquiry [data-scss='body'] {
  padding: 1rem 2.25rem;
}
.vits-mypage-home-inquiry .inquiry-body {
  padding: 2.25rem 2.75rem;
}
.vits-mypage-home-inquiry .inquiry-body > a {
  display: block;
  width: 100%;
}
.vits-mypage-home-inquiry .inquiry-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.vits-mypage-home-inquiry .inquiry-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: space-between;
  flex-grow: 1;
  gap: 0.75rem;
}
.vits-mypage-home-inquiry .inquiry-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-mypage-home-inquiry .inquiry-meta {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.vits-mypage-home-inquiry .inquiry-meta > span:not(:only-of-type, :last-of-type) {
  padding-right: 0.5rem;
}
.vits-mypage-home-inquiry .inquiry-meta > span + span {
  position: relative;
  padding-left: 0.5rem;
}
.vits-mypage-home-inquiry .inquiry-meta > span + span::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.0625rem;
  height: 0.5rem;
  content: '';
  background-color: #d9d9d9;
  transform: translateY(-50%);
}
.vits-mypage-home-inquiry .inquiry-meta span {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-mypage-home-inquiry .inquiry-status {
  flex-shrink: 0;
}
.vits-mypage-content-headline {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  width: 100%;
}
.vits-mypage-content-headline:has(.vits-mypage-content-order) {
  min-height: 2rem;
}
.vits-mypage-content-back {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.vits-mypage-content-back .vits-mypage-content-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-mypage-content-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #101828;
  letter-spacing: 0;
}
.vits-mypage-content-title .icon {
  width: 1.5rem;
  height: 1.5rem;
  color: #767676;
}
.vits-mypage-content-title .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-mypage-content-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #4a5565;
  letter-spacing: 0;
  align-self: flex-end;
}
.vits-mypage-content-order {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  align-self: center;
  margin-left: auto;
}
.vits-mypage-content-order .order-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-mypage-content-order .order-title ~ .order-title {
  margin-left: 0.75rem;
}
.vits-mypage-content-order .order-number {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-mypage-panel {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
  width: 100%;
  min-width: 0;
}
.vits-mypage-panel-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.vits-mypage-pagination {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.vits-mypage-query {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
  padding: 2rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  width: 100%;
}
.vits-mypage-query .mypage-query-period {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  padding: 0;
  margin: 0;
}
.vits-mypage-query .mypage-query-period-range {
  width: 13.125rem;
}
.vits-mypage-query .mypage-query-period-buttons {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #bebebe;
  height: 2rem;
  overflow: hidden;
  border-radius: 4px;
}
.vits-mypage-query .mypage-query-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  padding-right: 0.25rem;
}
.vits-mypage-query .mypage-query-btn {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
  padding: 0 1rem;
  background: #fff;
}
.vits-mypage-query .mypage-query-btn:disabled {
  cursor: not-allowed;
}
.vits-mypage-query .mypage-query-btn .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  position: relative;
  z-index: 1;
}
.vits-mypage-query .mypage-query-btn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  content: '';
  background: rgba(0, 0, 0, 0);
}
.vits-mypage-query .mypage-query-btn:not(:first-of-type)::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 12px;
  content: '';
  background-color: #dadada;
  transform: translateY(-50%);
}
.vits-mypage-query .mypage-query-btn[aria-pressed='true'] .text {
  color: #fff;
}
.vits-mypage-query .mypage-query-btn[aria-pressed='true']::after {
  background: #444;
}
.vits-mypage-query .mypage-query-toggle {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  flex-shrink: 0;
  gap: 0.5rem;
  height: 1.3125rem;
}
.vits-mypage-query .mypage-query-toggle:disabled {
  cursor: not-allowed;
}
.vits-mypage-query .mypage-query-toggle .icon {
  width: 1rem;
  height: 1rem;
  margin-top: 1px;
  color: #bebebe;
  transition: color 0.25s;
}
.vits-mypage-query .mypage-query-toggle .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-mypage-query .mypage-query-toggle .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  transition: color 0.25s;
}
.vits-mypage-query .mypage-query-toggle::before,
.vits-mypage-query .mypage-query-toggle::after {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  content: '';
  transition: width 0.5s;
}
.vits-mypage-query .mypage-query-toggle::before {
  z-index: 1;
  width: 100%;
  background: #dadada;
}
.vits-mypage-query .mypage-query-toggle::after {
  z-index: 2;
  width: 0;
  background: #1b1b1b;
}
.vits-mypage-query .mypage-query-toggle[aria-expanded='true'] .icon {
  color: #444;
}
.vits-mypage-query .mypage-query-toggle[aria-expanded='true'] .text {
  color: #1b1b1b;
}
.vits-mypage-query .mypage-query-toggle[aria-expanded='true']::after {
  width: 100%;
}
.vits-mypage-query .mypage-query-reset {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  flex-shrink: 0;
  gap: 0.5rem;
  height: 1.3125rem;
  box-shadow: inset 0 -1px 0 0 #e51e25;
}
.vits-mypage-query .mypage-query-reset:disabled {
  cursor: not-allowed;
}
.vits-mypage-query .mypage-query-reset .icon {
  width: 1rem;
  height: 1rem;
  margin-top: 1px;
  color: #f2555a;
  transition: color 0.25s;
}
.vits-mypage-query .mypage-query-reset .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-mypage-query .mypage-query-reset .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
}
.vits-mypage-query .mypage-query-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-left: auto;
}
.vits-mypage-query .mypage-query-detail {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem 2rem;
  margin: 0.5rem 0 0;
}
.vits-mypage-query .mypage-query-detail > li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-mypage-query .mypage-query-control.type-select {
  width: 7.5rem;
}
.vits-mypage-query .mypage-query-control.type-search {
  width: 12.5rem;
  padding-right: 0.75rem;
}
.vits-mypage-query .mypage-query-control.type-select .vits-select,
.vits-mypage-query .mypage-query-control.type-select .vits-select-trigger,
.vits-mypage-query .mypage-query-control.type-search .vits-select,
.vits-mypage-query .mypage-query-control.type-search .vits-select-trigger {
  width: 100%;
}
.vits-mypage-query .mypage-query-control.type-select .vits-select-trigger,
.vits-mypage-query .mypage-query-control.type-search .vits-select-trigger {
  justify-content: space-between;
}
.vits-mypage-query.type-ver2 .mypage-query-control.type-search {
  width: 17.875rem;
  padding-right: 0;
}
.vits-mypage-records {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
  width: 100%;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-mypage-records [data-scss='head'],
.vits-mypage-records [data-scss='foot'] {
  padding: 0 2rem;
}
.vits-mypage-records [data-scss='body'] {
  padding: 2rem;
}
.vits-mypage-records-box.type-detail .vits-mypage-records [data-scss='body'] {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.vits-mypage-records-box.type-detail02 .vits-mypage-records [data-scss='body'] {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.vits-mypage-records-box {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2.5rem;
  width: 100%;
}
.vits-mypage-records-box.type-empty {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
  padding: 2rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 22.375rem;
}
.vits-mypage-records-box.type-detail .mypage-record-line .product-identity {
  display: grid;
  grid-template-areas: 'recordBrand recordCode' 'recordName recordName';
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
}
.vits-mypage-records-box.type-detail .mypage-record-line .product-identity .product-code {
  grid-area: recordCode;
}
.vits-mypage-records-box.type-detail .mypage-record-line .product-identity .product-title {
  display: contents;
}
.vits-mypage-records-box.type-detail .mypage-record-line .product-identity .product-brand {
  grid-area: recordBrand;
}
.vits-mypage-records-box.type-detail .mypage-record-line .product-identity .product-name {
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  grid-area: recordName;
}
.vits-mypage-records-box.type-detail .mypage-record-line .product-subinfo {
  margin-top: -0.25rem;
}
.vits-mypage-records-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
  width: 100%;
}
.vits-mypage-records-item {
  width: 100%;
}
.vits-mypage-records .mypage-record-head {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f0f0f0;
  height: 3.75rem;
}
.vits-mypage-records-box.type-detail .vits-mypage-records .mypage-record-head {
  height: 4.25rem;
}
.vits-mypage-records .mypage-record-meta {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}
.vits-mypage-records .mypage-record-date {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-mypage-records .mypage-record-number,
.vits-mypage-records .mypage-record-number a {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  display: block;
}
.vits-mypage-records .mypage-record-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-mypage-records .mypage-record-actions > li:not(:only-of-type, :last-of-type) {
  padding-right: 1.25rem;
}
.vits-mypage-records .mypage-record-actions > li + li {
  position: relative;
  padding-left: 1.25rem;
}
.vits-mypage-records .mypage-record-actions > li + li::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.0625rem;
  height: 0.75rem;
  content: '';
  background-color: #d3ddf8;
  transform: translateY(-50%);
}
.vits-mypage-records .mypage-record-lines {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2rem;
}
.vits-mypage-records .mypage-record-line {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
  width: 100%;
}
.vits-mypage-records .mypage-record-line .product-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #dadada;
}
.vits-mypage-records .mypage-record-line .product-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vits-mypage-records .mypage-record-line .product-thumb img {
  background-color: #fff;
}
.vits-mypage-records .mypage-record-line .product-identity {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-mypage-records .mypage-record-line .product-identity .product-brand {
  padding-right: 0.25rem;
  font-size: 0.875rem;
}
.vits-mypage-records .mypage-record-line .product-code {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  flex-shrink: 0;
}
.vits-mypage-records .mypage-record-line .product-title {
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vits-mypage-records .mypage-record-line .product-brand {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-mypage-records .mypage-record-line .product-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-mypage-records .mypage-record-line .product-spec {
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vits-mypage-records .mypage-record-line .product-spec,
.vits-mypage-records .mypage-record-line .product-tax,
.vits-mypage-records .mypage-record-line .product-qty {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
dl.product-stock {
  padding: 0;
  margin: 0;
}
.vits-mypage-records .mypage-record-line .product-subinfo {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.125rem;
}
.vits-mypage-records .mypage-record-line .product-price {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #161616;
  letter-spacing: 0;
}
.vits-mypage-records .mypage-record-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  gap: 1.25rem;
  min-width: 0;
}
.vits-mypage-records .mypage-record-thumb {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex: 0 0 5rem;
}
.vits-mypage-records .mypage-record-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  flex: 1 1 auto;
  gap: 0.5rem;
  min-width: 0;
}
.vits-mypage-records .mypage-record-status {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: content-box;
  flex: 0 0 7.5rem;
  padding: 0 1.25rem;
}
.vits-mypage-records .mypage-record-status::before,
.vits-mypage-records .mypage-record-status::after {
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  content: '';
  background: #f0f0f0;
}
.vits-mypage-records .mypage-record-status::before {
  left: 0;
}
.vits-mypage-records .mypage-record-status::after {
  right: 0;
}
.vits-mypage-records .mypage-record-pay {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  justify-content: center;
  flex: 0 0 15.875rem;
  gap: 0.75rem;
  width: 15.875rem;
}
.vits-mypage-records .mypage-record-tools {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  width: 100%;
}
.vits-mypage-records .mypage-record-foot {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #f0f0f0;
  height: 3.75rem;
}
.vits-mypage-records .mypage-record-cart {
  margin-right: auto;
}
.vits-mypage-records .mypage-record-total {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-mypage-records .mypage-record-total-label {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  justify-content: flex-start;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-mypage-records .mypage-record-total-label small {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-mypage-records .mypage-record-total-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-mypage-detail {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
  width: 100%;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-mypage-detail [data-scss='head'],
.vits-mypage-detail [data-scss='foot'] {
  padding: 0 2rem;
}
.vits-mypage-detail [data-scss='body'] {
  padding: 2.25rem 2rem;
}
.vits-mypage-records-box.type-detail .vits-mypage-detail [data-scss='body'] {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.vits-mypage-records-box.type-detail02 .vits-mypage-detail [data-scss='body'] {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.vits-mypage-detail .mypage-detail-head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #f0f0f0;
  height: 3.75rem;
}
.vits-mypage-detail .mypage-detail-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-mypage-detail .mypage-detail-actions {
  margin-left: auto;
}
.vits-mypage-detail .mypage-detail-foot {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #f0f0f0;
  height: 3.75rem;
}
.vits-mypage-detail .mypage-detail-shipping .shipping-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
}
.vits-mypage-detail .mypage-detail-shipping .shipping-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.vits-mypage-detail .mypage-detail-shipping .shipping-item:only-of-type {
  width: 100%;
}
.vits-mypage-detail .mypage-detail-shipping .shipping-item:only-of-type .shipping-info {
  gap: 1rem 0.625rem;
}
.vits-mypage-detail .mypage-detail-shipping .shipping-item:not(:only-of-type):nth-of-type(odd) {
  flex-basis: calc((100% - calc(2.5rem * 2 + 1px)) / 2 + calc(2.5rem * 2 + 1px));
}
.vits-mypage-detail .mypage-detail-shipping .shipping-item:not(:only-of-type):nth-of-type(odd)::after {
  width: 1px;
  height: 100%;
  margin: 0 2.5rem;
  content: '';
  background: #f0f0f0;
}
.vits-mypage-detail .mypage-detail-shipping .shipping-item:not(:only-of-type):not(:only-of-type):nth-of-type(even) {
  flex: 0 0 calc((100% - calc(2.5rem * 2 + 1px)) / 2);
}
.vits-mypage-detail .mypage-detail-shipping .shipping-item-inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
  width: 100%;
}
.vits-mypage-detail .mypage-detail-shipping .shipping-info {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem 0.625rem;
}
.vits-mypage-detail .mypage-detail-shipping .shipping-info dt {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  width: 5rem;
}
.vits-mypage-detail .mypage-detail-shipping .shipping-info dd {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  width: calc(100% - 5.625rem);
}
.vits-mypage-detail .mypage-detail-shipping .shipping-info dd .vits-text-underline-button {
  transform: translateY(-0.09375rem);
}
.vits-mypage-detail .mypage-detail-shipping .shipping-info-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-mypage-detail .mypage-detail-shipping .shipping-edit-form {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.5rem;
  margin-top: -0.5rem;
}
.vits-mypage-detail .mypage-detail-shipping .shipping-edit-form.type-row {
  flex-direction: row;
}
.vits-mypage-detail .mypage-detail-shipping .shipping-edit-buttons {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.625rem;
}
.vits-mypage-detail .mypage-detail-shipping .shipping-edit-select {
  flex-grow: 1;
}
.vits-mypage-detail .mypage-detail-shipping .shipping-edit-select .vits-select,
.vits-mypage-detail .mypage-detail-shipping .shipping-edit-select .vits-select-trigger {
  width: 100%;
  height: 100%;
}
.vits-mypage-detail .mypage-detail-shipping .shipping-edit-select .vits-select-trigger {
  padding: 0 0.75rem;
}
.vits-mypage-detail .mypage-detail-shipping .shipping-edit-select .vits-select-value {
  color: #1b1b1b;
}
.vits-mypage-detail .mypage-detail-payment .payment-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2.5rem;
}
.vits-mypage-detail .mypage-detail-payment .payment-info {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem 0.75rem;
}
.vits-mypage-detail .mypage-detail-payment .payment-info dt {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  width: 7.5rem;
  padding-top: 0.15625rem;
}
.vits-mypage-detail .mypage-detail-payment .payment-info dd {
  width: calc(100% - 8.25rem);
}
.vits-mypage-detail .mypage-detail-payment .payment-item {
  flex: 0 0 calc((100% - 2.5rem) / 2);
}
.vits-mypage-detail .mypage-detail-payment .payment-item.type-method dd {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-mypage-detail .mypage-detail-payment .payment-item.type-amount dd {
  text-align: right;
}
.vits-mypage-detail .mypage-detail-payment .payment-item.type-amount dd:not(.is-minus) {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-mypage-detail .mypage-detail-payment .payment-item.type-amount dd.is-minus {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
}
.vits-mypage-detail .mypage-detail-payment .payment-method {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-mypage-detail .mypage-detail-payment .payment-method-detail {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.vits-mypage-detail .mypage-detail-payment .payment-method-detail-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
}
.vits-mypage-detail .mypage-detail-payment-total {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-mypage-detail .mypage-detail-payment-total .payment-total-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-mypage-detail .mypage-detail-payment-total .payment-total-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-mypage-claim-section {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 2rem;
  width: 100%;
}
.vits-mypage-claim-section > .k-listview,
.vits-mypage-claim-section .vits-mypage-claim-box + .k-listview {
  width: 100%;
}
.vits-mypage-claim-box {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
  width: 100%;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-mypage-claim-box [data-scss='head'],
.vits-mypage-claim-box [data-scss='foot'] {
  padding: 0 2rem;
}
.vits-mypage-claim-box [data-scss='body'] {
  padding: 2rem;
}
.vits-mypage-records-box.type-detail .vits-mypage-claim-box [data-scss='body'] {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.vits-mypage-records-box.type-detail02 .vits-mypage-claim-box [data-scss='body'] {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.vits-mypage-claim-box .mypage-claim-head {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f0f0f0;
  height: 3.75rem;
}
.vits-mypage-claim-box .mypage-claim-body {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
}
.vits-mypage-claim-box .mypage-claim-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-mypage-claim-box .mypage-claim-title .title-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-mypage-claim-box .mypage-claim-title .title-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-mypage-claim-box .mypage-claim-info {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem 0.75rem;
  width: 100%;
  padding: 0;
  margin: 0;
}
.vits-mypage-claim-box .mypage-claim-info dt {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  width: 7.5rem;
}
.vits-mypage-claim-box .mypage-claim-info dt.text-accent {
  padding-top: 0.15625rem;
}
.vits-mypage-claim-box .mypage-claim-info dd {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  width: calc(100% - 8.25rem);
}
.vits-mypage-claim-box .mypage-claim-info dd.divider {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.vits-mypage-claim-box .mypage-claim-info dd.divider > span:not(:only-of-type, :last-of-type) {
  padding-right: 0.75rem;
}
.vits-mypage-claim-box .mypage-claim-info dd.divider > span + span {
  position: relative;
  padding-left: 0.75rem;
}
.vits-mypage-claim-box .mypage-claim-info dd.divider > span + span::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.0625rem;
  height: 0.75rem;
  content: '';
  background-color: #bebebe;
  transform: translateY(-50%);
}
.vits-mypage-claim-box .mypage-claim-info dd.text-accent {
  font-size: 1.125rem;
  font-weight: 600;
  color: #f2555a;
}
.vits-mypage-claim-box .mypage-claim-lines {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2rem;
  width: 100%;
}
.vits-mypage-claim-box .mypage-claim-line {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
  width: 100%;
}
.vits-mypage-claim-box .mypage-claim-line .product-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #dadada;
}
.vits-mypage-claim-box .mypage-claim-line .product-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vits-mypage-claim-box .mypage-claim-line .product-thumb img {
  background-color: #fff;
}
.vits-mypage-claim-box .mypage-claim-line .product-identity {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-mypage-claim-box .mypage-claim-line .product-identity .product-brand {
  padding-right: 0.25rem;
  font-size: 0.875rem;
}
.vits-mypage-claim-box .mypage-claim-line .product-code {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  flex-shrink: 0;
}
.vits-mypage-claim-box .mypage-claim-line .product-title {
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vits-mypage-claim-box .mypage-claim-line .product-brand {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-mypage-claim-box .mypage-claim-line .product-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-mypage-claim-box .mypage-claim-line .product-spec {
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vits-mypage-claim-box .mypage-claim-line .product-spec,
.vits-mypage-claim-box .mypage-claim-line .product-tax,
.vits-mypage-claim-box .mypage-claim-line .product-qty {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
dl.product-stock {
  padding: 0;
  margin: 0;
}
.vits-mypage-claim-box .mypage-claim-line .product-subinfo {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-mypage-claim-box .mypage-claim-line .product-price {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #161616;
  letter-spacing: 0;
}
.vits-mypage-claim-box .mypage-claim-thumb {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex: 0 0 5rem;
}
.vits-mypage-claim-box .mypage-claim-product-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  flex: 1 1 auto;
  gap: 0.5rem;
  min-width: 0;
}
.vits-mypage-claim-box .mypage-claim-product-info .product-meta {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5rem;
}
.vits-mypage-claim-box .mypage-claim-product-info .product-meta-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.625rem;
}
.vits-mypage-claim-box .mypage-claim-product-info .product-meta-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-mypage-claim-box .mypage-claim-product-info .product-meta-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-mypage-claim-box .mypage-claim-product-info .product-meta-value.text-accent {
  color: #f2555a;
}
.vits-mypage-claim-box .mypage-claim-status {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: content-box;
  flex: 0 0 7.5rem;
  padding: 0 1.25rem;
}
.vits-mypage-claim-box .mypage-claim-status::before,
.vits-mypage-claim-box .mypage-claim-status::after {
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  content: '';
  background: #f0f0f0;
}
.vits-mypage-claim-box .mypage-claim-status::before {
  left: 0;
}
.vits-mypage-claim-box .mypage-claim-status::after {
  right: 0;
}
.vits-mypage-claim-box .mypage-claim-pay {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  justify-content: center;
  flex: 0 0 15.5rem;
  gap: 0.75rem;
}
.vits-mypage-claim-box .mypage-claim-tools {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-mypage-claim-box .mypage-claim-attachment-list {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-mypage-claim-box .mypage-claim-attachment-list > li {
  width: 3.25rem;
  aspect-ratio: 1/1;
}
.vits-mypage-claim-box .mypage-claim-attachment-button {
  border: 1px solid #dadada;
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.375rem;
  border-radius: 4px;
}
.vits-mypage-claim-box .mypage-claim-attachment-button img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vits-mypage-claim-box .mypage-claim-attachment-button img {
  background-color: #fff;
}
.vits-mypage-credit-manage .credit-sign-items,
.vits-mypage-credit-process .credit-sign-items {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  width: 100%;
  padding: 2rem;
  background: #fafafa;
  border-radius: 12px;
}
.vits-mypage-credit-manage .credit-sign-item,
.vits-mypage-credit-process .credit-sign-item {
  width: 100%;
}
.vits-mypage-credit-manage .credit-sign-item-inner,
.vits-mypage-credit-process .credit-sign-item-inner {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #f0f0f0;
  padding: 1rem;
  background: #fff;
  border-radius: 8px;
}
.vits-mypage-credit-manage .credit-sign-info,
.vits-mypage-credit-process .credit-sign-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-mypage-credit-manage .credit-sign-label,
.vits-mypage-credit-process .credit-sign-label {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-mypage-credit-manage .credit-sign-label .icon,
.vits-mypage-credit-process .credit-sign-label .icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #2e9b45;
}
.vits-mypage-credit-manage .credit-sign-label .icon .ic,
.vits-mypage-credit-process .credit-sign-label .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-mypage-credit-manage .credit-sign-label .text,
.vits-mypage-credit-process .credit-sign-label .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-mypage-credit-manage .credit-sign-label .is-req,
.vits-mypage-credit-process .credit-sign-label .is-req {
  font-style: normal;
  color: #f2555a;
}
.vits-mypage-credit-manage .credit-sign-label .is-opt,
.vits-mypage-credit-process .credit-sign-label .is-opt {
  font-style: normal;
  color: #767676;
}
.vits-mypage-credit-manage .credit-sign-desc,
.vits-mypage-credit-process .credit-sign-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  position: relative;
  padding-left: 0.375rem;
}
.vits-mypage-credit-manage .credit-sign-desc::before,
.vits-mypage-credit-process .credit-sign-desc::before {
  position: absolute;
  top: 0.3125rem;
  left: 0;
  width: 0.125rem;
  height: 0.125rem;
  content: '';
  background: #f2555a;
  border-radius: 50%;
}
.vits-mypage-credit-manage .credit-sign-actions,
.vits-mypage-credit-process .credit-sign-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-mypage-credit-manage .credit-sign-actions .vits-btn-sm,
.vits-mypage-credit-process .credit-sign-actions .vits-btn-sm {
  width: 8.75rem;
}
.vits-mypage-credit-manage .credit-sign-notice,
.vits-mypage-credit-process .credit-sign-notice {
  width: 100%;
}
.vits-mypage-credit-manage {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  gap: 2rem;
}
.vits-mypage-credit-manage [class*='credit-'][class*='-head'] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #f0f0f0;
  height: 3.75rem;
}
.vits-mypage-credit-manage [class*='credit-'][class*='-head'] .credit-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-mypage-credit-manage [class*='credit-'][class*='-body'] .credit-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  padding-bottom: 1.25rem;
}
.vits-mypage-credit-manage [class*='credit-'][class*='-body'] .credit-title small {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  padding-left: 0.625rem;
}
.vits-mypage-credit-manage [class*='credit-'][class*='-body'] .credit-title:not(:first-of-type) {
  margin-top: 2rem;
}
.vits-mypage-credit-manage .credit-manage-usage {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-mypage-credit-manage .credit-manage-usage [data-scss='head'],
.vits-mypage-credit-manage .credit-manage-usage [data-scss='foot'] {
  padding: 0 2rem;
}
.vits-mypage-credit-manage .credit-manage-usage [data-scss='body'] {
  padding: 2.25rem 2rem;
}
.vits-mypage-records-box.type-detail .vits-mypage-credit-manage .credit-manage-usage [data-scss='body'] {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.vits-mypage-records-box.type-detail02 .vits-mypage-credit-manage .credit-manage-usage [data-scss='body'] {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.vits-mypage-credit-manage .credit-manage-sign {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-mypage-credit-manage .credit-manage-sign [data-scss='head'],
.vits-mypage-credit-manage .credit-manage-sign [data-scss='foot'] {
  padding: 0 2rem;
}
.vits-mypage-credit-manage .credit-manage-sign [data-scss='body'] {
  padding: 2.25rem 2rem;
}
.vits-mypage-records-box.type-detail .vits-mypage-credit-manage .credit-manage-sign [data-scss='body'] {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.vits-mypage-records-box.type-detail02 .vits-mypage-credit-manage .credit-manage-sign [data-scss='body'] {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.vits-mypage-credit-manage .credit-usage-items {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-mypage-credit-manage .credit-usage-item {
  flex: 0 0 calc((100% - 0.75rem) / 2);
}
.vits-mypage-credit-manage .credit-usage-item-inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.5rem;
  height: 100%;
  padding: 2.25rem 2.5rem;
  background: #fafafa;
  border-radius: 8px;
}
.vits-mypage-credit-manage .credit-usage-detail {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem 2.25rem;
}
.vits-mypage-credit-manage .credit-usage-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-mypage-credit-manage .credit-usage-desc {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  padding: 0.25rem 0.75rem;
  background: #f0f0f0;
  border-radius: 8px;
}
.vits-mypage-credit-manage .credit-usage-desc-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-mypage-credit-manage .credit-usage-desc-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-mypage-credit-manage .credit-usage-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-mypage-credit-manage .credit-usage-value.value-blue {
  color: #4a6bc2;
}
.vits-mypage-credit-manage .credit-usage-value.value-red {
  color: #f2555a;
}
.vits-mypage-credit-manage .credit-usage-account {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-mypage-credit-manage .credit-usage-bank {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-mypage-credit-manage .credit-usage-number {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
}
.vits-mypage-credit-manage .credit-usage-info {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem 0.75rem;
}
.vits-mypage-credit-manage .credit-usage-info > dt {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  width: 7.5rem;
  min-height: 0rem;
  padding-top: 0rem;
}
.vits-mypage-credit-manage .credit-usage-info > dt + dd {
  width: calc(100% - 7.5rem - 0.75rem);
}
.vits-mypage-credit-manage .credit-usage-info dt:has(+ dd .credit-usage-account) {
  padding-top: 0.15625rem;
}
.vits-mypage-credit-manage .credit-usage-info dd {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-mypage-credit-manage .credit-usage-info-box {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.vits-mypage-credit-manage .credit-sign-body {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
}
.vits-mypage-credit-process {
  width: 100%;
}
.vits-mypage-credit-process [class*='credit-'][class*='-head'] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #f0f0f0;
  height: 3.75rem;
}
.vits-mypage-credit-process [class*='credit-'][class*='-head'] .credit-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-mypage-credit-process .credit-apply-process {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-mypage-credit-process .credit-apply-process [data-scss='head'],
.vits-mypage-credit-process .credit-apply-process [data-scss='foot'] {
  padding: 0 2rem;
}
.vits-mypage-credit-process .credit-apply-process [data-scss='body'] {
  padding: 2.25rem 2rem;
}
.vits-mypage-records-box.type-detail .vits-mypage-credit-process .credit-apply-process [data-scss='body'] {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.vits-mypage-records-box.type-detail02 .vits-mypage-credit-process .credit-apply-process [data-scss='body'] {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.vits-step-tab {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: 2rem;
}
.vits-step-tab-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.vits-step-tab-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-step-tab-item .step-tab-inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-step-tab-item .step-tab-number {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  letter-spacing: 0;
  width: 3.5rem;
  height: 1.25rem;
  text-transform: uppercase;
  background: #dadada;
  border-radius: 8px;
}
.vits-step-tab-item .step-tab-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-step-tab-item.is-done .step-tab-number {
  background: #444;
}
.vits-step-tab-item.is-active:not([data-step-tab='4']) .step-tab-number {
  background: #f2555a;
}
.vits-step-tab-item.is-active:not([data-step-tab='4']) .step-tab-label {
  color: #1b1b1b;
}
.vits-step-tab-item.is-active[data-step-tab='4'] .step-tab-number {
  background: #2e9b45;
}
.vits-step-tab-item.is-active[data-step-tab='4'] .step-tab-label {
  color: #2e9b45;
}
.vits-step-tab-item.is-active:not(:last-of-type)::after {
  color: #444;
}
.vits-step-tab-item:not(:last-of-type)::after {
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 0rem 1.5rem;
  color: #dadada;
  content: '';
  background-color: currentcolor;
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-right.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-right.svg) no-repeat center/contain;
}
.vits-step-tab-content {
  height: 100%;
}
.vits-step-tab-panels {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  min-height: 30rem;
  background: #fafafa;
  border-radius: 12px;
}
.vits-step-tab-panel {
  display: none;
  flex: 1 1 auto;
  min-width: 0;
}
.vits-step-tab-panel .step-tab-status {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.vits-step-tab-panel .step-tab-status .vits-empty-state {
  gap: 1.25rem;
}
.vits-step-tab-panel .step-tab-status .vits-empty-state-content {
  gap: 1.25rem;
  text-align: center;
}
.vits-step-tab-panel .step-tab-status .vits-empty-state-title {
  color: #444;
}
.vits-step-tab-panel .step-tab-status .vits-empty-state [class*='vits-btn-'] .text {
  font-weight: 400;
}
.vits-step-tab-panel.is-active {
  display: block;
}
.vits-step-tab-panel[data-step-panel='1'] .vits-step-tab-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
}
.vits-step-tab-panel[data-step-panel='1'] .vits-step-tab-content .step-tab-main {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 2.25rem;
  text-align: center;
}
.vits-step-tab-panel[data-step-panel='1'] .vits-step-tab-content .step-tab-main [class*='vits-btn-'] {
  width: 11.25rem;
}
.vits-step-tab-panel[data-step-panel='1'] .vits-step-tab-content .step-tab-desc p {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #4a5565;
  letter-spacing: 0;
}
.vits-step-tab-panel[data-step-panel='1'] .vits-step-tab-content .step-tab-desc p + p {
  margin-top: 0.25rem;
}
.vits-step-tab-panel[data-step-panel='2'] .vits-step-tab-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 2rem;
}
.vits-step-tab-panel[data-step-panel='2'] .vits-step-tab-content .step-tab-main {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  text-align: center;
}
.vits-step-tab-panel[data-step-panel='2'] .vits-step-tab-content .step-tab-main [class*='vits-btn-'] {
  width: 11.25rem;
}
.vits-step-tab-panel[data-step-panel='2'] .vits-step-tab-content .step-tab-desc p {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-step-tab-panel[data-step-panel='2'] .vits-step-tab-content .step-tab-desc p .desc-bold {
  font-weight: 600;
}
.vits-step-tab-panel[data-step-panel='2'] .vits-step-tab-content .step-tab-desc p .desc-point {
  font-weight: 600;
  color: #f2555a;
}
.vits-step-tab-panel[data-step-panel='2'] .vits-step-tab-content .step-tab-desc p + p {
  margin-top: 0.25rem;
}
.vits-step-tab-panel[data-step-panel='2'] .vits-step-tab-content .step-tab-guide {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  align-self: flex-start;
}
.vits-step-tab-panel[data-step-panel='2'] .vits-step-tab-content .credit-sign-items {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  border-radius: 0;
}
.vits-mypage-favorites {
  position: relative;
  width: 100%;
}
.vits-mypage-favorites-toolbar {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.vits-mypage-favorites-toolbar .toolbar-select {
  padding: 0 2rem;
}
.vits-mypage-favorites-toolbar .toolbar-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-mypage-favorites-meta {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-mypage-favorites-meta .meta-count {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-mypage-favorites-meta .meta-count b {
  padding: 0 0.125rem 0 0.25rem;
  font-weight: 700;
}
.vits-mypage-favorites-meta .meta-sort {
  margin-left: auto;
}
.vits-mypage-favorites-meta .meta-view .view-button {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 2rem;
  height: 2rem;
  color: #444;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #bebebe;
  transition: box-shadow 0.3s;
}
.vits-mypage-favorites-meta .meta-view .view-button:disabled {
  cursor: not-allowed;
}
.vits-mypage-favorites-meta .meta-view .view-button.view-list .ic,
.vits-mypage-favorites-meta .meta-view .view-button.view-thumb .ic {
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentcolor;
  -webkit-mask: no-repeat center/contain;
  mask: no-repeat center/contain;
}
.vits-mypage-favorites-meta .meta-view .view-button.view-list .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-circles-four.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-circles-four.svg);
}
.vits-mypage-favorites-meta .meta-view .view-button.view-thumb .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-list.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-list.svg);
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-mypage-favorites-meta .meta-view .view-button:hover {
    box-shadow: inset 0 0 0 1px #1b1b1b;
  }
}
.vits-mypage-favorites-meta .meta-view .view-button:focus-visible,
.vits-mypage-favorites-meta .meta-view .view-button:active {
  box-shadow: inset 0 0 0 1px #1b1b1b;
}
.vits-mypage-favorites-meta.type-like {
  padding: 0 2rem;
}
.vits-mypage-favorites-pagination {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.vits-mypage-favorites.type-product-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.5rem;
}
.vits-mypage-favorites.type-product-list .favorites-product-list-box {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2.5rem;
  padding: 2rem;
  background: #fff;
  border-radius: 12px;
}
.vits-mypage-favorites.type-product-list .favorites-product-list-empty {
  padding-top: 5rem;
}
.vits-mypage-favorites.type-product-list:has(.favorites-product-list-empty),
.vits-mypage-favorites.type-product-list:has(.favorites-product-list-empty) .favorites-product-list-box {
  height: 100%;
}
.vits-mypage-favorites.type-folder-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-mypage-favorites.type-folder-list .favorites-folder-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-mypage-favorites.type-folder-list .favorites-folder-list-box {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2.5rem;
}
.vits-mypage-favorites.type-folder-grid {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  gap: 1.25rem;
}
.vits-mypage-favorites.type-folder-grid .vits-mypage-favorites-toolbar .toolbar-select,
.vits-mypage-favorites.type-folder-grid .vits-mypage-favorites-meta.type-like {
  padding: 0;
}
.vits-mypage-favorites.type-folder-grid .favorites-folder-list {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
  width: 100%;
  background: rgba(0, 0, 0, 0) !important;
  border: 0 !important;
}
.vits-mypage-favorites.type-folder-grid .favorites-folder-list .k-listview-content {
  display: contents !important;
}
.vits-mypage-favorites.type-folder-grid .favorites-folder-list-box {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2.5rem;
}
.vits-mypage-favorites.type-folder-grid .favorites-folder-list-item {
  flex: 0 0 calc((100% - 2.5rem) / 3);
  width: calc((100% - 2.5rem) / 3);
}
.vits-favorites-folder-item .folder-label {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: 1.25rem;
  height: 5.75rem;
  padding: 1.5rem 2rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: #fff;
  border-radius: 12px;
  transition: box-shadow 0.25s;
}
.vits-favorites-folder-item .folder-label > input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.vits-favorites-folder-item .folder-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
  gap: 1.25rem;
  min-width: 0;
}
.vits-favorites-folder-item .folder-icon {
  border: 1px solid #bebebe;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  background: #fff;
  border-radius: 4px;
}
.vits-favorites-folder-item .folder-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1 1 auto;
  gap: 0.25rem;
  min-width: 0;
}
.vits-favorites-folder-item .folder-content .content-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-favorites-folder-item .folder-content .content-title .title-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.vits-favorites-folder-item .folder-content .content-title .title-count {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #8ba7ec;
  letter-spacing: 0;
  flex-shrink: 0;
}
.vits-favorites-folder-item .folder-content .content-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.vits-favorites-folder-item .folder-date {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  flex-shrink: 0;
  margin-left: auto;
}
.vits-favorites-folder-item:has(input:checked) .folder-icon {
  background: #e51e25 url(../../../../../resources/img/mro/renewal/ic/ic-check-on.svg) no-repeat center/contain;
  border-color: #e51e25;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-favorites-folder-item:hover .folder-label {
    box-shadow: inset 0 0 0 1px #1b1b1b;
  }
}
.vits-favorites-folder-item:focus-visible .folder-label,
.vits-favorites-folder-item:active .folder-label {
  box-shadow: inset 0 0 0 1px #1b1b1b;
}
.vits-favorites-folder-grid {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  width: 100%;
}
.vits-favorites-folder-grid .folder-link {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: 11.4375rem;
  padding: 1.5rem 2rem;
  background: #fff;
  border-radius: 12px;
  transition: box-shadow 0.3s ease-in-out;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-favorites-folder-grid .folder-link:hover {
    box-shadow: inset 0 0 0 1px #1b1b1b;
  }
}
.vits-favorites-folder-grid .folder-link:focus-visible,
.vits-favorites-folder-grid .folder-link:active {
  box-shadow: inset 0 0 0 1px #1b1b1b;
}
.vits-favorites-folder-grid .folder-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
}
.vits-favorites-folder-grid .folder-content .content-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
  height: 4.5625rem;
}
.vits-favorites-folder-grid .folder-content .content-title .title-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  flex-grow: 1;
  min-width: 0;
}
.vits-favorites-folder-grid .folder-content .content-title .title-count {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  flex-shrink: 0;
  min-width: 3.75rem;
  text-align: right;
}
.vits-favorites-folder-grid .folder-content .content-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-favorites-folder-grid .folder-date {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  width: 100%;
  margin-top: auto;
}
.vits-empty-state {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.vits-empty-state-content {
  display: flex;
  flex-flow: column-reverse nowrap;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}
.vits-empty-state-text {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.vits-empty-state-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-empty-state-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-empty-state-icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 5.125rem;
  height: 5.125rem;
  overflow: hidden;
  background: #fafafa;
  border-radius: 50%;
}
.vits-empty-state-icon .ic {
  width: 100%;
  height: 100%;
}
.vits-empty-state-icon .ic {
  width: 2rem;
  height: 2rem;
  color: #bebebe;
}
.vits-empty-state-icon .ic .ic {
  width: 100%;
  height: 100%;
}
.vits-unshipped {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-unshipped-product {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #dadada;
  gap: 1.25rem;
  order: 1;
  padding: 0.75rem 0.5rem;
  margin-bottom: 1.25rem;
  border-radius: 8px;
}
.vits-unshipped-product .product-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #dadada;
}
.vits-unshipped-product .product-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vits-unshipped-product .product-thumb img {
  background-color: #fff;
}
.vits-unshipped-product .product-identity {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-unshipped-product .product-identity .product-brand {
  padding-right: 0.25rem;
  font-size: 0.875rem;
}
.vits-unshipped-product .product-code {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  flex-shrink: 0;
}
.vits-unshipped-product .product-title {
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vits-unshipped-product .product-brand {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-unshipped-product .product-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-unshipped-product .product-spec {
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vits-unshipped-product .product-spec,
.vits-unshipped-product .product-tax,
.vits-unshipped-product .product-qty {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
dl.product-stock {
  padding: 0;
  margin: 0;
}
.vits-unshipped-product .product-stock {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.625rem;
  margin-top: 1rem;
}
.vits-unshipped-product .product-stock dt {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-unshipped-product .product-stock dd:not(:last-of-type) {
  margin-right: 0.875rem;
}
.vits-unshipped-product .product-stock-status {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
}
.vits-unshipped-product .product-stock-date {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-unshipped-product .product-brand {
  font-size: 0.875rem;
}
.vits-unshipped-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.125rem;
}
.vits-unshipped-thumb {
  flex: 0 0 5rem;
}
.vits-unshipped-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  order: 2;
}
.vits-unshipped-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  order: 3;
  padding: 1rem 1.5rem 1rem 1rem;
  background: #fafafa;
  border-radius: 12px;
}
.vits-address-select {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  gap: 1.25rem;
}
.vits-address-select-header {
  flex-shrink: 0;
}
.vits-address-select-header [class*='vits-btn-'] {
  width: 100%;
}
.vits-address-select-body {
  flex: 1;
  min-height: 0;
}
.vits-address-select-body .address-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-address-select-body .address-card {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  border: 1px solid #dadada;
  gap: 1rem;
  padding: 1rem;
  border-radius: 8px;
}
.vits-address-select-body .address-card > div[class*='address-card-'] {
  width: 100%;
}
.vits-address-select-body .address-card-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.vits-address-select-body .address-card-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.vits-address-select-body .address-card-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-address-select-body .address-card-buttons {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-address-select-body .address-card-info {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem 0.625rem;
  padding: 0;
  margin: 0;
}
.vits-address-select-body .address-card-info .info-dt {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  flex: 0 0 5rem;
  width: 5rem;
}
.vits-address-select-body .address-card-info .info-dd {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  flex: 0 0 calc(100% - 5rem - 0.625rem);
  width: calc(100% - 5rem - 0.625rem);
}
.vits-address-select-body .address-card-footer .address-card-radio {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 0.5rem;
  width: 100%;
  height: 2.25rem;
  cursor: pointer;
  background: #f0f0f0;
  border-radius: 8px;
}
.vits-address-select-body .address-card-footer .address-card-radio input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.vits-address-select-body .address-card-footer .address-card-radio .icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #bebebe;
}
.vits-address-select-body .address-card-footer .address-card-radio .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-address-select-body .address-card-footer .address-card-radio .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #bebebe;
  letter-spacing: 0;
}
.vits-address-select-body .address-card-footer .address-card-radio:has(input:checked) {
  background: #444;
}
.vits-address-select-body .address-card-footer .address-card-radio:has(input:checked) .icon,
.vits-address-select-body .address-card-footer .address-card-radio:has(input:checked) .text {
  color: #fff;
}
.vits-attachment-popup {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 44.375rem;
  max-height: 65vh;
  overflow: hidden;
}
.vits-attachment-popup img {
  display: block;
  max-width: 100%;
  max-height: 65vh;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vits-claim-request {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  gap: 1rem;
}
.vits-claim-request .vits-select,
.vits-claim-request .vits-select-trigger {
  width: 100%;
}
.vits-claim-request .vits-select-list {
  width: 100%;
  transition: none;
}
.vits-claim-request-header,
.vits-claim-request-footer {
  flex-shrink: 0;
}
.vits-claim-request-body {
  flex-grow: 1;
  width: 100%;
}
.vits-claim-request-body:has(.vits-claim-request-reason) {
  min-height: 13.125rem;
  max-height: 15rem;
}
.vits-claim-request-body:has(.vits-claim-request-reason):has(.vits-checkbox-item) {
  min-height: 20rem;
  max-height: 20rem;
}
.vits-claim-request-body:has(.vits-claim-request-chekbox) {
  border: 1px solid #dadada;
  max-height: 25rem;
  padding: 1rem 0.25rem 1rem 1rem !important;
  margin-bottom: 0 !important;
  overflow: hidden auto;
  background: #f1f3f6;
  border-radius: 12px;
}
.vits-claim-request-body:has(.vits-claim-request-chekbox):not(.has-scroll) {
  padding: 1rem !important;
}
.vits-claim-request-header {
  padding: 1rem 1.5rem 1rem 1rem;
  background: #fafafa;
  border-radius: 12px;
}
.vits-claim-request-notice > li {
  position: relative;
  padding-left: 0.625rem;
}
.vits-claim-request-notice > li::before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 0.125rem;
  height: 0.125rem;
  content: '';
  background: #dadada;
  border-radius: 50%;
}
.vits-claim-request-notice > li + li {
  margin-top: 0.5rem;
}
.vits-claim-request-notice > li {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-claim-request-toolbar,
.vits-claim-request-footer {
  padding-top: 1.25rem;
}
.vits-claim-request-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-claim-request-section {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 1px;
}
.vits-claim-request-section:not(:has(.vits-claim-request-pickup)) {
  gap: 1rem;
}
.vits-claim-request-section:has(.vits-claim-request-pickup) {
  gap: 0.75rem;
}
.vits-claim-request-section ~ .vits-claim-request-section {
  margin-top: 2.25rem;
}
.vits-claim-request-chekbox {
  width: 100%;
}
.vits-claim-request-box {
  border: 1px solid #bebebe;
  width: 100%;
  padding: 1rem;
  background: #fff;
  border-radius: 8px;
}
.vits-claim-request-product {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-claim-request-product .product-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #dadada;
}
.vits-claim-request-product .product-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vits-claim-request-product .product-thumb img {
  background-color: #fff;
}
.vits-claim-request-product .product-identity {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-claim-request-product .product-identity .product-brand {
  padding-right: 0.25rem;
  font-size: 0.875rem;
}
.vits-claim-request-product .product-code {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  flex-shrink: 0;
}
.vits-claim-request-product .product-title {
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vits-claim-request-product .product-brand {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-claim-request-product .product-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-claim-request-product .product-spec {
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vits-claim-request-product .product-spec,
.vits-claim-request-product .product-tax,
.vits-claim-request-product .product-qty {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
dl.product-stock {
  padding: 0;
  margin: 0;
}
.vits-claim-request-check {
  padding: 0 2rem;
}
.vits-claim-request-chekbox .claim-request-product-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
}
.vits-claim-request-chekbox .claim-request-product-item {
  position: relative;
}
.vits-claim-request-chekbox .claim-request-product-item [class*='vits-checkbox-item'] {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
.vits-claim-request-chekbox
  .claim-request-product-item:has([class*='vits-checkbox-item'] input:checked)
  .vits-claim-request-box {
  border-color: #e51e25;
}
.vits-claim-request-overview {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-claim-request-thumb {
  flex-shrink: 0;
  width: 5rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 4px;
}
.vits-claim-request-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex-grow: 1;
  gap: 0.5rem;
  min-width: 0;
}
.vits-claim-request-info .product-header {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-claim-request-info .product-meta {
  display: flex;
  flex-flow: row-reverse nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}
.vits-claim-request-info .product-spec {
  margin-top: -0.375rem;
}
.vits-claim-request-quantity {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.vits-claim-request-quantity .product-quantity {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.625rem;
}
.vits-claim-request-quantity .product-quantity-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  flex-shrink: 0;
}
.vits-claim-request-quantity .product-quantity-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
}
.vits-claim-request-quantity .product-quantity-price {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #161616;
  letter-spacing: 0;
}
.vits-claim-request-quantity .product-quantity-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.125rem;
}
.vits-claim-request-quantity .product-quantity-select {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  gap: 0.625rem;
}
.vits-claim-request-quantity .product-quantity-control {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  min-width: 4.25rem;
}
.vits-claim-request-reason {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.vits-claim-request-reason .claim-request-reason-toggle {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #bebebe;
  gap: 0.75rem;
  padding-bottom: 0.25rem;
}
.vits-claim-request-reason .claim-request-reason-toggle:disabled {
  cursor: not-allowed;
}
.vits-claim-request-reason .claim-request-reason-toggle .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-claim-request-reason .claim-request-reason-toggle .icon {
  width: 1rem;
  height: 1rem;
  color: #767676;
  transition: transform 0.3s;
}
.vits-claim-request-reason .claim-request-reason-toggle .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-claim-request-reason .claim-request-reason-toggle[aria-expanded='true'] .icon {
  transform: rotate(180deg);
}
.vits-claim-request-reason .claim-request-reason-content {
  width: 100%;
}
.vits-claim-request-reason .claim-request-reason-list {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 0.75rem 0;
  width: 100%;
  padding: 1rem 1.5rem 1rem 1rem;
  margin: 0;
  background: #fafafa;
  border-radius: 12px;
}
.vits-claim-request-reason .claim-request-reason-list dt {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  width: 5.625rem;
  margin-top: 0.4375rem;
}
.vits-claim-request-reason .claim-request-reason-list dd {
  width: calc(100% - 5.625rem);
}
.vits-claim-request-reason .claim-request-reason-list dd .vits-textarea-box.size-default .vits-textarea {
  height: 3.375rem;
}
.vits-claim-request-memo {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.625rem;
}
.vits-claim-request-memo .claim-request-memo-textarea {
  width: 100%;
}
.vits-claim-request-memo .claim-request-memo-guide > li {
  position: relative;
  padding-left: 0.5625rem;
}
.vits-claim-request-memo .claim-request-memo-guide > li::before {
  position: absolute;
  top: 2px;
  left: 0;
}
.vits-claim-request-memo .claim-request-memo-guide > li + li {
  margin-top: 0.375rem;
}
.vits-claim-request-memo .claim-request-memo-guide > li {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-claim-request-memo .claim-request-memo-guide > li::before {
  color: #e51e25;
  content: '*';
}
.vits-claim-request-pickup {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
  width: 100%;
}
.vits-claim-request-pickup .claim-request-pickup-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.vits-claim-request-pickup .claim-request-pickup-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-claim-request-pickup .claim-request-pickup-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-claim-request-pickup .claim-request-pickup-info {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem 0.625rem;
  padding: 0;
  margin: 0;
}
.vits-claim-request-pickup .claim-request-pickup-info dt {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  flex: 0 0 5rem;
}
.vits-claim-request-pickup .claim-request-pickup-info dt.has-gap {
  margin-top: 0.1875rem;
}
.vits-claim-request-pickup .claim-request-pickup-info dd {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  flex-grow: 1;
  width: calc(100% - 5.625rem);
}
.vits-claim-request-pickup .claim-request-pickup-info dd .vits-textarea-box.size-default .vits-textarea {
  height: 5rem;
}
.vits-claim-request-pickup .claim-request-pickup-info.return-bank dd {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.625rem;
  align-self: center;
}
.vits-claim-request-pickup .claim-request-pickup-info.return-bank dd .select-fix {
  flex: 0 0 10rem;
}
.vits-claim-request-pickup .claim-request-pickup-info.return-bank dd .vits-input {
  flex-grow: 1 1 auto;
  min-width: 0;
}
.vits-claim-request-footer {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.vits-claim-request-total {
  position: sticky;
  bottom: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  z-index: 1;
  padding-top: 2.25rem;
  margin-top: 0.25rem;
  background: linear-gradient(to bottom, transparent 0%, #fff calc(100% - 30px));
}
.vits-claim-request-total-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-claim-request-total-price {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-like-folder .vits-form-dl {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5rem 0.75rem;
}
.vits-like-folder .vits-form-dl > dt {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  width: 8.75rem;
  min-height: 2.75rem;
  padding-top: 0.71875rem;
}
.vits-like-folder .vits-form-dl > dt + dd {
  width: calc(100% - 8.75rem - 0.75rem);
}
.vits-credit-application {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2.25rem;
}
.vits-credit-application .credit-company-info {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem 0rem;
  align-items: center;
}
.vits-credit-application .credit-company-info > dt {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  width: 9rem;
  min-height: 0rem;
  padding-top: 0rem;
}
.vits-credit-application .credit-company-info > dt + dd {
  width: calc(100% - 9rem - 0rem);
}
.vits-credit-application .credit-company-info dd {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-credit-application .credit-manager-section {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-credit-application .credit-manager-section .manager-header {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.125rem;
  width: 100%;
  padding-bottom: 0.5rem;
}
.vits-credit-application .credit-manager-section .manager-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-credit-application .credit-manager-section .manager-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-credit-application .credit-manager-section .manager-content {
  width: 100%;
  padding: 1rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #bebebe;
}
.vits-credit-application .credit-manager-section .manager-empty {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.vits-credit-application .credit-manager-section .manager-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-credit-application .credit-manager-section .manager-form {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2rem;
}
.vits-credit-application .credit-manager-section .manager-form .form-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-credit-application .credit-manager-section .manager-form .form-fields {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem 0.625rem;
}
.vits-credit-application .credit-manager-section .manager-form .form-fields > dt {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  width: 5rem;
  min-height: 2rem;
  padding-top: 0.4375rem;
}
.vits-credit-application .credit-manager-section .manager-form .form-fields > dt + dd {
  width: calc(100% - 5rem - 0.625rem);
}
.vits-credit-application .credit-manager-section .manager-form .form-fields dd {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.625rem;
}
.vits-credit-application
  .credit-manager-section
  .manager-form
  .form-fields
  dd:not(:has(.vits-checkbox-item))
  .vits-input {
  width: 20rem;
}
.vits-credit-application .credit-manager-section .manager-form .form-fields dd:has(.vits-checkbox-item) .vits-input {
  width: 12.5rem;
}
.vits-credit-application
  .credit-manager-section
  .manager-form
  .form-fields
  dd:has(.vits-checkbox-item)
  .vits-checkbox-item {
  flex-shrink: 0;
  align-self: center;
}
.vits-credit-application .credit-manager-section .manager-form .form-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}
.vits-credit-application .credit-manager-section .manager-form .form-actions button {
  width: 8.125rem;
}
.vits-credit-application .credit-manager-section .manager-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-track-shipment {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3rem;
}
.vits-track-shipment-head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 3.5rem;
  width: 100%;
  height: 6.25rem;
  background: #fafafa;
  box-shadow: inset 0 0 0 1px #f0f0f0;
}
.vits-track-shipment-head .shipment-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-track-shipment-head .shipment-info dt {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-track-shipment-head .shipment-info dd,
.vits-track-shipment-head .shipment-info-number {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  color: #101828;
  letter-spacing: 0;
}
.vits-track-shipment-head .shipment-info dd {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-track-shipment-head .shipment-info-number {
  text-decoration: underline;
  text-underline-offset: 6px;
}
.vits-track-shipment-head .shipment-info-copy {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 1.5rem;
  height: 1.5rem;
  color: #767676;
}
.vits-track-shipment-head .shipment-info-copy:disabled {
  cursor: not-allowed;
}
.vits-track-shipment-head .shipment-info-copy .ic {
  width: 100%;
  height: 100%;
}
.vits-track-shipment-body {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3rem;
  width: 100%;
}
.vits-track-shipment-body .shipment-steps {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
}
.vits-track-shipment-body .shipment-steps[data-current='1'] li:nth-of-type(1) .step-icon {
  color: #fff;
  background: #e51e25;
}
.vits-track-shipment-body .shipment-steps[data-current='1'] li:nth-of-type(1) .step-text,
.vits-track-shipment-body .shipment-steps[data-current='1'] li:nth-of-type(1) .step-title {
  color: #e51e25;
}
.vits-track-shipment-body .shipment-steps[data-current='1'] li:nth-of-type(1)::after {
  background-image: url(../../../../../resources/img/mro/renewal/ic/ic-triple-arrow-red.svg);
}
.vits-track-shipment-body .shipment-steps[data-current='2'] li:nth-of-type(2) .step-icon {
  color: #fff;
  background: #e51e25;
}
.vits-track-shipment-body .shipment-steps[data-current='2'] li:nth-of-type(2) .step-text,
.vits-track-shipment-body .shipment-steps[data-current='2'] li:nth-of-type(2) .step-title {
  color: #e51e25;
}
.vits-track-shipment-body .shipment-steps[data-current='2'] li:nth-of-type(2)::after {
  background-image: url(../../../../../resources/img/mro/renewal/ic/ic-triple-arrow-red.svg);
}
.vits-track-shipment-body .shipment-steps[data-current='3'] li:nth-of-type(3) .step-icon {
  color: #fff;
  background: #e51e25;
}
.vits-track-shipment-body .shipment-steps[data-current='3'] li:nth-of-type(3) .step-text,
.vits-track-shipment-body .shipment-steps[data-current='3'] li:nth-of-type(3) .step-title {
  color: #e51e25;
}
.vits-track-shipment-body .shipment-steps[data-current='3'] li:nth-of-type(3)::after {
  background-image: url(../../../../../resources/img/mro/renewal/ic/ic-triple-arrow-red.svg);
}
.vits-track-shipment-body .shipment-steps[data-current='4'] li:nth-of-type(4) .step-icon {
  color: #fff;
  background: #e51e25;
}
.vits-track-shipment-body .shipment-steps[data-current='4'] li:nth-of-type(4) .step-text,
.vits-track-shipment-body .shipment-steps[data-current='4'] li:nth-of-type(4) .step-title {
  color: #e51e25;
}
.vits-track-shipment-body .shipment-steps[data-current='4'] li:nth-of-type(4)::after {
  background-image: url(../../../../../resources/img/mro/renewal/ic/ic-triple-arrow-red.svg);
}
.vits-track-shipment-body .shipment-steps[data-current='5'] li:nth-of-type(5) .step-icon {
  color: #fff;
  background: #e51e25;
}
.vits-track-shipment-body .shipment-steps[data-current='5'] li:nth-of-type(5) .step-text,
.vits-track-shipment-body .shipment-steps[data-current='5'] li:nth-of-type(5) .step-title {
  color: #e51e25;
}
.vits-track-shipment-body .shipment-steps[data-current='5'] li:nth-of-type(5)::after {
  background-image: url(../../../../../resources/img/mro/renewal/ic/ic-triple-arrow-red.svg);
}
.vits-track-shipment-body .shipment-steps .step-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.vits-track-shipment-body .shipment-steps .step-item:not(:last-of-type)::after {
  background: #fff url(../../../../../resources/img/mro/renewal/ic/ic-triple-arrow.svg) no-repeat center/contain;
  display: block;
  flex-shrink: 0;
  width: 0.875rem;
  aspect-ratio: 16/11;
  margin: 1.25rem 1.25rem 0;
  content: '';
}
.vits-track-shipment-body .shipment-steps .step-marker {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-track-shipment-body .shipment-steps .step-icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  flex-shrink: 0;
  padding: 0.625rem;
  color: #444;
  background: #fafafa;
  border-radius: 50%;
}
.vits-track-shipment-body .shipment-steps .step-icon .ic {
  width: 100%;
  height: 100%;
}
.vits-track-shipment-body .shipment-steps .step-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  white-space: nowrap;
}
.vits-track-shipment-body .shipment-steps.type-column {
  flex-direction: column;
  width: 20.6875rem;
  margin: 0 auto;
}
.vits-track-shipment-body .shipment-steps.type-column .step-item {
  flex-direction: column;
}
.vits-track-shipment-body .shipment-steps.type-column .step-item::after {
  position: static;
  margin: 1.25rem 0 1.25rem 1.3125rem;
  transform: rotate(90deg);
}
.vits-track-shipment-body .shipment-steps.type-column .step-marker {
  flex-direction: row;
  gap: 1.5rem;
}
.vits-track-shipment-body .shipment-steps.type-column .step-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-track-shipment-body .shipment-steps.type-column .step-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-track-shipment-body .shipment-steps.type-column .step-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-track-shipment-body .shipment-detail {
  width: 100%;
}
.vits-track-shipment-body .shipment-detail:not(.is-empty) {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-track-shipment-body .shipment-detail.is-empty {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  height: 22.375rem;
}
.vits-track-shipment-body .shipment-detail-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-track-shipment-body .shipment-detail-list {
  width: 100%;
  height: 17.5rem;
  padding: 0 0.125rem 0 0.25rem;
  background: linear-gradient(to right, transparent 32px, #dadada 32px, #dadada 36px, transparent 36px);
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #dadada;
}
.vits-track-shipment-body .shipment-detail-list-inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
  height: 100%;
  padding: 1.25rem 0;
  overflow: hidden auto;
}
.vits-track-shipment-body .shipment-detail-item {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 0.25rem;
  width: 100%;
  padding: 0 1.25rem 0 3.75rem;
}
.vits-track-shipment-body .shipment-detail-item::before {
  position: absolute;
  top: 50%;
  left: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  content: '';
  background: #fff;
  border-radius: 50%;
  box-shadow: inset 0 0 0 4px #e51e25;
  transform: translateY(-50%);
}
.vits-track-shipment-body .shipment-detail-info {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-track-shipment-body .shipment-detail-location {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-track-shipment-body .shipment-detail-status {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-track-shipment-body .shipment-detail-status[data-status='completed'] {
  color: #e51e25;
}
.vits-track-shipment-body .shipment-detail-date {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-mypage-content-promotion {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  padding: 1.5rem 2rem;
  background-color: #fff;
  border-radius: 8px;
}
.vits-mypage-content-promotion .promotion-notice-box {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.vits-mypage-content-promotion .promotion-notice-box .icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  color: #444;
  background-color: #fafafa;
  border-radius: 50%;
}
.vits-mypage-content-promotion .promotion-notice-box .icon .ic {
  width: 2rem;
  height: 2rem;
}
.vits-mypage-content-promotion .promotion-notice-box .notice-text {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-mypage-content-promotion .promotion-notice-box .notice-text .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-mypage-content-promotion .promotion-notice-box .notice-text .text em {
  font-style: normal;
  color: #e51e25;
}
.vits-mypage-content-promotion .promotion-notice-box .notice-text .desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-mypage-content-promotion .promotion-register-btn {
  min-width: 10rem;
}
.vits-mypage-content-promotion .promotion-register-btn [class*='vits-btn-'] {
  width: 100%;
}
.vits-my-coupon-exist-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1.25rem;
  padding-bottom: 2rem;
}
.vits-my-coupon-exist-list .coupon-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  border: 1px solid #dadada;
  position: relative;
  gap: 1rem;
  width: calc(50% - 0.625rem);
  padding: 1.25rem 1rem;
  background-color: #fff;
  border-radius: 12px;
}
.vits-my-coupon-exist-list .coupon-item.is-done {
  pointer-events: none;
  cursor: not-allowed;
  filter: grayscale(1);
  opacity: 0.7;
}
.vits-my-coupon-exist-list .coupon-item.is-done .vits-btn-download {
  background-color: #dadada;
}
.vits-my-coupon-exist-list .coupon-item-left {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  min-width: 8.75rem;
}
.vits-my-coupon-exist-list .coupon-item-badge {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  background: #fff url(../../../../../resources/img/mro/renewal/ic/ic-coupon-bg.svg) no-repeat center/contain;
  width: 100%;
  min-height: 5rem;
}
.vits-my-coupon-exist-list .coupon-item-badge .coupon-item-badge-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.75rem;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
}
.vits-my-coupon-exist-list .coupon-item-badge .coupon-item-badge-value-max {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
}
.vits-my-coupon-exist-list .coupon-item-body {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: space-around;
  flex: 1;
  min-width: 0;
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-info button[type='button'] {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  color: #767676;
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-info button[type='button']:disabled {
  cursor: not-allowed;
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-info button[type='button'] .ic {
  width: 100%;
  height: 100%;
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-info-text {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-top: 0.125rem;
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-info-text span {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  padding: 0;
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-info-text span.title {
  flex-shrink: 0;
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-info-text span.content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: auto;
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-info-view {
  position: absolute;
  top: 30px;
  right: 16px;
  bottom: 0;
  left: 152px;
  z-index: 1;
  overflow: hidden;
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-info-view .info-view-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  width: 100%;
  max-height: 5rem;
  padding: 0.75rem 1.75rem 0.75rem 0.75rem;
  overflow: hidden auto;
  line-height: 1.5;
  white-space: normal;
  background-color: #fff;
  border: 1px solid #5c5c5c;
  border-radius: 4px;
  box-shadow: 0 9px 21px 0 rgba(0, 0, 0, 0.1);
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-info-view button[type='button'] {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-info-view .icon {
  width: 1rem;
  height: 1rem;
  color: #444;
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-info-view .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-info-view.has-scroll .info-view-text {
  padding-right: 1.5rem;
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-info-view.has-scroll button[type='button'] {
  right: 1.5rem;
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-desc {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.125rem;
  margin-top: 0.5rem;
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-desc .desc-list-discount {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-desc .desc-list-discount dt,
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-desc .desc-list-discount dd {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-my-coupon-exist-list .coupon-item-body .coupon-item-period {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  margin-top: 0.5rem;
}
.vits-my-coupon-exist-list .coupon-item-right {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
}
.vits-my-coupon-exist-list .coupon-item-right .vits-btn-download {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 2.25rem;
  height: 2.25rem;
  background-color: #e51e25;
  border-radius: 50%;
}
.vits-my-coupon-exist-list .coupon-item-right .vits-btn-download:disabled {
  cursor: not-allowed;
}
.vits-my-coupon-exist-list .coupon-item-right .vits-btn-download .ic {
  width: 100%;
  height: 100%;
}
.vits-my-coupon-exist-list .coupon-item-right .vits-btn-download .icon {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-flex;
  color: #fff;
}
.vits-my-coupon-exist-list .coupon-item-right .vits-btn-download .icon .ic {
  width: 100%;
  height: 100%;
}
.main-content-my-coupon {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2rem;
}
.main-content-my-coupon .vits-mypage-query,
.main-content-my-coupon .vits-mypage-top-tabs,
.main-content-my-coupon .vits-mypage-records-box,
.main-content-my-coupon .vits-mypage-content-promotion {
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.main-content-my-coupon .vits-mypage-records-box {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.main-content-my-coupon .vits-mypage-records-box .vits-mypage-records-box-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  padding-bottom: 2.25rem;
}
.main-content-my-coupon .vits-mypage-records-box.type-empty {
  padding: 2.25rem 2rem;
}
.main-content-my-coupon .vits-mypage-records-box.type-exist {
  gap: 0;
  min-height: 22.375rem;
  padding: 2rem;
  background: #fff;
  border-radius: 12px;
}
.vits-coupon-serial-register .coupon-serial-item {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
  padding: 2rem;
  background-color: #fafafa;
  border: 1px solid #bebebe;
  border-radius: 12px;
}
.vits-coupon-serial-register .coupon-serial-item-label .label-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-coupon-serial-register .coupon-serial-item-field {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-coupon-serial-register .coupon-serial-item-field .validation-message {
  padding-top: 0.25rem;
  padding-left: 0.75rem;
}
.pay-headline {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.pay-headline .vits-mypage-content-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin: 0;
}
.pay-headline-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
}
.pay-tabs.vits-tabs-lg {
  background-color: #fff;
  border-radius: 12px;
}
.pay-tabs .pay-tab-btn:not(.is-active) .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.pay-tabs .pay-tab-btn.is-active {
  border-bottom: 2px solid #e51e25;
}
.pay-reg-btn {
  width: 100%;
}
.pay-card-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.pay-card-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #dadada;
  position: relative;
  gap: 1rem;
  width: calc(50% - 0.375rem);
  min-width: 17.5rem;
  padding: 1.25rem 1rem;
  background-color: #fafafa;
  border-radius: 12px;
  transition: border-color 0.3s ease;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .pay-card-item:hover {
    background-color: #fff;
    border-color: #1b1b1b;
  }
}
.pay-card-item:focus-visible,
.pay-card-item:active {
  background-color: #fff;
  border-color: #1b1b1b;
}
.pay-card-item-icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  color: #fff;
  background-color: #d3ddf8;
  border-radius: 50%;
}
.pay-card-item-icon .ic {
  width: 1.5rem;
  height: 1.5rem;
}
.pay-card-item-body {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1;
  gap: 0.25rem;
  min-width: 0;
}
.pay-card-item-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  display: -webkit-box;
  max-height: calc(1.5em * 1);
  overflow: hidden;
  line-height: 1.5;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin: 0;
}
.pay-card-item-badge {
  display: inline-block;
  align-self: flex-start;
  min-width: 1.625rem;
  padding: 0.1875rem 0.25rem;
  margin-left: 0.5rem;
  vertical-align: middle;
  background-color: #d3ddf8;
  border-radius: 4px;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
}
.pay-card-item-num {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  margin: 0;
}
.pay-card-item-option-wrap {
  position: relative;
  flex-shrink: 0;
}
.pay-card-item-option {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  color: #767676;
}
.pay-card-item-option:disabled {
  cursor: not-allowed;
}
.pay-card-item-option .ic {
  width: 2rem;
  height: 2rem;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .pay-card-item-option:hover {
    color: #444;
  }
}
.pay-card-item-option:focus-visible,
.pay-card-item-option:active {
  color: #444;
}
.pay-card-item.type-account .pay-card-item-icon {
  color: #fff;
  background-color: #d4f0e0;
}
.pay-card-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
  padding: 0.75rem 0;
  overflow: hidden;
  text-align: left;
  background-color: #fff;
  border: 1px solid;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.pay-card-menu[data-toggle-box].is-open {
  overflow: hidden;
}
.pay-card-menu-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #bebebe;
  letter-spacing: 0;
  padding: 0;
  margin: 0;
  text-align: center;
  white-space: nowrap;
}
.pay-card-menu-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.pay-card-menu-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  gap: 0.25rem;
  width: calc(100% - 1.5rem);
  padding: 0.75rem 0 0;
  margin: 0 0.75rem;
  white-space: nowrap;
  background-color: #fff;
  border: 0;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .pay-card-menu-btn:hover .text,
  .pay-card-menu-btn:hover .ic {
    font-family: 'Pretendard', system-ui, sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.3;
    color: #444;
    letter-spacing: 0;
  }
}
.pay-card-menu-btn:focus-visible .text,
.pay-card-menu-btn:focus-visible .ic,
.pay-card-menu-btn:active .text,
.pay-card-menu-btn:active .ic {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.pay-card-menu-btn .ic {
  width: 1.125rem;
  height: 1.125rem;
  color: #767676;
}
.pay-card-menu-btn.is-delete {
  margin-top: 0.75rem;
  border-top: 1px solid #f0f0f0;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .pay-card-menu-btn.is-delete:hover {
    color: #1b1b1b;
  }
  .pay-card-menu-btn.is-delete:hover .ic,
  .pay-card-menu-btn.is-delete:hover .text {
    font-family: 'Pretendard', system-ui, sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.3;
    color: #f2555a;
    letter-spacing: 0;
  }
}
.pay-card-menu-btn.is-delete:focus-visible,
.pay-card-menu-btn.is-delete:active {
  color: #1b1b1b;
}
.pay-card-menu-btn.is-delete:focus-visible .ic,
.pay-card-menu-btn.is-delete:focus-visible .text,
.pay-card-menu-btn.is-delete:active .ic,
.pay-card-menu-btn.is-delete:active .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
}
.main-content-paymanage {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.5rem;
}
.main-content-paymanage .pay-tabs,
.main-content-paymanage .pay-reg-btn {
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.main-content-paymanage .vits-mypage-panel {
  gap: 24px;
}
.main-content-paymanage .vits-mypage-panel-inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2.25rem;
  width: 100%;
  padding: 3.5rem;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.main-content-paymanage .vits-mypage-panel .pay-panel-empty {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  min-height: 25rem;
}
.shipping-headline {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: flex-start;
}
.shipping-headline .vits-mypage-content-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin: 0;
}
.shipping-headline .vits-mypage-content-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-mypage-shipping-toolbar {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.vits-mypage-shipping-toolbar .shipping-toolbar-left {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-mypage-shipping-toolbar .shipping-toolbar-count {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  margin: 0;
}
.vits-mypage-shipping-toolbar .shipping-toolbar-count b {
  padding: 0 0.125rem 0 0.25rem;
  font-weight: 700;
}
.vits-mypage-shipping-toolbar .shipping-toolbar-size {
  min-width: 7.5rem;
}
.vits-mypage-shipping-toolbar .shipping-toolbar-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.shipping-panel {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: space-between;
  gap: 1.25rem;
  width: 100%;
  padding: 2rem;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.shipping-panel.shipping-empty {
  justify-content: center;
}
.shipping-table-classify,
.shipping-table-name,
.shipping-table-recipient,
.shipping-table-contact,
.shipping-table-cargo,
.shipping-table-office {
  display: block;
  word-break: keep-all;
}
.shipping-table-addr {
  display: block;
  text-align: center;
  word-break: break-word;
  white-space: pre-line;
}
.shipping-table-empty {
  color: #767676;
}
.shipping-table-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.shipping-table-edit,
.shipping-table-delete {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  color: #767676;
}
.shipping-table-edit:disabled,
.shipping-table-delete:disabled {
  cursor: not-allowed;
}
.shipping-table-edit .ic,
.shipping-table-delete .ic {
  width: 1.25rem;
  height: 1.25rem;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .shipping-table-edit:hover,
  .shipping-table-delete:hover {
    color: #444;
  }
}
.shipping-table-edit:focus-visible,
.shipping-table-edit:active,
.shipping-table-delete:focus-visible,
.shipping-table-delete:active {
  color: #444;
}
.main-content-shipping {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.5rem;
}
.vits-login-modal .vits-login-logo {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  width: 12.5rem;
  width: 100%;
  min-height: 8.75rem;
  margin: 0 auto 3.5rem;
}
.vits-login-modal .vits-login-logo img {
  display: block;
  width: 100%;
  max-width: 12.5rem;
}
.vits-login-modal .vits-login-logo .vits-login-subtitle {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  margin-top: 0.625rem;
}
.vits-login-modal .vits-login-content {
  padding: 0 1.5rem 1.5rem;
}
.vits-login-modal .vits-login-form {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.vits-login-modal .vits-login-form-fields {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-login-modal .vits-login-form-fields .login-once-time-attack {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding-top: 1.5rem;
}
.vits-login-modal .vits-login-form-fields .login-once-time-attack .time-attack-info {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.vits-login-modal .vits-login-form-fields .login-once-time-attack .time-attack-info .time-attack-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-login-modal .vits-login-form-fields .login-once-time-attack .time-attack-info .time-attack-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-login-modal .vits-login-form-fields .login-once-time-attack .time-attack-btn {
  padding: 0 1.5625rem;
}
.vits-login-modal .vits-login-form-fields .login-once-time-attack .time-attack-btn .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-login-modal .vits-login-options {
  margin-top: 0.75rem;
}
.vits-login-modal .vits-login-options .login-checkbox {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-login-modal .login-submit {
  width: 100%;
  margin-top: 3.25rem;
}
.vits-login-modal .login-once-others {
  padding: 1rem 0 2.75rem;
  text-align: center;
}
.vits-login-modal .login-once-others .vits-text-link {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  display: inline-block;
  padding-bottom: 0.25rem;
  border-bottom: 2px solid #bebebe;
}
.vits-login-modal .vits-auth-tabs {
  min-height: 3rem;
  margin-bottom: 1.5rem;
}
.vits-login-modal .vits-auth-tabs [class*='vits-btn-'] {
  min-height: 3rem;
}
#loginModal .vits-modal-header {
  padding: 1.75rem 2rem;
}
#loginModal .vits-modal-header .vits-modal-close {
  top: 0.75rem;
  right: 0.75rem;
  width: 3.25rem;
  height: 3.25rem;
  color: #bebebe;
}
#loginModal .vits-modal-title {
  font-size: 1px;
  color: rgba(0, 0, 0, 0);
}
.vits-auth-dormant-modal {
  position: relative;
}
.vits-auth-dormant-modal .vits-auth-dormant-form {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-auth-dormant-modal .vits-auth-dormant-form-fields {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.5rem;
  align-items: center;
}
.vits-auth-dormant-modal .vits-auth-dormant-form-fields .form-field-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  min-width: 8.75rem;
}
.vits-auth-dormant-modal .vits-auth-dormant-form-fields .form-field-label .label-required {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  margin-left: 0.125rem;
}
.vits-info-check {
  position: relative;
}
.vits-info-check-form {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.vits-info-check-fields {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-info-check-fields .vits-form-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.5rem;
}
.vits-info-check-fields .vits-form-row .vits-form-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  min-width: 8.75rem;
  padding-top: 0.75rem;
}
.vits-info-check-fields .vits-form-row .vits-form-label .label-required {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  margin-left: 0.125rem;
}
.vits-info-check-fields .vits-form-row .vits-form-field {
  flex: 1;
  min-width: 0;
}
.vits-main-auth {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: center;
  min-height: 55.3125rem;
  padding-top: 2.5rem;
  background-color: #f1f3f6;
}
.vits-main-auth .auth-contact {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding-top: 3rem;
}
.vits-main-auth .auth-contact-call,
.vits-main-auth .auth-contact-kakaotalk {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  text-decoration: none;
}
.vits-main-auth .auth-contact-icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
.vits-main-auth .auth-contact-icon img {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}
.vits-main-auth .auth-contact-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-main-auth .vits-signup {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  max-width: 32.5rem;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-main-auth .vits-signup-headline {
  padding: 1.0625rem 2rem;
  border-bottom: 1px solid #f0f0f0;
}
.vits-main-auth .vits-signup-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-main-auth .vits-signup-form-wrap {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  padding: 2.25rem 2rem;
}
.vits-main-auth .vits-signup-steps {
  padding: 0 1rem;
  margin-bottom: 2rem;
}
.vits-main-auth .vits-signup-steps-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.vits-main-auth .vits-signup-steps-item {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  gap: 0.75rem;
  max-width: 7.5rem;
}
.vits-main-auth .vits-signup-steps-item .vits-signup-steps-img-wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  overflow: hidden;
  background-color: #f0f0f0;
  border-radius: 8px;
}
.vits-main-auth .vits-signup-steps-item .vits-signup-steps-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.vits-main-auth .vits-signup-steps-item .vits-signup-steps-img:not([src]),
.vits-main-auth .vits-signup-steps-item .vits-signup-steps-img[src=''] {
  opacity: 0.4;
}
.vits-main-auth .vits-signup-steps-item .vits-signup-steps-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  text-align: center;
}
.vits-main-auth .vits-signup-steps-item.is-done .vits-signup-steps-img-wrap {
  background-color: #dadada;
}
.vits-main-auth .vits-signup-steps-item.is-done .vits-signup-steps-label {
  color: #767676;
}
.vits-main-auth .vits-signup-steps-item.is-current .vits-signup-steps-img-wrap {
  background-color: #fff;
  border: 2px solid #e51e25;
}
.vits-main-auth .vits-signup-steps-item.is-current .vits-signup-steps-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-main-auth .vits-signup-inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2rem;
  padding: 2rem;
  background-color: #fafafa;
  border-radius: 12px;
}
.vits-main-auth .vits-signup-alert {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-main-auth .vits-signup-section {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-main-auth .vits-signup-section ~ .vits-signup-section {
  padding-top: 2rem;
}
.vits-main-auth .vits-signup-section-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin: 0;
}
.vits-main-auth .vits-signup-section-title .label-required {
  color: #f2555a;
}
.vits-main-auth .vits-signup .vits-signup-tax-head {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-main-auth .vits-signup .vits-signup-tax-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin: 0;
}
.vits-main-auth .vits-signup .vits-signup-tax-btn {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-main-auth .vits-signup .vits-signup-tax-btn:disabled {
  cursor: not-allowed;
}
.vits-main-auth .vits-signup .vits-signup-tax-body {
  overflow: hidden;
  transition:
    margin 0.3s,
    padding 0.3s,
    max-height 0.3s,
    clip-path 0.3s,
    opacity 0.2s,
    visibility 0s 0s;
}
.vits-main-auth .vits-signup .vits-signup-tax-body:not(.is-open) {
  overflow: hidden;
}
.vits-main-auth .vits-signup .vits-signup-tax-body.is-open {
  display: block;
  padding-top: 1.5rem;
  margin-top: 1rem;
}
.vits-main-auth .vits-signup .vits-signup-tax-text.is-collapsed {
  display: none;
}
.vits-main-auth .vits-signup .vits-signup-tax-text.is-expanded {
  display: inline;
}
.vits-main-auth .vits-signup .vits-signup-tax-icon {
  width: 1rem;
  height: 1rem;
  transition: transform 0.2s;
}
.vits-main-auth .vits-signup .vits-signup-tax .vits-signup-toggle-box {
  padding: 1.25rem;
  background-color: #fafafa;
  border-radius: 12px;
}
.vits-main-auth .vits-signup .vits-signup-tax .vits-signup-toggle-box .vits-signup-tax-toggle {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.vits-main-auth
  .vits-signup
  .vits-signup-tax
  .vits-signup-toggle-box
  .vits-signup-tax-toggle
  .vits-checkbox-item
  .label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-main-auth .vits-signup .vits-signup-tax .vits-signup-toggle-box .vits-signup-tax-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-main-auth .vits-signup .vits-signup-tax .vits-signup-toggle-box .vits-signup-tax-text.is-expanded {
  display: inline;
}
.vits-main-auth .vits-signup .vits-signup-tax .vits-signup-toggle-box .vits-signup-tax-text.is-collapsed {
  display: none;
}
.vits-main-auth .vits-signup .vits-signup-tax-btn[aria-expanded='true'] .vits-signup-tax-text.is-expanded {
  display: inline;
}
.vits-main-auth .vits-signup .vits-signup-tax-btn[aria-expanded='true'] .vits-signup-tax-text.is-collapsed {
  display: none;
}
.vits-main-auth .vits-signup .vits-signup-tax-btn[aria-expanded='true'] .vits-signup-tax-icon .ic {
  transform: rotate(180deg);
}
.vits-main-auth .vits-signup .vits-signup-tax-btn[aria-expanded='false'] .vits-signup-tax-text.is-expanded {
  display: none;
}
.vits-main-auth .vits-signup .vits-signup-tax-btn[aria-expanded='false'] .vits-signup-tax-text.is-collapsed {
  display: inline;
}
.vits-main-auth .vits-signup .vits-signup-tax-btn[aria-expanded='false'] .vits-signup-tax-icon .ic {
  transform: rotate(0deg);
}
.vits-main-auth .vits-signup .vits-signup-file {
  gap: 0.75rem;
  width: 100%;
}
.vits-main-auth .vits-signup .vits-signup-file .vits-form-hint {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  padding-left: 0;
  margin-top: 0.25rem;
}
.vits-main-auth .vits-signup-terms-card {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
  padding: 1rem;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
}
.vits-main-auth .vits-signup-terms-all {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.125rem;
  padding: 0 1rem;
}
.vits-main-auth .vits-signup-terms-all .vits-checkbox-item.size-l {
  align-items: center;
}
.vits-main-auth .vits-signup-terms-all-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  padding-left: 1.5rem;
  margin: 0;
}
.vits-main-auth .vits-signup-terms-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-main-auth .vits-signup-terms-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  padding: 1rem;
  border: 1px solid #dadada;
  border-radius: 8px;
}
.vits-main-auth .vits-signup-terms-item .vits-checkbox-item .label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-main-auth .vits-signup-terms-item .vits-checkbox-item .label-tag {
  margin-left: 0.5rem;
  color: #f2555a;
}
.vits-main-auth .vits-signup-terms-item .vits-checkbox-item [value='marketing'] ~ .label .label-tag {
  color: #767676;
}
.vits-main-auth .vits-signup-terms-link {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  display: inline-flex;
  flex-shrink: 0;
  gap: 0.25rem;
  align-items: center;
  text-decoration: none;
}
.vits-main-auth .vits-signup-terms-link .ic {
  width: 1rem;
  height: 1rem;
}
.vits-main-auth .vits-signup-terms-details {
  width: 100%;
}
.vits-main-auth .vits-signup-terms-summary {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  list-style: none;
  cursor: pointer;
}
.vits-main-auth .vits-signup-terms-summary .terms-toggle-btn {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: inline-flex;
  flex: 1;
  flex-shrink: 0;
  justify-content: flex-start;
  color: #767676;
  transition: transform 0.2s;
}
.vits-main-auth .vits-signup-terms-summary .terms-toggle-btn:disabled {
  cursor: not-allowed;
}
.vits-main-auth .vits-signup-terms-summary .terms-toggle-btn .ic {
  width: 1rem;
  height: 1rem;
}
.vits-main-auth .vits-signup .terms-toggle-btn[aria-expanded='true'] .ic {
  transform: rotate(180deg);
}
.vits-main-auth .vits-signup-terms-sub {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
  transition:
    margin 0.3s,
    padding 0.3s,
    max-height 0.3s,
    clip-path 0.3s,
    opacity 0.2s,
    visibility 0s 0s;
}
.vits-main-auth .vits-signup-terms-sub.is-open {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid #dadada;
}
.vits-main-auth .vits-signup-form {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-main-auth .vits-signup-form .vits-form-hint {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  margin-top: -1rem;
}
.vits-main-auth .vits-signup-form .label-required {
  color: #f2555a;
}
.vits-main-auth .vits-signup-form .vits-form-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1.5rem;
}
.vits-main-auth .vits-signup-form .vits-form-row .vits-form-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  min-width: 8.75rem;
}
.vits-main-auth .vits-signup-form .vits-form-column {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
  align-items: stretch;
}
.vits-main-auth .vits-signup-form .vits-form-field {
  flex: 1;
  min-width: 0;
}
.vits-main-auth .vits-signup-form .vits-form-field .vits-validation.is-valid .input-item {
  box-shadow: inset 0 0 0 1px #1b1b1b;
}
.vits-main-auth .vits-signup-form .vits-form-field .vits-select-trigger {
  width: 100%;
}
.vits-main-auth .vits-signup-form .vits-form-field .vits-select-trigger .vits-select-value {
  color: #767676;
}
.vits-main-auth .vits-signup-form .vits-form-field .vits-select-trigger .vits-select-icon {
  color: #bebebe;
}
.vits-main-auth .vits-signup-form .vits-form-field:has(.vits-signup-btn) {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-main-auth .vits-signup-form .vits-form-field:has(.vits-signup-btn) .vits-input {
  flex: 1;
  min-width: 0;
}
.vits-main-auth .vits-signup-form .vits-form-field:has(.vits-signup-btn) .vits-signup-btn {
  flex-shrink: 0;
  min-width: 7.5rem;
}
.vits-main-auth .vits-signup-submit {
  width: 100%;
  padding-top: 3rem;
}
.vits-main-auth .vits-signup-submit-btn {
  width: 100%;
  background-color: #e51e25;
}
.vits-main-auth .vits-signup-footer {
  padding-top: 1.25rem;
}
.vits-main-auth .vits-signup-footer .vits-signup-footer-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
}
.vits-main-auth .vits-signup-footer .vits-signup-footer-list .vits-text-underline-button {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  height: 1.75rem;
}
.vits-main-auth .vits-signup-footer .vits-signup-footer-list .vits-text-underline-button.type-member-delete {
  color: #f2555a;
  border-color: #f2555a;
}
.vits-main-auth .vits-signup-footer .vits-signup-footer-list .vits-text-underline-button.type-member-transfer {
  color: #767676;
}
.vits-main-auth .vits-signup .vits-signup-submit {
  margin-top: 2rem;
  border-top: 1px solid #dadada;
}
.vits-main-auth .vits-signup .vits-signup-submit [class*='vits-btn-'] {
  background-color: #e51e25;
}
.vits-main-auth .type-member-modify .vits-modify-toggle-box {
  width: 100%;
  padding: 1.25rem;
  background-color: #fafafa;
  border-radius: 12px;
}
.vits-main-auth .type-member-modify .vits-modify-toggle-box .vits-modify-marketing-toggle {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.vits-main-auth .type-member-modify .vits-modify-toggle-box .vits-modify-marketing-toggle .vits-checkbox-item .label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-main-auth .type-member-modify .vits-modify-toggle-box .vits-modify-marketing-btn {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-main-auth .type-member-modify .vits-modify-toggle-box .vits-modify-marketing-btn:disabled {
  cursor: not-allowed;
}
.vits-main-auth .type-member-modify .vits-modify-toggle-box .vits-modify-marketing-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-main-auth .type-member-modify .vits-modify-toggle-box .vits-modify-marketing-text.is-expanded {
  display: inline;
}
.vits-main-auth .type-member-modify .vits-modify-toggle-box .vits-modify-marketing-text.is-collapsed {
  display: none;
}
.vits-main-auth .type-member-modify .vits-modify-toggle-box .vits-modify-marketing-icon {
  width: 1rem;
  height: 1rem;
  transition: transform 0.2s;
}
.vits-main-auth
  .type-member-modify
  .vits-modify-toggle-box
  .vits-modify-marketing-btn[aria-expanded='true']
  .vits-modify-marketing-text.is-expanded {
  display: inline;
}
.vits-main-auth
  .type-member-modify
  .vits-modify-toggle-box
  .vits-modify-marketing-btn[aria-expanded='true']
  .vits-modify-marketing-text.is-collapsed {
  display: none;
}
.vits-main-auth
  .type-member-modify
  .vits-modify-toggle-box
  .vits-modify-marketing-btn[aria-expanded='true']
  .vits-modify-marketing-icon
  .ic {
  transform: rotate(180deg);
}
.vits-main-auth
  .type-member-modify
  .vits-modify-toggle-box
  .vits-modify-marketing-btn[aria-expanded='false']
  .vits-modify-marketing-text.is-expanded {
  display: none;
}
.vits-main-auth
  .type-member-modify
  .vits-modify-toggle-box
  .vits-modify-marketing-btn[aria-expanded='false']
  .vits-modify-marketing-text.is-collapsed {
  display: inline;
}
.vits-main-auth
  .type-member-modify
  .vits-modify-toggle-box
  .vits-modify-marketing-btn[aria-expanded='false']
  .vits-modify-marketing-icon
  .ic {
  transform: rotate(0deg);
}
.vits-main-auth .type-member-modify .vits-modify-toggle-box .vits-modify-marketing-body {
  overflow: hidden;
  transition:
    margin 0.3s,
    padding-top 0.3s,
    max-height 0.3s,
    clip-path 0.3s,
    opacity 0.2s,
    visibility 0s 0s;
}
.vits-main-auth .type-member-modify .vits-modify-toggle-box .vits-modify-marketing-body:not(.is-open) {
  overflow: hidden;
}
.vits-main-auth .type-member-modify .vits-modify-toggle-box .vits-modify-marketing-body.is-open {
  display: block;
  padding-top: 1.5rem;
}
.vits-main-auth .type-member-modify .vits-modify-toggle-box .vits-modify-marketing-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.vits-main-auth .type-member-modify .vits-modify-toggle-box .vits-modify-marketing-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 calc(50% -);
  min-width: 0;
}
.vits-main-auth .type-member-modify .vits-modify-toggle-box .vits-modify-marketing-item .vits-checkbox-item .label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-main-auth .type-member-modify .vits-modify-toggle-box .vits-modify-marketing-item:nth-child(3) {
  flex: 0 0 100%;
}
.vits-main-auth .vits-signup .join-complete {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  padding: 2.25rem 2rem;
}
.vits-main-auth .vits-signup .join-complete-card {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  min-height: 20rem;
  padding: 3rem 1rem;
  background-color: #fafafa;
  border-radius: 12px;
}
.vits-main-auth .vits-signup .join-complete-card .vits-empty-state-desc {
  text-align: center;
}
.vits-main-auth .vits-signup .join-complete-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  margin: 0;
}
.vits-main-auth .vits-signup .join-complete-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  margin: 0;
  text-align: center;
}
.vits-main-auth .vits-signup .join-complete-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  width: 100%;
  padding-top: 3rem;
}
.vits-main-auth .vits-signup .join-complete-actions [class*='vits-btn-'] {
  flex: 1;
}
.vits-main-auth .vits-signup .join-complete-actions [class*='vits-btn-'].join-complete-btn-login {
  min-width: 16.625rem;
}
.vits-main-auth .vits-signup.id-find-wrap {
  margin-top: 4.1875rem;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
}
.vits-main-auth .vits-signup.id-find-wrap .vits-signup-headline {
  text-align: center;
}
.vits-main-auth .vits-signup.id-find-wrap .vits-signup-headline .vits-signup-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-main-auth .vits-signup.id-find-wrap .vits-signup-headline .vits-signup-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  margin-top: 0.5rem;
}
.vits-main-auth .vits-signup.id-find-wrap .id-find-form {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  padding: 2.25rem 2rem;
}
.vits-main-auth .vits-signup.id-find-wrap .id-info-card {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  min-height: 12.5rem;
  padding: 2rem 1rem;
  background-color: #fafafa;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-main-auth .vits-signup.id-find-wrap .id-info-card .id-info-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  margin: 0;
  text-align: center;
}
.vits-main-auth .vits-signup.id-find-wrap .id-info-card .found-id-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-main-auth .vits-signup.id-find-wrap .id-find-main-link {
  padding-top: 3.5rem;
  text-align: center;
}
.vits-main-auth .vits-signup.id-find-wrap .id-find-main-link .vits-text-link {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  display: inline-block;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #bebebe;
}
.vits-main-auth .vits-signup.id-find-wrap .id-find-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  width: 100%;
  padding-top: 1rem;
}
.vits-main-auth .vits-signup.id-find-wrap .id-find-actions [class*='vits-btn-'] {
  flex: 1;
}
.vits-main-auth .vits-signup.id-find-wrap .id-find-actions [class*='vits-btn-'].id-find-btn-login {
  min-width: 16.625rem;
}
.vits-main-auth .vits-signup.info-find-wrap {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
}
.vits-main-auth .vits-signup.info-find-wrap .vits-signup-headline {
  padding: 0;
  margin-bottom: 3.5rem;
  text-align: center;
}
.vits-main-auth .vits-signup.info-find-wrap .vits-signup-headline .vits-signup-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-main-auth .vits-signup.info-find-wrap .vits-signup-headline .vits-signup-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  margin-top: 0.5rem;
}
.vits-main-auth .vits-signup.info-find-wrap .info-find-tabs-wrap .vits-auth-tabs {
  min-height: 3.75rem;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
}
.vits-main-auth .vits-signup.info-find-wrap .info-find-tabs-wrap .vits-auth-tabs [class*='vits-btn-'] {
  min-height: 3.75rem;
  border: 0;
  border-radius: 8px 8px 0 0;
}
.vits-main-auth .vits-signup.info-find-wrap .info-find-tabs-wrap .vits-auth-tabs [class*='vits-btn-'] .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-main-auth .vits-signup.info-find-wrap .info-find-tabs-wrap .info-find-tab-btn {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-main-auth .vits-signup.info-find-wrap .info-find-tabs-wrap .info-find-tab-btn.is-active {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-main-auth .vits-signup.info-find-wrap .info-find-tabs-wrap .info-find-tab-btn.is-active .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-main-auth .vits-signup.info-find-wrap .info-find-form {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2rem;
  padding: 3.5rem 3.25rem;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-main-auth .vits-signup.info-find-wrap .info-find-form .vits-login-form-fields {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-main-auth .vits-signup.info-find-wrap .info-find-form-fields {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-main-auth .vits-signup.info-find-wrap .info-find-form-actions {
  width: 100%;
  margin-top: 1.25rem;
}
.vits-main-auth .vits-signup.info-find-wrap .info-find-form-actions [class*='vits-btn-'] {
  width: 100%;
}
.vits-main-auth .vits-signup.info-find-wrap .info-find-tabs-wrap + .info-find-form {
  border-radius: 0 0 12px 12px;
}
.vits-main-auth .vits-signup.auth-dormant-wrap {
  margin: 6.75rem auto 9.25rem;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  box-shadow: none;
}
.vits-main-auth .vits-signup.auth-dormant-wrap .auth-dormant-form {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
  padding: 2.25rem 2rem;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-main-auth .vits-signup.auth-dormant-wrap .auth-dormant-info-box {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
  padding: 2rem;
  text-align: center;
  background-color: #fafafa;
  border-radius: 4px;
}
.vits-main-auth .vits-signup.auth-dormant-wrap .auth-dormant-info-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  margin: 0;
}
.vits-main-auth .vits-signup.auth-dormant-wrap .auth-dormant-info-text .highlight-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
}
.vits-main-auth .vits-signup.auth-dormant-wrap .auth-dormant-info-text .point-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-main-auth .vits-signup.auth-dormant-wrap .auth-dormant-actions {
  width: 100%;
}
.vits-main-auth .vits-signup.auth-dormant-wrap .auth-dormant-actions [class*='vits-btn-'] {
  min-width: 9.375rem;
  margin: 0 auto;
}
.vits-main-auth .isvm-transfer {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  max-width: 32.5rem;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-main-auth .isvm-brand {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding-bottom: 1.25rem;
}
.vits-main-auth .isvm-brand img {
  width: auto;
  height: 1.25rem;
}
.vits-main-auth .isvm-brand-arrow {
  background: #fff url(../../../../../resources/img/mro/renewal/ic/ic-triple-arrow.svg) no-repeat center/contain;
  display: inline-flex;
  align-items: center;
  width: 0.84375rem;
  height: 0.5625rem;
}
.vits-main-auth .isvm-brand-sub {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.125rem;
}
.vits-main-auth .isvm-brand-sub-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  width: 100%;
  text-align: center;
}
.vits-isvm-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
  margin-top: 2rem;
}
.vits-isvm-info-warning {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-isvm-info-warning .point-dot {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
  padding-left: 0.625rem;
  margin-right: 0.25rem;
}
.vits-isvm-info-sub {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  margin: 0;
}
.vits-isvm-info-sub.typo-b4r {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
}
.vits-isvm-info-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-isvm-info-list > li {
  position: relative;
  padding-left: 0.625rem;
}
.vits-isvm-info-list > li::before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 0.125rem;
  height: 0.125rem;
  content: '';
  background: #444;
  border-radius: 50%;
}
.vits-isvm-info-list > li + li {
  margin-top: 0.5rem;
}
.vits-isvm-info-list li {
  margin-top: 0 !important;
}
.vits-main-auth .vits-signup.pw-change-wrap {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  max-width: 32.5rem;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-main-auth .vits-signup.pw-change-wrap .pw-change-form-wrap {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
  padding: 2.25rem 2rem;
}
.vits-main-auth .vits-signup.pw-change-wrap .pw-change-form-wrap .alerts-anatomy-text {
  max-width: 18.75rem;
  word-break: keep-all;
}
.vits-main-auth .vits-signup.pw-change-wrap .pw-change-form {
  width: 100%;
}
.vits-main-auth .vits-signup.pw-change-wrap .pw-change-form-inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
  padding: 1.5rem;
  background-color: #fafafa;
  border-radius: 12px;
}
.vits-main-auth .vits-signup.pw-change-wrap .pw-change-form-inner .vits-signup-form {
  gap: 0.75rem;
}
.vits-main-auth .vits-signup.pw-change-wrap .pw-change-form-inner .vits-form-label {
  min-width: 8.75rem;
}
.vits-main-auth .vits-signup.pw-change-wrap .pw-change-form-inner .vits-form-hint {
  margin-top: -0.3125rem;
  margin-left: 10.25rem;
}
.vits-main-auth .vits-signup.pw-change-wrap .pw-change-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  width: 100%;
  padding-top: 3rem;
}
.vits-main-auth .vits-signup.pw-change-wrap .pw-change-actions [class*='vits-btn-'] {
  flex: 1;
}
.vits-main-auth .vits-signup.pw-change-wrap .pw-change-actions [class*='vits-btn-'].pw-change-btn-submit {
  min-width: 16.625rem;
}
.vits-withdraw-modal .vits-withdraw-agree {
  margin: 0 auto;
}
.vits-withdraw-modal .vits-withdraw-form {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.5rem;
}
.vits-withdraw-modal .vits-withdraw-notice .vits-alerts-anatomy.type-red {
  margin-bottom: 0;
}
.vits-withdraw-modal .vits-withdraw-notice .vits-alerts-anatomy.type-red .alerts-anatomy-list li {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  padding-left: 0;
}
.vits-withdraw-modal .vits-withdraw-notice .vits-alerts-anatomy.type-red .alerts-anatomy-list li::before {
  content: none;
}
.vits-withdraw-modal .vits-withdraw-notice .vits-alerts-anatomy.type-red .alerts-anatomy-list-sub > li {
  position: relative;
  padding-left: 0.5rem;
}
.vits-withdraw-modal .vits-withdraw-notice .vits-alerts-anatomy.type-red .alerts-anatomy-list-sub > li::before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 0.125rem;
  height: 0.125rem;
  content: '';
  background: #767676;
  border-radius: 50%;
}
.vits-withdraw-modal .vits-withdraw-notice .vits-alerts-anatomy.type-red .alerts-anatomy-list-sub > li + li {
  margin-top: 0.125rem;
}
.vits-withdraw-modal .vits-withdraw-notice .vits-alerts-anatomy.type-red .alerts-anatomy-list-sub li {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  margin-left: 0.875rem;
}
.vits-withdraw-modal .vits-withdraw-agree .vits-checkbox-item .label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-withdraw-modal .vits-withdraw-fields {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
  padding-top: 2rem;
  margin-top: 0.5rem;
  border-top: 1px solid #dadada;
}
.vits-withdraw-modal .vits-withdraw-fields .vits-form-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1.5rem;
}
.vits-withdraw-modal .vits-withdraw-fields .vits-form-row .vits-form-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  min-width: 8.75rem;
}
.vits-withdraw-modal .vits-withdraw-fields .vits-form-row .vits-form-label .label-required {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  margin-left: 0.125rem;
}
.vits-withdraw-modal .vits-withdraw-fields .vits-form-row .vits-form-field {
  flex: 1;
  min-width: 0;
}
.vits-withdraw-modal .vits-withdraw-fields .vits-form-row.type-withdraw-reason {
  align-items: flex-start;
}
.vits-withdraw-modal .vits-withdraw-fields .vits-form-row.type-withdraw-reason .vits-form-field {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1rem;
  background-color: #fafafa;
  border-radius: 8px;
}
.vits-withdraw-modal
  .vits-withdraw-fields
  .vits-form-row.type-withdraw-reason
  .vits-form-field
  .vits-withdraw-reason-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  width: 100%;
}
.vits-withdraw-modal
  .vits-withdraw-fields
  .vits-form-row.type-withdraw-reason
  .vits-form-field
  .vits-withdraw-reason-list
  .reason-etc {
  width: 100%;
}
.vits-withdraw-modal
  .vits-withdraw-fields
  .vits-form-row.type-withdraw-reason
  .vits-form-field
  .vits-withdraw-reason-list
  .reason-etc
  .vits-withdraw-reason-etc-box {
  margin-top: 1rem;
}
.vits-withdraw-modal .vits-withdraw-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  width: 100%;
  padding-top: 1.5rem;
}
.vits-withdraw-modal .vits-withdraw-actions [class*='vits-btn-'] {
  flex: 1;
}
.vits-withdraw-modal .vits-withdraw-actions .vits-withdraw-btn-submit {
  background-color: #e51e25;
}
.vits-signup-terms {
  padding: 1rem 0.5rem 1rem 1rem;
  background-color: #fafafa;
  border-radius: 12px;
}
.vits-signup-terms-body {
  max-height: 14.0625rem;
}
.vits-signup-terms-article[hidden] {
  display: none;
}
.vits-signup-terms-article:not([hidden]) + .vits-signup-terms-article:not([hidden]) {
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  border-top: 1px solid #dadada;
}
.vits-signup-terms-section {
  font-family: 'Noto Sans KR', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-signup-terms-section + .vits-signup-terms-section {
  margin-top: 1.5rem;
}
.isvm-guide-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2.5rem;
  padding: 0 1.5rem 1.5rem;
}
.isvm-guide-msg {
  padding: 1.5rem;
  background-color: #fafafa;
  border-radius: 8px;
}
.isvm-guide-msg-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin: 0 0 1.5rem;
  text-align: center;
}
.isvm-guide-msg-text .point-text {
  font-style: normal;
  color: #f2555a;
}
.isvm-guide-ask {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin: 0;
  text-align: center;
}
.isvm-guide-agree {
  margin: 0 auto;
}
.isvm-guide-agree .vits-checkbox-item {
  align-items: center;
}
.isvm-guide-agree .vits-checkbox-item .label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.login-links ul {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  justify-content: center;
}
.login-links ul > li:not(:only-of-type, :last-of-type) {
  padding-right: 1rem;
}
.login-links ul > li + li {
  position: relative;
  padding-left: 1rem;
}
.login-links ul > li + li::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.0625rem;
  height: 0.75rem;
  content: '';
  background-color: #bebebe;
  transform: translateY(-50%);
}
.login-links ul li {
  flex: 1;
  text-align: center;
}
.login-links ul li a {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.k-window .vits-terms_wrap {
  padding: 1rem;
  background: #fafafa;
  border-radius: 12px;
}
.k-window .vits-terms_wrap .terms_wrap p {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  line-height: 1.5;
}
.k-window .vits-terms_wrap .terms_wrap p + p {
  margin-top: 0.125rem;
}
.k-window .vits-terms_wrap .terms_title,
.k-window .vits-terms_wrap .terms_list li {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  line-height: 1.5;
}
.k-window .vits-terms_wrap .terms_title {
  margin: 1.5rem 0 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #1b1b1b;
}
.k-window .vits-terms_wrap .terms_list li {
  margin: 0.5rem 0 0.5rem 1rem;
  text-indent: -1rem;
}
.k-window .vits-terms_wrap .terms_list li .line_table2 {
  width: 100% !important;
}
.vits-promo-tab {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 3.25rem;
  padding-top: 3.5rem;
}
.vits-promo-tab-nav {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15.25rem, 1fr));
  gap: 0.6875rem 0.9375rem;
}
.vits-promo-tab-nav .tab-btn {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.5rem;
  padding: 0 0.375rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #bebebe;
  transition:
    background 0.2s,
    box-shadow 0.25s;
}
.vits-promo-tab-nav .tab-btn:disabled {
  cursor: not-allowed;
}
.vits-promo-tab-nav .tab-btn-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  max-height: 2.6rem;
  overflow: hidden;
  transition:
    color 0.2s,
    font-size 0.25s;
}
.vits-promo-tab-nav .tab-btn.is-active {
  box-shadow: inset 0 0 0 2px #e51e25;
}
.vits-promo-tab-nav .tab-btn.is-active .tab-btn-text {
  max-height: 2.925rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #e51e25;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-promo-tab-nav .tab-btn:not(.is-active):hover {
    background: #fff0f1;
    box-shadow: inset 0 0 0 1px #ed3a40;
  }
  .vits-promo-tab-nav .tab-btn:not(.is-active):hover .tab-btn-text {
    color: #f2555a;
  }
}
.vits-promo-tab-nav .tab-btn:not(.is-active):focus-visible,
.vits-promo-tab-nav .tab-btn:not(.is-active):active {
  background: #fff0f1;
  box-shadow: inset 0 0 0 1px #ed3a40;
}
.vits-promo-tab-nav .tab-btn:not(.is-active):focus-visible .tab-btn-text,
.vits-promo-tab-nav .tab-btn:not(.is-active):active .tab-btn-text {
  color: #f2555a;
}
.vits-promo-tab-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2.5rem;
  padding-bottom: 0.375rem;
}
.vits-promo-tab-content .tab-panel {
  display: none;
}
.vits-promo-tab-content .tab-panel.is-active {
  display: block;
}
.vits-promo-tab-content .tab-banner-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-promo-tab-content .tab-banner-item a {
  width: 100%;
  aspect-ratio: 5.8181818182;
  overflow: hidden;
  display: block;
  border-radius: 8px;
}
.vits-promo-tab-content .tab-banner-item a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}
.vits-promo-tab:has(.vits-empty-state) {
  padding-top: 6.25rem;
}
.vits-promo-products {
  padding-top: 3.5rem;
}
.vits-promo-products .promo-products-header {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2rem;
  padding-bottom: 4rem;
  text-align: center;
}
.vits-promo-products .promo-products-header [class*='header-'] .title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: #101828;
  letter-spacing: 0;
  height: 3rem;
}
.vits-promo-products .promo-products-header [class*='header-'] .title:empty {
  display: none;
}
.vits-promo-products .promo-products-header .header-main {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2rem;
}
.vits-promo-products .promo-products-header .header-main .banner {
  width: 100%;
  aspect-ratio: 5.8181818182;
  overflow: hidden;
  background: #f0f0f0;
  border-radius: 8px;
}
.vits-promo-products .promo-products-header .header-main .banner img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}
.vits-promo-products .promo-products-header .header-main .desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-promo-products .promo-products-header .header-sub {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
  padding-bottom: 2.75rem;
}
.vits-promo-products .promo-products-header .header-sub .desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-promo-products .promo-products-body {
  padding-bottom: 3.125rem;
}
/* 프로모션 목록(shop/promotionList) PC: 배너와 첫 상품 행 간격 */
.vits-main-promotion-list .title_ban {
  margin-bottom: 1.75rem;
}
.vits-promo-products .promo-products-body .vits-product-list.view-thumb.product-cols-4 {
  gap: 4rem;
}
.vits-promo-products .promo-products-body .vits-product-list.view-thumb.product-cols-4 .vits-product-list-items {
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem 2.5rem;
}
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-4
  .vits-product-list-items
  .product-code {
  font-size: 0.75rem;
}
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-4
  .vits-product-list-items
  .product-meta {
  padding-top: 0;
}
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-4
  .vits-product-list-items
  .product-brand,
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-4
  .vits-product-list-items
  .product-model,
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-4
  .vits-product-list-items
  .product-spec {
  font-size: 0.875rem;
}
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-4
  .vits-product-list-items
  .product-name {
  font-size: 1rem;
}
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-4
  .vits-product-list-items
  .product-spec {
  margin-top: 0.25rem;
}
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-4
  .vits-product-list-items
  .product-extra {
  margin-top: 0;
}
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-4
  .vits-product-list-items
  .product-extra
  .vits-product-flags {
  gap: 0.25rem;
}
.vits-promo-products .promo-products-body .vits-product-list.view-thumb.product-cols-6 {
  gap: 3.5rem;
}
.vits-promo-products .promo-products-body .vits-product-list.view-thumb.product-cols-6 .vits-product-list-items {
  grid-template-columns: repeat(auto-fill, minmax(196px, 1fr));
  gap: 1.5rem 1.25rem;
}
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-6
  .vits-product-list-items
  .product-body {
  gap: 0.25rem 0;
}
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-6
  .vits-product-list-items
  .product-code {
  font-size: 0.625rem;
}
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-6
  .vits-product-list-items
  .product-spec {
  margin-top: 0.125rem;
}
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-6
  .vits-product-list-items
  .product-brand,
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-6
  .vits-product-list-items
  .product-model {
  font-size: 0.75rem;
}
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-6
  .vits-product-list-items
  .product-extra
  .vits-product-flags {
  margin-top: 0.25rem;
}
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-6
  .vits-product-list-items
  .product-extra
  .vits-product-promo {
  margin-top: 0.5rem;
}
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-6
  .vits-product-list-items
  .product-actions {
  margin-top: 0.5rem;
}
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-6
  .vits-product-list-items
  .product-price {
  margin-top: 0.25rem;
}
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-6
  .vits-product-list-items
  .product-price
  .price-guest-text-title {
  padding-bottom: 0.125rem;
  font-size: 0.875rem;
}
.vits-promo-products
  .promo-products-body
  .vits-product-list.view-thumb.product-cols-6
  .vits-product-list-items
  .product-price
  .product-price-alt {
  gap: 0.5rem;
}
.vits-promo-products .promo-products-body .vits-product-more {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.vits-promo-products .promo-products-body .vits-product-more [class*='vits-btn'] {
  width: 22.5rem;
}
.vits-promo-products .promo-products-body .vits-product-more [class*='vits-btn'] .text {
  font-size: 1.25rem;
}
.vits-promo-products-tab {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2.5rem;
}
.vits-promo-products-tab .promo-products-tab-nav {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-promo-products-tab .promo-products-tab-nav .tab-btn {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.625rem;
  padding: 0 1rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #bebebe;
  transition:
    background 0.2s,
    box-shadow 0.25s;
}
.vits-promo-products-tab .promo-products-tab-nav .tab-btn:disabled {
  cursor: not-allowed;
}
.vits-promo-products-tab .promo-products-tab-nav .tab-btn-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  max-height: 1.3rem;
  overflow: hidden;
  transition:
    color 0.2s,
    font-size 0.25s;
}
.vits-promo-products-tab .promo-products-tab-nav .tab-btn.is-active {
  box-shadow: inset 0 0 0 2px #e51e25;
}
.vits-promo-products-tab .promo-products-tab-nav .tab-btn.is-active .tab-btn-text {
  max-height: 2.925rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #e51e25;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-promo-products-tab .promo-products-tab-nav .tab-btn:not(.is-active):hover {
    background: #fff0f1;
    box-shadow: inset 0 0 0 1px #ed3a40;
  }
  .vits-promo-products-tab .promo-products-tab-nav .tab-btn:not(.is-active):hover .tab-btn-text {
    color: #f2555a;
  }
}
.vits-promo-products-tab .promo-products-tab-nav .tab-btn:not(.is-active):focus-visible,
.vits-promo-products-tab .promo-products-tab-nav .tab-btn:not(.is-active):active {
  background: #fff0f1;
  box-shadow: inset 0 0 0 1px #ed3a40;
}
.vits-promo-products-tab .promo-products-tab-nav .tab-btn:not(.is-active):focus-visible .tab-btn-text,
.vits-promo-products-tab .promo-products-tab-nav .tab-btn:not(.is-active):active .tab-btn-text {
  color: #f2555a;
}
.vits-promo-products-tab .promo-products-tab-content .tab-panel {
  display: none;
}
.vits-promo-products-tab .promo-products-tab-content .tab-panel.is-active {
  display: block;
}
.vits-promo-products-tab .promo-products-tab-content .tab-banner-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-promo-products-tab .promo-products-tab-content .tab-banner-item a {
  width: 100%;
  aspect-ratio: 5.8181818182;
  overflow: hidden;
  display: block;
  border-radius: 8px;
}
.vits-promo-products-tab .promo-products-tab-content .tab-banner-item a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}
.vits-account {
  position: relative;
}
.vits-account-form {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.vits-account-body {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-account-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  gap: 0.75rem;
}
.vits-account-row.type-column {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.vits-account-row .vits-account-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  flex-shrink: 0;
  min-width: 5.75rem;
}
.vits-account-row .vits-account-label .label-required {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  margin-left: 0.125rem;
}
.vits-account-row .vits-account-field {
  flex: 1;
  min-width: 0;
}
.vits-account-row .vits-account-field .vits-input,
.vits-account-row .vits-account-field .vits-select {
  width: 100%;
}
.vits-account-row .vits-account-field .vits-select-trigger,
.vits-account-row .vits-account-field .vits-select-list {
  width: 100%;
}
.vits-account-row .vits-account-field .vits-select-trigger {
  padding: 0 1rem;
}
.vits-account-row .vits-account-field.field-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-account-row .vits-account-field.field-btn .vits-input {
  flex: 1;
  min-width: 0;
}
.vits-account-row .vits-account-field.field-btn .vits-account-btn {
  flex-shrink: 0;
  min-width: 7.5rem;
}
.vits-account-row .vits-account-field .radio-wrapper .radio-item-area.list-row-gap16 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.vits-account-hint {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  padding-left: 1rem;
}
.account-headline {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: flex-start;
}
.account-headline .vits-mypage-content-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin: 0;
}
.account-headline .vits-mypage-content-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-mypage-account-toolbar {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.vits-mypage-account-toolbar .account-toolbar-left {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-mypage-account-toolbar .account-toolbar-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.account-panel {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
  width: 100%;
  padding: 2rem;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.account-panel.account-empty {
  justify-content: center;
}
.general-table-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  padding-bottom: 0.75rem;
}
.general-table-wrap {
  border: 1px solid #dadada;
  min-height: 21.875rem;
  overflow: hidden;
  border-radius: 8px;
}
.general-table-wrap .vits-empty-state {
  padding: 9.375rem 0;
}
.general-table {
  width: 100%;
  border-collapse: collapse;
}
.general-table thead {
  background-color: #f0f0f0;
}
.general-table th {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  padding: 1.25rem 0.75rem;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #dadada;
}
.general-table th .text-left {
  display: block;
  text-align: left;
}
.general-table td {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  padding: 1rem 0.375rem;
  text-align: center;
  vertical-align: middle;
  border-top: 1px solid #f0f0f0;
}
.general-table td [class*='vits-btn'] {
  margin: 0 auto;
}
.general-table td [class*='vits-checkbox'] {
  justify-content: center;
  margin: 0 auto;
}
.general-table td span,
.general-table td a {
  color: inherit;
  text-decoration: none;
}
.general-table td.docs-total {
  padding: 0;
  border-top: 0;
}
.general-table tr:first-child td {
  border-top: 0;
}
.general-table tfoot.docs-total td {
  padding: 0;
}
.general-table-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.general-table-edit {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  padding: 0.375rem 1rem;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #bebebe;
  border-radius: 8px;
  transition:
    background-color 0.2s,
    border-color 0.2s;
}
.general-table-edit:hover {
  background-color: #f0f0f0;
  border-color: #5c5c5c;
}
.general-table-print-footer {
  display: none;
}
.general-table .docs-total-summary {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  border-top: 1px solid #dadada;
  height: 2.625rem;
}
.general-table .docs-total-summary dt,
.general-table .docs-total-summary dd {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  height: 100%;
  padding: 0.25rem;
}
.general-table .docs-total-summary dt {
  border-right: 1px solid #dadada;
  flex: 0 0 6.25rem;
  justify-content: center;
  width: 6.25rem;
  text-align: center;
  background: #f0f0f0;
}
.general-table .docs-total-summary dt.docs-total {
  font-weight: 600;
}
.general-table .docs-total-summary dd {
  justify-content: flex-end;
  text-align: right;
}
.general-table .docs-total-summary dd:not(.docs-total) {
  flex: 0 0 8.125rem;
  width: 8.125rem;
}
.general-table .docs-total-summary dd.docs-total {
  flex-grow: 1;
  min-width: 0;
  padding-right: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  color: #e51e25;
}
.general-table .docs-total-summary dd:not(:last-of-type) {
  border-right: 1px solid #dadada;
}
@media print {
  .general-table .general-table-print-footer {
    display: table-footer-group;
  }
  .general-table .general-table-print-footer td {
    height: 84px;
    padding: 0;
    border: none;
  }
}
.main-content-account {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.5rem;
}
.main-content-account .vits-mypage-pagination {
  padding-top: 1.25rem;
}
.vits-main-support-faq,
.vits-main-support-library,
.vits-main-support-notice {
  min-height: calc(100vh - 27.125rem);
}
.vits-support-toolbar {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.vits-support-toolbar .support-toolbar-left {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-support-toolbar .support-toolbar-left .vits-select.is-selected .vits-select-trigger {
  box-shadow: none !important;
}
.vits-support-toolbar .support-toolbar-count {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  margin: 0;
}
.vits-support-toolbar .support-toolbar-count b {
  padding: 0 0.125rem 0 0.25rem;
  font-weight: 700;
}
.vits-support-toolbar .support-toolbar-size {
  min-width: 7.5rem;
}
.vits-support-toolbar .support-toolbar-search {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-support-toolbar .support-toolbar-search .support-search-category {
  flex-shrink: 0;
  width: 6.25rem;
  height: 2rem;
}
.vits-support-toolbar .support-toolbar-search .support-search-category .vits-select {
  width: 100%;
  min-width: 0;
  height: 100%;
}
.vits-support-toolbar .support-toolbar-search .support-search-category .vits-select .vits-select-trigger {
  box-shadow: inset 0 0 0 1px #bebebe;
}
.vits-support-toolbar .support-toolbar-search .support-search-category .vits-select .vits-select-list {
  width: 100%;
  padding: 0.125rem;
}
.vits-support-toolbar .support-toolbar-search .support-search-input {
  flex: 1 1 auto;
  min-width: 18.75rem;
}
.vits-support-toolbar .support-toolbar-search .support-search-input .vits-input-search {
  width: 100%;
}
.vits-support-toolbar .support-toolbar-search .support-search-input .vits-input-search-form {
  height: 2rem;
}
.vits-support-toolbar .support-toolbar-search .support-search-input .vits-input-search-form .input-search {
  padding: 0 2.5rem 0 0.75rem;
  font-size: 0.875rem;
}
.vits-support-toolbar .support-toolbar-search .support-search-input .vits-input-search-form .input-search-btn {
  right: 0.75rem;
  width: 1.25rem;
  height: 1.25rem;
}
.vits-support-toolbar .support-toolbar-search .support-search-input .vits-input-search-form .input-search-btn .ic {
  width: 100%;
  height: 100%;
}
.vits-support-toolbar .support-toolbar-search-input .input-clear-btn {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  right: 2.5rem;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.125rem;
  color: #fff;
  background: #767676;
  border-radius: 50%;
  transform: translateY(-50%);
}
.vits-support-toolbar .support-toolbar-search-input .input-clear-btn:disabled {
  cursor: not-allowed;
}
.vits-support-toolbar .support-toolbar-search-input .input-clear-btn .ic {
  width: 100%;
  height: 100%;
}
.vits-support-searchbar {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: 100%;
}
.vits-support-searchbar .input-item {
  min-height: 3.25rem;
  border-radius: 8px;
  box-shadow: none;
}
.vits-support-searchbar .support-searchbar-btn [class*='vits-btn'] {
  min-width: 12.5rem;
}
.vits-support-pagination {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 1.25rem;
}
.vits-support-content-headline {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  width: 100%;
}
.vits-support-content-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #101828;
  letter-spacing: 0;
}
.vits-support-content-title .icon {
  width: 1.5rem;
  height: 1.5rem;
  color: #767676;
}
.vits-support-content-title .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-support-content-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #4a5565;
  letter-spacing: 0;
}
.vits-support-panel {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
  width: 100%;
  min-width: 0;
}
.vits-support-panel-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.main-content-quality,
.main-content-faq,
.main-content-notice {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.5rem;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .quality-table-row:hover span {
    color: #444;
  }
}
.quality-table-row:focus-visible span,
.quality-table-row:active span {
  color: #444;
}
.quality-table-row .quality-table-num,
.quality-table-row .quality-table-date,
.quality-table-row .quality-table-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.quality-table-row .quality-table-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.quality-table-row .quality-table-title .ic {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: #767676;
}
.quality-table-row .quality-table-title .ic .ic {
  width: 100%;
  height: 100%;
}
.vits-support-panel .vits-empty-state {
  padding: 9.375rem 0;
}
.vits-support-tabs {
  width: 100%;
  min-width: 0;
}
.vits-support-tabs .swiper-wrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.vits-support-tabs .swiper-slide {
  width: auto;
  height: auto;
}
.vits-support-tabs .vits-swiper-navs::after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 12.5rem;
  height: 100%;
  pointer-events: none;
  content: '';
  background: #fff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.78) 50%, rgb(255, 255, 255) 100%);
}
.vits-support-tabs .vits-swiper-navs:has(.swiper-button-next.swiper-button-disabled)::after {
  display: none;
}
.vits-support-tabs .swiper-button-disabled {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
.vits-support-tabs .support-tab {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  display: block;
  min-width: 8.125rem;
  padding: 0.625rem 1rem;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  transition:
    border-color 0.2s,
    color 0.2s;
}
.vits-support-tabs .support-tab:hover {
  border-color: #bebebe;
}
.vits-support-tabs .support-tab.support-tab-active {
  font-weight: 600;
  color: #e51e25;
  border: 2px solid #e51e25;
}
.quality-panel,
.faq-panel,
.notice-panel {
  gap: 1.25rem;
  align-items: stretch;
  width: 100%;
  padding: 2rem;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.quality-panel.inner-lg,
.faq-panel.inner-lg,
.notice-panel.inner-lg {
  gap: 2rem;
  padding: 3.5rem;
}
.support-detail {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
}
.support-detail-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #dadada;
}
.support-detail-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin: 0;
}
.support-detail-date {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.625rem;
}
.support-detail-body {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  padding-top: 1.5rem;
  line-height: 1.6;
}
.support-detail-content {
  margin: 0;
  white-space: pre-line;
}
.support-detail-files {
  padding-top: 2rem;
  margin-top: 1.5rem;
}
.support-detail-files-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin: 0 0 0.75rem;
}
.support-file-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.support-button-area.in-support {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  padding-top: 1rem;
}
.support-button-area.in-support:has([class*='vits-btn'] + [class*='vits-btn']) {
  justify-content: center;
}
.support-button-area.in-support [class*='vits-btn'] {
  min-width: 10rem;
}
.support-button-area.in-inquiry {
  margin: 0 auto;
}
.support-button-area.in-inquiry [class*='vits-btn'] {
  min-width: 16.25rem;
}
.vits-faq-list {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.vits-faq-list > .faq-item {
  border-bottom: 1px solid #f0f0f0;
}
.vits-faq-list > .faq-item:last-child {
  border-bottom: 0;
}
.vits-faq-list .faq-item dt,
.vits-faq-list .faq-item dd {
  margin: 0;
}
.vits-faq-list .faq-question {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  width: 100%;
  padding: 1.25rem 0;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
}
.vits-faq-list .faq-question .vits-general-label {
  flex-shrink: 0;
}
.vits-faq-list .faq-question .faq-question-text {
  flex: 1 1 auto;
  min-width: 0;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-faq-list .faq-question .icon {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
}
.vits-faq-list .faq-question .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-faq-list .faq-question .icon .ic {
  color: #bebebe;
  transition: transform 0.3s;
}
.vits-faq-list .faq-question[aria-expanded='true'] > span:last-child .ic {
  color: #767676;
  transform: rotate(180deg);
}
.vits-faq-list .faq-answer {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  padding: 1.25rem;
  line-height: 1.6;
  word-break: keep-all;
  white-space: pre-line;
  background-color: #edf1fd;
  border-radius: 8px;
}
.vits-faq-list .faq-answer-wrap.is-open {
  padding-bottom: 1.25rem;
}
.notice-table-wrap td [class*='text-'] {
  display: block;
}
.notice-table-wrap td .text-left {
  text-align: left;
  cursor: pointer;
}
.notice-table-wrap td .text-cell,
.notice-table-wrap td .text-date {
  color: #bebebe;
}
.notice-table-wrap .notice-fixed-row td {
  font-weight: 600;
  background-color: #fafafa;
}
.notice-table-wrap .notice-fixed-row td .icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  color: #177927;
}
.notice-table-wrap .notice-fixed-row td .icon .ic {
  width: 100%;
  height: 100%;
}
.notice-table-wrap .notice-fixed-row td .icon .ic {
  width: 1rem;
  height: 1rem;
}
.notice-table-wrap .notice-fixed-row td .icon .ic .ic {
  width: 100%;
  height: 100%;
}
.notice-table-wrap .notice-fixed-row td .text-left.is-import {
  color: #2e2e2e;
}
.notice-table-wrap .notice-row .text-cell {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.notice-table-wrap .notice-row .text-date {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.single-panel .inquiry-detail .inquiry-write-form {
  margin-top: 0;
}
.single-panel .inquiry-form-field {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  width: 100%;
}
.single-panel .inquiry-form-field .vits-input {
  flex: 1 1 auto;
  min-width: 0;
}
.single-panel .inquiry-form-field .inquiry-search-btn {
  flex-shrink: 0;
  min-width: 8.125rem;
}
.single-panel .inquiry-form-field .inquiry-form-row .inquiry-form-label {
  flex-shrink: 0;
}
.inquiry-selected-order-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  width: 100%;
  min-height: 2.75rem;
  padding: 0.5rem;
  padding-left: 1rem;
  background-color: #f0f0f0;
  border: 1px solid #5c5c5c;
  border-radius: 4px;
}
.inquiry-selected-order-item .inquiry-selected-order-img {
  flex-shrink: 0;
}
.inquiry-selected-order-item .inquiry-selected-order-img img {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
  object-fit: contain;
}
.inquiry-selected-order-item .inquiry-selected-order-text {
  flex: 1 1 auto;
  min-width: 0;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inquiry-selected-order-item .inquiry-selected-order-remove {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  color: #767676;
}
.inquiry-selected-order-item .inquiry-selected-order-remove:disabled {
  cursor: not-allowed;
}
.inquiry-selected-order-item .inquiry-selected-order-remove .ic {
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .inquiry-selected-order-item .inquiry-selected-order-remove:hover {
    color: #444;
  }
}
.inquiry-selected-order-item .inquiry-selected-order-remove:focus-visible,
.inquiry-selected-order-item .inquiry-selected-order-remove:active {
  color: #444;
}
.inquiry-write-form .inquiry-form-col {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
}
.inquiry-write-form .inquiry-form-col .inquiry-form-cell {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1 1 50%;
  gap: 0.75rem;
  min-width: 0;
}
.inquiry-write-form .inquiry-form-col .vits-select {
  width: 100%;
  min-width: 0;
}
.inquiry-write-form .inquiry-form-col .vits-select .vits-select-trigger {
  width: 100%;
  padding: 0 1rem;
}
.inquiry-write-form .inquiry-form-col .vits-select .vits-select-list {
  width: 100%;
  padding: 0.125rem;
}
.vits-order-select {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
  width: 100%;
}
.vits-order-select .order-select-table {
  max-height: 25rem;
  overflow-y: auto;
}
.vits-order-select .order-select-row td {
  padding-left: 0.75rem;
  text-align: left;
}
.vits-order-select .order-select-row td .order-select-img {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-order-select .order-select-row td .order-select-img img {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
  object-fit: contain;
}
.vits-order-select .order-select-row td:last-child:has([class*='checkbox-single']),
.vits-order-select .order-select-row td:last-child:has(.order-select-radio) {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.vits-order-select .order-select-radio {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  cursor: pointer;
}
.vits-order-select .order-select-radio input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.vits-order-select .order-select-radio .radio-icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #bebebe;
}
.vits-order-select .order-select-radio .radio-icon::before {
  display: none;
}
.vits-order-select .order-select-radio:has(input:checked) .radio-icon {
  background: url(../../../../../resources/img/mro/renewal/ic/ic-check-on.svg) no-repeat center/contain;
  box-shadow: inset 0 0 0 0 #e51e25;
}
.vits-order-select .order-select-radio:has(input:focus-visible) .radio-icon {
  box-shadow: inset 0 0 0 1px #1b1b1b;
}
.vits-order-select .order-select-radio:has(input:disabled) {
  cursor: not-allowed;
}
.vits-order-select .order-select-radio:has(input:disabled) .radio-icon {
  box-shadow: inset 0 0 0 1px;
}
.vits-order-select .vits-empty-state {
  padding: 5rem 0;
}
.vits-notice-tabs {
  margin-bottom: 0.25rem;
}
.vits-notice-tabs[class*='vits-tabs'] {
  border: 1px solid #dadada;
}
.survey-headline,
.bulk-headline,
.docs-headline,
.single-headline {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: flex-start;
}
.survey-headline .vits-mypage-content-title,
.bulk-headline .vits-mypage-content-title,
.docs-headline .vits-mypage-content-title,
.single-headline .vits-mypage-content-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin: 0;
}
.survey-headline .vits-mypage-content-desc,
.bulk-headline .vits-mypage-content-desc,
.docs-headline .vits-mypage-content-desc,
.single-headline .vits-mypage-content-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-mypage-support-toolbar {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.vits-mypage-support-toolbar .support-toolbar-left {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-mypage-support-toolbar .support-toolbar-count {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  margin: 0;
}
.vits-mypage-support-toolbar .support-toolbar-count b {
  padding: 0 0.125rem 0 0.25rem;
  font-weight: 700;
}
.vits-mypage-support-toolbar .support-toolbar-size {
  min-width: 7.5rem;
}
.vits-mypage-support-toolbar .support-toolbar-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-mypage-support-toolbar .vits-select.is-selected .vits-select-trigger {
  box-shadow: none !important;
}
.survey-panel,
.docs-panel,
.bulk-panel,
.bills-panel,
.quotes-panel,
.single-panel {
  gap: 1.25rem;
  align-items: stretch;
  width: 100%;
  padding: 2rem;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.survey-panel.inner-lg,
.docs-panel.inner-lg,
.bulk-panel.inner-lg,
.bills-panel.inner-lg,
.quotes-panel.inner-lg,
.single-panel.inner-lg {
  gap: 2rem;
  padding: 3.5rem;
}
.bills-panel-detail {
  gap: 0;
  align-items: stretch;
  width: 100%;
  padding: 2rem;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.bills-panel-detail .docs-summary {
  margin-bottom: 2.75rem;
}
.bills-detail-header {
  margin-bottom: 2.75rem;
}
.bills-detail-header .bills-header-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  gap: 1rem;
  padding: 2rem 0;
  margin: 0;
}
.bills-detail-header .bills-header-info::after,
.bills-detail-header .bills-header-info::before {
  width: auto;
  height: 1px;
  content: '';
  background-color: #f0f0f0;
}
.bills-detail-header .bills-header-info::before {
  position: absolute;
  top: 0;
  right: -32px;
  left: -32px;
}
.bills-detail-header .bills-header-info::after {
  position: absolute;
  right: -32px;
  bottom: 0;
  left: -32px;
}
.bills-detail-header .bills-header-info > div {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.bills-detail-header .bills-header-info dt {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  min-width: 5.75rem;
}
.bills-detail-header .bills-header-info dd {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.bills-detail-header .bills-header-info .bills-payment-info dt {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.bills-detail-header .bills-header-info .bills-payment-info strong {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.bills-detail-header .bills-header-top ul {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 2rem;
}
.bills-detail-header .bills-header-top ul .bills-header-title {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.5rem;
}
.bills-detail-header .bills-header-top ul .bills-header-title h3 {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.bills-detail-header .bills-header-top ul .bills-header-title p {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.bills-detail-header .bills-header-top ul .bills-header-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.survey-card {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-around;
  padding: 1.75rem 0;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 12px;
}
.survey-card-item {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 0rem;
}
.survey-card-label,
.survey-card .survey-card-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  display: block;
  width: 100%;
  line-height: 2.125rem;
  text-align: center;
}
.survey-card-title,
.survey-card .survey-card-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
}
.survey-card .survey-card-content,
.survey-card-daterange {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 3.125rem;
  text-align: center;
}
.survey-card .score {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.survey-card .max {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3;
  color: #bebebe;
  letter-spacing: 0;
}
.star-rating {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-evenly;
  gap: 0.5rem;
}
.star-rating .star-stars {
  display: inline-block;
  width: 5.5rem;
  height: 1rem;
}
.star-rating .star-track {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.star-rating .star-layer {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  pointer-events: none;
}
.star-rating .star-layer.star-layer-gray {
  z-index: 1;
  width: 100%;
  background-color: #dadada;
}
.star-rating .star-layer.star-layer-fill {
  z-index: 2;
  background-color: #ed3a40;
  transition: width 0.2s ease;
  transform: skew(-15deg, 0deg);
}
.star-rating .star-layer.star-layer-shape {
  background: #fff url(../../../../../resources/img/mro/renewal/ic/bg-star-base.svg) no-repeat center/contain;
  z-index: 3;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
}
.star-rating .star-value {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  gap: 0.125rem;
}
.star-rating .star-score {
  color: #1b1b1b;
}
.star-rating .star-sep {
  color: #767676;
}
.star-rating .star-max {
  color: #767676;
}
.survey-ing-row td {
  padding: 1rem;
  vertical-align: middle;
}
.survey-ing-row td > span {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.survey-ing-row td .survey-ing-question {
  display: block;
  width: 100%;
  text-align: left;
}
.bulk-table-row .bulk-table-product {
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
}
.single-table-row .single-title {
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
}
.star-rating-input {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.star-rating-input-stars {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.125rem;
}
.star-rating-input-star {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  color: #dadada;
  cursor: pointer;
  transition: color 0.15s ease;
}
.star-rating-input-star:disabled {
  cursor: not-allowed;
}
.star-rating-input-star .ic {
  width: 100%;
  height: 100%;
}
.star-rating-input-star.is-filled {
  color: #ed3a40;
}
.star-rating-input-star.is-hover {
  color: #ed3a40;
}
.star-rating-input-star:focus-visible {
  outline: 2px solid #ed3a40;
  outline-offset: 2px;
}
.star-rating-input .star-value {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  gap: 0.25rem;
}
.star-rating-input .star-value[hidden] {
  display: none;
}
.star-rating-input .star-score {
  color: #444;
}
.star-rating-input .star-sep,
.star-rating-input .star-max {
  color: #bebebe;
}
.mypage-button-area.in-survey,
.mypage-button-area.in-inquiry,
.mypage-button-area.in-docs {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  padding-top: 1rem;
}
.mypage-button-area.in-survey:has([class*='vits-btn'] + [class*='vits-btn']),
.mypage-button-area.in-inquiry:has([class*='vits-btn'] + [class*='vits-btn']),
.mypage-button-area.in-docs:has([class*='vits-btn'] + [class*='vits-btn']) {
  justify-content: center;
}
.mypage-button-area.in-survey [class*='vits-btn'],
.mypage-button-area.in-inquiry [class*='vits-btn'],
.mypage-button-area.in-docs [class*='vits-btn'] {
  min-width: 10rem;
}
.inquiry-detail-product {
  padding: 1.25rem;
  background-color: #fafafa;
  border: 1px solid #dadada;
  border-radius: 12px;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .inquiry-detail-product:hover {
    border: 1px solid #bebebe;
  }
}
.inquiry-detail-product:focus-visible,
.inquiry-detail-product:active {
  border: 1px solid #bebebe;
}
.inquiry-detail-product > a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1.25rem;
}
.inquiry-detail-product .detail-thumb {
  flex-shrink: 0;
  width: 5rem;
  height: 5rem;
  overflow: hidden;
  background-color: #f0f0f0;
  border-radius: 8px;
}
.inquiry-detail-product .detail-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
}
.inquiry-detail-product .detail-info {
  flex: 1;
  gap: 0.5rem;
  min-width: 0;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}
.inquiry-detail-product .detail-brand {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  display: block;
}
.inquiry-detail-product .detail-code {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  line-height: 1.4;
  border: 1px solid #bebebe;
  border-radius: 4px;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.inquiry-detail-product .detail-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  width: 100%;
}
.inquiry-detail-product .detail-spec {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  margin: 0;
}
.inquiry-detail-product .detail-price {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  text-align: right;
}
.inquiry-detail-product .detail-origin {
  font-family: 'PretendardGOV', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #bebebe;
  letter-spacing: 0;
  display: block;
  width: 100%;
  text-decoration: line-through;
}
.inquiry-detail-product .detail-discount {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #ed3a40;
  letter-spacing: 0;
  display: block;
  margin-right: 0.25rem;
}
.inquiry-detail-product .detail-final {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  display: block;
}
.inquiry-detail-product .detail-vat {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  width: 100%;
}
.inquiry-detail-product:has(.inquiry-product-item) {
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.inquiry-detail-product .inquiry-product-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 12px;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .inquiry-detail-product .inquiry-product-item:hover {
    border-color: #bebebe;
  }
  .inquiry-detail-product .inquiry-product-item:hover .inquiry-product-info {
    font-family: 'Pretendard', system-ui, sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.3;
    color: #2e2e2e;
    letter-spacing: 0;
  }
}
.inquiry-detail-product .inquiry-product-item:focus-visible,
.inquiry-detail-product .inquiry-product-item:active {
  border-color: #bebebe;
}
.inquiry-detail-product .inquiry-product-item:focus-visible .inquiry-product-info,
.inquiry-detail-product .inquiry-product-item:active .inquiry-product-info {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.inquiry-detail-product .inquiry-product-thumb {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  background-color: #f0f0f0;
  border-radius: 4px;
}
.inquiry-detail-product .inquiry-product-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
}
.inquiry-detail-product .inquiry-product-info {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  min-width: 0;
  transition:
    font-weight 0.2s ease,
    color 0.2s ease;
}
.inquiry-detail {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.inquiry-detail .vits-amount-info-card {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.inquiry-detail-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-bottom: 1.5rem;
}
.inquiry-detail-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin: 0;
}
.inquiry-detail-meta {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.inquiry-detail-date {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.inquiry-detail-body {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  padding: 2.25rem 0.5rem;
  line-height: 1.6;
  white-space: pre-line;
}
.inquiry-detail-contact {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  padding: 1.5rem 0;
  border-bottom: 1px solid #f0f0f0;
}
.inquiry-detail-contact .contact-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.inquiry-detail-contact .contact-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.inquiry-detail-reply {
  padding: 2.25rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  background-color: #edf1fd;
  border-radius: 12px;
}
.inquiry-detail-breadcrumb {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.inquiry-detail-breadcrumb::before {
  display: inline-block;
  width: 1px;
  height: 0.75rem;
  margin-right: 0.625rem;
  content: '';
  background-color: #bebebe;
}
.inquiry-detail-breadcrumb .inquiry-depth1,
.inquiry-detail-breadcrumb .inquiry-depth2,
.inquiry-detail-breadcrumb .ic {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  color: #767676;
}
.inquiry-detail-reply-meta {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  margin-bottom: 1rem;
}
.inquiry-detail-reply-date {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #bebebe;
  letter-spacing: 0;
  margin-left: 0.25rem;
}
.inquiry-detail-reply-body {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  line-height: 1.6;
  white-space: pre-line;
}
.inquiry-detail-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  gap: 0.625rem;
}
.inquiry-detail-actions [class*='vits-btn'] {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 1.25rem;
  height: 1.25rem;
  color: #767676;
}
.inquiry-detail-actions [class*='vits-btn']:disabled {
  cursor: not-allowed;
}
.inquiry-detail-actions [class*='vits-btn'] .ic {
  width: 100%;
  height: 100%;
}
.inquiry-detail-user {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  padding: 1.5rem 2.25rem;
  margin-bottom: 0.75rem;
  background-color: #fafafa;
  border-radius: 12px;
}
.inquiry-detail-user .vits-edit-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.625rem;
  margin-top: 0.75rem;
}
.inquiry-detail-user-meta {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.75rem;
  color: #1b1b1b;
}
.inquiry-detail-user-date {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #bebebe;
  letter-spacing: 0;
  margin-left: 0.25rem;
}
.inquiry-detail-user-body {
  line-height: 1.6;
  color: #767676;
}
.inquiry-detail-comment {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: flex-start;
  position: relative;
  gap: 0.75rem;
}
.inquiry-detail-comment .vits-textarea-box .vits-textarea {
  padding: 1.5rem 5rem 1.25rem 2.25rem;
}
.inquiry-detail-comment .comment-btn {
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem;
}
.inquiry-detail .support-detail-files {
  padding-top: 0;
}
.inquiry-detail .support-detail-files-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.inquiry-write-form {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.5rem;
  margin-top: 2rem;
}
.inquiry-write-form .inquiry-form-row {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
.inquiry-write-form .inquiry-form-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  display: block;
}
.inquiry-write-form .inquiry-form-label .label-required {
  padding-left: 0.125rem;
  color: #f2555a;
}
.inquiry-write-form .inquiry-form-field {
  width: 100%;
}
.inquiry-write-form .inquiry-form-field .vits-validation.is-invalid .input-item {
  box-shadow: inset 0 0 0 1px #dadada;
}
.inquiry-write-form .inquiry-form-field.inquiry-editor-placeholder {
  min-height: 15rem;
}
.inquiry-write-form .inquiry-form-field .validation-message {
  padding-left: 1rem;
}
.inquiry-write-form .inquiry-form-field .validation-message p {
  color: #f2555a;
}
.inquiry-write-form .inquiry-form-field:has(> .vits-chip-file) {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
}
.inquiry-write-form .inquiry-form-hint {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  margin: 0.5rem 0 0;
}
.vits-amount-info-card {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 2rem;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-amount-info-card .amount-info-header {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-amount-info-card .amount-info-header .amount-info-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin: 0;
}
.vits-amount-info-card .amount-info-header .amount-info-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  margin: 0;
}
.vits-amount-info-card .amount-info-header .amount-info-desc .name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-amount-info-card .amount-info-body {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-amount-info-card .amount-info-body .amount-info-price {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-amount-info-card .amount-info-body .amount-info-price em {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  font-style: normal;
}
.docs-summary {
  min-height: auto;
}
.docs-summary .main-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.docs-summary .sub-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  display: block;
}
.docs-summary .amount-total {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
  display: block;
}
.docs-detail {
  min-height: auto;
}
.docs-detail th {
  padding: 1.25rem 0.25rem;
}
.docs-detail .docs-table-row td {
  padding: 0.5rem 0.25rem;
}
.docs-detail .docs-table-row td span {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.docs-detail .docs-table-row td:has(.total-amount) {
  background-color: #fff0f1;
}
.docs-detail .docs-table-row td:has(.total-amount) .total-amount {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  display: block;
  padding-right: 0.5rem;
  text-align: right;
}
.docs-detail .docs-table-row.order-sell-row .docs-text {
  color: #444;
}
.docs-detail .docs-table-row.order-refund-row td .point {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
}
.docs-detail .docs-table-row.docs-total-row td {
  padding: 1.25rem 0rem;
}
.docs-detail .docs-table-row.docs-total-row td span {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.docs-detail .docs-table-row.docs-total-row .docs-total-label {
  padding-left: 1rem;
  text-align: left;
}
.docs-detail .docs-table-row.docs-total-row .docs-total-label span {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.docs-table-row .docs-tax {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  display: block;
  text-align: right;
}
.docs-table-row .docs-amount {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  display: block;
  text-align: right;
}
.docs-table-row .docs-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.docs-table-row .docs-text-lf {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  display: block;
  text-align: left;
}
.docs-table-row .docs-subtext {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  display: block;
}
.vits-docs-frame {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2rem;
}
.vits-docs-frame .vits-docs-header {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: end;
}
.vits-docs-frame .vits-docs-body {
  padding: 1.25rem;
  border: 1px solid #bebebe;
}
.vits-docs-frame .vits-docs-body .vits-docs-notice {
  padding: 1.25rem;
  margin-top: 1.25rem;
  background-color: #fafafa;
  border: 1px solid #dadada;
  border-radius: 8px;
}
.vits-docs-frame .vits-docs-body .vits-docs-notice ul {
  padding-left: 1.25rem;
  margin: 0;
}
.vits-docs-frame .vits-docs-body .vits-docs-notice ul > li {
  position: relative;
  padding-left: 0.625rem;
}
.vits-docs-frame .vits-docs-body .vits-docs-notice ul > li::before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 0.1875rem;
  height: 0.1875rem;
  content: '';
  background: #5c5c5c;
  border-radius: 50%;
}
.vits-docs-frame .vits-docs-body .vits-docs-notice ul > li + li {
  margin-top: 0.25rem;
}
.vits-docs-frame .vits-docs-body .vits-docs-notice li {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  line-height: 1.55;
}
.vits-docs-frame .vits-docs-body .vits-docs-notice li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.main-content-survey,
.main-content-bulk,
.main-content-single,
.main-content-docs {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.5rem;
}
.main-content-survey .mypage-query-fields,
.main-content-bulk .mypage-query-fields,
.main-content-single .mypage-query-fields,
.main-content-docs .mypage-query-fields {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
}
.main-content-survey .mypage-query-fields .mypage-query-status,
.main-content-bulk .mypage-query-fields .mypage-query-status,
.main-content-single .mypage-query-fields .mypage-query-status,
.main-content-docs .mypage-query-fields .mypage-query-status {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.main-content-survey .mypage-query-fields .mypage-query-status .mypage-query-control,
.main-content-bulk .mypage-query-fields .mypage-query-status .mypage-query-control,
.main-content-single .mypage-query-fields .mypage-query-status .mypage-query-control,
.main-content-docs .mypage-query-fields .mypage-query-status .mypage-query-control {
  min-width: 5.1875rem;
}
.main-content-survey .mypage-query-fields .mypage-query-buttons .mypage-search-btn,
.main-content-bulk .mypage-query-fields .mypage-query-buttons .mypage-search-btn,
.main-content-single .mypage-query-fields .mypage-query-buttons .mypage-search-btn,
.main-content-docs .mypage-query-fields .mypage-query-buttons .mypage-search-btn {
  min-width: 7.5rem;
}
.main-content-survey .mypage-query-fields .mypage-query-select-year,
.main-content-bulk .mypage-query-fields .mypage-query-select-year,
.main-content-single .mypage-query-fields .mypage-query-select-year,
.main-content-docs .mypage-query-fields .mypage-query-select-year {
  min-width: 5.9375rem;
}
.main-content-survey .mypage-query-fields .mypage-query-select-year .vits-select-value,
.main-content-bulk .mypage-query-fields .mypage-query-select-year .vits-select-value,
.main-content-single .mypage-query-fields .mypage-query-select-year .vits-select-value,
.main-content-docs .mypage-query-fields .mypage-query-select-year .vits-select-value {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.main-content-survey .mypage-query-fields .mypage-query-period-range,
.main-content-bulk .mypage-query-fields .mypage-query-period-range,
.main-content-single .mypage-query-fields .mypage-query-period-range,
.main-content-docs .mypage-query-fields .mypage-query-period-range {
  min-width: 11.25rem;
}
.main-content-survey .vits-mypage-pagination,
.main-content-bulk .vits-mypage-pagination,
.main-content-single .vits-mypage-pagination,
.main-content-docs .vits-mypage-pagination {
  padding-top: 1.25rem;
}
.main-content-survey .vits-alerts-anatomy,
.main-content-bulk .vits-alerts-anatomy,
.main-content-single .vits-alerts-anatomy,
.main-content-docs .vits-alerts-anatomy {
  margin-top: 1.25rem;
}
.mypage-query-fields .vits-select {
  width: 100%;
}
.mypage-query-fields .vits-select-trigger,
.mypage-query-fields .vits-select-list,
.mypage-query-fields .vits-select-value {
  width: 100%;
}
.vits-wrapper:has(.vits-main-home) .vits-header {
  border-bottom: none;
}
.vits-main-home {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5rem;
}
.home-section {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.home-section:has(.vits-home-main-category-menu) {
  padding: 6.25rem 0;
  background-color: #f9e9ea;
}
.home-section:has(.vits-home-event-banner) {
  padding: 5rem 1rem 5rem 0;
  overflow: hidden;
  background-color: #f0f0f0;
}
.home-section:has(.vits-home-event-banner) .home-section-title .title-container {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  gap: 0.625rem;
}
.home-section:has(.vits-home-product-legend) {
  padding: 1.25rem 0;
}
.vits-home-frequent-menu .frequent-menu-title {
  margin: 0 0 1.25rem;
}
.vits-home-frequent-menu .frequent-menu-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 80rem;
  margin: 0 auto;
}
@media screen and (max-width: 1279px) {
  .vits-home-frequent-menu .frequent-menu-list {
    padding: 0 1.25rem;
  }
  .vits-home-frequent-menu .frequent-menu-list .frequent-menu-icon {
    max-width: 5rem;
    max-height: 5rem;
  }
}
.vits-home-frequent-menu .frequent-menu-item {
  flex: 0 0 auto;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-home-frequent-menu .frequent-menu-item:hover .frequent-menu-icon {
    transform: scale(0.9);
  }
}
.vits-home-frequent-menu .frequent-menu-link {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  transition: color 0.2s ease;
}
.vits-home-frequent-menu .frequent-menu-icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  max-width: 6rem;
  max-height: 6rem;
  overflow: hidden;
  background-color: #f0f0f0;
  border-radius: 50%;
  transition: transform 0.2s ease;
}
.vits-home-frequent-menu .frequent-menu-icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vits-home-frequent-menu .frequent-menu-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  display: block;
  text-align: center;
  white-space: nowrap;
}
.vits-home-main-category-menu .main-category-menu-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
  gap: 2rem;
  max-width: 80rem;
  margin: 0 auto;
}
@media screen and (max-width: 1279px) {
  .vits-home-main-category-menu .main-category-menu-list {
    padding: 0 1.25rem;
  }
}
.vits-home-main-category-menu .main-category-section {
  flex: 1;
  min-width: 0;
  padding: 3rem 0;
  background-color: #fff;
  border-radius: 12px;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-home-main-category-menu .main-category-section:hover {
    box-shadow: 0 9px 21px 0 rgba(0, 0, 0, 0.1);
  }
}
.vits-home-main-category-menu .main-category-section-header {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
.vits-home-main-category-menu .main-category-section-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-home-main-category-menu .main-category-section-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-home-main-category-menu .main-category-item {
  flex: 0 0 auto;
}
.vits-home-main-category-menu .main-category-item-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.vits-home-main-category-menu .main-category-item-link {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  transition: color 0.2s ease;
}
.vits-home-main-category-menu .main-category-item-icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 6.25rem;
  height: 6.25rem;
  overflow: hidden;
  background-color: #f2f2f2;
  border-radius: 1.5rem;
  transition: transform 0.2s ease;
}
.vits-home-main-category-menu .main-category-item-icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
@media screen and (max-width: 1279px) {
  .vits-home-main-category-menu .main-category-item-icon {
    width: 5rem;
    height: 5rem;
    border-radius: 1.25rem;
  }
}
.vits-home-main-category-menu .main-category-item-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  display: block;
  text-align: center;
  white-space: nowrap;
}
.vits-home-main-banner {
  position: relative;
  width: 100vw;
  overflow: hidden;
}
.vits-home-main-banner .main-banner-container {
  position: relative;
  width: 100vw;
  max-width: 80rem;
  margin: 0 auto;
}
.vits-home-main-banner .swiper-wrapper {
  width: 100vw;
}
.vits-home-main-banner .swiper-slide {
  max-width: 39.375rem;
  transition: opacity 0.5s ease;
}
@media screen and (max-width: 1279px) {
  .vits-home-main-banner .swiper-slide {
    max-width: calc(50% - 0.625rem);
  }
}
.vits-home-main-banner .swiper-slide.swiper-slide-active + .swiper-slide {
  opacity: 1;
}
.vits-home-main-banner .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.4;
}
.vits-home-main-banner .main-banner-card {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: 1.25rem;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  border-radius: 12px;
}
.vits-home-main-banner .banner-card-content {
  position: relative;
  flex: 1;
}
.vits-home-main-banner .banner-card-content a {
  display: block;
}
.vits-home-main-banner .banner-card-image {
  max-height: 20.5rem;
  overflow: hidden;
  border-radius: 12px;
}
.vits-home-main-banner .banner-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.vits-home-main-banner .main-banner-progress {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 80rem;
  margin: 0.625rem auto 0;
}
@media screen and (max-width: 1279px) {
  .vits-home-main-banner .main-banner-progress {
    padding: 0 1.25rem;
  }
}
.vits-home-main-banner .banner-pagination-bar {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 0.25rem;
  background-color: #dadada;
  border-radius: 0.25rem;
}
.vits-home-main-banner .banner-pagination-bar .swiper-pagination-bullet {
  flex: 1;
  width: auto;
  height: 0.25rem;
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  transition:
    background-color 0.2s ease,
    border-radius 0.2s ease,
    opacity 0.2s ease;
}
.vits-home-main-banner .banner-pagination-bar .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #e51e25;
  border-radius: 0.25rem;
}
.vits-home-main-banner .banner-progress-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.vits-home-main-banner .banner-progress-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.vits-home-main-banner .banner-progress-btn:disabled {
  cursor: not-allowed;
}
.vits-home-main-banner .banner-progress-btn .ic {
  width: 1.25rem;
  height: 1.25rem;
  color: #bebebe;
}
.vits-home-main-banner .banner-progress-btn .ic .ic {
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-home-main-banner .banner-progress-btn:hover .ic {
    color: #e51e25;
  }
}
.vits-home-main-banner .banner-progress-btn.is-paused .banner-progress-icon-pause {
  display: none;
}
.vits-home-main-banner .banner-progress-btn.is-playing .banner-progress-icon-play {
  display: none;
}
.vits-home-main-banner .banner-progress-icon-play,
.vits-home-main-banner .banner-progress-icon-pause {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.vits-home-main-banner .main-banner-navs {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 1.25rem;
}
.vits-home-main-banner .banner-nav-button {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.vits-home-main-banner .banner-nav-button:disabled {
  cursor: not-allowed;
}
.vits-home-main-banner .banner-nav-button .ic {
  width: 1.25rem;
  height: 1.25rem;
  color: #bebebe;
}
.vits-home-main-banner .banner-nav-button .ic .ic {
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-home-main-banner .banner-nav-button:hover .ic {
    color: #e51e25;
  }
}
.vits-home-main-banner .banner-nav-button.swiper-button-disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.35;
}
.vits-home-event-banner {
  position: relative;
  display: flex;
  width: 100vw;
}
.vits-home-event-banner .empty-block {
  flex: 1 1 0;
  width: auto;
}
.vits-home-event-banner .event-banner-container {
  position: relative;
  flex: 2 1 0;
  overflow: hidden;
}
.vits-home-event-banner .event-banner-container.is-nomore .event-banner-slide {
  margin-right: 1.5rem;
  filter: none !important;
  opacity: 1;
}
.vits-home-event-banner .event-banner-container.is-nomore .event-banner-slide::after {
  content: none !important;
}
.vits-home-event-banner .swiper-wrapper {
  padding: 0;
}
.vits-home-event-banner .event-banner-slide {
  position: relative;
  max-width: 18.75rem;
  transition:
    filter 0.3s ease,
    opacity 0.3s ease;
}
.vits-home-event-banner
  .event-banner-slide.swiper-slide-active
  + .event-banner-slide
  + .event-banner-slide
  ~ .event-banner-slide {
  filter: opacity(0.3);
}
.vits-home-event-banner
  .event-banner-slide.swiper-slide-active
  + .event-banner-slide
  + .event-banner-slide
  + .event-banner-slide::after {
  position: absolute;
  inset: 0;
  content: '';
  background: linear-gradient(270deg, rgba(243, 243, 243, 0) 62%, #f3f3f3 100%);
}
.vits-home-event-banner .event-banner-card {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
  border-radius: 8px;
}
.vits-home-event-banner .event-banner-image {
  position: relative;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
.vits-home-event-banner .event-banner-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.vits-home-event-banner .event-banner-navs {
  align-items: center;
  width: 80rem;
  margin-left: -40rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 50%;
}
.vits-home-event-banner .event-banner-nav {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.vits-home-event-banner .event-banner-nav:disabled {
  cursor: not-allowed;
}
.vits-home-event-banner .event-banner-nav .ic {
  width: 2rem;
  height: 2rem;
  color: #bebebe;
}
.vits-home-event-banner .event-banner-nav .ic .ic {
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-home-event-banner .event-banner-nav:hover .ic {
    color: #e51e25;
  }
}
.vits-home-event-banner .event-banner-nav.swiper-button-disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.2;
}
.home-section-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: space-between;
  max-width: 80rem;
  padding-bottom: 1.875rem;
  margin: 0 auto;
}
@media screen and (max-width: 1279px) {
  .home-section-title {
    padding: 0 1.25rem 1.875rem;
  }
}
.home-section-title .title-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: flex-start;
}
.home-section-title .tool-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.home-section-title .more-view-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.home-section-title .more-view-link-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.home-section-title .more-view-link-icon .ic {
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .home-section-title .more-view-link:hover {
    color: #e51e25;
  }
}
.home-section-title h2.title-text,
.home-section-title h2.title-point {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.home-section-title h2.title-text {
  color: #1b1b1b;
}
.home-section-title h2.title-text .title-point {
  margin: 0 0.625rem;
  color: #e51e25;
}
.home-section-title h2.title-point {
  color: #e51e25;
}
.home-section-title h2.title-point .title-text {
  margin: 0 0.625rem;
  color: #1b1b1b;
}
.home-section-title .title-description {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.home-ad-banner {
  max-width: 80rem;
  margin: 0 auto;
}
@media screen and (max-width: 1279px) {
  .home-ad-banner {
    padding: 0 1.25rem;
  }
}
.home-ad-banner .home-ad-banner-link {
  display: block;
}
.home-ad-banner.double-banner {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
}
.home-ad-banner.double-banner .home-ad-banner-link {
  width: calc(100% - 1rem);
}
.home-ad-banner.double-banner .home-ad-banner-link img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.home-ad-banner.line-banner {
  position: relative;
  max-width: 89.375rem;
  padding: 0 2.5rem;
}
@media screen and (max-width: 1279px) {
  .home-ad-banner.line-banner {
    padding: 0 3.25rem;
  }
}
.home-ad-banner.line-banner .line-banner-visual {
  position: relative;
  max-width: 80rem;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 12px;
}
.home-ad-banner.line-banner .line-banner-container {
  position: relative;
}
.home-ad-banner.line-banner .line-banner-slide {
  height: 100%;
}
.home-ad-banner.line-banner .home-ad-banner-link {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 12px;
}
.home-ad-banner.line-banner .home-ad-banner-link img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.home-ad-banner.line-banner .line-banner-navs {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.home-ad-banner.line-banner .line-banner-nav {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  pointer-events: auto;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #bebebe;
  border-radius: 50%;
  transition:
    opacity 0.2s ease,
    background-color 0.2s ease;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.home-ad-banner.line-banner .line-banner-nav .icon,
.home-ad-banner.line-banner .line-banner-nav .ic {
  width: 1.25rem;
  height: 1.25rem;
  color: #444;
}
.home-ad-banner.line-banner .line-banner-nav .icon .ic,
.home-ad-banner.line-banner .line-banner-nav .ic .ic {
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .home-ad-banner.line-banner .line-banner-nav:hover {
    background-color: #fff;
    border-color: #e51e25;
  }
  .home-ad-banner.line-banner .line-banner-nav:hover .ic {
    color: #e51e25;
  }
  .home-ad-banner.line-banner .line-banner-nav:active {
    background-color: #e51e25;
    border-color: #e51e25;
  }
  .home-ad-banner.line-banner .line-banner-nav:active .ic {
    filter: brightness(0) invert(1);
  }
}
.home-ad-banner.line-banner .line-banner-nav.swiper-button-disabled {
  pointer-events: none;
  opacity: 0;
}
.legend-wrapper {
  position: relative;
  max-width: 89.375rem;
  padding: 0 4.75rem;
  margin: 0 auto;
}
@media screen and (max-width: 1279px) {
  .legend-wrapper {
    padding: 0 3.25rem;
  }
}
.legend-nav-wrap {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.legend-nav-prev,
.legend-nav-next {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  pointer-events: auto;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #bebebe;
  border-radius: 50%;
  transition:
    opacity 0.2s ease,
    background-color 0.2s ease;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.legend-nav-prev .icon,
.legend-nav-prev .ic,
.legend-nav-next .icon,
.legend-nav-next .ic {
  width: 1.25rem;
  height: 1.25rem;
  color: #444;
}
.legend-nav-prev .icon .ic,
.legend-nav-prev .ic .ic,
.legend-nav-next .icon .ic,
.legend-nav-next .ic .ic {
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .legend-nav-prev:hover,
  .legend-nav-next:hover {
    background-color: #fff;
    border-color: #e51e25;
  }
  .legend-nav-prev:hover .ic,
  .legend-nav-next:hover .ic {
    color: #e51e25;
  }
  .legend-nav-prev:active,
  .legend-nav-next:active {
    background-color: #e51e25;
    border-color: #e51e25;
  }
  .legend-nav-prev:active .ic,
  .legend-nav-next:active .ic {
    filter: brightness(0) invert(1);
  }
}
.legend-nav-prev.swiper-button-disabled,
.legend-nav-next.swiper-button-disabled {
  pointer-events: none;
  opacity: 0;
}
.vits-home-product-legend {
  max-width: 80rem;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 1279px) {
  .vits-home-product-legend {
    padding: 0 1.25rem;
  }
}
.vits-home-product-legend .swiper-wrapper {
  padding: 0;
}
.vits-home-product-legend .swiper-slide {
  height: auto;
}
.vits-home-product-legend .product-legend-item {
  border: 2px solid #fff;
  min-width: 0;
  height: 100%;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-home-product-legend .product-legend-item:hover {
    border: 2px solid #e51e25;
    border-radius: 12px;
    box-shadow: 0 9px 21px 0 rgba(0, 0, 0, 0.1);
  }
}
.vits-home-product-legend .product-legend-item:focus-visible,
.vits-home-product-legend .product-legend-item:active {
  border: 2px solid #e51e25;
  border-radius: 12px;
  box-shadow: 0 9px 21px 0 rgba(0, 0, 0, 0.1);
}
.vits-home-product-legend .product-legend-item[aria-hidden='true'] {
  pointer-events: none;
}
.home-brand-swiper-wrapper {
  position: relative;
  max-width: 89.375rem;
  padding: 0 4.75rem;
  margin: 0 auto;
}
@media screen and (max-width: 1279px) {
  .home-brand-swiper-wrapper {
    padding: 0 1.25rem;
  }
}
.home-brand-nav-wrap {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.home-brand-nav-prev,
.home-brand-nav-next {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  pointer-events: auto;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #bebebe;
  border-radius: 50%;
  transition:
    opacity 0.2s ease,
    background-color 0.2s ease;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.home-brand-nav-prev .icon,
.home-brand-nav-prev .ic,
.home-brand-nav-next .icon,
.home-brand-nav-next .ic {
  width: 1.25rem;
  height: 1.25rem;
  color: #444;
}
.home-brand-nav-prev .icon .ic,
.home-brand-nav-prev .ic .ic,
.home-brand-nav-next .icon .ic,
.home-brand-nav-next .ic .ic {
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .home-brand-nav-prev:hover,
  .home-brand-nav-next:hover {
    background-color: #fff;
    border-color: #e51e25;
  }
  .home-brand-nav-prev:hover .ic,
  .home-brand-nav-next:hover .ic {
    color: #e51e25;
  }
  .home-brand-nav-prev:active,
  .home-brand-nav-next:active {
    background-color: #e51e25;
    border-color: #e51e25;
  }
  .home-brand-nav-prev:active .ic,
  .home-brand-nav-next:active .ic {
    filter: brightness(0) invert(1);
  }
}
.home-brand-nav-prev.swiper-button-disabled,
.home-brand-nav-next.swiper-button-disabled {
  pointer-events: none;
  opacity: 0;
}
.vits-home-product-brand {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  padding-bottom: 1.25rem;
  overflow: hidden;
  background-color: #fff;
  border-radius: 12px;
}
.vits-home-product-brand .brand-header {
  position: relative;
  width: 100%;
  height: auto;
  max-height: 15.625rem;
  overflow: hidden;
  border-radius: 12px;
}
.vits-home-product-brand .brand-visual {
  width: 100%;
  height: 100%;
}
.vits-home-product-brand .brand-visual img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.vits-home-product-brand .brand-visual img {
  filter: brightness(0.4);
}
.vits-home-product-brand .brand-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 10.125rem;
  height: 4.25rem;
  transform: translate(-50%, -50%);
}
.vits-home-product-brand .brand-logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vits-home-product-brand .brand-info {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 6.875rem;
  padding: 1.25rem;
  margin: -17% 1.5rem 0;
  text-align: center;
  background-color: #fff;
  border-radius: 12px;
}
.vits-home-product-brand .brand-info-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-home-product-brand .brand-info-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  word-break: keep-all;
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vits-home-product-brand .brand-product-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.vits-home-product-brand .brand-product-item {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  padding: 0.5rem;
  margin-top: 0.75rem;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease;
}
@media screen and (max-width: 1279px) {
  .vits-home-product-brand .brand-product-item {
    gap: 0;
  }
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-home-product-brand .brand-product-item:hover {
    border-color: #e51e25;
    box-shadow: 0 9px 21px 0 rgba(0, 0, 0, 0.1);
  }
  .vits-home-product-brand .brand-product-item:active {
    background-color: #fff0f1;
    border-color: #e51e25;
  }
}
.vits-home-product-brand .brand-product-item:has(.is-guest) .price-guest-text {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.125rem;
}
.vits-home-product-brand .brand-product-item:has(.is-guest) .product-price {
  margin-top: 0;
}
.vits-home-product-brand .brand-product-item:has(.is-guest) .product-price-alt {
  gap: 0.25rem;
}
.vits-home-product-brand .brand-product-item:has(.is-guest) .price-guest-action {
  width: auto;
}
.vits-home-product-brand .brand-product-item.is-soldout .brand-product-thumb img {
  filter: blur(2px);
}
.vits-home-product-brand .brand-product-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  gap: 0.5rem;
  min-width: 0;
  text-decoration: none;
}
.vits-home-product-brand .brand-product-thumb {
  position: relative;
  flex: 0 0 5.75rem;
  width: 5.75rem;
  height: 5.75rem;
  overflow: hidden;
  background-color: #fff;
  border-radius: 8px;
}
.vits-home-product-brand .brand-product-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vits-home-product-brand .brand-product-thumb img {
  transition: opacity 0.2s ease;
}
.vits-home-product-brand .brand-product-thumb .product-soldout-alt {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.vits-home-product-brand .brand-product-thumb .product-soldout-alt .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  letter-spacing: 0;
}
.vits-home-product-brand .brand-product-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  gap: 0.25rem;
  min-width: 0;
}
.vits-home-product-brand .brand-product-info .product-brand {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-home-product-brand .brand-product-info .product-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  display: -webkit-box;
  max-height: calc(1.4em * 1);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.vits-home-product-brand .product-price {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-home-product-brand .product-price .price-origin-label {
  font-family: 'PretendardGOV', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  text-decoration: line-through;
}
.vits-home-product-brand .product-price .price-sale-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-home-product-brand .product-price .price-rate {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-home-product-brand .product-price .price-sale {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-home-product-brand .product-extra {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-home-product-brand .product-price-alt.is-soldout {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #f88d90;
  letter-spacing: 0;
}
.vits-home-product-brand .product-price-alt.is-guest {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-home-product-brand .price-guest-text {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.125rem;
}
.vits-home-product-brand .price-guest-text-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
}
.vits-home-product-brand .price-guest-text-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-home-product-brand .price-guest-action {
  width: 100%;
}
.vits-home-product-brand .price-login-button {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  border: 1px solid #bebebe;
  gap: 0.625rem;
  width: 100%;
  height: 1.375rem;
  padding: 0 0.5rem;
  background-color: #fff;
  border-radius: 4px;
}
.vits-home-product-brand .price-login-button:disabled {
  cursor: not-allowed;
}
.vits-home-product-brand .price-login-button .icon {
  width: 1rem;
  height: 1rem;
  color: #444;
}
.vits-home-product-brand .price-login-button .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-home-product-brand .price-login-button .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-home-product-brand .price-login-button:hover {
    background-color: #f0f0f0;
    border-color: #1b1b1b;
  }
  .vits-home-product-brand .price-login-button:hover .text {
    color: #1b1b1b;
  }
}
.vits-home-product-brand .brand-product-action {
  flex: 0 0 auto;
}
.vits-home-product-brand .brand-action-cart {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #bebebe;
  border-radius: 50%;
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease;
}
.vits-home-product-brand .brand-action-cart:disabled {
  cursor: not-allowed;
}
.vits-home-product-brand .brand-action-cart .icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #bebebe;
}
.vits-home-product-brand .brand-action-cart .icon .ic {
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-home-product-brand .brand-action-cart:hover {
    border-color: #e51e25;
  }
  .vits-home-product-brand .brand-action-cart:hover .icon {
    color: #e51e25;
  }
}
.vits-home-product-brand .brand-action-cart:active {
  background-color: #e51e25;
  border-color: #e51e25;
}
.vits-home-product-brand .brand-action-cart:active .icon {
  color: #fff;
}
.vits-home-product-brand .brand-action-cart:disabled {
  pointer-events: none;
  cursor: not-allowed;
  border-color: #dadada;
}
.vits-home-product-brand .brand-action-cart:disabled .icon {
  color: #dadada;
}
.home-rank {
  position: relative;
  max-width: 81.875rem;
  margin: 0 auto;
}
@media screen and (max-width: 1279px) {
  .home-rank {
    padding: 0 1.25rem;
  }
}
.home-rank-pagination {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  position: absolute;
  top: -3.8125rem;
  right: 1.875rem;
  bottom: auto;
  left: auto;
}
.home-rank-page-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
  width: 1.75rem;
  height: 1.75rem;
  line-height: normal;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e51e25;
  border-radius: 50%;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .home-rank-page-btn:hover {
    color: #e51e25;
    border-color: #e51e25;
  }
}
.home-rank-page-btn.is-active {
  color: #fff;
  background-color: #e51e25;
  border-color: #e51e25;
}
.home-rank-body {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 3.125rem;
}
@media screen and (max-width: 1279px) {
  .home-rank-body {
    gap: 2.1875rem;
  }
}
.home-rank-products {
  flex: 1;
  min-width: 0;
}
.home-rank-product-inner {
  position: relative;
  min-height: 15rem;
}
.home-rank-product-group {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.5rem;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.35s ease;
}
.home-rank-product-group.is-active {
  position: relative;
  z-index: 1;
  pointer-events: auto;
  opacity: 1;
}
.home-rank-product-group .home-product-item {
  flex: 1;
  min-width: 0;
  transition: box-shadow 0.2s ease;
  border: 2px solid #fff;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .home-rank-product-group .home-product-item:hover:hover {
    border-color: #e51e25;
    border-radius: 12px;
    box-shadow: 0 9px 21px 0 rgba(0, 0, 0, 0.1);
  }
}
.home-rank-product-group .home-product-item:focus-visible:hover,
.home-rank-product-group .home-product-item:active:hover {
  border-color: #e51e25;
  border-radius: 12px;
  box-shadow: 0 9px 21px 0 rgba(0, 0, 0, 0.1);
}
.home-rank-categories {
  flex-shrink: 0;
  min-width: 25rem;
  max-width: 31.25rem;
  padding-top: 0.75rem;
  overflow: hidden;
}
@media screen and (max-width: 1279px) {
  .home-rank-categories {
    min-width: 18.75rem;
    max-width: 25rem;
  }
}
.home-rank .js-home-rank-swiper {
  box-sizing: content-box;
  padding-bottom: 1.5rem;
  overflow: visible;
}
.home-rank .home-rank-slide {
  height: auto !important;
}
.home-rank-item-num {
  flex-shrink: 0;
  margin-right: 0.75rem;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3;
  color: #bebebe;
  letter-spacing: 0;
}
.home-rank-item-name {
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3;
  color: inherit;
  letter-spacing: 0;
  flex: 1;
  min-width: 0;
  max-height: -moz-fit-content;
  max-height: fit-content;
  padding-right: 3.125rem;
}
.home-rank-item-arrow {
  position: relative;
  z-index: 1;
  box-sizing: content-box;
  flex-shrink: 0;
  padding: 0.75rem;
  margin: -0.75rem;
  width: 1.75rem;
  height: 1.75rem;
}
.home-rank-item-arrow .ic {
  width: 100%;
  height: 100%;
}
.home-rank-item {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: calc(100% - 2.5rem);
  min-height: 3.75rem;
  margin: 0 auto;
  text-align: left;
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.home-rank-item:disabled {
  cursor: not-allowed;
}
.home-rank-item [class*='ic-'] {
  color: #bebebe;
  vertical-align: middle;
}
.home-rank-item:hover .dept-name,
.home-rank-item:hover .home-rank-item-num,
.home-rank-item:hover [class*='ic-'] {
  color: #e51e25;
}
.home-rank-item.is-active {
  width: 100%;
  min-height: 4.5rem;
  padding: 0 1.25rem;
  border-color: #e51e25;
  box-shadow: 0 9px 21px 0 rgba(0, 0, 0, 0.1);
}
.home-rank-item.is-active .dept-name,
.home-rank-item.is-active .home-rank-item-num {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.home-rank-item.is-active [class*='ic-'] {
  width: 1.75rem;
  height: 1.75rem;
  color: #e51e25;
  vertical-align: sub;
}
.home-rank-item.is-active [class*='ic-'] .ic {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1279px) {
  .home-rank-item.is-active {
    min-height: 3.875rem;
  }
}
.home-product-swiper-wrapper {
  position: relative;
  max-width: 89.375rem;
  padding: 0 4.75rem;
  margin: 0 auto;
}
@media screen and (max-width: 1279px) {
  .home-product-swiper-wrapper {
    padding: 0 3.25rem;
  }
}
.home-product-swiper-wrapper .swiper-slide {
  transition: border-radius 0.5s ease;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .home-product-swiper-wrapper .swiper-slide:hover .product-frequent-badge {
    top: -0.125rem;
  }
  .home-product-swiper-wrapper .swiper-slide:hover .product-frequent-count {
    border-radius: 4px 12px 4px 4px;
  }
}
.home-product-swiper-wrapper .swiper-slide:focus-visible .product-frequent-badge,
.home-product-swiper-wrapper .swiper-slide:active .product-frequent-badge {
  top: -0.125rem;
}
.home-product-swiper-wrapper .swiper-slide:focus-visible .product-frequent-count,
.home-product-swiper-wrapper .swiper-slide:active .product-frequent-count {
  border-radius: 4px 12px 4px 4px;
}
.home-product-swiper-nav-wrap {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.home-product-swiper-nav-prev,
.home-product-swiper-nav-next {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  pointer-events: auto;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #bebebe;
  border-radius: 50%;
  transition:
    opacity 0.2s ease,
    background-color 0.2s ease;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.home-product-swiper-nav-prev .icon,
.home-product-swiper-nav-prev .ic,
.home-product-swiper-nav-next .icon,
.home-product-swiper-nav-next .ic {
  width: 1.25rem;
  height: 1.25rem;
  color: #444;
}
.home-product-swiper-nav-prev .icon .ic,
.home-product-swiper-nav-prev .ic .ic,
.home-product-swiper-nav-next .icon .ic,
.home-product-swiper-nav-next .ic .ic {
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .home-product-swiper-nav-prev:hover,
  .home-product-swiper-nav-next:hover {
    background-color: #fff;
    border-color: #e51e25;
  }
  .home-product-swiper-nav-prev:hover .ic,
  .home-product-swiper-nav-next:hover .ic {
    color: #e51e25;
  }
  .home-product-swiper-nav-prev:active,
  .home-product-swiper-nav-next:active {
    background-color: #e51e25;
    border-color: #e51e25;
  }
  .home-product-swiper-nav-prev:active .ic,
  .home-product-swiper-nav-next:active .ic {
    filter: brightness(0) invert(1);
  }
}
.home-product-swiper-nav-prev.swiper-button-disabled,
.home-product-swiper-nav-next.swiper-button-disabled {
  pointer-events: none;
  opacity: 0;
}
.js-home-product-swiper {
  width: 100%;
  padding-bottom: 1rem;
  overflow: hidden;
}
.js-home-product-swiper .swiper-wrapper {
  padding: 0;
}
.js-home-product-swiper .swiper-slide {
  height: auto;
}
.js-home-product-swiper .swiper-slide .home-product-item {
  transition: box-shadow 0.2s ease;
  border: 2px solid #fff;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .js-home-product-swiper .swiper-slide .home-product-item:hover:hover {
    border-color: #e51e25;
    border-radius: 12px;
    box-shadow: 0 9px 21px 0 rgba(0, 0, 0, 0.1);
  }
}
.js-home-product-swiper .swiper-slide .home-product-item:focus-visible:hover,
.js-home-product-swiper .swiper-slide .home-product-item:active:hover {
  border-color: #e51e25;
  border-radius: 12px;
  box-shadow: 0 9px 21px 0 rgba(0, 0, 0, 0.1);
}
.vits-home-promo-products {
  max-width: 80rem;
  margin: 0 auto;
}
@media screen and (max-width: 1279px) {
  .vits-home-promo-products {
    padding: 0 1.25rem;
  }
}
.vits-promo-products-tab .tab-btn {
  min-width: 8.25rem;
}
.home-product-tab-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 1279px) {
  .home-product-tab-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
  }
}
.home-product-tab-list .home-product-item {
  transition: box-shadow 0.2s ease;
  border: 2px solid #fff;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .home-product-tab-list .home-product-item:hover:hover {
    border-color: #e51e25;
    border-radius: 12px;
    box-shadow: 0 9px 21px 0 rgba(0, 0, 0, 0.1);
  }
}
.home-product-tab-list .home-product-item:focus-visible:hover,
.home-product-tab-list .home-product-item:active:hover {
  border-color: #e51e25;
  border-radius: 12px;
  box-shadow: 0 9px 21px 0 rgba(0, 0, 0, 0.1);
}
.vits-home-category-best {
  max-width: 80rem;
  margin: 0 auto;
}
@media screen and (max-width: 1279px) {
  .vits-home-category-best {
    padding: 0 1.25rem;
  }
}
.home-product-best-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 1279px) {
  .home-product-best-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
  }
}
.home-product-best-list .home-product-item {
  transition: box-shadow 0.2s ease;
  border: 2px solid #fff;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .home-product-best-list .home-product-item:hover:hover {
    border-color: #e51e25;
    border-radius: 12px;
    box-shadow: 0 9px 21px 0 rgba(0, 0, 0, 0.1);
  }
}
.home-product-best-list .home-product-item:focus-visible:hover,
.home-product-best-list .home-product-item:active:hover {
  border-color: #e51e25;
  border-radius: 12px;
  box-shadow: 0 9px 21px 0 rgba(0, 0, 0, 0.1);
}
.home-product-item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 12.5rem;
  container-type: inline-size;
  height: 100%;
}
.home-product-item .product-thumb {
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
  background: #dadada;
  border-radius: 12px;
}
.home-product-item .product-thumb img {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #dadada;
}
.home-product-item .product-thumb img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.home-product-item .product-thumb img img {
  background-color: #fff;
}
.home-product-item .product-frequent-count {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
  height: 1.75rem;
  padding: 0 0.5rem;
  background: #edf1fd;
  border-radius: 4px;
}
.home-product-item .product-frequent-date {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #8ba7ec;
  letter-spacing: 0;
}
.home-product-item .product-code {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  min-width: 0;
  line-height: 1.2;
}
.home-product-item .product-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
}
.home-product-item .product-actions button[class*='product-action-'] {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #bebebe;
}
.home-product-item .product-actions button[class*='product-action-']:disabled {
  cursor: not-allowed;
}
.home-product-item .product-actions button[class*='product-action-'] .ic {
  display: block;
  background-color: currentcolor;
  -webkit-mask: no-repeat center/contain;
  mask: no-repeat center/contain;
  transition: color 0.3s;
}
.home-product-item .product-actions button[class*='product-action-'][class*='-like'] .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart.svg);
}
.home-product-item .product-actions button[class*='product-action-'][class*='-like']:active .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart-fill.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart-fill.svg);
}
.home-product-item .product-actions button[class*='product-action-'][class*='-like'].active .ic {
  color: #e51e25;
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart-fill.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart-fill.svg);
}
.home-product-item .product-actions button[class*='product-action-'][class*='-cart'] .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-bag.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-bag.svg);
}
.home-product-item .product-actions button[class*='product-action-'][class*='-cart']:active .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-bag-on.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-bag-on.svg);
}
.home-product-item .product-actions button[class*='product-action-'][class*='-cart'].active .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-bag-on.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-bag-on.svg);
}
.home-product-item .product-actions button[class*='product-action-'][class*='-compare'] .ic {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-compare.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-compare.svg);
}
@media (any-hover: hover) and (any-pointer: fine) {
  .home-product-item .product-actions button[class*='product-action-'][class*='-compare']:hover {
    color: #444;
  }
  .home-product-item .product-actions button[class*='product-action-'][class*='-compare']:hover .text {
    color: #444;
  }
}
.home-product-item .product-actions button[class*='product-action-'][class*='-compare']:focus-visible,
.home-product-item .product-actions button[class*='product-action-'][class*='-compare']:active {
  color: #444;
}
.home-product-item .product-actions button[class*='product-action-'][class*='-compare']:focus-visible .text,
.home-product-item .product-actions button[class*='product-action-'][class*='-compare']:active .text {
  color: #444;
}
.home-product-item .product-actions button[class*='product-action-']:not([class*='-compare']):hover {
  color: #444;
}
.home-product-item .product-actions button[class*='product-action-']:not([class*='-compare']):active {
  color: #e51e25;
}
.home-product-item .product-actions button[class*='product-action-']:not([class*='-compare']):active .text {
  color: #e51e25 !important;
}
.home-product-item .product-brand {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.home-product-item .product-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home-product-item .product-spec {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  display: -webkit-box;
  max-height: calc(1.4em * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 0.25rem;
}
.home-product-item .product-price .price-origin-label {
  font-family: 'PretendardGOV', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  text-decoration: line-through;
  text-decoration-line: line-through;
}
.home-product-item .product-price .price-sale-row {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0 0.25rem;
}
.home-product-item .product-price .price-sale-row .price-rate {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.home-product-item .product-price .price-sale-row .price-sale {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.home-product-item .product-price .product-price-alt.is-soldout {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  color: #f88d90;
  letter-spacing: 0;
}
.home-product-item .product-price .product-price-alt.is-guest {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
}
.home-product-item .product-price .product-price-alt.is-guest .price-guest-text {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.125rem;
}
.home-product-item .product-price .product-price-alt.is-guest .price-guest-text-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
}
.home-product-item .product-price .product-price-alt.is-guest .price-guest-text-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.home-product-item .product-price .product-price-alt.is-guest .price-guest-text-desc strong {
  font-weight: 600;
}
.home-product-item .product-price .product-price-alt.is-guest .price-guest-action {
  width: 100%;
}
.home-product-item .product-price .product-price-alt.is-guest .price-guest-action .price-login-button {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  border: 1px solid #bebebe;
  gap: 0.625rem;
  width: 100%;
  height: 2.125rem;
  padding: 0 0.5rem;
  border-radius: 4px;
}
.home-product-item .product-price .product-price-alt.is-guest .price-guest-action .price-login-button:disabled {
  cursor: not-allowed;
}
.home-product-item .product-price .product-price-alt.is-guest .price-guest-action .price-login-button .icon {
  width: 1rem;
  height: 1rem;
  color: #444;
}
.home-product-item .product-price .product-price-alt.is-guest .price-guest-action .price-login-button .icon .ic {
  width: 100%;
  height: 100%;
}
.home-product-item .product-price .product-price-alt.is-guest .price-guest-action .price-login-button .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .home-product-item .product-price .product-price-alt.is-guest .price-guest-action .price-login-button:hover {
    background-color: #f0f0f0;
    border-color: #1b1b1b;
  }
  .home-product-item .product-price .product-price-alt.is-guest .price-guest-action .price-login-button:hover .text {
    color: #1b1b1b;
  }
}
.home-product-item .product-extra {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.125rem;
}
@container (min-width: 240px) {
  .home-product-item .product-brand {
    font-family: 'Pretendard', system-ui, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3;
    color: #767676;
    letter-spacing: 0;
  }
  .home-product-item .product-name {
    font-family: 'Pretendard', system-ui, sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3;
    color: #1b1b1b;
    letter-spacing: 0;
  }
}
.home-product-item:first-child .product-rank-count {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  letter-spacing: 0;
  width: 1.375rem;
  height: 1.375rem;
  line-height: normal;
  cursor: pointer;
  background-color: #e51e25;
  border: 1px solid #e51e25;
  border-radius: 50%;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .home-product-item:first-child .product-rank-count:hover {
    color: #e51e25;
    border-color: #e51e25;
  }
}
.home-product-item:first-child .product-rank-count.is-active {
  color: #fff;
  background-color: #e51e25;
  border-color: #e51e25;
}
.home-product-item:active,
.home-product-item:active .product-actions-hover {
  background-color: rgba(255, 240, 241, 0.5);
}
.home-product-item .product-thumb {
  overflow: hidden;
  background-color: #fff;
  border-radius: 12px;
}
.home-product-item .product-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.home-product-item .product-thumb img {
  background-color: #fff;
  transition: filter 0.3s ease;
}
.home-product-item .product-body {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1;
  gap: 0.5rem;
  padding: 0 1rem 1rem;
}
.home-product-item .product-body .product-price {
  width: 100%;
}
.home-product-item .product-meta {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
.home-product-item .product-action-cart {
  display: inline-flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-end;
  flex: 1;
  width: 100%;
  margin-top: 1.25rem;
}
.home-product-item .product-action-cart .product-cart-button {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  gap: 0.5rem;
  width: 100%;
  min-height: 2.5rem;
  line-height: normal;
  border: 1px solid #5c5c5c;
  border-radius: 4px;
}
.home-product-item .product-action-cart .product-cart-button:disabled {
  cursor: not-allowed;
}
.home-product-item .product-action-cart .product-cart-button .icon {
  width: 1.5rem;
  height: 1.5rem;
}
.home-product-item .product-action-cart .product-cart-button .icon .ic {
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .home-product-item .product-action-cart .product-cart-button:hover {
    color: #e51e25;
    background-color: #fff0f1;
    border-color: #e51e25;
  }
}
.home-product-item .product-action-cart .product-cart-button:focus-visible,
.home-product-item .product-action-cart .product-cart-button:active {
  color: #fff;
  background-color: #e51e25;
  border-color: #e51e25;
}
.home-product-item .product-actions-hover {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  z-index: 2;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background-color: hsla(0, 0%, 100%, 0.6);
  border-bottom: 1px solid #fff0f1;
  border-radius: 8px;
  opacity: 0;
  transition:
    opacity 0.5s ease,
    visibility 0.5s ease;
}
.home-product-item .product-soldout-alt {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.home-product-item .product-soldout-alt .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  letter-spacing: 0;
}
.home-product-item.is-soldout .product-thumb img {
  filter: blur(2px);
}
.home-product-item:has(.product-actions-hover):hover .product-thumb img {
  filter: blur(2px);
}
.home-product-item:has(.product-actions-hover):hover .product-actions-hover {
  visibility: visible;
  opacity: 1;
}
.home-product-item .product-actions-hover .product-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}
.home-product-item .product-actions-hover [class*='product-action-'] {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .home-product-item .product-actions-hover [class*='product-action-']:hover .icon {
    color: #e51e25;
    border-color: #e51e25;
  }
  .home-product-item .product-actions-hover [class*='product-action-']:hover:active .icon {
    color: #fff;
    background-color: #e51e25;
  }
}
.home-product-item .product-actions-hover [class*='product-action-']:focus-visible .icon,
.home-product-item .product-actions-hover [class*='product-action-']:active .icon {
  color: #e51e25;
  border-color: #e51e25;
}
.home-product-item .product-actions-hover [class*='product-action-']:focus-visible:active .icon,
.home-product-item .product-actions-hover [class*='product-action-']:active:active .icon {
  color: #fff;
  background-color: #e51e25;
}
.home-product-item .product-actions-hover [class*='product-action-'] .icon {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  color: #5c5c5c;
  background-color: #fff;
  border: 1px solid #5c5c5c;
  border-radius: 50%;
}
.home-product-item .product-actions-hover [class*='product-action-'] .icon .ic {
  width: 100%;
  height: 100%;
}
.home-product-item .product-actions-hover [class*='product-action-'] .icon .ic {
  width: 2rem;
  height: 2rem;
}
.home-product-item .product-actions-hover [class*='product-action-'] .icon .ic .ic {
  width: 100%;
  height: 100%;
}
.home-product-item .product-actions-hover [class*='product-action-'] .icon.active {
  color: #fff;
  background-color: #e51e25;
  border-color: #e51e25;
}
.home-product-item .product-actions-hover [class*='product-action-'] .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.home-product-item .product-actions-hover [class*='product-action-'].active .icon {
  color: #fff;
  background-color: #e51e25;
  border-color: #e51e25;
}
.home-product-item .product-actions-hover [class*='product-action-'].active .icon .ic {
  color: #fff;
}
.home-product-item .product-actions-hover [class*='product-action-'].active .text {
  color: #e51e25;
}
.home-product-item .product-actions-hover .product-action-like.active .icon {
  color: #fff !important;
}
.home-product-item .product-actions-hover .product-action-like .icon .ic {
  color: inherit !important;
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart.svg) !important;
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart.svg) !important;
}
.home-product-item .product-actions-hover .product-action-like .icon .ic:active {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart.svg) !important;
  mask-image: url(../../../../../resources/img/mro/renewal/ic/ic-heart.svg) !important;
}
.home-product-item .product-frequent-badge {
  position: absolute;
  top: 0;
  right: -2px;
  bottom: auto;
  left: auto;
}
.home-product-item .product-frequent-count {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
  line-height: normal;
  background-color: #fff;
  border: 2px solid #e51e25;
}
.home-product-item .product-rank-badge {
  position: absolute;
  top: 0.5rem;
  right: auto;
  bottom: auto;
  left: 0.5rem;
  z-index: 1;
}
.home-product-item .product-rank-count {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
  width: 1.375rem;
  height: 1.375rem;
  line-height: normal;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e51e25;
  border-radius: 50%;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .home-product-item .product-rank-count:hover {
    color: #e51e25;
    border-color: #e51e25;
  }
}
.home-product-item .product-rank-count.is-active {
  color: #fff;
  background-color: #e51e25;
  border-color: #e51e25;
}
.window-frame,
.window-frame body {
  width: 100%;
  min-width: auto;
}
.vits-credit-contract {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  padding: 2rem 3rem;
}
.vits-credit-contract p {
  margin: 0 0 0.5rem;
}
.vits-credit-contract p:last-child {
  margin-bottom: 0;
}
.contract-articles {
  margin-bottom: 1.5rem;
}
.contract-article {
  margin-bottom: 1.5rem;
}
.contract-article:last-child {
  margin-bottom: 0;
}
.contract-article-head {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin: 0 0 0.5rem;
  font-weight: 600;
}
.contract-article-body {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  padding-left: 0;
  margin: 0;
}
.contract-article-body p {
  margin-bottom: 0.5rem;
  word-break: keep-all;
}
.contract-article-body .contract-date-row {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.125rem;
}
.contract-article-body .contract-date-row .signed-date {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.contract-input {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  display: inline-block;
  min-width: 3.125rem;
  padding: 0.25rem 0.5rem;
  background-color: #fff;
  border: 1px solid #bebebe;
  border-radius: 4px;
}
.contract-input.contract-input-year,
.contract-input.contract-input-month,
.contract-input.contract-input-day {
  width: 3.125rem;
  text-align: center;
}
.contract-input.contract-input-full {
  width: 100%;
  min-width: 0;
}
.contract-box {
  margin-bottom: 1.25rem;
  border: 1px solid #bebebe;
  border-radius: 8px;
}
.contract-box:last-child {
  margin-bottom: 0;
}
.contract-box-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  padding: 1rem 2rem;
  border-bottom: 1px solid #f0f0f0;
}
.contract-box-desc {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  display: block;
  padding: 0.25rem 0;
}
.contract-box .contract-info-cols,
.contract-box .contract-info-list {
  display: grid;
  padding: 1.25rem 2rem;
}
.contract-box .contract-info-cols {
  grid-template-columns: 1fr 1fr;
  gap: 1rem 2.5rem;
}
.contract-box .contract-info-list {
  gap: 0.5rem;
}
.contract-box .contract-info-col {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
}
.contract-box .contract-info-row-full {
  grid-column: 1/-1;
}
.contract-box .contract-info-row {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  gap: 0.25rem 0;
  align-items: start;
}
.contract-box .contract-info-row dt {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.contract-box .contract-info-row dd {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-height: 2.5rem;
}
.contract-box .contract-info-row dd .contract-input {
  width: 100%;
  min-height: 2rem;
}
.contract-box .contract-info-value {
  margin-right: 0.5rem;
}
.contract-box .contract-sign-area {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  position: relative;
  display: inline-block;
  min-width: 2.875rem;
  min-height: 1.5rem;
  padding: 0.125rem 0;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
}
.contract-box .contract-sign-area .contract-sign-img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 2.0625rem;
  transform: translate(-50%, -50%);
}
.contract-box .contract-info-row-full:has(.contract-sign-area) dd {
  width: calc(50% - 1.25rem);
}
.vits-credit-consent {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  padding: 2rem 3rem;
}
.vits-credit-consent .contract-box {
  margin-bottom: 1.25rem;
}
.vits-credit-consent .contract-box:last-of-type {
  margin-bottom: 1.5rem;
}
.vits-credit-consent .contract-article-body p {
  position: relative;
  padding-left: 0.5rem;
}
.vits-credit-consent .contract-article-body p::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.125rem;
  height: 0.125rem;
  color: #767676;
  content: '·';
}
.vits-credit-consent .contract-date-row {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  gap: 0.5rem;
  margin: 0 auto;
}
.vits-credit-consent .contract-date-row .signed-date {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.consent-intro {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  margin: 0 0 1.25rem;
}
.consent-required {
  margin-bottom: 1.5rem;
}
.consent-required .general-table-wrap {
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.consent-required-question {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  margin: 0 0 0.75rem;
}
.consent-required-badge {
  font-weight: 600;
}
.contract-main-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  padding-bottom: 2.5rem;
  text-align: center;
}
.contract-signature-submit {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  margin-top: 2.75rem;
}
.contract-signature-submit [class^='vits-btn-']:first-child {
  min-width: 9.375rem;
}
.contract-signature-submit [class^='vits-btn-']:last-child {
  flex: 1;
}
.vits-guide-popup img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vits-guide-popup .vits-alerts-anatomy {
  margin-bottom: 2rem;
}
.bill-approval-number {
  display: flex;
  flex-flow: center nowrap;
  align-items: stretch;
  justify-content: flex-end;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
  padding: 0.25rem;
  text-align: right;
}
.bill-approval-number .number-value {
  display: inline-block;
  min-width: 12.5rem;
  padding-left: 0.25rem;
  text-align: left;
}
.bill-invoice {
  width: 100%;
  margin: 0 auto;
}
.bill-invoice-inner {
  background: #fff;
  border: 1px solid #e51e25;
}
.bill-invoice-table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.bill-invoice-table th,
.bill-invoice-table td {
  padding: 0.25rem;
  vertical-align: middle;
  border: 1px solid #e51e25;
}
.bill-invoice-header {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.bill-invoice-header td {
  padding: 0.5625rem 1.5625rem;
  vertical-align: middle;
  border: 1px solid #e51e25;
}
.bill-invoice-header td.bill-header-title {
  border-right: none;
}
.bill-invoice-header td.bill-header-title .bill-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
  display: block;
  text-align: center;
}
.bill-invoice-header td.bill-header-meta {
  padding-left: 0;
  border-left: none;
}
.bill-invoice-header td .bill-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.bill-invoice-header td .bill-row .bill-label {
  width: 3.5625rem;
  margin-right: 1.25rem;
  text-align: right;
}
.bill-invoice-header td .bill-row .bill-value {
  flex: 1;
  font-weight: 400;
  color: #1b1b1b;
}
.bill-invoice-header .bill-header-wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-around;
}
.bill-invoice-header .bill-header-wrap .bill-badge {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
  flex: 1;
  gap: 0.25rem;
}
.bill-invoice-header .bill-header-wrap .bill-info {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
  flex: 1;
  gap: 0.25rem;
}
.bill-invoice-header-col-title {
  width: 20.1875rem;
}
.bill-invoice-header-col-meta {
  width: auto;
}
.bill-invoice-parties {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.bill-invoice-parties tr:first-child .bill-party-label:first-child {
  border-left-width: 1px;
}
.bill-invoice-parties td {
  vertical-align: middle;
  border: 1px solid #e51e25;
}
.bill-invoice-parties .bill-party-col {
  width: 1.625rem;
}
.bill-invoice-parties .bill-label-col {
  width: 3.75rem;
}
.bill-invoice-parties .bill-value-col {
  width: auto;
}
.bill-invoice-parties .bill-party-label {
  font-size: 0.875rem;
  text-align: center;
  letter-spacing: 0.125rem;
  border-left-width: 0.125rem;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.bill-invoice-parties .bill-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
  padding: 0.25rem;
}
.bill-invoice-parties .bill-value {
  padding: 0.25rem;
  text-align: left;
  word-break: break-all;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.bill-invoice-summary {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.bill-invoice-summary td {
  padding: 0.25rem;
  vertical-align: middle;
  border: 1px solid #e51e25;
}
.bill-invoice-summary .bill-summary-col-date {
  width: 7.5rem;
}
.bill-invoice-summary .bill-summary-col-amount {
  width: auto;
}
.bill-invoice-summary .bill-summary-label {
  text-align: center;
  background: #fafafa;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.bill-invoice-summary .bill-summary-value {
  text-align: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.bill-invoice-summary .bill-summary-value.bill-num {
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.bill-invoice-summary .bill-summary-text {
  text-align: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.bill-invoice-items {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.bill-invoice-items th,
.bill-invoice-items td {
  padding: 0.25rem;
  vertical-align: middle;
  border: 1px solid #e51e25;
}
.bill-invoice-items th {
  font-weight: 600;
  text-align: center;
  background: #fafafa;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.bill-invoice-items td {
  height: 1.5rem;
}
.bill-invoice-items .bill-item-col-m {
  width: 1.5rem;
}
.bill-invoice-items .bill-item-col-name {
  width: auto;
}
.bill-invoice-items .bill-item-col-s {
  width: 3.75rem;
}
.bill-invoice-items .bill-item-col-num {
  width: 6.25rem;
}
.bill-invoice-items .bill-invoice-cell-l {
  text-align: left;
}
.bill-invoice-items .bill-invoice-cell-c {
  text-align: center;
}
.bill-invoice-items .bill-invoice-cell-r {
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.bill-invoice-footer {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.bill-invoice-footer td {
  padding: 0.25rem;
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid #e51e25;
}
.bill-invoice-footer .bill-footer-col {
  width: auto;
}
.bill-invoice-footer .bill-footer-label {
  text-align: center;
  background: #fafafa;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.bill-invoice-footer .bill-footer-value {
  height: 2.625rem;
  font-variant-numeric: tabular-nums;
  text-align: right;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.bill-invoice-footer .bill-footer-claim {
  height: 2.625rem;
  text-align: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.estimate-inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.5rem;
}
.estimate-head .estimate-title {
  margin: 0 0 1.5rem;
  text-align: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.estimate-head .estimate-info-line {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  padding: 0.75rem 1rem;
  background: #fafafa;
  border-radius: 12px;
}
.estimate-head .estimate-info-line > span::before {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  content: '| ';
}
.estimate .estimate-info-table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
.estimate .estimate-info-table td {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  padding: 0.25rem 0.375rem;
  vertical-align: middle;
  border: 1px solid #dadada;
}
.estimate .estimate-info-table .estimate-label {
  width: 4.0625rem;
  background: #f0f0f0;
}
.estimate-parties {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
  gap: 0.75rem;
}
.estimate-parties .estimate-party {
  flex: 1;
  max-width: 50%;
}
.estimate-parties .estimate-party-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  padding: 0 0 0.75rem;
  margin-bottom: 0;
  text-align: left;
}
.estimate-parties .estimate-party-table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.estimate-parties .estimate-party-table td {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  padding: 0.25rem 0.375rem;
  vertical-align: middle;
  border: 1px solid #dadada;
}
.estimate-parties .estimate-party-table .estimate-label {
  width: 4.0625rem;
  background: #f0f0f0;
}
.estimate-items {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.estimate-items td {
  height: 2.625rem;
  padding: 0.25rem;
  vertical-align: middle;
  border: 1px solid #dadada;
}
.estimate-items th {
  padding: 0.25rem;
  text-align: center;
  vertical-align: middle;
  background: #f0f0f0;
  border: 1px solid #dadada;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.estimate-items .estimate-item-col-no,
.estimate-items .estimate-item-col-narrow {
  width: 2.5rem;
}
.estimate-items .estimate-item-col-name {
  width: 10.125rem;
}
.estimate-items .estimate-item-col-num,
.estimate-items .estimate-item-col-tax {
  width: auto;
}
.estimate-items .estimate-cell-l {
  text-align: left;
}
.estimate-items .estimate-cell-c {
  text-align: center;
  background: #f0f0f0;
}
.estimate-items .estimate-cell-r {
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.estimate-items .estimate-font-w600 {
  font-weight: 600;
}
.estimate-items .estimate-cell-spec {
  text-align: left;
  word-break: break-word;
  white-space: normal;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.estimate-items .estimate-cell-spec span {
  display: block;
}
.estimate-items .estimate-cell-spec span.estimate-code,
.estimate-items .estimate-cell-spec span.estimate-spec {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.estimate-items .estimate-cell-spec span.estimate-name {
  padding: 0.125rem 0;
}
.estimate-items .estimate-items-total td {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.estimate-print-footer {
  display: none;
}
.vits-scope.print {
  min-width: auto;
}
.vits-print-frame {
  width: 100%;
  height: 100vh;
  padding: 3.25rem 1.5rem 2rem;
}
.vits-print-frame-inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: space-between;
  height: 100%;
}
.vits-print-frame-watermark {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-end;
  padding: 1.25rem 0;
}
.vits-print-frame-watermark img {
  height: 1.5rem;
}
.vits-print-frame .vits-docs-body {
  padding: 0;
  border: none;
}
.vits-print-frame .vits-docs-header,
.vits-print-frame .vits-docs-notice {
  display: none;
}
@media print {
  .vits-print-frame .vits-docs-body {
    padding: 0;
    border: none;
  }
  .vits-print-frame .vits-docs-header,
  .vits-print-frame .vits-docs-notice {
    display: none;
  }
  .vits-print-frame .vits-print-frame-watermark {
    position: fixed;
    right: 24px;
    bottom: 32px;
    left: 24px;
    padding: 20px 0 0;
  }
  .vits-print-frame .estimate-print-footer {
    display: table-footer-group;
  }
  .vits-print-frame .estimate-print-footer td {
    height: 84px;
    padding: 0;
    border: none;
  }
}
.vits-system-issue {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  min-height: 50rem;
  background-color: #fff;
  border-radius: 12px;
}
.vits-system-issue .vits-empty-state-desc {
  text-align: center;
  white-space: pre-line;
}
.vits-system-issue .vits-system-issue-desc {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 1.25rem 3.75rem;
  margin-top: 1.5rem;
  background-color: #edf1fd;
  border-radius: 8px;
}
.vits-system-issue .vits-system-issue-desc .title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-system-issue .vits-system-issue-desc .date {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.ic {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: currentcolor;
}
.ic-calendar {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-calendar.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-calendar.svg) no-repeat center/contain;
}
.ic-print {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-print.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-print.svg) no-repeat center/contain;
}
.ic-filter {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-filter.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-filter.svg) no-repeat center/contain;
}
.ic-list {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-list.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-list.svg) no-repeat center/contain;
}
.ic-circles-four {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-circles-four.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-circles-four.svg) no-repeat center/contain;
}
.ic-arrow-right {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-right.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-right.svg) no-repeat center/contain;
}
.ic-arrow-left {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-left.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-left.svg) no-repeat center/contain;
}
.ic-arrow-up {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-up.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-up.svg) no-repeat center/contain;
}
.ic-arrow-down {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-down.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-down.svg) no-repeat center/contain;
}
.ic-lightning {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-lightning.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-lightning.svg) no-repeat center/contain;
}
.ic-kakao {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-kakao.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-kakao.svg) no-repeat center/contain;
}
.ic-electric-bulb {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-electric-bulb.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-electric-bulb.svg) no-repeat center/contain;
}
.ic-compare {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-compare.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-compare.svg) no-repeat center/contain;
}
.ic-document-paper {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-document-paper.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-document-paper.svg) no-repeat center/contain;
}
.ic-document-question {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-document-question.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-document-question.svg) no-repeat center/contain;
}
.ic-textbox {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-textbox.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-textbox.svg) no-repeat center/contain;
}
.ic-magnifying-glass {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-magnifying-glass.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-magnifying-glass.svg) no-repeat center/contain;
}
.ic-heart {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-heart.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-heart.svg) no-repeat center/contain;
}
.ic-menu {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-menu.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-menu.svg) no-repeat center/contain;
}
.ic-check {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-check.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-check.svg) no-repeat center/contain;
}
.ic-x {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-x.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-x.svg) no-repeat center/contain;
}
.ic-minus {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-minus.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-minus.svg) no-repeat center/contain;
}
.ic-plus {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-plus.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-plus.svg) no-repeat center/contain;
}
.ic-label {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-label.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-label.svg) no-repeat center/contain;
}
.ic-tag {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tag.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tag.svg) no-repeat center/contain;
}
.ic-user {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-user.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-user.svg) no-repeat center/contain;
}
.ic-bag-check {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-bag-check.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-bag-check.svg) no-repeat center/contain;
}
.ic-compare-on {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-compare-on.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-compare-on.svg) no-repeat center/contain;
}
.ic-bag-on {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-bag-on.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-bag-on.svg) no-repeat center/contain;
}
.ic-bag {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-bag.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-bag.svg) no-repeat center/contain;
}
.ic-speed-truck {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-speed-truck.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-speed-truck.svg) no-repeat center/contain;
}
.ic-coupon-fill {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-coupon-fill.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-coupon-fill.svg) no-repeat center/contain;
}
.ic-line-download {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-line-download.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-line-download.svg) no-repeat center/contain;
}
.ic-lock-close {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-lock-close.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-lock-close.svg) no-repeat center/contain;
}
.ic-download-2 {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-download-2.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-download-2.svg) no-repeat center/contain;
}
.ic-filter-2 {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-filter-2.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-filter-2.svg) no-repeat center/contain;
}
.ic-info {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-info.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-info.svg) no-repeat center/contain;
}
.ic-copy {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-copy.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-copy.svg) no-repeat center/contain;
}
.ic-line-graph {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-line-graph.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-line-graph.svg) no-repeat center/contain;
}
.ic-book {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-book.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-book.svg) no-repeat center/contain;
}
.ic-box {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-box.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-box.svg) no-repeat center/contain;
}
.ic-upload {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-upload.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-upload.svg) no-repeat center/contain;
}
.ic-freight {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-freight.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-freight.svg) no-repeat center/contain;
}
.ic-arrow-down-fill {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-down-fill.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-down-fill.svg) no-repeat center/contain;
}
.ic-ellipsis {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-ellipsis.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-ellipsis.svg) no-repeat center/contain;
}
.ic-partnership {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-partnership.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-partnership.svg) no-repeat center/contain;
}
.ic-tip-info {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tip-info.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tip-info.svg) no-repeat center/contain;
}
.ic-equals {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-equals.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-equals.svg) no-repeat center/contain;
}
.ic-textbox2 {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-textbox2.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-textbox2.svg) no-repeat center/contain;
}
.ic-heart-fill {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-heart-fill.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-heart-fill.svg) no-repeat center/contain;
}
.ic-gift {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-gift.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-gift.svg) no-repeat center/contain;
}
.ic-home {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-home.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-home.svg) no-repeat center/contain;
}
.ic-megaphone {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-megaphone.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-megaphone.svg) no-repeat center/contain;
}
.ic-pencil {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-pencil.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-pencil.svg) no-repeat center/contain;
}
.ic-pin {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-pin.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-pin.svg) no-repeat center/contain;
}
.ic-waste-basket {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-waste-basket.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-waste-basket.svg) no-repeat center/contain;
}
.ic-arrow-finally {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-finally.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-finally.svg) no-repeat center/contain;
}
.ic-arrow-first {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-first.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-first.svg) no-repeat center/contain;
}
.ic-triple-arrow {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-triple-arrow.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-triple-arrow.svg) no-repeat center/contain;
}
.ic-money-bag {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-money-bag.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-money-bag.svg) no-repeat center/contain;
}
.ic-no-cart {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-no-cart.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-no-cart.svg) no-repeat center/contain;
}
.ic-order {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-order.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-order.svg) no-repeat center/contain;
}
.ic-card {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-card.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-card.svg) no-repeat center/contain;
}
.ic-bank {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-bank.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-bank.svg) no-repeat center/contain;
}
.ic-bell {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-bell.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-bell.svg) no-repeat center/contain;
}
.ic-update {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-update.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-update.svg) no-repeat center/contain;
}
.bg-star-base {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/bg-star-base.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/bg-star-base.svg) no-repeat center/contain;
}
.ic-star {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-star.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-star.svg) no-repeat center/contain;
}
.ic-home2 {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-home2.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-home2.svg) no-repeat center/contain;
}
.ic-eye-show {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-eye-show.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-eye-show.svg) no-repeat center/contain;
}
.ic-eye-hide {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-eye-hide.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-eye-hide.svg) no-repeat center/contain;
}
.ic-truck {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-truck.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-truck.svg) no-repeat center/contain;
}
.ic-notice {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-notice.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-notice.svg) no-repeat center/contain;
}
.ic-play {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-play.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-play.svg) no-repeat center/contain;
}
.ic-pause {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-pause.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-pause.svg) no-repeat center/contain;
}
.ic-celebrate {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-celebrate.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-celebrate.svg) no-repeat center/contain;
}
.ic-undo {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-undo.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-undo.svg) no-repeat center/contain;
}
.ic-ellipsis2 {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-ellipsis2.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-ellipsis2.svg) no-repeat center/contain;
}
.ic-tab-category {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-category.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-category.svg) no-repeat center/contain;
}
.ic-tab-category-bold {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-category-bold.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-category-bold.svg) no-repeat center/contain;
}
.ic-tab-home {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-home.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-home.svg) no-repeat center/contain;
}
.ic-tab-home-bold {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-home-bold.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-home-bold.svg) no-repeat center/contain;
}
.ic-tab-recently {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-recently.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-recently.svg) no-repeat center/contain;
}
.ic-tab-recently-bold {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-recently-bold.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-recently-bold.svg) no-repeat center/contain;
}
.ic-tab-mypage {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-mypage.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-mypage.svg) no-repeat center/contain;
}
.ic-tab-mypage-bold {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-mypage-bold.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-mypage-bold.svg) no-repeat center/contain;
}
.ic-tab-search {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-search.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-search.svg) no-repeat center/contain;
}
.ic-tab-search-bold {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-search-bold.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tab-search-bold.svg) no-repeat center/contain;
}
.ic-mic {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-mic.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-mic.svg) no-repeat center/contain;
}
.ic-truck-fill {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-truck-fill.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-truck-fill.svg) no-repeat center/contain;
}
.ic-arrow-up-right {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-up-right.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-up-right.svg) no-repeat center/contain;
}
.ic-cart {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-cart.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-cart.svg) no-repeat center/contain;
}
.ic-setting {
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-setting.svg) no-repeat center/contain;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-setting.svg) no-repeat center/contain;
}
body {
  min-width: 0;
}
.vits-guide-wrapper {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
  padding: 2rem;
}
.vits-guide-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-guide-subtitle {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-guide-subtitle ~ .vits-guide-subtitle {
  border-top: 4px dashed #5c5c5c;
  padding-top: 1.875rem;
  margin-top: 1.875rem;
}
.vits-guide-list {
  display: grid;
}
.vits-guide-list > li {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #bebebe;
  gap: 0.5rem;
  width: 100%;
  padding: 0.75rem 0.5rem;
  text-align: center;
}
.vits-guide-list:not(.full) {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 0;
}
.vits-guide-list.full {
  grid-template-columns: 1fr;
}
.vits-guide-list.full > li:last-of-type {
  border-bottom: 0;
}
.vits-guide-list.flex-start > li {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}
.vits-guide-list.chip-button-list > li {
  overflow: hidden;
}
.vits-guide-item {
  width: 2.5rem;
  height: 2.5rem;
  min-height: 2.25rem;
}
.vits-guide-item .ic {
  width: 100%;
  height: 100%;
}
.vits-guide-icon {
  width: 2.5rem;
  height: 2.5rem;
}
.vits-guide-icon .ic {
  width: 100%;
  height: 100%;
}
.vits-guide-name {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-guide-code {
  padding: 0.75rem 1rem;
  background: #f0f0f0;
}
.vits-guide-code code,
.vits-guide-code pre {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  font-family: monospace;
}
.vits-guide-code code b,
.vits-guide-code pre b {
  font-weight: 500;
  color: #e51e25;
}