@charset "utf-8";

/* ──────────────────────────────────────────
   LOVVON — style.css (구버전 스킨 호환 전용)
   ※ 살아있는 컴포넌트(무료배송바/구매후기/Q&A/쿠폰존/알림/상품정보유틸)는
     lovvon.css Section 39 로 이전됨. modalLayer/mask 는 lovvon.css Section 24.
   ※ 여기 남은 .sct_* / #best_item / icon_* 는 아직 lovvon화 안 된 스킨
     (list.20, list.best.10, main.20/30/40, iteminfo.relation, personalpay,
      boxtodayview)이 사용. 해당 스킨 lovvon화 완료 시 이 파일 전체 삭제 가능.
────────────────────────────────────────── */

/* ── 공통 상품 리스트 기반 ── */
.sct { margin:10px 0; padding:0; list-style:none; clear:both; }
.sct:after { display:block; visibility:hidden; clear:both; content:""; }
.sct_wrap { display:block; width:100%; margin:0 auto; }
.sct_wrap:after { display:block; visibility:hidden; clear:both; content:""; }
.sct_wrap h2 { text-align:center; }
.sct_wrap h2 a { display:inline-block; font-weight:500; color:#222; font-size:22px; }
.sct_li { position:relative; text-align:center; }
.sct_noitem { padding:50px 0; text-align:center; }
.sct_img { position:relative; }
.sct_img img { width:100%; height:auto; }
.sct_txt a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#222; }
.sct_cost { color:#333; font-weight:600; font-size:15px; margin:4px 0; }
.sct_cost strike { font-size:12px; color:#aaa; font-weight:400; text-decoration:auto; }
.sct_basic { font-size:12px; line-height:16px; color:#999; margin:5px 0; text-align:left; }
.sct_id { margin:5px 0; font-size:0.92em; color:#666; }
.sct_admin { margin:0 0 10px; text-align:right; }

/* ── 그리드형 (list.20.skin.php, main.30/40) ── */
.sct_30 .sct_li { float:left; width:24%; margin:0 0 30px 14px; text-align:left; }
.sct_30 .sct_li:nth-child(4n+1) { clear:both; margin-left:0; }
.sct_50 .sct_li { float:left; text-align:left; margin:0 0 20px; padding:0 5px; }
.sct_50 .sct_li:nth-child(4n+1) { clear:inherit; }
.sct_50 .sct_li:nth-child(2n+1) { clear:both; }

/* 배지 아이콘 (item_icon() 함수 출력) */
.sct_icon { position:absolute; top:10px; left:10px; }
.sct_icon .icon { display:inline-block; margin:0 1px 1px 0; padding:2px 6px; line-height:18px; font-size:10px; font-weight:500; }
.icon_hit  { background:#303033; color:#fff; border:1px solid #303033; }
.icon_rec  { background:var(--lv-accent); color:#fff; border:1px solid var(--lv-accent); }
.icon_sale { background:#111; color:#fff; border:1px solid #111; }
.icon_new  { background:var(--lv-accent); color:#fff; border:1px solid var(--lv-accent); }
.icon_best { background:#000; color:#fff; border:1px solid #000; }
.icon_soldout .soldout_txt { display:inline-block; font-weight:500; padding:1px 6px; line-height:20px; font-size:11px; background:#f00; color:#fff; }
.sct_icon .shop_icon { display:inline-block; color:#fff; background:#a8aab1; line-height:20px; padding:0 5px; font-size:0.92em; margin:1px; }
.sct_icon .shop_icon_soldout { display:inline-block; color:#f00; font-style:italic; font-weight:bold; margin:2px; }
.sct_sale_per { color:var(--lv-accent); font-size:14px; font-weight:bold; }

/* ── 베스트 슬라이더 (list.best.10.skin.php) ── */
#best_item { display:none; margin:20px 0; overflow:hidden; position:relative; }
#best_item h2 { position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden; }
#best_item #sbest_list { width:100%; overflow:hidden; }
#best_item .slide-wrap { margin:0; overflow:hidden; position:relative; top:0; left:0; float:left; }
#best_item .slide-wrap:after { display:block; visibility:hidden; clear:both; content:""; }
#best_item .sct_best { width:100%; position:relative; padding:0; float:left; }
.sct_best .sct_li { position:relative; float:left; max-width:257.5px; }
.sct_best .sct_a { display:block; position:relative; text-decoration:none; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.sct_best .sct_a img { width:100%; height:auto; }
.sct_best .sct_cost { display:block; margin:0 0 10px; text-align:left; font-size:1.1em; font-weight:700; }
.sct_best .sct_img { position:relative; margin:0 5px 5px; }
.sct_best .best_icon { position:absolute; right:10px; top:10px; line-height:40px; height:40px; width:40px; background:#111; color:#fff; font-size:0.8em; border-radius:2px; text-align:center; }
.bst_silde_btn { text-align:center; clear:both; margin:10px 0; }
.bst_silde_btn button { border:0; display:inline-block; width:30px; height:3px; background:#afafaf; text-indent:-999px; overflow:hidden; margin:3px; }
.bst_silde_btn button.bst_sl { background:#111; }

/* ── 최근 본 상품 (personalpay, boxtodayview) ── */
.sct_pv .sct_li { position:relative; float:left; margin-bottom:10px; }
.sct_pv .sct_img { padding:0 5px; }
.sct_pv .sct_img img { width:100%; }
.sct_pv .sct_a { display:block; position:relative; margin:0 0 5px; text-decoration:none; font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.sct_pv .sct_cost { display:block; margin:0 0 10px; }

/* ── 반응형 ── */
@media (max-width:1200px) {
    .sct_30 .sct_li { width:25%; margin:0 0 20px; padding:0 5px; }
    .sct_50 .sct_li { margin:0 0 20px; padding:0 5px; }
}
@media (max-width:890px) {
    .sct_30 .sct_li { width:50%; }
    .sct_30 .sct_li:nth-child(4n+1) { clear:inherit; }
    .sct_30 .sct_li:nth-child(2n+1) { clear:both; }
}
@media (max-width:969px) {
    .sct_wrap h2 a { font-size:18px; }
    .sct_basic { font-size:11px; }
}