@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap');

:root {
    --primary: #2563eb;
    --primary-dark: #1d4ed8;
    --primary-light: #eff6ff;
    --dark: #1e293b;
    --gray: #64748b;
    --gray-light: #e2e8f0;
    --bg: #f8fafc;
    --white: #ffffff;
    --radius: 12px;
    --sidebar-w: 240px;
    --max-w: 1200px;
}

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   RESET
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
html, body, pre,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
th, td, p, blockquote,
form, fieldset, legend,
menu, nav, section, hgroup, article, header, aside, footer,
input, select, textarea, button {
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif;
}
body,
h1, h2, h3, h4, h5, h6, table,
input, select, textarea, a {
    font-size: 14px;
    color: #334155;
    font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-weight: 600; }
img, fieldset, button { border: 0 none; }
li { list-style: none; }
hr, caption, legend { display: none; }
a { color: #334155; text-decoration: none; }
button { overflow: hidden; cursor: pointer; }
button span { visibility: hidden; }
address, em { font-style: normal; }
select { line-height: 1.5; }
input:focus { outline: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-wrap: break-word; word-break: keep-all; }

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   À¯Æ¿ Ŭ·¡½º
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.ir *, .blind { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); }
.d-block { display: block; }
.d-inline { display: inline; }
.txt-right { text-align: right; }
.bold { font-weight: 700; }
.clear { zoom: 1; }
.clear:after { content: ""; display: block; clear: both; }
.fl_left { float: left; }
.fl_right { float: right; }
.fc-red { color: #ef4444; }
.fc-blue { color: var(--primary); }
.MS_option_price { color: #ef4444; }

/* margin */
.mr-5 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; }
.ml-5 { margin-left: 5px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-20 { margin-left: 20px; }
.mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; } .mt-50 { margin-top: 50px; } .mt-60 { margin-top: 60px; }
.mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; }
.mt-35 { margin-top: 35px; }

/* padding */
.pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; }
.pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-30 { padding-left: 30px; }
.pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; }
.pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; }

/* form inputs */
.MS_input_txt { margin-right: 5px; height: 36px; line-height: 36px; border: 1px solid var(--gray-light); border-radius: 6px; padding: 0 10px; }
.MS_input_tel { height: 36px; line-height: 36px; }
.MS_select { height: 36px; line-height: 36px; }
.txt-disabled { background-color: #f1f5f9; }
.chk-rdo { width: 14px; height: 14px; vertical-align: middle; }
.input-style { padding: 6px 10px; border: 1px solid var(--gray-light); border-radius: 6px; }
input, select { border: 1px solid var(--gray-light); vertical-align: middle; border-radius: 4px; padding: 4px 8px; }
textarea { border: 1px solid var(--gray-light); vertical-align: middle; padding: 8px; border-radius: 6px; width: 100%; min-height: 80px; }
input[type=checkbox], input[type=radio], input[type=image] { border: 0; }

/* table utility */
table img { vertical-align: middle; }
.tb-bold { font-weight: 700; }
.tb-left, .tb-center, .tb-right { padding: 0 10px; }
.tb-btn { padding: 0; }
.tb-left { text-align: left; }
.tb-center { text-align: center; }
.tb-right { text-align: right; }
.tb-label-r5 label { margin-right: 5px; }
.tb-label-r10 label { margin-right: 10px; }

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   Å×À̺í ŸÀÔ
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.table-type-1 { border-top: 2px solid var(--dark); border-bottom: 1px solid var(--gray-light); }
.table-type-1 th, .table-type-1 td { padding: 10px 0; border-bottom: 1px solid var(--gray-light); }
.table-type-1 tr.nbg th, .table-type-1 tr.nbg td { border-bottom: 0; }
.table-type-1 tr.bg th, .table-type-1 tr.bg td { background-color: var(--bg); }
.table-type-1 th { font-weight: 600; color: var(--dark); }

.table-type-2 { border-top: 2px solid var(--dark); border-bottom: 1px solid var(--gray-light); padding: 10px; }
.table-type-2 th, .table-type-2 td { padding: 12px 0; }
.table-type-2 th { font-weight: 600; color: var(--dark); }
.table-type-2 tr.nbg th, .table-type-2 tr.nbg td { border-bottom: 0; }

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   »óÇ° ±×¸®µå (¸ð´ø Ä«µå)
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.oaz-prd-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 20px;
}
.oaz-prd-grid-3 { grid-template-columns: repeat(3, 1fr); }
.oaz-prd-grid-5 { grid-template-columns: repeat(5, 1fr); }
.oaz-prd-grid-2 { grid-template-columns: repeat(2, 1fr); }

.oaz-prd-card {
    background: var(--white);
    border-radius: var(--radius);
    border: 1px solid var(--gray-light);
    overflow: hidden;
    transition: box-shadow .2s, transform .2s;
}
.oaz-prd-card:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,.1);
    transform: translateY(-2px);
}
.oaz-prd-card .oaz-thumb { display: block; position: relative; overflow: hidden; background: #f1f5f9; aspect-ratio: 1; }
.oaz-prd-card .oaz-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; display: block; }
.oaz-prd-card:hover .oaz-thumb img { transform: scale(1.04); }
.oaz-prd-img-wrap { display: block; aspect-ratio: 1; overflow: hidden; background: #f8fafc; }
.oaz-prd-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; display: block; }
.oaz-prd-card:hover .oaz-prd-img-wrap img { transform: scale(1.04); }
.oaz-prd-card .oaz-prd-info { padding: 12px 14px 16px; }
.oaz-prd-card .oaz-prd-icons { font-size: 11px; margin-bottom: 4px; }
.oaz-prd-card .oaz-prd-name {
    font-size: 13px;
    color: #334155;
    line-height: 1.45;
    margin-bottom: 8px;
    min-height: calc(1.45em * 3);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.oaz-prd-card .oaz-prd-orig {
    display: block;
    text-decoration: line-through;
    color: #94a3b8;
    font-size: 12px;
}
.oaz-prd-card .oaz-prd-price {
    font-weight: 700;
    color: var(--dark);
    font-size: 15px;
}
.oaz-prd-card .oaz-sold-out {
    display: inline-block;
    padding: 2px 8px;
    background: #f1f5f9;
    color: #94a3b8;
    font-size: 12px;
    border-radius: 4px;
}
.oaz-prd-card .oaz-color-dots { display: flex; gap: 3px; margin-top: 4px; }

/* ±¸¹öÀü prd-list ȣȯ (MakeShopÀÌ ÀÚü »ðÀÔÇÏ´Â °æ¿ì) */
.prd-list { margin-top: 20px; }
.prd-list table td { border: 0; vertical-align: top; }
.prd-list table .tb-center { padding: 0 10px; }
.prd-list table .info { padding: 12px 0; }
.prd-list .thumb { width: 100%; aspect-ratio: 1; margin: 0 auto; font-size: 0; line-height: 0; }
.prd-list .thumb a, .prd-list .thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.prd-list .dsc { margin-top: 8px; font-size: 13px; color: #334155; }
.prd-list .price { margin-top: 4px; font-weight: 700; color: var(--dark); }
.prd-list .price span { display: block; color: #94a3b8; text-decoration: line-through; font-weight: 400; font-size: 12px; }
.prd-list .preview { margin-top: 4px; }

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   Á¤·Ä/ÃÑ°³¼ö ¹Ù
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.total-sort {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--gray-light);
    margin-top: 20px;
}
.total-sort .total { font-size: 14px; color: var(--gray); }
.total-sort .total strong, .total-sort .total p strong { color: var(--primary); font-weight: 700; }
.total-sort .total dt, .total-sort .total dd { display: inline; }
.total-sort .sort ul { display: flex; gap: 4px; list-style: none; }
.total-sort .sort li a {
    display: inline-block;
    padding: 5px 12px;
    border: 1px solid var(--gray-light);
    border-radius: 6px;
    color: var(--gray);
    font-size: 12px;
    transition: all .15s;
    text-decoration: none;
}
.total-sort .sort li a:hover,
.total-sort .sort li.now a {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}
.prd-sort {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid var(--gray-light);
    margin-top: 20px;
}
.prd-sort .sort-count { font-size: 13px; color: var(--gray); }
.prd-sort .sort-list { display: flex; gap: 8px; }
.prd-sort .sort-list a { font-size: 12px; color: var(--gray); text-decoration: none; transition: color .15s; }
.prd-sort .sort-list a:hover { color: var(--primary); }
.prd-sort .sort-list span { color: var(--gray-light); }

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   ÆäÀÌ¡
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.paging {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 28px 0;
    list-style: none;
    margin: 0;
}
.paging li { display: inline-flex; }
.paging li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 6px;
    border: 1px solid var(--gray-light);
    border-radius: 6px;
    color: var(--gray);
    font-size: 13px;
    transition: all .15s;
    text-decoration: none;
}
.paging li a:hover,
.paging li.now a {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}
.paging li.first a, .paging li.prev a,
.paging li.next a, .paging li.last a { font-size: 12px; }
.paging li.prev { margin-right: 4px; }
.paging li.next { margin-left: 4px; }

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   ºê·¹µåÅ©·³
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.loc-navi { padding: 16px 0; }
.loc-navi dd { font-size: 13px; color: var(--gray); }
.loc-navi dd a { color: var(--gray); text-decoration: none; transition: color .15s; }
.loc-navi dd a:hover { color: var(--primary); }

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   ȸ¿ø µî±Þ
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.mem-lvl { display: flex; align-items: center; gap: 20px; padding: 16px 20px; background: var(--bg); border-radius: 10px; border: 1px solid var(--gray-light); }
.mem-lvl .lvl-img { width: 80px; flex-shrink: 0; }
.mem-lvl p { line-height: 1.6; }
.mem-lvl p em, .mem-lvl span.MS_group_reserve_msg, .mem-lvl span.MS_group_dc_msg { color: var(--primary); font-weight: 600; }
.mem-lvl-2 { display: flex; align-items: center; gap: 20px; padding: 16px 20px; border: 2px solid var(--gray-light); border-radius: 10px; }
.mem-lvl-2 .lvl-img { width: 80px; flex-shrink: 0; border-right: 1px solid var(--gray-light); }
.mem-lvl-2 p { line-height: 1.6; }
.mem-lvl-2 p em { color: var(--primary); font-weight: 600; }

/* ¸¶ÀÌÆäÀÌÁö ¹Ú½º */
.t-box-msg { padding: 14px 20px; background: var(--primary-light); border: 1px solid #bfdbfe; border-radius: 8px; }
.t-box-msg strong { color: var(--primary-dark); }

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   »óÇ° ¹Ì¸®º¸±â ·¹À̾î (#detailpage)
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
#detailpage {
    position: absolute;
    top: 100px;
    display: block;
    width: 700px;
    max-width: 95vw;
    padding: 0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.25), 0 0 0 1px rgba(226, 232, 240, 0.8);
    z-index: 1000;
    overflow: hidden;
}
#detailpage img[src*="btn_"],
#detailpage input[type="image"] {
    display: none !important;
}
#detailpage .loc { overflow: hidden; margin-bottom: 8px; }
#detailpage .loc span { float: right; font-size: 12px; color: var(--gray); }
#detailpage .hd { padding: 16px 20px; border-bottom: 1px solid var(--gray-light); background: #f8fafc; }
#detailpage .hd h2 { font-weight: 700; font-size: 16px; color: var(--dark); margin: 0; }
#detailpage .detail { overflow: hidden; padding-left: 280px; }
#detailpage .thumb-wrap, #detailpage .txt-wrap { position: relative; float: left; }
#detailpage .close-layer { position: absolute; right: 16px; top: 16px; }
#detailpage .thumb-wrap { width: 280px; left: -280px; margin-right: -280px; text-align: center; }
#detailpage .thumb-wrap .btns { margin-top: 10px; }
#detailpage .thumb-wrap .btns a { margin-left: 5px; }
#detailpage .thumb-wrap .thumb img { width: 220px; border-radius: 8px; }
#detailpage .txt-wrap { width: 100%; }
#detailpage .txt-wrap .ptit { font-weight: 700; font-size: 15px; color: var(--dark); }
#detailpage .txt-wrap .table-opt { border-top: 1px solid var(--gray-light); margin-top: 10px; }
#detailpage .txt-wrap .opt { margin-top: 8px; }
#detailpage .txt-wrap .opt li { padding: 4px 0; font-size: 13px; color: #334155; }
#detailpage .txt-wrap .opt li.s-price { color: var(--dark); font-weight: 700; font-size: 15px; }
#detailpage .txt-wrap .f-btns { margin-top: 12px; padding-top: 16px; border-top: 1px solid var(--gray-light); display: flex; gap: 8px; }
#detailpage .opt-spin { display: inline-flex; align-items: center; gap: 4px; }
#detailpage .opt-spin .btns { display: flex; flex-direction: column; }

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   °Ô½ÃÆÇ
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
#bbsData { position: relative; }
.bbs-hd .link { text-align: center; margin-top: 30px; }
.bbs-hd .link li { display: inline; }
.bbs-hd .link li a { padding: 0 8px; color: var(--gray); }

.bbs-sch { margin: 16px 0; text-align: right; }
.bbs-sch label { margin-right: 10px; }
.bbs-sch .key-wrap { display: inline-flex; align-items: center; gap: 6px; }
.bbs-sch .keyword { height: 34px; padding: 0 10px; border: 1px solid var(--gray-light); border-radius: 6px; font-size: 13px; }

.bbs-link { font-size: 0; line-height: 0; }
.bbs-link a { display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border: 1px solid var(--gray-light); border-radius: 6px; font-size: 12px; color: var(--gray); margin-left: 4px; }
.bbs-link a:hover { background: var(--primary); border-color: var(--primary); color: #fff; }

.bbs-online-notice { margin: 10px 0; padding: 10px 14px; color: var(--gray); background: var(--bg); border-radius: 6px; font-size: 13px; }

.bbs-table-list thead th { padding: 10px 0; background: var(--bg); border-top: 2px solid var(--dark); border-bottom: 1px solid var(--gray-light); color: var(--dark); font-weight: 600; }
.bbs-table-list tbody td { padding: 10px 0; border-bottom: 1px solid var(--gray-light); }

.bbs-table-view { margin-top: 10px; }
.bbs-table-view thead th, .bbs-table-view tbody td { padding: 8px 0; }
.bbs-table-view thead th { background: var(--bg); border-top: 2px solid var(--dark); border-bottom: 1px solid var(--gray-light); font-weight: 600; }
.bbs-table-view tbody td.line { border-bottom: 1px dashed var(--gray-light); }

.bbs-table-write { margin-top: 10px; }
.bbs-table-write tbody th, .bbs-table-write tbody td { padding: 8px 0; border-top: 1px solid var(--gray-light); border-bottom: 1px solid var(--gray-light); font-weight: 400; font-size: 13px; }

.bbs-table-pwd { margin-top: 60px; }
.bbs-table-pwd table { width: 320px; margin: 0 auto; }
.bbs-table-pwd tbody th, .bbs-table-pwd tbody td { padding: 8px 0; border-bottom: 1px solid var(--gray-light); font-size: 13px; }

.bbs-tit { color: var(--dark); font-size: 22px; font-weight: 700; text-align: center; margin: 24px auto 40px; }
.bbs-tit em { margin-left: 10px; font-size: 12px; color: var(--gray); }

/* comment */
.comment-box { border-bottom: 2px solid var(--gray-light); }
.bbs-table-view .comment-box td { padding-bottom: 20px; border-top: 1px solid var(--gray-light); vertical-align: top; }
.com-wrt-box label { padding-left: 8px; color: var(--gray); }
.com-wrt-box .input-style { margin: 0 8px; }
.com-wrt-box .wrt { margin-top: 8px; }
.view-link { padding: 12px 0; }

/* º¸¾È °³ÀÎÁ¤º¸ */
.new-privercy-contract { text-align: left; }
.new-privercy-contract p { font-weight: 600; margin-bottom: 10px; margin-top: 20px; }
.privercy-contract-tap { position: relative; height: 40px; }
.privercy-contract-tap ul { list-style: none; margin: 0; padding: 0; position: absolute; bottom: -1px; display: flex; }
.privercy-contract-tap li { border: 1px solid var(--gray-light); border-right: none; background: var(--bg); }
.privercy-contract-tap li a { display: block; padding: 10px 14px; }
.privercy-contract-tap li.end { border-right: 1px solid var(--gray-light); }
.privercy-contract-tap li.sel { background: #fff; border-bottom: 1px solid #fff; }
.privercy-contract { clear: both; }
.privercy-contract textarea { border: 1px solid var(--gray-light); height: 80px; background: #fff; padding: 10px; border-radius: 6px; }
.privercy-agree { margin: 10px 0; }
.privercy-agree label { margin-right: 10px; }

/* ¹Ì´ÏȨÇÇ/¹æ¸í·Ï */
.visit-vhd { margin-top: 10px; border-top: 1px solid var(--gray-light); }
.visit-vhd th, .visit-vhd td { padding: 6px 0; border-bottom: 1px solid var(--gray-light); }
.visit-vcont th, .visit-vcont td { padding: 6px 0; border-bottom: 1px solid var(--gray-light); }
.visit-vcont th { font-weight: 400; color: var(--gray); }
.visit-vcont td .tb-cont { padding: 6px 0; min-height: 200px; }
.visit-vcont td .tb-cont img { max-width: 100%; }
.visit-vcmt th, .visit-vcmt td { padding: 6px 0; vertical-align: top; border-bottom: 1px solid var(--gray-light); }
.visit-vcmt th { color: var(--gray); }
.visit-vcmt td .date, .visit-vcmt td .ctrl { display: block; font-size: 12px; }
.visit-vcmt td .ctrl { margin-top: 4px; }
.visit-vcmt td .ctrl a { margin: 0 2px; color: var(--gray); font-size: 12px; }
.vist-vcmt-reg { margin-top: 10px; border-bottom: 1px solid var(--gray-light); }
.vist-vcmt-reg th, .vist-vcmt-reg td, #comment_reply_input th { padding: 6px 0; }
.vist-vcmt-reg th, #comment_reply_input th { font-weight: 400; color: var(--gray); }
.search_id { background: #fff; border: 1px solid var(--gray-light); border-radius: 4px; display: block; padding: 4px; position: absolute; width: 100px; }
.total-page { overflow: hidden; }
.total-page .total { float: left; }
.total-page .page { float: right; }
.cont-sub-des { position: relative; }
.cont-sub-des span { margin-right: 15px; color: #334155; }
.cont-sub-des span em { font-size: 12px; color: var(--gray); }

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   ÁÖ¹®/Àå¹Ù±¸´Ï Å×À̺í
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.table-order-info { margin-top: 10px; border-top: 2px solid var(--gray-light); border-bottom: 2px solid var(--gray-light); }
.table-order-info tbody th, .table-order-info tbody td { padding: 10px 0; border-bottom: 1px solid var(--gray-light); }
.table-order-info tbody th { font-weight: 600; color: var(--dark); text-align: left; padding-left: 10px; }
.table-order-info tbody tr.nbg th, .table-order-info tbody tr.nbg td { border-bottom: 0; }
.cnt-box { border-top: 2px solid var(--gray-light); border-bottom: 2px solid var(--gray-light); }

.tit-tb-list { margin-top: 24px; padding-left: 10px; font-weight: 600; color: var(--dark); }
.table-d2-list thead th { padding: 10px 0; background: var(--bg); color: var(--dark); border-top: 2px solid var(--dark); border-bottom: 1px solid var(--gray-light); font-weight: 600; }
.table-d2-list tbody td { padding: 10px 0; border-bottom: 1px solid var(--gray-light); }
.table-d2-view { margin-top: 5px; border-top: 2px solid var(--gray-light); border-bottom: 2px solid var(--gray-light); }
.table-d2-view th, .table-d2-view td { padding: 8px 0; border-bottom: 1px solid var(--gray-light); }
.table-d2-view th { font-weight: 600; height: 32px; }

.table-cart { margin-top: 10px; margin-bottom: 24px; }
.table-cart thead th { padding: 10px 0; background: var(--bg); color: var(--dark); border-top: 2px solid var(--dark); border-bottom: 1px solid var(--gray-light); font-weight: 600; }
.table-cart tbody td, .table-cart tfoot { border-bottom: 1px solid var(--gray-light); }
.table-cart tbody td { padding: 12px 0; }
.table-cart tbody td .thumb { width: 56px; height: 56px; margin: 0 auto; border-radius: 6px; overflow: hidden; }
.table-cart tbody td .thumb a, .table-cart tbody td .thumb img { display: block; width: 56px; height: 56px; object-fit: cover; }
.table-cart tbody td .d-block { padding-bottom: 3px; }
.table-cart tbody tr.nbg td { background-image: none; }
.table-cart tfoot td { padding: 10px 0; font-weight: 700; }
.table-cart .opt-spin { position: relative; display: inline-flex; align-items: center; gap: 4px; }
.table-cart .opt-spin .txt-spin { width: 40px; height: 28px; border: 1px solid var(--gray-light); border-radius: 4px; text-align: center; }
.table-cart .opt-spin .btns { display: flex; flex-direction: column; }

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   ¹öÆ° (ÇÏÀ§ ȣȯ¼º À¯Áö)
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.CSSbutton {
    border: 1px solid var(--dark);
    padding: 7px 18px;
    background: #fff;
    color: var(--dark);
    display: inline-flex;
    align-items: center;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
    transition: all .15s;
}
.CSSbutton:hover { background: var(--dark); color: #fff; cursor: pointer; }

.CSSbuttonGray {
    border: 1px solid var(--gray);
    padding: 10px 24px;
    background: var(--gray);
    color: #fff;
    display: inline-flex;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    transition: all .15s;
}
.CSSbuttonGray:hover { background: #fff; color: var(--dark); }

.CSSbutton2 {
    border: 1px solid var(--dark);
    padding: 18px;
    background: #fff;
    color: var(--dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    cursor: pointer;
    transition: all .15s;
}
.CSSbutton2:hover { background: var(--dark); color: #fff; }

.CSSbuttonLog {
    border: 1px solid var(--dark);
    padding: 24px 16px;
    background: var(--dark);
    color: #e2e8f0;
    display: inline-flex;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    transition: all .15s;
}
.CSSbuttonLog:hover { background: #fff; color: var(--dark); }

.CSSbuttonS {
    border: 1px solid var(--gray-light);
    padding: 3px 10px;
    background: #fff;
    color: var(--gray);
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    transition: all .15s;
}
.CSSbuttonS:hover { background: var(--primary); border-color: var(--primary); color: #fff; }

.CSSbuttonB {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid var(--primary);
    width: 160px;
    height: 52px;
    line-height: 52px;
    background: var(--primary);
    color: #fff;
    display: inline-block;
    border-radius: 8px;
    cursor: pointer;
    transition: all .15s;
}
.CSSbuttonB:hover { background: var(--primary-dark); border-color: var(--primary-dark); }

.CSSbuttonB2 {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid var(--dark);
    width: 140px;
    height: 52px;
    line-height: 52px;
    background: var(--dark);
    color: #e2e8f0;
    display: inline-block;
    border-radius: 8px;
    cursor: pointer;
    transition: all .15s;
}
.CSSbuttonB2:hover { background: var(--gray); }

.CSSbuttonBB {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid var(--dark);
    width: 160px;
    height: 52px;
    line-height: 52px;
    background: var(--dark);
    color: #e2e8f0;
    display: inline-block;
    border-radius: 8px;
    cursor: pointer;
    transition: all .15s;
}
.CSSbuttonBB:hover { background: var(--primary); border-color: var(--primary); }

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   °øÅë ·¹À̾ƿô
¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
#layerWrap { z-index: 1; }

#contentWrapper { background: var(--bg); }
#contentWrap {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 24px;
    display: flex;
    gap: 24px;
    align-items: flex-start;
    min-height: 520px;
    box-sizing: border-box;
}
#aside { width: var(--sidebar-w); flex-shrink: 0; }
#content { flex: 1; min-width: 0; }

/* ÆäÀÌÁö ŸÀÌƲ */
#content .tit-page {
    color: var(--dark);
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 2px solid var(--gray-light);
}
#content .tit-page-sub {
    font-weight: 700;
    color: var(--dark);
    margin: 32px 0 12px;
    font-size: 15px;
    padding-left: 10px;
    border-left: 3px solid var(--primary);
}
#content .tit-page-sub-1st {
    font-weight: 700;
    color: var(--dark);
    font-size: 15px;
    padding-left: 10px;
    border-left: 3px solid var(--primary);
    margin-bottom: 12px;
}
#content .tit-page-sub label { float: right; }

/* »ó¼¼ÆäÀÌÁö ŸÀÌƲ */
#productDetail .board-hd { margin: 40px auto 16px; color: var(--dark); font-size: 18px; font-weight: 700; }

/* ¼½¼Ç ŸÀÌƲ */
.tit-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--gray-light);
    font-size: 16px;
    font-weight: 700;
    color: var(--dark);
}
.tit-detail .btns { display: flex; gap: 6px; }
.tit-detail .btns a { display: inline-flex; align-items: center; height: 28px; padding: 0 10px; border: 1px solid var(--gray-light); border-radius: 5px; font-size: 11px; color: var(--gray); }
.tit-detail .btns a:hover { background: var(--primary); border-color: var(--primary); color: #fff; }

/* .item-wrap */
.item-wrap { overflow: hidden; margin: 0 auto; }
.item-wrap .item-hd { margin: 32px 0 16px; }
.item-wrap .item-info { overflow: hidden; padding: 20px 0 10px; margin-bottom: 16px; border-bottom: 1px solid var(--gray-light); }
.item-wrap .item-info .item-total { float: left; }
.item-wrap .item-info .item-total strong { color: var(--dark); }
.item-wrap .item-info .item-order { float: right; }
.item-wrap .item-info .item-order li { float: left; padding: 0 12px; }
.item-wrap .item-info .item-order li a { font-size: 12px; color: var(--gray); }
.item-wrap .item-info .item-order li a.on { color: var(--primary); font-weight: 700; }
.item-wrap .item-cont { overflow: hidden; }
.item-wrap .item-cont:after { content: ""; display: block; clear: both; }
.item-wrap .item-cont .item-list { float: left; width: 260px; padding: 0 16px 60px 0; text-align: center; }
.item-wrap .item-cont .item-list .thumb img { width: 260px; height: auto; border-radius: 8px; }
.item-wrap .item-cont .item-list a:hover img { opacity: .85; }
.item-wrap .item-cont .item-list li { margin-top: 4px; }
.item-wrap .item-cont .item-list .prd-name { color: var(--dark); font-size: 13px; }
.item-wrap .item-cont .item-list .prd-price { color: var(--dark); font-weight: 700; }
.item-wrap .item-page { margin-top: 40px; text-align: center; }
.item-wrap .item-page a { padding: 0 6px; color: var(--gray); }
.item-wrap .item-page a:hover, .item-wrap .item-page a.now { color: var(--primary); font-weight: 700; }
.item-wrap h2 { text-align: center; font-size: 18px; color: var(--dark); font-weight: 700; padding: 12px 20px; margin: 24px auto; border-bottom: 2px solid var(--primary); display: inline-block; }

/* ÆÄÀÏ÷ºÎ */
.file-wrap { display: inline-flex; align-items: center; overflow: hidden; position: relative; height: 34px; }
.file-wrap .file-txt { height: 32px; border: 1px solid var(--gray-light); border-radius: 5px; padding: 0 10px; width: 180px; font-size: 13px; }
.file-wrap .file-trick { cursor: pointer; position: absolute; right: 0; top: 0; width: 100px; height: 34px; background: none; border: 0; opacity: 0; }

/* MS_cmt ´ñ±Û */
.MS_cmt_list_box { margin-top: 10px; }
.MS_cmt_list { width: 100%; }
.MS_cmt_detail { padding: 8px 12px; background: var(--bg); border-radius: 6px; margin-bottom: 6px; }
.MS_cmt_hname { font-weight: 600; color: var(--dark); margin-right: 8px; }
.MS_cmt_date { font-size: 12px; color: var(--gray); }
.MS_cmt_content { margin-top: 4px; color: #334155; font-size: 13px; line-height: 1.5; }
.btn-report { display: inline-block; margin-top: 6px; font-size: 11px; color: #94a3b8; text-decoration: none; }
.btn-report:hover { color: #ef4444; }

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   ǪÅÍ ¸µÅ© ¹Ù (°øÅë Ãß°¡)
   ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
#oaz-footer {
    font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif;
    background: #1e293b;
    color: #94a3b8;
    margin-top: 80px;
}
.oaz-footer-nav {
    background: #0f172a;
    padding: 14px 24px;
}
.oaz-footer-nav-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
}
.oaz-footer-nav a {
    color: #cbd5e1;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    padding: 4px 10px;
    transition: color .2s;
}
.oaz-footer-nav a:hover { color: #fff; }
.oaz-footer-nav .oaz-bold { font-weight: 700; color: #e2e8f0; }
.oaz-fnav-sep { color: #1e293b; }

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   ǪÅÍ º»¹®
   ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.oaz-footer-body {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 24px;
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    align-items: flex-start;
}
.oaz-footer-logo { flex-shrink: 0; }
.oaz-footer-logo a { display: block; }
.oaz-footer-logo img { height: 36px; width: auto; display: block; }
.oaz-footer-info {
    flex: 1;
    min-width: 280px;
    font-style: normal;
    font-size: 13px;
    line-height: 1.9;
    color: #94a3b8;
}
.oaz-footer-info a { color: #60a5fa; text-decoration: none; }
.oaz-footer-info a:hover { text-decoration: underline; }
.oaz-ftc {
    display: inline-block;
    padding: 1px 7px;
    background: #334155;
    color: #94a3b8 !important;
    font-size: 11px;
    line-height: 1.6;
    border-radius: 3px;
}
.oaz-ftc:hover { color: #fff !important; background: #475569; }

/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   ÀúÀÛ±Ç
   ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
.oaz-footer-copy {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 24px;
    border-top: 1px solid #1e293b;
    font-size: 12px;
    color: #475569;
}