@charset "utf-8";
/**
 * 쇼핑몰 기본 스킨 스타일시트
 * Bootstrap 5.3.8 기반 모던 플랫 디자인
 *
 * @version 20260131-001
 */


/* ==========================================================================
   2. 사이드 GNB (카테고리 네비게이션)
   ========================================================================== */
#gnb { margin-bottom: 1rem; background: #fff; border: 1px solid #dee2e6; border-radius: 0.5rem; overflow: hidden; }
#gnb h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
.gnb_1dli { position: relative; word-wrap: break-word; }
.gnb_1da { display: block; padding: 0 1.25rem; line-height: 3rem; color: #212529; text-decoration: none; font-size: 1.067em; transition: background-color 0.15s ease; }
.gnb_1da i { position: absolute; right: 0; top: 0; display: inline-block; color: #adb5bd; padding: 0.9rem; font-size: 1.45em; }
.gnb_1dli_on .gnb_1da { background-color: #f8f9fa; color: var(--bs-primary, #0d6efd); font-weight: 600; text-decoration: none; }
.gnb_1dli_on .gnb_1da::after { position: absolute; left: -1px; top: 0; content: ""; background: var(--bs-primary, #0d6efd); width: 3px; height: 100%; }
.gnb_2dul { display: none; z-index: 1000; position: absolute; border: 1px solid #dee2e6; border-radius: 0.375rem; padding: 0.625rem; background: #fff; box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.08); }
.gnb_1dli_over .gnb_2dul,
.gnb_1dli_over2 .gnb_2dul { display: inline-block; top: 0; left: 263px; width: 200px; }
.gnb_1dli_over .gnb_2dul::after,
.gnb_1dli_over2 .gnb_2dul::after { content: ""; position: absolute; top: 10px; left: -6px; display: inline-block; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #fff; }
.gnb_1dli_over .gnb_2dul::before,
.gnb_1dli_over2 .gnb_2dul::before { content: ""; position: absolute; top: 9px; left: -7px; display: inline-block; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #dee2e6; }
.gnb_1dli_over .gnb_2da { display: block; padding: 0.375rem 0.625rem; line-height: 1.5; font-size: 1.083em; }
.gnb_2da:focus,
.gnb_2da:hover { text-decoration: none; color: var(--bs-primary, #0d6efd); }

/* ==========================================================================
   3. 오늘 본 상품 사이드바
   ========================================================================== */
#stv { position: relative; height: 100%; }
#stv .li_empty { text-align: center; line-height: 100px; }
#stv_pg { display: block; position: fixed; right: 0; bottom: 0; width: 229px; text-align: center; margin-top: 0.625rem; padding: 1rem; line-height: 1.5; background: #fff; border: 1px solid #dee2e6; border-radius: 0.5rem 0 0 0; box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.08); }
.stv_item { display: none; padding: 1rem; word-break: break-all; border-bottom: 1px solid #f1f3f5; }
.stv_item .prd_img { margin-right: 0.625rem; }
.stv_item .prd_cnt span { display: block; max-width: 105px; }
.stv_item .prd_cnt .prd_name { font-weight: 600; margin-bottom: 0.25rem; }
#stv_btn { position: absolute; top: 0.625rem; right: 0.625rem; width: 60px; height: 50px; }
#up { position: absolute; top: 0; left: 0; background: url('img/btn_sb_prev.png') no-repeat 50% 50%; width: 30px; height: 30px; text-indent: -999px; overflow: hidden; border: 0; }
#down { position: absolute; top: 0; right: 0; background: url('img/btn_sb_next.png') no-repeat 50% 50%; width: 30px; height: 30px; text-indent: -999px; overflow: hidden; border: 0; }

/* ==========================================================================
   4. 이벤트 링크
   ========================================================================== */
#sev { margin: 1.25rem 0; text-align: center; }
#sev header { margin: 0 0 1.25rem; }
#sev h2 { font-size: 1.5em; margin: 0 0 0.625rem; line-height: 1; }
#sev .ev_li .sev_img img { width: 100%; height: auto; border-radius: 0.375rem; }
#sev .ev_prd { border: 1px solid #dee2e6; text-align: center; background: #fff; border-radius: 0.5rem; overflow: hidden; }
#sev .ev_prd li { position: relative; display: block; padding: 1rem; text-align: left; vertical-align: top; border-bottom: 1px solid #f1f3f5; }
#sev .ev_prd li:last-child { border-bottom: 0; }
#sev .ev_prd .ev_prd_tit { display: block; color: #212529; font-size: 1.1em; margin-bottom: 0.375rem; }
#sev .ev_prd .ev_txt_wr { max-width: 139px; }
#sev .ev_prd .ev_prd_price { font-weight: 700; display: block; margin: 0.375rem 0 0.625rem; font-size: 1.25em; }
#sev .ev_prd .sev_more { color: var(--bs-primary, #0d6efd); background: #fff; display: block; text-align: center; }

/* ==========================================================================
   5. 커뮤니티 링크
   ========================================================================== */
#scomm { padding: 1.25rem; }
#scomm h2 { margin: 0 0 0.375rem; }
#scomm li { display: block; margin: 0.25rem; }
#scomm li a { line-height: 1.75; color: #6c757d; text-decoration: none; transition: color 0.15s ease; }
#scomm li a:hover { color: var(--bs-primary, #0d6efd); }

/* ==========================================================================
   6. 메인 배너 / 캐러셀
   ========================================================================== */
#main_bn { border: 1px solid #dee2e6; position: relative; margin: 1.25rem 0 1.875rem; border-radius: 0.5rem; overflow: hidden; }
#main_bn .slide-wrap { padding: 0; margin: 0; }
#main_bn .slide-wrap img { max-width: 100%; height: auto; }
#main_bn .owl_pager { position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; border-top: 1px solid #dee2e6; }
#main_bn .owl_pager ul { display: flex; }
#main_bn .owl_pager li { flex: 1; position: relative; border-left: 1px solid #dee2e6; text-align: center; line-height: 2.875rem; font-size: 1.2em; }
#main_bn .owl_pager li:first-child { border-left: 0; }
#main_bn .owl_pager li a { display: block; }
#main_bn .owl_pager li a::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #dee2e6; }
#main_bn .owl_pager li.active a { color: var(--bs-primary, #0d6efd); }
#main_bn .owl_pager li.active a::after { background: var(--bs-primary, #0d6efd); top: -1px; }

.btn_wr { background: rgba(0, 0, 0, 0.5); display: inline-block; position: absolute; right: 1.25rem; bottom: 65px; border-radius: 1.875rem; padding: 0.25rem 0.375rem; }
#main_bn .btn_wr { z-index: 2; }
.btn_wr .pager-prev { margin-left: 0.375rem; font-weight: 700; }
.btn_wr .pager-next { margin-right: 0.375rem; font-weight: 700; }
.btn_wr .pager-prev,
.btn_wr .pager-next,
#slide-counter { display: inline-block; padding: 0.375rem; color: #fff; }
#slide-counter { margin: 0 0.375rem; }

/* ==========================================================================
   7. 서브 배너
   ========================================================================== */
#sbn_side { position: relative; width: 100%; margin-bottom: 1.25rem; }
.sb_bn img { width: 100%; height: auto; border-radius: 0.375rem; }
#sbn_side h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
#sbn_side .bx-controls { position: absolute; bottom: 0.625rem; left: 1rem; }
#sbn_side .bx-pager-item { display: inline-block; }
#sbn_side .bx-pager-item a { display: inline-block; width: 8px; height: 8px; margin-right: 0.375rem; border-radius: 50%; background: #fff; text-indent: -9999px; opacity: 0.5; }
#sbn_side .bx-pager-item a.active { opacity: 1; }
#sbn_side .bx-controls-direction { display: none; }

/* ==========================================================================
   8. 장바구니 사이드바
   ========================================================================== */
#sbsk { position: relative; }
#sbsk li { position: relative; border-bottom: 1px solid #f1f3f5; padding: 1rem; }
#sbsk .go_cart { position: absolute; top: 0.75rem; right: 1rem; display: inline-block; height: 28px; line-height: 1.5; border: 1px solid #dee2e6; color: var(--bs-primary, #0d6efd); border-radius: 0.25rem; background: #fff; padding: 0.125rem 0.375rem; transition: background-color 0.15s ease; }
#sbsk .btn_buy { padding: 1rem; font-weight: 700; text-align: center; }
#sbsk .li_empty { text-align: center; line-height: 100px; color: #6c757d; }
#sbsk .prd_img { margin-right: 0.625rem; }
#sbsk .prd_cnt a,
#sbsk .prd_cnt span { display: block; max-width: 105px; }
#sbsk .prd_cnt .prd_name { font-weight: 600; margin-bottom: 0.25rem; }
#sbsk .cart_del { border: 0; width: 35px; height: 35px; text-align: center; position: absolute; right: 0; bottom: 0; color: #adb5bd; background: #fff; font-size: 1.25em; transition: color 0.15s ease; }
#sbsk .cart_del:hover { color: #dc3545; }

/* ==========================================================================
   9. 위시리스트 사이드바
   ========================================================================== */
#wish li { position: relative; border-bottom: 1px solid #f1f3f5; padding: 1rem; }
#wish .li_empty { text-align: center; line-height: 100px; color: #6c757d; }
#wish .prd_img { margin-right: 0.625rem; }
#wish .prd_cnt a { display: block; max-width: 105px; }
#wish .prd_cnt .prd_name { font-weight: 600; margin-bottom: 0.25rem; }

/* ==========================================================================
   10. 상품 목록 공통
   ========================================================================== */
.sct_wrap { position: relative; margin: 0 0 1.25rem; }
.sct_wrap .sctrl { position: absolute; top: 0; right: 0; }
.sct_wrap header { padding: 0.625rem 0 1.25rem; }
.sct_wrap h2 { font-size: 1.5em; margin: 0 0 0.625rem; line-height: 1; }
.sct_wrap h2 a { text-decoration: none; }

.sct { margin: 0; padding: 0; list-style: none; }
.sct_li { position: relative; }
.sct_noitem { padding: 6.25rem 0; text-align: center; color: #6c757d; }
.sct img { position: relative; }

/* 상품 아이콘 뱃지 */
.shop_icon { display: inline-block; color: #fff; line-height: 1.5; padding: 0 0.375rem; font-size: 0.85em; margin: 1px; border-radius: 0.25rem; font-weight: 500; }
.shop_icon_1 { background: #3ec1d3; }
.shop_icon_2 { background: #ffb722; }
.shop_icon_3 { background: #2dd49f; }
.shop_icon_4 { background: #556ee6; }
.shop_icon_5 { background: #ff5081; }
.shop_icon_soldout { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); text-align: center; line-height: 215px; color: #fff; font-size: 1.125rem; font-weight: 700; letter-spacing: 1px; border-radius: 0.375rem; }
.shop_icon_soldout.h160 { line-height: 160px; }
.shop_icon_coupon { background: #d45959; }

/* 재생/정지/이전/다음 컨트롤 버튼 */
.sctrl { margin: 0; padding: 0; list-style: none; display: flex; }
.sctrl li { position: relative; }
.sctrl button { position: relative; margin: 0; padding: 0; width: 20px; height: 20px; border: 0; cursor: pointer; overflow: hidden; }
.sctrl button span { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border: 0; background: url('img/is_button.gif') no-repeat; }
.sctrl button.sctrl_play span { background-position: -60px 0; }
.sctrl button.sctrl_play span.sctrl_on { background-position: -60px -30px; }
.sctrl button.sctrl_stop span { background-position: -90px 0; }
.sctrl button.sctrl_stop span.sctrl_on { background-position: -90px -30px; }
.sctrl button.sctrl_prev span { background-position: -120px 0; }
.sctrl button.sctrl_prev span.sctrl_on { background-position: -120px -30px; }
.sctrl button.sctrl_next span { background-position: -150px 0; }
.sctrl button.sctrl_next span.sctrl_on { background-position: -150px -30px; }

/* 메인리스트 별점 공통 */
.sct_li .sct_star img,
.sct_li img.sit_star { width: 72px !important; height: auto; }

/* ==========================================================================
   11. 상품 목록 스킨 10 (갤러리 뷰)
   ========================================================================== */
.sct_10 { margin: 1.5rem 0; }
.sct_10 .sct_li { position: relative; margin-bottom: 2.5rem; text-align: left; }
.sct_10 .sct_a { text-decoration: none; }
.sct_10 .sct_a:focus,
.sct_10 .sct_a:hover { text-decoration: none; }
.sct_10 .sct_img { position: relative; text-align: center; border-radius: 0.5rem; overflow: hidden; }
.sct_10 .sct_img a { display: block; }
.sct_10 .sct_cart { display: none; position: absolute; left: 0; bottom: 0; border: 0; width: 100%; padding: 0.875rem 0; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 1em; font-weight: 700; transition: opacity 0.2s ease; }
.sct_10 .sct_img:hover .sct_cart { display: block; }
.sct_10 .sct_cart i { display: inline-block; margin-right: 0.375rem; font-size: 1.2em; }
.sct_10 .sct_disc { position: absolute; right: 0.875rem; bottom: 0.875rem; color: #fff; padding: 0 0.5rem; line-height: 1.5rem; font-weight: 700; font-size: 1.2em; background: rgba(0, 0, 0, 0.5); border-radius: 0.25rem; }
.sct_10 .sct_ct_wrap { position: relative; }
.sct_10 .sct_star { margin: 0.625rem 0 0.375rem; }
.sct_10 .sct_txt { border-bottom: 1px solid #dee2e6; font-size: 1.1em; margin: 0.625rem 0; padding-bottom: 0.625rem; }
.sct_10 .sct_basic { margin-bottom: 0.375rem; color: #6c757d; }
.sct_10 .sct_bottom { position: relative; min-height: 20px; }
.sct_10 .sct_cost { margin: 0.375rem 0 0.625rem; font-size: 1.25em; font-weight: 700; }
.sct_10 .sct_dict { display: block; text-decoration: line-through; font-weight: normal; font-size: 0.85em; color: #adb5bd; }

/* SNS 공유 팝업 (sct_10) */
.sct_10 .sct_sns_wrap { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; }
.sct_10 .sct_sns { position: absolute; top: 50%; left: 50%; background: #fff; text-align: center; width: 245px; max-height: 300px; margin-left: -125px; margin-top: -180px; overflow-y: auto; border-radius: 0.5rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12); border: 1px solid #dee2e6; }
.sct_10 .sct_sns h3 { padding: 1rem; border-bottom: 1px solid #dee2e6; text-align: left; }
.sct_10 .sct_sns a { display: inline-block; border-radius: 50%; width: 50px; height: 50px; line-height: 25px; text-align: center; padding: 0.625rem 0; margin: 1.25rem 0.375rem; }
.sct_10 .sct_sns .share-facebook { background: #415b92; }
.sct_10 .sct_sns .share-twitter { background: #35b3dc; }
.sct_10 .sct_sns img { width: 24px; }
.sct_10 .sct_sns_bg { background: rgba(0, 0, 0, 0.1); width: 100%; height: 100%; }
.sct_10 .sct_sns_cls { position: absolute; right: 0; top: 0; color: #adb5bd; border: 0; padding: 0.75rem 1rem; font-size: 1rem; background: #fff; border-radius: 0 0.5rem 0 0; }

/* 옵션 버튼 (sct_10) */
.sct_10 .sct_op_btn { position: absolute; right: 0.375rem; bottom: 0; }
.sct_10 .sct_op_btn > button { border: 0; width: 25px; height: 20px; font-size: 1.25em; text-align: center; color: #adb5bd; background: transparent; }

/* ==========================================================================
   12. 상품 목록 스킨 20
   ========================================================================== */
.sct_20 .sct_li { position: relative; margin: 0 1.5rem 1rem 0; }
.sct_20 .sct_a { display: block; position: relative; text-decoration: none; }
.sct_20 .sct_a:focus,
.sct_20 .sct_a:hover { text-decoration: none; }
.sct_20 .sct_icon { position: absolute; top: 0.625rem; left: -0.375rem; margin: 0 !important; }
.sct_20 .sct_icon img { display: block; margin: 0 0 0.25rem; }
.sct_20 .sct_id { display: block; padding: 0.375rem 0.625rem 0; background: #f8f9fa; }
.sct_20 .sct_txt { padding: 0.625rem; background: #f8f9fa; }
.sct_20 .sct_basic { padding: 0 0.625rem 0.375rem; background: #f8f9fa; line-height: 1.5; }
.sct_20 .sct_cost { display: block; padding: 0 0.625rem 0.625rem; background: #f8f9fa; font-weight: 700; }
.sct_20 .sct_dict { text-decoration: line-through; display: block; margin: 0 0 0.375rem; color: #adb5bd; font-weight: normal; }
.sct_20 .sct_sns { position: absolute; bottom: 0.625rem; right: 0.625rem; }

/* ==========================================================================
   13. 상품 목록 스킨 30
   ========================================================================== */
.sct_30 .sct_li { position: relative; margin: 0 1rem 1rem 0; border: 1px solid #dee2e6; background: #f8f9fa; border-radius: 0.375rem; }
.sct_30 .sct_arw_toleft { display: block; z-index: 2; position: absolute; top: 1.25rem; left: 221px; width: 10px; height: 19px; background: url('img/icon_arw_toleft.gif') no-repeat; }
.sct_30 .sct_a { text-decoration: none; }
.sct_30 .sct_img { position: absolute; top: 0; left: 0; }
.sct_30 .sct_icon { position: absolute; bottom: 1.5rem; left: -0.375rem; margin: 0 !important; }
.sct_30 .sct_icon img { display: block; margin: 0 0 0.25rem; }
.sct_30 .sct_txt { display: inline-block; margin: 0 0 1.25rem; }
.sct_30 .sct_basic { margin: 0 0 1rem; padding: 0; line-height: 1.5; }
.sct_30 .sct_cost { display: block; margin: 0 0 0.625rem; font-weight: 700; }
.sct_30 .sct_dict { text-decoration: line-through; display: block; margin: 0 0 0.375rem; color: #adb5bd; font-weight: normal; }
.sct_30 .sct_sns { position: absolute; bottom: 1.25rem; right: 0.625rem; }

/* ==========================================================================
   14. 상품 목록 스킨 40 (리스트 뷰)
   ========================================================================== */
.sct_40 { margin: 1.25rem 0; }
.sct_40 .sct_li { position: relative; padding: 1rem 0; border-bottom: 1px solid #dee2e6; }
.sct_40 .sct_a { text-decoration: none; }
.sct_40 .sct_a:focus,
.sct_40 .sct_a:hover { text-decoration: none; }
.sct_40 .sct_img { text-align: center; margin-right: 1.25rem; }
.sct_40 .sct_img a { display: block; position: relative; z-index: 2; }
.sct_40 .sct_cart { position: absolute; right: 0; bottom: 0; border: 0; width: 150px; padding: 0.875rem 0; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 1em; font-weight: 700; z-index: 3; }
.sct_40 .list-10-btn .sct_cart { z-index: 1; top: 2.5rem; right: 0.625rem; bottom: initial; padding: 0.5rem 0; width: 140px; border: 1px solid var(--bs-primary, #0d6efd); background: var(--bs-primary, #0d6efd); color: #fff; cursor: pointer; border-radius: 0.25rem; transition: background-color 0.15s ease; }
.sct_40 .list-10-btn .sct_cart:hover { background: #0b5ed7; }
.sct_40 .list-10-btn .sct_cart i { display: none; }
.sct_40 .sct_img:hover .sct_cart { display: block; }
.sct_40 .sct_cart i { display: inline-block; margin-right: 0.375rem; font-size: 1.2em; }
.sct_40 .sct_disc { position: absolute; right: 0.875rem; bottom: 0.875rem; color: #fff; padding: 0 0.5rem; line-height: 1.5rem; font-weight: 700; font-size: 1.2em; background: rgba(0, 0, 0, 0.5); border-radius: 0.25rem; }
.sct_40 .sit_icon_li { margin-top: 0.625rem; }
.sct_40 .sct_ct_wrap { position: relative; }
.sct_40 .sct_star { margin: 0.625rem 0 0.375rem; }
.sct_40 .sct_txt { font-size: 1.1em; margin: 0.625rem 0; padding-bottom: 0.625rem; }
.sct_40 .sct_txt a { font-weight: 600; font-size: 1.2em; }
.sct_40 .sct_basic { margin-bottom: 0.375rem; color: #6c757d; }
.sct_40 .sct_cost { position: absolute; right: 200px; top: 1rem; font-size: 1.35em; font-weight: 700; }
.sct_40 .sct_dict { text-decoration: line-through; font-weight: normal; display: block; font-size: 0.85em; color: #adb5bd; }

/* SNS 공유 팝업 (sct_40) */
.sct_40 .sct_sns_wrap { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; }
.sct_40 .sct_sns { position: absolute; top: 50%; left: 50%; background: #fff; text-align: center; width: 245px; max-height: 300px; margin-left: -125px; margin-top: -180px; overflow-y: auto; border-radius: 0.5rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12); border: 1px solid #dee2e6; }
.sct_40 .sct_sns h3 { padding: 1rem; border-bottom: 1px solid #dee2e6; text-align: left; }
.sct_40 .sct_sns a { display: inline-block; border-radius: 50%; width: 50px; height: 50px; line-height: 25px; text-align: center; padding: 0.625rem 0; margin: 1.25rem 0.375rem; }
.sct_40 .sct_sns .share-facebook { background: #415b92; }
.sct_40 .sct_sns .share-twitter { background: #35b3dc; }
.sct_40 .sct_sns img { width: 24px; }
.sct_40 .sct_sns_bg { background: rgba(0, 0, 0, 0.1); width: 100%; height: 100%; }
.sct_40 .sct_sns_cls { position: absolute; right: 0; top: 0; color: #adb5bd; border: 0; padding: 0.75rem 1rem; font-size: 1rem; background: #fff; }
.sct_40 .sct_op_btn { position: absolute; right: 1.25rem; bottom: 1.25rem; }
.sct_40 .sct_op_btn > button { border: 0; width: 25px; height: 20px; font-size: 1.25em; text-align: center; color: #adb5bd; background: transparent; }

/* ==========================================================================
   15. 개인결제 목록
   ========================================================================== */
.sct_pv .sct_li { position: relative; margin: 0 1.125rem 1rem 0; }
.sct_pv .sct_a { display: inline-block; position: relative; text-decoration: none; font-size: 1.1em; }
.sct_pv .sct_a:focus,
.sct_pv .sct_a:hover { text-decoration: none; }
.sct_pv .sct_img { margin: 0 0 0.625rem; }
.sct_pv .sct_txt { margin: 0 0 0.375rem; }
.sct_pv .sct_icon { margin: 0 0 0.625rem; }
.sct_pv .sct_id { display: block; margin: 0 0 0.375rem; }
.sct_pv .sct_basic { margin: 0 0 0.625rem; }
.sct_pv .sct_cost { display: block; margin: 0.375rem 0 0.625rem; font-size: 1.25em; font-weight: 700; }
.sct_pv .sct_dict { text-decoration: line-through; display: block; margin: 0 0 0.375rem; color: #adb5bd; font-weight: normal; }

/* ==========================================================================
   16. 메인 상품 목록 스킨 10
   ========================================================================== */
.smt_10 { margin: 0 -0.375rem; display: flex; flex-wrap: wrap; }
.smt_10 .sct_li { position: relative; flex: 0 0 215px; margin-right: 1rem; margin-bottom: 1rem; text-align: left; }
.smt_10 .sct_a { text-decoration: none; }
.smt_10 .sct_a:focus,
.smt_10 .sct_a:hover { text-decoration: none; }
.smt_10 .sct_ct_wrap { position: relative; }
.smt_10 .sct_img { position: relative; text-align: center; border-radius: 0.5rem; overflow: hidden; }
.smt_10 .sct_img a { display: block; }
.smt_10 .sct_cart { display: none; position: absolute; left: 0; bottom: 0; border: 0; width: 100%; padding: 0.875rem 0; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 1em; font-weight: 700; }
.smt_10 .sct_img:hover .sct_cart { display: block; }
.smt_10 .sct_li.overlay .sct_cart { display: none !important; }
.smt_10 .sct_cart i { display: inline-block; margin-right: 0.375rem; font-size: 1.2em; }
.smt_10 .sct_disc { position: absolute; right: 0.875rem; bottom: 0.875rem; color: #fff; padding: 0 0.5rem; line-height: 1.5rem; font-weight: 700; font-size: 1.2em; background: rgba(0, 0, 0, 0.5); border-radius: 0.25rem; }
.smt_10 .sct_star { margin: 0.625rem 0 0.375rem; }
.smt_10 .sct_txt { border-bottom: 1px solid #dee2e6; font-size: 1.1em; margin: 0.625rem 0; padding-bottom: 0.625rem; }
.smt_10 .sct_basic { margin-bottom: 0.375rem; color: #6c757d; }
.smt_10 .sct_cost { margin: 0.375rem 0 0.625rem; font-size: 1.25em; font-weight: 700; }
.smt_10 .sct_dict { text-decoration: line-through; font-weight: normal; display: block; font-size: 0.85em; color: #adb5bd; }

/* SNS 공유 팝업 (smt_10) */
.smt_10 .sct_sns_wrap { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; }
.smt_10 .sct_sns { position: absolute; top: 50%; left: 50%; background: #fff; text-align: center; width: 245px; max-height: 300px; margin-left: -125px; margin-top: -180px; overflow-y: auto; border-radius: 0.5rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12); border: 1px solid #dee2e6; }
.smt_10 .sct_sns h3 { padding: 1rem; border-bottom: 1px solid #dee2e6; text-align: left; }
.smt_10 .sct_sns a { display: inline-block; border-radius: 50%; width: 50px; height: 50px; line-height: 25px; text-align: center; padding: 0.625rem 0; margin: 1.25rem 0.375rem; }
.smt_10 .sct_sns .share-facebook { background: #415b92; }
.smt_10 .sct_sns .share-twitter { background: #35b3dc; }
.smt_10 .sct_sns img { width: 24px; }
.smt_10 .sct_sns_bg { background: rgba(0, 0, 0, 0.1); width: 100%; height: 100%; }
.smt_10 .sct_sns_cls { position: absolute; right: 0; top: 0; color: #adb5bd; border: 0; padding: 0.75rem 1rem; font-size: 1rem; background: #fff; }
.smt_10 .sct_op_btn { position: absolute; right: 0.375rem; bottom: 0; }
.smt_10 .sct_op_btn > button { border: 0; width: 25px; height: 20px; font-size: 1.25em; text-align: center; color: #adb5bd; background: transparent; }

/* 카트 옵션 오버레이 */
.sct_cartop_wr { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; padding: 0.625rem; text-align: left; background: rgba(0, 0, 0, 0.5); opacity: 0.98; border-radius: 0.5rem; }
.sct_cartop_wr .it_option { width: 100%; height: 35px; margin-bottom: 0.375rem; }
.sct_cartop_wr .cartopt_cart_btn { width: 100%; border: 1px solid var(--bs-primary, #0d6efd); padding: 0.5rem 0.375rem; margin-bottom: 0.375rem; background: var(--bs-primary, #0d6efd); color: #fff; border-radius: 0.25rem; transition: background-color 0.15s ease; }
.sct_cartop_wr .cartopt_close_btn { width: 100%; border: 1px solid var(--bs-primary, #0d6efd); padding: 0.5rem 0.375rem; background: #fff; color: var(--bs-primary, #0d6efd); border-radius: 0.25rem; transition: background-color 0.15s ease; }

/* ==========================================================================
   17. 메인 상품 목록 스킨 20 (슬라이드)
   ========================================================================== */
.smt_20 { position: relative; overflow-y: hidden; margin: 0 -0.375rem; }
.smt_20 .sct_ul { width: 100%; position: absolute; top: 0; left: 0; margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
.smt_20 .sct_ul_first { display: flex; top: 0; }
.smt_20 .sct_li { position: relative; flex: 0 0 215px; margin-right: 1rem; margin-bottom: 1rem; text-align: left; }
.smt_20 .sct_a { display: inline-block; position: relative; text-decoration: none; }
.smt_20 .sct_a:focus,
.smt_20 .sct_a:hover { text-decoration: none; }
.smt_20 .sct_img { position: relative; text-align: center; border-radius: 0.5rem; overflow: hidden; }
.smt_20 .sct_img a { display: block; }
.smt_20 .sct_cart { display: none; position: absolute; left: 0; bottom: 0; border: 0; width: 100%; padding: 0.875rem 0; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 1em; font-weight: 700; }
.smt_20 .sct_img:hover .sct_cart { display: block; }
.smt_20 .sct_txt { border-bottom: 1px solid #dee2e6; font-size: 1.1em; margin: 0.625rem 0; padding-bottom: 0.625rem; }
.smt_20 .sct_basic { margin-bottom: 0.375rem; color: #6c757d; }
.smt_20 .sct_cost { margin: 0.375rem 0 0.625rem; font-size: 1.25em; font-weight: 700; }
.smt_20 .sct_dict { text-decoration: line-through; display: block; font-size: 0.85em; color: #adb5bd; }
.smt_20 .sct_sns { margin-bottom: 0.625rem; }
.smt_20 .sct_sns a { display: inline-block; border-radius: 50%; width: 30px; height: 30px; line-height: 28px; margin-right: 0.375rem; text-align: center; }
.smt_20 .sct_sns .share-facebook { background: #415b92; }
.smt_20 .sct_sns .share-twitter { background: #35b3dc; }
.smt_20 .sct_sns img { width: 20px; }
.smt_20 .sct_icon { margin: 0 0 0.625rem; }
.smt_20 .sct_id { display: block; margin: 0 0 0.375rem; }

/* ==========================================================================
   18. 메인 상품 목록 스킨 30 (컴팩트 리스트)
   ========================================================================== */
.smt_30 { position: relative; }
.smt_30 li { position: relative; min-height: 50px; padding: 0.625rem 1rem; background: #fff; display: flex; align-items: flex-start; gap: 0.625rem; }
.smt_30 .sct_img { flex: 0 0 80px; }
.smt_30 .sct_img img { width: 100%; height: auto; border-radius: 0.375rem; }
.smt_30 .sct_cnt { max-width: 143px; line-height: 1.5; }
.smt_30 .sct_txt a { display: block; font-size: 1em; color: #212529; max-height: 40px; overflow: hidden; text-overflow: ellipsis; }
.smt_30 .sct_cost { font-weight: 700; font-size: 1.2em; }

/* ==========================================================================
   19. 메인 상품 목록 스킨 40
   ========================================================================== */
.smt_40 { background: #fff; padding: 1.25rem; border: 1px solid #dee2e6; border-radius: 0.5rem; display: flex; flex-wrap: wrap; }
.smt_40 .sct_li { position: relative; flex: 0 0 20%; margin: 0 0.5rem; }
.smt_40 .sct_img { position: relative; text-align: center; border-radius: 0.375rem; overflow: hidden; }
.smt_40 .sct_star { margin: 0.625rem 0 0.375rem; }
.smt_40 .sct_txt { display: block; margin: 0.375rem 0; font-size: 1.1em; }
.smt_40 .sct_cost { margin: 0.375rem 0; font-size: 1.25em; font-weight: 700; }

/* ==========================================================================
   20. 관련상품 목록
   ========================================================================== */
#sit_rel { position: relative; border: 1px solid #dee2e6; padding: 2rem; margin-top: 1.25rem; background: #fff; border-radius: 0.5rem; }
#sit_rel h2 { font-size: 1.5em; margin: 0 0 1.875rem; text-align: center; }
#sit_rel .bx-wrapper { margin: 0 auto; }
#sit_rel .bx-controls-direction { position: absolute; top: 1.5rem; right: 2rem; }
#sit_rel .bx-prev { display: inline-block; width: 30px; height: 30px; border: 1px solid #dee2e6; border-right: 0; text-indent: -999px; overflow: hidden; background: url('img/select_arrow_left.png') no-repeat 50% 50%; border-radius: 0.25rem 0 0 0.25rem; }
#sit_rel .bx-next { display: inline-block; width: 30px; height: 30px; border: 1px solid #dee2e6; text-indent: -999px; overflow: hidden; background: url('img/select_arrow_right.png') no-repeat 50% 50%; border-radius: 0 0.25rem 0.25rem 0; }
.scr_10 li img { width: 100%; height: auto; border-radius: 0.375rem; }
.scr_10 .sct_txt { display: block; margin: 0.375rem 0; font-size: 1.1em; }
.scr_10 .sct_cost { margin: 0.375rem 0; font-size: 1.25em; font-weight: 700; }

/* ==========================================================================
   21. 상품 목록 상단 (관리/위치/정렬/뷰전환)
   ========================================================================== */
#sct { margin: 0; }
.sct_admin { text-align: right; }

/* 현재 위치 (브레드크럼) */
#sct_location { display: inline-flex; align-items: center; flex-wrap: wrap; padding: 0.75rem 0; position: absolute; right: 0; top: 0.75rem; }
#sct_location .go_home { display: inline-block; font-size: 1.4em; color: #adb5bd; line-height: 17px; text-decoration: none; vertical-align: top; padding: 0 0.75rem; }
#sct_location i.dividing-line { vertical-align: top; font-size: 1.2em; color: #adb5bd; display: inline-block; margin: 0; line-height: 17px; }
#sct_location select { border: 1px solid #dee2e6; height: 26px; padding: 0 0.375rem; margin: 0 0.75rem; border-radius: 0.25rem; }
#sct_location.is_right select { margin-left: auto; }
#sct_location.view_location { display: flex; position: relative; top: 0; left: 0; }

/* 카테고리 커스텀 셀렉트박스 */
.shop_select_to_html { position: relative; display: inline-block; }
.shop_select_to_html span { padding: 0.625rem 1.25rem 0.875rem; }
.shop_select_to_html .menulist { position: absolute; top: 20px; display: none; opacity: 0; transition: all 0.2s ease-in-out; }
.view_location .shop_select_to_html .menulist { left: 0; }
.is_right .shop_select_to_html .menulist { right: 0; }
.shop_select_to_html:hover .category_title,
.shop_select_to_html:hover .category_title i { color: var(--bs-primary, #0d6efd); }
.shop_select_to_html:hover .menulist { display: block; opacity: 1; }
.shop_select_to_html .menulist { background-color: #fff; border-radius: 0.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(68, 88, 112, 0.11); box-sizing: border-box; margin-top: 0.25rem; overflow: hidden; padding: 0.375rem 0; z-index: 9; white-space: nowrap; width: auto; }
.shop_select_to_html .menulist ul.wide { display: inline-block !important; width: 146px; vertical-align: top; min-height: 360px; }
.shop_select_to_html .menulist ul.left-border { border-left: 1px dashed #dee2e6; }
.shop_select_to_html .option { font-weight: 400; line-height: 2.5rem; list-style: none; min-height: 2.5rem; outline: none; text-align: left; transition: all 0.15s ease; }
.shop_select_to_html .option:hover,
.shop_select_to_html .option.focus,
.shop_select_to_html .option.selected.focus { background-color: #f8f9fa; }
.shop_select_to_html .option.selected,
.shop_select_to_html .option.selected a { font-weight: 700; color: var(--bs-primary, #0d6efd); }
.shop_select_to_html .option.disabled { background-color: transparent; color: #adb5bd; cursor: default; }
.shop_select_to_html .option a { display: block; padding-left: 1.75rem; padding-right: 3rem; }
.shop_select_to_html .category_title { color: #495057; font-size: 1.1em; }
.shop_select_to_html .category_title i { margin-left: 0.375rem; color: #adb5bd; }

.sct_here { font-weight: 700; }
.sct_bg { padding-right: 1rem !important; background: url('img/sct_bg_toright.gif') right 50% no-repeat; }

/* 카테고리 목록 */
.sct_ct { margin: 0.625rem 0 1.25rem; background: #fff; border: 1px solid #dee2e6; border-top: 2px solid #212529; padding: 0.625rem; border-radius: 0 0 0.5rem 0.5rem; }
.sct_ct h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
.sct_ct ul { display: flex; flex-wrap: wrap; }
.sct_ct a { text-decoration: none; }
.sct_ct_parent { font-weight: 700; }
.sct_ct_here { color: var(--bs-danger, #dc3545) !important; }

#sct_ct_1 li { flex: 0 0 20%; border-right: 1px solid #f1f3f5; }
#sct_ct_1 li:nth-child(5n) { border-right: 0; }
#sct_ct_1 li a { display: block; padding: 0 0.625rem; line-height: 2.5rem; font-weight: 700; }
#sct_ct_1 li a:hover { color: var(--bs-primary, #0d6efd); }
#sct_ct_2 li { margin: 0 0 0.625rem; }
#sct_ct_2 a { display: inline-block; width: 120px; }
#sct_ct_3 li { margin: 0 0.625rem 0.625rem 0; flex: 0 0 120px; }

/* 정렬/뷰전환 바 */
#sct_sortlst { display: flex; background: #fff; border: 1px solid #dee2e6; border-radius: 0.5rem; overflow: hidden; }
#sct_sort { flex: 1; min-width: 0; }
#sct_sort h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
#sct_sort ul { margin: 0; padding: 0 0 0 1px; list-style: none; display: flex; flex-wrap: wrap; }
#sct_sort li { position: relative; margin-left: -1px; height: 45px; padding: 0.875rem 0; line-height: 1; }
#sct_sort li a { border-left: 1px solid #dee2e6; display: block; padding: 0 0.625rem; }
#sct_sort li a:hover { color: var(--bs-primary, #0d6efd); }
#sct_sort li:first-child a { border: 0; }
#sct_lst { margin: 0; padding: 0; list-style: none; display: flex; margin-left: auto; }
#sct_lst li { position: relative; }
#sct_lst button { position: relative; margin: 0; padding: 0; width: 45px; height: 45px; border: 0; cursor: pointer; background: #fff; color: #adb5bd; font-size: 15px; transition: color 0.15s ease; }
#sct_lst button:hover { color: #212529; }
#sct_lst button .icon { display: block; }

/* ==========================================================================
   22. 상품 상세보기
   ========================================================================== */
#sit { margin: 0 0 0.625rem; }
.sit_admin { position: absolute; right: 0; top: 2px; text-align: right; }
.sit_admin a { line-height: 2.25rem; padding: 0 0.625rem; }
.sit_empty { padding: 3.75rem 0; text-align: center; color: #6c757d; }
.is_search #wrapper_title,
.is_item #wrapper_title { display: none; }

/* 상세보기 - 개요 영역 */
#sit_ov_from { background: #fff; border-bottom: 1px solid #dee2e6; }
#sit_ov_wrap { width: 100%; margin: 0 auto; padding: 1.5rem 0; border-top: 1px solid #dee2e6; }

/* 이미지 미리보기 */
#sit_pvi { position: relative; }
#sit_pvi_big { text-align: center; }
#sit_pvi_big a { display: none; }
#sit_pvi_big a.visible { display: block; }
#sit_pvi_big #popup_item_image { display: inline-flex !important; align-items: center; justify-content: center; position: absolute !important; bottom: 0.75rem !important; right: 0.75rem !important; top: auto !important; left: auto !important; width: 36px; height: 36px; background: rgba(255,255,255,0.9); color: #6c757d; border: 1px solid #dee2e6; font-size: 1.2em; border-radius: 0.375rem; text-decoration: none; z-index: 2; margin: 0 !important; }
#sit_pvi_big img { width: 100%; max-width: 500px; height: auto; border-radius: 0.5rem; }
#sit_pvi_thumb { margin: 0; padding: 0; list-style: none; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; }
#sit_pvi_thumb li { margin: 0 1rem 1rem 0; }
#sit_pvi_thumb img { border: 1px solid #dee2e6; border-radius: 0.375rem; transition: border-color 0.15s ease; }
#sit_pvi_thumb img:hover { border-color: #212529; }

#sit_pvi_nwbig { padding: 0.625rem 0; text-align: center; }
#sit_pvi_nwbig span { display: none; }
#sit_pvi_nwbig span.visible { display: inline; }
#sit_pvi_nw ul { margin: 0 0 1.25rem; text-align: center; padding: 0 0.625rem; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; }
#sit_pvi_nw li { display: inline-block; margin: 0 0 1px 1px; }
#sit_pvi_nw li img { width: 60px; height: 60px; border-radius: 0.25rem; }

/* 간략정보 및 구매 기능 */
#sit_ov { position: relative; min-height: 355px; padding-bottom: 1.25rem; }
#sit_ov h3 { margin: 0 0 0.625rem; }
#sit_title { margin: 0 0 0.625rem; font-size: 2.4em; }
#sit_desc { margin: 0 0 0.625rem; padding: 0; color: #495057; font-size: 1.167em; }
#sit_opt_info { position: absolute; font-size: 0; text-indent: -9999em; line-height: 0; overflow: hidden; }

/* 별점 & SNS */
#sit_star_sns { position: relative; }
#sit_star_sns span { display: inline-block; margin: 0 0.375rem 0 0; color: #6c757d; letter-spacing: 0; }
#sit_star_sns .sit_star { position: relative; top: -2px; margin: 0 0.375rem 0 0; }
#sit_star_sns a { display: inline-block; vertical-align: middle; }
#sit_star_sns .btn_sns_share { background: transparent; width: 35px; height: 25px; border: 0; color: #495057; font-size: 1.6em; font-weight: 700; transition: color 0.15s ease; }
#sit_star_sns .btn_sns_share:hover { color: var(--bs-primary, #0d6efd); }
#sit_star_sns .sns_area { display: none; position: absolute; top: 2.75rem; right: 0; max-width: 175px; text-align: center; background: #fff; border: 1px solid #dee2e6; padding: 0.625rem; z-index: 10; border-radius: 0.5rem; box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.08); }
#sit_star_sns .sns_area::before { content: ""; position: absolute; top: -8px; right: 13px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #dee2e6 transparent; }
#sit_star_sns .sns_area::after { content: ""; position: absolute; top: -7px; right: 13px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #fff transparent; }
#sit_star_sns .sns_area a { display: inline-block; width: 35px; height: 35px; line-height: 35px; margin-bottom: 0.375rem; background: #f8f9fa; text-align: center; border-radius: 50%; }
#sit_star_sns .sns_area a img { width: 24px; height: auto; }
#sit_star_sns .sns_area #sit_btn_rec { font-size: 15px; }
#sit_star_sns .sns_area .share-facebook { background: #415b92; }
#sit_star_sns .sns_area .share-twitter { background: #35b3dc; }

#sit_btn_opt { position: relative; display: flex; align-items: center; gap: 0.375rem; }
#btn_wish { position: relative; display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.25rem 0.5rem; color: #495057; font-size: 0.875rem; font-weight: 600; transition: color 0.15s ease; line-height: 1; }
#btn_wish i { font-size: 1rem; font-weight: normal; }
#btn_wish .btn_wish_num { position: absolute; right: 0; bottom: -2px; margin: 0; padding: 0 2px; height: 17px; line-height: 15px; border-radius: 1.875rem; background: #fff; color: #495057; font-size: 0.75em; }

/* 상품 정보 테이블 */
.sit_info { padding: 0.625rem 0; border-top: 1px solid #dee2e6; margin: 0.625rem 0 0; border-bottom: 1px solid #dee2e6; }
.sit_info .tr_price { border-bottom: 1px solid #dee2e6; }
.sit_info .tr_price th,
.sit_info .tr_price td { padding-bottom: 1rem; }
.sit_ov_tbl { width: 100%; border: 0; border-collapse: collapse; color: #6c757d; --bs-table-hover-bg: transparent; --bs-table-striped-bg: transparent; --bs-table-bg: transparent; }
.sit_ov_tbl > :not(caption) > * > * { background-color: transparent !important; box-shadow: none !important; }
.sit_ov_tbl tr:hover > th,
.sit_ov_tbl tr:hover > td { background-color: transparent !important; }
.sit_ov_tbl th { font-weight: normal; text-align: left; }
.sit_ov_tbl td { padding: 0.625rem 0; }
.sit_ov_tbl td strong { color: #212529; line-height: 1; vertical-align: top; font-size: 1.25em; }

/* 옵션 선택 */
.sit_option { padding: 0.625rem 0; margin: 0.625rem 0 0; }
.sit_option label { display: block; margin: 0 0 0.375rem; color: #6c757d; }
.sit_option label.label-title { display: none; }
.sit_option select {
    width: 100%; margin: 0 0 0.625rem; height: 3.125rem; padding: 0 0.625rem;
    border: 1px solid #dee2e6; border-radius: 0.375rem;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background: url('img/select_arrow.png') no-repeat 96% 50% #fff;
}
.sit_option select::-ms-expand { display: none; }
.sit_option h3 { font-size: 1.083em; }
.sit_sel_btn { position: relative; }
.sit_sel_btn button { position: absolute; top: -51px; right: 0 !important; }
#sit_sel_option h3 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }

/* 총 합계 */
#sit_tot_price { font-size: 1.167em; line-height: 2.875rem; font-weight: 700; text-align: right; display: flex; justify-content: space-between; align-items: center; }
#sit_tot_price strong { font-size: 1.5em; margin-left: 1rem; }
#sit_ov_soldout { padding: 1.25rem 0; margin: 0.625rem 0; color: #dc3545; background: #fff5f5; font-weight: 700; text-align: center; border-radius: 0.375rem; }

/* 구매/장바구니/위시 버튼 */
#sit_ov_btn button { height: 3.125rem; font-weight: 700; font-size: 1.25em; transition: background-color 0.15s ease; }
.sit_btn_buy { background: var(--bs-primary, #0d6efd); border-radius: 0.375rem; border: 1px solid var(--bs-primary, #0d6efd); color: #fff; }
.sit_btn_buy:hover { background: #0b5ed7; }
.sit_btn_cart { background: #fff; border-radius: 0.375rem; border: 1px solid #adb5bd; color: #212529; }
.sit_btn_cart:hover { background: #f8f9fa; }
#sit_btn_alm { display: inline-block; height: 3.125rem; line-height: 3.125rem; font-weight: 700; font-size: 1.25em; background: #dc3545; border-radius: 0.375rem; color: #fff; border: 0; text-align: center; }
.sit_btn_wish { display: inline-flex; align-items: center; justify-content: center; height: 3.125rem; color: #6c757d; font-size: 1.1em; border: 1px solid #adb5bd; text-align: center; border-radius: 0.375rem; font-weight: 700; transition: color 0.15s ease; }
.sit_btn_wish:hover { color: #dc3545; }

/* ==========================================================================
   23. 상품 상세 - 형제 상품 네비게이션
   ========================================================================== */
#sit_siblings { width: 100%; border-top: 1px solid #f1f3f5; background: #fff; text-align: center; position: relative; display: flex; justify-content: space-between; }
#sit_siblings h2 { position: absolute; font-size: 0; text-indent: -9999em; line-height: 0; overflow: hidden; }
#sit_siblings a { display: block; position: relative; padding: 0; margin: 1rem; line-height: 2.25rem; color: #adb5bd; }
#sit_siblings a#siblings_prev { padding-left: 1.25rem; }
#sit_siblings a#siblings_prev::after { content: ""; background: url('img/sit_siblings.jpg') no-repeat; position: absolute; left: 0; top: 10px; width: 10px; height: 15px; display: inline-block; }
#sit_siblings a#siblings_next { padding-right: 1.25rem; }
#sit_siblings a#siblings_next::after { content: ""; background: url('img/sit_siblings.jpg') -14px 0 no-repeat; position: absolute; right: 0; top: 10px; width: 10px; height: 15px; display: inline-block; }
#sit_siblings a span { position: absolute; font-size: 0; text-indent: -9999em; line-height: 0; overflow: hidden; }

/* ==========================================================================
   24. 상품 상세 - 탭 영역 (상품정보/사용후기/문의)
   ========================================================================== */
#sit_info { position: relative; width: 100%; min-height: 600px; margin-top: 1.25rem; margin-bottom: 1.875rem; background: #fff; overflow: hidden; display: flex; flex-wrap: wrap; gap: 1.5rem; }
#sit_tab { flex: 1; min-width: 0; }
/* 레거시 탭 스타일 (Bootstrap nav-tabs로 대체됨) */
#sit_tab .tab_con { background: #fff; padding: 1rem; }

/* 사이드 구매 패널 */
#sit_buy { width: 280px; flex-shrink: 0; vertical-align: top; }
.sit_buy_inner { position: relative; top: 0 !important; vertical-align: top; }
.sit_side_option { padding: 1rem 1rem 0.625rem; border-bottom: 1px solid #dee2e6; }
.sit_side_option h3 { margin-bottom: 0.625rem; }
.sit_side_option label { display: block; margin: 0 0 0.375rem; color: #6c757d; }
.sit_side_option label.label-title { display: none; }
.sit_side_option select {
    width: 100%; margin: 0 0 0.625rem; height: 3.125rem; padding: 0 0.625rem;
    border: 1px solid #dee2e6; border-radius: 0.375rem;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background: url('img/select_arrow.png') no-repeat 96% 50% #fff;
}
.sit_side_option select::-ms-expand { display: none; }

/* 선택 옵션 목록 */
.sit_sel_option { overflow-y: auto; height: 300px; }
.sit_sel_option h3 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
.sit_sel_option li { position: relative; padding: 1rem; border-bottom: 1px solid #dee2e6; display: flex; flex-wrap: wrap; align-items: center; }
.sit_sel_option .sit_opt_del { position: absolute; top: 0; right: 0; width: 30px; height: 30px; font-size: 15px; border: 0; border-left: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; background: #fff; color: #adb5bd; transition: color 0.15s ease; }
.sit_sel_option .sit_opt_del:hover { color: #dc3545; }
.sit_sel_option .opt_name { font-weight: 700; line-height: 1.875rem; width: 100%; }
.sit_sel_option .num_input { border: 0; height: 30px; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; text-align: center; }
.sit_sel_option .sit_opt_prc { display: block; width: 100px; padding: 0 0.25rem; text-align: right; line-height: 1.875rem; font-size: 1.183em; font-weight: 700; margin-left: auto; }
.sit_sel_option button { width: 30px; height: 30px; border: 1px solid #dee2e6; border-radius: 0; background: #fff; color: #6c757d; font-size: 0.92em; }
.sit_sel_option button:hover { color: #212529; }

/* 합계/주문 버튼 */
.sum_section { padding: 1rem; z-index: 3; }
.sit_tot_price { font-weight: 700; padding-bottom: 0.625rem; line-height: 1.75; font-size: 1.167em; text-align: right; display: flex; justify-content: space-between; align-items: center; }
.sit_tot_price strong { font-size: 1.5em; margin-left: 1rem; }
.sit_order_btn button { font-size: 1em; font-weight: 700; border-radius: 0.375rem; }

/* ==========================================================================
   25. 재입고 알림 (SMS)
   ========================================================================== */
#sit_sms_new #sms_agree { padding: 0.375rem 0 1.25rem; }
#sit_sms_new li strong { display: inline-block; margin: 0.625rem 0; }
#sit_sms_new textarea { line-height: 1.5; color: #6c757d; }
#sit_sms_new .prd_name { background: #f8f9fa; padding: 1rem 1.25rem; font-weight: 700; font-size: 1.167em; }
/* .chk_box 제거 - Bootstrap form-check 사용 */

/* ==========================================================================
   26. 상품정보 (상세 탭)
   ========================================================================== */
#sit_inf { margin: 1.25rem 0; }
#sit_inf h2,
#sit_inf h3 { position: absolute; font-size: 0; line-height: 0; }
#sit_inf_basic { margin: 0 0 1.25rem; line-height: 1.7; }
#sit_inf_explan { margin: 0 0 0.625rem; width: auto !important; line-height: 1.7; overflow: hidden; }
#sit_inf_explan img { max-width: 100%; height: auto; }
#sit_inf_open { width: 100%; border: 0; border-top: 1px solid #495057; border-collapse: collapse; }
#sit_inf_open th { padding: 0.625rem; border-bottom: 1px solid #dee2e6; background: #f8f9fa; vertical-align: top; text-align: left; }
#sit_inf_open td { padding: 0.625rem; border-bottom: 1px solid #dee2e6; background: #fff; vertical-align: top; }

/* ==========================================================================
   27. 사용후기 (상세 탭)
   ========================================================================== */
#sit_use h2,
#sit_use h3 { position: absolute; font-size: 0; line-height: 0; }
.sit_use_top { position: relative; background: #fff; border: 2px solid #dee2e6; margin: 0 0 1rem; padding: 1rem; min-height: 90px; vertical-align: middle; border-radius: 0.5rem; }
.sit_use_top h4 { font-size: 1.2em; margin-bottom: 0.625rem; }
.sit_use_top h4 span { color: #adb5bd; font-size: 0.85em; font-weight: normal; }
.sit_use_top .sit_star { height: 20px; }
.sit_use_top .st_bg { background: #6c757d; }
#sit_use_wbtn { position: absolute; top: 1.25rem; right: 1.875rem; }
#sit_use_wbtn a { padding: 0 1.25rem; line-height: 2.875rem; font-weight: 700; font-size: 1.167em; }
#sit_use_ol { margin: 0 0 0.375rem; padding: 0; border-top: 1px solid #dee2e6; list-style: none; }
.sit_use_li { position: relative; padding: 0.625rem 0; padding-left: 110px; min-height: 120px; border-bottom: 1px solid #dee2e6; }
.sit_use_li_title { position: absolute; right: 1.25rem; bottom: 1.25rem; border: 1px solid #dee2e6; padding: 0.5rem 0.625rem; border-radius: 0.25rem; color: #6c757d; font-size: 0.92em; background: #fff; transition: all 0.15s ease; }
.sit_use_li_title:hover { background: var(--bs-primary, #0d6efd); border-color: var(--bs-primary, #0d6efd); color: #fff; }
.sit_thum { margin: 0; position: absolute; top: 0.625rem; left: 0; }
.sit_use_dl dt { position: absolute; font-size: 0; line-height: 0; }
.sit_use_dl dd { color: #6c757d; line-height: 1.5; }
.sit_use_dl .sit_use_star { margin: 0 0 0.375rem; }
.sit_use_dl .sit_use_tit { font-weight: 700; font-size: 1.167em; color: #212529 !important; }
.sit_use_con { display: none; margin-right: 110px; margin-bottom: 0.625rem; }
.sit_use_p { margin: 0.625rem 0; padding: 0.625rem 0; }
.sit_use_reply { position: relative; border-top: 1px dotted #adb5bd; margin: 0.625rem 0 0; padding: 0.625rem 0 0 2.5rem; }
.use_reply_icon { position: absolute; top: 0.625rem; left: 0.375rem; background: url('./img/use_reply.png') no-repeat 0 0; width: 28px; height: 17px; text-indent: -999px; overflow: hidden; }
.use_reply_tit { font-weight: 700; line-height: 1.5; padding-right: 100px; }
.use_reply_name { font-size: 0.92em; color: #6c757d; margin: 0.375rem; position: absolute; top: 0.625rem; right: 0; }
.use_reply_p { padding: 0.625rem 0; background: #fff; line-height: 1.5; }
#sit_use_write_star { display: flex; }
#sit_use_write_star li { flex: 1; }
#sit_use_write_star li img { width: 100px; }

/* ==========================================================================
   28. 상품문의 (상세 탭)
   ========================================================================== */
#sit_qa { margin: 1.25rem 0; }
#sit_qa h2,
#sit_qa h3 { position: absolute; font-size: 0; line-height: 0; }
#sit_qa_ol { margin: 0 0 0.375rem; padding: 0; border-top: 1px solid #f1f3f5; list-style: none; }
.sit_qa_li { position: relative; border-bottom: 1px solid #f1f3f5; padding: 1rem 0.625rem; display: flex; flex-wrap: wrap; align-items: flex-start; }
.sit_qa_li_title { display: block; flex: 1; min-width: 0; text-align: left; background: none; border: 0; line-height: 1.75; font-weight: 700; font-size: 1.167em; }
.sit_qa_dl { flex-shrink: 0; line-height: 1.875rem; color: #6c757d; text-align: right; margin: 0; }
.sit_qa_dl dt { position: absolute; font-size: 0; line-height: 0; }
.sit_qa_dl dd { display: inline-block; margin-left: 0.625rem; }
.sit_qaa_done { display: inline-block; height: 1.875rem; line-height: 1.875rem; background: #ffc107; color: #fff; padding: 0 0.5rem; margin-right: 0.625rem; font-size: 0.75rem; font-weight: normal; border-radius: 0.25rem; }
.sit_qaa_yet { display: inline-block; height: 1.875rem; line-height: 1.875rem; background: #adb5bd; color: #fff; padding: 0 0.5rem; margin-right: 0.625rem; font-size: 0.75rem; font-weight: normal; border-radius: 0.25rem; }
.sit_qa_con { display: none; }
.sit_qa_p { margin: 0.625rem 0; background: #f8f9fa; line-height: 1.5; border-radius: 0.375rem; }
.sit_qa_p .qa_alp { position: absolute; top: 0.875rem; left: 1rem; font-size: 2em; color: #212529; }
.sit_qa_qaa { padding: 1rem 1.25rem 1rem 3.125rem; position: relative; min-height: 50px; border-top: 1px solid #fff; }
.sit_qa_qaq { padding: 1rem 1.25rem 1rem 3.125rem; position: relative; min-height: 50px; }
.sit_qa_con textarea { display: none; }
.sit_qa_cmd { text-align: right; }
.sit_qa_pw { display: none; position: absolute; top: 1.875rem; left: 175px; padding: 0.625rem; width: 348px; border: 1px solid #212529; background: #fff; text-align: center; border-radius: 0.375rem; box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.08); }
.sit_qa_pw span { display: block; margin: 0 0 0.375rem; }
#sit_qa_wbtn { text-align: right; margin: 0 0 1.25rem; }
#sit_qa_wbtn a { padding: 0 1.25rem; line-height: 2.875rem; font-weight: 700; font-size: 1.167em; }
#sit_qa_write #iq_subject { width: 100%; }
/* .chk_box 제거 - Bootstrap form-check 사용 */

/* ==========================================================================
   29. 배송정보 / 교환정보 (상세 탭)
   ========================================================================== */
#sit_dvr { margin: 1.25rem 0; }
#sit_dvr h2 { position: absolute; font-size: 0; line-height: 0; }
#sit_ex { margin: 1.25rem 0; }
#sit_ex h2 { position: absolute; font-size: 0; line-height: 0; }

/* ==========================================================================
   30. 사용후기 모음 페이지
   ========================================================================== */
#sps_sch { margin: 0 0 0.625rem; }
#sps_sch a { display: inline-block; padding: 0 0.5rem; height: 2.5rem; line-height: 2.5rem; vertical-align: top; border-radius: 0.25rem; background: #495057; color: #fff; font-weight: 700; text-decoration: none; }
#sps_sch .sch_wr { max-width: 300px; width: 100%; border: 1px solid #dee2e6; border-radius: 0.25rem; display: inline-flex; background: #fff; }
#sps_sch select { border: 1px solid #dee2e6; max-width: 175px; height: 2.5rem; margin-right: 0.375rem; border-radius: 0.25rem; }
#sps_sch .sch_input { flex: 1; min-width: 0; height: 2.375rem; border: 0; padding: 0; background-color: transparent; }
#sps_sch .sch_btn { height: 2.375rem; background: none; border: 0; width: 2.5rem; font-size: 15px; flex-shrink: 0; }

#sps ol { margin: 0; padding: 0; list-style: none; }
#sps li { position: relative; padding: 1rem; border-bottom: 1px solid #f1f3f5; background: #fff; }

.sps_img { position: absolute; top: 1rem; left: 1rem; }
.sps_img_inner { position: relative; }
.sps_img a span { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
.sps_img .prd_detail { position: absolute; right: 0; bottom: 0; border: 0; color: #fff; background: #198754; width: 34px; height: 34px; text-align: center; opacity: 0.8; border-radius: 0.25rem; }
.sps_img .prd_detail:hover { opacity: 1; }

/* 리뷰 상세 팝업 */
.review_detail_cnt { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background: rgba(0, 0, 0, 0.1); }
.review_detail_in { position: absolute; top: 50%; left: 50%; width: 590px; max-height: 450px; background: #fff; text-align: left; margin-left: -300px; margin-top: -180px; overflow-y: auto; border-radius: 0.5rem; border: 1px solid #dee2e6; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12); }
.review_detail_in h3 { padding: 1rem; border-bottom: 1px solid #dee2e6; font-size: 1.4em; }
.review_cnt { padding: 1.5rem; }
.rd_cls { position: absolute; top: 0; right: 0; color: #adb5bd; border: 0; padding: 0.75rem 1rem; font-size: 1rem; background: #fff; border-radius: 0 0.5rem 0 0; }
.review_tp_cnt { position: relative; padding: 0 0 0.625rem; margin-bottom: 1rem; border-bottom: 1px solid #f1f3f5; }
.review_tp_cnt > span { font-size: 1.2em; display: block; }
.review_tp_cnt .sps_opt_btn_more { position: absolute; top: 0; right: 0; border: 0; padding: 0.375rem 0.375rem 0.375rem 0.625rem; background: #fff; color: #adb5bd; font-size: 1.4em; }
.review_tp_cnt .sps_opt_li { display: none; position: absolute; top: 2.5rem; right: 0; border: 1px solid #adb5bd; border-radius: 0.375rem; overflow: hidden; }
.review_tp_cnt .sps_opt_li::before { content: ""; position: absolute; top: -8px; right: 5px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #adb5bd transparent; }
.review_tp_cnt .sps_opt_li::after { content: ""; position: absolute; top: -6px; right: 5px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #fff transparent; }
.review_tp_cnt .sps_opt_li li { border-bottom: 1px solid #f1f3f5; padding: 0.625rem !important; color: #6c757d; }
.review_summ { background: #f8f9fa; border: 2px solid #dee2e6; padding: 0.625rem; border-radius: 0.375rem; }
.review_bt_cnt { margin: 1rem 0; }

.sps_reply { margin-top: 0.625rem; padding-top: 0.625rem; border-top: 1px dotted #adb5bd; }
.sps_reply .sps_img { text-align: right; width: 70px; }
.sps_reply .sps_section h2 { background: url('./img/use_reply.png') no-repeat 0 0; text-indent: 30px; line-height: 1.5; }

#sps dl { margin: 0.375rem 0; display: flex; flex-wrap: wrap; align-items: center; }
#sps dd { margin: 0 0.625rem 0 0; color: #adb5bd; }
#sps dd img { position: relative; top: -2px; }

.sps_section { width: 100%; padding-left: 115px; }
.sps_section .sps_pd_name { display: block; color: var(--bs-primary, #0d6efd); padding: 0.625rem 0 0.375rem; }
.sps_section .sps_rv_tit { display: block; font-size: 1.2em; font-weight: 700; }
.sps_section .sps_rv_thum { position: absolute; top: 1rem; right: 1rem; }
.sps_section p { padding: 0; width: 100%; }
.sps_con_full { padding: 0; height: auto !important; }
.sps_con_btn { margin: 0.375rem 0; display: flex; justify-content: space-between; align-items: center; }
.sps_con_btn button.review_detail { border-radius: 0.25rem; border: 1px solid #dee2e6; color: #6c757d; font-size: 0.92em; padding: 0.375rem 0.5rem; background: #fff; transition: all 0.15s ease; margin-left: auto; }
.sps_con_btn button.review_detail:hover { background: var(--bs-primary, #0d6efd); border-color: var(--bs-primary, #0d6efd); color: #fff; }

/* ==========================================================================
   31. 상품문의 모음 페이지
   ========================================================================== */
#sqa_sch { margin: 0 0 0.625rem; }
#sqa_sch a { display: inline-block; padding: 0 0.5rem; height: 2.5rem; line-height: 2.5rem; vertical-align: top; border-radius: 0.25rem; background: #495057; color: #fff; font-weight: 700; text-decoration: none; }
#sqa_sch .sch_wr { max-width: 300px; width: 100%; border: 1px solid #dee2e6; border-radius: 0.25rem; display: inline-flex; background: #fff; }
#sqa_sch select { border: 1px solid #dee2e6; max-width: 175px; height: 2.5rem; margin-right: 0.375rem; border-radius: 0.25rem; }
#sqa_sch .sch_input { flex: 1; min-width: 0; height: 2.375rem; border: 0; padding: 0; background-color: transparent; }
#sqa_sch .sch_btn { height: 2.375rem; background: none; border: 0; width: 2.5rem; font-size: 15px; flex-shrink: 0; }

#sqa { margin-bottom: 1.25rem; }
#sqa ol { margin: 0; padding: 0; list-style: none; }
#sqa li { position: relative; padding: 1rem 1.25rem 1rem 1rem; border-bottom: 1px solid #f1f3f5; background: #fff; }
#sqa li .sit_qaa_yet { position: absolute; right: 1.25rem; top: 1.25rem; margin-right: 0; }
#sqa li .sit_qaa_done { position: absolute; right: 1.25rem; top: 1.25rem; margin-right: 0; }

.sqa_img { margin: 0 0.625rem 0 0; }
.sqa_img span { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }

#sqa dl { margin: 0.375rem 0; display: flex; flex-wrap: wrap; align-items: center; }
#sqa dd { margin: 0 0.625rem 0 0; color: #adb5bd; }
#sqa dd img { position: relative; top: -2px; }

.sqa_con { margin: 0.625rem 0; background: #f8f9fa; line-height: 1.5; border-radius: 0.375rem; }
.sqa_con .qa_alp { position: absolute; top: 0.875rem; left: 1rem; font-size: 2em; color: #212529; }
.sqa_section { width: 100%; }
.sqa_section h2 { padding-right: 70px; font-size: 1.2em; font-weight: 700; }
.sqa_section .sqa_con { line-height: 1.7; }
.sqa_section p { padding: 0; width: 100%; }
.sqa_con_full { padding: 0; height: auto !important; }
.sqa_con_btn button { border: 1px solid #dee2e6; padding: 0.375rem 0.5rem; color: #6c757d; font-size: 0.92em; margin: 0.375rem 0; background: #fff; border-radius: 0.25rem; transition: all 0.15s ease; }
.sqa_con_btn button:hover { background: var(--bs-primary, #0d6efd); border-color: var(--bs-primary, #0d6efd); color: #fff; }

/* ==========================================================================
   32. 상품검색
   ========================================================================== */
#ssch { margin: 1.25rem 0; }
#ssch h2 { font-size: 1.8em; line-height: 1.875rem; margin: 0.625rem 0; }
#ssch h2 .ssch_result_total { margin-left: auto; color: #6c757d; font-size: 0.55em; font-weight: normal; }
#ssch h2 strong { color: var(--bs-danger, #dc3545); }
#ssch_frm { background: #fff; border: 1px solid #dee2e6; border-radius: 0.5rem; overflow: hidden; }
#ssch_frm .ssch_scharea { padding: 1rem; border-bottom: 1px solid #dee2e6; display: flex; flex-wrap: wrap; align-items: center; gap: 0.375rem; }
#ssch_frm .ssch_scharea label { display: inline-block; margin: 0 0.5rem 0 0; }
#ssch_frm .ssch_scharea .ssch_input { height: 2.875rem; padding: 0 0.625rem; margin-right: 0.375rem; border: 1px solid #dee2e6; border-radius: 0.375rem; }
#ssch_frm .ssch_option { padding: 1rem; border-bottom: 1px solid #dee2e6; }
#ssch_frm .ssch_option .ssch_input { height: 2rem; padding: 0 0.625rem; margin-right: 0.375rem; border: 1px solid #dee2e6; border-radius: 0.375rem; }
#ssch_frm p { padding: 1rem; color: #6c757d; border-bottom: 1px solid #dee2e6; }

#ssch_cate { background: #fff; border-bottom: 1px solid #dee2e6; padding: 1rem; }
#ssch_cate ul { display: flex; flex-wrap: wrap; }
#ssch_cate li { flex: 0 0 20%; border-right: 1px solid #f1f3f5; }
#ssch_cate li:nth-child(5n) { border-right: 0; }
#ssch_cate li span { font-weight: normal; }
#ssch_cate a { display: block; padding: 0 0.625rem; line-height: 2.5rem; }
#ssch_cate a:hover { color: var(--bs-primary, #0d6efd); }

#ssch_sort { flex: 1; min-width: 0; }
#ssch_sort h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
#ssch_sort ul { margin: 0; padding: 0 0 0 1px; list-style: none; display: flex; flex-wrap: wrap; }
#ssch_sort li { position: relative; margin-left: -1px; height: 45px; padding: 0.875rem 0; line-height: 1; }
#ssch_sort li a { border-left: 1px solid #dee2e6; display: block; padding: 0 0.625rem; }
#ssch_sort li:hover::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: var(--bs-primary, #0d6efd); }
#ssch_sort li:hover a { color: var(--bs-primary, #0d6efd); }
#ssch_sort li:first-child a { border: 0; }

#ssch_sort_all { margin: 0; padding: 0 1rem; list-style: none; display: flex; flex-wrap: wrap; }
#ssch_sort_all li { position: relative; margin-left: -1px; height: 45px; padding: 0.875rem 0; line-height: 1; }
#ssch_sort_all li a { display: block; padding: 0 0.625rem; }
#ssch_sort_all li:hover::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: var(--bs-primary, #0d6efd); }
#ssch_sort_all li:hover a { color: var(--bs-primary, #0d6efd); }
#ssch_sort_all li:first-child a { border: 0; }

/* ==========================================================================
   33. 쿠폰존 리스트
   ========================================================================== */
.couponzone_list { margin: 0 0 1.25rem; position: relative; }
.couponzone_list h2 { padding: 1rem 1.25rem; font-size: 1.25em; border: 1px solid #dee2e6; background: #fff; border-radius: 0.5rem 0.5rem 0 0; }
.couponzone_list p { position: absolute; top: 0.375rem; right: 0; margin: 1rem 1.25rem; color: #6c757d; }
.couponzone_list ul { padding: 1.875rem; margin: 0; list-style: none; background: #fff; border: 1px solid #dee2e6; border-top: 0; border-radius: 0 0 0.5rem 0.5rem; display: flex; flex-wrap: wrap; gap: 1.875rem; }
.couponzone_list ul li { flex: 0 0 262px; background: #fff; }
.couponzone_list ul li img { width: 100%; height: auto; line-height: 1.2; border-radius: 0.375rem 0.375rem 0 0; }
.couponzone_list ul li .cp_inner { border: 1px solid #dee2e6; border-radius: 0.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.couponzone_list ul li .coupon_img { position: relative; height: 98px; overflow: hidden; border-bottom: 1px dashed #dee2e6; }
.couponzone_list ul li .coupon_tit { position: absolute; top: 0; left: 0; width: 100%; height: 98px; padding-top: 1.875rem; text-align: center; font-weight: 700; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.couponzone_list ul li .coupon_tit strong { display: inline-block; font-size: 1.3em; }
.couponzone_list ul li .coupon_tit .cp_evt,
.couponzone_list ul li .coupon_tit .cp_evt b { font-size: 1.4em; }
.couponzone_list ul li .cp_cnt { padding: 0.625rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.couponzone_list ul li .coupon_date { display: inline-block; margin-left: auto; padding: 2px 3px; margin-top: 0.375rem; margin-bottom: 0.375rem; font-size: 0.92em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #6c757d; }
.couponzone_list ul li .coupon_target { display: inline-block; margin: 0.375rem 0; }
.couponzone_list ul li .coupon_target > button { display: inline-block; max-width: 125px; padding: 2px 3px; font-size: 0.92em; border: 0; border-radius: 0.25rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.couponzone_list ul li .coupon_target .cp_1 { background: #edfbde; color: #8cc152; }
.couponzone_list ul li .coupon_target .cp_2 { background: #fbdef3; color: #c15293; }
.couponzone_list ul li .coupon_target .cp_3 { background: #fbf1de; color: #c18b52; }
.couponzone_list ul li .coupon_target .cp_4 { background: #f2defb; color: #7c52c1; }
.couponzone_list ul li .coupon_info { display: none; position: absolute; min-width: 235px; background: #fff; border: 1px solid #212529; padding: 1rem; border-radius: 0.375rem; box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.08); }
.couponzone_list ul li .coupon_info h4 { font-size: 1.2em; margin-bottom: 0.625rem; }
.couponzone_list ul li .coupon_info ul { padding: 0; margin: 0; position: relative; border: 0; display: block; }
.couponzone_list ul li .coupon_info li { width: auto; margin: 0; color: #495057; line-height: 1.125rem; flex: none; }
.couponzone_list ul li .coupon_info li a { text-decoration: underline; color: #495057; }
.couponzone_list ul li .coupon_info .coupon_info_cls { position: absolute; right: 0; top: 0; color: #adb5bd; border: 0; background: #fff; padding: 0.625rem; font-size: 1.2em; }
.couponzone_list ul li .coupon_btn { text-align: center; }
.couponzone_list ul li .coupon_btn .disabled { background: #adb5bd; border: 1px solid #adb5bd; color: #fff; cursor: not-allowed; }
.couponzone_list ul li .coupon_btn .disabled:hover { background: #adb5bd; border: 1px solid #adb5bd; color: #fff; }
.couponzone_list .no_coupon { position: relative; padding: 6.25rem 0; text-align: center; color: #adb5bd; }

/* ==========================================================================
   34. 보조 유틸리티 클래스
   ========================================================================== */
.sct-cart-overlay { background: rgba(255,255,255,.85); }
.sit-buy-sticky { top: 1rem; }
.sfl-select { max-width: 160px; }
.ct-qty-input { width: 60px; }