@charset "utf-8";

/* 모던 카테고리 필 칩 */
.list-category {
    margin-bottom: 15px;
    clear: both;
}
.list-category .nav-tabs {
    border-bottom: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}
.list-category .nav-tabs > li {
    float: none !important;
    margin-bottom: 0 !important;
}
.list-category .nav-tabs > li > a,
.list-category .nav-tabs > li > button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: 38px !important;
    min-width: 0 !important;
    border-radius: 20px !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    color: #475569 !important;
    padding: 0 16px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 36px !important;
    transition: all 0.15s ease !important;
    margin-right: 0 !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}
.list-category .nav-tabs > li.active > a,
.list-category .nav-tabs > li.active > button,
.list-category .nav-tabs > li > a:hover,
.list-category .nav-tabs > li > button:hover {
    background: var(--op-primary, #3dbf62) !important;
    border-color: var(--op-primary, #3dbf62) !important;
    color: #fff !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 6px rgba(61, 191, 98, 0.25) !important;
}
.list-category .dropdown {
    margin-bottom: 15px;
}
.list-category .category-scroll-btn {
    display: none !important;
}

/* ==========================================================================
   Mobile Horizontal Swipe Category Strip (방안 A: 1줄 가로 스와이프 칩 바)
   ========================================================================== */
@media (max-width: 768px) {
    .list-category {
        margin: 4px 0 10px 0 !important;
        clear: both;
    }
    .list-category .list-category-wrap {
        position: relative;
        margin: 0 -10px !important;
        overflow: hidden;
    }
    .list-category .list-category-wrap::before,
    .list-category .list-category-wrap::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 32px;
        pointer-events: none;
        z-index: 3;
        opacity: 0;
        transition: opacity 0.22s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .list-category .list-category-wrap::before {
        left: 0;
        background: linear-gradient(to right, rgba(255, 255, 255, 0.96) 20%, rgba(255, 255, 255, 0) 100%);
    }
    .list-category .list-category-wrap::after {
        right: 0;
        background: linear-gradient(to left, rgba(255, 255, 255, 0.96) 20%, rgba(255, 255, 255, 0) 100%);
    }
    .list-category .list-category-wrap.can-scroll-left::before {
        opacity: 1;
    }
    .list-category .list-category-wrap.can-scroll-right::after {
        opacity: 1;
    }
    .list-category .category-scroll-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 26px;
        height: 26px;
        border-radius: 13px;
        background: rgba(255, 255, 255, 0.96) !important;
        border: 1px solid rgba(203, 213, 225, 0.9) !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
        color: #475569 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 14px !important;
        line-height: 1 !important;
        z-index: 5;
        padding: 0 !important;
        cursor: pointer;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s ease, transform 0.15s ease, background-color 0.15s ease !important;
    }
    .list-category .category-scroll-btn:active {
        transform: translateY(-50%) scale(0.92) !important;
        background: #f1f5f9 !important;
    }
    .list-category .btn-scroll-left {
        left: 4px;
    }
    .list-category .btn-scroll-right {
        right: 4px;
    }
    .list-category .list-category-wrap.can-scroll-left .btn-scroll-left {
        opacity: 1;
        pointer-events: auto;
    }
    .list-category .list-category-wrap.can-scroll-right .btn-scroll-right {
        opacity: 1;
        pointer-events: auto;
    }
    .list-category .list-category-track,
    .list-category .sub-bs {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-behavior: smooth;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        padding: 4px 10px 6px 10px !important;
        margin: 0 !important;
    }
    .list-category .list-category-track::-webkit-scrollbar,
    .list-category .sub-bs::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
    .list-category .nav-tabs.nav-justified,
    .list-category .nav-tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        border-bottom: 0 !important;
        padding: 0 16px 0 0 !important;
        margin: 0 !important;
        width: max-content !important;
        min-width: min-content !important;
    }
    .list-category .nav-tabs.nav-justified > li,
    .list-category .nav-tabs > li {
        width: auto !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
        float: none !important;
        margin: 0 !important;
        display: inline-flex !important;
    }
    .list-category .nav-tabs > li > a,
    .list-category .nav-tabs > li > button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: 36px !important;
        line-height: 34px !important;
        padding: 0 14px !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        border-radius: 18px !important;
        white-space: nowrap !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
        transition: all 0.15s ease !important;
    }
    .list-category .nav-tabs > li.active > a,
    .list-category .nav-tabs > li.active > button {
        background: var(--op-primary, #3dbf62) !important;
        border-color: var(--op-primary, #3dbf62) !important;
        color: #ffffff !important;
        font-weight: 700 !important;
        box-shadow: 0 2px 6px rgba(61, 191, 98, 0.32) !important;
    }
    .op-category-toggle {
        display: none !important;
    }
    .list-category .sub-bs {
        margin-top: 6px !important;
    }
}

/* Category Toggle Bar */
.op-category-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    height: 38px;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    cursor: pointer;
    transition: all 0.15s ease;
    margin-bottom: 8px;
}
.op-category-toggle:hover {
    background: #f1f5f9;
    color: var(--op-primary, #3dbf62);
}
.op-category-toggle i {
    font-size: 12px;
    color: #64748b;
}

/* PC 목록 테이블 */
table.list-pc {
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 15px;
    width: 100% !important;
    table-layout: fixed !important;
}

table.list-pc th {
    white-space: nowrap;
    clear: both;
    height: 42px;
    background: #f8fafc !important;
    border-top: 2px solid var(--op-primary, #3dbf62) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    font-weight: 600;
    font-size: 13px;
    color: #334155;
    padding: 0 8px !important;
    margin: 0px !important;
    text-align: center;
}

table.list-pc th a {
    text-decoration: none;
    color: #333;
}

table.list-pc th a:hover,
table.bo-list th a:focus,
table.bo-list th a:active {
    color: #000;
}

table.list-pc td {
    white-space: nowrap;
}

table.list-pc tbody tr:first-child td {
    border-top: 0 !important;
}

/* 열람중 (현재 보고 있는 글) 포커스 하이라이트 - PC */
table.list-pc tbody tr.list-now td {
    background-color: #f0faf4 !important;
}
table.list-pc tbody tr.list-now:hover td {
    background-color: #e5f6eb !important;
}
table.list-pc tbody tr.list-now > td:first-child {
    border-left: 3px solid var(--op-primary, #3dbf62) !important;
}
table.list-pc tbody tr.list-now .list-subject .subject-title {
    font-weight: 700 !important;
    color: #111827 !important;
}

/* 열람중 뱃지 (Pill Badge) */
.badge-now {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 2px 7px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    border-radius: 10px;
    background-color: #fef2f2;
    color: #ef4444;
    border: 1px solid #fecaca;
    letter-spacing: -0.02em;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(239, 68, 68, 0.08);
}
.badge-now i {
    font-size: 10px;
}
.badge-now.badge-now-mobile {
    font-size: 10.5px;
    padding: 2px 6px;
    vertical-align: middle;
}

table.list-pc .list-img img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

table.list-pc .list-img i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0px;
    font-size: 24px;
    background: rgb(238, 238, 238);
    border-radius: 50%;
    text-align: center;
    color: rgb(255, 255, 255);
    display: inline-block;
}

/* 신규업체 행 클린 소프트 서피스 (누런색 #fff4ce 퇴출) */
.table-striped>tbody>tr.new td {
    background: #fffbfc !important;
}
.table-striped>tbody>tr.new:hover td {
    background: #fff1f2 !important;
}
table.list-pc .list-subject.new .title_area {
    color: #1e293b !important;
}

table .premiumtop>td {
    background-color: #ffffff !important;
}

table.list-pc .list-subject {
    text-align: left !important;
    vertical-align: middle !important;
    overflow: hidden !important;
    padding: 6px 10px !important;
}

table.list-pc .list-subject a.item-subject {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: 14px !important;
    color: #2d3748 !important;
    text-decoration: none !important;
    gap: 4px !important;
}

table.list-pc .list-subject a.item-subject:hover {
    color: var(--op-primary, #3dbf62) !important;
}

table.list-pc .list-subject a.item-subject .sub_bs {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 22px !important;
    box-sizing: border-box !important;
    line-height: 20px !important;
    font-weight: 600 !important;
    color: white !important;
    background: #ff4f4f !important;
    padding: 0 7px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    margin: 0 6px 0 0 !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
}

/* 제목 텍스트 자동 말줄임 (Miso-Basic 3.5 동일 규격) */
table.list-pc .list-subject a.item-subject .subject-title {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-break: break-all !important;
}

/* 고대비 단일 슬레이트 차콜 타이포그래피 (이모지 시인성 및 점주 공평 가독성 확보) */
table.list-pc .list-subject a.item-subject .subject-title.tone-slate,
table.list-pc .list-subject a.item-subject .subject-title.tone-charcoal,
.list-mobile .item-subject .subject-title.tone-slate,
.list-mobile .item-subject .subject-title.tone-charcoal {
    color: var(--op-title-tone-slate, #0f172a) !important;
}
table.list-pc .list-subject a.item-subject .subject-title.tone-indigo,
table.list-pc .list-subject a.item-subject .subject-title.tone-wine,
table.list-pc .list-subject a.item-subject .subject-title.tone-forest,
.list-mobile .item-subject .subject-title.tone-indigo,
.list-mobile .item-subject .subject-title.tone-wine,
.list-mobile .item-subject .subject-title.tone-forest {
    color: var(--op-title-tone-indigo, #0f172a) !important;
}

/* 마우스 호버 시 포인트 컬러 전환 */
table.list-pc .list-subject a.item-subject:hover .subject-title,
.list-mobile .item-subject:hover .subject-title {
    color: var(--op-primary, #3dbf62) !important;
}

/* 접두/접미 요소 축소 방지 보존 */
table.list-pc .list-subject a.item-subject img,
table.list-pc .list-subject a.item-subject .list_op_head,
table.list-pc .list-subject a.item-subject .comp-badge-chip-pc,
table.list-pc .list-subject a.item-subject .badge-new,
table.list-pc .list-subject a.item-subject .badge-medal,
table.list-pc .list-subject a.item-subject .badge-recommend,
table.list-pc .list-subject a.item-subject .badge-coupon,
table.list-pc .list-subject a.item-subject .badge-premium,
table.list-pc .list-subject a.item-subject .badge-combo-premium-coupon,
table.list-pc .list-subject a.item-subject .badge-combo-new-coupon,
table.list-pc .list-subject a.item-subject .count,
.list-mobile .item-subject img,
.list-mobile .item-subject .list_op_head,
.list-mobile .item-subject .comp-badge-chip,
.list-mobile .item-subject .badge-new,
.list-mobile .item-subject .badge-medal,
.list-mobile .item-subject .badge-recommend,
.list-mobile .item-subject .badge-coupon,
.list-mobile .item-subject .badge-premium,
.list-mobile .item-subject .badge-combo-premium-coupon,
.list-mobile .item-subject .badge-combo-new-coupon,
.list-mobile .item-subject .count {
    flex-shrink: 0 !important;
}

/* PC 목록 전용 소프트 뱃지 칩 (스마트 하이브리드: 114px 최소폭 칼정렬 + 긴 상호 100% 온전 노출) */
table.list-pc .comp-badge-chip-pc {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 114px !important;
    width: max-content !important;
    box-sizing: border-box !important;
    height: 22px !important;
    gap: 3.5px !important;
    padding: 0 8px !important;
    border-radius: 4px !important;
    line-height: 20px !important;
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: none !important;
    margin: 0 6px 0 0 !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
    letter-spacing: -0.02em !important;
    float: none !important;
    transition: all 0.15s ease !important;
}
table.list-pc a.item-subject:hover .comp-badge-chip-pc,
table.list-pc .comp-badge-chip-pc:hover {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
}
table.list-pc .comp-badge-chip-pc .comp-region {
    flex-shrink: 0 !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    color: #64748b !important;
    letter-spacing: -0.02em !important;
}
table.list-pc .comp-badge-chip-pc .comp-dot {
    flex-shrink: 0 !important;
    font-size: 10px !important;
    color: #cbd5e1 !important;
    margin: 0 2px !important;
    opacity: 0.9 !important;
}
table.list-pc .comp-badge-chip-pc .comp-name {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
}
table.list-pc a.item-subject:hover .comp-badge-chip-pc .comp-name,
table.list-pc .comp-badge-chip-pc:hover .comp-name {
    color: #000000 !important;
}

/* 상호 칩 내부 임베디드 마이크로 NEW 태그 */
.comp-badge-chip-pc .chip-new-tag,
.list-mobile .comp-badge-chip .chip-new-tag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 8.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    padding: 1.5px 4.5px !important;
    border-radius: 3px !important;
    background: #e11d48 !important;
    color: #ffffff !important;
    margin-left: 4.5px !important;
    vertical-align: middle !important;
    letter-spacing: 0.02em !important;
    flex-shrink: 0 !important;
    box-shadow: 0 1px 2px rgba(225, 29, 72, 0.25) !important;
    transition: background 0.15s ease !important;
}
table.list-pc a.item-subject:hover .comp-badge-chip-pc .chip-new-tag,
.list-mobile .comp-badge-chip:hover .chip-new-tag {
    background: #be123c !important;
}

/* 상호 칩 내부 임베디드 마이크로 관심업소(♥) 하트 태그 */
.comp-badge-chip-pc .chip-fav-tag,
.list-mobile .comp-badge-chip .chip-fav-tag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 9.5px !important;
    color: #e11d48 !important;
    margin-left: 3.5px !important;
    vertical-align: middle !important;
    line-height: 1 !important;
    transition: transform 0.15s ease, color 0.15s ease !important;
}
table.list-pc a.item-subject:hover .comp-badge-chip-pc .chip-fav-tag,
.list-mobile .comp-badge-chip:hover .chip-fav-tag {
    transform: scale(1.2) !important;
    color: #be123c !important;
}

/* 프리미엄 탑 업체 전용 샴페인 골드 상호 칩 (.is-top) */
table.list-pc .comp-badge-chip-pc.is-top {
    background: #fffdf0 !important;
    border: 1px solid #fde047 !important;
    border-left: 3px solid #f59e0b !important;
}
table.list-pc a.item-subject:hover .comp-badge-chip-pc.is-top,
table.list-pc .comp-badge-chip-pc.is-top:hover {
    background: #fef9c3 !important;
    border-color: #eab308 !important;
    border-left-color: #d97706 !important;
}
table.list-pc .comp-badge-chip-pc.is-top .comp-region {
    color: #78350f !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
}
table.list-pc .comp-badge-chip-pc.is-top .comp-dot {
    color: #d97706 !important;
    opacity: 0.6 !important;
}
table.list-pc .comp-badge-chip-pc.is-top .comp-name {
    color: #0f172a !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
}
table.list-pc a.item-subject:hover .comp-badge-chip-pc.is-top .comp-name,
table.list-pc .comp-badge-chip-pc.is-top:hover .comp-name {
    color: #000000 !important;
}

.list-mobile .comp-badge-chip.is-top {
    background: #fffdf0 !important;
    border: 1px solid #fde047 !important;
    border-left: 2.5px solid #f59e0b !important;
}
.list-mobile .comp-badge-chip.is-top .comp-badge-region {
    color: #78350f !important;
    font-size: 10px !important;
    font-weight: 500 !important;
}
.list-mobile .comp-badge-chip.is-top .comp-badge-divider {
    color: #d97706 !important;
    opacity: 0.6 !important;
}
.list-mobile .comp-badge-chip.is-top .comp-badge-name {
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* 신규 입점 업체 전용 소프트 로즈 상호 칩 (.is-new) */
table.list-pc .comp-badge-chip-pc.is-new {
    background: #fffbfc !important;
    border: 1px solid #fecdd3 !important;
    border-left: 3px solid #f43f5e !important;
}
table.list-pc a.item-subject:hover .comp-badge-chip-pc.is-new,
table.list-pc .comp-badge-chip-pc.is-new:hover {
    background: #fff1f2 !important;
    border-color: #fb7185 !important;
    border-left-color: #e11d48 !important;
}
table.list-pc .comp-badge-chip-pc.is-new .comp-region {
    color: #881337 !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
}
table.list-pc .comp-badge-chip-pc.is-new .comp-dot {
    color: #f43f5e !important;
    opacity: 0.6 !important;
}
table.list-pc .comp-badge-chip-pc.is-new .comp-name {
    color: #0f172a !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
}
table.list-pc a.item-subject:hover .comp-badge-chip-pc.is-new .comp-name,
table.list-pc .comp-badge-chip-pc.is-new:hover .comp-name {
    color: #000000 !important;
}

.list-mobile .comp-badge-chip.is-new {
    background: #fffbfc !important;
    border: 1px solid #fecdd3 !important;
    border-left: 2.5px solid #f43f5e !important;
}
.list-mobile .comp-badge-chip.is-new .comp-badge-region {
    color: #881337 !important;
    font-size: 10px !important;
    font-weight: 500 !important;
}
.list-mobile .comp-badge-chip.is-new .comp-badge-divider {
    color: #f43f5e !important;
    opacity: 0.6 !important;
}
.list-mobile .comp-badge-chip.is-new .comp-badge-name {
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* 쿠폰 제공 업체 전용 소프트 에메랄드 상호 칩 (.is-coupon) */
table.list-pc .comp-badge-chip-pc.is-coupon {
    background: #f6fef9 !important;
    border: 1px solid #a7f3d0 !important;
    border-left: 3px solid #059669 !important;
}
table.list-pc a.item-subject:hover .comp-badge-chip-pc.is-coupon,
table.list-pc .comp-badge-chip-pc.is-coupon:hover {
    background: #e6f4ea !important;
    border-color: #6ee7b7 !important;
    border-left-color: #047857 !important;
}
table.list-pc .comp-badge-chip-pc.is-coupon .comp-region {
    color: #065f46 !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
}
table.list-pc .comp-badge-chip-pc.is-coupon .comp-dot {
    color: #059669 !important;
    opacity: 0.6 !important;
}
table.list-pc .comp-badge-chip-pc.is-coupon .comp-name {
    color: #0f172a !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
}
table.list-pc a.item-subject:hover .comp-badge-chip-pc.is-coupon .comp-name,
table.list-pc .comp-badge-chip-pc.is-coupon:hover .comp-name {
    color: #000000 !important;
}

.list-mobile .comp-badge-chip.is-coupon {
    background: #f6fef9 !important;
    border: 1px solid #a7f3d0 !important;
    border-left: 2.5px solid #059669 !important;
}
.list-mobile .comp-badge-chip.is-coupon .comp-badge-region {
    color: #065f46 !important;
    font-size: 10px !important;
    font-weight: 500 !important;
}
.list-mobile .comp-badge-chip.is-coupon .comp-badge-divider {
    color: #059669 !important;
    opacity: 0.6 !important;
}
.list-mobile .comp-badge-chip.is-coupon .comp-badge-name {
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* 모던 신규업체 캡슐 뱃지 (로즈 틴트 + 번개 아이콘) */
.badge-new {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    height: 22px !important;
    box-sizing: border-box !important;
    background: #fff1f2 !important;
    border: 1px solid #fecdd3 !important;
    color: #e11d48 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    padding: 0 6.5px !important;
    border-radius: 4px !important;
    letter-spacing: -0.02em !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    margin-right: 5px !important;
    box-shadow: none !important;
    transition: all 0.15s ease !important;
}
.badge-new i {
    font-size: 10px !important;
    color: #f43f5e !important;
}
table.list-pc a.item-subject:hover .badge-new {
    background: #ffe4e6 !important;
    border-color: #fda4af !important;
    color: #be123c !important;
}
.list-mobile .badge-new {
    height: 20px !important;
    font-size: 10.5px !important;
    padding: 0 6px !important;
    margin-right: 0 !important;
    line-height: 18px !important;
}

/* 모던 우수/추천업체 캡슐 뱃지 (로얄 바이올렛 틴트 + 엄지척/트로피 아이콘) */
.badge-medal,
.badge-recommend {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    height: 22px !important;
    box-sizing: border-box !important;
    background: #f5f3ff !important;
    border: 1px solid #ddd6fe !important;
    color: #7c3aed !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    padding: 0 6.5px !important;
    border-radius: 4px !important;
    letter-spacing: -0.02em !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    margin-right: 5px !important;
    box-shadow: none !important;
    transition: all 0.15s ease !important;
}
.badge-medal i,
.badge-recommend i {
    font-size: 10px !important;
    color: #8b5cf6 !important;
}
table.list-pc a.item-subject:hover .badge-medal,
table.list-pc a.item-subject:hover .badge-recommend {
    background: #ede9fe !important;
    border-color: #c4b5fd !important;
    color: #6d28d9 !important;
}
.list-mobile .badge-medal,
.list-mobile .badge-recommend {
    height: 20px !important;
    font-size: 10.5px !important;
    padding: 0 6px !important;
    margin-right: 0 !important;
    line-height: 18px !important;
}

/* 모던 쿠폰 캡슐 뱃지 (소프트 민트 솔리드 필 + 보더리스 플랫) */
.badge-coupon {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    height: 22px !important;
    box-sizing: border-box !important;
    background: #e6f4ea !important;
    border: none !important;
    color: #0d8a57 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    padding: 0 7px !important;
    border-radius: 4px !important;
    letter-spacing: -0.02em !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    margin-right: 5px !important;
    box-shadow: none !important;
    transition: all 0.15s ease !important;
}
.badge-coupon i {
    font-size: 10.5px !important;
    color: #0d8a57 !important;
    transform: rotate(-10deg);
}
table.list-pc a.item-subject:hover .badge-coupon {
    background: #d4edd9 !important;
    color: #096841 !important;
}
.list-mobile .badge-coupon {
    height: 20px !important;
    font-size: 10.5px !important;
    padding: 0 6px !important;
    margin-right: 0 !important;
    line-height: 18px !important;
}

/* 모던 프리미엄 캡슐 뱃지 (시안 A: 샴페인 앰버 골드 틴트 + 별 아이콘) */
.badge-premium {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    height: 22px !important;
    box-sizing: border-box !important;
    background: #fffdf0 !important;
    border: 1px solid #fde047 !important;
    color: #b45309 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    padding: 0 6.5px !important;
    border-radius: 4px !important;
    letter-spacing: -0.02em !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    margin-right: 5px !important;
    box-shadow: none !important;
    transition: all 0.15s ease !important;
}
.badge-premium i {
    font-size: 10px !important;
    color: #d97706 !important;
}
table.list-pc a.item-subject:hover .badge-premium {
    background: #fef9c3 !important;
    border-color: #facc15 !important;
    color: #92400e !important;
}
.list-mobile .badge-premium {
    height: 20px !important;
    font-size: 10.5px !important;
    padding: 0 6px !important;
    margin-right: 0 !important;
    line-height: 18px !important;
}

/* 투톤 스플릿 콤보 뱃지 (프리미엄 + 쿠폰 동시 제휴 VIP 전용) */
.badge-combo-premium-coupon {
    display: inline-flex !important;
    align-items: stretch !important;
    height: 22px !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    border: 1px solid #fde047 !important;
    line-height: 20px !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    margin-right: 5px !important;
    box-shadow: none !important;
    transition: all 0.15s ease !important;
}
.badge-combo-premium-coupon .combo-part {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 0 6.5px !important;
    height: 100% !important;
    box-sizing: border-box !important;
    letter-spacing: -0.02em !important;
    transition: background 0.15s ease !important;
}
.badge-combo-premium-coupon .combo-prem {
    background: #fffdf0 !important;
    color: #b45309 !important;
    border-right: 1px solid #fde047 !important;
}
.badge-combo-premium-coupon .combo-prem i {
    font-size: 10px !important;
    color: #d97706 !important;
}
.badge-combo-premium-coupon .combo-cpn {
    background: #e6f4ea !important;
    color: #059669 !important;
}
.badge-combo-premium-coupon .combo-cpn i {
    font-size: 10px !important;
    color: #059669 !important;
    transform: rotate(-10deg);
}
table.list-pc a.item-subject:hover .badge-combo-premium-coupon .combo-prem {
    background: #fef9c3 !important;
}
table.list-pc a.item-subject:hover .badge-combo-premium-coupon .combo-cpn {
    background: #d1fae5 !important;
}
.list-mobile .badge-combo-premium-coupon {
    height: 20px !important;
    margin-right: 0 !important;
}
.list-mobile .badge-combo-premium-coupon .combo-part {
    font-size: 10.5px !important;
    padding: 0 5.5px !important;
    line-height: 18px !important;
}

/* 신규 + 쿠폰 투톤 스플릿 콤보 뱃지 (신규 제휴 쿠폰업체 전용) */
.badge-combo-new-coupon {
    display: inline-flex !important;
    align-items: stretch !important;
    height: 22px !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    border: 1px solid #fda4af !important;
    line-height: 20px !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    margin-right: 5px !important;
    box-shadow: none !important;
    transition: all 0.15s ease !important;
}
.badge-combo-new-coupon .combo-part {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 0 6.5px !important;
    height: 100% !important;
    box-sizing: border-box !important;
    letter-spacing: -0.02em !important;
    transition: background 0.15s ease !important;
}
.badge-combo-new-coupon .combo-new {
    background: #fff1f2 !important;
    color: #e11d48 !important;
    border-right: 1px solid #fecdd3 !important;
}
.badge-combo-new-coupon .combo-new i {
    font-size: 10px !important;
    color: #f43f5e !important;
}
.badge-combo-new-coupon .combo-cpn {
    background: #e6f4ea !important;
    color: #059669 !important;
}
.badge-combo-new-coupon .combo-cpn i {
    font-size: 10px !important;
    color: #059669 !important;
    transform: rotate(-10deg);
}
table.list-pc a.item-subject:hover .badge-combo-new-coupon .combo-new {
    background: #ffe4e6 !important;
}
table.list-pc a.item-subject:hover .badge-combo-new-coupon .combo-cpn {
    background: #d1fae5 !important;
}
.list-mobile .badge-combo-new-coupon {
    height: 20px !important;
    margin-right: 0 !important;
}
.list-mobile .badge-combo-new-coupon .combo-part {
    font-size: 10.5px !important;
    padding: 0 5.5px !important;
    line-height: 18px !important;
}

/* 댓글수 뱃지 (PC 전용 규격) */
table.list-pc .list-subject a.item-subject .count {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    margin-left: 2px !important;
    color: var(--op-accent, #ff490f) !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

.list-mobile .item-subject .count {
    display: none !important;
}

table.list-pc .list-subject a.item-subject .count .cnt-bracket {
    font-size: 11px !important;
    font-weight: 400 !important;
    opacity: 0.6 !important;
    margin: 0 1px !important;
}

/* 모바일 댓글/조회수 메타 뱃지 */
.list-mobile .wr-comment {
    color: var(--op-accent, #ff490f) !important;
    font-size: 12px !important;
    font-weight: bold !important;
    display: inline-flex !important;
    align-items: center !important;
}

.list-mobile .wr-comment i {
    color: #a0a0a0 !important;
    margin-right: 3px !important;
    font-size: 11px !important;
}

@media all and (max-width: 768px) {
    .list-mobile .item-subject {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* 모던 오렌지 알림 배지 및 공지 행 분리 */
.label-notice {
    display: inline-block;
    padding: 2px 7px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    background: var(--op-accent, #ff490f);
    border-radius: 12px;
    letter-spacing: -0.01em;
    vertical-align: middle;
}

table.list-pc tr.is-notice-row td,
.list-mobile .list-item.is-notice-row {
    background-color: #f7faf8 !important;
}

table.list-pc tr.is-notice-row:hover td,
.list-mobile .list-item.is-notice-row:hover {
    background-color: #edf4ee !important;
}

table.list-pc tr.is-last-notice td,
.list-mobile .list-item.is-last-notice {
    border-bottom: 2px solid #cbd5e1 !important;
}

/* 블라인드 안내 버튼 */
.blind-notice-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    color: var(--op-accent, #ff490f);
    font-weight: 600;
    font-size: 14px;
    user-select: none;
    padding: 12px 16px;
    min-height: 46px;
    background: #fff7ed;
    border: 1px solid #fdba74;
    border-radius: 8px;
    margin: 10px 0 18px;
    transition: all 0.2s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.blind-notice-btn .blind-notice-icon {
    font-size: 15px;
    color: var(--op-accent, #ff490f);
}

.blind-notice-btn .blind-notice-arrow {
    font-size: 15px;
    transition: transform 0.2s ease;
    color: var(--op-accent, #ff490f);
}

.blind-notice-btn .blind-count-highlight {
    color: #ea580c;
    font-size: 15px;
    font-weight: 800;
    transition: color 0.2s ease;
}

.blind-notice-btn:hover {
    background: #ffedd5;
    border-color: #fb923c;
    color: #ea580c;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(251, 146, 60, 0.2);
}

.blind-notice-btn:hover .blind-notice-arrow {
    transform: translateX(3px);
}

.blind-notice-btn:hover .blind-count-highlight {
    color: #c2410c;
}

table.list-pc .list-subject.now {
    font-weight: bold !important;
}

table.list-pc .list-subject.notice {
    font-weight: bold !important;
}

table.list-pc .list-none {
    padding: 80px 0px;
}

.table>tbody>tr>td {
    padding: 8px 0;
}

/* 작성자/실장명 칼럼 (안 B: 메달 아이콘 유지 + 폰트 위계 정돈 + 말줄임표) */
table.list-pc th.th-author,
table.list-pc td.list_name {
    width: 70px !important;
    max-width: 70px !important;
    text-align: center !important;
    vertical-align: middle !important;
    overflow: hidden !important;
    padding: 6px 4px !important;
    white-space: nowrap !important;
}

table.list-pc td.list_name b,
table.list-pc td.list_name .author-ellipsis {
    display: inline-block !important;
    max-width: 100% !important;
    width: auto !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-wrap: normal !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: #64748b !important;
    letter-spacing: -0.02em !important;
    vertical-align: middle !important;
    line-height: 1.3 !important;
}

table.list-pc td.list_name a,
table.list-pc td.list_name .member,
table.list-pc td.list_name .guest,
table.list-pc td.list_name .sv_member,
table.list-pc td.list_name .sv_guest {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    text-decoration: none !important;
}

table.list-pc td.list_name a:hover,
table.list-pc td.list_name a:hover .member,
table.list-pc td.list_name a:hover .sv_member {
    color: var(--op-primary, #3dbf62) !important;
}

/* 메달 및 레벨 아이콘 완전 비노출 격리 */
table.list-pc td.list_name img,
table.list-pc td.list_name .xp-icon,
.list-mobile .partner-author img,
.list-mobile .partner-author .xp-icon {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 등록일/수정일 칼럼 정돈 (과도한 Bold 완화 및 11.5px 통일) */
table.list-pc td.list-date {
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: #64748b !important;
    letter-spacing: -0.01em !important;
}

/* 업체정보 목록 텔레그램 마크(.tele-mark) 비노출 */
table.list-pc .tele-mark,
.list-mobile .tele-mark,
td.list_name .tele-mark {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* 모바일 목록 (Alternative A: 2-Tier + Meta) */
.list-mobile {
    margin-bottom: 15px;
    padding-bottom: 72px !important; /* 최하단 카드 조회수가 FAB 위로 완전히 올라오도록 세이프존 확보 */
    border-top: 1px solid #e2e8f0;
}
.list-mobile .media {
    border-bottom: 1px solid #e2e8f0;
    margin: 0;
    padding: 12px 12px;
    overflow: visible !important;
    transition: background 0.15s ease;
}
.list-mobile .media:hover {
    background: #f8fafc;
}
.list-mobile .media.new {
    background: #fffdf5;
}
.list-mobile .media.premiumtop {
    background-color: #ffffff !important;
    border-left: 3.5px solid #f59e0b !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #f1f5f9 !important;
}
.list-mobile .media.premiumtop:hover {
    background-color: #f8fafc !important;
}
.list-mobile .media.premiumtop-start {
    border-top: none !important;
}
.list-mobile .media.premiumtop-end {
    border-bottom: 2px solid #e2e8f0 !important;
}
.list-mobile .media.list-notice {
    background: #f7faf8;
}
.list-mobile .media.list-now {
    background: #f8fafc;
}
.list-mobile :first-child.media {
    margin-top: 0;
}
.list-mobile .media .media-body {
    padding-left: 0;
    overflow: visible !important;
}
.list-mobile .list-img img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.list-mobile .list-img i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    font-size: 24px;
    background: #eeeeee;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    display: inline-block;
}

/* 2-Tier 모바일 카드 내부 스타일 */
.list-mobile .item-subject {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    text-decoration: none !important;
    gap: 3px !important;
    overflow: visible !important;
}
.list-mobile .item-subject:hover {
    text-decoration: none !important;
}

/* Tier 1: 상단 업체 배지 & 자격 태그 칩 (모던 쿨 슬레이트 뉴트럴 톤) */
.list-mobile .partner-badge-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    padding-top: 3.5px;
    margin-bottom: 5.5px;
    line-height: 1;
}
.list-mobile .comp-badge-chip {
    position: relative !important;
    display: inline-flex;
    align-items: center;
    gap: 3.5px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    line-height: 1.25;
    padding: 3px 8px;
    border-radius: 5px;
    letter-spacing: -0.02em;
    transition: all 0.15s ease;
}
.list-mobile .comp-badge-region {
    font-size: 10.5px;
    font-weight: 500;
    color: #64748b;
    letter-spacing: -0.02em;
}
.list-mobile .comp-badge-divider {
    font-size: 10px;
    color: #94a3b8;
    margin: 0 1px;
    opacity: 0.8;
}
.list-mobile .comp-badge-name {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.02em;
}
.list-mobile .sub_bs {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    color: #ffffff;
    background: #f43f5e;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1.2;
    letter-spacing: -0.01em;
}
.list-mobile .partner-chip-badge {
    vertical-align: middle;
    display: inline-block;
    flex-shrink: 0;
}

/* Tier 2: 제목 전폭 노출 */
.list-mobile .media-heading {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
}
.list-mobile .media-heading .admin-chk {
    display: inline-flex;
    align-items: center;
    margin-right: 6px;
    flex-shrink: 0;
}
.list-mobile .media-heading .subject-title {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

/* Tier 3: 메타 정보 행 */
.list-mobile .partner-meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 6px;
    font-size: 12px;
    color: #64748b;
    line-height: 1.4;
}
.list-mobile .list-meta-left {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-mobile .list-meta-left .partner-author {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: #475569;
}
.list-mobile .list-meta-left .partner-author .icon_xp,
.list-mobile .list-meta-left .partner-author img {
    vertical-align: -2px !important;
    display: inline-block !important;
}
.list-mobile .list-meta-left .meta-dot {
    font-size: 11px;
    color: #94a3b8;
    margin: 0 1px;
}
.list-mobile .list-meta-left .partner-date {
    font-size: 11.5px;
    color: #94a3b8;
}
.list-mobile .list-meta-right {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    font-size: 11.5px;
    color: #94a3b8;
}
.list-mobile .list-meta-right .meta-divider {
    font-size: 10px;
    color: #cbd5e1;
}
.list-mobile .list-meta-right .list-hit {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #94a3b8;
}
.list-mobile .list-meta-right .list-hit i {
    font-size: 11px;
}

/* 목록 공통 */
.list-wrap {
    width: 100%;
}

.list-btn-box {
    margin-bottom: 15px;
}

.list-btn-box a span {
    margin-left: 4px;
}

.list-btn-box .sort a {
    color: crimson !important;
    font-weight: bold !important;
}

.list-btn-box .dropdown-menu {
    font-size: 12px;
}

.list-none {
    margin: 0px 0px 15px;
    padding: 80px 0px;
}

.list-page {
    margin-bottom: 15px;
}

.list-page .pagination {
    margin: 0;
}

/* 아이콘 */
.list-wrap .wr-text {
    font-family: var(--op-font-sans, inherit);
    font-size: 12px;
    letter-spacing: -0.01em;
    line-height: 1.4;
    font-weight: normal;
}

.list-wrap .wr-icon {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: left top;
}

.list-wrap .wr-notice {
    width: 37px;
    height: 19px;
    background-image: url('./img/icon_notice.gif');
}

.list-wrap .wr-new {
    width: 12px;
    height: 12px;
    background-image: url('./img/icon_new.gif');
}

.list-wrap .wr-secret {
    width: 12px;
    height: 12px;
    background-image: url('./img/icon_secret.gif');
}

.list-wrap .wr-hot {
    width: 12px;
    height: 12px;
    background-image: url('./img/icon_hot.gif');
}

/* 내용 공통 */
.view-wrap {
    width: 100%;
    overflow: visible;
}

.view-wrap .img-photo i {
    background: rgb(245, 245, 245);
    padding: 16px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    text-align: center;
    color: rgb(143, 143, 143);
    font-size: 40px;
    display: inline-block;
}

.view-wrap .img-photo img {
    border-radius: 50%;
    width: 80px !important;
    height: 80px !important;
    display: inline-block;
}

.view-wrap .img-resize img {
    max-width: 100%;
    height: auto;
}

.view-wrap h1 {
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0px 10px;
    line-height: 25px;
    display: block;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: normal;
    overflow: hidden;
    padding: 0px 10px;
    color: rgb(59, 62, 67);
}

.view-wrap h1 .photo {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.view-wrap .no-attach {
    border-bottom: 0px;
}

.view-btn {
    margin: 0px 0px 30px;
}

.view-btn i {
    margin-right: 2px;
}

.view-head {
    border-left: 0px;
    border-right: 0px;
}

.view-head .sp {
    display: inline-block;
    width: 20px;
    text-align: center;
    font-size: 11px;
    color: #888;
}

.view-head .list-group-item {
    padding: 5px 15px;
    border-style: dotted;
}

.view-tag {
    margin: 10px 0px;
    padding: 0px;
    color: #888;
}

.view-tag a {
    color: #888;
}

.view-tag a:hover {
    color: crimson;
}

.view-cnt {
    margin-top: 4px;
}

.view-img img {
    display: block;
    max-width: 100%;
    margin: 0 auto 15px;
    border: 0;
    height: auto;
}

.view-content {
    padding: 0px 15px 20px
}

.view-mobile .view-content {
    padding: 0px 0px 20px;
}

.view-content img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.view-content p {
    padding: 0;
    margin: 0;
    line-height: 22px;
}

.view-good-box {
    text-align: center;
}

.view-good-box span {
    margin: 15px 6px;
    width: 80px;
    height: 80px;
    display: inline-block;
}

.view-good-box a {
    background: rgb(245, 245, 245);
    padding-top: 14px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    text-align: center;
    color: rgb(51, 51, 51);
    font-size: 22px;
    line-height: 26px;
    display: inline-block;
}

.view-good-box .view-good a:hover {
    background: rgb(223, 17, 25);
    color: rgb(255, 255, 255);
}

.view-good-box .view-nogood a:hover {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

.view-author .auth-photo {
    width: 160px;
    padding-right: 15px;
}

.view-comment {
    color: rgb(51, 51, 51);
    font-family: var(--op-font-sans, inherit);
    margin: 0px 0px 10px;
    padding: 0px 0px 5px;
    text-transform: capitalize;
    overflow: hidden;
    font-size: 20px;
    font-weight: 500;
    border-bottom-color: rgb(51, 51, 51);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: inline-block;
    position: relative;
}

#bo_v_sns {
    margin: 4px 0 15px;
    padding: 0;
    list-style: none;
    zoom: 1
}

#bo_v_sns:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#bo_v_sns li {
    float: left;
    margin: 0 5px 0 0
}

/* 댓글 */
.comment-media {}

.comment-media .photo i {
    background: rgb(245, 245, 245);
    padding: 0;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    color: rgb(143, 143, 143);
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.comment-media .photo img {
    border-radius: 50%;
    width: 64px !important;
    height: 64px !important;
    display: inline-block;
}

.view-mobile .comment-media .photo i {
    padding: 0;
    width: 34px;
    height: 34px;
    font-size: 15px;
}

.view-mobile .comment-media .photo img {
    width: 54px !important;
    height: 54px !important;
    object-fit: cover;
}

.comment-media .media {
    border-top: 1px solid #eee;
    margin: 7px 0px;
    padding: 7px 0px 0px;
}

.comment-media :first-child.media {
    border-top: 0px;
    margin-top: 0px;
    padding-top: 0px;
}

.comment-media h5 {
    margin: 2px 0px;
    line-height: 22px;
}

.comment-media .media .media-body {
    padding-left: 0px;
}

.comment-media .media .media-info {
    margin-left: 10px;
}

.comment-media .media .media-content {
    margin-top: 8px;
}

.comment-media .media .media-btn {
    margin-left: 4px;
}

.comment-media .cmt-good-btn {
    text-align: right;
    padding-right: 1px;
}

.comment-media .cmt-good,
.comment-media .cmt-nogood {
    display: inline-block;
    width: 74px;
    height: 20px;
    margin-top: 10px;
    padding-right: 10px;
    margin-right: -1px;
    font: bold 11px verdana;
    text-align: right;
    letter-spacing: -1px;
    line-height: 19px;
    cursor: pointer;
}

.comment-media .cmt-good {
    background: url('./img/cmt_good.gif') no-repeat left center;
    color: #f4695b;
}

.comment-media .cmt-nogood {
    background: url('./img/cmt_nogood.gif') no-repeat left center;
    color: #888;
}

#bo_vc_opt ol {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1;
}

#bo_vc_opt ol:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}

#bo_vc_opt ol li {
    float: left;
    margin: 0;
}

#bo_vc_send_sns ul {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1;
}

#bo_vc_send_sns ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}

#bo_vc_send_sns ul li {
    float: left;
    margin: 0 0 0 20px;
}

#bo_vc_send_sns input {
    margin: 0 0 0 5px;
}

/* 쓰기 공통 */
.write-wrap {
    width: 100%;
    overflow: hidden;
}

.write-wrap h2 {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
}

.write-wrap label {
    font-weight: bold;
    margin-top: 4px;
}

.write-wrap .write-content {
    height: 300px;
}

.write-wrap .write-file {
    border: 0;
    box-shadow: none;
}

.write-wrap .write-btn {
    margin: 15px 0px 25px;
    text-align: center;
}

.write-wrap .delete-file {
    margin: 0px;
    padding: 0px 10px;
    font-weight: normal;
}

.write-wrap .delete-file label {
    font-weight: normal;
}

.write-wrap .sp-label {
    font-weight: normal;
    margin-right: 10px;
}

.write-wrap .sp-label input[type="checkbox"],
.write-wrap .sp-label input[type="radio"] {
    margin-top: 0px;
}

#autosave_pop div {
    text-align: right;
}

#autosave_pop button {
    margin: 0;
    margin-left: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #888;
}

#autosave_pop ul {
    margin: 0;
    padding: 0;
    padding-left: 15px;
    list-style: disc;
}

#autosave_pop li {
    padding: 2px 5px;
}

#autosave_pop li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}

#autosave_pop a {
    display: block;
    float: left;
}

#autosave_pop span {
    display: block;
    ;
    float: right;
}

/* 반응형 공통 */
@media all and (max-width: 460px) {
    .responsive .list-btn {
        text-align: center;
        margin: 0px auto;
    }

    .responsive .pull-right.list-btn {
        float: none !important;
        margin-bottom: 14px;
    }

    .responsive .view-wrap h1 {
        text-overflow: clip;
        overflow: none;
        white-space: normal;
        line-height: 24px;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .responsive .view-wrap h1 .photo {
        display: none;
    }

    .responsive .view-btn i {
        margin-right: 0px;
    }

    .responsive .view-author .auth-photo {
        float: none;
        width: 100%;
        padding-right: 0px;
    }

    .responsive .comment-btn {
        text-align: center;
    }

    .responsive .comment-btn .pull-right {
        float: none !important;
    }
}


.premiumtop > td {
		background-color: #ffffff !important;
	}
	.premiumtop {
		font-weight: bold;
		border-left: 3.5px solid #f59e0b;
		border-right: none;
		border-top: none;
		border-bottom: 1px solid #f1f5f9;
	}
	.premiumtop-start {
		border-top: none;
	}
	.premiumtop-end {
		border-bottom: 2px solid #e2e8f0;
	}

/* ==========================================================================
   추가: PC 목록 갤러리 카드 및 첨부파일 스타일 (list.skin.pc.php, write.skin.php 이관)
   ========================================================================== */
/* PC/태블릿 상단 프리미엄 카드: 항상 균등 5열 1줄 가변 그리드 유지 (4+1 개행 방지) */
.board-top-cards {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 10px 0 !important;
    box-sizing: border-box !important;
}

.board-top-cards .main-box.onboard {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.board-top-cards .card-item-contact,
.board-top-cards .item_addr {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-item-wrap {
    height: 100%;
    position: relative;
}

.card-thumb-link {
    width: 100%;
    height: 143px;
    display: block;
    position: relative;
    overflow: hidden;
}

.card-badge-container {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
}

.card-badge-premium {
    padding: 5px;
    width: 70px;
    filter: contrast(1.2);
    display: block;
}

.card-badge-coupon {
    padding: 5px;
    width: 70px;
    display: block;
}

.card-thumb-img {
    padding: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.card-info-wrap {
    padding-top: 5px;
}

.card-item-contact {
    text-decoration: none;
}

.card-item-addr {
    position: absolute;
    top: -15px;
    right: -37px;
    color: #ffffff;
    width: 100px;
    height: 55px;
    font-size: 12px;
    filter: alpha(opacity=85);
    opacity: 0.85;
    -moz-opacity: 0.85;
    line-height: 85px;
    font-weight: bold;
    z-index: 2;
    border: 0;
    border-radius: 3px;
    text-align: center;
    padding: 0 5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.card-btn-group {
    width: 100%;
    position: absolute;
    clear: left;
    float: left;
    left: 0;
    bottom: 0px;
    text-align: center;
}

.card-btn-group .mbox-btns-inner {
    display: flex;
    justify-content: center;
    padding: 0 4px;
}

.card-btn {
    border-radius: 5px;
    height: 30px;
    width: 44%;
    padding: 0px;
    line-height: 28px;
    font-size: 12px;
}

.card-btn-profile {
    margin: 5px 3px 5px 0;
}

.card-btn-review {
    margin: 5px 0 5px 3px;
}

.card-badge-new {
    width: 62px;
    position: absolute;
    margin-left: -13px;
    margin-top: -15px;
    padding-right: 7px;
    opacity: 1;
}

.card-badge-medal {
    width: 35px;
    position: absolute;
    margin-left: -4px;
    margin-top: 1px;
    opacity: 1;
    filter: hue-rotate(24deg) contrast(172%) brightness(1.2);
    transform: rotate(0deg);
}

.main-box.dummy .gallery,
.main-box.dummy .card-btn-group,
.main-box.dummy button {
    display: none !important;
}

.main-box.dummy:before {
    content: "모집중";
    display: block;
    position: absolute;
    margin-top: 42px;
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: var(--op-text-muted, #646464);
    background: rgba(255, 255, 255, 0.75);
    z-index: 4;
    padding: 4px 0;
}

@media (max-width: 768px) {
    .board-top-cards {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 6px !important;
        margin: 10px 0 !important;
        padding: 0 !important;
    }
    .board-top-cards .main-box.onboard,
    .main-box {
        width: calc((100% - 16px) / 3) !important;
        min-width: 100px !important;
        max-width: 140px !important;
        height: 105px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        overflow: hidden !important;
        border-radius: 10px !important;
        border: 1px solid var(--op-box-border, #c7c7c7) !important;
        box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12) !important;
        position: relative !important;
        float: none !important;
        box-sizing: border-box !important;
    }
    .main-box .card-item-wrap {
        height: 100% !important;
        width: 100% !important;
        position: relative !important;
        display: block !important;
    }
    .main-box .main-box-inner {
        width: 100% !important;
        height: 100% !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        overflow: hidden !important;
    }
    .main-box .card-thumb-link {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        position: relative !important;
    }
    .main-box .card-thumb-img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }
    .main-box .card-badge-container {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        z-index: 3 !important;
        display: flex !important;
        align-items: flex-start !important;
    }
    .main-box .card-badge-premium,
    .main-box .card-badge-coupon {
        padding: 3px 0 !important;
        width: 35px !important;
        height: auto !important;
        display: block !important;
    }
    .main-box .card-badge-premium {
        filter: contrast(1.3) !important;
    }
    .main-box .card-item-addr {
        position: absolute !important;
        top: -23px !important;
        right: -30px !important;
        width: 70px !important;
        height: 53px !important;
        font-size: 9px !important;
        line-height: 85px !important;
        z-index: 3 !important;
        filter: alpha(opacity=85);
        opacity: 0.85;
        border: 0 !important;
        border-radius: 3px !important;
        text-align: center !important;
        padding: 0 5px !important;
        transform: rotate(45deg) !important;
    }
    /* 반투명 하단 글래스 오버레이 (기존 스타일 복원) */
    .main-box .mbox-comp-desc {
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        padding: 4px 8px 3px 8px !important;
        background: #ffffffd1 !important;
        z-index: 2 !important;
        box-sizing: border-box !important;
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
    }
    .main-box .gallery {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        background: transparent !important;
    }
    .main-box .card-info-wrap {
        padding: 0 !important;
    }
    .main-box .item_name_wrap {
        height: 17px !important;
        line-height: 17px !important;
        display: block !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .main-box .item_cat {
        font-size: 11px !important;
        font-weight: 900 !important;
        color: #808080 !important;
        margin-right: 3px !important;
    }
    .main-box .item_name {
        font-size: 12px !important;
        font-weight: 900 !important;
        color: #ff490f !important;
    }
    .main-box .item_contact {
        display: block !important;
        font-size: 11px !important;
        line-height: 15px !important;
        height: 15px !important;
        color: #808080 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        margin-top: 1px !important;
    }
    .main-box .item_contact i {
        font-size: 10px !important;
        color: #808080 !important;
        margin-right: 2px !important;
        display: inline-block !important;
    }
    .main-box .item_addr {
        display: block !important;
        font-size: 11px !important;
        line-height: 15px !important;
        height: 15px !important;
        color: #000000 !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        margin-top: 1px !important;
    }
    .main-box .item_addr i {
        font-size: 10px !important;
        color: #000000 !important;
        margin-right: 2px !important;
        display: inline-block !important;
    }
    .main-box .card-btn-group {
        display: none !important;
    }
    /* 모집중 더미 카드: 중앙 관통 반투명 띠 */
    .main-box.dummy .mbox-comp-desc {
        display: none !important;
    }
    .main-box.dummy:before {
        content: "모집중";
        display: block !important;
        position: absolute !important;
        margin-top: 42px !important;
        top: auto !important;
        transform: none !important;
        text-align: center !important;
        width: 100% !important;
        font-size: 16px !important;
        font-weight: bold !important;
        color: #646464 !important;
        background: rgba(255, 255, 255, 0.69) !important;
        z-index: 4 !important;
        padding: 2px 0 !important;
    }
}

html.theme-dark .main-box,
body.theme-dark .main-box,
body[data-theme="dark"] .main-box {
    background-color: var(--op-box-bg, #22222a);
    border-color: var(--op-box-border, #2e2e3a);
}
html.theme-dark .main-box .mbox-comp-desc,
body.theme-dark .main-box .mbox-comp-desc,
body[data-theme="dark"] .main-box .mbox-comp-desc {
    background-color: var(--op-box-desc-bg, #22222a);
}
html.theme-dark .main-box .item_name,
body.theme-dark .main-box .item_name,
body[data-theme="dark"] .main-box .item_name {
    color: var(--op-box-name, #ff6b4a);
}
html.theme-dark .main-box .item_cat,
body.theme-dark .main-box .item_cat,
body[data-theme="dark"] .main-box .item_cat {
    color: var(--op-box-cat, #94a3b8);
}
html.theme-dark .main-box .item_contact,
html.theme-dark .main-box .item_addr,
body.theme-dark .main-box .item_contact,
body.theme-dark .main-box .item_addr,
body[data-theme="dark"] .main-box .item_contact,
body[data-theme="dark"] .main-box .item_addr {
    color: #94a3b8 !important;
}
html.theme-dark .main-box.dummy:before,
body.theme-dark .main-box.dummy:before,
body[data-theme="dark"] .main-box.dummy:before {
    background: rgba(30, 30, 38, 0.85);
    color: #94a3b8;
}

@media (max-width: 768px) {
    html.theme-dark .main-box .mbox-comp-desc,
    body.theme-dark .main-box .mbox-comp-desc,
    body[data-theme="dark"] .main-box .mbox-comp-desc {
        background: rgba(22, 22, 28, 0.88) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
    }
    html.theme-dark .main-box .item_cat,
    body.theme-dark .main-box .item_cat {
        color: #94a3b8 !important;
    }
    html.theme-dark .main-box .item_name,
    body.theme-dark .main-box .item_name {
        color: #ff6b4a !important;
    }
    html.theme-dark .main-box .item_contact,
    body.theme-dark .main-box .item_contact {
        color: #cbd5e1 !important;
    }
    html.theme-dark .main-box .item_contact i,
    body.theme-dark .main-box .item_contact i {
        color: #94a3b8 !important;
    }
    html.theme-dark .main-box .item_addr,
    body.theme-dark .main-box .item_addr {
        color: #f1f5f9 !important;
    }
    html.theme-dark .main-box .item_addr i,
    body.theme-dark .main-box .item_addr i {
        color: #f1f5f9 !important;
    }
    html.theme-dark .main-box.dummy:before,
    body.theme-dark .main-box.dummy:before,
    body[data-theme="dark"] .main-box.dummy:before {
        background: rgba(26, 26, 34, 0.88) !important;
        color: #cbd5e1 !important;
    }
}

/* 업체 게시판 목록 스타일 (PC/Mobile 공통 및 분기) */
.more_btn {
    border: 1px solid gray;
    border-radius: 5px;
    padding: 5px 20px;
    color: white;
    background-color: gray;
    width: 300px;
    text-align: center;
    margin: 10px auto;
}
.more_btn:hover {
    background-color: black;
}
.table_list_ {
    font-size: 14px;
}
.list_op_title {
    font-weight: bold;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: block;
}
.list_op_name {
    color: #428bca;
    font-size: 14px;
    font-weight: 900;
}
.list_op_addr {
    color: #808080;
    font-size: 14px;
}
.list_op_head {
    font-weight: bold;
    display: inline-block;
    padding-right: 14px;
}
.wide40 {
    line-height: 30px !important;
}
.title_area {
    color: #1e691e;
    max-width: 750px;
    font-weight: bold;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: inline;
}

/* PC 전용 목록 스타일 */
table.list-pc tr.premiumtop > td {
    background-color: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
}
table.list-pc tr.premiumtop:hover > td {
    background-color: #f8fafc !important;
}
table.list-pc tr.premiumtop > td:first-child {
    border-left: 3.5px solid #f59e0b !important;
}
table.list-pc tr.premiumtop {
    font-weight: bold;
    border: none;
}
table.list-pc tr.premiumtop-start {
    border-top: none;
}
table.list-pc tr.premiumtop-end > td {
    border-bottom: 2px solid #cbd5e1 !important;
}
table.list-pc tr.non_partner {
    display: none;
}
table.list-pc tr.non_partner > td {
    background-color: #f5f5ec !important;
}
table.list-pc tr.non_partner > td .title_area,
table.list-pc tr.non_partner > td .list_op_head,
table.list-pc tr.non_partner > .list_name b {
    font-weight: 400 !important;
    color: #574646 !important;
}

/* 모바일 전용 목록 스타일 */
.list-mobile .premiumtop > td {
    background-color: #ffffff !important;
}
.list-mobile .premiumtop {
    font-weight: bold;
    background-color: #ffffff !important;
    border-left: 3.5px solid #f59e0b !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #f1f5f9 !important;
}
.list-mobile .premiumtop:hover {
    background-color: #f8fafc !important;
}
.list-mobile .premiumtop-start {
    border-top: none !important;
}
.list-mobile .premiumtop-end {
    border-bottom: 2px solid #cbd5e1 !important;
    margin-bottom: 4px !important;
}
.list-mobile .non_partner {
    display: none;
    background-color: #f5f5ec !important;
}
.list-mobile .non_partner div {
    background-color: #f5f5ec !important;
}
.list-mobile .non_partner .title_area,
.list-mobile .non_partner .list_op_head,
.list-mobile .non_partner .list_name b {
    font-weight: 400 !important;
    color: #574646 !important;
    font-size: smaller;
}
.list-mobile .media-heading {
    line-height: 1.4 !important;
}
.list-mobile .list_title {
    font-weight: 600;
}
.list-mobile .list-name {
    font-size: 12px;
    color: #64748b;
    line-height: 1.4;
}
.list-mobile .list-hit {
    color: var(--op-text, #333333);
}
.list-mobile .list-cnt {
    color: #64748b !important;
}

/* 글쓰기 첨부파일 테이블 */
#variableFiles {
    width: 100%;
    margin: 0;
    border: 0;
}
#variableFiles td {
    padding: 0px 0px 7px;
    border: 0;
}
#variableFiles input[type=file] {
    box-shadow: none;
    border: 1px solid #ccc !important;
    outline: none;
}
#variableFiles .form-group {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 7px;
}
#variableFiles .checkbox-inline {
    padding-top: 0px;
    font-weight: normal;
}

/* ==========================================================================
   다크모드 전용 스타일 (Dark Mode Overrides)
   ========================================================================== */

/* 1. 카테고리 필 칩 다크모드 */
html.theme-dark .list-category .nav-tabs > li > a,
html.theme-dark .list-category .nav-tabs > li > button,
body.theme-dark .list-category .nav-tabs > li > a,
body.theme-dark .list-category .nav-tabs > li > button {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
    box-shadow: none !important;
}
html.theme-dark .list-category .nav-tabs > li.active > a,
html.theme-dark .list-category .nav-tabs > li.active > button,
body.theme-dark .list-category .nav-tabs > li.active > a,
body.theme-dark .list-category .nav-tabs > li.active > button,
html.theme-dark .list-category .nav-tabs > li > a:hover,
html.theme-dark .list-category .nav-tabs > li > button:hover,
body.theme-dark .list-category .nav-tabs > li > a:hover,
body.theme-dark .list-category .nav-tabs > li > button:hover {
    background: var(--op-primary, #3dbf62) !important;
    border-color: var(--op-primary, #3dbf62) !important;
    color: #fff !important;
}
html.theme-dark .list-category .list-category-wrap::before,
body.theme-dark .list-category .list-category-wrap::before {
    background: linear-gradient(to right, rgba(24, 24, 29, 0.96) 20%, rgba(24, 24, 29, 0) 100%) !important;
}
html.theme-dark .list-category .list-category-wrap::after,
body.theme-dark .list-category .list-category-wrap::after {
    background: linear-gradient(to left, rgba(24, 24, 29, 0.96) 20%, rgba(24, 24, 29, 0) 100%) !important;
}
html.theme-dark .list-category .category-scroll-btn,
body.theme-dark .list-category .category-scroll-btn {
    background: rgba(30, 41, 59, 0.96) !important;
    border-color: rgba(71, 85, 105, 0.9) !important;
    color: #e2e8f0 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45) !important;
}
html.theme-dark .list-category .category-scroll-btn:active,
body.theme-dark .list-category .category-scroll-btn:active {
    background: #334155 !important;
}

/* 카테고리 토글바 다크모드 */
html.theme-dark .op-category-toggle,
body.theme-dark .op-category-toggle {
    background: #18181d !important;
    border-color: #272730 !important;
    color: #cbd5e1 !important;
}
html.theme-dark .op-category-toggle:hover,
body.theme-dark .op-category-toggle:hover {
    background: #202028 !important;
    color: var(--op-primary, #3dbf62) !important;
}
html.theme-dark .op-category-toggle i,
body.theme-dark .op-category-toggle i {
    color: #94a3b8 !important;
}

/* 2. PC 테이블 헤더 및 본문 다크모드 (bg-white 무력화) */
html.theme-dark table.list-pc,
html.theme-dark table.list-pc.bg-white,
body.theme-dark table.list-pc,
body.theme-dark table.list-pc.bg-white {
    background-color: #18181d !important;
    border-bottom-color: #272730 !important;
}
html.theme-dark table.list-pc th,
body.theme-dark table.list-pc th {
    background: #1e293b !important;
    border-bottom-color: #334155 !important;
    color: #e2e8f0 !important;
}
html.theme-dark table.list-pc th a,
body.theme-dark table.list-pc th a {
    color: #e2e8f0 !important;
}
html.theme-dark table.list-pc > tbody > tr > td,
body.theme-dark table.list-pc > tbody > tr > td {
    background-color: #18181d !important;
    border-top: 1px solid #272730 !important;
    color: #cbd5e1 !important;
}
html.theme-dark table.list-pc.table-striped > tbody > tr:nth-of-type(odd) > td,
body.theme-dark table.list-pc.table-striped > tbody > tr:nth-of-type(odd) > td {
    background-color: #1c1c22 !important;
}
html.theme-dark table.list-pc.table-striped > tbody > tr:nth-of-type(even) > td,
body.theme-dark table.list-pc.table-striped > tbody > tr:nth-of-type(even) > td {
    background-color: #18181d !important;
}
html.theme-dark table.list-pc.table-hover > tbody > tr:hover > td,
body.theme-dark table.list-pc.table-hover > tbody > tr:hover > td {
    background-color: #252530 !important;
}

/* 3. 공지사항 행 및 분리선 다크모드 */
html.theme-dark table.list-pc tr.is-notice-row td,
html.theme-dark .list-mobile .list-item.is-notice-row,
body.theme-dark table.list-pc tr.is-notice-row td,
body.theme-dark .list-mobile .list-item.is-notice-row {
    background-color: #16241a !important;
}
html.theme-dark table.list-pc tr.is-notice-row:hover td,
html.theme-dark .list-mobile .list-item.is-notice-row:hover,
body.theme-dark table.list-pc tr.is-notice-row:hover td,
body.theme-dark .list-mobile .list-item.is-notice-row:hover {
    background-color: #1c3222 !important;
}
html.theme-dark table.list-pc tr.is-last-notice td,
html.theme-dark .list-mobile .list-item.is-last-notice,
body.theme-dark table.list-pc tr.is-last-notice td,
body.theme-dark .list-mobile .list-item.is-last-notice {
    border-bottom: 2px solid #2d4a36 !important;
}

/* 4. 프리미엄 상단 행 다크모드 (PC & Mobile) */
html.theme-dark table.list-pc tr.premiumtop > td,
html.theme-dark .list-mobile .media.premiumtop,
html.theme-dark .list-mobile .premiumtop,
body.theme-dark table.list-pc tr.premiumtop > td,
body.theme-dark .list-mobile .media.premiumtop,
body.theme-dark .list-mobile .premiumtop {
    background-color: #18181d !important;
}
html.theme-dark table.list-pc tr.premiumtop:hover > td,
html.theme-dark .list-mobile .media.premiumtop:hover,
html.theme-dark .list-mobile .premiumtop:hover,
body.theme-dark table.list-pc tr.premiumtop:hover > td,
body.theme-dark .list-mobile .media.premiumtop:hover,
body.theme-dark .list-mobile .premiumtop:hover {
    background-color: #22222a !important;
}
html.theme-dark table.list-pc tr.premiumtop > td:first-child,
html.theme-dark .list-mobile .media.premiumtop,
html.theme-dark .list-mobile .premiumtop,
body.theme-dark table.list-pc tr.premiumtop > td:first-child,
body.theme-dark .list-mobile .media.premiumtop,
body.theme-dark .list-mobile .premiumtop {
    border-left: 3.5px solid #f59e0b !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #272730 !important;
}
html.theme-dark table.list-pc tr.premiumtop-end > td,
html.theme-dark .list-mobile .media.premiumtop-end,
html.theme-dark .list-mobile .premiumtop-end,
body.theme-dark table.list-pc tr.premiumtop-end > td,
body.theme-dark .list-mobile .media.premiumtop-end,
body.theme-dark .list-mobile .premiumtop-end {
    border-bottom: 2px solid #334155 !important;
}

/* 5. 비제휴 행 다크모드 (PC & Mobile) */
html.theme-dark table.list-pc tr.non_partner > td,
html.theme-dark .list-mobile .non_partner,
html.theme-dark .list-mobile .non_partner div,
body.theme-dark table.list-pc tr.non_partner > td,
body.theme-dark .list-mobile .non_partner,
body.theme-dark .list-mobile .non_partner div {
    background-color: #1a1a20 !important;
}
html.theme-dark table.list-pc tr.non_partner > td .title_area,
html.theme-dark table.list-pc tr.non_partner > td .list_op_head,
html.theme-dark table.list-pc tr.non_partner > .list_name b,
html.theme-dark .list-mobile .non_partner .title_area,
html.theme-dark .list-mobile .non_partner .list_op_head,
html.theme-dark .list-mobile .non_partner .list_name b,
body.theme-dark table.list-pc tr.non_partner > td .title_area,
body.theme-dark table.list-pc tr.non_partner > td .list_op_head,
body.theme-dark table.list-pc tr.non_partner > .list_name b,
body.theme-dark .list-mobile .non_partner .title_area,
body.theme-dark .list-mobile .non_partner .list_op_head,
body.theme-dark .list-mobile .non_partner .list_name b {
    color: #94a3b8 !important;
}

/* 6. 블라인드 안내 버튼 다크모드 */
html.theme-dark .blind-notice-btn,
body.theme-dark .blind-notice-btn {
    background: #2a1810 !important;
    border-color: #9a3412 !important;
    color: #ff8a65 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}
html.theme-dark .blind-notice-btn .blind-notice-icon,
html.theme-dark .blind-notice-btn .blind-notice-arrow,
body.theme-dark .blind-notice-btn .blind-notice-icon,
body.theme-dark .blind-notice-btn .blind-notice-arrow {
    color: #ff8a65 !important;
}
html.theme-dark .blind-notice-btn .blind-count-highlight,
body.theme-dark .blind-notice-btn .blind-count-highlight {
    color: #fdba74 !important;
}
html.theme-dark .blind-notice-btn:hover,
body.theme-dark .blind-notice-btn:hover {
    background: #381f15 !important;
    border-color: #ea580c !important;
    color: #ffedd5 !important;
}
html.theme-dark .blind-notice-btn:hover .blind-notice-icon,
html.theme-dark .blind-notice-btn:hover .blind-notice-arrow,
body.theme-dark .blind-notice-btn:hover .blind-notice-icon,
body.theme-dark .blind-notice-btn:hover .blind-notice-arrow {
    color: #ffedd5 !important;
}
html.theme-dark .blind-notice-btn:hover .blind-count-highlight,
body.theme-dark .blind-notice-btn:hover .blind-count-highlight {
    color: #ffffff !important;
}

/* 7. 제목 링크 베이스 및 업체명 접두사 다크모드 */
html.theme-dark table.list-pc .list-subject a.item-subject,
html.theme-dark .list-mobile .item-subject,
body.theme-dark table.list-pc .list-subject a.item-subject,
body.theme-dark .list-mobile .item-subject {
    color: var(--op-text, #e2e8f0) !important;
}
html.theme-dark .list_op_head,
body.theme-dark .list_op_head {
    color: #93c5fd !important;
}

/* 8. 모바일 목록 항목 테두리 및 배경 다크모드 */
html.theme-dark .list-mobile,
body.theme-dark .list-mobile {
    border-top-color: #272730 !important;
}
html.theme-dark .list-mobile .media,
body.theme-dark .list-mobile .media {
    border-bottom-color: #22222a !important;
    background-color: transparent !important;
}
html.theme-dark .list-mobile .media:hover,
body.theme-dark .list-mobile .media:hover {
    background-color: #1a1a24 !important;
}
html.theme-dark .list-mobile .media.list-notice,
html.theme-dark .list-mobile .media.list-now,
body.theme-dark .list-mobile .media.list-notice,
body.theme-dark .list-mobile .media.list-now {
    background-color: #1a1a22 !important;
}

/* PC 업체 배지 칩 다크모드 (모던 쿨 슬레이트 뉴트럴 톤) */
html.theme-dark table.list-pc .comp-badge-chip-pc,
body.theme-dark table.list-pc .comp-badge-chip-pc {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: none !important;
}
html.theme-dark table.list-pc .comp-badge-chip-pc .comp-region,
body.theme-dark table.list-pc .comp-badge-chip-pc .comp-region {
    color: #94a3b8 !important;
}
html.theme-dark table.list-pc .comp-badge-chip-pc .comp-dot,
body.theme-dark table.list-pc .comp-badge-chip-pc .comp-dot {
    color: #64748b !important;
}
html.theme-dark table.list-pc .comp-badge-chip-pc .comp-name,
body.theme-dark table.list-pc .comp-badge-chip-pc .comp-name {
    color: #f1f5f9 !important;
    text-shadow: none !important;
}
html.theme-dark table.list-pc a.item-subject:hover .comp-badge-chip-pc,
html.theme-dark table.list-pc .comp-badge-chip-pc:hover,
body.theme-dark table.list-pc a.item-subject:hover .comp-badge-chip-pc,
body.theme-dark table.list-pc .comp-badge-chip-pc:hover {
    background: #334155 !important;
    border-color: #475569 !important;
}
html.theme-dark table.list-pc a.item-subject:hover .comp-badge-chip-pc .comp-name,
body.theme-dark table.list-pc a.item-subject:hover .comp-badge-chip-pc .comp-name {
    color: #ffffff !important;
}

/* 프리미엄 탑 업체 상호 칩 다크모드 (.is-top) */
html.theme-dark table.list-pc .comp-badge-chip-pc.is-top,
body.theme-dark table.list-pc .comp-badge-chip-pc.is-top,
html.theme-dark .list-mobile .comp-badge-chip.is-top,
body.theme-dark .list-mobile .comp-badge-chip.is-top {
    background: #2a1d06 !important;
    border-color: #78350f !important;
    border-left-color: #f59e0b !important;
}
html.theme-dark table.list-pc .comp-badge-chip-pc.is-top .comp-region,
body.theme-dark table.list-pc .comp-badge-chip-pc.is-top .comp-region,
html.theme-dark .list-mobile .comp-badge-chip.is-top .comp-badge-region,
body.theme-dark .list-mobile .comp-badge-chip.is-top .comp-badge-region {
    color: #fde047 !important;
}
html.theme-dark table.list-pc .comp-badge-chip-pc.is-top .comp-dot,
body.theme-dark table.list-pc .comp-badge-chip-pc.is-top .comp-dot,
html.theme-dark .list-mobile .comp-badge-chip.is-top .comp-badge-divider,
body.theme-dark .list-mobile .comp-badge-chip.is-top .comp-badge-divider {
    color: #fbbf24 !important;
}
html.theme-dark table.list-pc .comp-badge-chip-pc.is-top .comp-name,
body.theme-dark table.list-pc .comp-badge-chip-pc.is-top .comp-name,
html.theme-dark .list-mobile .comp-badge-chip.is-top .comp-badge-name,
body.theme-dark .list-mobile .comp-badge-chip.is-top .comp-badge-name {
    color: #fef08a !important;
}
html.theme-dark table.list-pc a.item-subject:hover .comp-badge-chip-pc.is-top,
html.theme-dark table.list-pc .comp-badge-chip-pc.is-top:hover,
body.theme-dark table.list-pc a.item-subject:hover .comp-badge-chip-pc.is-top,
body.theme-dark table.list-pc .comp-badge-chip-pc.is-top:hover {
    background: #3b2608 !important;
    border-color: #92400e !important;
    border-left-color: #fbbf24 !important;
}

/* 신규 입점 업체 상호 칩 다크모드 (.is-new) */
html.theme-dark table.list-pc .comp-badge-chip-pc.is-new,
body.theme-dark table.list-pc .comp-badge-chip-pc.is-new,
html.theme-dark .list-mobile .comp-badge-chip.is-new,
body.theme-dark .list-mobile .comp-badge-chip.is-new {
    background: #2e0d15 !important;
    border-color: #881337 !important;
    border-left-color: #f43f5e !important;
}
html.theme-dark table.list-pc .comp-badge-chip-pc.is-new .comp-region,
body.theme-dark table.list-pc .comp-badge-chip-pc.is-new .comp-region,
html.theme-dark .list-mobile .comp-badge-chip.is-new .comp-badge-region,
body.theme-dark .list-mobile .comp-badge-chip.is-new .comp-badge-region {
    color: #fda4af !important;
}
html.theme-dark table.list-pc .comp-badge-chip-pc.is-new .comp-dot,
body.theme-dark table.list-pc .comp-badge-chip-pc.is-new .comp-dot,
html.theme-dark .list-mobile .comp-badge-chip.is-new .comp-badge-divider,
body.theme-dark .list-mobile .comp-badge-chip.is-new .comp-badge-divider {
    color: #fb7185 !important;
}
html.theme-dark table.list-pc .comp-badge-chip-pc.is-new .comp-name,
body.theme-dark table.list-pc .comp-badge-chip-pc.is-new .comp-name,
html.theme-dark .list-mobile .comp-badge-chip.is-new .comp-badge-name,
body.theme-dark .list-mobile .comp-badge-chip.is-new .comp-badge-name {
    color: #fecdd3 !important;
}
html.theme-dark table.list-pc a.item-subject:hover .comp-badge-chip-pc.is-new,
html.theme-dark table.list-pc .comp-badge-chip-pc.is-new:hover,
body.theme-dark table.list-pc a.item-subject:hover .comp-badge-chip-pc.is-new,
body.theme-dark table.list-pc .comp-badge-chip-pc.is-new:hover {
    background: #3b111a !important;
    border-color: #9f1239 !important;
    border-left-color: #fb7185 !important;
}

/* 상호 칩 내부 임베디드 마이크로 NEW 태그 다크모드 */
html.theme-dark .comp-badge-chip-pc .chip-new-tag,
body.theme-dark .comp-badge-chip-pc .chip-new-tag,
html.theme-dark .list-mobile .comp-badge-chip .chip-new-tag,
body.theme-dark .list-mobile .comp-badge-chip .chip-new-tag {
    background: #f43f5e !important;
    color: #ffffff !important;
    box-shadow: 0 1px 3px rgba(244, 63, 94, 0.4) !important;
}
html.theme-dark table.list-pc a.item-subject:hover .comp-badge-chip-pc .chip-new-tag,
body.theme-dark table.list-pc a.item-subject:hover .comp-badge-chip-pc .chip-new-tag,
html.theme-dark .list-mobile .comp-badge-chip:hover .chip-new-tag,
body.theme-dark .list-mobile .comp-badge-chip:hover .chip-new-tag {
    background: #fb7185 !important;
}

/* 쿠폰 제공 업체 상호 칩 다크모드 (.is-coupon) */
html.theme-dark table.list-pc .comp-badge-chip-pc.is-coupon,
body.theme-dark table.list-pc .comp-badge-chip-pc.is-coupon,
html.theme-dark .list-mobile .comp-badge-chip.is-coupon,
body.theme-dark .list-mobile .comp-badge-chip.is-coupon {
    background: #04281f !important;
    border-color: #065f46 !important;
    border-left-color: #10b981 !important;
}
html.theme-dark table.list-pc .comp-badge-chip-pc.is-coupon .comp-region,
body.theme-dark table.list-pc .comp-badge-chip-pc.is-coupon .comp-region,
html.theme-dark .list-mobile .comp-badge-chip.is-coupon .comp-badge-region,
body.theme-dark .list-mobile .comp-badge-chip.is-coupon .comp-badge-region {
    color: #a7f3d0 !important;
}
html.theme-dark table.list-pc .comp-badge-chip-pc.is-coupon .comp-dot,
body.theme-dark table.list-pc .comp-badge-chip-pc.is-coupon .comp-dot,
html.theme-dark .list-mobile .comp-badge-chip.is-coupon .comp-badge-divider,
body.theme-dark .list-mobile .comp-badge-chip.is-coupon .comp-badge-divider {
    color: #34d399 !important;
}
html.theme-dark table.list-pc .comp-badge-chip-pc.is-coupon .comp-name,
body.theme-dark table.list-pc .comp-badge-chip-pc.is-coupon .comp-name,
html.theme-dark .list-mobile .comp-badge-chip.is-coupon .comp-badge-name,
body.theme-dark .list-mobile .comp-badge-chip.is-coupon .comp-badge-name {
    color: #d1fae5 !important;
}
html.theme-dark table.list-pc a.item-subject:hover .comp-badge-chip-pc.is-coupon,
html.theme-dark table.list-pc .comp-badge-chip-pc.is-coupon:hover,
body.theme-dark table.list-pc a.item-subject:hover .comp-badge-chip-pc.is-coupon,
body.theme-dark table.list-pc .comp-badge-chip-pc.is-coupon:hover {
    background: #064e3b !important;
    border-color: #047857 !important;
    border-left-color: #34d399 !important;
}

/* 신규업체 캡슐 뱃지 다크모드 (딥 로즈 서피스) */
html.theme-dark .badge-new,
body.theme-dark .badge-new {
    background: #3b111a !important;
    border-color: #881337 !important;
    color: #fda4af !important;
    box-shadow: none !important;
}
html.theme-dark .badge-new i,
body.theme-dark .badge-new i {
    color: #fb7185 !important;
}
html.theme-dark table.list-pc a.item-subject:hover .badge-new,
body.theme-dark table.list-pc a.item-subject:hover .badge-new {
    background: #4c1120 !important;
    border-color: #9f1239 !important;
    color: #fecdd3 !important;
}

/* 우수/추천업체 캡슐 뱃지 다크모드 (딥 바이올렛 서피스) */
html.theme-dark .badge-medal,
body.theme-dark .badge-medal,
html.theme-dark .badge-recommend,
body.theme-dark .badge-recommend {
    background: #2e1065 !important;
    border-color: #5b21b6 !important;
    color: #c4b5fd !important;
    box-shadow: none !important;
}
html.theme-dark .badge-medal i,
body.theme-dark .badge-medal i,
html.theme-dark .badge-recommend i,
body.theme-dark .badge-recommend i {
    color: #a78bfa !important;
}
html.theme-dark table.list-pc a.item-subject:hover .badge-medal,
body.theme-dark table.list-pc a.item-subject:hover .badge-medal,
html.theme-dark table.list-pc a.item-subject:hover .badge-recommend,
body.theme-dark table.list-pc a.item-subject:hover .badge-recommend {
    background: #3b0764 !important;
    border-color: #6d28d9 !important;
    color: #ede9fe !important;
}

/* 쿠폰 캡슐 뱃지 다크모드 (딥 에메랄드 서피스) */
html.theme-dark .badge-coupon,
body.theme-dark .badge-coupon {
    background: #064e3b !important;
    border: none !important;
    color: #6ee7b7 !important;
    box-shadow: none !important;
}
html.theme-dark .badge-coupon i,
body.theme-dark .badge-coupon i {
    color: #a7f3d0 !important;
}
html.theme-dark table.list-pc a.item-subject:hover .badge-coupon,
body.theme-dark table.list-pc a.item-subject:hover .badge-coupon {
    background: #065f46 !important;
    border-color: #10b981 !important;
    color: #ecfdf5 !important;
}

/* 프리미엄 캡슐 뱃지 다크모드 (딥 앰버 챠콜 서피스) */
html.theme-dark .badge-premium,
body.theme-dark .badge-premium {
    background: #362506 !important;
    border-color: #78350f !important;
    color: #fde047 !important;
    box-shadow: none !important;
}
html.theme-dark .badge-premium i,
body.theme-dark .badge-premium i {
    color: #facc15 !important;
}
html.theme-dark table.list-pc a.item-subject:hover .badge-premium,
body.theme-dark table.list-pc a.item-subject:hover .badge-premium {
    background: #451a03 !important;
    border-color: #b45309 !important;
    color: #fef08a !important;
}

/* 투톤 콤보 뱃지 다크모드 */
html.theme-dark .badge-combo-premium-coupon,
body.theme-dark .badge-combo-premium-coupon {
    border-color: #78350f !important;
    box-shadow: none !important;
}
html.theme-dark .badge-combo-premium-coupon .combo-prem,
body.theme-dark .badge-combo-premium-coupon .combo-prem {
    background: #362506 !important;
    color: #fde047 !important;
    border-right-color: #78350f !important;
}
html.theme-dark .badge-combo-premium-coupon .combo-prem i,
body.theme-dark .badge-combo-premium-coupon .combo-prem i {
    color: #facc15 !important;
}
html.theme-dark .badge-combo-premium-coupon .combo-cpn,
body.theme-dark .badge-combo-premium-coupon .combo-cpn {
    background: #064e3b !important;
    color: #6ee7b7 !important;
}
html.theme-dark .badge-combo-premium-coupon .combo-cpn i,
body.theme-dark .badge-combo-premium-coupon .combo-cpn i {
    color: #a7f3d0 !important;
}
html.theme-dark table.list-pc a.item-subject:hover .badge-combo-premium-coupon .combo-prem,
body.theme-dark table.list-pc a.item-subject:hover .badge-combo-premium-coupon .combo-prem {
    background: #451a03 !important;
}
html.theme-dark table.list-pc a.item-subject:hover .badge-combo-premium-coupon .combo-cpn,
body.theme-dark table.list-pc a.item-subject:hover .badge-combo-premium-coupon .combo-cpn {
    background: #065f46 !important;
}

/* 신규 + 쿠폰 투톤 콤보 다크모드 */
html.theme-dark .badge-combo-new-coupon,
body.theme-dark .badge-combo-new-coupon {
    border-color: #881337 !important;
    box-shadow: none !important;
}
html.theme-dark .badge-combo-new-coupon .combo-new,
body.theme-dark .badge-combo-new-coupon .combo-new {
    background: #3b111a !important;
    color: #fda4af !important;
    border-right-color: #881337 !important;
}
html.theme-dark .badge-combo-new-coupon .combo-new i,
body.theme-dark .badge-combo-new-coupon .combo-new i {
    color: #fb7185 !important;
}
html.theme-dark .badge-combo-new-coupon .combo-cpn,
body.theme-dark .badge-combo-new-coupon .combo-cpn {
    background: #064e3b !important;
    color: #6ee7b7 !important;
}
html.theme-dark .badge-combo-new-coupon .combo-cpn i,
body.theme-dark .badge-combo-new-coupon .combo-cpn i {
    color: #a7f3d0 !important;
}
html.theme-dark table.list-pc a.item-subject:hover .badge-combo-new-coupon .combo-new,
body.theme-dark table.list-pc a.item-subject:hover .badge-combo-new-coupon .combo-new {
    background: #4c1120 !important;
}
html.theme-dark table.list-pc a.item-subject:hover .badge-combo-new-coupon .combo-cpn,
body.theme-dark table.list-pc a.item-subject:hover .badge-combo-new-coupon .combo-cpn {
    background: #065f46 !important;
}

/* 신규업체 행 다크모드 서피스 */
html.theme-dark .table-striped>tbody>tr.new td,
body.theme-dark .table-striped>tbody>tr.new td {
    background: rgba(225, 29, 72, 0.05) !important;
}
html.theme-dark .table-striped>tbody>tr.new:hover td,
body.theme-dark .table-striped>tbody>tr.new:hover td {
    background: rgba(225, 29, 72, 0.1) !important;
}

/* 모바일 업체 배지 칩 & 태그 다크모드 (모던 쿨 슬레이트 뉴트럴 톤) */
html.theme-dark .list-mobile .comp-badge-chip,
body.theme-dark .list-mobile .comp-badge-chip {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: none !important;
}
html.theme-dark .list-mobile .comp-badge-region,
body.theme-dark .list-mobile .comp-badge-region {
    color: #94a3b8 !important;
}
html.theme-dark .list-mobile .comp-badge-divider,
body.theme-dark .list-mobile .comp-badge-divider {
    color: #64748b !important;
}
html.theme-dark .list-mobile .comp-badge-name,
body.theme-dark .list-mobile .comp-badge-name {
    color: #f1f5f9 !important;
    text-shadow: none !important;
}
html.theme-dark .list-mobile .sub_bs,
body.theme-dark .list-mobile .sub_bs {
    background: #9f1239 !important;
    color: #fecdd3 !important;
}

/* 9. 작성자 및 닉네임 다크모드 고대비 보정 (PC & Mobile) */
html.theme-dark td.list_name,
html.theme-dark td.list_name b,
html.theme-dark td.list_name a,
html.theme-dark td.list_name .member,
html.theme-dark td.list_name .guest,
html.theme-dark td.list_name .sv_member,
html.theme-dark td.list_name .sv_guest,
html.theme-dark .list-mobile .partner-author,
html.theme-dark .list-mobile .partner-author b,
html.theme-dark .list-mobile .partner-author a,
html.theme-dark .list-mobile .partner-author .member,
html.theme-dark .list-mobile .partner-author .guest,
html.theme-dark .list-mobile .partner-author .sv_member,
html.theme-dark .list-mobile .partner-author .sv_guest,
html.theme-dark .list-mobile .list-name,
html.theme-dark .list-mobile .list-name b,
html.theme-dark .list-mobile .list-name a,
html.theme-dark .list-mobile .list-name .member,
html.theme-dark .list-mobile .list-name .guest,
html.theme-dark .list-mobile .list-name .sv_member,
html.theme-dark .list-mobile .list-name .sv_guest,
body.theme-dark td.list_name,
body.theme-dark td.list_name b,
body.theme-dark td.list_name a,
body.theme-dark td.list_name .member,
body.theme-dark td.list_name .guest,
body.theme-dark td.list_name .sv_member,
body.theme-dark td.list_name .sv_guest,
body.theme-dark .list-mobile .partner-author,
body.theme-dark .list-mobile .partner-author b,
body.theme-dark .list-mobile .partner-author a,
body.theme-dark .list-mobile .partner-author .member,
body.theme-dark .list-mobile .partner-author .guest,
body.theme-dark .list-mobile .partner-author .sv_member,
body.theme-dark .list-mobile .partner-author .sv_guest,
body.theme-dark .list-mobile .list-name,
body.theme-dark .list-mobile .list-name b,
body.theme-dark .list-mobile .list-name a,
body.theme-dark .list-mobile .list-name .member,
body.theme-dark .list-mobile .list-name .guest,
body.theme-dark .list-mobile .list-name .sv_member,
body.theme-dark .list-mobile .list-name .sv_guest {
    color: #f1f5f9 !important;
}

/* 10. 모바일 댓글 및 조회수 메타 정보 다크모드 톤 조절 */
html.theme-dark .list-mobile .list-meta-left .meta-dot,
html.theme-dark .list-mobile .list-meta-left .partner-date,
html.theme-dark .list-mobile .list-meta-right .list-hit,
body.theme-dark .list-mobile .list-meta-left .meta-dot,
body.theme-dark .list-mobile .list-meta-left .partner-date,
body.theme-dark .list-mobile .list-meta-right .list-hit {
    color: #94a3b8 !important;
}
html.theme-dark .list-mobile .list-meta-right .meta-divider,
body.theme-dark .list-mobile .list-meta-right .meta-divider {
    color: #3e3e4d !important;
}
html.theme-dark .list-mobile .wr-comment i,
body.theme-dark .list-mobile .wr-comment i {
    color: #64748b !important;
}
html.theme-dark .list-mobile .list-hit,
body.theme-dark .list-mobile .list-hit {
    color: #94a3b8 !important;
}

/* 11. PC 목록 작성자/실장명 및 날짜 다크모드 서브 톤 (.th-author, .list_name, .list-date) */
html.theme-dark table.list-pc td.list_name b,
html.theme-dark table.list-pc td.list_name .author-ellipsis,
body.theme-dark table.list-pc td.list_name b,
body.theme-dark table.list-pc td.list_name .author-ellipsis,
html.theme-dark table.list-pc td.list-date,
body.theme-dark table.list-pc td.list-date {
    color: #94a3b8 !important;
}
html.theme-dark table.list-pc td.list_name a:hover,
body.theme-dark table.list-pc td.list_name a:hover,
html.theme-dark table.list-pc td.list_name a:hover .member,
body.theme-dark table.list-pc td.list_name a:hover .member {
    color: #4ade80 !important;
}

/* ==========================================================================
   12. 탐색 도우미 바 (Partner Explorer Bar) & 열람 상태 시스템 (Visited / Updated)
   ========================================================================== */

/* 탐색 도우미 바 컨테이너 */
.partner-explorer-bar {
    margin: 0 0 12px;
    padding: 8px 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-sizing: border-box;
}

.partner-explorer-bar .explorer-bar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 10px;
    min-width: 0;
    width: 100%;
}

/* 트레이 탭 (최근 본 / 관심업소) */
.partner-explorer-bar .explorer-tray-tabs {
    display: inline-flex;
    align-items: center;
    background: #e2e8f0;
    padding: 2.5px;
    border-radius: 8px;
    gap: 2px;
    flex-shrink: 0;
}

.partner-explorer-bar .explorer-tab {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3.5px 9px;
    background: transparent;
    border: none;
    border-radius: 6px;
    font-size: 11.5px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: all 0.15s ease;
    line-height: 1.4;
    white-space: nowrap;
}

.partner-explorer-bar .explorer-tab:hover {
    color: #0f172a;
}

.partner-explorer-bar .explorer-tab.active {
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    font-weight: 700;
}

.partner-explorer-bar .tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    padding: 0 5px;
    height: 16px;
    border-radius: 8px;
    background: #cbd5e1;
    color: #334155;
    line-height: 1;
}

.partner-explorer-bar .explorer-tab.active .tab-count {
    background: #e2e8f0;
    color: #0f172a;
}

/* 관심업소 섹션 및 트랙 */
.partner-explorer-bar .explorer-fav-section {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 0%;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.partner-explorer-bar .explorer-fav-track {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 3px 2px;
    flex: 1 1 auto;
    min-width: 0;
    scroll-behavior: smooth;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

.partner-explorer-bar .explorer-fav-track.is-dragging {
    cursor: grabbing !important;
    scroll-behavior: auto !important;
}

.partner-explorer-bar .explorer-fav-track.is-dragging .recent-chip {
    pointer-events: none;
}

.partner-explorer-bar .explorer-fav-track::-webkit-scrollbar {
    display: none;
}

/* 관심업소 알약 칩 */
.partner-explorer-bar .fav-chip {
    border-color: #fecdd3;
    background: #fff5f5;
    color: #be123c;
}

.partner-explorer-bar .fav-chip:hover {
    border-color: #f43f5e;
    background: #ffe4e6;
    color: #9f1239;
    box-shadow: 0 2px 5px rgba(225, 29, 72, 0.12);
}

/* 최근 본 업체 섹션 */
.partner-explorer-bar .explorer-recent-section {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 0%;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.partner-explorer-bar .explorer-label {
    font-size: 11.5px;
    font-weight: 700;
    color: #64748b;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.partner-explorer-bar .explorer-recent-track {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 3px 2px;
    flex: 1 1 auto;
    min-width: 0;
    scroll-behavior: smooth;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

.partner-explorer-bar .explorer-recent-track.is-dragging {
    cursor: grabbing !important;
    scroll-behavior: auto !important;
}

.partner-explorer-bar .explorer-recent-track.is-dragging .recent-chip {
    pointer-events: none;
}

.partner-explorer-bar .explorer-recent-track::-webkit-scrollbar {
    display: none;
}

/* 빈 목록 안내 문구 */
.partner-explorer-bar .explorer-empty-msg {
    font-size: 11.5px;
    color: #94a3b8;
    white-space: nowrap;
    padding: 2px 6px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* 최근 본 칩 (모던 알약 Pill Chip 캡슐 스타일) */
.partner-explorer-bar .recent-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3.5px 8px 3.5px 10px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    font-size: 11.5px;
    font-weight: 500;
    color: #334155;
    text-decoration: none !important;
    white-space: nowrap;
    flex-shrink: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.partner-explorer-bar .recent-chip:hover {
    color: #0f172a;
    background: #f8fafc;
    border-color: #cbd5e1;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
}

.partner-explorer-bar .recent-chip + .recent-chip::before {
    display: none !important;
}

.partner-explorer-bar .recent-chip .chip-coupon-icon {
    color: #059669;
    font-size: 10px;
}

.partner-explorer-bar .recent-chip.is-updated {
    border-color: #fcd34d;
    background: #fffbeb;
    color: #92400e;
}

.partner-explorer-bar .recent-chip.is-updated::after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #f59e0b;
    border-radius: 50%;
    margin-left: 1px;
}

/* 칩 개별 삭제 ✕ 버튼 */
.partner-explorer-bar .chip-del-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    margin-left: 2px;
    border-radius: 50%;
    color: #94a3b8;
    font-size: 9px;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.partner-explorer-bar .chip-del-btn:hover {
    background-color: #fee2e2;
    color: #ef4444;
}

.partner-explorer-bar .fav-chip .chip-del-btn {
    color: #fb7185;
}

.partner-explorer-bar .fav-chip .chip-del-btn:hover {
    background-color: #fecdd3;
    color: #e11d48;
}

/* 탐색 컨트롤 버튼 섹션 */
.partner-explorer-bar .explorer-controls-section {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    margin-left: auto;
    white-space: nowrap;
}

.partner-explorer-bar .explorer-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    font-size: 11.5px;
    font-weight: 600;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #475569;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    line-height: 1.4;
}

.partner-explorer-bar .explorer-btn:hover {
    background: #f1f5f9;
    color: #0f172a;
    border-color: #94a3b8;
}

.partner-explorer-bar .explorer-btn.active {
    background: var(--op-primary, #3dbf62) !important;
    border-color: var(--op-primary, #3dbf62) !important;
    color: #ffffff !important;
    box-shadow: 0 1px 3px rgba(61, 191, 98, 0.3);
}

/* 전체삭제 버튼 */
.partner-explorer-bar .explorer-btn-clear {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3.5px 8px;
    background: transparent;
    border: 1px dashed #cbd5e1;
    border-radius: 6px;
    color: #64748b;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
    flex-shrink: 0;
    transition: all 0.15s ease;
    line-height: 1.4;
}

.partner-explorer-bar .explorer-btn-clear:hover {
    background: #fee2e2;
    border-color: #fca5a5;
    border-style: solid;
    color: #dc2626;
}

/* ==========================================================================
   반응형 모바일 상하 2단 분리형 (1열: 탭+필터, 2열: 100% 가로 스와이프 칩)
   ========================================================================== */
@media (max-width: 768px) {
    .partner-explorer-bar {
        padding: 8px 10px;
        margin-bottom: 10px;
        border-radius: 8px;
    }

    .partner-explorer-bar .explorer-bar-inner {
        display: grid;
        grid-template-columns: auto 1fr auto;
        grid-template-areas:
            "tabs . controls"
            "content content content";
        row-gap: 8px;
        column-gap: 6px;
        align-items: center;
    }

    .partner-explorer-bar .explorer-tray-tabs {
        grid-area: tabs;
    }

    .partner-explorer-bar .explorer-controls-section {
        grid-area: controls;
        margin-left: 0;
        gap: 5px;
    }

    .partner-explorer-bar .explorer-recent-section,
    .partner-explorer-bar .explorer-fav-section {
        grid-area: content;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding-top: 4px;
        border-top: 1px solid #f1f5f9;
        /* Scroll Affordance: 우측 끝에 은은한 페이드 힌트 */
        -webkit-mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - 24px), transparent 100%);
        mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - 24px), transparent 100%);
    }

    .partner-explorer-bar .explorer-tab {
        padding: 3.5px 7px;
        font-size: 11px;
        gap: 3px;
    }

    .partner-explorer-bar .explorer-btn {
        padding: 3.5px 7px;
        font-size: 11px;
    }

    .partner-explorer-bar .explorer-btn-clear {
        padding: 3px 6px;
        font-size: 10.5px;
    }

    .partner-explorer-bar .recent-chip {
        padding: 3.5px 7px 3.5px 9px;
        font-size: 11px;
        border-radius: 13px;
    }
}


/* 열람 완료 (✓ 봄) 스타일 */
tr.is-visited-partner .subject-title,
.list-mobile .list-item.is-visited-partner .subject-title {
    opacity: 0.62;
    transition: opacity 0.15s ease;
}

tr.is-visited-partner:hover .subject-title,
.list-mobile .list-item.is-visited-partner:hover .subject-title {
    opacity: 0.95;
}

.partner-visited-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    background: #e2e8f0;
    color: #64748b;
    border-radius: 50%;
    font-size: 8.5px;
    margin-left: 4px;
    vertical-align: middle;
    flex-shrink: 0;
}

/* 업데이트됨 (🔄 새 내용) 스타일: [안 1] 초소형 17px 아이콘 미니 캡슐 */
tr.is-updated-partner .subject-title,
.list-mobile .list-item.is-updated-partner .subject-title {
    opacity: 1 !important;
    font-weight: 600;
}

.partner-update-tag {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 15px !important;
    height: 15px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    background: #10b981 !important;
    border: 1.5px solid #ffffff !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    line-height: 1 !important;
    margin: 0 !important;
    box-shadow: 0 1px 3px rgba(16, 185, 129, 0.45) !important;
    transition: transform 0.2s ease, background 0.15s ease !important;
    animation: opPulseSoft 2.5s infinite ease-in-out;
    pointer-events: auto;
}

.partner-update-tag i {
    font-size: 7.5px !important;
    color: #ffffff !important;
    line-height: 1 !important;
}

.partner-update-tag:hover {
    background: #059669 !important;
    transform: scale(1.2) rotate(45deg);
}

@keyframes opPulseSoft {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.75; }
}

/* 다크모드 대응 */
html.theme-dark .partner-explorer-bar,
body.theme-dark .partner-explorer-bar {
    background: #18181d !important;
    border-color: #272730 !important;
}

html.theme-dark .partner-explorer-bar .explorer-label,
body.theme-dark .partner-explorer-bar .explorer-label {
    color: #94a3b8 !important;
}

html.theme-dark .partner-explorer-bar .recent-chip,
body.theme-dark .partner-explorer-bar .recent-chip {
    background: #242432 !important;
    border: 1px solid #373748 !important;
    color: #cbd5e1 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

html.theme-dark .partner-explorer-bar .recent-chip:hover,
body.theme-dark .partner-explorer-bar .recent-chip:hover {
    background: #2c2c3e !important;
    border-color: #4b4b60 !important;
    color: #ffffff !important;
}

html.theme-dark .partner-explorer-bar .recent-chip + .recent-chip::before,
body.theme-dark .partner-explorer-bar .recent-chip + .recent-chip::before {
    display: none !important;
}

html.theme-dark .partner-explorer-bar .recent-chip.is-updated,
body.theme-dark .partner-explorer-bar .recent-chip.is-updated {
    background: #2a2315 !important;
    border-color: #d97706 !important;
    color: #fde047 !important;
}

html.theme-dark .partner-explorer-bar .chip-del-btn,
body.theme-dark .partner-explorer-bar .chip-del-btn {
    color: #64748b !important;
}

html.theme-dark .partner-explorer-bar .chip-del-btn:hover,
body.theme-dark .partner-explorer-bar .chip-del-btn:hover {
    background: #451a1a !important;
    color: #f87171 !important;
}

html.theme-dark .partner-explorer-bar .explorer-btn-clear,
body.theme-dark .partner-explorer-bar .explorer-btn-clear {
    border-color: #3f3f50 !important;
    color: #94a3b8 !important;
}

html.theme-dark .partner-explorer-bar .explorer-btn-clear:hover,
body.theme-dark .partner-explorer-bar .explorer-btn-clear:hover {
    background: #451a1a !important;
    border-color: #7f1d1d !important;
    color: #f87171 !important;
}

@media (max-width: 768px) {
    html.theme-dark .partner-explorer-bar .explorer-recent-section,
    html.theme-dark .partner-explorer-bar .explorer-fav-section,
    body.theme-dark .partner-explorer-bar .explorer-recent-section,
    body.theme-dark .partner-explorer-bar .explorer-fav-section {
        border-top-color: #282836 !important;
    }
}

html.theme-dark .partner-explorer-bar .explorer-btn,
body.theme-dark .partner-explorer-bar .explorer-btn {
    background: #1f1f27 !important;
    border-color: #333340 !important;
    color: #cbd5e1 !important;
}

html.theme-dark .partner-explorer-bar .explorer-btn:hover,
body.theme-dark .partner-explorer-bar .explorer-btn:hover {
    background: #282834 !important;
    border-color: #4b4b5c !important;
    color: #ffffff !important;
}

html.theme-dark .partner-visited-tag,
body.theme-dark .partner-visited-tag {
    background: #333340 !important;
    color: #94a3b8 !important;
}

html.theme-dark .partner-update-tag,
body.theme-dark .partner-update-tag {
    background: #059669 !important;
    border-color: #1e293b !important;
    color: #ffffff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
}

html.theme-dark .partner-update-tag i,
body.theme-dark .partner-update-tag i {
    color: #ffffff !important;
}

/* 미열람 필터 전체 열람 완료 안내 (Empty State) */
.partner-all-viewed-cell {
    padding: 32px 16px !important;
    background: #f8fafc;
}

.partner-all-viewed-card {
    margin: 16px 8px;
    padding: 24px 16px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    text-align: center;
}

.all-viewed-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.all-viewed-icon {
    font-size: 28px;
    line-height: 1;
}

.all-viewed-msg {
    font-size: 13.5px;
    font-weight: 700;
    color: #334155;
    letter-spacing: -0.02em;
}

.btn-reset-unviewed {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 16px;
    background: var(--op-primary, #3dbf62);
    color: #ffffff !important;
    font-size: 12.5px;
    font-weight: 700;
    border-radius: 16px;
    border: none;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(61, 191, 98, 0.25);
    transition: all 0.15s ease;
}

.btn-reset-unviewed:hover {
    background: #32a853;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(61, 191, 98, 0.35);
}


/* 플로팅 토스트 알림 */
.op-fav-toast {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: rgba(15, 23, 42, 0.92);
    color: #ffffff;
    padding: 10px 18px;
    border-radius: 24px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    z-index: 99999;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.op-fav-toast.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.op-fav-toast i {
    font-size: 14px;
}

html.theme-dark .partner-all-viewed-cell,
body.theme-dark .partner-all-viewed-cell {
    background: #18181d !important;
}

html.theme-dark .partner-all-viewed-card,
body.theme-dark .partner-all-viewed-card {
    background: #18181d !important;
    border-color: #333340 !important;
}

html.theme-dark .all-viewed-msg,
body.theme-dark .all-viewed-msg {
    color: #e2e8f0 !important;
}

/* 탐색바 다크모드 페어링 (트레이 탭 & 관심업소 칩) */
html.theme-dark .partner-explorer-bar .explorer-tray-tabs,
body.theme-dark .partner-explorer-bar .explorer-tray-tabs {
    background: #252530;
}

html.theme-dark .partner-explorer-bar .explorer-tab,
body.theme-dark .partner-explorer-bar .explorer-tab {
    color: #94a3b8;
}

html.theme-dark .partner-explorer-bar .explorer-tab:hover,
body.theme-dark .partner-explorer-bar .explorer-tab:hover {
    color: #f1f5f9;
}

html.theme-dark .partner-explorer-bar .explorer-tab.active,
body.theme-dark .partner-explorer-bar .explorer-tab.active {
    background: #18181d;
    color: #f1f5f9;
}

html.theme-dark .partner-explorer-bar .tab-count,
body.theme-dark .partner-explorer-bar .tab-count {
    background: #333340;
    color: #cbd5e1;
}

html.theme-dark .partner-explorer-bar .fav-chip,
body.theme-dark .partner-explorer-bar .fav-chip {
    background: #2b1419 !important;
    border-color: #4c1d24 !important;
    color: #fca5a5 !important;
}

html.theme-dark .partner-explorer-bar .fav-chip:hover,
body.theme-dark .partner-explorer-bar .fav-chip:hover {
    background: #3b1820 !important;
    border-color: #f43f5e !important;
    color: #ffffff !important;
}

html.theme-dark .partner-explorer-bar .fav-chip .chip-del-btn,
body.theme-dark .partner-explorer-bar .fav-chip .chip-del-btn {
    color: #fb7185 !important;
}

html.theme-dark .partner-explorer-bar .fav-chip .chip-del-btn:hover,
body.theme-dark .partner-explorer-bar .fav-chip .chip-del-btn:hover {
    background: #501d28 !important;
    color: #fecdd3 !important;
}

html.theme-dark .op-fav-toast,
body.theme-dark .op-fav-toast {
    background: rgba(30, 41, 59, 0.95);
    border: 1px solid #334155;
    color: #f8fafc;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5);
}

html.theme-dark .partner-explorer-bar .explorer-empty-msg,
body.theme-dark .partner-explorer-bar .explorer-empty-msg {
    color: #64748b;
}