@charset "UTF-8";

/* components.css — 2개 이상 페이지에서 공용되는 컴포넌트 (타일/버튼/배지/캐러셀 보정 등) */

.icon-chevron-carousel-prev.st-white.st-xlg {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 11 18" fill="none"><path d="M9.41422 0.707153L1.41422 8.70715L9.41422 16.7072" stroke="white" stroke-width="2"/></svg>');
  background-size: 11px 18px;
  width: 40px;
  height: 40px;
}

.icon-chevron-carousel-next.st-white.st-xlg {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 11 18" fill="none"><path d="M0.707153 16.7072L8.70715 8.70715L0.707153 0.707153" stroke="white" stroke-width="2"/></svg>');
  background-size: 11px 18px;
  width: 40px;
  height: 40px;
}

.carousel-nav.st-middle {
  transform: translateY(-50%) !important;
}

.spot-visual.st-video:has(.is-hide):after {
  content: none;
}

[data-component-pin="spc-mgz-evt-view"] .promotion-DSP_TAB_BANNER_GOD {
  margin-bottom: 100px !important;
}

[data-component-pin="spc-mgz-evt-view"] .promotion-DSP_TAB_BANNER_GOD .tab-pane .swiper .swiper-slide {
  width: 200px;
  margin-right: 8px;
}

[data-component-pin="spc-mgz-evt-view"] .promotion-DSP_TAB_BANNER_GOD .catalog-item .tile-brand {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.marketspot .spot-visual.pb-100-percent {
  position: relative;
  height: auto;
  overflow: hidden;
}

.marketspot .spot-visual.pb-100-percent:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.marketspot .spot-visual.pb-100-percent img {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.spot-utility .spot-collapse .spot-dropdown.st-lg {
  width: 220px;
}

.spot-utility .spot-collapse .spot-dropdown.st-sm .dropdown-text {
  width: calc(100% - 38px - 8px);
}

.spot-utility .spot-collapse .spot-dropdown.st-sm .dropdown-text span {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#cloud-shoplive-layer-modal-player {
  position: relative;
  z-index: 900;
}

.main-billboard-hero .module-catalog-carousel-hero.st-ratio-2-3 .w-434 {
  width: 32.5337331334% !important;
}

.main-billboard-hero .module-catalog-carousel-hero.st-ratio-2-3 .w-434 img {
  width: 100%;
}

.main-billboard-hero .module-catalog-carousel-hero.st-ratio-2-3 .marketspot {
  display: block;
  width: 100%;
  padding-bottom: 150%;
}

.main-billboard-hero .module-catalog-carousel-hero.st-ratio-2-3 .marketspot .spot-copy.st-overlay {
  bottom: 0;
  padding: 6.9124423963% 9.2165898618%;
  margin-bottom: 8.7557603687%;
}

.main-billboard-hero .module-catalog-carousel-hero.st-ratio-2-3 .marketspot .spot-brand {
  margin-bottom: 16px;
}

.main-billboard-hero .module-catalog-carousel-hero.st-ratio-2-3 .marketspot .spot-brand img {
  height: 36px;
  width: auto;
}

.main-billboard-hero .module-catalog-carousel-hero.st-ratio-2-3 .marketspot .spot-copy.st-hero .spot-text + .spot-title {
  margin-top: 8px;
}

.main-billboard-hero .module-catalog-carousel-hero.st-ratio-2-3 .marketspot .spot-copy.st-hero .spot-title {
  font-size: 26px;
  font-weight: 600;
  line-height: 120%;
}

.main-billboard-hero .module-catalog-carousel-hero.st-ratio-2-3 .marketspot .spot-copy.st-hero .spot-title + .spot-text {
  margin-top: 8px;
  -webkit-line-clamp: 2;
}

.main-billboard-hero .module-catalog-carousel-hero.st-ratio-2-3 .marketspot .spot-copy.st-hero .spot-price {
  margin-top: 12px;
  color: #FFF;
  font-size: 26px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.2px;
}

.main-billboard-hero .module-catalog-carousel-hero.st-ratio-2-3 .marketspot .spot-copy.st-hero .spot-subtext {
  margin-top: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.main-billboard-hero .module-catalog-carousel-hero.st-ratio-2-3 .spot-visual.st-maxi {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}

.main-billboard-hero .module-catalog-carousel-hero.st-ratio-2-3 .spot-visual.st-maxi.st-video {
  height: 100%;
}

.main-billboard-hero .module-catalog-carousel-hero.st-ratio-2-3 .carousel-nav {
  margin-top: -2.9985007496%;
}

.main-billboard-hero .module-catalog-carousel-hero.st-ratio-2-3 .carousel-nav.carousel-prev {
  left: 0;
  margin-left: -10.1949025487%;
  padding: 0.5997001499%;
}

.main-billboard-hero .module-catalog-carousel-hero.st-ratio-2-3 .carousel-nav.carousel-next {
  right: 0;
  margin-right: -10.1949025487%;
  padding: 0.5997001499%;
}

.d-flex {
  display: flex !important;
}

.d-none {
  display: none !important;
}

.w-15 {
  width: 15px !important;
}

.w-per-100 {
  width: 100% !important;
}

.min-0 {
  min-width: 0 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.align-items-center {
  align-items: center !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.me-8 {
  margin-right: 8px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.ms-16 {
  margin-left: 16px !important;
}

.me-16 {
  margin-right: 16px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.ms-32 {
  margin-left: 32px !important;
}

.me-32 {
  margin-right: 32px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mt-72 {
  margin-top: 72px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.lh-18 {
  line-height: 18px !important;
}

.lh-19 {
  line-height: 19px !important;
}

.lh-20 {
  line-height: 20px !important;
}

.fs-10.lh-14,
.fs-12.lh-18,
.fs-12.lh-22,
.fs-13.lh-19,
.fs-14.lh-20,
.fs-16.lh-24,
.fs-18.lh-25,
.fs-18.lh-30,
.fs-20.lh-24,
.fs-22.lh-26 {
  display: block;
}

.text-inner {
  margin-top: -2px;
  margin-bottom: -2px;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-secondary {
  --tt-text-opacity: 1;
  color: rgba(153, 153, 153, var(--tt-text-opacity)) !important;
}

.text-dimmed {
  --tt-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tt-text-opacity)) !important;
}

.visible {
  visibility: visible !important;
}

.divider {
  display: block;
  color: inherit;
  border: 0;
  border-top: 2px solid #eee;
}

.divider.st-start,
.divider.st-vertical {
  border: 0;
  border-left: 2px solid #eee;
}

.divider.st-vertical.st-10 {
  height: 10px;
}

.divider.st-focus {
  border-color: #000;
}

.divider.st-sm {
  border-width: 1px;
}

.divider.st-lg {
  border-color: #f8f8f8;
  border-width: 8px;
}

.text-inner {
  display: block;
  font-style: normal;
}

strong.text-inner,
strong.text-require {
  font-weight: 600;
}

.row {
  --tt-gutter-x: 0;
  --tt-gutter-y: 0;
  display: flex !important;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--tt-gutter-y));
  margin-right: calc(-1 * var(--tt-gutter-x));
  margin-left: calc(-1 * var(--tt-gutter-x));
}

.row.d-none {
  display: none !important;
}

.row.has-section-gap {
  --tt-gutter-y: 112px;
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--tt-gutter-x) * 1);
  padding-left: calc(var(--tt-gutter-x) * 1);
  margin-top: var(--tt-gutter-y);
}

main.row {
  margin-top: 0;
}

main.row > * {
  margin-top: 0;
  margin-bottom: var(--tt-gutter-y);
}

main.row > *:last-child {
  margin-bottom: 0;
}

main.row > *:has(.module-carousel-text):first-child {
  margin-top: -10px;
}

main.row :where(footer) {
  margin-top: 20px;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-8-1 {
  flex: 0 0 auto;
  width: 12.5%;
}

.gx-8 {
  --tt-gutter-x: 8px;
}

.gx-16 {
  --tt-gutter-x: 16px;
}

.g-8,
.gx-8 {
  --tt-gutter-x: 8px;
}

.g-16,
.gy-16 {
  --tt-gutter-y: 16px;
}

.g-16,
.gx-16 {
  --tt-gutter-x: 16px;
}

.g-32,
.gy-32 {
  --tt-gutter-y: 32px;
}

select.selectbox {
  display: block;
  outline-style: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  font-size: 14px;
  line-height: 18px;
  border: 1px solid #ddd;
  padding: 10px 12px 10px 16px;
  background: #fff url("../../assets/img/icons/icon-selectbox-down.png") no-repeat calc(100% - 12px) 10px;
  background-size: 16px;
}

select.selectbox:focus {
  border-color: #000;
}

select.selectbox:disabled {
  background-color: #f5f5f5;
  color: #999;
  background-image: url("../../assets/img/icons/icon-selectbox-down-disabled.png");
}

.row select.selectbox {
  width: 100%;
}

.selectbox {
  position: relative;
}

.selectbox .selectbox-layer {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  position: absolute;
  right: 0;
  top: calc(100% - 1px);
  z-index: 4;
  border: 1px solid #000;
  border-top: 1px solid #eee;
  background-color: #fff;
  max-height: 400px;
  overflow-y: auto;
}

.selectbox .selectbox-button {
  display: flex;
  text-align: left;
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  padding: 12px 16px;
}

.selectbox .selectbox-button .text-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.selectbox .selectbox-button .text-inner + .text-inner {
  margin-left: 8px;
}

.selectbox .selectbox-button:disabled .text-inner {
  color: #bbb;
}

.selectbox .selectbox-button:hover:not(:disabled) {
  background-color: #f8f8f8;
}

.row .selectbox {
  width: 100%;
}

.text-input,
.text-input-currency {
  display: block;
  width: 100%;
  border-radius: 0;
  font-size: 14px;
  color: #000;
  line-height: 16px;
  font-weight: 400;
  background-color: #fff;
  border: 1px solid #ddd;
  outline-style: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 11px 12px 11px 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.text-input:disabled,
.text-input-currency:disabled {
  background-color: #f8f8f8;
  color: #999;
}

.text-input:disabled + .text-input-action .button-icon,
.text-input:disabled + .text-input-action .catalog-item.st-tile .tile-thumb .tile-heart,
.catalog-item.st-tile .tile-thumb .text-input:disabled + .text-input-action .tile-heart,
.text-input-currency:disabled + .text-input-action .button-icon,
.text-input-currency:disabled + .text-input-action .catalog-item.st-tile .tile-thumb .tile-heart,
.catalog-item.st-tile .tile-thumb .text-input-currency:disabled + .text-input-action .tile-heart {
  background-color: #f8f8f8;
}

.text-input:focus,
.text-input-currency:focus {
  border-color: #000;
}

.text-input::-moz-placeholder,
.text-input-currency::-moz-placeholder {
  color: #999;
  font-size: 14px;
}

.text-input::placeholder,
.text-input-currency::placeholder {
  color: #999;
  font-size: 14px;
}

.text-input::-webkit-outer-spin-button,
.text-input-currency::-webkit-outer-spin-button,
.text-input::-webkit-inner-spin-button,
.text-input-currency::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.text-input.st-dimmed,
.st-dimmed.text-input-currency {
  color: #999;
}

.text-input.st-lg,
.st-lg.text-input-currency {
  padding-top: 15px;
  padding-bottom: 15px;
}

.row .text-input,
.row .text-input-currency {
  width: 100%;
}

textarea.text-input,
textarea.text-input-currency {
  resize: none;
  padding: 24px 24px 64px;
  font-size: 14px;
  line-height: 22px;
  background-color: #fff;
  border-color: #ddd;
  white-space: pre-line;
  overflow: auto;
}

textarea.text-input::-moz-placeholder,
textarea.text-input-currency::-moz-placeholder {
  color: #999;
  font-size: 14px;
}

textarea.text-input::placeholder,
textarea.text-input-currency::placeholder {
  color: #999;
  font-size: 14px;
}

textarea.text-input:focus,
textarea.text-input-currency:focus {
  border-color: #000;
  background-color: #fff;
}

textarea.text-input:disabled,
textarea.text-input-currency:disabled {
  background-color: #f8f8f8;
  border-color: #ccc;
  color: #aaa;
}

.text-input-box {
  position: relative;
}

.text-input-box .text-input-action {
  height: 100%;
  position: absolute;
  top: 0;
  right: 12px;
  z-index: 1;
  display: flex;
  align-items: center;
}

.text-input-box .text-input-action .button-icon,
.text-input-box .text-input-action .catalog-item.st-tile .tile-thumb .tile-heart,
.catalog-item.st-tile .tile-thumb .text-input-box .text-input-action .tile-heart {
  background-color: #fff;
}

.text-input-box .text-input-action .button-icon + .button-icon,
.text-input-box .text-input-action .catalog-item.st-tile .tile-thumb .tile-heart + .button-icon,
.catalog-item.st-tile .tile-thumb .text-input-box .text-input-action .tile-heart + .button-icon,
.text-input-box .text-input-action .catalog-item.st-tile .tile-thumb .button-icon + .tile-heart,
.catalog-item.st-tile .tile-thumb .text-input-box .text-input-action .button-icon + .tile-heart,
.text-input-box .text-input-action .catalog-item.st-tile .tile-thumb .tile-heart + .tile-heart,
.catalog-item.st-tile .tile-thumb .text-input-box .text-input-action .tile-heart + .tile-heart {
  margin-left: 8px;
}

.text-input-box.st-seamless .text-input-action {
  right: 0;
}

.text-input-box.st-seamless .text-input,
.text-input-box.st-seamless .text-input-currency {
  border: none;
  padding-left: 8px;
  padding-right: 48px;
  border-bottom: 1px solid #000;
}

.text-input-box.st-seamless .button-search {
  margin-left: 0;
  padding-top: 6px;
  padding-bottom: 6px;
}

.button-clear {
  display: none;
}

.button-clear.active {
  display: block;
}

.icon {
  display: inline-flex;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  font: 0/0 a !important;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.icon.st-xs {
  width: 10px;
  height: 10px;
}

.icon.st-sm {
  width: 16px;
  height: 16px;
}

.icon.st-lg {
  width: 32px;
  height: 32px;
}

.icon-heart.st-black {
  background-image: url("../../assets/img/icons/icon-heart__black.png");
}

.icon-heart.st-gray {
  background-image: url("../../assets/img/icons/icon-heart__gray.png");
}

.icon-heart.st-default {
  background-image: url("../../assets/img/icons/icon-heart__default.png");
}

.icon-heart.st-sm.st-black {
  background-image: url("../../assets/img/icons/icon-heart-sm__black.png");
}

.icon-heart.st-sm.st-gray {
  background-image: url("../../assets/img/icons/icon-heart-sm__gray.png");
}

.tile-thumb .icon-heart.st-default,
.spot-visual .icon-heart.st-default,
.favorite-brand .icon-heart.st-default {
  background-image: url("../../assets/img/icons/icon-heart-fill__default.png");
}

.tile-thumb .icon-heart.st-lg,
.spot-visual .icon-heart.st-lg,
.favorite-brand .icon-heart.st-lg {
  background-image: url("../../assets/img/icons/icon-heart-fill-lg__default.png");
}

.icon-chevron-end-down.st-sm.st-black {
  background-image: url("../../assets/img/icons/icon-chevron-end-down-sm__black.png");
}

.icon-x.st-black {
  background-image: url("../../assets/img/icons/icon-x__black.png");
}

.icon-x.st-xs.st-black {
  background-image: url("../../assets/img/icons/icon-x-xs__black.png");
}

.icon-x.st-xs.st-gray {
  background-image: url("../../assets/img/icons/icon-x-xs__gray.png");
}

.icon-x-clear {
  background-image: url("../../assets/img/icons/icon-x__clear.png");
}

.icon-header-search.st-black {
  background-image: url("../../assets/img/icons/icon-header-search__black.png");
}

.icon-header-account.st-black {
  background-image: url("../../assets/img/icons/icon-header-account__black.png");
}

.icon-header-bag.st-black {
  background-image: url("../../assets/img/icons/icon-header-bag__black.png");
}

.icon-header-heart.st-black {
  background-image: url("../../assets/img/icons/icon-header-heart__black.png");
}

.icon-header-signin.st-black {
  background-image: url("../../assets/img/icons/icon-header-signin__black.png");
}

.icon-question-circle.st-grayBD {
  background-image: url("../../assets/img/icons/icon-question-circle__grayBD.png");
}

.icon-chevron-next-button-cta-14.st-xs.st-black {
  background-image: url("../../assets/img/icons/icon-chevron-next-button-cta-14__black.png");
}

.icon-footer-instagram {
  background-image: url("../../assets/img/icons/icon-footer-instagram.png");
}

.icon-footer-youtube {
  background-image: url("../../assets/img/icons/icon-footer-youtube.png");
}

.icon-footer-kakaoch {
  background-image: url("../../assets/img/icons/icon-footer-kakaoch.png");
}

.icon-floating-nav-chevron {
  background-image: url("../../assets/img/icons/icon-floating-nav-chevron.png");
}

.button-text {
  display: block;
  padding-top: 12.5px;
  padding-bottom: 12.5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
}

.button-text.st-lg {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.button-text.st-elevated {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 22px;
}

.button-text.st-sm {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
  line-height: 22px;
}

.button-text.st-sm.st-dimmed {
  color: #666;
}

.button-text.st-light {
  font-weight: 400;
}

strong.button-text {
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}

.button-icon,
.catalog-item.st-tile .tile-thumb .tile-heart {
  position: relative;
  vertical-align: middle;
  padding: 8px;
}

.button-icon:not(.button-clear),
.catalog-item.st-tile .tile-thumb .tile-heart:not(.button-clear) {
  display: inline-flex;
}

.button-icon.st-sm,
.catalog-item.st-tile .tile-thumb .st-sm.tile-heart {
  padding: 4px;
}

.button-icon.st-xs,
.catalog-item.st-tile .tile-thumb .st-xs.tile-heart {
  padding: 3px;
}

.button-icon:disabled,
.catalog-item.st-tile .tile-thumb .tile-heart:disabled {
  background-color: #f8f8f8;
}

.button-icon .icon-badge,
.catalog-item.st-tile .tile-thumb .tile-heart .icon-badge {
  position: absolute;
  top: 5px;
  left: 18px;
  z-index: 1;
  background-color: #000;
  padding: 2px 4px;
  min-width: 18px;
  max-width: 30px;
  border-radius: 11px;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}

.button-cta {
  display: flex;
  align-items: center;
}

.button-cta.st-sm .button-text.st-elevated {
  font-size: 13px;
  line-height: 21px;
}

.button-cta.st-sm .icon {
  margin-top: -1px;
}

.button-cta[data-tt-toggle="collapse"] .button-text:before {
  content: attr(data-tt-text);
  display: block;
}

.button-cta[data-tt-toggle="collapse"] .button-text:after {
  content: attr(data-tt-toggle-text);
  display: none;
}

.button-cta[data-tt-toggle="collapse"].active .button-text:before {
  display: none;
}

.button-cta[data-tt-toggle="collapse"].active .button-text:after {
  display: block;
}

.button-tooltip {
  display: flex;
  align-items: center;
}

.button-tooltip .button-text {
  padding-top: 8px;
  padding-bottom: 8px;
}

.catalog-item.st-tile .tile-link {
  display: block;
}

.catalog-item.st-tile .tile-thumb {
  position: relative;
  display: block;
}

.catalog-item.st-tile .tile-thumb .tile-link {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: 132%;
  background-color: #fff;
}

.catalog-item.st-tile .tile-thumb .tile-link .tile-img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

.catalog-item.st-tile .tile-thumb .tile-link:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #00000005;
}

.catalog-item.st-tile .tile-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: top;
}

.catalog-item.st-tile .tile-body {
  display: block;
  position: relative;
  padding-top: 16px;
  padding-left: 8px;
  padding-right: 8px;
}

.catalog-item.st-tile .tile-brand {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}

.catalog-item.st-tile .tile-brand + .tile-goods-label {
  margin-top: 8px;
}

.catalog-item.st-tile .tile-goods-label {
  font-size: 13px;
  line-height: 22px;
  color: #666;
}

.catalog-item.st-tile .tile-goods-label .tile-goods-label-inner {
  display: block;
  font-weight: 300;
  margin-top: -2px;
  margin-bottom: -2px;
  word-break: keep-all;
  display: -webkit-box;
  max-height: 572px;
  font-size: 13px;
  line-height: 22px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.catalog-item.st-tile .tile-price-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 8px;
}

.catalog-item.st-tile .tile-price {
  display: block;
  margin-right: 8px;
}

.catalog-item.st-tile .tile-price.st-current {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}

.catalog-item.st-tile.st-sm .tile-body {
  padding-top: 16px;
  padding-left: 0;
  padding-right: 0;
}

.catalog-item.st-tile.st-xs .tile-body {
  padding-top: 8px;
  padding-left: 0;
  padding-right: 0;
}

.navigator.st-lg .navigator-list .navigator-button {
  margin-left: 16px;
  margin-right: 16px;
}

.navigator.st-lg .navigator-list .navigator-text {
  line-height: 40px;
  font-size: 20px;
}

.navigator.st-pill .navigator-item:last-child .navigator-button {
  margin-right: 0;
}

.navigator.st-pill .navigator-button {
  display: flex;
  border: 1px solid #eee;
  padding: 11px 23px;
  margin: 0 8px 0 0;
  border-radius: 20px;
}

.navigator.st-pill .navigator-button.active {
  border-color: #000;
  background-color: #000;
}

.navigator.st-pill .navigator-button.active .navigator-text {
  color: #fff;
}

.navigator.st-pill .navigator-text {
  font-size: 14px;
  line-height: 16px;
  color: #000;
}

.navigator-list {
  display: flex;
}

.navigator-list .navigator-item {
  width: auto;
}

.navigator-list .navigator-item:first-child .navigator-button {
  margin-left: 0;
}

.navigator-list .navigator-item:last-child .navigator-button {
  margin-right: 0;
}

.navigator-list .navigator-button {
  display: block;
  margin-left: 12px;
  margin-right: 12px;
  white-space: nowrap;
}

.navigator-list .navigator-button.active .navigator-text {
  color: #000;
  font-weight: 600;
}

.navigator-list .navigator-text {
  display: block;
  font-size: 16px;
  color: #aaa;
  line-height: 35px;
}

[data-tt-toggle="tab"].active .button-text {
  font-weight: 600;
}

.collapse {
  display: none;
}

.collapse.active {
  display: block;
}

[data-tt-toggle="collapse"].active .icon.icon-chevron-end-down.st-sm.st-black {
  background-image: url("../../assets/img/icons/icon-chevron-end-up-sm__black.png");
}

.page-utility {
  width: 100%;
  margin: 0 auto;
  max-width: 1350px;
  display: flex;
  justify-content: space-between;
  padding: 24px 10px;
}

.breadcrumb,
.breadcrumb .breadcrumb-item {
  display: flex;
  align-items: center;
}

.breadcrumb .breadcrumb-item:not(:first-child):before {
  content: ">";
  font-size: 13px;
  line-height: 19px;
  margin: 0 4px;
}

.breadcrumb .breadcrumb-text {
  font-size: 13px;
  line-height: 19px;
}

@keyframes tooltip-pop {
  0% {
    transform: scale(0) translate3d(-50%, 0, 0);
  opacity: 0;
  }
  to {
    transform: scale(1) translate3d(-50%, 0, 0);
  opacity: 1;
  };
}

#floating-nav {
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: 68px;
  right: 68px;
  z-index: 99;
}

#floating-nav .nav-icon-recently {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  font: 0/0 a !important;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: transparent center center no-repeat;
  background-size: cover;
  background-position: center top;
  background-color: #fffc;
  border: 1px solid #eee;
}

#floating-nav > :where(*:not(:last-child)) {
  margin-bottom: 12px;
}

#floating-nav .button-icon,
#floating-nav .catalog-item.st-tile .tile-thumb .tile-heart,
.catalog-item.st-tile .tile-thumb #floating-nav .tile-heart {
  display: block;
  padding: 15px;
  border: 1px solid #eee;
  background-color: #fffc;
  border-radius: 50%;
}

#floating-nav .button-icon.floating-top,
#floating-nav .catalog-item.st-tile .tile-thumb .floating-top.tile-heart,
.catalog-item.st-tile .tile-thumb #floating-nav .floating-top.tile-heart {
  margin-bottom: -72px;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

[data-component-pin="spc-mgz-evt-view"] .text-inner {
  margin-top: unset;
  margin-bottom: unset;
}

[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_IMG_BANNER"] .swiper-pagination-progressbar-fill,
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_DSP_CMMN_ETC_CONTT_SAME_RATIO_IMG"]
  .swiper-pagination-progressbar-fill,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO"] .swiper-pagination-progressbar-fill,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_IMG_SET"] .swiper-pagination-progressbar-fill {
  background-color: #fff;
}

[data-component-pin="spc-mgz-evt-view"] [id^="cnr_PROMT_ITEMS_ITEM_PICK"] > .row,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_PROMT_ITEMS_ITEM_PICK"] > .row > * {
  margin-top: unset !important;
}

[data-component-pin="spc-mgz-evt-view"] .swiper-slide[onclick] {
  cursor: pointer !important;
}

[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_D"] .swiper-slide:nth-child(2):last-child {
  margin-left: 8px;
}

.catalog-item.st-tile .tile-price-box {
  margin-top: 2.44%;
}

@keyframes zmImg {
  to {
    transform: scale(1.2);
  };
}

.__variable_fde3a9 {
  --font-body:"pretendard","pretendard Fallback";
}

@layer components;@layer utilities {
  .visible {
    visibility:visible;
  }

  .col-auto {
    grid-column:auto;
  }

  .ms-16 {
    margin-inline-start:calc(var(--spacing)*16);
  }

  .ms-32 {
    margin-inline-start:calc(var(--spacing)*32);
  }

  .me-8 {
    margin-inline-end:calc(var(--spacing)*8);
  }

  .me-16 {
    margin-inline-end:calc(var(--spacing)*16);
  }

  .me-32 {
    margin-inline-end:calc(var(--spacing)*32);
  }

  .mt-8 {
    margin-top:calc(var(--spacing)*8);
  }

  .mt-12 {
    margin-top:calc(var(--spacing)*12);
  }

  .mt-72 {
    margin-top:calc(var(--spacing)*72);
  }

  .mb-8 {
    margin-bottom:calc(var(--spacing)*8);
  }

  .mb-16 {
    margin-bottom:calc(var(--spacing)*16);
  }

  .mb-24 {
    margin-bottom:calc(var(--spacing)*24);
  }

  .hidden {
    display:none;
  }

  .w-15 {
    width:calc(var(--spacing)*15);
  }

  .flex-shrink-0 {
    flex-shrink:0;
  }

  .font-sans {
    font-family:var(--font-body),Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;
  }

  .antialiased {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }

  @media (hover:hover) {
    .hover\:bg-gray-50:hover {
      background-color:var(--color-gray-50);
    }
  }

  .disabled\:opacity-30:disabled {
    opacity:.3;
  }

  .collapse {
    visibility:visible;
  }
}

@keyframes spin {
  to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_h6d7c_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_1dch1_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_1nl20_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_xqldc_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_1sc80_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_18vz3_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_1ccor_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_17vqm_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _shimmer_6ft8l_1 {
  to{background-position-x:0};
}

#contents:has(._cms_root_6ft8l_5[data-device=PC]) {
  overflow:visible!important;
}

@keyframes _swiper-preloader-spin_19bul_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_1wzis_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_iiuqx_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_1kzj4_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_1iy01_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_1seae_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_da1ky_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_1p1dg_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _cmpt-infinite-rtl_1ai8b_1 {
  0%{transform:translate(0)}to{transform:translate(-50%)};
}

@keyframes _cmpt-infinite-ltr_1ai8b_1 {
  0%{transform:translate(-50%)}to{transform:translate(0)};
}

@keyframes _swiper-preloader-spin_1ftvu_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_1l0qt_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_f0seq_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _cvs-entr-fade_3krbe_1 {
  0%{opacity:0};
}

@keyframes _cvs-entr-slide-up_3krbe_1 {
  0%{opacity:0;
  transform:translateY(calc(40 * var(--unit)))};
}

@keyframes _cvs-entr-slide-down_3krbe_1 {
  0%{opacity:0;
  transform:translateY(calc(-40 * var(--unit)))};
}

@keyframes _cvs-entr-slide-left_3krbe_1 {
  0%{opacity:0;
  transform:translate(calc(40 * var(--unit)))};
}

@keyframes _cvs-entr-slide-right_3krbe_1 {
  0%{opacity:0;
  transform:translate(calc(-40 * var(--unit)))};
}

@keyframes _cvs-entr-zoom_3krbe_1 {
  0%{opacity:0;
  transform:scale(.8)};
}

@keyframes _cvs-entr-zoom-out_3krbe_1 {
  0%{opacity:0;
  transform:scale(1.2)};
}

@keyframes _cvs-entr-blur-in_3krbe_1 {
  0%{opacity:0;
  filter:blur(calc(12 * var(--unit)))};
}

@keyframes _cvs-entr-flip-x_3krbe_1 {
  0%{opacity:0;
  transform:perspective(calc(800 * var(--unit))) rotateX(-90deg)};
}

@keyframes _cvs-entr-flip-y_3krbe_1 {
  0%{opacity:0;
  transform:perspective(calc(800 * var(--unit))) rotateY(-90deg)};
}

@keyframes _cvs-entr-wipe-left_3krbe_1 {
  0%{clip-path:inset(0 0 0 100%)};
}

@keyframes _cvs-entr-wipe-right_3krbe_1 {
  0%{clip-path:inset(0 100% 0 0)};
}

@keyframes _cvs-entr-wipe-up_3krbe_1 {
  0%{clip-path:inset(100% 0 0 0)};
}

@keyframes _cvs-entr-wipe-down_3krbe_1 {
  0%{clip-path:inset(0 0 100% 0)};
}

@keyframes _swiper-preloader-spin_ft2qy_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _blink_ft2qy_1 {
  0%{opacity:1}15%{opacity:0}30%{opacity:1}45%{opacity:0}55%{opacity:1}70%{opacity:0}85%{opacity:1}to{opacity:0};
}

@keyframes _swiper-preloader-spin_1vmh2_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_1f9z3_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_17oju_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_1to8z_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_sabwe_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_ve6rr_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_3gz8b_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _event-slot-spin_1wpc7_1 {
  0%{transform:translateY(0)}to{transform:translateY(-50%)};
}

@keyframes _swiper-preloader-spin_1fnd2_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_dc2pw_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}

@keyframes _swiper-preloader-spin_mnlhq_1 {
  0%{transform:rotate(0)}to{transform:rotate(1turn)};
}