body.vits-scope {
  min-width: 1024px;
}
body.vits-scope img {
  max-width: 100%;
}
.vits-header,
.vits-footer {
  flex: 0 0 auto;
}
.vits-main {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  min-height: 0;
}
.vits-wrap {
  height: 100%;
  min-height: 0;
}
.vits-grid-main {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  padding-bottom: 3.125rem;
}
.vits-grid-main-content {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}
.vits-grid-side {
  min-height: 0;
}
.vits-inner {
  width: 100%;
  max-width: 80rem;
  margin-right: auto;
  margin-left: auto;
}
.vits-inner.inner-column {
  flex-direction: column;
}
@media screen and (max-width: 1279px) {
  .vits-inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.vits-grid-area {
  display: flex;
}
.vits-grid,
.vits-grid > .vits-inner {
  display: flex;
  height: 100%;
  min-height: 0;
  -webkit-overflow-scrolling: touch;
}
.vits-wrapper {
  display: flex;
  flex-direction: column;
  padding-bottom: env(safe-area-inset-bottom);
  min-height: 100vh;
  min-height: 100dvh;
}
@supports not (height: 100dvh) {
  .vits-wrapper {
    min-height: calc(var(--vh, 1vh) * 100);
  }
}
.vits-wrapper:has(.vits-grid > .vits-inner.inner-column > .vits-grid-area) .vits-wrap,
.vits-wrapper:has(.vits-grid > .vits-inner.inner-column > .vits-grid-area) .vits-grid,
.vits-wrapper:has(.vits-grid > .vits-inner.inner-column > .vits-grid-area) .vits-grid > .vits-inner,
.vits-wrapper:has(.vits-inner.inner-column) .vits-wrap,
.vits-wrapper:has(.vits-inner.inner-column) .vits-grid,
.vits-wrapper:has(.vits-inner.inner-column) .vits-grid > .vits-inner {
  height: auto;
}
.vits-wrapper:has(.vits-grid > .vits-inner.inner-column > .vits-grid-area) .vits-main,
.vits-wrapper:has(.vits-grid > .vits-inner.inner-column > .vits-grid-area) .vits-wrap,
.vits-wrapper:has(.vits-grid > .vits-inner.inner-column > .vits-grid-area) .vits-grid,
.vits-wrapper:has(.vits-grid > .vits-inner.inner-column > .vits-grid-area) .vits-inner.inner-column,
.vits-wrapper:has(.vits-inner.inner-column) .vits-main,
.vits-wrapper:has(.vits-inner.inner-column) .vits-wrap,
.vits-wrapper:has(.vits-inner.inner-column) .vits-grid,
.vits-wrapper:has(.vits-inner.inner-column) .vits-inner.inner-column {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}
.vits-wrapper:has(.vits-grid > .vits-inner.inner-column > .vits-grid-area) .vits-grid-area,
.vits-wrapper:has(.vits-inner.inner-column) .vits-grid-area {
  flex: 1 1 auto;
  min-height: 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;
}
: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-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;
}
.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-header {
  border-bottom: 1px solid #dadada;
  position: relative;
  z-index: 2;
  background: #fff;
}
.vits-header-topbar {
  position: relative;
  z-index: 1;
  background: #fff;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #dadada;
  height: 2.875rem;
}
.vits-header-topbar .vits-inner {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.vits-header-topbar .header-topbar-right {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-header-topbar .header-topbar-right > li:not(:only-of-type, :last-of-type) {
  padding-right: 0.75rem;
}
.vits-header-topbar .header-topbar-right > li + li {
  position: relative;
  padding-left: 0.75rem;
}
.vits-header-topbar .header-topbar-right > li + li::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.0625rem;
  height: 0.5rem;
  content: '';
  background-color: #dadada;
  transform: translateY(-50%);
}
.vits-header-topbar .header-topbar-right .vits-text-link {
  color: #9a9a9a;
}
.vits-header-topbar .header-topbar-right-spacer a + a {
  margin-left: 1.5rem;
}
.vits-header-main {
  position: relative;
  z-index: 2;
  background: #fff;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  height: 5.25rem;
}
.vits-header-main .vits-inner {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media screen and (width >= 1280px) and (width <= 1320px) {
  .vits-header-main .vits-inner {
    padding-right: 1.5rem;
  }
}
.vits-header-main .header-rank-bar {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  height: 1.125rem;
}
.vits-header-main .header-rank-link {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  margin-right: auto;
}
.vits-header-main .header-rank-track {
  display: block;
  transition: transform 0.6s ease;
  transform: translateY(0);
  will-change: transform;
}
.vits-header-main .header-rank-view {
  display: block;
  width: 100%;
  height: 1.5rem;
  overflow: hidden;
}
.vits-header-main .header-rank-view.is-rolling .header-rank-track {
  transform: translateY(-1.5rem);
}
.vits-header-main .header-rank-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
}
.vits-header-main .header-rank-num {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
  flex-shrink: 0;
}
.vits-header-main .header-rank-word {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  min-width: 0;
}
.vits-header-main .header-rank-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: 1rem;
  height: 1rem;
  box-sizing: content-box;
  flex-shrink: 0;
  padding: 0.25rem;
  margin: -0.25rem;
  color: #444;
  transition: transform 0.4s;
}
.vits-header-main .header-rank-btn:disabled {
  cursor: not-allowed;
}
.vits-header-main .header-rank-btn .ic {
  width: 100%;
  height: 100%;
}
.vits-header-main .header-rank-list {
  list-style: none;
}
.vits-header-main .header-rank-item-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
  height: 2.125rem;
  padding: 0.5rem 0.25rem;
  background: #fff;
  border-radius: 8px;
  transition: background 0.5s;
}
.vits-header-main .header-rank-item-link [class*='header-rank-'][class*='-num'] {
  flex-shrink: 0;
  width: 1rem;
  text-align: right;
}
.vits-header-main .header-rank-item-link [class*='header-rank-'][class*='move'] {
  box-sizing: content-box;
  flex-shrink: 0;
  padding: 0 0.375rem 0 0.0625rem;
  margin-left: auto;
}
.vits-header-main .header-rank-item-link [class*='header-rank-'][class*='move'][class*='rank-move-'] {
  display: block;
  width: 0.4375rem;
  height: 0.375rem;
}
.vits-header-main .header-rank-item-link [class*='header-rank-'][class*='move'].rank-move-up {
  background: rgba(0, 0, 0, 0) url(../../../../../resources/img/mro/renewal/ic/rank-up.svg) no-repeat center/contain;
}
.vits-header-main .header-rank-item-link [class*='header-rank-'][class*='move'].rank-move-down {
  background: rgba(0, 0, 0, 0) url(../../../../../resources/img/mro/renewal/ic/rank-down.svg) no-repeat center/contain;
}
.vits-header-main .header-rank-item-link [class*='header-rank-'][class*='move'].rank-move-same {
  background: rgba(0, 0, 0, 0) url(../../../../../resources/img/mro/renewal/ic/rank-same.svg) no-repeat center/contain;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-header-main .header-rank-item-link:hover {
    background: #f1f3f6;
  }
}
.vits-header-main .header-rank-item-link:focus-visible,
.vits-header-main .header-rank-item-link:active {
  background: #f1f3f6;
}
.vits-header-main .header-rank-panel {
  position: absolute;
  top: -0.25rem;
  right: -30px;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  border: 1px solid #5c5c5c;
  z-index: 100;
  gap: 0.5rem;
  width: 17.5rem;
  padding: 1.25rem 1rem;
  clip-path: none !important;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 9px 21px 0 rgba(0, 0, 0, 0.1);
}
.vits-header-main .header-rank-panel-head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.vits-header-main .header-rank-panel-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-header-main .header-rank-panel-close {
  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;
}
.vits-header-main .header-rank-panel-close:disabled {
  cursor: not-allowed;
}
.vits-header-main .header-rank-panel-close .ic {
  width: 100%;
  height: 100%;
}
.vits-header-main .header-rank-panel:not(.is-open) {
  max-height: 0;
}
.vits-header-main .header-main-logo {
  display: block;
  width: 9rem;
}
.vits-header-main .header-main-search {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}
.vits-header-main .header-main-search-rank {
  position: relative;
  width: 8.75rem;
}
.vits-header-main .header-main-search-rank:has(.header-rank-panel.is-open) .header-rank-btn {
  transform: rotate(180deg);
}
.vits-header-main .header-main-search-form {
  position: relative;
}
.vits-header-main .header-main-util {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.5rem;
}
.vits-header-main .header-main-util .vits-btn-vertical-icon .text {
  font-size: 0.8125rem;
}
.vits-header-main .header-main-util .vits-btn-vertical-icon .badge {
  top: 0.1875rem;
  right: unset;
  left: 1.25rem;
  width: -moz-max-content;
  width: max-content;
  min-width: 0.9375rem;
  padding: 0.0625rem 0.25rem 0;
}
.vits-header-main .header-search {
  position: relative;
}
.vits-header-main .header-search-input {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  border: 2px solid #1b1b1b;
  gap: 0.5rem;
  width: 23.75rem;
  height: 2.5rem;
  padding: 0 1.0625rem 0 1.25rem;
  background: #fff;
  border-radius: 4px;
}
.vits-header-main .header-search-field {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
}
.vits-header-main .header-search-field::-webkit-search-cancel-button,
.vits-header-main .header-search-field::-webkit-search-decoration,
.vits-header-main .header-search-field::-webkit-search-results-button,
.vits-header-main .header-search-field::-webkit-search-results-decoration {
  display: none;
  -webkit-appearance: none;
  appearance: none;
}
.vits-header-main .header-search-field::-ms-clear,
.vits-header-main .header-search-field::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.vits-header-main .header-search-clear {
  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.125rem;
  height: 1.125rem;
  display: none;
  flex-shrink: 0;
  color: #fff;
  background: #797979;
  border-radius: 1.125rem;
  transition: color 0.2s;
}
.vits-header-main .header-search-clear:disabled {
  cursor: not-allowed;
}
.vits-header-main .header-search-clear .ic {
  width: 100%;
  height: 100%;
}
.vits-header-main .header-search-clear.is-visible {
  display: flex;
}
.vits-header-main .header-search-submit {
  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: #444;
}
.vits-header-main .header-search-submit:disabled {
  cursor: not-allowed;
}
.vits-header-main .header-search-submit .ic {
  width: 100%;
  height: 100%;
}
.vits-header-main .header-search-panel {
  position: absolute;
  top: 100%;
  left: 0;
  border: 1px solid #5c5c5c;
  z-index: 50;
  display: none;
  width: 28.75rem;
  padding: 2rem;
  margin-top: 0.25rem;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-header-main .header-search-panel.is-open {
  display: block;
}
.vits-header-main .search-panel-wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  height: 100%;
}
.vits-header-main .search-panel-left {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
}
.vits-header-main .search-panel-right {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  left: calc(28.75rem - 55px);
  z-index: 1;
  display: none;
  gap: 1rem;
  width: 28.5rem;
  height: 34.375rem;
  padding: 2rem;
  background: #fff;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px #5c5c5c;
}
.vits-header-main .search-panel-right.is-active {
  display: flex;
}
.vits-header-main .search-recent {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
}
.vits-header-main .search-recent-head {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
}
.vits-header-main .search-recent-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
}
.vits-header-main .search-recent-clear {
  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: 1.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-header-main .search-recent-clear:disabled {
  cursor: not-allowed;
}
.vits-header-main .search-recent-clear:hover,
.vits-header-main .search-recent-clear:focus {
  color: #1b1b1b;
  text-decoration: underline;
}
.vits-header-main .search-recent-clear.is-hidden {
  display: none;
}
.vits-header-main .search-recent-list {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-header-main .search-recent-list > li {
  flex: 0 0 auto;
  max-width: 100%;
}
.vits-header-main .search-recent-item {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  gap: 0.125rem;
  max-width: 100%;
  min-height: 2rem;
  padding: 0.25rem 0.5rem 0.25rem 0.75rem;
  background: #fff;
  border-radius: 2rem;
  box-shadow: inset 0 0 0 1px #bebebe;
}
.vits-header-main .search-recent-link {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  display: block;
  min-width: 0;
  max-height: 2.6em;
  overflow: hidden;
}
.vits-header-main .search-recent-del {
  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.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  color: #444;
}
.vits-header-main .search-recent-del:disabled {
  cursor: not-allowed;
}
.vits-header-main .search-recent-del .ic {
  width: 100%;
  height: 100%;
}
.vits-header-main .search-related {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  border-top: 1px solid #f0f0f0;
  gap: 1rem;
  padding-top: 1rem;
  margin-top: 1rem;
}
.vits-header-main .search-related-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-header-main .search-related-item {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  transition: background-color 0.2s;
}
.vits-header-main .search-related-item span em {
  font-style: normal;
  color: #4a6bc2;
}
.vits-header-main .search-related-item:not(:has(.search-related-text)) .search-related-category {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-header-main .search-related-item:not(:has(.search-related-text)) .search-related-category em {
  font-weight: 600;
}
.vits-header-main
  .search-related-item:not(:has(.search-related-text))
  .search-related-category
  .search-category:not(:only-of-type, :last-of-type)::after {
  color: #2e2e2e;
}
.vits-header-main .search-related-item:focus-visible {
  outline: 2px solid #06c;
  outline-offset: -1px;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-header-main .search-related-item:hover {
    background: #f1f3f6;
  }
}
.vits-header-main .search-related-item:focus-visible,
.vits-header-main .search-related-item:active {
  background: #f1f3f6;
}
.vits-header-main .search-related-list > li.is-active .search-related-item {
  background: #f1f3f6;
}
.vits-header-main .search-related-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-header-main .search-related-category {
  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;
  gap: 0.25rem;
}
.vits-header-main .search-related-category .search-category {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-header-main .search-related-category .search-category:not(:only-of-type, :last-of-type)::after {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  color: #bebebe;
  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-header-main .search-products-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  flex-shrink: 0;
}
.vits-header-main .search-products-panel {
  display: none;
  flex-grow: 1;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
}
.vits-header-main .search-products-panel.is-active {
  display: block;
}
.vits-header-main .search-products-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem 1rem;
}
.vits-header-main .search-product-card {
  min-width: 0;
}
.vits-header-main .search-product-card a {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-header-main .search-product-card .product-body {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-header-main .search-product-card .product-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #dadada;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 12px;
}
.vits-header-main .search-product-card .product-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vits-header-main .search-product-card .product-thumb img {
  background-color: #fff;
}
.vits-header-main .search-product-card .product-summary {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.125rem;
}
.vits-header-main .search-product-card .product-brand {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  padding-left: 0.09375rem;
}
.vits-header-main .search-product-card .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-header-main .search-product-card .product-spec {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  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;
}
.vits-header-main .search-product-card .product-extra {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
}
.vits-header-gnb {
  position: relative;
  z-index: 1;
  background: #fff;
}
.vits-header-gnb .gnb-bar {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0 2rem;
}
.vits-header-gnb .gnb-link {
  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: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  flex-shrink: 0;
  height: 3.125rem;
  padding: 0 1.5rem;
}
.vits-header-gnb .gnb-link.is-active {
  color: #e51e25;
}
.vits-header-gnb .gnb-nav {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  flex-grow: 1;
  min-width: 0;
  max-height: 3.125rem;
  overflow: hidden;
}
.vits-header-gnb .gnb-nav-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  min-width: 0;
}
.vits-header-gnb .gnb-nav-list:has(.gnb-more-box.is-active) .gnb-item-promo {
  margin-left: 2rem;
}
.vits-header-gnb .gnb-nav.is-expanded {
  max-height: calc(100vh - 8.125rem);
  overflow: hidden auto;
}
.vits-header-gnb .gnb-nav.is-expanded .gnb-link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-flex;
  max-width: 100%;
}
.vits-header-gnb .gnb-nav.is-expanded .gnb-link:has(.exhibition-item-sub) {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.vits-header-gnb .gnb-nav.is-expanded .gnb-link:has(.exhibition-item-sub) .exhibition-item-sub {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  font-style: normal;
}
.vits-header-gnb .gnb-nav.is-expanded .gnb-link:has(.exhibition-item-sub) .exhibition-item-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
}
.vits-header-gnb .gnb-item:not(.gnb-item-promo-list) {
  flex: 0 0 auto;
}
.vits-header-gnb .gnb-item.gnb-item-home,
.vits-header-gnb .gnb-item.gnb-item-deal {
  margin-right: 0.75rem;
}
.vits-header-gnb .gnb-item.gnb-item-promo {
  margin-left: 0.75rem;
}
.vits-header-gnb .gnb-item.gnb-item-promo .gnb-link {
  padding-right: 0;
}
.vits-header-gnb .gnb-item.gnb-item-promo-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  flex: 0 1 auto;
  min-width: 0;
}
.vits-header-gnb .gnb-item.gnb-item-promo-list .gnb-promo-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex: 0 1 auto;
  gap: 0.75rem;
  min-width: 0;
  max-width: 44.375rem;
  overflow: hidden;
}
.vits-header-gnb .gnb-item.gnb-item-promo-list .gnb-promo-list .gnb-link.is-hidden {
  display: none;
}
.vits-header-gnb .gnb-item.gnb-item-promo-list:has(.gnb-more-box.is-active)::after {
  position: absolute;
  top: 0.6875rem;
  right: 0;
  z-index: 1;
  width: 1px;
  height: 1.75rem;
  pointer-events: none;
  content: '';
  background: #f0f0f0;
}
.vits-header-gnb .gnb-fixed-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex-shrink: 0;
  max-width: -moz-max-content;
  max-width: max-content;
}
.vits-header-gnb .gnb-left {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  gap: 2rem;
}
.vits-header-gnb .gnb-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.25rem;
  height: 3.125rem;
}
.vits-header-gnb .gnb-btn:disabled {
  cursor: not-allowed;
}
.vits-header-gnb .gnb-btn .icon {
  width: 1.5rem;
  height: 1.5rem;
  color: #444;
  transition: transform 0.3s;
  will-change: transform;
}
.vits-header-gnb .gnb-btn .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-header-gnb .gnb-btn .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
}
.vits-header-gnb .gnb-btn.category .icon.left {
  width: 1.125rem;
  height: 1.125rem;
}
.vits-header-gnb .gnb-btn.category .icon.left .ic {
  width: 100%;
  height: 100%;
}
.vits-header-gnb .gnb-btn[aria-expanded='true'] .icon {
  color: #e51e25;
}
.vits-header-gnb .gnb-btn[aria-expanded='true'] .text {
  color: #e51e25;
}
.vits-header-gnb .gnb-btn[aria-expanded='true'] .icon.right {
  transform: rotate(180deg);
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-header-gnb .gnb-btn:hover .icon {
    color: #e51e25;
  }
  .vits-header-gnb .gnb-btn:hover .text {
    color: #e51e25;
  }
}
.vits-header-gnb .gnb-btn:focus-visible .icon,
.vits-header-gnb .gnb-btn:active .icon {
  color: #e51e25;
}
.vits-header-gnb .gnb-btn:focus-visible .text,
.vits-header-gnb .gnb-btn:active .text {
  color: #e51e25;
}
.vits-header-gnb .gnb-more {
  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: relative;
  z-index: 3;
  margin-right: 0.5625rem;
}
.vits-header-gnb .gnb-more:disabled {
  cursor: not-allowed;
}
.vits-header-gnb .gnb-more .icon {
  width: 1.75rem;
  height: 1.75rem;
  display: block;
  padding: 0.125rem;
  color: #bebebe;
  transition: transform 0.3s;
  will-change: transform;
}
.vits-header-gnb .gnb-more .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-header-gnb .gnb-more[aria-expanded='true'] .icon {
  color: #e51e25;
  transform: rotate(135deg);
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-header-gnb .gnb-more:hover .icon {
    color: #e51e25;
    transform: rotate(135deg);
  }
}
.vits-header-gnb .gnb-more:focus-visible .icon,
.vits-header-gnb .gnb-more:active .icon {
  color: #e51e25;
  transform: rotate(135deg);
}
.vits-header-gnb .gnb-more-box {
  position: absolute;
  top: 0.6875rem;
  right: 0;
  z-index: 1;
  display: none;
  background: #fff;
}
.vits-header-gnb .gnb-more-box::before {
  position: absolute;
  top: 0;
  right: 2.3125rem;
  z-index: 1;
  width: 7.25rem;
  height: 100%;
  pointer-events: none;
  content: '';
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
.vits-header-gnb .gnb-more-box::after {
  position: absolute;
  top: 0;
  right: 9px;
  width: 1.75rem;
  height: 1.75rem;
  content: '';
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #dadada;
  transition: box-shadow 0.2s;
}
.vits-header-gnb .gnb-more-box:has(.gnb-more:hover)::after,
.vits-header-gnb .gnb-more-box:has(.gnb-more[aria-expanded='true'])::after {
  box-shadow: inset 0 0 0 1px #e51e25;
}
.vits-header-gnb .gnb-more-box.is-active {
  display: flex;
}
.vits-header-gnb .gnb-panel {
  position: absolute;
  top: 100%;
  left: 0;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #bebebe;
  z-index: 10;
  width: 100%;
  background: #fff;
}
.vits-header-gnb .gnb-panel.is-open {
  max-height: 50vh;
}
.vits-header-gnb .gnb-panel.gnb-panel-more {
  position: static;
  border-bottom: 0;
}
.vits-header-gnb .gnb-panel.gnb-panel-more .gnb-panel-inner {
  background: #fafafa;
}
.vits-header-gnb .gnb-panel.gnb-panel-more .gnb-panel-body {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  max-height: 50vh;
  padding: 0 0 2.25rem;
  overflow-y: auto;
}
.vits-header-gnb .gnb-panel.gnb-panel-more .gnb-panel-body-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  position: sticky;
  top: 0;
  z-index: 1;
  width: 100%;
  padding: 1.5rem 0;
  background: linear-gradient(180deg, rgb(250, 250, 250) 0%, rgb(250, 250, 250) 70%, rgba(250, 250, 250, 0) 100%);
}
.vits-header-gnb .gnb-panel.gnb-panel-more .gnb-panel-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr));
  gap: 1rem;
}
.vits-header-gnb .gnb-panel.gnb-panel-more .gnb-panel-list:not(:has(> li:nth-child(6))) {
  grid-template-columns: repeat(auto-fill, 12.5rem);
}
.vits-header-gnb .gnb-panel.gnb-panel-more[data-toggle-box].is-open {
  overflow: hidden;
}
.vits-header-gnb .gnb-panel-category.is-open {
  max-height: 100vh;
  overflow: hidden;
}
.vits-header-gnb .gnb-panel-category .gnb-category {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  height: 43.125rem;
}
.vits-header-gnb .gnb-panel-category .gnb-category-col {
  --vits-scrollbar-size: 14px;
  --vits-scrollbar-gap: 3px;
  overflow: hidden auto;
}
.vits-header-gnb .gnb-panel-category .gnb-category-col:not(:last-of-type) {
  border-right: 1px solid #dadada;
}
.vits-header-gnb .gnb-panel-category .gnb-category-col.is-scrollable .gnb-category-link {
  margin-right: 1px;
}
.vits-header-gnb .gnb-panel-category .gnb-category-col:not(.gnb-category-col-4) {
  flex: 0 0 13.75rem;
}
.vits-header-gnb .gnb-panel-category .gnb-category-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  display: block;
  min-height: 2.5rem;
  padding: 0.625rem 0.5rem 0.625rem 1rem;
  overflow: hidden;
}
.vits-header-gnb .gnb-panel-category .gnb-category-link .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-header-gnb .gnb-panel-category .gnb-category-link .icon {
  position: absolute;
  top: 50%;
  right: 0.375rem;
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
  color: #2f4f9e;
  opacity: 0;
  transition:
    transform 0.35s ease,
    opacity 0.25s ease;
  transform: translate(100%, -50%);
}
.vits-header-gnb .gnb-panel-category .gnb-category-link .icon .ic {
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-header-gnb .gnb-panel-category .gnb-category-link:hover {
    background: #edf1fd;
  }
  .vits-header-gnb .gnb-panel-category .gnb-category-link:hover .text {
    font-weight: 700;
    color: #4a6bc2;
  }
  .vits-header-gnb .gnb-panel-category .gnb-category-link:hover:has(> .icon) {
    padding-right: 1.5rem;
  }
}
.vits-header-gnb .gnb-panel-category .gnb-category-link:focus-visible,
.vits-header-gnb .gnb-panel-category .gnb-category-link:active {
  background: #edf1fd;
}
.vits-header-gnb .gnb-panel-category .gnb-category-link:focus-visible .text,
.vits-header-gnb .gnb-panel-category .gnb-category-link:active .text {
  font-weight: 700;
  color: #4a6bc2;
}
.vits-header-gnb .gnb-panel-category .gnb-category-link:focus-visible:has(> .icon),
.vits-header-gnb .gnb-panel-category .gnb-category-link:active:has(> .icon) {
  padding-right: 1.5rem;
}
.vits-header-gnb .gnb-panel-category .gnb-category .gnb-category-col-4 {
  flex: 1 1 auto;
  min-width: 0;
  padding-left: 3.625rem;
}
.vits-header-gnb .gnb-panel-category .gnb-category .gnb-reco {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
  padding: 2rem 0;
}
.vits-header-gnb .gnb-panel-category .gnb-category .gnb-reco-title-point {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
}
.vits-header-gnb .gnb-panel-category .gnb-category .gnb-reco-title-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
}
.vits-header-gnb .gnb-panel-category .gnb-category .gnb-reco-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-header-gnb .gnb-panel-category .gnb-category .gnb-reco-item {
  flex-shrink: 0;
  width: 10.5rem;
}
.vits-header-gnb .gnb-panel-category .gnb-category-item.is-current > .gnb-category-link {
  background: #edf1fd;
}
.vits-header-gnb .gnb-panel-category .gnb-category-item.is-current > .gnb-category-link .text {
  font-weight: 700;
  color: #4a6bc2;
}
.vits-header-gnb .gnb-panel-category .gnb-category-item.is-current > .gnb-category-link:has(> .icon) {
  padding-right: 1.5rem;
}
.vits-header-gnb .gnb-panel-category .gnb-category .gnb-category-col-2,
.vits-header-gnb .gnb-panel-category .gnb-category .gnb-category-col-2 .gnb-category-box,
.vits-header-gnb .gnb-panel-category .gnb-category .gnb-category-col-3,
.vits-header-gnb .gnb-panel-category .gnb-category .gnb-category-col-3 .gnb-category-box,
.vits-header-gnb
  .gnb-panel-category
  .gnb-category
  .gnb-category-col-3
  .gnb-category-box:not(:has(.gnb-category-list-3 li)) {
  display: none;
}
.vits-header-gnb .gnb-panel-category .gnb-category .gnb-category-col-2 .gnb-category-box.is-active,
.vits-header-gnb .gnb-panel-category .gnb-category .gnb-category-col-3 .gnb-category-box.is-active,
.vits-header-gnb .gnb-panel-category .gnb-category.is-col2-open .gnb-category-col-2,
.vits-header-gnb .gnb-panel-category .gnb-category.is-col3-open .gnb-category-col-3 {
  display: block;
}
.vits-header-gnb
  .gnb-panel-category
  .gnb-category.is-col2-open
  .gnb-category-col-1
  .gnb-category-item.is-active
  .gnb-category-link,
.vits-header-gnb
  .gnb-panel-category
  .gnb-category.is-col3-open
  .gnb-category-col-2
  .gnb-category-item.is-active
  .gnb-category-link {
  padding-right: 1.5rem;
}
.vits-header-gnb
  .gnb-panel-category
  .gnb-category.is-col2-open
  .gnb-category-col-1
  .gnb-category-item.is-active
  .gnb-category-link
  .icon,
.vits-header-gnb
  .gnb-panel-category
  .gnb-category.is-col3-open
  .gnb-category-col-2
  .gnb-category-item.is-active
  .gnb-category-link
  .icon {
  opacity: 1;
  transform: translate(0, -50%);
}
.vits-header-gnb .gnb-panel-brand {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  height: 42.5rem;
  background: #fafafa;
  transition: none;
}
.vits-header-gnb .gnb-panel-brand.is-open {
  max-height: 42.5rem;
}
.vits-header-gnb .gnb-panel-brand .vits-inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex-grow: 1;
  max-width: 82.5rem;
  height: 100%;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  overflow: hidden;
}
.vits-header-gnb .gnb-panel-brand .gnb-panel-head {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex-shrink: 0;
  gap: 0.75rem;
  padding: 2.25rem 0;
}
.vits-header-gnb .gnb-panel-brand .gnb-panel-head .vits-chip-button-group {
  flex-wrap: wrap;
}
.vits-header-gnb .gnb-panel-brand .gnb-panel-head .vits-chip-button-group .vits-text-underline-button {
  align-self: center;
  border-bottom: 1px solid #dadada !important;
}
.vits-header-gnb .gnb-panel-brand .gnb-panel-body {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1;
  width: calc(100% + 1.5rem);
  min-height: 0;
  overflow: hidden;
}
.vits-header-gnb.is-more-visible .gnb-more-box {
  display: block;
}
.vits-header .gnb-dim {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity 0.2s 0.1s;
}
.vits-header .gnb-dim[aria-hidden='false'] {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.gnb-reco-item[data-member='true'] .product-price-alt.is-guest {
  display: none !important;
}
.gnb-reco-item[data-member='false'] .product-extra,
.gnb-reco-item[data-member='false'] .vits-price-box.is-normal,
.gnb-reco-item[data-member='false'] .product-price-alt.is-soldout,
.gnb-reco-item[data-member='false'] .product-actions {
  display: none !important;
}
.gnb-reco-item[data-stock='true'] .product-price-alt.is-soldout {
  display: none !important;
}
.gnb-reco-item[data-stock='false'] .vits-price-box.is-normal {
  display: none !important;
}
.gnb-reco-item-card {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}
.gnb-reco-item-card .product-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #dadada;
}
.gnb-reco-item-card .product-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.gnb-reco-item-card .product-thumb img {
  background-color: #fff;
}
.gnb-reco-item-card .product-body {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.5rem;
  width: 100%;
}
.gnb-reco-item-card .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 * 2);
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.gnb-reco-item-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;
}
.gnb-reco-item-card .product-price .price-sale-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
.gnb-reco-item-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;
}
.gnb-reco-item-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;
}
.gnb-reco-item-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;
}
.gnb-reco-item-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;
}
.gnb-reco-item-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;
}
.gnb-reco-item-card .product-price .product-price-alt.is-guest .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;
}
.gnb-reco-item-card .product-price .product-price-alt.is-guest .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;
}
.gnb-reco-item-card .product-price .product-price-alt.is-guest .price-guest-action {
  width: 100%;
}
.gnb-reco-item-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: 2rem;
  padding: 0 0.5rem;
  border-radius: 4px;
}
.gnb-reco-item-card .product-price .product-price-alt.is-guest .price-guest-action .price-login-button:disabled {
  cursor: not-allowed;
}
.gnb-reco-item-card .product-price .product-price-alt.is-guest .price-guest-action .price-login-button .icon {
  width: 1rem;
  height: 1rem;
  color: #444;
}
.gnb-reco-item-card .product-price .product-price-alt.is-guest .price-guest-action .price-login-button .icon .ic {
  width: 100%;
  height: 100%;
}
.gnb-reco-item-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;
}
.vits-brand-search-form {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  gap: 0.75rem;
  min-height: 3.75rem;
  padding: 0.25rem 0;
}
.vits-brand-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-brand-search-form input[type='search']::-webkit-search-decoration,
.vits-brand-search-form input[type='search']::-webkit-search-cancel-button,
.vits-brand-search-form input[type='search']::-webkit-search-results-button,
.vits-brand-search-form input[type='search']::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
}
.vits-brand-search-form .input-search,
.vits-brand-search-form .input-search[type='search'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  flex-grow: 1;
  min-width: 0;
  padding: 0 0.75rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 0 1px #bebebe;
}
.vits-brand-search-form .input-search::-moz-placeholder,
.vits-brand-search-form .input-search[type='search']::-moz-placeholder {
  color: #bebebe;
}
.vits-brand-search-form .input-search::placeholder,
.vits-brand-search-form .input-search[type='search']::placeholder {
  color: #bebebe;
}
.vits-brand-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);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex: 0 0 18.75rem;
  gap: 0.5rem;
  padding: 0.875rem 0.75rem;
  background: #e51e25;
  border-radius: 8px;
}
.vits-brand-search-form .input-search-btn:disabled {
  cursor: not-allowed;
}
.vits-brand-search-form .input-search-btn .ic {
  width: 1.5rem;
  height: 1.5rem;
  color: #fff;
}
.vits-brand-search-form .input-search-btn .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  letter-spacing: 0;
}
.vits-brand-search-form .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: 20.25rem;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.125rem;
  color: #fff;
  background: #767676;
  border-radius: 50%;
  transform: translateY(-50%);
}
.vits-brand-search-form .input-clear-btn:disabled {
  cursor: not-allowed;
}
.vits-brand-search-form .input-clear-btn .ic {
  width: 100%;
  height: 100%;
}
.vits-brand-tab {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2.25rem;
  height: 100%;
  min-height: 0;
}
.vits-brand-tab .tab-panels {
  flex: 1;
  min-height: 0;
  padding-bottom: 2.25rem;
  overflow: hidden auto;
}
.vits-brand-tab .tab-panels-inner {
  padding-right: 3rem;
  margin-right: -1.5rem;
}
.vits-brand-tab .tab-nav {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  flex-shrink: 0;
  align-items: center;
}
.vits-brand-tab .tab-nav:has([data-tab-group='alphabet'].is-open) [data-tab-group='korean']::before {
  margin: 0 0.625rem 0 1.25rem;
}
.vits-brand-tab .tab-nav:has([data-tab-group='alphabet'].is-open) [data-tab-group='korean']::after {
  margin: 0 1.25rem 0 0;
}
.vits-brand-tab .tab-nav:has(.tab-btn.is-all.is-active) [data-tab-group='korean']::before {
  margin: 0 0.625rem 0 1.25rem;
}
.vits-brand-tab .tab-nav:has(.tab-btn.is-all.is-active) [data-tab-group='korean']::after {
  margin: 0 1.25rem 0 0;
}
.vits-brand-tab .tab-nav::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 1.5rem);
  height: 1px;
  pointer-events: none;
  content: '';
  background: #bebebe;
}
.vits-brand-tab .tab-sub-nav {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  gap: 0.75rem;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
}
@media screen and (width <= 1180px) {
  .vits-brand-tab .tab-sub-nav {
    gap: 0.375rem;
  }
}
.vits-brand-tab .tab-btn,
.vits-brand-tab .tab-sub-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;
  flex-shrink: 0;
  padding: 0.75rem 0;
}
.vits-brand-tab .tab-btn:disabled,
.vits-brand-tab .tab-sub-btn:disabled {
  cursor: not-allowed;
}
.vits-brand-tab .tab-btn.is-active,
.vits-brand-tab .tab-sub-btn.is-active {
  font-weight: 700;
}
.vits-brand-tab .tab-sub-btn {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media screen and (width <= 1180px) {
  .vits-brand-tab .tab-sub-btn {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
  }
}
.vits-brand-tab .tab-sub-btn.is-active {
  color: #1b1b1b;
}
.vits-brand-tab .tab-group {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.625rem;
}
.vits-brand-tab .tab-group[data-tab-group='korean']::before,
.vits-brand-tab .tab-group[data-tab-group='korean']::after {
  width: 1px;
  height: 10px;
  content: '';
  background: #dadada;
}
.vits-brand-tab .tab-group[data-tab-group='korean'].is-open::before {
  margin: 0 0.625rem 0 1.25rem;
}
.vits-brand-tab .tab-group[data-tab-group='korean'].is-open::after {
  margin: 0 1.25rem 0 0rem;
}
.vits-brand-tab .tab-group.is-open .tab-sub-nav {
  max-width: 1100px;
  opacity: 1;
}
.vits-brand-tab .result-count {
  position: sticky;
  top: 0;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  z-index: 1;
  padding-bottom: 1rem;
  background: linear-gradient(180deg, rgb(250, 250, 250) 0%, rgb(250, 250, 250) 55%, rgba(250, 250, 250, 0) 100%);
}
.vits-brand-tab .result-count strong {
  padding-right: 0.5rem;
  font-weight: 700;
  color: #f2555a;
}
.vits-brand-tab .result-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(192px, 1fr));
  gap: 1rem;
}
.vits-brand-tab.is-search-mode .tab-nav .tab-group {
  display: none;
}
.vits-brand-tab.is-search-mode:has([data-tab-panel='empty']:not([hidden])) {
  flex-grow: 1;
  min-height: 0;
}
.vits-brand-tab.is-search-mode:has([data-tab-panel='empty']:not([hidden])) .tab-panels {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.vits-brand-tab.is-search-mode:has([data-tab-panel='empty']:not([hidden])) .tab-panels-inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  flex-grow: 1;
  min-height: 0;
}
.vits-brand-tab.is-search-mode:has([data-tab-panel='empty']:not([hidden])) .tab-panel {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  min-height: 0;
  padding-bottom: 5.625rem;
}
.vits-brand-tab.is-search-mode:has([data-tab-panel='empty']:not([hidden])) .result-empty {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-brand-tab.has-scroll .tab-panels-inner {
  padding-right: 2rem;
}
.vits-header-nodata {
  border-bottom: none;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
}
.vits-header-nodata .vits-header-main {
  height: auto;
}
.vits-header-nodata .vits-header-main .vits-inner {
  padding: 3.5rem 0;
}
.vits-header-nodata .vits-header-main .vits-inner .header-main-logo {
  width: auto;
}
.vits-header-nodata .vits-header-main .vits-inner .header-main-logo img {
  display: block;
  height: 2.08125rem;
}
.vits-header-nodata ~ .vits-main {
  background: #f1f3f6;
}
.vits-footer {
  background: #f0f0f0;
}
.vits-footer > .vits-inner {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  padding: 1.5rem 0;
}
.vits-footer-customer {
  padding: 0.75rem;
  background: #f8f8f8;
}
.vits-footer-customer .vits-inner {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-footer-customer .vits-inner .footer-customer-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-footer-customer .vits-inner .footer-customer-tel {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-footer-customer .vits-inner .footer-customer-schedule {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #767676;
  letter-spacing: 0;
}
.vits-footer-customer .vits-inner .footer-customer-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.vits-footer-customer .vits-inner .footer-customer-btn .icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #767676;
}
.vits-footer-customer .vits-inner .footer-customer-btn .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-footer-customer .vits-inner .footer-customer-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;
}
.vits-footer-customer .vits-inner .footer-customer-btn:is(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);
  background: rgba(0, 0, 0, 0);
}
.vits-footer-customer .vits-inner .footer-customer-btn:is(button):disabled {
  cursor: not-allowed;
}
.vits-footer-customer [class*='vits-footer-customer-'] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-footer-customer-info {
  gap: 0.5rem;
}
.vits-footer-customer-hours {
  gap: 0.25rem;
  margin: 0 auto 0 2.875rem;
}
.vits-footer-customer-actions {
  gap: 1.5rem;
}
.vits-footer-brand {
  width: 9rem;
  margin-right: 5rem;
}
.vits-footer-logo {
  width: 100%;
}
.vits-footer-company {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-footer-links {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 3.5rem;
}
.vits-footer-links .footer-link {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-footer-links .footer-link.link-bold {
  font-weight: 700;
}
.vits-footer-info > li:not(:has(.company-name)) {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-footer-info > li:not(:has(.company-name)) > p:not(:only-of-type, :last-of-type) {
  padding-right: 0.25rem;
}
.vits-footer-info > li:not(:has(.company-name)) > p + p {
  position: relative;
  padding-left: 0.25rem;
}
.vits-footer-info > li:not(:has(.company-name)) > p + p::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.0625rem;
  height: 0.625rem;
  content: '';
  background-color: #dadada;
  transform: translateY(-50%);
}
.vits-footer-info > li:has(.company-name) {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-footer-info > li:has(.company-name) > p:not(:only-of-type, :last-of-type) {
  padding-right: 0.75rem;
}
.vits-footer-info > li:has(.company-name) > p + p {
  position: relative;
  padding-left: 0.75rem;
}
.vits-footer-info > li:has(.company-name) > p + p::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.0625rem;
  height: 0.75rem;
  content: '';
  background-color: #dadada;
  transform: translateY(-50%);
}
.vits-footer-info > li:first-of-type {
  margin-bottom: 0.5rem;
}
.vits-footer-info > li:not(:first-of-type, :last-of-type) {
  margin-bottom: 0.125rem;
}
.vits-footer-info .company-name,
.vits-footer-info .company-email {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-footer-info .company-email {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.vits-footer-info .company-text {
  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: #9a9a9a;
  letter-spacing: 0;
  gap: 0.25rem;
}
.vits-footer-info .company-tel {
  font: inherit;
  color: currentcolor;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-footer-info .company-tel {
    cursor: text;
  }
}
.vits-footer-info .company-btn-lookup {
  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-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #9a9a9a;
  letter-spacing: 0;
  height: 1rem;
  box-shadow: inset 0 -1px 0 0 #9a9a9a;
}
.vits-footer-info .company-btn-lookup:disabled {
  cursor: not-allowed;
}
.vits-footer-copyright {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #bebebe;
  letter-spacing: 0;
}
.vits-footer-utility {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: auto;
}
.vits-footer-utility-group {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 2.5rem;
  width: 100%;
}
.vits-footer-utility-group .footer-familysite {
  width: 11.125rem;
}
.vits-footer-utility-group .footer-familysite .vits-select.type-dark .vits-select-trigger {
  background: #f0f0f0 !important;
  box-shadow: inset 0 0 0 1px #bebebe !important;
}
.vits-footer-utility-group .footer-familysite .vits-select.type-dark .vits-select-icon {
  color: #767676 !important;
}
.vits-footer-utility-group .footer-familysite .vits-select.type-dark .vits-select-value {
  color: #767676 !important;
}
.vits-footer-utility-group .footer-familysite .vits-select.type-dark .vits-select-list {
  padding: 1px;
  background: #f0f0f0;
  box-shadow: inset 0 0 0 1px #bebebe;
}
.vits-footer-utility-group .footer-familysite .vits-select.type-dark .vits-select-option {
  height: 2.25rem;
  color: #767676;
  background: rgba(0, 0, 0, 0);
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-footer-utility-group .footer-familysite .vits-select.type-dark .vits-select-option:hover {
    color: #fff;
    background: #9a9a9a;
  }
}
.vits-footer-utility-group .footer-familysite .vits-select.type-dark .vits-select-option:focus-visible,
.vits-footer-utility-group .footer-familysite .vits-select.type-dark .vits-select-option:active {
  color: #fff;
  background: #9a9a9a;
}
.vits-footer-utility-group .footer-familysite .vits-select.type-dark.vits-select-dropup .vits-select-list {
  top: unset;
  bottom: 100%;
  transform: translateY(0);
}
.vits-footer-utility-group
  .footer-familysite
  .vits-select.type-dark.vits-select-dropup.vits-select-open
  .vits-select-list {
  transform: translateY(0);
}
.vits-footer-sns {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
}
.vits-footer-sns .footer-sns {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  border: 1px solid #dadada;
  position: relative;
  width: 2.3125rem;
  height: 2.3125rem;
  border-radius: 50%;
}
.vits-footer-sns .footer-sns .icon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  color: rgba(154, 154, 154, 0.9);
  background: currentcolor;
  -webkit-mask: no-repeat center/1.5rem;
  mask: no-repeat center/1.5rem;
}
.vits-footer-sns .footer-sns.youtube .icon {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/logo/logo-youtube.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/logo/logo-youtube.svg);
}
.vits-footer-sns .footer-sns.insta .icon {
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/logo/logo-instagram.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/logo/logo-instagram.svg);
}
.vits-footer-sns .footer-sns.naver .icon {
  width: 1rem;
  height: 1rem;
  -webkit-mask-image: url(../../../../../resources/img/mro/renewal/logo/logo-naver.svg);
  mask-image: url(../../../../../resources/img/mro/renewal/logo/logo-naver.svg);
  -webkit-mask-size: 1rem;
  mask-size: 1rem;
}
.vits-footer-cert {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.625rem;
  width: 100%;
  margin-top: auto;
}
.vits-footer-cert .footer-cert-logos {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.625rem;
}
.vits-footer-cert .footer-cert-logo {
  display: block;
}
.vits-footer-cert .footer-cert-logo.cert-kftc {
  width: 3.5rem;
}
.vits-footer-cert .footer-cert-logo.cert-inipay {
  height: 2.875rem;
}
.vits-footer-cert .footer-cert-logo.cert-inipay img {
  width: auto;
  height: 100%;
}
.vits-footer-cert .footer-cert-desc .title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.3;
  color: #9a9a9a;
  letter-spacing: 0;
}
.vits-footer-cert .footer-cert-desc .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #9a9a9a;
  letter-spacing: 0;
  margin-top: 0.25rem;
}
.vits-footer-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
}
.vits-footer-modal.is-open {
  display: block;
}
.vits-footer-modal-dim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}
.vits-footer-modal-panel {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  width: calc(100% - 32px);
  max-width: 520px;
  max-height: calc(100% - 32px);
  overflow: hidden;
  background: #fff;
  border-radius: 12px;
  transform: translate(-50%, -50%);
}
.vits-footer-modal-head {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid #e6e6e6;
}
.vits-footer-modal-title {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
}
.vits-footer-modal-close {
  padding: 8px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
}
.vits-footer-modal-body {
  padding: 16px;
  overflow: auto;
}
.vits-footer-modal-status {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.4;
  color: #555;
}
.vits-footer-modal-foot {
  display: flex;
  justify-content: flex-end;
  padding: 12px 16px;
  border-top: 1px solid #e6e6e6;
}
.vits-footer-modal-btn {
  padding: 10px 14px;
  cursor: pointer;
  background: #f6f6f6;
  border: 1px solid #d0d0d0;
  border-radius: 10px;
}
.vits-footer-modal-table-inner {
  width: 100%;
  overflow: hidden;
  border-collapse: collapse;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
}
.vits-footer-modal-table-inner th,
.vits-footer-modal-table-inner td {
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.4;
  vertical-align: top;
  border-top: 1px solid #e6e6e6;
}
.vits-footer-modal-table-inner tr:first-child th,
.vits-footer-modal-table-inner tr:first-child td {
  border-top: 0;
}
.vits-footer-modal-table-inner th {
  font-weight: 600;
  color: #333;
  text-align: left;
  background: #fafafa;
}
.vits-footer-modal-table-inner td {
  color: #444;
}
.vits-footer-modal-note {
  margin: 10px 2px 0;
  font-size: 12px;
  line-height: 1.4;
  color: #777;
}
.vits-footer-nodata {
  background: #f1f3f6;
}
.vits-footer-nodata > .vits-inner {
  justify-content: center;
  padding: 1.5625rem 0 3.0625rem;
  border-top: 1px solid #dadada;
}
.vits-footer-nodata > .vits-inner .vits-footer-copyright {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  text-align: center;
}
.vits-grid-main[class*='vits-main-my-'],
.vits-grid-main[class*='vits-main-support-'],
.vits-grid-main.vits-main-cart-order {
  padding-top: 2.5rem;
  background-color: #f1f3f6;
}
.vits-grid-main[class*='vits-main-my-'] .vits-grid-area,
.vits-grid-main[class*='vits-main-support-'] .vits-grid-area,
.vits-grid-main.vits-main-cart-order .vits-grid-area {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
}
.vits-grid-main[class*='vits-main-my-'] .vits-grid-area,
.vits-grid-main[class*='vits-main-support-'] .vits-grid-area {
  align-items: stretch;
}
.vits-side-plp {
  box-sizing: content-box;
  width: 16.25rem;
  padding-right: 2rem;
  margin-right: 2rem;
}
.vits-side-plp .plp-side-category,
.vits-side-plp .plp-side-filter-item {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5rem;
  width: 100%;
}
.vits-side-plp .plp-side-category {
  padding-bottom: 2rem;
}
.vits-side-plp .plp-side-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-side-plp .plp-side-filter-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2rem;
}
.vits-side-plp .plp-side-filter-list > li {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5rem;
  width: 100%;
}
.vits-side-plp .plp-side-filter-list > li .filter-more {
  margin-top: 1.5rem;
}
.vits-side-plp .plp-side-filter-list > li .filter-more-button {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  border: 1px solid #9a9a9a;
  gap: 0.5rem;
  width: 100%;
  height: 2rem;
  padding: 0.375rem 0.75rem;
  background: #fff;
  border-radius: 4px;
}
.vits-side-plp .plp-side-filter-list > li .filter-more-button .text,
.vits-side-plp .plp-side-filter-list > li .filter-more-button .count {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-side-plp .plp-side-filter-list > li .filter-more-button .count {
  font-style: normal;
}
.vits-side-plp .plp-side-filter-list > li .filter-more-button .icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #767676;
}
.vits-side-plp .plp-side-filter-list > li .filter-more-button .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-side-plp .plp-side-filter-list > li:not(.is-hidden) ~ li:not(.is-hidden) {
  border-top: 1px solid #dadada;
  padding-top: 2rem;
}
.vits-side-plp .plp-side-filter-items {
  width: 100%;
}
.vits-side-plp .plp-side-filter-item ~ [data-search-more-toggle] {
  margin-top: 1rem;
}
.vits-side-plp:not(:has(.vits-category-tree)) .plp-side-filter-list > li:first-of-type {
  padding-top: 0;
  border-top: 0;
}
.vits-side-plp.vits-side-plp:not(:has(> div.plp-side-category)) .plp-side-filter-list > li:first-of-type {
  padding-top: 0;
  border-top: 0;
}
.vits-grid-side-left 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-grid-side-left button:disabled {
  cursor: not-allowed;
}
.vits-grid-side-left .side-left-title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: #101828;
  letter-spacing: 0;
}
.vits-grid-side-left .side-left-nav {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.04);
  padding: 2rem;
  width: 100%;
  padding: 1.25rem 0;
}
.vits-grid-side-left .side-left-dashboard {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  height: 3.25rem;
  padding: 0 2rem;
  white-space: nowrap;
}
.vits-grid-side-left .side-left-dashboard.is-active {
  font-weight: 700;
  color: #1b1b1b;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-grid-side-left .side-left-dashboard:hover {
    font-weight: 700;
    color: #1b1b1b;
    background: #fafafa;
  }
}
.vits-grid-side-left .side-left-dashboard:focus-visible,
.vits-grid-side-left .side-left-dashboard:active {
  font-weight: 700;
  color: #1b1b1b;
  background: #fafafa;
}
.vits-grid-side-left .side-left-item.has-sub {
  padding-top: 0.75rem;
  margin-top: 0.75rem;
}
.vits-grid-side-left .side-left-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 3.25rem;
  padding: 0 2rem;
}
.vits-grid-side-left .side-left-link:is(button) {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3;
  color: #bebebe;
  letter-spacing: 0;
}
.vits-grid-side-left .side-left-link:is(button) .icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  color: #bebebe;
  transition: transform 0.3s;
  will-change: transform;
}
.vits-grid-side-left .side-left-link:is(button) .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-grid-side-left .side-left-link:is(button)[aria-expanded='true'] .icon {
  transform: rotate(-180deg);
}
.vits-grid-side-left .side-left-link:is(a) {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  padding-left: 2.75rem;
  transition:
    color 0.3s,
    font-weight 0.3s,
    background 0.35s;
}
.vits-grid-side-left .side-left-link:is(a).is-active {
  font-weight: 700;
  color: #1b1b1b;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-grid-side-left .side-left-link:is(a):hover {
    font-weight: 700;
    color: #1b1b1b;
    background: #fafafa;
  }
}
.vits-grid-side-left .side-left-link:is(a):focus-visible,
.vits-grid-side-left .side-left-link:is(a):active {
  font-weight: 700;
  color: #1b1b1b;
  background: #fafafa;
}
.vits-grid-side-left .side-left-sub-list {
  scrollbar-width: none;
}
.vits-grid-side-left .side-left-sub-list::-webkit-scrollbar {
  display: none;
}
.vits-side-mypage,
.vits-side-support {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  flex-grow: 0;
  flex-shrink: 0;
  gap: 1.25rem;
}
@media screen and (min-width: 1280px) {
  .vits-side-mypage,
  .vits-side-support {
    flex-basis: 19rem;
    width: 19rem;
  }
}
@media screen and (max-width: 1279px) {
  .vits-side-mypage,
  .vits-side-support {
    flex-basis: 12.5rem;
    width: 12.5rem;
  }
}
.vits-grid-side-left.vits-side-support .side-left-item.has-sub {
  padding-top: 0;
  margin-top: 0;
}
.vits-grid-side-left.vits-side-support .side-left-link:is(a) {
  padding-left: 2rem;
}
.vits-grid-side-left.vits-side-support .side-left-sub-list .side-left-link:is(a) {
  padding-left: 2.75rem;
}
.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;
}
[data-toggle-btn] {
  cursor: pointer;
}
[data-toggle-box] {
  max-height: 0;
  overflow: hidden;
  clip-path: inset(0 0 100% 0);
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition:
    max-height 0.3s,
    clip-path 0.3s,
    opacity 0.2s,
    visibility 0s 0.3s;
}
[data-toggle-box].is-open {
  max-height: 100vh;
  overflow: auto;
  clip-path: inset(0 0 0 0);
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  transition:
    max-height 0.3s,
    clip-path 0.3s,
    opacity 0.2s,
    visibility 0s 0s;
}
[data-more-hidden='true'] {
  display: none !important;
}
[data-layer-box] {
  display: none;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition:
    transform 0.35s ease,
    opacity 0.35s ease,
    visibility 0s 0.35s;
}
[data-layer-box].is-open {
  display: block;
}
[data-layer-box].is-open.is-active {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  transition:
    transform 0.35s ease,
    opacity 0.35s ease,
    visibility 0s 0s;
}
[data-layer-box].is-open.is-closing {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition:
    transform 0.35s ease,
    opacity 0.35s ease,
    visibility 0s 0.35s;
}
@media (prefers-reduced-motion: reduce) {
  [data-layer-box] {
    transition: none;
  }
}
[data-layer-box][data-layer-type='compare'] {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition:
    transform 0.35s ease,
    opacity 0.35s ease,
    visibility 0s 0.35s;
  transform: translateY(12px) scaleY(0.92);
  transform-origin: 50% 100%;
}
[data-layer-box][data-layer-type='compare'].is-open {
  display: flex;
}
[data-layer-box][data-layer-type='compare'].is-open.is-active {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  transition:
    transform 0.35s ease,
    opacity 0.35s ease,
    visibility 0s 0s;
  transform: translateY(0) scaleY(1);
}
[data-layer-box][data-layer-type='compare'].is-open.is-closing {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition:
    transform 0.35s ease,
    opacity 0.35s ease,
    visibility 0s 0.35s;
  transform: translateY(12px) scaleY(0.92);
}
[data-layer-box][data-layer-type='slide-right'] [class$='-panel'] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  transition:
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.3s ease,
    visibility 0s 0.3s;
  transform: translateX(100%);
  transform-origin: right center;
}
[data-layer-box][data-layer-type='slide-right'].is-open.is-active [class$='-dim'] {
  transition: none;
  transform: none;
}
[data-layer-box][data-layer-type='slide-right'].is-open.is-active [class$='-panel'] {
  transition:
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.3s ease,
    visibility 0s 0s;
  transform: translateX(0);
}
[data-layer-box][data-layer-type='slide-right'].is-open.is-closing [class$='-panel'] {
  transform: translateX(100%);
}
.vits-compare {
  position: fixed;
  bottom: 10.625rem;
  left: 50%;
  border: 1px solid #1b1b1b;
  z-index: 100;
  gap: 0.625rem;
  height: 5rem;
  padding: 0 1rem;
  background: #fff;
  border-radius: 8px;
  transform: translateX(-50%);
}
.vits-compare-list,
.vits-compare-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.625rem;
}
.vits-compare-action:last-of-type {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-compare-action:last-of-type::before {
  display: block;
  width: 1px;
  height: 23px;
  margin: 0 1rem 0 0.375rem;
  content: '';
  background: #d9d9d9;
}
.vits-compare-item {
  border: 1px solid #bebebe;
  position: relative;
  flex-shrink: 0;
  background: #fff;
}
.vits-compare-item-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: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: -6px;
  right: -6px;
  color: #fff;
  pointer-events: none;
  background: #444;
  border-radius: 50%;
  opacity: 0;
  transition: 0.15s;
  transform: scale(0);
}
.vits-compare-item-delete:disabled {
  cursor: not-allowed;
}
.vits-compare-item-delete .ic {
  width: 100%;
  height: 100%;
}
.vits-compare-item.is-filled:hover .vits-compare-item-delete {
  pointer-events: all;
  opacity: 1;
  transform: scale(1);
}
.vits-compare-add {
  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;
  background: #f0f0f0;
}
.vits-compare-add:disabled {
  cursor: not-allowed;
}
.vits-compare-add .icon {
  width: 2rem;
  height: 2rem;
  color: #444;
}
.vits-compare-add .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-compare-item,
.vits-compare-add {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 4px;
}
.vits-compare-submit,
.vits-compare-close {
  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: 700;
  line-height: 1.3;
  color: #fff;
  letter-spacing: 0;
  height: 3.25rem;
  padding: 0 1.25rem;
  border-radius: 8px;
}
.vits-compare-submit:disabled,
.vits-compare-close:disabled {
  cursor: not-allowed;
}
.vits-compare-submit.is-disabled,
.vits-compare-submit:disabled,
.vits-compare-close.is-disabled,
.vits-compare-close:disabled {
  color: #bebebe;
  background: #f0f0f0;
}
.vits-compare-submit {
  background: #e51e25;
}
.vits-compare-close {
  margin-left: 0.5rem;
  background: #444;
}
[data-modal-dim] {
  display: none;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.3);
  transition:
    opacity 0.35s ease,
    visibility 0s 0.35s;
}
[data-modal-dim].is-open {
  display: block;
}
[data-modal-dim].is-open.is-active {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  transition:
    opacity 0.35s ease,
    visibility 0s 0s;
}
[data-modal-dim].is-open.is-closing {
  display: none;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition:
    opacity 0.35s ease,
    visibility 0s 0.35s;
}
[data-modal-box] {
  display: none;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition:
    transform 0.35s ease,
    opacity 0.35s ease,
    visibility 0s 0.35s;
}
[data-modal-box].is-open {
  display: block;
}
[data-modal-box].is-open.is-active {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  transition:
    transform 0.35s ease,
    opacity 0.35s ease,
    visibility 0s 0s;
}
[data-modal-box].is-open.is-closing {
  display: none;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition:
    transform 0.35s ease,
    opacity 0.35s ease,
    visibility 0s 0.35s;
}
[data-modal-box][data-modal-type='modal'] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  transform: translateY(8px) scale(0.98);
}
[data-modal-box][data-modal-type='modal'].is-open.is-active {
  transform: translateY(0) scale(1);
}
[data-modal-box][data-modal-type='modal'].is-open.is-closing {
  transform: translateY(8px) scale(0.98);
}
[data-modal-box][data-modal-type='bottom'] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  transform: translateY(16px);
}
[data-modal-box][data-modal-type='bottom'].is-open.is-active {
  transform: translateY(0);
}
[data-modal-box][data-modal-type='bottom'].is-open.is-closing {
  transform: translateY(16px);
}
[data-modal-box][data-modal-type='slide-right'] [class$='-panel'] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  transition:
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.3s ease,
    visibility 0s 0.3s;
  transform: translateX(100%);
  transform-origin: right center;
}
[data-modal-box][data-modal-type='slide-right'].is-open.is-active [class$='-dim'] {
  transition: none;
  transform: none;
}
[data-modal-box][data-modal-type='slide-right'].is-open.is-active [class$='-panel'] {
  transition:
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.3s ease,
    visibility 0s 0s;
  transform: translateX(0);
}
[data-modal-box][data-modal-type='slide-right'].is-open.is-closing [class$='-panel'] {
  transform: translateX(100%);
}
@media (prefers-reduced-motion: reduce) {
  [data-modal-box],
  [data-modal-dim] {
    transition: none;
  }
}
.vits-modal-inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 20rem;
  max-height: calc(var(--vh, 1vh) * 95);
}
.vits-modal-inner > div[class*='vits-modal-'] {
  width: 100%;
}
.vits-modal:not([class*='width-']) .vits-modal-inner {
  max-width: 95vw;
}
.vits-modal.width-480 .vits-modal-inner {
  width: 30rem;
}
.vits-modal.width-710 .vits-modal-inner {
  width: 44.375rem;
}
.vits-modal [class*='vits-modal-'][class*='-header'],
.vits-modal [class*='vits-modal-'][class*='::-moz-focus-outer'] {
  flex-shrink: 0;
}
.vits-modal-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  padding: 2rem 2rem 2.25rem;
  background: #fff;
}
.vits-modal-header-content {
  flex-grow: 1;
  min-width: 0;
  max-width: -moz-fit-content;
  max-width: fit-content;
  overflow: hidden;
}
.vits-modal-title,
.vits-modal-subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.vits-modal-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-right: 2rem;
}
.vits-modal-subtitle {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  margin-top: 0.25rem;
  word-break: keep-all;
}
.vits-modal-infotitle {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  margin-top: 0.25rem;
}
.vits-modal-close {
  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;
  position: absolute;
  top: 2rem;
  right: 2rem;
  bottom: auto;
  left: auto;
}
.vits-modal-close:disabled {
  cursor: not-allowed;
}
.vits-modal-close .ic {
  width: 100%;
  height: 100%;
}
.vits-modal-content {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0.25rem 2rem 0.125rem;
  overflow: hidden auto;
  background: #fff;
}
.vits-modal-content:has(.vits-claim-request-total) {
  border-bottom: 0.25rem solid #fff;
  padding-bottom: 0;
}
.vits-modal-content.has-scroll {
  padding-right: 1.25rem;
}
.vits-modal-content.no-footer {
  padding-bottom: 2rem;
}
.vits-modal-footer {
  padding: 2.5rem 2rem 2rem;
  background: #fff;
}
.vits-modal-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;
  padding: 1rem 0.75rem;
  border-radius: 8px;
}
.vits-modal-btn:disabled {
  cursor: not-allowed;
}
.vits-modal-btn-primary {
  background: #e51e25;
}
.vits-modal-btn-secondary {
  background: #444;
}
.vits-modal-btn-tertiary {
  background: #767676;
}
.vits-modal-btn .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  letter-spacing: 0;
}
.vits-modal-buttons {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.vits-modal-buttons.is-single .vits-modal-btn {
  flex: 1 1 auto;
  min-width: 0;
}
.vits-modal-buttons.is-double .vits-modal-btn-secondary {
  flex: 2 1 0;
  min-width: 0;
}
.vits-modal-buttons.is-double .vits-modal-btn-primary {
  flex: 3 1 0;
  min-width: 0;
}
.vits-modal:not(:has(.vits-modal-footer)) .vits-modal-content {
  padding-bottom: 2rem;
  border-radius: 0 0 12px 12px;
}
.vits-modal.theme-compare .vits-modal-content-inner {
  max-width: none !important;
  margin-right: 0 !important;
}
body:not(.is-option-modal-open) .k-window:has(.vits-modal-header) {
  max-width: 95vw;
  overflow: hidden;
  border-radius: 12px;
}
body:not(.is-option-modal-open) .k-window:has(.vits-modal-header) .k-window-titlebar {
  display: none;
}
body:not(.is-option-modal-open) .k-window:has(.vits-modal-header) .k-window-content {
  min-height: 0;
  max-height: calc(var(--vh, 1vh) * 95);
  padding: 0 !important;
  overflow: visible;
}
body:not(.is-option-modal-open) .k-window:has(.vits-modal-header) .k-window-content#likeModal {
  max-height: calc(var(--vh, 1vh) * 50);
}
body:not(.is-option-modal-open) .k-window:has(.vits-modal-header) .k-window-content#likeModal .k-listview-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
}
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .k-window-content#likeModal
  .k-listview-content
  > .k-listview-item {
  margin-bottom: 0 !important;
}
body:not(.is-option-modal-open) .k-window:has(.vits-modal-header) .k-window-content.main-modal .vits-modal-header {
  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;
}
body:not(.is-option-modal-open) .k-window:has(.vits-modal-header) .k-window-content.main-modal .vits-modal-content {
  padding: 0;
  border-bottom: 0;
}
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .k-window-content.main-modal
  .vits-modal-content
  .vits-main-modal-content {
  position: relative;
}
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .k-window-content.main-modal
  .vits-modal-content
  .vits-main-modal-link {
  display: block;
}
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .k-window-content.main-modal
  .vits-modal-content
  .vits-main-modal-link
  img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .k-window-content.main-modal
  .vits-modal-content
  .vits-main-modal-close {
  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: 14px;
  right: 14px;
  width: 2rem;
  height: 2rem;
  z-index: 1;
  box-sizing: content-box;
  padding: 0.4375rem;
  margin: -0.4375rem;
}
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .k-window-content.main-modal
  .vits-modal-content
  .vits-main-modal-close:disabled {
  cursor: not-allowed;
}
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .k-window-content.main-modal
  .vits-modal-content
  .vits-main-modal-close
  .ic {
  width: 100%;
  height: 100%;
}
body:not(.is-option-modal-open) .k-window:has(.vits-modal-header) .k-window-content.main-modal .vits-modal-footer {
  padding: 0;
  border-radius: 0 0 12px 12px;
  box-shadow: inset 0 0 0 1px #bebebe;
}
body:not(.is-option-modal-open) .k-window:has(.vits-modal-header) .k-window-content.main-modal .vits-modal-buttons {
  gap: 0;
}
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .k-window-content.main-modal
  .vits-modal-buttons
  .vits-modal-btn {
  flex: 0 0 50%;
  background: rgba(0, 0, 0, 0);
  border-radius: 0;
}
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .k-window-content.main-modal
  .vits-modal-buttons
  .vits-modal-btn
  .text {
  font-size: 1rem;
  font-weight: 700;
  color: #767676;
}
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .k-window-content.main-modal
  .vits-modal-buttons
  .vits-modal-btn[class*='-secondary'] {
  border-right: 1px solid #bebebe;
}
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .k-window-content.main-modal
  .vits-modal-buttons
  .vits-modal-btn[class*='-secondary']
  .text {
  font-weight: 400;
}
body:not(.is-option-modal-open) .k-window:has(.vits-modal-header).is-draggable .vits-modal-header {
  cursor: move;
}
body:not(.is-option-modal-open) .k-window:has(.vits-modal-header) .vits-modal-content:has(.vits-address-select),
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .vits-modal-content:has(.vits-claim-request .vits-claim-request-reason) {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .vits-modal-content:has(.vits-address-select)
  .vits-address-select,
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .vits-modal-content:has(.vits-address-select)
  .vits-claim-request,
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .vits-modal-content:has(.vits-claim-request .vits-claim-request-reason)
  .vits-address-select,
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .vits-modal-content:has(.vits-claim-request .vits-claim-request-reason)
  .vits-claim-request {
  flex: 1 1 auto;
  min-height: 0;
}
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .vits-modal-content:has(.vits-address-select)
  .vits-address-select-body,
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .vits-modal-content:has(.vits-address-select)
  .vits-claim-request-body,
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .vits-modal-content:has(.vits-claim-request .vits-claim-request-reason)
  .vits-address-select-body,
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .vits-modal-content:has(.vits-claim-request .vits-claim-request-reason)
  .vits-claim-request-body {
  padding-bottom: 4px;
  overflow-y: auto;
}
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .vits-modal-content:has(.vits-address-select)
  .vits-address-select-body
  + .vits-claim-request-footer,
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .vits-modal-content:has(.vits-address-select)
  .vits-claim-request-body
  + .vits-claim-request-footer,
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .vits-modal-content:has(.vits-claim-request .vits-claim-request-reason)
  .vits-address-select-body
  + .vits-claim-request-footer,
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .vits-modal-content:has(.vits-claim-request .vits-claim-request-reason)
  .vits-claim-request-body
  + .vits-claim-request-footer {
  padding-top: 1rem;
}
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .vits-modal-content:has(.vits-address-select)
  .vits-claim-request-reason,
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .vits-modal-content:has(.vits-claim-request .vits-claim-request-reason)
  .vits-claim-request-reason {
  gap: 0;
}
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .vits-modal-content:has(.vits-address-select)
  .vits-claim-request-reason:has(.claim-request-reason-toggle[aria-expanded='true']),
body:not(.is-option-modal-open)
  .k-window:has(.vits-modal-header)
  .vits-modal-content:has(.vits-claim-request .vits-claim-request-reason)
  .vits-claim-request-reason:has(.claim-request-reason-toggle[aria-expanded='true']) {
  gap: 0.75rem;
}
body:not(.is-option-modal-open) .k-window:has(.vits-modal-header) .vits-modal-content:has(.vits-address-select) {
  overflow-y: hidden;
}
.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%);
}
.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;
}
.vits-chip-button-group {
  width: 100%;
}
.vits-chip-button-group:has(.vits-chip-button.type-outline) {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
  overflow: auto hidden;
}
.vits-chip-button-group:has(.vits-chip-button.type-filled) {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  overflow: hidden;
}
.vits-chip-button-group 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-chip-button-group button:disabled {
  cursor: not-allowed;
}
.vits-chip-button-group button.remove {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.vits-chip-button-group button.remove .ic {
  width: 100%;
  height: 100%;
}
.vits-chip-button.type-outline {
  display: flex;
  flex: 0 0 auto;
  gap: 0.125rem;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  height: 2rem;
  padding: 0 0.5rem 0 0.75rem;
  overflow: hidden;
  border-radius: 56px;
  border: 1px solid #bebebe;
  background: #fafafa;
}
.vits-chip-button.type-outline .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.vits-chip-button.type-outline .text.category,
.vits-chip-button.type-outline .text.team {
  flex: 0 3 auto;
  min-width: 2.5rem;
}
.vits-chip-button.type-outline .text.name {
  flex: 0 1 auto;
}
.vits-chip-button.type-outline .remove,
.vits-chip-button.type-outline .icon {
  flex-shrink: 0;
}
.vits-chip-button.type-outline .icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-left: -0.125rem;
}
.vits-chip-button.type-outline .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-chip-button.type-outline .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-chip-button.type-outline .icon {
  color: #bebebe;
}
.vits-chip-button.type-outline .remove {
  color: #444;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-chip-button.type-outline:hover {
    border: 1px solid #bebebe;
    background: #fafafa;
  }
}
.vits-chip-button.type-outline:focus-visible,
.vits-chip-button.type-outline:active {
  border: 1px solid #bebebe;
  background: #fafafa;
}
.vits-chip-button.type-outline.size-s {
  gap: 0;
  height: 1.75rem;
}
.vits-chip-button.type-outline.size-s .icon {
  margin-left: 0;
}
.vits-chip-button.type-outline.size-s .text {
  font-size: 0.75rem;
}
.vits-chip-button.type-outline.size-s .text {
  color: #444;
}
.vits-chip-button.type-outline.size-s .text.category,
.vits-chip-button.type-outline.size-s .text.team {
  flex: 0 0 auto;
  min-width: 0;
  font-weight: 400;
  color: #767676;
}
.vits-chip-button.type-outline.size-s .text + .text {
  margin-left: 0.125rem;
}
.vits-chip-button.type-outline.size-s .icon,
.vits-chip-button.type-outline.size-s .remove {
  color: #bebebe;
}
.vits-chip-button-group {
  width: 100%;
}
.vits-chip-button-group:has(.vits-chip-button.type-outline) {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
  overflow: auto hidden;
}
.vits-chip-button-group:has(.vits-chip-button.type-filled) {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  overflow: hidden;
}
.vits-chip-button-group 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-chip-button-group button:disabled {
  cursor: not-allowed;
}
.vits-chip-button-group button.remove {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.vits-chip-button-group button.remove .ic {
  width: 100%;
  height: 100%;
}
.vits-chip-button.type-filled {
  display: flex;
  flex: 0 0 auto;
  gap: 0.125rem;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  height: 2rem;
  padding: 0 0.5rem 0 0.75rem;
  overflow: hidden;
  border-radius: 56px;
  background: #444;
}
.vits-chip-button.type-filled .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.vits-chip-button.type-filled .text.category,
.vits-chip-button.type-filled .text.team {
  flex: 0 3 auto;
  min-width: 2.5rem;
}
.vits-chip-button.type-filled .text.name {
  flex: 0 1 auto;
}
.vits-chip-button.type-filled .remove,
.vits-chip-button.type-filled .icon {
  flex-shrink: 0;
}
.vits-chip-button.type-filled .icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-left: -0.125rem;
}
.vits-chip-button.type-filled .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-chip-button.type-filled .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-chip-button.type-filled .text.category,
.vits-chip-button.type-filled .text.team {
  padding-right: 0.125rem;
  font-weight: 400;
  color: #bebebe;
  white-space: nowrap;
}
.vits-chip-button.type-filled .text.team {
  margin-left: 0.125rem;
}
.vits-chip-button.type-filled .icon {
  color: #767676;
}
.vits-chip-button.type-filled .remove {
  color: #767676;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-chip-button.type-filled:hover {
    background: #444;
  }
}
.vits-chip-button.type-filled:focus-visible,
.vits-chip-button.type-filled:active {
  background: #444;
}
.vits-chip-button.type-filled.size-s {
  gap: 0;
  height: 1.75rem;
}
.vits-chip-button.type-filled.size-s .icon {
  margin-left: 0;
}
.vits-chip-button.type-filled.size-s .text {
  font-size: 0.75rem;
}
.vits-product-flag {
  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: #2e2e2e;
  letter-spacing: 0;
  flex-shrink: 0;
  height: 1.125rem;
  padding: 0 0.25rem;
  line-height: 1.125rem;
  border-radius: 4px;
}
.vits-product-flag.is-today {
  color: #f2555a;
  background: #fff0f1;
}
.vits-product-flag.is-today .icon {
  width: 0.75rem;
  height: 0.75rem;
  color: #e51e25;
}
.vits-product-flag.is-today .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-product-flag.is-tomorrow {
  color: #2f4f9e;
  background: #edf1fd;
}
.vits-product-flag.is-hot {
  color: #177927;
  background: #ecfaf3;
}
.vits-product-flag.is-count {
  color: #2e2e2e;
  background: #f1f3f6;
}
.vits-product-flags {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vits-product-promo {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.vits-product-promo-badge.is-free-ship {
  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;
  height: 1.5rem;
  line-height: normal;
}
.vits-product-promo-badge.is-free-ship::before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.125rem;
  content: '';
  background-color: #bebebe;
  -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;
}
.vits-product-promo-badge.is-free-ship::before .ic {
  width: 100%;
  height: 100%;
}
.vits-chip-file {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #dadada;
  max-width: 100%;
  height: 2rem;
  padding: 0 0.75rem;
  overflow: hidden;
  background: #fafafa;
  border-radius: 4px;
}
.vits-chip-file .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  min-width: 0;
}
.vits-chip-file .text.name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vits-chip-file .text.ext {
  flex-shrink: 0;
}
.vits-chip-file .icon {
  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;
  flex-shrink: 0;
  margin-left: 0.5rem;
  color: #767676;
}
.vits-chip-file .icon:disabled {
  cursor: not-allowed;
}
.vits-chip-file .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-chip-file .icon.left {
  margin-right: 0.5rem;
  margin-left: 0;
}
.vits-chip-file-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);
  height: 100%;
}
.vits-chip-file-btn:disabled {
  cursor: not-allowed;
}
.vits-chip-file-btn.file-name {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
  min-width: 0;
}
.vits-chip-file-btn.file-delete {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.25rem;
  margin: -0.25rem;
}
.vits-chip-file-btn.file-delete .icon {
  margin: 0;
}
.vits-chip-file-btn.file-delete .icon .ic {
  display: block;
}
.vits-chip-file.chip-file-static {
  gap: 0.25rem;
  width: -moz-max-content;
  width: max-content;
}
.vits-chip-file.chip-file-static:has(.vits-chip-file-btn.file-delete) {
  padding-right: 0.5rem;
}
.vits-chip-file.mobile-chip-file {
  height: 2.25rem;
  background: #fff;
  border-color: #9a9a9a;
}
.vits-chip-file.mobile-chip-file .icon {
  width: 1.25rem;
  height: 1.25rem;
}
.vits-chip-file.mobile-chip-file .img {
  width: 1.5rem;
  height: 1.5rem;
  box-sizing: content-box;
  flex-shrink: 0;
  padding: 0 0.5rem 0 0.25rem;
}
.vits-chip-file.mobile-chip-file .img .ic {
  width: 100%;
  height: 100%;
}
.vits-chip-file.mobile-chip-file .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vits-chip-file.mobile-chip-file.text-bold .text {
  font-weight: 600;
  color: #767676;
}
.vits-chip-file.mobile-chip-file.type-order {
  flex-grow: 1;
  min-width: 0;
  height: 2rem;
  padding: 0 0.5rem;
  background: #f0f0f0;
  box-shadow: inset 0 0 0 1px #5c5c5c;
}
.vits-chip-file.mobile-chip-file.type-order .text.name {
  margin-right: auto;
  font-size: 0.75rem;
  color: #767676;
}
.vits-chip-file.mobile-chip-file.type-order .icon {
  width: 1.5rem;
  height: 1.5rem;
}
.vits-chip-file.mobile-chip-file.type-order .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-general-label {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.125rem;
  padding: 0 0.25rem;
  line-height: 1.2;
  white-space: nowrap;
  border-radius: 4px;
}
.vits-general-label.is-general-blue {
  color: #2f4f9e;
  background-color: #edf1fd;
}
.vits-general-label.is-general-red {
  color: #f2555a;
  background-color: #fee1e2;
}
.vits-general-label.is-general-green {
  color: #177927;
  background-color: #ecfaf3;
}
.vits-general-label.is-general-gray {
  color: #444;
  background-color: #f0f0f0;
}
.vits-general-label.is-general-sunken {
  color: #767676;
  background-color: #f0f0f0;
}
.text-order-status-mobile {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  height: 1.125rem;
  padding: 0 0.25rem;
  border-radius: 4px;
}
.text-order-status-mobile[data-status='01'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
  background-color: #f0f0f0;
}
.text-order-status-mobile[data-status='02'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e9b45;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
  background-color: #ecfaf3;
}
.text-order-status-mobile[data-status='03'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e9b45;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
  background-color: #ecfaf3;
}
.text-order-status-mobile[data-status='04'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
  background-color: #edf1fd;
}
.text-order-status-mobile[data-status='05'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
  background-color: #f0f0f0;
}
.text-order-status-mobile[data-status='06'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
  background-color: #edf1fd;
}
.text-order-status-mobile[data-status='07'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e9b45;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
  background-color: #ecfaf3;
}
.text-order-status[data-status='01'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.text-order-status[data-status='02'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e9b45;
  letter-spacing: 0;
}
.text-order-status[data-status='03'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e9b45;
  letter-spacing: 0;
}
.text-order-status[data-status='04'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
}
.text-order-status[data-status='05'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.text-order-status[data-status='06'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
}
.text-order-status[data-status='07'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e9b45;
  letter-spacing: 0;
}
.text-claim-status-mobile {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  height: 1.125rem;
  padding: 0 0.25rem;
  border-radius: 4px;
}
.text-claim-status-mobile[data-status='01'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
  background-color: #fff0f1;
}
.text-claim-status-mobile[data-status='02'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
  background-color: #fff0f1;
}
.text-claim-status-mobile[data-status='03'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
  background-color: #fff0f1;
}
.text-claim-status-mobile[data-status='04'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
  background-color: #f0f0f0;
}
.text-claim-status-mobile[data-status='05'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
  background-color: #fff0f1;
}
.text-claim-status-mobile[data-status='06'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
  background-color: #f0f0f0;
}
.text-claim-status-mobile[data-status='07'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
}
.text-claim-status-mobile[data-status='08'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e9b45;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
  background-color: #ecfaf3;
}
.text-claim-status-mobile[data-status='09'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e9b45;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
  background-color: #ecfaf3;
}
.text-claim-status-mobile[data-status='10'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
}
.text-claim-status-mobile[data-status='11'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
  background-color: #fff0f1;
}
.text-claim-status-mobile[data-status='12'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  height: 1.25rem;
  line-height: normal;
  background-color: #fff0f1;
}
.text-claim-status[data-status='01'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
}
.text-claim-status[data-status='02'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
}
.text-claim-status[data-status='03'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
}
.text-claim-status[data-status='04'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
}
.text-claim-status[data-status='05'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
}
.text-claim-status[data-status='06'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.text-claim-status[data-status='07'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
}
.text-claim-status[data-status='08'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e9b45;
  letter-spacing: 0;
}
.text-claim-status[data-status='09'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #2e9b45;
  letter-spacing: 0;
}
.text-claim-status[data-status='10'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
}
.text-claim-status[data-status='11'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
}
.text-claim-status[data-status='12'] {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
}
.vits-breadcrumb-list,
.vits-breadcrumb-menu {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}
.vits-breadcrumb-list {
  display: flex;
  align-items: center;
  min-width: 0;
}
.vits-breadcrumb-menu {
  flex: 0 1 auto;
  min-width: 0;
  max-width: -moz-max-content;
  max-width: max-content;
  color: #444;
}
.vits-breadcrumb-menu .vits-select {
  display: inline-block;
  min-width: 0;
  max-width: 100%;
}
.vits-breadcrumb-menu .vits-select-value {
  display: block;
  min-width: 0;
  max-width: 100%;
}
.vits-breadcrumb-menu .vits-select-trigger {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0;
  max-width: 100%;
}
.vits-breadcrumb-menu:first-of-type {
  flex: 0 0 auto;
  min-width: auto;
}
.vits-breadcrumb-menu:not(:first-of-type, :only-of-type)::before {
  display: block;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  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-breadcrumb-menu:has(.vits-select-disabled) {
  display: none;
}
.vits-select {
  position: relative;
  display: inline-block;
  max-width: 100vw;
}
.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;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100vw;
}
.vits-select-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: #bebebe;
  transition: transform 0.3s;
  will-change: transform;
}
.vits-select-icon .ic {
  width: 100%;
  height: 100%;
}
.vits-select-trigger {
  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;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0;
  max-width: 100vw;
  height: 2rem;
  padding: 0 0.5rem;
  text-align: left;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #bebebe;
  transition: box-shadow 0.3s;
}
.vits-select-trigger:disabled {
  cursor: not-allowed;
}
.vits-select-trigger[aria-expanded='true'] {
  box-shadow: inset 0 0 0 1px #1b1b1b;
}
.vits-select-trigger[aria-expanded='true'] .vits-select-icon {
  transform: rotate(180deg);
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-select-trigger:hover {
    box-shadow: inset 0 0 0 1px #1b1b1b;
  }
}
.vits-select-trigger:focus-visible,
.vits-select-trigger:active {
  box-shadow: inset 0 0 0 1px #1b1b1b;
}
.vits-select-trigger:disabled {
  background: #fafafa !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px #dadada !important;
}
.vits-select-trigger:disabled .vits-select-value {
  color: #bebebe !important;
}
.vits-select-trigger:disabled .vits-select-icon {
  color: #dadada !important;
}
.vits-select-list {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 10;
  display: block;
  width: -moz-max-content;
  width: max-content;
  max-width: 100vw;
  max-height: 0;
  padding: 0;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
  background: #fff;
  border-radius: 6px;
  box-shadow: none;
  opacity: 0;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    max-height 0s linear 0.2s,
    visibility 0s linear 0.2s;
  transform: translateY(-4px);
  will-change: opacity, transform;
}
.vits-select-open .vits-select-list {
  border: 1px solid #000;
  padding: 0.5rem 1px;
  margin-top: 0 !important;
  overflow-y: auto;
  pointer-events: auto;
  visibility: visible;
  box-shadow: none !important;
  opacity: 1;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    max-height 0s,
    visibility 0s;
  transform: translateY(0);
}
.vits-select.vits-select-dropup .vits-select-list {
  top: auto;
  bottom: calc(100% + 4px);
  transform: translateY(4px);
}
.vits-select.vits-select-dropup.vits-select-open .vits-select-list {
  transform: translateY(0);
}
.vits-select-option {
  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: #161616;
  letter-spacing: 0;
  min-height: 2rem;
  padding: 0 1rem;
  white-space: nowrap;
  cursor: pointer;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-select-option:hover {
    font-weight: 600;
    background: #f0f0f0;
  }
}
.vits-select-option:focus-visible,
.vits-select-option:active {
  font-weight: 600;
  background: #f0f0f0;
}
.vits-select-selected {
  font-weight: 600;
  background: #fff;
}
.vits-select-option-disabled {
  pointer-events: none;
  opacity: 0.4;
}
.vits-select-disabled {
  pointer-events: none;
}
.vits-select-disabled .vits-select-trigger {
  background: #fafafa;
  box-shadow: inset 0 0 0 1px #dadada;
}
.vits-select-disabled .vits-select-value {
  color: #bebebe;
}
.vits-select-disabled .vits-select-icon {
  color: #dadada;
}
.vits-select.size-s .vits-select-trigger {
  height: 1.75rem;
}
.vits-select.size-s .vits-select-option {
  min-height: 1.75rem;
  font-size: 0.75rem;
}
.vits-select.size-s .vits-select-value {
  font-size: 0.75rem;
}
.vits-select.size-l .vits-select-trigger {
  height: 2.75rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
.vits-select.size-l .vits-select-option {
  min-height: 2.75rem;
  font-size: 1rem;
}
.vits-select.size-l .vits-select-value {
  font-size: 1rem;
}
.vits-select.is-selected:not(.type-ghost, .type-dark) .vits-select-value {
  color: #2e2e2e !important;
}
.vits-select.is-selected:not(.type-ghost, .type-dark) .vits-select-icon {
  color: #444 !important;
}
.vits-select.is-selected:not(.type-ghost, .type-dark) .vits-select-trigger {
  box-shadow: inset 0 0 0 1px #1b1b1b !important;
}
.vits-select .vits-select-list-ul {
  border: 1px solid #000;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 10;
  display: none;
  width: auto !important;
  min-width: 100%;
  max-height: 150px;
  padding: 0.125rem;
  margin-top: 0 !important;
  overflow: hidden auto;
  background: #fff;
  border-radius: 4px;
  box-shadow: none !important;
}
.vits-select.is-open .vits-select-list-ul {
  display: block;
}
.vits-select.is-dropup .vits-select-list-ul {
  top: auto;
  bottom: calc(100% + 4px);
}
#returnModal .vits-select .vits-select-list-ul {
  right: 0 !important;
  left: unset !important;
}
.vits-select.type-dark {
  width: 100%;
}
.vits-select.type-dark .vits-select-trigger {
  justify-content: space-between;
  width: 100%;
  height: 2.25rem;
  padding: 0 13px 0 1rem;
  background: #2e2e2e;
  box-shadow: inset 0 0 0 1px #5c5c5c;
}
.vits-select.type-dark .vits-select-value {
  color: #767676;
}
.vits-select.type-dark .vits-select-list {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0;
  transition: none;
}
.vits-select.type-dark .vits-select-option {
  height: 2.625rem;
  padding: 0 1rem;
  color: #bebebe;
  background: #767676;
}
.vits-select.type-dark .vits-select-option.vits-select-selected {
  font-weight: 400;
  background: #f0f0f0;
  background: #5c5c5c;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-select.type-dark .vits-select-option:hover {
    font-weight: 400;
    background: #f0f0f0;
    background: #5c5c5c;
  }
}
.vits-select.type-dark .vits-select-option:focus-visible,
.vits-select.type-dark .vits-select-option:active {
  font-weight: 400;
  background: #f0f0f0;
  background: #5c5c5c;
}
.vits-select.type-dark.vits-select-open:not(.vits-select-dropup) .vits-select-list {
  top: 100%;
}
.vits-select.type-dark.vits-select-open.vits-select-dropup .vits-select-trigger {
  background: #767676;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.vits-select.type-dark.vits-select-open.vits-select-dropup .vits-select-trigger .vits-select-value {
  color: #bebebe;
}
.vits-select.type-dark.vits-select-open.vits-select-dropup .vits-select-trigger .vits-select-icon {
  color: #dadada;
}
.vits-select.type-dark.vits-select-open.vits-select-dropup .vits-select-list {
  bottom: 100%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.vits-select.type-ghost {
  min-width: 7.125rem;
  height: 1.25rem;
}
.vits-select.type-ghost .vits-select-trigger {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
}
.vits-select.type-ghost.color-secondary .vits-select-value {
  color: #767676;
}
.vits-select-list-portal {
  border: 1px solid #000;
  position: absolute;
  z-index: 9999;
  padding: 0.5rem 1px;
  overflow-y: auto;
  pointer-events: auto;
  visibility: visible;
  background: #fff;
  opacity: 1;
  transition: none !important;
  transform: none;
}
.vits-category-tree {
  width: 100%;
}
.vits-category-tree .category-tree-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: space-between;
  gap: 0.5rem;
  width: 100%;
  min-height: 2rem;
  padding: 0.375rem 0.75rem;
}
.vits-category-tree .category-tree-btn:disabled {
  cursor: not-allowed;
}
.vits-category-tree .category-tree-btn .icon {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  transition: transform 0.45s;
  transform: rotate(-90deg);
}
.vits-category-tree .category-tree-btn .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-category-tree .category-tree-btn[aria-expanded='true'] .icon {
  transform: rotate(0deg);
}
.vits-category-tree .category-tree-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  text-align: left;
}
.vits-category-tree .category-tree-depth2,
.vits-category-tree .category-tree-depth3 {
  padding-left: 0.75rem;
}
.vits-category-tree .category-tree-panel {
  display: none;
}
.vits-category-tree .category-tree-panel.is-open {
  display: block;
}
.vits-category-tree .category-tree-item.is-active > .category-tree-btn .category-tree-text {
  font-weight: 600;
  color: #e51e25;
}
.vits-category-tree-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.vits-category-tree-list .category-tree-depth3 {
  padding-left: 0;
}
.vits-category-tree-list .category-tree-depth1 > .category-tree-item > .category-tree-row {
  padding-left: 0.75rem;
}
.vits-category-tree-list .category-tree-depth1 > .category-tree-item > .category-tree-row .vits-checkbox-item {
  gap: 0.5rem;
}
.vits-category-tree-list .category-tree-depth2 > .category-tree-item > .category-tree-row .vits-checkbox-item {
  gap: 1.25rem;
}
.vits-category-tree-list .category-tree-depth2 > .category-tree-item > .category-tree-row .vits-checkbox-item .label {
  color: #444;
}
.vits-category-tree-list .category-tree-depth3 > .category-tree-item > .category-tree-row .vits-checkbox-item {
  gap: 2rem;
}
.vits-category-tree-list .category-tree-depth3 > .category-tree-item > .category-tree-row .vits-checkbox-item .label {
  color: #767676;
}
.vits-category-tree-list .category-tree-depth4 > .category-tree-item > .category-tree-row .vits-checkbox-item {
  gap: 3rem;
}
.vits-category-tree-list .category-tree-depth4 > .category-tree-item > .category-tree-row .vits-checkbox-item .label {
  color: #767676;
}
.vits-category-tree-list .category-tree-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  min-height: 2rem;
  padding: 0.4375rem 0 0.4375rem;
}
.vits-category-tree-list .category-tree-row .vits-checkbox-item {
  flex-grow: 1;
  min-width: 0;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.vits-category-tree-list .category-tree-row .vits-checkbox-item .icon {
  align-self: flex-start;
  margin-top: 1px;
}
.vits-category-tree-list .category-tree-row:has(.category-tree-toggle) .vits-checkbox-item {
  margin-top: 1px;
}
.vits-category-tree-list .category-tree-toggle {
  position: relative;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
}
.vits-category-tree-list .category-tree-toggle::before,
.vits-category-tree-list .category-tree-toggle::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 1px;
  content: '';
  background: #bebebe;
  border-radius: 2px;
  transition: transform 0.3s;
  transform: translate(-50%, -50%);
}
.vits-category-tree-list .category-tree-toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.vits-category-tree-list .category-tree-toggle[aria-expanded='true']::after {
  transform: translate(-50%, -50%) rotate(0deg);
}
.vits-category-tree-list + [data-search-more-toggle] {
  margin-top: 0.5rem;
}
.vits-pagination {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.375rem;
}
.vits-pagination-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.375rem;
  list-style: none;
}
.vits-pagination-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  color: #767676;
  background: #fff;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #bebebe;
}
.vits-pagination-btn .ic {
  width: 100%;
  height: 100%;
}
.vits-pagination-btn.is-disabled {
  pointer-events: none;
}
.vits-pagination-link {
  display: flex;
  flex-flow: row nowrap;
  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: #767676;
  letter-spacing: 0;
  min-width: 2.375rem;
  height: 2rem;
  padding: 0.375rem 0.625rem;
}
.vits-pagination-link.is-active {
  font-weight: 600;
  color: #e51e25;
}
.vits-pagination-ellipsis {
  display: flex;
  flex-flow: row nowrap;
  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: #767676;
  letter-spacing: 0;
  min-width: 2.375rem;
  height: 2rem;
  padding: 0.375rem 0.625rem;
}
.vits-kendo-pagination {
  width: 100%;
}
.vits-kendo-pagination .k-pager {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75rem;
  width: 100%;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  border: 0;
}
.vits-kendo-pagination .k-pager-numbers,
.vits-kendo-pagination .k-pager-numbers-wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.375rem;
}
.vits-kendo-pagination .k-pager-numbers-wrap .k-button {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.625rem;
  background: rgba(0, 0, 0, 0);
  border: 0;
}
.vits-kendo-pagination .k-pager-numbers-wrap .k-button::before,
.vits-kendo-pagination .k-pager-numbers-wrap .k-button::after {
  display: none !important;
}
.vits-kendo-pagination .k-pager-numbers-wrap .k-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;
}
.vits-kendo-pagination .k-pager-numbers-wrap .k-button.k-selected {
  background: rgba(0, 0, 0, 0);
}
.vits-kendo-pagination .k-pager-numbers-wrap .k-button.k-selected .k-button-text {
  font-weight: 600;
  color: #e51e25;
}
.vits-kendo-pagination .k-pager-numbers-wrap .k-button.k-pager-nav {
  background: #fff !important;
  border-radius: 8px !important;
  box-shadow: inset 0 0 0 1px #bebebe !important;
}
.vits-kendo-pagination .k-pager-numbers-wrap .k-button.k-pager-nav .k-button-icon {
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
}
.vits-kendo-pagination .k-pager-numbers-wrap .k-button.k-pager-nav .k-button-icon svg {
  display: none;
}
.vits-kendo-pagination .k-pager-numbers-wrap .k-button.k-pager-nav:nth-of-type(1) .k-button-icon::before {
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 0rem 0rem;
  color: #767676;
  content: '';
  background-color: currentcolor;
  -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;
}
.vits-kendo-pagination .k-pager-numbers-wrap .k-button.k-pager-nav:nth-of-type(2) .k-button-icon::before {
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 0rem 0rem;
  color: #767676;
  content: '';
  background-color: currentcolor;
  -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-kendo-pagination .k-pager-numbers-wrap .k-button.k-pager-nav:nth-of-type(3) .k-button-icon::before {
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 0rem 0rem;
  color: #767676;
  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-kendo-pagination .k-pager-numbers-wrap .k-button.k-pager-nav:nth-of-type(4) .k-button-icon::before {
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 0rem 0rem;
  color: #767676;
  content: '';
  background-color: currentcolor;
  -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;
}
.vits-kendo-pagination .k-pager-sizes {
  padding: 0 0.5rem;
}
.vits-kendo-pagination .k-pager-sizes .k-picker {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  width: auto;
  margin-right: 0;
  background: rgba(0, 0, 0, 0);
  border: 0 !important;
  box-shadow: none !important;
}
.vits-kendo-pagination .k-pager-sizes .k-picker .k-input-inner {
  padding: 0;
}
.vits-kendo-pagination .k-pager-sizes .k-picker .k-input-value-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  width: auto;
  height: auto;
  padding: 0;
}
.vits-kendo-pagination .k-pager-sizes .k-picker .k-input-value-text::after {
  content: '개씩 보기';
}
.vits-kendo-pagination .k-pager-sizes .k-picker[aria-expanded='true'] .k-input-button .k-icon {
  transform: rotate(180deg);
}
.vits-kendo-pagination .k-pager-sizes .k-picker + span {
  display: none;
}
.vits-kendo-pagination .k-pager-sizes .k-input-button {
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  border-radius: 0;
}
.vits-kendo-pagination .k-pager-sizes .k-input-button .k-icon {
  width: 100%;
  height: 1.25rem;
  transition: transform 0.3s;
}
.vits-kendo-pagination .k-pager-sizes .k-input-button .k-icon::before {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0rem 0rem;
  color: #444;
  content: '';
  background-color: currentcolor;
  -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;
}
.vits-kendo-pagination .k-pager-sizes .k-input-button .k-icon svg,
.vits-kendo-pagination .k-pager-sizes .k-input-button .k-icon::after {
  display: none !important;
}
.vits-kendo-pagination-popup.k-animation-container {
  border-radius: 0;
}
.vits-kendo-pagination-popup.k-animation-container .k-popup {
  border: 1px solid #161616;
  padding: 0.5rem 0;
  overflow: hidden;
  border-radius: 0.375rem;
}
.vits-kendo-pagination-popup.k-animation-container .k-popup .k-list-item {
  min-height: 2rem;
  padding: 0 1rem;
  background: #fff;
  border: 0;
}
.vits-kendo-pagination-popup.k-animation-container .k-popup .k-list-item-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #161616;
  letter-spacing: 0;
}
.vits-kendo-pagination-popup.k-animation-container .k-popup .k-list-item:hover {
  background: #f0f0f0;
}
.vits-kendo-pagination-popup.k-animation-container .k-popup .k-list-item:hover .k-list-item-text {
  font-weight: 600;
}
.vits-kendo-pagination-popup.k-animation-container .k-popup .k-list-item.k-selected {
  box-shadow: none;
}
.vits-kendo-pagination-popup.k-animation-container .k-popup .k-list-item.k-selected .k-list-item-text {
  font-weight: 600;
}
.vits-tooltip-anchor {
  position: relative;
}
.vits-tooltip {
  display: inline-block;
}
.vits-tooltip:not([data-anchor='true']) {
  position: relative;
}
.vits-tooltip-trigger {
  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;
  background: rgba(0, 0, 0, 0);
}
.vits-tooltip-trigger:disabled {
  cursor: not-allowed;
}
.vits-tooltip-trigger .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
}
.vits-tooltip-trigger .icon {
  width: 1rem;
  height: 1rem;
  color: #989898;
}
.vits-tooltip-trigger .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-tooltip-content {
  position: absolute;
  top: calc(100% + 0.25rem);
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  border: 1px solid #bebebe;
  z-index: 10;
  gap: 0.75rem;
  width: -moz-max-content;
  width: max-content;
  padding: 1rem;
  visibility: hidden;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 9px 21px 0 rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition:
    opacity 0.2s,
    visibility 0.2s,
    transform 0.2s;
  transform: translateY(-4px);
}
.vits-tooltip-content[aria-hidden='false'] {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.vits-tooltip-heading {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.vits-tooltip-heading .text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  padding-top: 0.125rem;
}
.vits-tooltip-heading .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;
  width: 1.75rem;
  height: 1.75rem;
  color: #444;
}
.vits-tooltip-heading .button:disabled {
  cursor: not-allowed;
}
.vits-tooltip-heading .button .ic {
  width: 100%;
  height: 100%;
}
.vits-tooltip-list > li {
  position: relative;
  padding-left: 0.75rem;
}
.vits-tooltip-list > li::before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 0.25rem;
  height: 0.25rem;
  content: '';
  background: #dadada;
  border-radius: 50%;
}
.vits-tooltip-list > li + li {
  margin-top: 0.5rem;
}
.vits-tooltip-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-tooltip-footer {
  width: 100%;
  padding-top: 0.25rem;
}
.vits-tooltip-footer [class*='vits-btn']:only-of-type {
  width: 100%;
}
.vits-tooltip[data-tooltip='left'] .vits-tooltip-content {
  left: 0;
}
.vits-tooltip[data-tooltip='right'] .vits-tooltip-content {
  right: -18px;
}
.vits-kendo-range-picker {
  position: relative;
  width: 100%;
}
.vits-kendo-range-picker .picker-input {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  border: 1px solid #bebebe;
  width: 100%;
  height: 2rem;
  overflow: hidden;
  background: #fff;
  border-radius: 4px;
}
.vits-kendo-range-picker .picker-display {
  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 0 0 0.75rem;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
  border: 0;
}
.vits-kendo-range-picker .picker-display::-moz-placeholder {
  color: #bebebe;
}
.vits-kendo-range-picker .picker-display::placeholder {
  color: #bebebe;
}
.vits-kendo-range-picker .picker-button {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 1.875rem;
}
.vits-kendo-range-picker .picker-button .icon {
  width: 1.375rem;
  height: 1.375rem;
  color: #444;
}
.vits-kendo-range-picker .picker-button .icon .ic {
  width: 100%;
  height: 100%;
}
.vits-kendo-range-picker .picker-popup {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  border: 1px solid #1b1b1b;
  z-index: 1000;
  display: none;
  width: 22.5rem;
  max-width: 22.5rem;
  padding: 1.25rem;
  background: #fff;
  border-radius: 8px;
}
.vits-kendo-range-picker .picker-popup .k-calendar,
.vits-kendo-range-picker .picker-popup .k-calendar-view,
.vits-kendo-range-picker .picker-popup .k-calendar-table,
.vits-kendo-range-picker .picker-popup .k-calendar-tbody,
.vits-kendo-range-picker .picker-popup .k-content {
  transition: none !important;
  animation: none !important;
}
.vits-kendo-range-picker .picker-popup .k-calendar-view {
  min-height: 9.625rem;
  overflow: hidden;
}
.vits-kendo-range-picker .picker-popup .k-calendar-view.k-calendar-monthview {
  transition: none !important;
}
.vits-kendo-range-picker .picker-popup .k-calendar {
  width: 100%;
  padding: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0);
  border: 0;
}
.vits-kendo-range-picker .picker-popup .k-calendar *,
.vits-kendo-range-picker .picker-popup .k-calendar *::before,
.vits-kendo-range-picker .picker-popup .k-calendar *::after {
  transition: none !important;
  animation: none !important;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-button,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-button::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast::after {
  display: none !important;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-button:focus,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button:active,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button:hover,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button:focus-visible,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button.k-focus,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button.k-active,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button.k-selected,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat:focus,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat:active,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat:hover,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat:focus-visible,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat.k-focus,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat.k-active,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat.k-selected,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base:focus,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base:active,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base:hover,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base:focus-visible,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base.k-focus,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base.k-active,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base.k-selected,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast:focus,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast:active,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast:hover,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast:focus-visible,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast.k-focus,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast.k-active,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast.k-selected {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-button:focus::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button:focus::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button:active::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button:active::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button:hover::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button:hover::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button:focus-visible::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button:focus-visible::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button.k-focus::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button.k-focus::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button.k-active::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button.k-active::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button.k-selected::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button.k-selected::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat:focus::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat:focus::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat:active::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat:active::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat:hover::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat:hover::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat:focus-visible::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat:focus-visible::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat.k-focus::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat.k-focus::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat.k-active::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat.k-active::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat.k-selected::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat.k-selected::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base:focus::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base:focus::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base:active::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base:active::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base:hover::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base:hover::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base:focus-visible::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base:focus-visible::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base.k-focus::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base.k-focus::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base.k-active::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base.k-active::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base.k-selected::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-button-flat-base.k-selected::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast:focus::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast:focus::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast:active::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast:active::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast:hover::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast:hover::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast:focus-visible::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast:focus-visible::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast.k-focus::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast.k-focus::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast.k-active::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast.k-active::before,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast.k-selected::after,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast.k-selected::before {
  display: none;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-nav-fast {
  display: block;
  flex-basis: 9.375rem !important;
  width: 9.375rem !important;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  border: 0;
  box-shadow: none;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-header .k-button.k-rounded-md .k-button-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-header .k-button.k-rounded-md .k-button-text .nav-dot {
  padding: 0 0.75rem;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-header .k-calendar-nav-fast {
  flex: 0;
  padding: 0;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-header .k-calendar-nav-prev,
.vits-kendo-range-picker .picker-popup .k-calendar .k-header .k-calendar-nav-next {
  display: block;
  width: 2rem;
  height: 2rem;
  background: #fff no-repeat center/contain !important;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-header .k-calendar-nav-prev .k-icon,
.vits-kendo-range-picker .picker-popup .k-calendar .k-header .k-calendar-nav-next .k-icon {
  display: none;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-header .k-calendar-nav-prev {
  background-image: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-left.svg) !important;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-header .k-calendar-nav-next {
  background-image: url(../../../../../resources/img/mro/renewal/ic/ic-arrow-right.svg) !important;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view {
  width: 100%;
  padding: 0;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view .k-calendar-table {
  width: 100%;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view .k-calendar-table .k-calendar-thead .k-calendar-th {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  padding: 1.25rem 0;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-other-month {
  height: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  pointer-events: none;
  visibility: hidden;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview tbody tr.is-empty-row {
  display: none;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-hover,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-hover:hover,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td:hover {
  background: rgba(0, 0, 0, 0);
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td:hover .k-link {
  background: #f0f0f0;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td .k-link {
  display: flex;
  flex-flow: row nowrap;
  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: #444;
  letter-spacing: 0;
  width: 2rem;
  height: 2rem;
  padding: 0;
  margin: 0 auto;
  line-height: 32px;
  border-radius: 50%;
  box-shadow: none;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-today .k-link {
  font-weight: 600;
  color: #1b1b1b;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-range-start {
  background: rgba(0, 0, 0, 0);
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-range-end {
  background: rgba(0, 0, 0, 0);
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-selected .k-link,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-range-start .k-link,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-range-end .k-link {
  color: #fff;
  background: #ed3a40;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-selected:hover .k-link,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-range-start:hover .k-link,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-range-end:hover .k-link {
  color: #fff;
  background: #ed3a40 !important;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-range-mid,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-range-mid:hover,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-range-mid.k-hover {
  background: #fee1e2 !important;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-range-mid .k-link {
  color: #e51e25;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-range-mid:hover .k-link {
  color: #e51e25 !important;
  background: rgba(0, 0, 0, 0) !important;
  box-shadow: none !important;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-state-disabled {
  pointer-events: none;
  background: rgba(0, 0, 0, 0) !important;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-monthview td.k-state-disabled .k-link {
  color: #bebebe;
  cursor: default;
  background: none !important;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-yearview,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-decadeview,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-centuryview {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  padding-top: 1.25rem;
}
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-yearview .k-link,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-decadeview .k-link,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-centuryview .k-link {
  padding: 0 1rem;
}
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-yearview
  .k-calendar-table
  .k-range-start,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-yearview .k-calendar-table .k-range-mid,
.vits-kendo-range-picker .picker-popup .k-calendar .k-calendar-view.k-calendar-yearview .k-calendar-table .k-range-end,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-decadeview
  .k-calendar-table
  .k-range-start,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-decadeview
  .k-calendar-table
  .k-range-mid,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-decadeview
  .k-calendar-table
  .k-range-end,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-centuryview
  .k-calendar-table
  .k-range-start,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-centuryview
  .k-calendar-table
  .k-range-mid,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-centuryview
  .k-calendar-table
  .k-range-end {
  background: #fff;
  border-radius: 0;
}
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-yearview
  .k-calendar-table
  .k-range-start
  .k-link,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-yearview
  .k-calendar-table
  .k-range-mid
  .k-link,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-yearview
  .k-calendar-table
  .k-range-end
  .k-link,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-decadeview
  .k-calendar-table
  .k-range-start
  .k-link,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-decadeview
  .k-calendar-table
  .k-range-mid
  .k-link,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-decadeview
  .k-calendar-table
  .k-range-end
  .k-link,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-centuryview
  .k-calendar-table
  .k-range-start
  .k-link,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-centuryview
  .k-calendar-table
  .k-range-mid
  .k-link,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-centuryview
  .k-calendar-table
  .k-range-end
  .k-link {
  background: #f0f0f0;
  border-radius: 0.25rem;
}
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-yearview
  .k-calendar-table
  .k-range-start
  .k-link:hover,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-yearview
  .k-calendar-table
  .k-range-start
  .k-link:focus,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-yearview
  .k-calendar-table
  .k-range-start
  .k-link:active,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-yearview
  .k-calendar-table
  .k-range-mid
  .k-link:hover,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-yearview
  .k-calendar-table
  .k-range-mid
  .k-link:focus,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-yearview
  .k-calendar-table
  .k-range-mid
  .k-link:active,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-yearview
  .k-calendar-table
  .k-range-end
  .k-link:hover,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-yearview
  .k-calendar-table
  .k-range-end
  .k-link:focus,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-yearview
  .k-calendar-table
  .k-range-end
  .k-link:active,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-decadeview
  .k-calendar-table
  .k-range-start
  .k-link:hover,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-decadeview
  .k-calendar-table
  .k-range-start
  .k-link:focus,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-decadeview
  .k-calendar-table
  .k-range-start
  .k-link:active,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-decadeview
  .k-calendar-table
  .k-range-mid
  .k-link:hover,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-decadeview
  .k-calendar-table
  .k-range-mid
  .k-link:focus,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-decadeview
  .k-calendar-table
  .k-range-mid
  .k-link:active,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-decadeview
  .k-calendar-table
  .k-range-end
  .k-link:hover,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-decadeview
  .k-calendar-table
  .k-range-end
  .k-link:focus,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-decadeview
  .k-calendar-table
  .k-range-end
  .k-link:active,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-centuryview
  .k-calendar-table
  .k-range-start
  .k-link:hover,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-centuryview
  .k-calendar-table
  .k-range-start
  .k-link:focus,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-centuryview
  .k-calendar-table
  .k-range-start
  .k-link:active,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-centuryview
  .k-calendar-table
  .k-range-mid
  .k-link:hover,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-centuryview
  .k-calendar-table
  .k-range-mid
  .k-link:focus,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-centuryview
  .k-calendar-table
  .k-range-mid
  .k-link:active,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-centuryview
  .k-calendar-table
  .k-range-end
  .k-link:hover,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-centuryview
  .k-calendar-table
  .k-range-end
  .k-link:focus,
.vits-kendo-range-picker
  .picker-popup
  .k-calendar
  .k-calendar-view.k-calendar-centuryview
  .k-calendar-table
  .k-range-end
  .k-link:active {
  color: #3d3d3d;
}
.vits-kendo-range-picker .picker-popup .k-calendar.has-range .k-calendar-monthview td.k-range-start {
  background: #fff;
  background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(254, 225, 226) 50%, rgb(254, 225, 226) 50%);
}
.vits-kendo-range-picker .picker-popup .k-calendar.has-range .k-calendar-monthview td.k-range-start:hover {
  background: #fff;
  background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(254, 225, 226) 50%, rgb(254, 225, 226) 50%);
}
.vits-kendo-range-picker .picker-popup .k-calendar.has-range .k-calendar-monthview td.k-range-end {
  background: #fff;
  background: linear-gradient(270deg, rgb(255, 255, 255) 50%, rgb(254, 225, 226) 50%, rgb(254, 225, 226) 50%);
}
.vits-kendo-range-picker .picker-popup .k-calendar.has-range .k-calendar-monthview td.k-range-end:hover {
  background: #fff;
  background: linear-gradient(270deg, rgb(255, 255, 255) 50%, rgb(254, 225, 226) 50%, rgb(254, 225, 226) 50%);
}
.vits-kendo-range-picker .picker-popup.is-open {
  display: block;
}
.vits-kendo-range-picker.size-sm .picker-input {
  height: 1.75rem;
}
.vits-kendo-range-picker.size-sm .picker-display {
  font-size: 0.75rem;
}
.vits-kendo-range-picker.size-lg .picker-input {
  height: 2.25rem;
}
.vits-kendo-range-picker.is-selected .picker-input {
  border-color: #1b1b1b;
}
.vits-datepicker-single:is(.size-s, .size-m, .size-l) {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.5rem 0 0.75rem;
  font-size: inherit;
  background: #fff;
  border: 1px solid #bebebe;
  border-radius: 4px;
}
.vits-datepicker-single:is(.size-s, .size-m, .size-l) .k-input-inner {
  text-indent: 0;
}
.vits-datepicker-single:is(.size-s, .size-m, .size-l) .datepicker-single {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  min-height: 100%;
  padding: 0;
  color: #444;
  border: 0;
}
.vits-datepicker-single:is(.size-s, .size-m, .size-l) .datepicker-single::-moz-placeholder {
  color: #bebebe;
}
.vits-datepicker-single:is(.size-s, .size-m, .size-l) .datepicker-single::placeholder {
  color: #bebebe;
}
.vits-datepicker-single.size-s .datepicker-single {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  min-height: 1.75rem;
}
.vits-datepicker-single.size-m .datepicker-single {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  min-height: 2rem;
}
.vits-datepicker-single.size-l .datepicker-single {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2e2e2e;
  letter-spacing: 0;
  min-height: 2.25rem;
}
.vits-datepicker-single [aria-label='select'] {
  width: auto;
}
.vits-datepicker-single [aria-label='select']:hover {
  background-color: rgba(0, 0, 0, 0);
}
.vits-datepicker-single .k-svg-i-calendar {
  background: #fff url(../../../../../resources/img/mro/renewal/ic/ic-calendar.svg) no-repeat center/contain;
  width: 1.375rem;
  height: 1.375rem;
}
.vits-datepicker-single .k-svg-i-calendar svg {
  display: none;
}
.vits-datepicker-single.k-calendar,
.vits-datepicker-single.k-calendar-container .k-calendar {
  padding: 1.25rem;
  margin-left: -0.8125rem;
  overflow: hidden;
  background: #fff;
  border: 1px solid #1b1b1b;
  border-radius: 8px;
}
.vits-datepicker-single .k-header.k-hstack {
  width: 13.375rem;
  padding: 0;
  margin: 0 auto;
  background: none;
  border: 0;
  box-shadow: revert-layer;
}
.vits-datepicker-single .k-header.k-hstack .k-button.k-rounded-md {
  padding: 0;
}
.vits-datepicker-single .k-header.k-hstack .k-button.k-rounded-md .k-button-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
}
.vits-datepicker-single .k-header.k-hstack .k-button.k-rounded-md .k-button-text .nav-dot {
  padding: 0 0.75rem;
}
.vits-datepicker-single .k-header.k-hstack .k-calendar-nav-prev,
.vits-datepicker-single .k-header.k-hstack .k-calendar-nav-next {
  width: 2rem;
  height: 2rem;
}
.vits-datepicker-single .k-header.k-hstack .k-calendar-nav-prev .ic,
.vits-datepicker-single .k-header.k-hstack .k-calendar-nav-next .ic {
  width: 100%;
  height: 100%;
}
.vits-datepicker-single .k-header.k-hstack .k-calendar-nav-prev .k-button-icon,
.vits-datepicker-single .k-header.k-hstack .k-calendar-nav-next .k-button-icon {
  width: 2rem;
  height: 2rem;
}
.vits-datepicker-single .k-header.k-hstack .k-calendar-nav-prev .k-button-icon .ic,
.vits-datepicker-single .k-header.k-hstack .k-calendar-nav-next .k-button-icon .ic {
  width: 100%;
  height: 100%;
}
.vits-datepicker-single .k-header.k-hstack .k-calendar-nav-prev .k-button-icon svg,
.vits-datepicker-single .k-header.k-hstack .k-calendar-nav-next .k-button-icon svg {
  display: none;
}
.vits-datepicker-single .k-header.k-hstack .k-calendar-nav-prev .k-button-icon {
  background: #fff url(../../../../../resources/img/mro/renewal/ic/ic-arrow-left.svg) no-repeat center/contain;
}
.vits-datepicker-single .k-header.k-hstack .k-calendar-nav-next .k-button-icon {
  background: #fff url(../../../../../resources/img/mro/renewal/ic/ic-arrow-right.svg) no-repeat center/contain;
}
.vits-datepicker-single .k-calendar-view.k-calendar-monthview {
  width: 100%;
  padding: 0;
}
.vits-datepicker-single .k-calendar-view.k-calendar-monthview .k-calendar-table {
  width: 20rem;
  margin: 0;
  transform: none !important;
}
@media screen and (width <= 768px) {
  .vits-datepicker-single .k-calendar-view.k-calendar-monthview .k-calendar-table {
    width: auto;
  }
}
.vits-datepicker-single .k-calendar-view.k-calendar-monthview .k-calendar-th {
  height: 18px;
  min-height: 18px;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 3.625rem;
  color: #1b1b1b;
  white-space: nowrap;
}
.vits-datepicker-single .k-calendar-view.k-calendar-monthview .k-calendar-tbody .k-calendar-td {
  width: auto;
  padding: 0;
}
.vits-datepicker-single .k-calendar-view.k-calendar-monthview .k-calendar-tbody .k-calendar-td .k-link {
  width: 2rem;
  height: 2rem;
  padding: 0;
  margin: 0 auto;
  font-weight: 400;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  box-shadow: none;
}
.vits-datepicker-single .k-calendar-view.k-calendar-monthview .k-calendar-tbody .k-calendar-td.date-past {
  pointer-events: none;
  cursor: none;
}
.vits-datepicker-single .k-calendar-view.k-calendar-monthview .k-calendar-tbody .k-calendar-td.date-past .k-link {
  color: #bebebe;
}
.vits-datepicker-single .k-calendar-view.k-calendar-monthview .k-calendar-tbody .k-calendar-td:hover {
  width: auto;
  padding: 0;
  color: #1b1b1b;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
}
.vits-datepicker-single .k-calendar-view.k-calendar-monthview .k-calendar-tbody .k-calendar-td:hover .k-link {
  background-color: #f0f0f0;
}
.vits-datepicker-single .k-calendar-view.k-calendar-monthview .k-calendar-tbody .k-calendar-td.k-selected .k-link {
  color: #fff;
  background-color: #e51e25;
  box-shadow: none;
}
.vits-datepicker-single .k-calendar-view.k-calendar-monthview .k-calendar-tbody .k-calendar-td.k-today {
  width: 2rem;
  height: 2rem;
  color: #1b1b1b;
  border: 0;
}
.vits-datepicker-single .k-calendar-view.k-calendar-monthview .k-calendar-tbody .k-calendar-td.k-today .k-link {
  font-weight: 700 !important;
  color: #1b1b1b;
}
.vits-datepicker-single .k-calendar-view.k-calendar-monthview .k-calendar-tbody .k-calendar-td.k-today.k-focus .k-link {
  border: 0;
  box-shadow: none;
}
.vits-datepicker-single .k-calendar-view.k-calendar-monthview .k-calendar-tbody .k-calendar-td.k-today.k-selected {
  color: #fff;
}
.vits-datepicker-single
  .k-calendar-view.k-calendar-monthview
  .k-calendar-tbody
  .k-calendar-td.k-today.k-selected
  .k-link {
  color: #fff;
}
.vits-datepicker-single .k-calendar-view.k-calendar-monthview .k-calendar-tbody .k-calendar-td.k-state-disabled {
  pointer-events: none;
}
.vits-datepicker-single
  .k-calendar-view.k-calendar-monthview
  .k-calendar-tbody
  .k-calendar-td.k-state-disabled
  .k-link {
  color: #bebebe;
  cursor: default;
  background: rgba(0, 0, 0, 0);
}
.vits-datepicker-single .k-calendar-view.k-calendar-yearview,
.vits-datepicker-single .k-calendar-view.k-calendar-decadeview,
.vits-datepicker-single .k-calendar-view.k-calendar-centuryview {
  display: flex;
  padding: 1.25rem 0;
}
.vits-datepicker-single .k-calendar-view.k-calendar-yearview .k-calendar-table,
.vits-datepicker-single .k-calendar-view.k-calendar-decadeview .k-calendar-table,
.vits-datepicker-single .k-calendar-view.k-calendar-centuryview .k-calendar-table {
  width: 100%;
}
.vits-datepicker-single .k-calendar-view.k-calendar-yearview .k-calendar-table .k-calendar-td.k-empty,
.vits-datepicker-single .k-calendar-view.k-calendar-decadeview .k-calendar-table .k-calendar-td.k-empty,
.vits-datepicker-single .k-calendar-view.k-calendar-centuryview .k-calendar-table .k-calendar-td.k-empty {
  display: none !important;
}
.vits-datepicker-single .k-calendar-centuryview .k-link {
  padding-left: 1rem;
}
.vits-datepicker-single .k-other-month .k-link {
  color: #bebebe;
}
.vits-datepicker-single .k-other-month.k-weekend {
  pointer-events: none;
  cursor: none;
}
.k-window .vits-datepicker-single {
  transform: translateZ(0);
}
.vits-datepicker-single.is-selected {
  border-color: #1b1b1b;
}
.k-animation-container:has(.vits-datepicker-single),
.k-animation-container:has(.vits-datepicker-single) .k-child-animation-container,
.k-animation-container:has(.vits-datepicker-single) .k-calendar-container {
  background: rgba(0, 0, 0, 0);
  border: 0;
}
.vits-alerts-anatomy.type-blue {
  text-align: left;
  background: #edf1fd;
  border-radius: 8px;
}
.vits-alerts-anatomy.type-blue .vits-alerts-anatomy-inner {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.vits-alerts-anatomy.type-blue .vits-alerts-anatomy-inner .alerts-anatomy-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: #2f4f9e;
}
.vits-alerts-anatomy.type-blue .vits-alerts-anatomy-inner .alerts-anatomy-icon .ic {
  width: 100%;
  height: 100%;
}
.vits-alerts-anatomy.type-blue .vits-alerts-anatomy-inner .alerts-anatomy-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
  padding-top: 0.0625rem;
}
.vits-alerts-anatomy.type-blue .vits-alerts-anatomy-inner .alerts-anatomy-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-alerts-anatomy.type-blue .vits-alerts-anatomy-inner .alerts-anatomy-list > li {
  position: relative;
  padding-left: 0.625rem;
}
.vits-alerts-anatomy.type-blue .vits-alerts-anatomy-inner .alerts-anatomy-list > li::before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 0.125rem;
  height: 0.125rem;
  content: '';
  background: #2f4f9e;
  border-radius: 50%;
}
.vits-alerts-anatomy.type-blue .vits-alerts-anatomy-inner .alerts-anatomy-list > li + li {
  margin-top: 0.25rem;
}
.vits-alerts-anatomy.type-blue .vits-alerts-anatomy-inner .alerts-anatomy-list > li {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #4a6bc2;
  letter-spacing: 0;
}
.vits-alerts-anatomy.type-blue .vits-alerts-anatomy-inner .alerts-anatomy-list > li.text-tertiary {
  color: #767676;
}
.vits-alerts-anatomy.type-blue .vits-alerts-anatomy-inner .alerts-anatomy-list > li.text-tertiary::before {
  background: #bebebe;
}
.vits-alerts-anatomy.type-blue:not(:has(.alerts-anatomy-list)) {
  padding: 0.5rem 0.75rem;
}
.vits-alerts-anatomy.type-blue:not(:has(.alerts-anatomy-list)) .vits-alerts-anatomy-inner {
  gap: 0.25rem;
}
.vits-alerts-anatomy.type-blue:has(.alerts-anatomy-list) {
  padding: 1rem 1.5rem 1rem 1rem;
}
.vits-alerts-anatomy.type-blue:has(.alerts-anatomy-list) .vits-alerts-anatomy-inner {
  gap: 0.75rem;
}
.vits-alerts-anatomy.type-blue:has(.alerts-anatomy-list) .alerts-anatomy-text {
  font-weight: 600;
}
.vits-alerts-anatomy.type-red {
  text-align: left;
  background: #fff0f1;
  border-radius: 8px;
}
.vits-alerts-anatomy.type-red .vits-alerts-anatomy-inner {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.vits-alerts-anatomy.type-red .vits-alerts-anatomy-inner .alerts-anatomy-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: #e51e25;
}
.vits-alerts-anatomy.type-red .vits-alerts-anatomy-inner .alerts-anatomy-icon .ic {
  width: 100%;
  height: 100%;
}
.vits-alerts-anatomy.type-red .vits-alerts-anatomy-inner .alerts-anatomy-text {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
  padding-top: 0.0625rem;
}
.vits-alerts-anatomy.type-red .vits-alerts-anatomy-inner .alerts-anatomy-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-alerts-anatomy.type-red .vits-alerts-anatomy-inner .alerts-anatomy-list > li {
  position: relative;
  padding-left: 0.625rem;
}
.vits-alerts-anatomy.type-red .vits-alerts-anatomy-inner .alerts-anatomy-list > li::before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 0.125rem;
  height: 0.125rem;
  content: '';
  background: #e51e25;
  border-radius: 50%;
}
.vits-alerts-anatomy.type-red .vits-alerts-anatomy-inner .alerts-anatomy-list > li + li {
  margin-top: 0.25rem;
}
.vits-alerts-anatomy.type-red .vits-alerts-anatomy-inner .alerts-anatomy-list > li {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #f2555a;
  letter-spacing: 0;
}
.vits-alerts-anatomy.type-red .vits-alerts-anatomy-inner .alerts-anatomy-list > li.text-tertiary {
  color: #767676;
}
.vits-alerts-anatomy.type-red .vits-alerts-anatomy-inner .alerts-anatomy-list > li.text-tertiary::before {
  background: #bebebe;
}
.vits-alerts-anatomy.type-red:not(:has(.alerts-anatomy-list)) {
  padding: 0.5rem 0.75rem;
}
.vits-alerts-anatomy.type-red:not(:has(.alerts-anatomy-list)) .vits-alerts-anatomy-inner {
  gap: 0.25rem;
}
.vits-alerts-anatomy.type-red:has(.alerts-anatomy-list) {
  padding: 1rem 1.5rem 1rem 1rem;
}
.vits-alerts-anatomy.type-red:has(.alerts-anatomy-list) .vits-alerts-anatomy-inner {
  gap: 0.75rem;
}
.vits-alerts-anatomy.type-red:has(.alerts-anatomy-list) .alerts-anatomy-text {
  font-weight: 600;
}
.vits-alerts-anatomy.style-my-docs {
  background: #fff;
}
.vits-order-alerts {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  position: relative;
  gap: 0.75rem;
  text-align: left;
}
.vits-order-alerts.type-r-warning {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
  padding: 0.5rem 0.75rem;
  background-color: #fff0f1;
  border: 1px solid #fccbcd;
  border-radius: 4px;
}
.vits-order-alerts.type-r-warning .alerts-text-important {
  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 wrap;
  align-items: center;
  justify-content: flex-start;
  line-height: normal;
}
.vits-order-alerts.type-r-warning .alerts-text-important .alerts-icon {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  margin-right: 0.25rem;
  background-color: #ed3a40;
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tip-info.svg) no-repeat center/12px 12px;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tip-info.svg) no-repeat center/12px 12px;
}
.vits-order-alerts.type-r-warning .alerts-text-important .alerts-icon .ic {
  width: 100%;
  height: 100%;
}
.vits-order-alerts.type-r-warning .alerts-text-important strong {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: #e51e25;
  letter-spacing: 0;
  margin: 0 0.125rem;
  line-height: normal;
}
.vits-order-alerts.type-b-warning {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
  padding: 1.25rem 2rem;
  background-color: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
}
.vits-order-alerts.type-b-warning .alerts-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-order-alerts.type-b-warning .alerts-text-important {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  line-height: normal;
}
.vits-order-alerts.type-b-warning .alerts-text-important .alerts-icon {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  margin-right: 0.25rem;
  background-color: #2f4f9e;
  -webkit-mask: url(../../../../../resources/img/mro/renewal/ic/ic-tip-info.svg) no-repeat center/12px 12px;
  mask: url(../../../../../resources/img/mro/renewal/ic/ic-tip-info.svg) no-repeat center/12px 12px;
}
.vits-order-alerts.type-b-warning .alerts-text-important .alerts-icon .ic {
  width: 100%;
  height: 100%;
}
.vits-order-alerts.type-b-warning .alerts-text-important strong {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2f4f9e;
  letter-spacing: 0;
  margin: 0 0.125rem;
  line-height: normal;
}
.vits-common-alert-modal .common-alert-modal-content,
.vits-common-alert-modal * {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  line-height: 1.5;
}
.vm-common-alert-modal .common-alert-modal-content,
.vm-common-alert-modal * {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
  letter-spacing: 0;
  line-height: 1.5;
}
.vits-floating-section {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-end;
  z-index: 1001;
  gap: 0.5rem;
  width: 3.75rem;
}
.vits-floating-recent {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  background: #fff;
  border-radius: 3.75rem;
  box-shadow: inset 0 0 0 1px #5c5c5c;
  gap: 0.25rem;
  padding: 1rem 0.5rem;
  cursor: pointer;
}
.vits-floating-recent.is-empty {
  cursor: default;
}
.vits-floating-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.375rem;
  transition: transform 0.3s ease;
}
.vits-floating-list-wrap {
  width: 100%;
  max-height: 9rem;
  overflow: hidden;
}
.vits-floating-item {
  border: 1px solid #dadada;
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 50%;
}
.vits-floating-item a {
  display: block;
  width: 100%;
  height: 100%;
}
.vits-floating-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.vits-floating-arrow {
  width: 1.25rem;
  height: 1.25rem;
  display: none;
  color: #bebebe;
  cursor: pointer;
}
.vits-floating-arrow .ic {
  width: 100%;
  height: 100%;
}
.vits-floating-arrow.is-disabled {
  cursor: default;
  opacity: 0.3;
}
.is-scrollable .vits-floating-arrow {
  display: block;
}
.vits-floating-count {
  width: calc(100% + 1rem);
  padding-top: 0.25rem;
  margin: 0 -0.5rem;
}
.vits-floating-count,
.vits-floating-count span {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  color: #515151;
  letter-spacing: 0;
  text-align: center;
  transition:
    font-weight 0.3s,
    color 0.3s;
}
@media (any-hover: hover) and (any-pointer: fine) {
  .vits-floating-count:hover,
  .vits-floating-count:hover span {
    font-weight: 600;
    color: #1b1b1b;
  }
}
.vits-floating-count:focus-visible,
.vits-floating-count:focus-visible span,
.vits-floating-count:active,
.vits-floating-count:active span {
  font-weight: 600;
  color: #1b1b1b;
}
.vits-floating-top {
  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%;
  background: #fff;
  border-radius: 3.75rem;
  box-shadow: inset 0 0 0 1px #5c5c5c;
  width: 3.75rem;
  height: 3.75rem;
  pointer-events: none;
  filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.04));
  opacity: 0;
  transition: opacity 0.3s ease;
}
.vits-floating-top:disabled {
  cursor: not-allowed;
}
.vits-floating-top.is-visible {
  pointer-events: auto;
  opacity: 1;
}
.vits-floating-top img {
  width: 2.1875rem;
  aspect-ratio: 35/24;
}
.vits-floating-panel {
  position: absolute;
  right: 0;
  bottom: 4.25rem;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  border: 1px solid #5c5c5c;
  z-index: 1;
  display: none;
  gap: 0.75rem;
  width: 14.875rem;
  max-height: 32.125rem;
  padding: 0.75rem 0.25rem;
  background: #fff;
  border-radius: 12px;
}
.vits-floating-panel-scroll {
  flex-grow: 1;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
}
.vits-floating-panel-head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  position: sticky;
  top: 0;
  z-index: 1;
  gap: 0.5rem;
  padding: 0 0.5rem 1rem;
  background: #fff;
  background: linear-gradient(
    180deg,
    rgb(255, 255, 255) 60%,
    rgba(255, 255, 255, 0.5) 70%,
    rgba(255, 255, 255, 0) 100%
  );
}
.vits-floating-panel-title {
  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: 700;
  line-height: 1.3;
  color: #1b1b1b;
  letter-spacing: 0;
  width: 100%;
  height: 1.625rem;
  margin-right: auto;
}
.vits-floating-panel-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0 0.5rem;
}
.vits-floating-panel-item,
.vits-floating-panel-item a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.vits-floating-panel-item a {
  flex-grow: 1;
  min-width: 0;
}
.vits-floating-panel-item .thumb {
  flex-shrink: 0;
  width: 3.75rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 4px;
}
.vits-floating-panel-item .thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vits-floating-panel-item .info {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.375rem;
}
.vits-floating-panel-item .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-floating-panel-item .price {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
}
.vits-floating-panel-item:not(:last-of-type) {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
.vits-floating-panel.is-open {
  display: flex;
}
.vits-floating-delete-all,
.vits-floating-delete,
.vits-floating-close {
  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;
  background: rgba(0, 0, 0, 0);
  border: 0;
}
.vits-floating-delete-all:disabled,
.vits-floating-delete:disabled,
.vits-floating-close:disabled {
  cursor: not-allowed;
}
.vits-floating-delete-all {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  letter-spacing: 0;
  border-bottom: 1px solid #dadada;
  height: 1rem;
  font-size: 0.75rem;
  color: #767676;
}
.vits-floating-delete {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: #bebebe;
}
.vits-floating-delete .ic {
  width: 100%;
  height: 100%;
}
.vits-floating-close {
  width: 1.25rem;
  height: 1.25rem;
  color: #444;
}
.vits-floating-close .ic {
  width: 100%;
  height: 100%;
}