/***************************
  공통
***************************/
/* swiper navigation */
.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; } /* modal: 9999 */

/***************************
  탑텐몰
***************************/
/* 키비주얼 */
.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-copy.st-hero .spot-text + .spot-title {
  margin-top: 6.4171122995%;
}
.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%;
}