@charset "utf-8";

/* ============================================================ */
/* custom2.css : sir.kr ?ㅽ????꾩뿭 ?ㅻ쾭?쇱씠??                     */
/* 理쒖쥌 濡쒕뱶 (priority 1000) - 紐⑤뱺 湲곗〈 CSS瑜??덉쟾?섍쾶 ??뼱?곷땲??    */
/* ============================================================ */

/* ------------------------------------------------------------ */
/* 0. ?붿옄???좏겙                                                 */
/* ------------------------------------------------------------ */
:root {
    --c2-primary: #2563eb;
    --c2-primary-hover: #1d4ed8;
    --c2-primary-light: #eff6ff;
    --c2-green: #16a34a;
    --c2-red: #dc2626;
    --c2-text: #374151;
    --c2-text-light: #6b7280;
    --c2-text-xlight: #9ca3af;
    --c2-border: #e5e7eb;
    --c2-border-light: #f3f4f6;
    --c2-bg-body: #ffffff;
    --c2-bg-card: #ffffff;
    --c2-radius: 0.75rem;
    --c2-radius-sm: 0.5rem;
    --c2-shadow-sm: 0 1px 0.1875rem rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --c2-shadow-md: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.05), 0 2px 0.25rem rgba(0, 0, 0, 0.04);
    --c2-shadow-lg: 0 0.625rem 1.5625rem rgba(0, 0, 0, 0.08);
    --c2-transition: all 0.2s ease-in-out;
    --c2-max-w: 1280px;
}

/* ------------------------------------------------------------ */
/* 1. 湲€濡쒕쾶 踰좎씠??                                               */
/* ------------------------------------------------------------ */
body {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
    color: var(--c2-text);
    background: var(--c2-bg-body) !important;
    letter-spacing: -0.02em;
    line-height: 1.65;
    font-size: 0.9375rem;
    -webkit-font-smoothing: antialiased;
}

a {
    color: var(--c2-text);
    text-decoration: none;
    transition: color 0.15s;
}

a:hover {
    color: var(--c2-primary);
}

/* ============================================================ */
/* 2. ?ㅻ뜑 ?꾨㈃ 媛쒗렪 (sir.kr 踰ㅼ튂留덊궧 ?ㅽ???                       */
/* ============================================================ */

/* --- 2-1. ?꾩껜 ?ㅻ뜑 諛곌꼍 (?붿씠??蹂€?? --- */
#hd {
    background: #fff;
    border-bottom: none;
}

/* --- 2-2. ?곷떒 ?좏떥諛?(#tnb) --- */
#tnb {
    background: #f8f8f8;
    border-bottom: 1px solid #e5e5e5;
    margin: 0;
    height: 2.1875rem;
    display: none;
}

#tnb .inner {
    max-width: var(--c2-max-w);
    margin: 0 auto;
    padding: 0 0.9375rem;
    display: flex;
    justify-content: flex-end;
    /* ?곗륫 ?뺣젹 */
    align-items: center;
    height: 100%;
}

/* 而ㅻ??덊떚/?쇳븨紐??ㅼ쐞移??곸뿭 ?④린嫄곕굹 醫뚯륫 ?뺣젹 ?꾩슂 ??*/
#hd_define {
    display: none;
    /* sir.kr ?ㅽ??쇱뿉??遺덊븘?뷀븯硫?媛먯땄 */
}

#hd_qnb {
    display: flex;
    margin: 0;
    padding: 0;
}

#hd_qnb li {
    margin: 0;
    padding: 0 0.625rem;
    position: relative;
}

#hd_qnb li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 0.625rem;
    background: #ddd;
}

#hd_qnb li:last-child::after {
    display: none;
}

#hd_qnb li a {
    color: #555 !important;
    font-size: 0.8125rem !important;
    /* 12px -> 13px */
    font-weight: 600 !important;
    /* 가독성 보강 */
    display: block;
    line-height: 2.1875rem;
}

#hd_qnb li a:hover {
    color: var(--c2-primary);
}

/* --- 2-3. 硫붿씤 ?ㅻ뜑 (濡쒓퀬 + 寃€??+ 濡쒓렇?? --- */
#hd_wrapper {
    max-width: var(--c2-max-w);
    margin: 0 auto;
    padding: 0 0.9375rem;
    height: 5.625rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* 濡쒓퀬 */
#logo {
    float: none;
    padding: 0;
    margin: 0;
    flex: 1;
}

#logo img {
    max-height: 3rem;
    width: auto;
}

/* 寃€???곸뿭 - 媛€?대뜲 ?뺣젹 諛??ㅽ€섏뼱 ?ㅽ???*/
.hd_sch_wr {
    float: none;
    flex: 1;
    max-width: 25rem;
    margin: 0 2.5rem;
}

#hd_sch {
    display: flex;
    align-items: center;
    border: 2px solid var(--c2-primary);
    border-radius: 0.25rem;
    /* ?ㅽ€섏뼱 ?ㅽ???*/
    overflow: hidden;
    background: #fff;
}

#hd_sch #sch_str {
    float: none;
    flex: 1;
    width: 100%;
    height: 2.375rem;
    padding: 0 0.9375rem;
    border: none;
    background: transparent;
    color: #333;
    font-size: 0.875rem;
    font-weight: 500;
}

#hd_sch #sch_str:focus {
    outline: none;
}

#hd_sch #sch_submit {
    float: none;
    width: 2.8125rem;
    height: 2.5rem;
    border: none;
    background: var(--c2-primary);
    color: #fff;
    font-size: 1.125rem;
    cursor: pointer;
    transition: background 0.2s;
}

#hd_sch #sch_submit:hover {
    background: var(--c2-primary-hover);
}

/* 濡쒓렇??/ ?λ컮援щ땲 ?곸뿭 */
.hd_login {
    position: static;
    float: none;
    display: flex;
    align-items: center;
    gap: 0.9375rem;
    margin: 0;
}

.hd_login>li {
    float: none;
    margin: 0;
}

.hd_login>li.shop_login {
    margin-top: 0;
}

.hd_login>li.login a,
.hd_login>li.shop_login a {
    color: #333;
    font-size: 0.8125rem;
    font-weight: 500;
    display: inline-block;
    padding: 0.375rem 0.875rem;
    border: 1px solid #ddd;
    border-radius: 0.25rem;
    transition: all 0.2s;
}

.hd_login>li.login a:hover,
.hd_login>li.shop_login a:hover {
    border-color: #333;
    background: #fafafa;
}

.hd_login>li.shop_cart a {
    color: #333;
    font-size: 1.5rem;
    position: relative;
    display: block;
}

.hd_login .count {
    background: var(--c2-primary);
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 700;
    width: 1.125rem;
    height: 1.125rem;
    line-height: 1.125rem;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: -0.3125rem;
    right: -0.5rem;
}

/* --- 2-4. 硫붾돱 ?ㅻ퉬諛?(移댄뀒怨좊━ 諛? --- */
#hd_menu {
    display: flex;
    background: #fff;
    overflow: visible;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#hd_menu button#menu_open {
    float: none;
    height: 3.125rem;
    background: transparent;
    color: #111;
    font-size: 0.9375rem;
    font-weight: 700;
    padding: 0 1.25rem 0 0;
    border: none;
    border-right: 1px solid #eee;
    cursor: pointer;
}

#hd_menu button#menu_open i {
    margin-right: 0.375rem;
}

.hd_menu {
    float: none;
    display: flex;
    align-items: center;
    margin-left: 1.25rem;
}

/* .hd_menu li {
    float: none;
    margin: 0;
} */

.hd_menu li a {
    display: inline-block;
    padding: 0 1.5625rem;
    /* 1rem -> 1.5rem (여백 확장) */
    line-height: 3.125rem;
    color: #111;
    font-size: 1rem;
    /* 0.9375rem -> 1rem */
    font-weight: 700;
    transition: all 0.2s;
}

.hd_menu li a:hover {
    color: var(--c2-primary);
    background: transparent;
}

/* --- GNB 2Depth Dropdown (v1.6) --- */
.gnb_li {
    position: relative;
    list-style: none;
    /* height: 3.125rem; */
    /* 헤더 높이와 일치 */
}

/* .gnb_a {
    display: block;
    height: 100%;
} */

.gnb_2depth {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    min-width: 180px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    padding: 10px 0;
    z-index: 1000;
    border-radius: 4px;
    border: 1px solid #eee;
    transition: all 0.3s ease;
}

.gnb_li:hover .gnb_2depth {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.gnb_2depth li {
    width: 100%;
    text-align: center;
}

.gnb_2depth li a {
    display: block;
    padding: 10px 20px !important;
    line-height: 1.5 !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: #444 !important;
    transition: all 0.2s;
}

.gnb_2depth li a:hover {
    background: #f8f9fa !important;
    color: var(--c2-primary) !important;
    padding-left: 25px !important;
}

/* --- 2-5. 濡쒓렇??硫붿떆吏€ --- */
#hd_login_msg {
    display: none;
    /* sir.kr ?먯꽌??理쒖긽??濡쒓렇??硫붿떆吏€ ?좊씈瑜????€ */
}

/* ============================================================ */
/* 2-6. ?명꽣 ?꾨㈃ 媛쒗렪 (sir.kr 踰ㅼ튂留덊궧 ?ㅽ???                      */
/* ============================================================ */
#ft {
    background: #f7f7f7;
    border-top: 1px solid #e5e5e5;
    padding: 2.5rem 0 3.75rem;
    margin-top: 3.75rem;
}

.footer_top {
    max-width: var(--c2-max-w);
    margin: 0 auto;
    padding: 0 0.9375rem;
}

.footer-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1.875rem;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 1.875rem;
    margin-bottom: 1.875rem;
}

.footer-grid .ft-col {
    flex: 1 1 18%;
    min-width: 9.375rem;
}

.footer-grid .ft-col.ft-contact {
    flex: 1 1 25%;
}

.footer-grid .ft-col h3 {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #222;
    margin-bottom: 0.9375rem;
    padding-bottom: 0;
    border: none;
}

.footer-grid .footer_link li {
    margin-bottom: 0.5rem;
    background: none;
    padding: 0;
}

.footer-grid .footer_link li a {
    color: #666;
    font-size: 0.8125rem;
}

.footer-grid .footer_link li a:hover {
    color: #222;
    text-decoration: underline;
}

.footer-grid .footer_link li a strong {
    font-weight: 700;
    color: #333;
}

.footer-grid .ft-contact p {
    color: #555;
    font-size: 0.8125rem;
    line-height: 1.6;
}

.footer-grid .ft-contact p strong {
    font-size: 1.25rem;
    color: var(--c2-primary);
    font-weight: 800;
    display: block;
    margin-bottom: 0.375rem;
    letter-spacing: -0.5px;
}

.footer-grid .ft-contact p span {
    display: block;
    margin-top: 0.5rem;
    color: #888;
    font-size: 0.75rem;
}

.footer-grid .social-links a {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    color: #666;
    font-size: 1rem;
    margin-right: 0.5rem;
    transition: all 0.2s;
}

.footer-grid .social-links a:hover {
    background: var(--c2-primary);
    color: #fff;
    border-color: var(--c2-primary);
}

.footer-bottom {
    max-width: var(--c2-max-w);
    margin: 0 auto;
    padding: 0 0.9375rem;
    color: #777;
    font-size: 0.8125rem;
    line-height: 1.6;
}

.footer-bottom p {
    margin-bottom: 0.625rem;
}

.footer-bottom .safe-trade {
    color: #888;
    font-size: 0.75rem;
    background: #f0f0f0;
    padding: 0.75rem 0.9375rem;
    border-radius: 0.25rem;
    display: inline-block;
    margin-top: 0.3125rem;
}

.footer-bottom .safe-trade strong {
    color: #555;
}

.footer-bottom .copyright {
    margin-top: 0.9375rem;
    font-size: 0.8125rem;
    color: #999;
}

/* ============================================================ */
/* 3. 硫붿씤 諛곕꼫                                                   */
/* ============================================================ */
.main_banner_wrap,
.banner_wrap {
    border-radius: var(--c2-radius);
    overflow: hidden;
    margin-bottom: 2.5rem;
    margin-top: 1.25rem;
}

/* ============================================================ */
/* 4. ??留곹겕 移대뱶 (硫붿씤 3踰꾪듉)                                     */
/* ============================================================ */
.main-link-card {
    border: 1px solid var(--c2-border);
    border-radius: 0.5rem;
    /* sir.kr ?ㅽ????ㅻぐ ?쇱운??*/
    box-shadow: none;
    padding: 1.875rem 1.25rem;
    transition: var(--c2-transition);
    background: #fff;
}

.main-link-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.375rem 0.9375rem rgba(0, 0, 0, 0.05);
    border-color: #ccc;
}

.main-link-title {
    font-size: 1.0625rem;
    font-weight: 700;
    color: #222;
}

.main-link-desc {
    font-size: 0.8125rem;
    color: #666;
}

/* ============================================================ */
/* 5. ?뱀뀡 ?€?댄?                                                  */
/* ============================================================ */
.sct_wrap {
    margin: 3.125rem auto;
}

.sct_wrap header h2,
section header h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111;
    letter-spacing: -0.5px;
    text-align: left;
    padding: 0;
    margin: 0 0 1.25rem 0;
}

.sct_wrap header h2::after {
    display: none;
}

.sct_wrap header h2 a {
    color: inherit;
}

.sct_wrap header h2 a:hover {
    color: var(--c2-primary);
}

/* ============================================================ */
/* 6. 媛€濡쒗삎 ?곹뭹 ?ㅽ궓 (.10)                                       */
/*    PC: 2??횞 5?? MO: 1??횞 4??                              */
/*    媛€濡쒗삎 ?몃꽕?쇱뿉 留욌뒗 ?볦? 移대뱶                                  */
/* ============================================================ */

/* main.10.skin???먯껜 洹몃━???ㅻ쾭?쇱씠??*/
.main-10-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}

.main-10-thumb {
    padding-bottom: 56.25%;
    /* 16:9 媛€濡쒗삎 鍮꾩쑉 */
    border-radius: 0.25rem;
    background: #f8f8f8;
    border: 1px solid #eee;
}

.main-10-name {
    font-size: 0.9375rem;
    font-weight: 500;
    color: #222;
    margin-top: 0.75rem;
}

.main-10-desc {
    color: #888;
    font-size: 0.8125rem;
    margin-top: 0.25rem;
}

.main-10-price {
    font-size: 1rem;
    font-weight: 700;
    color: #111;
    margin-top: 0.5rem;

}

@media (max-width: 62rem) {
    .main-10-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 48rem) {
    .main-10-grid {
        grid-template-columns: 1fr;
        gap: 0.875rem;
    }
}

/* smt_10 (?곸뭅??湲곕낯 硫붿씤 ?곹뭹) 媛€濡쒗삎 ?ㅻ쾭?쇱씠??*/
.smt_10 {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin: 0;
}

.smt_10 .sct_li {
    float: none;
    width: calc(50% - 0.625rem);
    margin: 0;
    border: 1px solid var(--c2-border);
    border-radius: var(--c2-radius);
    background: var(--c2-bg-card);
    overflow: hidden;
    transition: var(--c2-transition);
    box-shadow: var(--c2-shadow-sm);
}

.smt_10 .sct_li:hover {
    transform: translateY(-0.1875rem);
    box-shadow: var(--c2-shadow-lg);
}

.smt_10 .sct_img {
    background: var(--c2-border-light);
    border-bottom: 1px solid var(--c2-border);
}

.smt_10 .sct_img img {
    width: 100%;
    height: auto !important;
    /* 높이 고정 해제 */
    display: block;
    object-fit: contain !important;
    /* 잘림 방지 */
}

.smt_10 .sct_txt {
    border-bottom: none;
    margin: 0.875rem 1rem 0.25rem;
    padding: 0;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--c2-text);
}

.smt_10 .sct_basic {
    margin: 0 1rem 0.5rem;
    color: var(--c2-text-xlight);
    font-size: 0.8125rem;
}

.smt_10 .sct_cost {
    margin: 0 1rem 1rem;
    font-size: 1.0625rem;
    font-weight: 800;
    color: var(--c2-primary);
}

.smt_10 .sct_cart {
    background: var(--c2-primary);
    padding: 0.75rem 0;
    font-weight: 600;
}

@media (max-width: 48rem) {
    .smt_10 .sct_li {
        width: 100%;
    }
}

/* ============================================================ */
/* 8. ?듭씪???곹뭹 吏꾩뿴???ㅽ???(.k17-prod-grid) - Phase 10 怨좊룄??*/
/* ============================================================ */

/* 湲곕낯 洹몃━??(Grid Container) */
.k17-prod-grid {
    display: grid;
    gap: 1.875rem 1.25rem;
    margin: 0 0 3.75rem 0;
    padding: 0;
    list-style: none;
}

/* ?몃줈???ㅽ궓 ?듭씪 洹몃━??(.grid-portrait) */
.k17-prod-grid.grid-portrait {
    grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 75rem) {
    .k17-prod-grid.grid-portrait {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 62rem) {
    .k17-prod-grid.grid-portrait {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 48rem) {
    .k17-prod-grid.grid-portrait {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.9375rem 0.625rem;
    }
}

/* 媛€濡쒗삎 ?ㅽ궓 ?듭씪 洹몃━??(.grid-landscape) */
.k17-prod-grid.grid-landscape {
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 75rem) {
    .k17-prod-grid.grid-landscape {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 62rem) {
    .k17-prod-grid.grid-landscape {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 48rem) {
    .k17-prod-grid.grid-landscape {
        grid-template-columns: repeat(1, 1fr);
        gap: 0.9375rem 0.625rem;
    }
}

/* ?곹뭹 ?꾩씠???섑띁 */
.k17-prod-item {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--c2-bg-card);
    border: 1px solid var(--c2-border);
    border-radius: var(--c2-radius);
    overflow: hidden;
    transition: var(--c2-transition);
}

.k17-prod-item:hover {
    box-shadow: var(--c2-shadow-lg);
    border-color: #d1d5db;
    transform: translateY(-2px);
}

.k17-prod-link {
    display: block;
    text-decoration: none;
    color: #111;
    position: relative;
    /* ?대? 踰꾪듉 ?덉씠???꾩튂 湲곗? */
}

/* ?몃줕??而⑦뀒?대꼫 - 醫낇슒鍮?怨좎젙 ?댁젣 ?곸슜 */
.k17-prod-thumb {
    position: relative;
    width: 100%;
    background: #f8f8f8;
    border-bottom: 1px solid var(--c2-border-light);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem;
    z-index: 1;
}

/* ?대?吏€ ?먮낯 ?좎? (?몃줈 湲몄씠 ?먮룞) */
.k17-prod-thumb img {
    display: block;
    width: 100%;
    max-width: 40rem;
    height: auto;
    /* aspect-ratio ?€???먮룞 泥섎━ */
    object-fit: contain;
    transition: transform 0.3s ease;
}

.k17-prod-link:hover .k17-prod-thumb img {
    transform: scale(1.05);
}

.k17-btn-layer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 0.375rem;
    z-index: 10;
    /* ?몃꽕???대?吏€蹂대떎 ??*/
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 62rem) {

    /* ?곗튂 ?섍꼍 紐⑤컮?? ??긽 ?쒖떆 */
    .k17-btn-layer {
        opacity: 1;
        visibility: visible;
        /* 紐⑤컮?쇱뿉?쒕룄 以묒븰 ?뺣젹 ?좎? */
    }
}

.k17-prod-item:hover .k17-btn-layer {
    opacity: 1;
    visibility: visible;
}

.k17-btn-layer button {
    width: 2.375rem;
    height: 2.375rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #e2e8f0;
    color: #475569;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0.25rem 0.375rem -1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.2s;
    z-index: 20;
    /* 踰꾪듉 理쒖긽???곗튂 ?몄떇 ?곗꽑 */
}

.k17-btn-layer button:hover {
    background: #111;
    color: #fff;
    border-color: #111;
}

.k17-btn-layer button i {
    font-size: 1rem;
}

.k17-prod-info {
    text-align: left;
    padding: 1rem 1rem 1.25rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.k17-prod-name {
    font-size: 1rem;
    font-weight: 600;
    color: #222;
    margin-bottom: 0.375rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    letter-spacing: -0.5px;
}

.k17-prod-desc {
    font-size: 0.8125rem;
    color: #777;
    margin-bottom: 0.625rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k17-prod-price {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--c2-text);
    letter-spacing: -0.5px;
    margin-top: auto;
}

/* 諭껋? ?ㅽ???*/
.k17-prod-badge {
    display: inline-block;
    background: #4A55A2;
    /* sir.kr tone blue */
    color: #fff;
    font-size: 0.6875rem;
    font-weight: bold;
    padding: 0.1875rem 0.375rem;
    border-radius: 0.1875rem;
    line-height: 1;
    vertical-align: middle;
    margin-left: 0.375rem;
}

@media (max-width: 62rem) {
    .k17-prod-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 48rem) {
    .k17-prod-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem 0.625rem;
    }

    .k17-prod-thumb {
        border-radius: 0.375rem;
        margin-bottom: 0.75rem;
    }

    .k17-prod-name {
        font-size: 0.875rem;
    }

    .k17-prod-price {
        font-size: 1rem;
    }
}

/* 由ъ뒪???섏씠吏€??.sct_10 (媛€濡쒗삎) */
.sct_10 {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin: 1.5625rem 0;
}

.sct_10 .sct_li {
    float: none;
    width: calc(50% - 0.625rem);
    margin: 0;
    border: 1px solid var(--c2-border);
    border-radius: var(--c2-radius);
    background: var(--c2-bg-card);
    overflow: hidden;
    transition: var(--c2-transition);
    box-shadow: var(--c2-shadow-sm);
}

.sct_10 .sct_li:hover {
    transform: translateY(-0.1875rem);
    box-shadow: var(--c2-shadow-md);
}

.sct_10 .sct_img img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.sct_10 .sct_txt {
    border-bottom: none;
    margin: 0.875rem 1rem 0.25rem;
    padding: 0;
    font-weight: 700;
}

.sct_10 .sct_cost {
    margin: 0 1rem 1rem;
    color: var(--c2-primary);
    font-weight: 800;
}

@media (max-width: 48rem) {
    .sct_10 .sct_li {
        width: 100%;
    }
}


/* ============================================================ */
/* 7. ?몃줈???곹뭹 ?ㅽ궓 (.20, .30)                                  */
/*    PC: 5??횞 2?? MO: 3??횞 2??                              */
/*    諛곕꼫/?몃줈 ?곹뭹??而댄뙥??洹몃━??                                 */
/* ============================================================ */

.smt_20,
.sct_20 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.875rem;
    margin: 0;
}

.smt_20 .sct_li,
.sct_20 .sct_li {
    float: none;
    width: calc(20% - 0.75rem);
    /* 5??*/
    margin: 0;
    border: 1px solid var(--c2-border);
    border-radius: var(--c2-radius-sm);
    background: var(--c2-bg-card);
    overflow: hidden;
    transition: var(--c2-transition);
    box-shadow: var(--c2-shadow-sm);
}

.smt_20 .sct_li:hover,
/* --- 7-1. 硫붿씤 ?섏씠吏€ ?듬쭅??(main-links-grid) --- */
.main-links-wrap {
    max-width: var(--c2-max-w);
    margin: 2.5rem auto;
    padding: 0 0.9375rem;
}

.main-links-grid {
    display: flex;
    gap: 1.25rem;
}

.main-link-card {
    flex: 1;
    background: #fff;
    border: 1px solid var(--c2-border-light);
    border-radius: 1rem;
    padding: 1.875rem 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none !important;
    transition: var(--c2-transition);
    box-shadow: var(--c2-shadow-sm);
}

.main-link-card:hover {
    transform: translateY(-0.5rem);
    box-shadow: var(--c2-shadow-lg);
    border-color: var(--c2-primary);
}

.main-link-icon {
    font-size: 2.5rem;
    margin-bottom: 1.25rem;
}

.main-link-title {
    font-size: 1.1875rem;
    font-weight: 800;
    color: var(--c2-text);
    margin-bottom: 0.625rem;
}

.main-link-desc {
    font-size: 0.875rem;
    color: var(--c2-text-light);
    line-height: 1.5;
}

/* --- 7-2. ?뱀뀡 ?€?댄? (cat-best-section) --- */
.sct_wrap header {
    margin: 3rem auto 1.5rem;
    border-bottom: 2px solid var(--c2-text);
}

.sct_wrap header h2 {
    font-size: 1.5rem;
    font-weight: 900;
    color: var(--c2-text);
    letter-spacing: -0.04em;
}

.sct_wrap header h2 a {
    color: inherit;
    text-decoration: none;
}

.sct_wrap header h2 a:hover {
    color: var(--c2-primary);
}

@media (max-width: 48rem) {
    .main-links-grid {
        flex-direction: column;
    }

    .main-link-card {
        padding: 1.5rem;
    }

    .sct_wrap header h2 {
        font-size: 1.25rem;
    }
}

/* --- 7-1. 硫붿씤 ?섏씠吏€ 由ъ뒪??(k17-prod-*) --- */
.k17-prod-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    padding: 0;
    margin: 1.875rem 0;
    list-style: none;
}

.k17-prod-item {
    background: var(--c2-bg-card);
    border: 1px solid var(--c2-border-light);
    border-radius: 0.75rem;
    overflow: hidden;
    transition: var(--c2-transition);
    display: flex;
    flex-direction: column;
}

.k17-prod-item:hover {
    transform: translateY(-0.3125rem);
    box-shadow: var(--c2-shadow-lg);
    border-color: var(--c2-primary);
}

.k17-prod-thumb-wrap {
    overflow: hidden;
}

.k17-prod-thumb img {
    transition: transform 0.3s ease;
}

.k17-prod-item:hover .k17-prod-thumb img {
    transform: scale(1.05);
}

.k17-prod-info {
    padding: 1rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.k17-prod-name {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--c2-text);
    margin-bottom: 0.5rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 2.8em;
}

.k17-prod-desc {
    font-size: 0.8125rem;
    color: var(--c2-text-light);
    margin-bottom: 0.75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k17-prod-price {
    font-size: 1.0625rem;
    font-weight: 800;
    color: var(--c2-primary);
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.k17-prod-badge {
    display: inline-block;
    padding: 2px 0.375rem;
    font-size: 0.6875rem;
    font-weight: 700;
    color: #fff;
    background: var(--c2-primary);
    border-radius: 0.25rem;
    line-height: 1;
}

/* --- 7-2. 紐⑸줉 ?섏씠吏€ 由ъ뒪??(list-landscape, list-portrait) --- */
.list-landscape,
.list-portrait {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    padding: 0;
    margin: 1.5625rem 0;
    list-style: none;
}

.list-landscape .sct_li,
.list-portrait .sct_li {
    background: #fff;
    border: 1px solid var(--c2-border-light);
    border-radius: 0.75rem;
    overflow: hidden;
    transition: var(--c2-transition);
    position: relative;
    width: calc(25% - 0.9375rem);
}

.list-landscape .sct_li:hover,
.list-portrait .sct_li:hover {
    transform: translateY(-0.3125rem);
    box-shadow: var(--c2-shadow-lg);
}

.item-thumb {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4/3;
    background: #f8fafc;
}

.item-thumb img {
    width: 100%;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s ease;
}

.sct_li:hover .item-thumb img {
    transform: scale(1.05);
}

.item-info {
    padding: 0.9375rem;
}

.item-name {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--c2-text);
    margin-bottom: 0.375rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 2.8em;
}

.item-size {
    font-size: 0.75rem;
    color: var(--c2-text-light);
    margin-bottom: 0.5rem;
}

.item-price {
    font-size: 1rem;
    font-weight: 800;
    color: var(--c2-primary);
}

/* 踰꾪듉 ?덉씠??諛?諭껋? */
.k17-btn-layer,
.item-actions {
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    z-index: 10;
    opacity: 0;
    transform: translateX(0.625rem);
    transition: all 0.2s ease;
}

.sct_li:hover .k17-btn-layer,
.sct_li:hover .item-actions {
    opacity: 1;
    transform: translateX(0);
}

.k17-btn-layer button,
.item-actions button {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: #fff;
    border: none;
    /* 테두리 제거로 미니멀화 */
    color: #111;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    /* 프리미엄 섀도우 추가 */
    transition: var(--c2-transition);
}

.k17-btn-layer button:hover,
.item-actions button:hover {
    background: #111 !important;
    /* 검정색 반전 강제 */
    color: #fff !important;
}

@media (max-width: 64rem) {

    .list-landscape .sct_li,
    .list-portrait .sct_li {
        width: calc(33.333% - 0.875rem);
    }

    .k17-prod-item {
        width: calc(33.333% - 0.875rem);
    }

    /* [v0.90] 주문서 작성(Order Form) PC 정렬 보정 */
    .sod_frm_pc h2 {
        max-width: 1200px !important;
        margin: 0 auto 30px !important;
        padding-left: 0 !important;
        text-align: left !important;
    }
}

@media (max-width: 48rem) {

    /* [v0.90] 주문서 상품 목록 테이블 -> 카드형 전환 (최종 보강) */
    .od_prd_list table#sod_list,
    .od_prd_list #sod_list thead,
    .od_prd_list #sod_list tbody,
    .od_prd_list #sod_list tr,
    .od_prd_list #sod_list td {
        display: block !important;
        width: 100% !important;
    }

    .od_prd_list #sod_list thead {
        display: none !important;
    }

    .od_prd_list #sod_list tbody tr {
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        margin-bottom: 1rem !important;
        padding: 1rem !important;
        background: #fff !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
    }

    .od_prd_list #sod_list tbody td {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        border: none !important;
        padding: 0.5rem 0 !important;
        text-align: right !important;
        min-height: 2rem !important;
    }

    .od_prd_list #sod_list td.td_prd {
        display: block !important;
        text-align: left !important;
        padding-bottom: 0.75rem !important;
        border-bottom: 1px solid #f1f5f9 !important;
        margin-bottom: 0.5rem !important;
    }

    .od_prd_list #sod_list td.td_prd::before {
        display: none !important;
    }

    .od_prd_list #sod_list td[data-label]::before {
        content: attr(data-label);
        font-weight: 700;
        color: #64748b;
        margin-right: auto;
        text-align: left;
    }

    .od_prd_list #sod_list .sod_img img {
        width: 60px !important;
        height: auto !important;
    }

    /* 자동견적(Estimate) 모바일 최적화 */
    #estimate_wrapper {
        padding: 1.25rem 0.625rem !important;
    }

    .estimate-page-calculator {
        padding: 1.25rem !important;
    }

    .calculator-extra-buttons,
    #estimate_order_buttons {
        flex-direction: column !important;
    }

    /* 상품 상세페이지 탭 모바일 최적화 (v0.90 - 최종 보정) */
    #sit_tab .tab_tit {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        border-bottom: 1px solid #e2e8f0 !important;
        background: #fff !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    #sit_tab .tab_tit li {
        flex: 1 0 auto !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        float: none !important;
    }

    #sit_tab .tab_tit li button {
        width: 100% !important;
        padding: 15px 10px !important;
        font-size: 0.8125rem !important;
        border: none !important;
        background: #f8fafc !important;
        color: #64748b !important;
        white-space: nowrap !important;
        border-right: 1px solid #e2e8f0 !important;
        border-bottom: 1px solid #e2e8f0 !important;
    }

    #sit_tab .tab_tit li:last-child button {
        border-right: none !important;
    }

    #sit_tab .tab_tit li.selected button,
    #sit_tab .tab_tit li button.selected {
        background: #fff !important;
        color: var(--c2-primary) !important;
        border-bottom: 2px solid var(--c2-primary) !important;
        font-weight: 700 !important;
    }

    /* 상세페이지 타이틀 및 이미지 겹침 보정 (v0.90) */
    .contents_tit {
        background: none !important;
        padding: 1rem 0 !important;
        border-bottom: 2px solid #1e293b !important;
        margin-bottom: 1.5rem !important;
    }

    .contents_tit span {
        font-size: 1.125rem !important;
        color: #1e293b !important;
        font-weight: 700 !important;
    }

    #sit_inf_explan h3 {
        display: none !important;
    }

    /* 중복 타이틀 제거 */
    img[src*="dash.jpg"] {

        /* 깨진 이미지 숨김 */
        /* 상세페이지 정보/옵션 영역 너비 해제 (v0.90 - 최종) */
        #sit_ov {
            width: 100% !important;
            max-width: 100% !important;
            float: none !important;
            margin: 0 !important;
            padding: 1.25rem !important;
        }

        .sit_ov_tbl {
            width: 100% !important;
            table-layout: auto !important;
            border-collapse: collapse !important;
        }

        .sit_ov_tbl th {
            width: auto !important;
            min-width: 65px !important;
            max-width: 80px !important;
            font-size: 0.8125rem !important;
            color: #64748b !important;
            vertical-align: top !important;
            padding-top: 5px !important;
            white-space: nowrap !important;
            text-align: left !important;
        }

        .sit_ov_tbl td {
            font-size: 0.875rem !important;
            padding-left: 10px !important;
            word-break: keep-all !important;
            overflow-wrap: break-word !important;
            color: #1e293b !important;
        }

        #sit_tot_price_display {
            font-size: 1.625rem !important;
            font-weight: 800 !important;
            color: #ef4444 !important;
            display: block !important;
            margin-top: 5px !important;
        }

        /* 깨진 이미지 숨김 */
        /* 상세페이지 옵션/가격 영역 보정 (v0.90 - 최종 보완) */
        .sit_ov_tbl {
            width: 100% !important;
            table-layout: auto !important;
            border-collapse: collapse !important;
        }

        .sit_ov_tbl th {
            width: auto !important;
            min-width: 65px !important;
            max-width: 80px !important;
            font-size: 0.8125rem !important;
            color: #64748b !important;
            vertical-align: top !important;
            padding-top: 5px !important;
            white-space: nowrap !important;
        }

        .sit_ov_tbl td {
            font-size: 0.8125rem !important;
            padding-left: 8px !important;
            word-break: keep-all !important;
            overflow-wrap: break-word !important;
        }

        #sit_tot_price_display {
            font-size: 1.5rem !important;
            font-weight: 800 !important;
        }

        /* [v0.91] PC 환경 수직 메뉴 강제 숨김 및 디자인 보정 (모바일 영역에서 이동됨) */


        /* ============================================================ */
        /* 8. ?곹뭹 ?곸꽭 ?섏씠吏€                                              */
        /* ============================================================ */
        #sit_ov_from {
            background: var(--c2-bg-card);
            border-bottom: 1px solid var(--c2-border);
        }

        #sit_ov_wrap {
            padding: 2.5rem;
        }

        #sit_title {
            font-size: 1.75rem;
            font-weight: 800;
            color: var(--c2-text);
            letter-spacing: -0.03em;
        }

        /* --- 8-2. ?곸꽭?섏씠吏€ 踰꾪듉 諛??≪뀡 ?곸뿭 (Premium UX) --- */
        #sit_ov_btn {
            margin-top: 1.875rem;
        }

        .custom-design-buttons button {
            height: 3.5rem !important;
            font-size: 1rem !important;
            border-radius: 0.625rem !important;
            box-shadow: var(--c2-shadow-sm);
        }

        .sit_btn_design {
            transition: transform 0.2s, background 0.2s, box-shadow 0.2s !important;
        }

        .sit_btn_design:hover {
            transform: translateY(-2px);
            box-shadow: var(--c2-shadow-md);
        }

        .sit_btn_cart,
        .sit_btn_buy {
            height: 3.5rem !important;
            border-radius: 0.625rem !important;
            font-size: 1rem !important;
            transition: all 0.2s ease !important;
        }

        .sit_btn_cart:hover {
            border-color: var(--c2-primary) !important;
            color: var(--c2-primary) !important;
            background: #f8fafc !important;
        }

        .sit_btn_wish {
            border-radius: 0.625rem !important;
            transition: all 0.2s ease !important;
        }

        .sit_btn_wish:hover {
            background: #fff1f2 !important;
            border-color: #fecdd3 !important;
        }

        /* ???붿냼 媛꾧꺽 蹂댁젙 */
        .sit_ov_tbl+#sit_tot_price {
            margin-top: 1.5625rem;
            padding-top: 1.5625rem;
            border-top: 2px solid var(--c2-text);
        }

        #sit_tot_price {
            font-size: 0.9375rem;
            font-weight: 600;
            color: var(--c2-text-light);
            text-align: right;
            display: flex;
            justify-content: flex-end;
            align-items: baseline;
            gap: 0.75rem;
        }

        #sit_tot_price strong {
            font-size: 2rem;
            font-weight: 900;
            color: var(--c2-red);
        }

        /* 紐⑤컮???€??*/
        @media (max-width: 48rem) {
            #sit_ov_wrap {
                padding: 1.5625rem 1.25rem;
            }

            #sit_title {
                font-size: 1.375rem;
            }

            #sit_ov_from .sit_ov_tbl th {
                width: 5.625rem;
                font-size: 0.8125rem;
            }

            .custom-design-buttons {
                flex-direction: column;
            }

            .sit_btn_buy {
                flex: 2 !important;
            }
        }

        /* --- 8-1. ?곹뭹 ?뺣낫 ?뚯씠釉?怨좊룄??(sit_ov_tbl) --- */
        #sit_ov_from .sit_ov_tbl {
            width: 100%;
            border-collapse: collapse;
            margin: 0.625rem 0 1.5625rem;
        }

        #sit_ov_from .sit_ov_tbl tr {
            border-bottom: 1px solid var(--c2-border-light);
        }

        #sit_ov_from .sit_ov_tbl tr:last-child {
            border-bottom: none;
        }

        #sit_ov_from .sit_ov_tbl th {
            text-align: left;
            padding: 0.9375rem 0;
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--c2-text-light);
            width: 6.875rem;
            vertical-align: middle;
        }

        #sit_ov_from .sit_ov_tbl td {
            padding: 0.9375rem 0;
            font-size: 0.875rem;
            color: var(--c2-text);
            vertical-align: middle;
        }

        /* ?듭뀡 ?좏깮李?(Standard Option Select) */
        #sit_ov_from .sit_ov_tbl select.it_option {
            width: 100%;
            max-width: 26.25rem;
            height: 3rem;
            border: 1px solid var(--c2-border);
            border-radius: 0.5rem;
            padding: 0 0.9375rem;
            font-size: 0.875rem;
            font-weight: 500;
            background-color: #fff;
            cursor: pointer;
            appearance: none;
            -webkit-appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 0.9375rem center;
            transition: all 0.2s ease;
        }

        #sit_ov_from .sit_ov_tbl select.it_option:focus {
            border-color: var(--c2-primary);
            background-color: #fff;
        }

        #sit_ov_from .sit_ov_tbl select.it_option:hover {
            border-color: #cbd5e1;
        }

        /* ?섎웾 ?낅젰湲?*/
        #calc_quantity {
            width: 5.3125rem;
            height: 2.875rem;
            text-align: center;
            border: 1px solid var(--c2-border);
            border-radius: 0.5rem;
            font-weight: 700;
            font-size: 1rem;
        }

        #sit_tot_price_display {
            font-size: 1.875rem;
            font-weight: 900;
            color: var(--c2-red);
            letter-spacing: -0.05em;
        }

        #sit_tot_price_display::after {
            content: "\c6d0";

            font-size: 1rem;
            font-weight: 600;
            margin-left: 2px;
        }

        /* ???곸뿭 (sir.kr 湲곕컲 premium ?붿옄??而⑥뀎 ?ㅻ쾭?쇱씠?? */
        #sit_info {
            display: block;
            max-width: var(--c2-max-w);
            margin: 2.5rem auto 0;
            border: none;
            padding: 0;
        }

        #sit_inf {
            width: 100%;
            display: block;
            background: var(--c2-bg-card);
            border-radius: var(--c2-radius);
            border: 1px solid var(--c2-border);
            overflow: hidden;
            box-shadow: var(--c2-shadow-sm);
        }

        #sit_inf .tab_tit {
            display: flex;
            flex-wrap: nowrap;
            border-bottom: 1px solid var(--c2-border);
            background: var(--c2-border-light);
            padding: 0;
            margin: 0;
        }

        #sit_inf .tab_tit li {
            flex: 1;
            margin: 0;
            float: none;
            display: block;
        }

        #sit_inf .tab_tit li button {
            display: block;
            width: 100%;
            font-size: 1rem;
            color: var(--c2-text-light);
            background: transparent;
            border: none;
            padding: 1.125rem 0;
            font-weight: 600;
            cursor: pointer;
            transition: var(--c2-transition);
            text-align: center;
            position: relative;
            line-height: 1.5;
        }

        #sit_inf .tab_tit li button:hover {
            color: var(--c2-text);
            background: #fff;
        }

        #sit_inf .tab_tit li .selected,
        #sit_inf .tab_tit li button.selected,
        #sit_inf .tab_tit li.selected button {
            color: var(--c2-primary);
            font-weight: 800;
            background: #fff;
        }

        #sit_inf .tab_tit li .selected::after,
        #sit_inf .tab_tit li button.selected::after,
        #sit_inf .tab_tit li.selected button::after {
            content: "";
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 0.1875rem;
            background: var(--c2-primary);
            display: block;
        }

        #sit_inf .tab_con {
            background: #fff;
            padding: 0;
            margin: 0;
        }

        #sit_inf .tab_con>li,
        #sit_inf .tab_con>div {
            padding: 2.5rem;
        }

        #sit_inf h2.contents_tit,
        #sit_inf h3 {
            font-size: 1.375rem;
            font-weight: 800;
            color: var(--c2-text);
            margin-bottom: 1.5625rem;
            padding-bottom: 0.9375rem;
            border-bottom: 1px solid var(--c2-text);
            display: block;
            clear: both;
            line-height: 1.4;
        }

        /* ?곹뭹?뺣낫怨좎떆 */
        #sit_inf_open {
            width: 100%;
            border-collapse: collapse;
            border-top: 2px solid var(--c2-text);
            margin-top: 1.25rem;
        }

        #sit_inf_open th {
            background: var(--c2-bg-card);
            padding: 0.875rem 1.25rem;
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--c2-text-light);
            border-bottom: 1px solid var(--c2-border);
            text-align: left;
            width: 11.25rem;
        }

        #sit_inf_open td {
            padding: 0.875rem 1.25rem;
            font-size: 0.875rem;
            color: var(--c2-text);
            border-bottom: 1px solid var(--c2-border);
        }

        /* ??紐⑤컮??理쒖쟻??*/
        @media (max-width: 48rem) {
            #sit_info {
                padding: 0 0.9375rem;
                margin-top: 1.25rem;
            }

            #sit_tab .tab_tit {
                display: flex !important;
                flex-wrap: nowrap !important;
                overflow-x: auto !important;
                -webkit-overflow-scrolling: touch !important;
                padding: 0 !important;
                background: #f8fafc !important;
                border-bottom: 2px solid #e2e8f0 !important;
            }

            #sit_tab .tab_tit li {
                flex: 1 0 auto !important;
                width: auto !important;
                min-width: 80px !important;
                border: none !important;
                margin: 0 !important;
            }

            #sit_tab .tab_tit li button {
                width: 100% !important;
                padding: 1rem 0.5rem !important;
                font-size: 0.8125rem !important;
                background: none !important;
                border-right: 1px solid #e2e8f0 !important;
                color: #64748b !important;
                white-space: nowrap !important;
            }

            #sit_tab .tab_tit li.selected button,
            #sit_tab .tab_tit li button.selected {
                color: var(--c2-primary) !important;
                background: #fff !important;
                border-bottom: 2px solid var(--c2-primary) !important;
                font-weight: 700 !important;
            }

            #sit_inf .tab_con>li,
            #sit_inf .tab_con>div {
                padding: 1.5625rem 1.25rem;
            }

            #sit_inf_open th,
            #sit_inf_open td {
                display: block;
                width: 100%;
            }

            #sit_inf_open th {
                background: var(--c2-border-light);
                border-bottom: none;
                padding: 0.75rem 0.9375rem 0.375rem;
            }

            #sit_inf_open td {
                padding: 0.375rem 0.9375rem 0.9375rem;
            }
        }


        /* ============================================================ */
        /* 9. ???낅젰 ?붿냼                                                */
        /* ============================================================ */
        input[type="text"],
        input[type="password"],
        input[type="email"],
        input[type="tel"],
        input[type="search"],
        input[type="number"],
        textarea,
        select {
            border: 1px solid var(--c2-border);
            border-radius: var(--c2-radius-sm);
            padding: 0.625rem 0.875rem;
            font-size: 0.875rem;
            font-family: inherit;
            color: var(--c2-text);
            background: var(--c2-bg-card);
            outline: none;
            transition: border-color 0.2s;
        }

        input:focus,
        textarea:focus,
        select:focus {
            border-color: var(--c2-primary);
            box-shadow: 0 0 0 0.1875rem rgba(37, 99, 235, 0.1);
        }

        /* 寃€?됱갹 ?대? input?€ ?쒖쇅 (?대? ?꾩뿉??泥섎━) */
        /* 寃€?됱갹 怨좊룄??*/
        #hd_sch {
            border: 1px solid var(--c2-border);
            border-radius: 1.25rem;
            padding: 0 0.3125rem;
            background: #f8fafc;
            transition: var(--c2-transition);
        }

        #hd_sch:focus-within {
            border-color: var(--c2-primary);
            background: #fff;
            box-shadow: 0 0 0 0.1875rem rgba(37, 99, 235, 0.1);
        }

        #hd_sch #sch_str {
            border: none !important;
            box-shadow: none !important;
            background: transparent;
            padding: 0 0.75rem;
            height: 2.375rem;
            font-size: 0.875rem;
        }

        #hd_sch #sch_submit {
            color: var(--c2-primary);
            background: transparent;
            border: none;
            font-size: 1rem;
        }


        /* ============================================================ */
        /* 10. 踰꾪듉                                                      */
        /* ============================================================ */
        .btn_submit,
        .btn01 {
            background: var(--c2-primary);
            color: #fff;
            border: 1px solid var(--c2-primary);
            border-radius: var(--c2-radius-sm);
            padding: 0.625rem 1.5rem;
            font-size: 0.875rem;
            font-weight: 600;
        }

        .btn_submit:hover,
        .btn01:hover {
            background: var(--c2-primary-hover);
        }

        .btn_cancel,
        .btn02 {
            background: var(--c2-bg-card);
            color: var(--c2-text);
            border: 1px solid var(--c2-border);
            border-radius: var(--c2-radius-sm);
            padding: 0.625rem 1.5rem;
        }

        .btn_b01,
        a.btn_b01 {
            background: var(--c2-green);
            color: #fff;
            border-radius: var(--c2-radius-sm);
        }


        /* ============================================================ */
        /* 11. 寃뚯떆??由ъ뒪??/ 酉?                                         */
        /* ============================================================ */
        .tbl_head01 {
            border: 1px solid var(--c2-border);
            border-radius: var(--c2-radius);
            overflow: hidden;
            background: var(--c2-bg-card);
            box-shadow: var(--c2-shadow-sm);
        }

        .tbl_head01 thead th {
            background: var(--c2-border-light);
            border-bottom: 1px solid var(--c2-border);
            color: var(--c2-text-light);
            font-size: 0.8125rem;
            font-weight: 600;
            padding: 0.75rem 1rem;
        }

        .tbl_head01 tbody td {
            padding: 0.875rem 1rem;
            border-bottom: 1px solid var(--c2-border-light);
            font-size: 0.875rem;
        }

        .tbl_head01 tbody tr:hover td {
            background: var(--c2-primary-light);
        }

        #bo_v {
            background: var(--c2-bg-card);
            border: 1px solid var(--c2-border);
            border-radius: var(--c2-radius);
            overflow: hidden;
        }

        #bo_v_title {
            font-size: 1.5rem;
            font-weight: 800;
            padding: 1.75rem 1.5rem 0.75rem;
        }

        #bo_v_con {
            padding: 1.75rem 1.5rem;
            line-height: 1.8;
        }


        /* ============================================================ */
        /* 12. ?섏씠吏€?ㅼ씠??                                               */
        /* ============================================================ */
        .pg_wrap {
            text-align: center;
            margin: 1.875rem 0;
        }

        .pg_wrap a,
        .pg_wrap .pg_current {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 2.25rem;
            height: 2.25rem;
            margin: 0 2px;
            border-radius: var(--c2-radius-sm);
            font-size: 0.875rem;
            color: var(--c2-text-light);
            border: 1px solid transparent;
            background: transparent;
        }

        .pg_wrap a:hover {
            background: var(--c2-primary-light);
            color: var(--c2-primary);
            border-color: var(--c2-primary);
        }

        .pg_wrap .pg_current {
            background: var(--c2-primary);
            color: #fff;
            font-weight: 700;
        }


        /* ============================================================ */
        /* Removed conflicting dark footer style since the light gray one at line 329 is used */

        /* Conran ?몃씪???ㅽ????ㅻ쾭?쇱씠??*/
        .footer_top.inner-container {
            max-width: var(--c2-max-w);
        }

        .footer-grid {
            gap: 1.875rem;
        }

        .social-links a {
            color: #6b7280;
            font-size: 1.125rem;
        }

        .social-links a:hover {
            color: #e5e7eb;
        }


        /* ============================================================ */
        /* 13.5 GNB 諛??꾩옱?꾩튂 ?덉씠???ㅻ쾭?쇱씠??(Phase 4 v3)               */
        /* ============================================================ */

        /* GNB ?쒕툕硫붾돱 而댄뙥????*/
        #gnb .gnb_2dul {
            padding: 0.3125rem 0;
            border: 1px solid var(--c2-border);
            border-radius: var(--c2-radius-sm);
            box-shadow: var(--c2-shadow-lg);
            width: auto;
            min-width: 10rem;
        }

        #gnb .gnb_1dli_over .gnb_2da,
        #gnb .gnb_1dli_over2 .gnb_2da {
            padding: 0.5rem 0.9375rem;
            line-height: 1.4;
            font-size: 0.875rem;
            border-bottom: 1px solid var(--c2-border-light);
        }

        #gnb .gnb_2dli:last-child .gnb_2da {
            border-bottom: none;
        }

        #gnb .gnb_1dli_over .gnb_2da:hover,
        #gnb .gnb_1dli_over2 .gnb_2da:hover {
            background: #f8fafc;
            color: var(--c2-primary);
        }

        /* ?꾩옱?꾩튂(#sct_location) ?붿옄??諛??쒕∼?ㅼ슫 怨좎젙 */
        #sct_location {
            background: var(--c2-bg-card);
            border: 1px solid var(--c2-border);
            border-radius: var(--c2-radius-sm);
            padding: 0.75rem 0.9375rem;
            margin-bottom: 1.5625rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        #sct_location .go_home {
            color: var(--c2-text-light);
        }

        #sct_location .go_home:hover {
            color: var(--c2-primary);
        }

        #sct_location i.dividing-line {
            color: var(--c2-border);
        }

        /* 寃쎈줈 ?쒕∼?ㅼ슫 ?ㅻ쾭?쇱씠?? position: absolute 怨좎젙 諛??뚮줈??諛⑹? */
        .shop_select_to_html {
            position: relative;
        }

        .shop_select_to_html .category_title {
            padding: 0.375rem 0.9375rem 0.375rem 0.75rem;
            border-radius: var(--c2-radius-sm);
            border: 1px solid transparent;
            background: transparent;
            color: var(--c2-text);
        }

        .shop_select_to_html .category_title:hover {
            background: var(--c2-border-light);
            border-color: var(--c2-border);
        }

        .shop_select_to_html .menulist {
            position: absolute;
            left: 0;
            top: calc(100% + 0.3125rem);
            background: #fff;
            border: 1px solid var(--c2-border);
            border-radius: var(--c2-radius-sm);
            box-shadow: var(--c2-shadow-lg);
            min-width: 11.25rem;
            z-index: 1010;
            padding: 0.3125rem 0;
        }

        .shop_select_to_html .option a {
            padding: 0.5rem 0.9375rem;
            font-size: 0.875rem;
            color: var(--c2-text);
        }

        .shop_select_to_html .option a:hover,
        .shop_select_to_html .option.selected a {
            background: #f8fafc;
            color: var(--c2-primary);
        }

        /* ?곹뭹 ?곸꽭?섏씠吏€ ?댁쟾/?ㅼ쓬 ?곹뭹 踰꾪듉 (#sit_sibling) */
        #sit_ov_from {
            position: relative;
        }

        #sit_sibling {
            position: absolute;
            top: 0.3125rem;
            right: 0;
            display: flex;
            gap: 0.375rem;
            z-index: 10;
        }

        #sit_sibling a {
            display: inline-flex;
            align-items: center;
            gap: 0.25rem;
            padding: 0.375rem 0.75rem;
            background: #fff;
            border: 1px solid var(--c2-border);
            border-radius: var(--c2-radius-sm);
            color: var(--c2-text-light);
            font-size: 0.8125rem;
            font-weight: 500;
            transition: all 0.2s ease-in-out;
            height: 2.25rem;
        }

        #sit_sibling a:hover {
            color: var(--c2-primary);
            border-color: var(--c2-border-dark);
            background: #f8fafc;
        }

        #sit_sibling a i {
            font-size: 0.875rem;
        }

        /* 紐⑤컮???붾㈃?먯꽌??踰꾪듉???ㅻ퉬寃뚯씠???꾨옒???곗륫???묎쾶 諛곗튂 */
        @media (max-width: 48rem) {
            #sit_sibling {
                position: relative;
                top: 0;
                margin-bottom: 0.9375rem;
                justify-content: flex-end;
            }
        }

        /* ============================================================ */
        /* 14. ?곹뭹 ?뺣젹 諛?                                               */
        /* ============================================================ */
        #sct_sortlst {
            border: 1px solid var(--c2-border);
            border-radius: var(--c2-radius-sm);
            background: var(--c2-bg-card);
            margin-bottom: 1.25rem;
        }

        #sct_sort li a {
            font-size: 0.875rem;
            color: var(--c2-text-light);
        }

        #sct_sort li a:hover {
            color: var(--c2-primary);
        }

        @media (max-width: 48rem) {
            #sct_sortlst {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                white-space: nowrap;
                padding-bottom: 2px;
                border-radius: 0.25rem;
            }

            #sct_sortlst::-webkit-scrollbar {
                display: none;
            }

            #sct_sort {
                display: flex;
                flex-wrap: nowrap;
                margin: 0;
                padding: 0;
                width: max-content;
            }

            #sct_sort>li {
                display: inline-block;
                border-right: 1px solid var(--c2-border-light);
            }

            #sct_sort>li:last-child {
                border-right: none;
            }

            #sct_sort>li a {
                display: block;
                padding: 0.625rem 0.875rem;
                font-size: 0.8125rem;
            }
        }

        /* ============================================================ */
        /* 15. 理쒖떊湲€ ?꾩젽                                                 */
        /* ============================================================ */
        .latest_top_wr,
        .latest_wr,
        .lt_wr {
            background: var(--c2-bg-card);
            border: 1px solid var(--c2-border);
            border-radius: var(--c2-radius);
            padding: 1.25rem;
            margin-bottom: 1.25rem;
            box-shadow: var(--c2-shadow-sm);
        }

        /* ============================================================ */
        /* 16. ?좏떥由ы떚                                                   */
        /* ============================================================ */
        .empty_table {
            padding: 3.75rem 0;
            color: var(--c2-text-xlight);
            text-align: center;
        }

        #wrapper {
            max-width: var(--c2-max-w);
            margin: 0 auto;
            padding: 0 1.25rem;
        }

        /* 移댄뀒怨좊━ ?쒕∼?ㅼ슫 (PC Masonry ?ㅻ떒 ?덉씠?꾩썐 媛쒗렪) */
        #category {
            border-radius: var(--c2-radius-sm);
            box-shadow: var(--c2-shadow-lg);
        }

        @media (min-width: 48.0625rem) {
            #category {
                padding: 1.875rem 2.5rem;
            }

            #category ul::after {
                display: none !important;
                /* clear:both 諛⑹? */
            }

            #category .cate {
                column-count: 5;
                column-gap: 2.5rem;
                display: block !important;
            }

            #category .cate_li_1 {
                break-inside: avoid;
                page-break-inside: avoid;
                display: block !important;
                width: auto !important;
                float: none !important;
                border-left: none !important;
                padding: 0 0 1.875rem 0 !important;
                min-height: auto !important;
                box-sizing: border-box;
                margin: 0 0 1.25rem 0;
            }

            #category .cate_li_1_a {
                font-size: 1rem !important;
                margin-bottom: 0.75rem !important;
                color: var(--c2-text) !important;
                border-bottom: 2px solid var(--c2-text);
                padding-bottom: 0.625rem;
            }

            #category .cate_li_2 {
                line-height: 1.8em !important;
            }

            #category .cate_li_2 a {
                font-size: 0.875rem;
                color: var(--c2-text-light) !important;
                transition: color 0.2s;
            }

            #category .cate_li_2 a:hover {
                color: var(--c2-primary) !important;
                text-decoration: underline;
            }
        }

        /* ?ㅽ겕濡ㅻ컮 */
        ::-webkit-scrollbar {
            width: 0.375rem;
            height: 0.375rem;
        }

        ::-webkit-scrollbar-track {
            background: var(--c2-border-light);
        }

        ::-webkit-scrollbar-thumb {
            background: var(--c2-text-xlight);
            border-radius: 0.1875rem;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: var(--c2-text-light);
        }


        /* ============================================================ */
        /* 17. ?ㅻ뜑 諛섏쓳??+ 寃€?됰쾭???몃줈?뺣젹 + ?꾨쾭嫄?+ ?쒕줈??          */
        /* ============================================================ */

        /* --- 17-0. PC: 寃€??踰꾪듉 ?몃줈 ?뺣젹 蹂댁젙 --- */
        #hd_sch {
            position: relative;
        }

        #hd_sch legend {
            display: none;
        }

        #hd_sch form {
            display: flex;
            align-items: center;
            width: 100%;
        }

        #hd_sch #sch_str {
            height: 2.75rem;
            line-height: 2.75rem;
        }

        #hd_sch #sch_submit {
            height: 2.75rem;
            line-height: 2.75rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* --- 17-1. PC: ?꾨쾭嫄?踰꾪듉 ?④?, 紐⑤컮??寃€?됰쾭???④?, ?쒕줈???좏떥 ?④? --- */
        .btn_hamburger,
        .btn_mobile_search_li {
            display: none;
        }

        .hd_drawer_utils {
            display: none;
        }

        #hd_drawer_bg {
            display: none;
        }

        /* --- 17-2. 移댄뀒怨좊━ ?붿궡???꿎뼹) 湲곕낯 ?ㅽ???--- */
        .toggle_arrow {
            position: absolute;
            top: 50%;
            right: 1rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            cursor: pointer;
            z-index: 5;
            display: flex;
            align-items: center;
            justify-content: center;
            background: none;
            border: none;
        }

        .toggle_arrow::after {
            content: "\25bc";
            /* ▼ */
            font-size: 0.6875rem;

            color: var(--c2-text-xlight);
            transition: transform 0.2s;
            display: block;
            background: none;
        }

        .toggle_arrow.arrow_open::after {
            content: "\25b2";
            /* ▲ */
            color: var(--c2-primary);

        }

        /* ==========================================================================
   17-3. 紐⑤컮??諛섏쓳??(max-width: 48rem)
   ========================================================================== */
        @media (max-width: 48rem) {

            /* ?곷떒 ?좏떥諛?紐⑤컮???④? */
            #tnb {
                display: none;
            }

            /* 硫붿씤 ?ㅻ뜑: 濡쒓퀬 醫뚯륫, ?곗륫 ?꾨쾭嫄??λ컮援щ땲 ?뺣젹 */
            #hd_wrapper {
                height: 3.75rem;
                min-height: 3.75rem;
                padding: 0 0.9375rem;
                gap: 0;
                align-items: center;
                flex-wrap: nowrap;
                position: relative;
            }

            #logo {
                flex: 0 0 auto;
            }

            #logo img {
                max-height: 1.75rem;
                width: auto;
            }

            /* ?곗륫 ?곷떒 ?좏떥 (濡쒓렇??寃€???꾨쾭嫄? */
            .hd_login {
                display: flex;
                align-items: center;
                gap: 0.9375rem;
                margin-left: auto;
            }

            .hd_login>li {
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .hd_login .fa-shopping-cart {
                font-size: 1.375rem !important;
                /* 紐⑤컮???꾩씠肄?諛몃윴??議곗젙 */
                line-height: 1;
            }

            .hd_login li.shop_cart a {
                display: flex;
                align-items: center;
                position: relative;
            }

            #hd_wrapper .hd_login>li.login,
            #hd_wrapper .hd_login>li.shop_login {
                display: none;
                /* 紐⑤컮?쇱뿉???띿뒪?몃쾭???앸왂 -> ?쒕줈??硫붾돱濡?*/
            }

            /* 紐⑤컮???꾨쾭嫄??몄텧 */
            #btn_mobile_hamburger {
                display: flex;
                flex-direction: column;
                justify-content: center;
                background: transparent;
                border: none;
                padding: 0.3125rem;
                margin-left: 0.625rem;
                cursor: pointer;
            }

            #btn_mobile_hamburger .hamburger_line {
                display: block;
                width: 1.375rem;
                /* ?꾨쾭嫄?媛€濡?湲몄씠 ?댁쭩 ?ㅼ? */
                height: 2px;
                background: #333;
                margin: 0.25rem 0;
                /* 媛꾧꺽 ?댁쭩 ?볧옒 */
                border-radius: 2px;
            }

            /* 紐⑤컮???뗫낫湲??몄텧 */
            .btn_mobile_search_li {
                display: block;
            }

            .btn_mobile_search_li button {
                background: transparent;
                border: none;
                font-size: 1.25rem;
                color: #333;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0;
                line-height: 1;
            }

            /* 紐⑤컮??寃€?됰컮: ?꾩껜 ?덈퉬 諛⑹떇??踰꾨━怨??좉? ?쒕∼?ㅼ슫 ?뺥깭濡??꾪솚 */
            .hd_sch_wr {
                display: none;
                position: absolute;
                top: 3.75rem;
                left: 0;
                width: 100%;
                background: #fff;
                padding: 0.625rem 0.9375rem;
                box-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.1);
                z-index: 1000;
                margin: 0;
                max-width: 100%;
                border-top: 1px solid #eee;
            }

            #hd_sch {
                border-radius: 0.25rem;
                border-color: #ddd;
            }

            /* ?섎떒 硫붾돱 移댄뀒怨좊━ (?곗뒪?ы깙??媛€濡?硫붾돱 ?④?) */
            /* 紐⑤컮???꾨쾭嫄?硫붾돱 (?쒕엻???쒕줈??湲곕낯 ?④?) */
            #hd_menu {
                display: none;
                position: fixed;
                top: 0;
                right: -100%;
                width: 80%;
                max-width: 20rem;
                height: 100%;
                background: #fff;
                z-index: 9999;
                overflow-y: auto;
                box-shadow: -2px 0 0.625rem rgba(0, 0, 0, 0.1);
                transition: right 0.3s ease;
            }

            #hd_menu.drawer_open {
                display: block;
                right: 0;
            }

            #hd_menu::-webkit-scrollbar {
                display: none;
                /* ?ㅽ겕濡ㅻ컮 ?④? */
            }

            #hd_menu button#menu_open {
                display: none;
                /* 紐⑤컮?쇱뿉??移댄뀒怨좊━ ?꾩껜蹂닿린 ?띿뒪??踰꾪듉 ?④? */
            }

            .hd_menu {
                display: flex;
                flex-wrap: nowrap;
                margin: 0;
            }

            .hd_menu li a {
                padding: 0.625rem 0.9375rem;
                font-size: 0.875rem;
                line-height: normal;
            }

            .hd_menu li {
                position: relative;
                /* 추가 */
            }

            /* ?쒕줈?????ㅻ퉬 硫붾돱 (.hd_menu): ?곷떒 ?몃줈 紐⑸줉 */
            #hd_menu .hd_menu {
                display: flex;
                flex-direction: column;
                background: var(--c2-primary);
                width: 100%;
                margin: 0;
                padding: 1.25rem 0 0.625rem;
            }

            #hd_menu .hd_menu li {
                width: 100%;
            }

            #hd_menu .hd_menu li a {
                padding: 0.75rem 1.25rem;
                font-size: 0.875rem;
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            }

            /* ?쒕줈????移댄뀒怨좊━ (#category): ??긽 ?쒖떆, ?몃줈 */
            #hd_menu #category {
                display: block;
                position: static;
                width: 100%;
                box-shadow: none;
                border-radius: 0;
                border: none;
            }

            #hd_menu #category .cate {
                list-style: none;
                margin: 0;
                padding: 0;
            }

            #hd_menu #category .cate_li_1 {
                position: relative;
                border-bottom: 1px solid var(--c2-border-light);
            }

            #hd_menu #category .cate_li_1_a {
                display: block;
                padding: 0.875rem 1.25rem;
                padding-right: 2.75rem;
                font-size: 0.875rem;
                font-weight: 500;
                color: var(--c2-text);
            }

            #hd_menu #category .cate_li_1_a:hover {
                color: var(--c2-primary);
                background: var(--c2-primary-light);
            }

            /* ?섏쐞 移댄뀒怨좊━: ?④? ???꾩퐫?붿뼵 ?좉? */
            #hd_menu #category .sub_cate {
                display: none;
                background: #f9fafb;
                border-top: 1px solid var(--c2-border-light);
            }

            #hd_menu #category .sub_cate.on,
            #hd_menu #category .sub_cate[style*="block"] {
                display: block;
            }

            #hd_menu #category .cate_li_2 {
                width: 100%;
                float: none;
            }

            #hd_menu #category .cate_li_2 a {
                display: block;
                padding: 0.625rem 1.25rem 0.625rem 2.25rem;
                font-size: 0.8125rem;
                color: var(--c2-text-light);
                border-bottom: 1px solid var(--c2-border-light);
            }

            #hd_menu #category .cate_li_2 a:hover {
                color: var(--c2-primary);
            }

            /* 移댄뀒怨좊━ 諛곌꼍 ?④? */
            #category_all_bg {
                display: none;
            }

            /* --- ?쒕줈?????좏떥 硫붾돱 (.hd_drawer_utils): ?쒖떆 --- */
            .hd_drawer_utils {
                display: block;
                list-style: none;
                margin: 0;
                padding: 1rem 0;
                border-top: 1px solid var(--c2-border);
                background: #f9fafb;
            }

            .hd_drawer_utils li a {
                display: block;
                padding: 0.625rem 1.25rem;
                font-size: 0.8125rem;
                color: var(--c2-text-light);
            }

            .hd_drawer_utils li a:hover {
                color: var(--c2-primary);
                background: var(--c2-primary-light);
            }

            /* --- ?쒕줈??諛곌꼍 ?ㅻ쾭?덉씠 --- */
            #hd_drawer_bg {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.4);
                z-index: 9998;
            }

            #hd_drawer_bg.drawer_bg_show {
                display: block;
            }

            body.drawer_body_lock {
                overflow: hidden;
            }

            /* ?ъ씠???듬찓???④? */
            #side_menu {
                display: none;
            }

            /* ?ъ씠?쒕컮 ?④? */
            #aside {
                display: none;
            }
        }

        /* ============================================================ */
        /* 18. ?λ컮援щ땲 / 二쇰Ц??/ 留덉씠?섏씠吏€ / 寃€??怨듯넻 ?뚯씠釉?諛??덉씠?꾩썐 */
        /* ============================================================ */

        /* ?€?댄? 怨듯넻 */
        #sod_bsk h2,
        #sod_frm h2,
        #smb_my h2,
        #ssch h2 {
            font-size: 1.5rem;
            font-weight: 800;
            color: var(--c2-text);
            margin-bottom: 1.5625rem;
            padding-bottom: 0.9375rem;
            border-bottom: 2px solid var(--c2-text);
        }

        /* ?뚯씠釉?怨듯넻 (?λ컮援щ땲, 二쇰Ц???? */
        .sod_list table,
        .sod_frm table,
        #smb_my table,
        .sod_list_tbl,
        .ssch_list table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 1.875rem;
            border-top: 2px solid var(--c2-text);
        }

        .sod_list th,
        .sod_frm th,
        #smb_my th,
        .sod_list_tbl th,
        .ssch_list th {
            background: var(--c2-bg-card);
            padding: 0.9375rem 0.625rem;
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--c2-text-light);
            border-bottom: 1px solid var(--c2-border);
            text-align: center;
        }

        .sod_list td,
        .sod_frm td,
        #smb_my td,
        .sod_list_tbl td,
        .ssch_list td {
            padding: 0.9375rem 0.625rem;
            font-size: 0.875rem;
            color: var(--c2-text);
            border-bottom: 1px solid var(--c2-border);
            text-align: center;
            vertical-align: middle;
        }

        .sod_list td.td_img img,
        .sod_list_tbl td.td_img img {
            border-radius: var(--c2-radius-sm);
            border: 1px solid var(--c2-border-light);
            display: block;
            margin: 0 auto;
        }

        /* ???곸뿭 (二쇰Ц?? 諛곗넚吏€ ?? */
        .sod_frm .frm_info {
            border-top: 2px solid var(--c2-text);
            margin-bottom: 1.875rem;
        }

        .sod_frm .frm_info th {
            width: 9.375rem;
            background: var(--c2-bg-card);
            text-align: left;
            padding: 0.9375rem 1.25rem;
            font-weight: 600;
        }

        .sod_frm .frm_info td {
            text-align: left;
            padding: 0.9375rem 1.25rem;
        }

        /* 留덉씠?섏씠吏€ ?덉씠?꾩썐 */
        #smb_my_ov {
            display: flex;
            gap: 1.25rem;
            margin-bottom: 2.5rem;
        }

        #smb_my_ov>div {
            flex: 1;
            background: var(--c2-bg-card);
            border: 1px solid var(--c2-border);
            border-radius: var(--c2-radius);
            padding: 1.875rem 1.25rem;
            text-align: center;
            box-shadow: var(--c2-shadow-sm);
            transition: var(--c2-transition);
        }

        #smb_my_ov>div:hover {
            transform: translateY(-0.1875rem);
            box-shadow: var(--c2-shadow-lg);
        }

        #smb_my_ov h3 {
            font-size: 0.9375rem;
            color: var(--c2-text-light);
            margin-bottom: 0.625rem;
        }

        #smb_my_ov .my_ov_val {
            font-size: 1.5rem;
            font-weight: 800;
            color: var(--c2-primary);
        }

        /* 寃€?됯껐怨??곷떒 ???덉씠?꾩썐 */
        #ssch .ssch_sch {
            background: var(--c2-bg-card);
            border: 1px solid var(--c2-border);
            border-radius: var(--c2-radius);
            padding: 1.875rem;
            text-align: center;
            margin-bottom: 2.5rem;
            box-shadow: var(--c2-shadow-sm);
        }

        #ssch .ssch_sch select {
            width: 9.375rem;
            height: 2.75rem;
            margin-right: 0.625rem;
        }

        #ssch .ssch_sch input[type="text"] {
            width: 18.75rem;
            height: 2.75rem;
        }

        #ssch .ssch_sch button {
            height: 2.75rem;
            padding: 0 1.5rem;
            margin-left: 0.625rem;
        }

        /* 紐⑤컮??諛섏쓳??怨듯넻 */
        @media (max-width: 48rem) {

            .sod_list table,
            .sod_list thead,
            .sod_list tbody,
            .sod_list tr,
            .sod_list th,
            .sod_list td,
            .sod_list_tbl table,
            .sod_list_tbl thead,
            .sod_list_tbl tbody,
            .sod_list_tbl tr,
            .sod_list_tbl th,
            .sod_list_tbl td,
            #smb_my table,
            #smb_my thead,
            #smb_my tbody,
            #smb_my tr,
            #smb_my th,
            #smb_my td {
                display: block;
            }

            .sod_list thead,
            .sod_list_tbl thead,
            #smb_my thead {
                display: none;
            }

            .sod_list tr,
            .sod_list_tbl tr,
            #smb_my tr {
                border: 1px solid var(--c2-border);
                margin-bottom: 0.9375rem;
                padding: 0.9375rem;
                border-radius: var(--c2-radius-sm);
            }

            .sod_list td,
            .sod_list_tbl td,
            #smb_my td {
                border-bottom: none;
                padding: 0.3125rem 0;
                text-align: left;
            }

            #smb_my_ov {
                flex-direction: column;
            }

            .sod_frm .frm_info th,
            .sod_frm .frm_info td {
                display: block;
                width: 100%;
            }

            #ssch .ssch_sch input[type="text"] {
                width: 100%;
                margin: 0.625rem 0;
            }

            #ssch .ssch_sch button {
                width: 100%;
                margin-left: 0;
            }

            #ssch .ssch_sch select {
                width: 100%;
                margin-right: 0;
            }
        }

        /* ---- Header UI Hotfix Logged In ---- */
        #hd_wrapper .hd_login li.shop_login {
            position: static;
            margin: 0;
            display: block;
        }

        #hd_wrapper .hd_login li.shop_cart {
            position: static;
            margin: 0;
            display: block;
        }

        #hd_wrapper .hd_login .btn_member_mn {
            color: #333;
            background: transparent;
            border: none;
            min-width: auto;
            padding: 0;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            height: auto;
        }

        #hd_wrapper .hd_login .btn_member_mn i {
            font-size: 1rem;
            line-height: inherit;
            color: #333;
        }

        #hd_wrapper .hd_login .btn_member_mn img {
            width: 1.875rem;
            height: 1.875rem;
            border-radius: 50%;
        }

        #hd_wrapper .hd_login li.shop_cart a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 2.5rem;
            height: 2.5rem;
            padding: 0;
            color: #333;
            font-size: 1.375rem;
            position: relative;
            border: none;
        }

        #hd_wrapper .hd_login li.shop_cart a:hover {
            background: transparent;
            color: var(--k1700-primary);
        }

        #hd_wrapper .hd_login .count {
            position: absolute;
            top: -2px;
            right: -2px;
            background: var(--k1700-accent);
            color: #fff;
            font-size: 0.6875rem;
            width: 1.125rem;
            height: 1.125rem;
            line-height: 1.125rem;
            border-radius: 50%;
        }

        /* ============================================================ */
        /* 20. 紐⑤컮???덉씠?꾩썐 媛뺤젣 ?ㅻ쾭?쇱씠??(Hotfix Override) */
        /* ============================================================ */
        @media (max-width: 48rem) {

            #mobile_shop_login,
            #hd_wrapper .hd_login li.login {
                display: none !important;
            }

            #mobile_hd_sch_wr {
                position: absolute !important;
                top: 3.75rem !important;
                left: 0 !important;
                right: 0 !important;
                width: 100% !important;
                max-width: none !important;
                margin: 0 !important;
                display: none;
                background: #fff !important;
                z-index: 1000 !important;
            }
        }

        /* ============================================================ */
        /* 21. ?곹뭹 由ъ뒪???≪뀡 踰꾪듉 (?λ컮援щ땲 / ?꾩떆由ъ뒪??               */
        /* ============================================================ */
        .item-actions {
            display: flex;
            gap: 0.375rem;
            padding: 0.5rem 0 0;
            opacity: 0;
            transform: translateY(0.375rem);
            transition: opacity 0.25s ease, transform 0.25s ease;
        }

        .sct_li:hover .item-actions {
            opacity: 1;
            transform: translateY(0);
        }

        .item-actions button {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.3125rem;
            padding: 0.4375rem 0;
            border: 1px solid var(--c2-border, #e2e8f0);
            border-radius: 0.375rem;
            background: var(--c2-bg-card, #fff);
            color: var(--c2-text-light, #64748b);
            font-size: 0.75rem;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .item-actions .btn_cart:hover {
            background: var(--c2-primary, #3b82f6);
            color: #fff;
            border-color: var(--c2-primary, #3b82f6);
        }

        .item-actions .btn_wish:hover {
            background: #ef4444;
            color: #fff;
            border-color: #ef4444;
        }

        .item-actions button svg {
            flex-shrink: 0;
        }

        /* ?λ컮援щ땲 ?듭뀡 ?덉씠??*/
        .cart-layer {
            position: relative;
            z-index: 10;
        }

        .cart-layer.sct_cartop {
            background: #fff;
            border: 1px solid var(--c2-border, #e2e8f0);
            border-radius: 0.5rem;
            padding: 1rem;
            margin-top: 0.5rem;
            box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
        }

        /* 紐⑤컮?? ??긽 ?쒖떆 */
        @media (max-width: 48rem) {
            .item-actions {
                opacity: 1;
                transform: none;
            }
        }

        /* ============================================================ */
        /* 22. 硫붿씤 ?섏씠吏€ 3移대뱶 ?듬쭅???뱀뀡                              */
        /* ============================================================ */
        .main-links-wrap {
            max-width: var(--c2-max-w);
            margin: 1.875rem auto 3.125rem;
            padding: 0 1.25rem;
        }

        @media (max-width: 48rem) {
            .main-links-wrap {
                display: none !important;
            }

            /* 상품 목록 카테고리 메뉴 - 3단 그리드로 최적화 (v0.90) */
            .sct_ct ul,
            .sct_ct_menu ul {
                display: grid !important;
                grid-template-columns: repeat(3, 1fr) !important;
                gap: 0.5rem !important;
                padding: 0.625rem !important;
                width: 100% !important;
            }

            .sct_ct li,
            .sct_ct_menu li {
                width: 100% !important;
                margin: 0 !important;
                border: 1px solid #e2e8f0 !important;
                border-radius: 0.375rem !important;
                background: #fff !important;
            }

            .sct_ct li a,
            .sct_ct_menu li a {
                padding: 0.75rem 0.25rem !important;
                font-size: 0.8125rem !important;
                display: block !important;
                text-align: center !important;
                white-space: normal !important;
                word-break: keep-all !important;
            }

            /* 상품 카드 버튼 모바일 최적화 (v0.90 아이콘화/배치 고정) */
            .sct_li {
                position: relative !important;
            }

            .k17-btn-layer,
            .item-actions {
                display: flex !important;
                flex-direction: row !important;
                gap: 0.3125rem !important;
                position: absolute !important;
                top: 0.5rem !important;
                right: 0.5rem !important;
                left: auto !important;
                bottom: auto !important;
                z-index: 10 !important;
                margin: 0 !important;
                padding: 0 !important;
                background: transparent !important;
            }

            .k17-btn-layer button,
            .k17-btn-layer a,
            .item-actions button,
            .item-actions a {
                width: 2.1875rem !important;
                height: 2.1875rem !important;
                border-radius: 50% !important;
                background: rgba(255, 255, 255, 0.95) !important;
                box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.2) !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                color: #1e293b !important;
                border: 1px solid #e2e8f0 !important;
                padding: 0 !important;
                font-size: 0 !important;
                overflow: hidden !important;
            }

            .k17-btn-layer button i,
            .k17-btn-layer a i,
            .item-actions button i,
            .item-actions a i,
            .item-actions button svg,
            .item-actions a svg {
                font-size: 0.875rem !important;
                width: 0.875rem !important;
                height: 0.875rem !important;
                display: inline-block !important;
                margin: 0 !important;
            }

            .item-actions span {
                display: none !important;
            }

            .btn_cart[title="장바구니"] i,
            .btn_cart[title="장바구니"] svg {
                color: var(--c2-primary) !important;
            }

            /* 장바구니 옵션 모달 모바일 최적화 (Bottom Sheet 스타일 강제) */
            #sct_cartop,
            .cart-layer.sct_cartop {
                position: fixed !important;
                bottom: 0 !important;
                left: 0 !important;
                right: 0 !important;
                top: auto !important;
                width: 100% !important;
                max-height: 85vh;
                overflow-y: auto;
                margin: 0 !important;
                border-radius: 1.25rem 1.25rem 0 0 !important;
                box-shadow: 0 -0.5rem 1.5rem rgba(0, 0, 0, 0.2) !important;
                padding: 1.5rem 1rem !important;
                z-index: 10001 !important;
                background: #fff !important;
                transform: translateY(0) !important;
                animation: slideInUpK17 0.3s ease-out !important;
            }

            @keyframes slideInUpK17 {
                from {
                    transform: translateY(100%);
                }

                to {
                    transform: translateY(0);
                }
            }
        }

        .main-links-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.25rem;
        }

        .main-link-card {
            background: var(--c2-bg-card);
            border: 1px solid var(--c2-border);
            padding: 2rem 1.25rem;
            text-align: center;
            border-radius: var(--c2-radius);
            transition: all 0.3s ease;
            text-decoration: none;
            color: var(--c2-text);
            box-shadow: var(--c2-shadow-sm);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .main-link-card:hover {
            transform: translateY(-0.25rem);
            box-shadow: var(--c2-shadow-lg);
            border-color: var(--c2-primary);
            color: var(--c2-text);
        }

        .main-link-icon {
            font-size: 2rem;
            margin-bottom: 0.75rem;
            width: 3.5rem;
            height: 3.5rem;
            line-height: 3.5rem;
            border-radius: 50%;
            background: var(--c2-primary-light);
        }

        .main-link-title {
            font-size: 1.125rem;
            font-weight: 700;
            margin-bottom: 0.375rem;
            display: block;
            color: var(--c2-text);
        }

        .main-link-desc {
            font-size: 0.8125rem;
            color: var(--c2-text-light);
            display: block;
            line-height: 1.5;
            font-weight: 400;
        }

        @media (max-width: 48rem) {
            .main-links-grid {
                grid-template-columns: 1fr;
                gap: 0.75rem;
            }

            .main-link-card {
                flex-direction: row;
                text-align: left;
                padding: 1.25rem;
                gap: 1rem;
            }

            .main-link-icon {
                margin-bottom: 0;
                flex-shrink: 0;
            }
        }

        /* ============================================================ */
        /* [Korea1700] ?곹뭹?곸꽭?섏씠吏€ 4:6 ?덉씠?꾩썐 諛?UI 理쒖쥌 蹂댁젙            */
        /* ============================================================ */

        /* 1. PC 4:6 ?덉씠?꾩썐 媛뺤젣 怨좎젙 */
        @media (min-width: 75rem) {
            #sit_ov_wrap {
                display: flex !important;
                flex-direction: row !important;
                flex-wrap: nowrap !important;
                gap: 3.75rem !important;
                /* 踰ㅼ튂留덊궧 媛꾧꺽 */
                width: 100% !important;
                align-items: flex-start !important;
            }

            #sit_ov_wrap #sit_pvi {
                flex: 0 0 40% !important;
                width: 40% !important;
                max-width: 40% !important;
                min-width: 40% !important;
            }

            #sit_ov_wrap #sit_ov {
                flex: 0 0 calc(60% - 3.75rem) !important;
                width: calc(60% - 3.75rem) !important;
                max-width: calc(60% - 3.75rem) !important;
                min-width: 0 !important;
            }
        }

        /* 2. ?꾧린/臾몄쓽 ?섎웾 ?붿빟 ?ㅽ???(sir.kr ?먮굦??諛곗? ?ㅽ??? */
        .sit_use_qa_summary {
            cursor: pointer;
            font-size: 0.8125rem !important;
            color: #4b5563 !important;
            padding: 0.25rem 0.625rem !important;
            background: #f3f4f6 !important;
            border-radius: 1.25rem !important;
            transition: all 0.2s !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 0.25rem !important;
        }

        .sit_use_qa_summary:hover {
            background: #e5e7eb !important;
            color: #111827 !important;
        }

        .sit_use_qa_summary strong {
            color: var(--c2-primary) !important;
            font-weight: 700 !important;
        }

        .sit_use_qa_summary_sep {
            display: none !important;
            /* 諛곗? ?ㅽ??쇱씠誘€濡?援щ텇???앸왂 */
        }

        #sit_star_sns {
            display: flex !important;
            align-items: center !important;
            gap: 0.625rem !important;
            flex-wrap: wrap !important;
            margin-bottom: 1.25rem !important;
        }

        /* 3. ?곹뭹臾몄쓽/?ъ슜?꾧린 ?????띿뒪??寃뱀묠 理쒖쥌 諛⑹뼱 */
        #sit_qa h3,
        #sit_use h3 {
            position: static !important;
            margin: 1.875rem 0 0.9375rem !important;
            padding-bottom: 0.625rem !important;
            border-bottom: 1px solid #e5e7eb !important;
            font-size: 1.25rem !important;
            font-weight: 700 !important;
            color: #111 !important;
        }

        #sit_qa .sit_qa_tit,
        #sit_use .sit_use_tit {
            position: static !important;
            height: auto !important;
            line-height: 1.5 !important;
            font-size: 1rem !important;
        }

        /* 좇8햿?퓽?SNS 艸 ?
편????0펅?*/


        #sit_btn_opt {
            position: relative;
            display: inline-block;
        }




        /* 상세페이지 SNS 공유 레이어 - 스킨의 ID 선택자(#sit_star_sns)를 오버라이드하기 위해 !important 사용 */
        .sit_sns_share .sns_area {
            display: none;
            position: absolute;
            top: 2.8125rem;
            right: 0;
            background: #fff;
            border: 1px solid #e5e7eb;
            border-radius: 0.5rem;
            padding: 0.75rem 1.125rem;
            box-shadow: 0 0.625rem 0.9375rem -0.1875rem rgba(0, 0, 0, 0.1), 0 0.25rem 0.375rem -2px rgba(0, 0, 0, 0.05);
            z-index: 10005 !important;
            align-items: center;
            gap: 0.9375rem;
        }

        .sit_sns_share .sns_area.active {
            display: flex !important;
        }

        .sit_sns_share .sns_area a {
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.2s;
        }

        .sit_sns_share .sns_area a:hover {
            transform: translateY(-2px);
        }

        .sit_sns_share .sns_area img {
            border-radius: 0.25rem;
        }

        /* ----------------------------------------------------
   [Korea1700] 모바일 버튼 레이아웃 최종 보정 (TEXT WRAPPING FIX)
   ---------------------------------------------------- */
        @media (max-width: 48rem) {
            #sit_ov_wrap {
                padding: 1.5625rem 1rem !important;
            }

            .sit_order_btn,
            #sit_ov_btn div[style*="display:flex"] {
                display: flex !important;
                flex-direction: row !important;
                flex-wrap: nowrap !important;
                gap: 8px !important;
                width: 100% !important;
            }

            .sit_btn_cart,
            .sit_btn_buy,
            #sit_ov_btn .sit_btn_cart,
            #sit_ov_btn .sit_btn_buy {
                flex: 1 !important;
                width: auto !important;
                min-width: 100px !important;
                padding: 0 5px !important;
                white-space: nowrap !important;
                height: 54px !important;
                font-size: 15px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                float: none !important;
                line-height: 1.2 !important;
            }
        }

        /* ----------------------------------------------------
   [Korea1700] 장바구니 옵션 수정 모달 (Cart Option Modal)
   ---------------------------------------------------- */
        #mod_option_frm {
            position: absolute;
            background: #fff;
            border-radius: 1rem;
            padding: 0;
            overflow: hidden;
            z-index: 10002 !important;
            box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.2);
            border: none !important;
        }

        .mod_option_bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6) !important;
            backdrop-filter: blur(2px);
            z-index: 10001 !important;
        }

        #mod_option_frm .cartopt-title {
            font-size: 1.125rem;
            font-weight: 700;
            padding: 1.25rem;
            border-bottom: 1px solid #edf2f7;
            margin: 0;
            background: #f8fafc;
            color: #1e293b;
        }

        #mod_option_frm .option_wr {
            padding: 1rem 1.25rem;
            border-bottom: 1px solid #f1f5f9;
        }

        #mod_option_frm .option_wr h3 {
            font-size: 0.875rem !important;
            color: #64748b !important;
            margin-bottom: 0.75rem !important;
            border: none !important;
        }

        #mod_option_frm #sit_sel_option {
            padding: 1.25rem;
            background: #fff;
        }

        #mod_option_frm #sit_opt_added li {
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 0.75rem;
            padding: 1.25rem 1rem !important;
            margin-bottom: 0.75rem;
            list-style: none;
            position: relative;
        }

        #mod_option_frm .sit_opt_subj {
            display: block;
            font-weight: 700;
            font-size: 0.9375rem;
            margin-bottom: 0.75rem;
            color: #1e293b;
            line-height: 1.4;
        }

        #mod_option_frm .opt_count {
            display: flex;
            align-items: center;
            gap: 0.625rem;
            margin-top: 1rem;
            padding-top: 1rem;
            border-top: 1px dashed #e2e8f0;
        }

        #mod_option_frm .num_input {
            width: 3.5rem !important;
            height: 2.5rem !important;
            text-align: center;
            border: 1px solid #cbd5e1 !important;
            border-radius: 0.375rem !important;
            font-weight: 700;
            background: #fff !important;
        }

        #mod_option_frm .btn_frmline {
            width: 2.5rem !important;
            height: 2.5rem !important;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fff !important;
            border: 1px solid #cbd5e1 !important;
            border-radius: 0.375rem !important;
            cursor: pointer;
            font-size: 0.875rem;
        }

        #mod_option_frm .sit_opt_prc {
            margin-left: auto;
            font-weight: 700;
            color: var(--c2-primary);
            font-size: 1rem;
        }

        #mod_option_frm .sit_opt_del {
            position: absolute;
            top: 0.75rem;
            right: 0.5rem;
            color: #94a3b8;
            background: none;
            border: none;
            padding: 0.5rem;
            cursor: pointer;
            font-size: 1.125rem;
        }

        #mod_option_frm #sit_tot_price {
            padding: 1.25rem;
            text-align: right;
            font-size: 1.125rem;
            border-top: 2px solid #1e293b;
            background: #fff;
            font-weight: 700;
        }

        #mod_option_frm .btn_confirm {
            display: flex;
            gap: 0;
            border-top: 1px solid #e2e8f0;
        }

        #mod_option_frm .btn_confirm button {
            flex: 1;
            height: 3.75rem;
            border: none;
            font-size: 1.0625rem;
            font-weight: 700;
            cursor: pointer;
        }

        #mod_option_frm .btn_submit {
            background: var(--c2-primary) !important;
            color: #fff !important;
        }

        #mod_option_frm .btn_close {
            background: #475569 !important;
            color: #fff !important;
        }

        /* 모바일 바텀 시트/유동폭 최적화 */
        @media (max-width: 48rem) {
            #mod_option_frm {
                position: fixed !important;
                bottom: 0 !important;
                left: 0 !important;
                right: 0 !important;
                top: auto !important;
                width: 100% !important;
                margin: 0 !important;
                border-radius: 1.5rem 1.5rem 0 0 !important;
                max-height: 85vh;
                overflow-y: auto;
                animation: slideInUpK17 0.3s ease-out;
            }

            #mod_option_frm .opt_count {
                flex-wrap: wrap;
                justify-content: flex-start;
            }

            #mod_option_frm .sit_opt_prc {
                width: 100%;
                text-align: right;
                margin-top: 0.5rem;
                padding-top: 0.5rem;
                border-top: 1px solid #f1f5f9;
            }
        }
    }
}

/* [v0.91] 전역 수직 메뉴 강제 숨김 (전역 적용 및 가중치 극대화) */
#side_menu,
.side_mn_wr1,
.side_mn_wr2,
.side_mn_wr3,
.side_mn_wr4,
#quick {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* [v0.91] 전역 수직 메뉴 강제 숨김 및 썸네일 잘림 방지 스타일 */
#side_menu,
.side_mn_wr1,
.side_mn_wr2,
.side_mn_wr3,
.side_mn_wr4,
#quick {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

.smt_10 .sct_img img,
.k17-prod-thumb img {
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
}