@charset "utf-8";

/* 전용 비주얼: 공통 배너의 크기와 Swiper 레이아웃은 그대로 사용한다. */
.banner-slide.s1{background-image:linear-gradient(rgba(12,18,14,.15),rgba(12,18,14,.35)),url('img/banner_stock.jpg')}
.banner-slide.s2{background-image:linear-gradient(rgba(12,18,14,.15),rgba(12,18,14,.35)),url('img/banner_shipping.jpg')}
.banner-slide.s3{background-image:linear-gradient(rgba(12,18,14,.15),rgba(12,18,14,.35)),url('img/banner_gift.jpg')}
.theme-banner-bg.tb-bg1{background-image:linear-gradient(180deg,transparent 20%,rgba(12,18,14,.85)),url('img/theme_stock.jpg')}
.theme-banner-bg.tb-bg2{background-image:linear-gradient(180deg,transparent 20%,rgba(12,18,14,.85)),url('img/theme_shipping.jpg')}
.theme-banner-bg.tb-bg3{background-image:linear-gradient(180deg,transparent 20%,rgba(12,18,14,.85)),url('img/theme_gift.jpg')}
.theme-banner-bg.tb-bg4{background-image:linear-gradient(180deg,transparent 20%,rgba(12,18,14,.85)),url('img/theme_review.jpg')}

/* 긴 안내 문구를 단어 단위로 줄바꿈하고 더보기 버튼의 줄바꿈을 막는다. */
.banner-slide .banner-overlay,.theme-banner-text h3{word-break:keep-all;overflow-wrap:break-word}
main .section-more{flex-shrink:0;white-space:nowrap;margin-left:12px}

/* 좌우 여백은 내부 .container에서 적용한다. */
.theme-banners-wrap{padding-left:0;padding-right:0}

/* 사은품 안내가 여러 줄이 되는 화면에서도 배너 안에서 잘리지 않도록 높이를 늘린다. */
.theme-banners-grid .theme-banner-item{height:auto;min-height:200px}
.theme-banner-notice{margin-top:8px;font-size:12px;line-height:1.0;word-break:keep-all;overflow-wrap:break-word;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.theme-banner-notice p+p{margin-top:4px}

@media (max-width:767px){
    .banner-slide .banner-overlay{padding:16px 44px}
}

/* 새로 오픈한 재고 상품 : PC 30개(5칸 x 6줄)를 불러오고, 칸 수가 줄어드는 화면에서는 6줄까지만 보인다.
   칸 수 기준은 css/style_default.css 의 .product-grid (1023px 이하 3칸, 640px 이하 2칸) */
@media (max-width:1023px){
    .new-stock-grid .product-card:nth-child(n+19){display:none} /* 태블릿 18개 (3칸 x 6줄) */
}
@media (max-width:640px){
    .new-stock-grid .product-card:nth-child(n+13){display:none} /* 모바일 12개 (2칸 x 6줄) */
}