/* Neobrutalism top nav icon hover finish 202607032125 */
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle {
    cursor: pointer !important;
    transform: translate(0, 0) !important;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, color .12s ease, border-color .12s ease !important;
}
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn:hover,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link:hover,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link:hover,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle:hover {
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    border-color: var(--neo-ink, #151515) !important;
    transform: translate(-2px, -2px) !important;
    box-shadow: 6px 6px 0 var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn:hover .ph-bold,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link:hover .ph-bold,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link:hover .ph-bold,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle:hover .ph-bold {
    color: var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn:active,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link:active,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link:active,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle:active {
    transform: translate(3px, 3px) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn:hover,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link:hover,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link:hover,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle:hover {
    background: var(--neo-surface-soft, #1D232D) !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn:hover .ph-bold,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link:hover .ph-bold,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link:hover .ph-bold,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle:hover .ph-bold {
    color: #E5E7EB !important;
}


/* Neobrutalism primary nav hover clip guard 202607032126 */
html.neo-theme-active body:not(.cke_editable) .m-nav,
html.neo-theme-active body:not(.cke_editable) .m-nav-row,
html.neo-theme-active body:not(.cke_editable) .m-nav-row-inner,
html.neo-theme-active body:not(.cke_editable) .m-nav-primary {
    overflow-y: visible !important;
}
html.neo-theme-active body:not(.cke_editable) .m-nav-row-links .m-nav-row-inner,
html.neo-theme-active body:not(.cke_editable) .m-nav-primary {
    padding-left: max(18px, env(safe-area-inset-left)) !important;
    padding-right: max(18px, env(safe-area-inset-right)) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-link:first-child,
html.neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-item:first-child > .m-nav-link {
    margin-left: 4px !important;
}
html.neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-link:first-child:hover,
html.neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-item:first-child > .m-nav-link:hover {
    transform: translate(-1px, -2px) !important;
}
@media (max-width: 760px) {
    html.neo-theme-active body:not(.cke_editable) .m-nav-row-links .m-nav-row-inner,
    html.neo-theme-active body:not(.cke_editable) .m-nav-primary {
        padding-left: max(14px, env(safe-area-inset-left)) !important;
        padding-right: max(14px, env(safe-area-inset-right)) !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-link:first-child,
    html.neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-item:first-child > .m-nav-link {
        margin-left: 3px !important;
    }
}
/* 2-row 헤더 — row 1: 브랜드+검색+액션, row 2: 메뉴 링크 */
.m-nav { background: var(--m-bg); border-bottom: 1px solid var(--m-border); }
.m-nav-row-inner {
    display: flex; align-items: center; gap: 16px;
    width: 100%; min-width: 0;
    padding: 12px 20px; max-width: var(--m-max-7xl); margin: 0 auto;
}
.m-nav-row-top { border-bottom: 1px solid var(--m-border); }
.m-nav-row-links { background: var(--m-surface); }
.m-brand {
    flex-shrink: 1;
    min-width: 0;
    max-width: 42vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

.m-nav-primary {
    flex-wrap: wrap; gap: 2px;
    padding: 6px 20px;
}
.m-nav-link {
    padding: 7px 12px; border-radius: var(--m-radius);
    font-size: var(--m-text-base); font-weight: 500;
    color: var(--m-text-soft); text-decoration: none;
    transition: background 0.15s, color 0.15s;
}
.m-nav-link:hover { background: var(--m-surface-2); color: var(--m-text); }
.m-nav-link.is-active { background: var(--m-primary-soft); color: var(--m-primary); }

/* g5_menu 1차 항목 + 하위 드롭다운 */
.m-nav-item { position: relative; }
.m-nav-link { display: inline-flex; align-items: center; gap: 4px; }
.m-nav-chev { color: var(--m-text-faint); transition: transform 0.15s; }
.m-nav-item.has-sub:hover .m-nav-chev { transform: rotate(180deg); color: var(--m-primary); }
.m-nav-sub {
    position: absolute; top: calc(100% + 4px); left: 0;
    min-width: 180px; padding: 6px;
    background: var(--m-surface);
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius);
    box-shadow: var(--m-shadow-md);
    display: none; z-index: 200;
}
.m-nav-item.has-sub:hover .m-nav-sub,
.m-nav-item.has-sub:focus-within .m-nav-sub { display: block; }
.m-nav-sub-link {
    display: block;
    padding: 8px 12px; border-radius: var(--m-radius-sm);
    font-size: var(--m-text-sm); color: var(--m-text-soft);
    text-decoration: none; white-space: nowrap;
    transition: background 0.15s, color 0.15s;
}
.m-nav-sub-link:hover { background: var(--m-primary-soft); color: var(--m-primary); }

/* 커뮤니티 / 쇼핑몰 segment 토글 */
.m-nav-segment {
    display: inline-flex; padding: 3px;
    background: var(--m-surface-2); border: 1px solid var(--m-border);
    border-radius: var(--m-radius); flex-shrink: 0;
}
.m-nav-segment-item {
    padding: 5px 12px; border-radius: var(--m-radius-sm);
    font-size: var(--m-text-sm); font-weight: 500;
    color: var(--m-text-soft); text-decoration: none;
    transition: background 0.15s, color 0.15s;
}
.m-nav-segment-item.is-active {
    /* primary tint 로 통일 — dark 에서 surface 가 surface-2 보다 어두워 invert 되는 문제 회피 */
    background: var(--m-primary-soft); color: var(--m-primary);
    box-shadow: var(--m-shadow);
}

.m-nav-spacer { flex: 1; min-width: 0; }

.m-nav-search-icon-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 36px; height: 36px; flex-shrink: 0;
    background: transparent; border: 1px solid var(--m-border);
    border-radius: var(--m-radius); color: var(--m-text-soft);
    text-decoration: none;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.m-nav-search-icon-btn:hover {
    background: var(--m-surface-2);
    color: var(--m-primary);
    border-color: var(--m-primary);
}

.m-nav-utility {
    display: inline-flex; align-items: center; gap: 2px;
    flex-shrink: 0;
}
.m-nav-utility-link {
    padding: 6px 10px; border-radius: var(--m-radius);
    font-size: var(--m-text-base); font-weight: 500;
    color: var(--m-text-soft); text-decoration: none;
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
}
.m-nav-utility-link:hover { background: var(--m-surface-2); color: var(--m-text); }
.m-nav-utility-link.is-active { color: var(--m-primary); }

/* 장바구니 아이콘 (top nav) — badge 포함, shop 진입 여부와 무관하게 노출 */
.m-nav-cart-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px; height: 36px;
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius);
    color: var(--m-text-soft);
    background: transparent;
    text-decoration: none;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.m-nav-cart-link:hover {
    background: var(--m-surface-2);
    color: var(--m-text);
    border-color: var(--m-border-hover);
}
.m-nav-cart-link svg { display: block; }
.m-nav-cart-badge {
    position: absolute;
    top: -6px; right: -6px;
    min-width: 18px; height: 18px;
    padding: 0 5px;
    background: var(--m-primary);
    color: #fff;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    box-sizing: border-box;
}

.m-nav-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }

.m-nav-mobile-toggle {
    display: none;
    width: 36px; height: 36px; padding: 0;
    background: transparent; border: 1px solid var(--m-border);
    border-radius: var(--m-radius); color: var(--m-text-soft);
    cursor: pointer;
    align-items: center; justify-content: center;
}

@media (max-width: 880px) {
    .m-nav-row-links { display: none; }   /* row 2 메뉴는 햄버거 드로어가 흡수 */
    .m-nav-segment { display: none; }     /* 커뮤니티/쇼핑몰 토글도 드로어로 */
    .m-nav-utility { display: none; }     /* FAQ/Q&A/새글/접속자 도 드로어로 */
    .m-nav-search-icon-btn { margin-left: auto; }
    .m-nav-actions { display: none; }  /* 로그인/회원가입 버튼은 드로어로 흡수, 다크모드 토글은 우하단 .m-float-actions 로 이동 */
    .m-nav-mobile-toggle { display: inline-flex; }
    /* 사이드바(outlogin) 도 모바일에선 숨김 — 동일 정보를 드로어가 노출 */
    .m-side-col { display: none !important; }
}

@media (max-width: 560px) {
    .m-nav-row-inner { gap: 10px; padding: 12px 14px; }
    .m-brand { max-width: calc(100vw - 128px); }
    .m-nav-cart-link { display: none; }
}

/* 모바일 드로어 — 우측 슬라이드 인 패널 */
.m-nav-drawer {
    position: fixed; inset: 0; z-index: 10000;
}
.m-nav-drawer-backdrop {
    position: absolute; inset: 0;
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(2px);
    animation: m-nav-fade-in 0.2s ease-out;
}
.m-nav-drawer-panel {
    position: absolute; top: 0; right: 0; bottom: 0;
    width: min(320px, 85vw);
    background: var(--m-bg);
    border-left: 1px solid var(--m-border);
    overflow-y: auto;
    display: flex; flex-direction: column;
    animation: m-nav-slide-in 0.22s ease-out;
}
@keyframes m-nav-fade-in { from { opacity: 0 } to { opacity: 1 } }
@keyframes m-nav-slide-in { from { transform: translateX(100%) } to { transform: translateX(0) } }

.m-nav-drawer-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid var(--m-border);
}
.m-nav-drawer-title { font-size: var(--m-text-base); font-weight: 600; color: var(--m-text-soft); }
.m-nav-drawer-close {
    display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px;
    background: transparent; border: 1px solid var(--m-border);
    border-radius: var(--m-radius); color: var(--m-text-soft);
    cursor: pointer;
}
.m-nav-drawer-close:hover { background: var(--m-surface-2); color: var(--m-text); }

.m-nav-drawer-me {
    padding: 16px;
    border-bottom: 1px solid var(--m-border);
    background: var(--m-surface);
}
.m-nav-drawer-me-row { display: flex; align-items: center; gap: 12px; }
.m-nav-drawer-avatar {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; flex-shrink: 0;
    border-radius: 50%;
    background: var(--m-primary); color: #fff;
    font-size: var(--m-text-md); font-weight: 700;
}
.m-nav-drawer-me-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.m-nav-drawer-nick { font-size: var(--m-text-md); font-weight: 600; color: var(--m-text); }
.m-nav-drawer-edit { font-size: var(--m-text-xs); color: var(--m-text-muted); text-decoration: none; }
.m-nav-drawer-edit:hover { color: var(--m-primary); }

.m-nav-drawer-stats {
    list-style: none; margin: 12px 0 0; padding: 0;
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;
}
.m-nav-drawer-stats a {
    display: flex; flex-direction: column; align-items: center; gap: 2px;
    padding: 8px 4px; border-radius: var(--m-radius);
    background: var(--m-surface-2); border: 1px solid var(--m-border);
    text-decoration: none;
}
.m-nav-drawer-stats a:hover { border-color: var(--m-primary); }
.m-nav-drawer-stat-label { font-size: var(--m-text-xs); color: var(--m-text-muted); }
.m-nav-drawer-stat-value { font-size: var(--m-text-md); font-weight: 700; color: var(--m-text); font-feature-settings: "tnum"; }

.m-nav-drawer-links {
    display: flex; flex-direction: column;
    padding: 8px 8px;
    flex: 1; min-height: 0;
}
.m-nav-drawer-link {
    padding: 12px 12px; border-radius: var(--m-radius);
    font-size: var(--m-text-md); font-weight: 500;
    color: var(--m-text-soft); text-decoration: none;
}
.m-nav-drawer-link:hover { background: var(--m-surface-2); color: var(--m-text); }
.m-nav-drawer-link.is-active { background: var(--m-primary-soft); color: var(--m-primary); }
.m-nav-drawer-sublink { padding-left: 28px !important; font-size: var(--m-text-sm) !important; }

/* 드로어 안 segment 토글 */
.m-nav-drawer-segment {
    display: flex; gap: 4px; padding: 3px;
    margin: 12px 12px 0;
    background: var(--m-surface-2); border: 1px solid var(--m-border);
    border-radius: var(--m-radius);
}
.m-nav-drawer-segment-item {
    flex: 1; text-align: center;
    padding: 7px 10px; border-radius: var(--m-radius-sm);
    font-size: var(--m-text-sm); font-weight: 500;
    color: var(--m-text-soft); text-decoration: none;
}
.m-nav-drawer-segment-item.is-active {
    background: var(--m-primary-soft); color: var(--m-primary);
    box-shadow: var(--m-shadow);
}

.m-nav-drawer-shop {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 12px;
    border-bottom: 1px solid var(--m-border);
}
.m-nav-drawer-shop-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius);
    background: var(--m-surface);
    color: var(--m-text-soft);
    font-size: var(--m-text-sm);
    font-weight: 600;
    text-decoration: none;
}
.m-nav-drawer-shop-link:hover,
.m-nav-drawer-shop-link.is-active {
    border-color: var(--m-primary);
    background: var(--m-primary-soft);
    color: var(--m-primary);
}
.m-nav-drawer-shop-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--m-primary);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}

.m-nav-drawer-actions {
    display: flex; flex-direction: column; gap: 6px;
    padding: 12px 16px 18px;
    border-top: 1px solid var(--m-border);
}
.m-nav-drawer-actions .m-btn { width: 100%; }
/* Neobrutalism nav final pass: this is intentionally after the modern nav CSS. */
.m-nav {
    background: #fff !important;
    border-bottom: 3px solid var(--neo-ink, #151515) !important;
    box-shadow: 0 5px 0 rgba(21,21,21,.1) !important;
}
.m-nav-row-top {
    border-bottom: 2px solid #ebe7df !important;
}
.m-nav-row-links {
    background: #fff !important;
    border-bottom: 0 !important;
}
.m-brand {
    min-height: 44px !important;
    padding: 0 18px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 6px 6px 0 var(--neo-ink, #151515) !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}
.m-nav-search-icon-btn,
.m-nav-cart-link,
.m-nav-mobile-toggle,
.m-nav-drawer-close {
    width: 46px !important;
    height: 46px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 4px 4px 0 var(--neo-ink, #151515) !important;
}
.m-nav-search-icon-btn:hover,
.m-nav-cart-link:hover,
.m-nav-mobile-toggle:hover,
.m-nav-drawer-close:hover {
    transform: translate(2px, 2px);
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
}
.m-nav-search-icon-btn svg,
.m-nav-cart-link svg,
.m-nav-mobile-toggle svg,
.m-nav-drawer-close svg {
    width: 21px !important;
    height: 21px !important;
    stroke-width: 2.8 !important;
}
.m-nav-utility-link,
.m-nav-link,
.m-nav-sub-link,
.m-nav-drawer-link {
    color: var(--neo-ink, #151515) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
}
.m-nav-link {
    min-height: 36px !important;
    padding: 8px 13px !important;
    border: 2px solid transparent !important;
    border-radius: 12px !important;
}
.m-nav-link:hover,
.m-nav-link.is-active {
    border-color: var(--neo-ink, #151515) !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
}
.m-nav-utility-link {
    padding: 9px 12px !important;
    border: 2px solid transparent !important;
    border-radius: 12px !important;
}
.m-nav-utility-link:hover,
.m-nav-utility-link.is-active {
    border-color: var(--neo-ink, #151515) !important;
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
}
.m-nav-actions .m-btn,
.m-nav-drawer-actions .m-btn {
    min-height: 46px !important;
    padding: 0 18px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 5px 5px 0 var(--neo-ink, #151515) !important;
    font-weight: 950 !important;
}
.m-nav-actions .m-btn-secondary,
.m-nav-drawer-actions .m-btn:not(.m-btn-ghost) {
    background: var(--neo-blue, #5fb8ff) !important;
}
.m-nav-actions .m-btn.m-btn-login,
.m-nav-drawer-actions .m-btn.m-btn-login {
    background: var(--neo-yellow, #ffe65a) !important;
    color: var(--neo-ink, #151515) !important;
    border-color: var(--neo-ink, #151515) !important;
}
.m-nav-actions .m-btn:hover,
.m-nav-drawer-actions .m-btn:hover {
    transform: translate(2px, 2px);
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
}
.m-nav-sub,
.m-nav-drawer-panel {
    border: 3px solid var(--neo-ink, #151515) !important;
    background: #fff9ed !important;
    box-shadow: 7px 7px 0 var(--neo-ink, #151515) !important;
}

/* Neobrutalism nav/drawer polish 202607021096 */
.m-nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 30000 !important;
    overflow: visible !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    isolation: isolate !important;
}
.m-nav::before,
.m-nav::after,
.m-nav-row-links::before,
.m-nav-row-links::after,
.m-nav-primary::before,
.m-nav-primary::after {
    content: none !important;
    display: none !important;
}
.m-nav-row-top {
    border-bottom: 3px solid var(--neo-ink, #151515) !important;
    box-shadow: none !important;
}
.m-nav-row-links {
    border-bottom: 0 !important;
    box-shadow: 0 4px 0 var(--neo-ink, #151515) !important;
    overflow: visible !important;
}
.m-nav-primary {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding-top: 12px !important;
    padding-bottom: 14px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
}
.m-nav-primary::-webkit-scrollbar { display: none !important; }
.m-nav-primary > .m-nav-link,
.m-nav-primary > .m-nav-item > .m-nav-link {
    --neo-menu-bg: #fff !important;
    min-height: 46px !important;
    padding: 0 18px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 16px !important;
    background: var(--neo-menu-bg-custom, var(--neo-menu-bg)) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 5px 5px 0 var(--neo-ink, #151515) !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
.m-nav-primary > .m-nav-link:nth-child(1) { --neo-menu-bg: var(--neo-yellow, #ffe45e) !important; }
.m-nav-primary > .m-nav-item:nth-of-type(1) > .m-nav-link { --neo-menu-bg: var(--neo-green, #82e97f) !important; }
.m-nav-primary > .m-nav-item:nth-of-type(2) > .m-nav-link { --neo-menu-bg: var(--neo-blue, #5fb8ff) !important; }
.m-nav-primary > .m-nav-item:nth-of-type(3) > .m-nav-link { --neo-menu-bg: var(--neo-pink, #ff7ab6) !important; }
.m-nav-primary > .m-nav-item:nth-of-type(4) > .m-nav-link { --neo-menu-bg: #c7a4ff !important; }
.m-nav-primary > .m-nav-link:hover,
.m-nav-primary > .m-nav-link.is-active,
.m-nav-primary > .m-nav-item > .m-nav-link:hover,
.m-nav-primary > .m-nav-item > .m-nav-link.is-active {
    transform: translate(2px, 2px) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    background: var(--neo-menu-bg-custom, var(--neo-yellow, #ffe45e)) !important;
}
.m-nav-drawer {
    z-index: 100000 !important;
    background: rgba(21, 21, 21, .58) !important;
    backdrop-filter: blur(3px) !important;
}
.m-nav-drawer-panel {
    position: fixed !important;
    top: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    width: min(420px, calc(100vw - 16px)) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 16px) !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    z-index: 100001 !important;
}
.m-nav-drawer-close {
    z-index: 3 !important;
}
@media (max-width: 1180px) {
    .m-with-sidebar { grid-template-columns: 1fr !important; }
    .m-side-col { display: none !important; }
}

@media (max-width: 560px) {
    .m-brand { font-size: 16px !important; min-height: 40px !important; box-shadow: 4px 4px 0 var(--neo-ink, #151515) !important; }
    .m-nav-search-icon-btn, .m-nav-cart-link, .m-nav-mobile-toggle { width: 42px !important; height: 42px !important; }
}

/* Neobrutalism nav/drawer hard fix 202607021098 */
html body:not(.cke_editable) .m-nav {
    overflow: visible !important;
    contain: none !important;
}
html body:not(.cke_editable) .m-nav-row-links {
    border-top: 0 !important;
    border-bottom: 4px solid var(--neo-ink, #151515) !important;
    box-shadow: none !important;
}
html body:not(.cke_editable) .m-nav-primary {
    border-bottom: 0 !important;
    box-shadow: none !important;
}
html body:not(.cke_editable) .m-nav-drawer,
html body:not(.cke_editable) body > .m-nav-drawer {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    z-index: 2147483000 !important;
    overflow: hidden !important;
    background: rgba(21, 21, 21, .62) !important;
    backdrop-filter: blur(3px) !important;
    isolation: isolate !important;
}
html body:not(.cke_editable) .m-nav-drawer[hidden] {
    display: none !important;
}
html body:not(.cke_editable) .m-nav-drawer-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1 !important;
}
html body:not(.cke_editable) .m-nav-drawer-panel {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: min(460px, 100vw) !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    border-width: 0 0 0 5px !important;
    border-radius: 0 !important;
    background: var(--neo-paper, #fff9ed) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: -10px 0 0 var(--neo-ink, #151515) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    z-index: 2 !important;
    transform: translateX(0) !important;
}
html body:not(.cke_editable) .m-nav-drawer-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 4 !important;
    background: var(--neo-paper, #fff9ed) !important;
    border-bottom: 4px solid var(--neo-ink, #151515) !important;
}
html body:not(.cke_editable) .m-nav-drawer-close {
    position: relative !important;
    z-index: 5 !important;
}
html body:not(.cke_editable).m-nav-drawer-open,
html body:not(.cke_editable) body.m-nav-drawer-open {
    overflow: hidden !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-nav-row-links {
    border-bottom-color: #2A313C !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-panel,
html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-head {
    background: #161A22 !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
    box-shadow: none !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-link,
html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-title,
html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-nick,
html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-stat-label,
html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-stat-value {
    color: #E5E7EB !important;
}
@media (max-width: 560px) {
    html body:not(.cke_editable) .m-nav-drawer-panel {
        width: 100vw !important;
        border-left-width: 0 !important;
        box-shadow: none !important;
    }
}



/* Neobrutalism configurable menu colors/icons 202607022135 */
.m-nav-primary > .m-nav-link,
.m-nav-primary > .m-nav-item > .m-nav-link {
    background: var(--neo-menu-bg-custom, var(--neo-menu-bg, #fff)) !important;
}
.m-nav-primary > .m-nav-link:hover,
.m-nav-primary > .m-nav-link.is-active,
.m-nav-primary > .m-nav-item > .m-nav-link:hover,
.m-nav-primary > .m-nav-item > .m-nav-link.is-active {
    background: var(--neo-menu-bg-custom, var(--neo-yellow, #ffe45e)) !important;
}
.m-nav-menu-icon {
    margin-right: 6px !important;
    font-size: 21px !important;
    line-height: 1 !important;
    color: currentColor !important;
}
.m-nav-sub-link .m-nav-menu-icon,
.m-nav-drawer-link .m-nav-menu-icon {
    margin-right: 8px !important;
    font-size: 18px !important;
}
.m-nav-drawer-link[style*="--neo-menu-bg-custom"] {
    margin: 5px 4px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 16px !important;
    background: var(--neo-menu-bg-custom) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 4px 4px 0 var(--neo-ink, #151515) !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-nav-primary > .m-nav-link,
html[data-theme="dark"] body:not(.cke_editable) .m-nav-primary > .m-nav-item > .m-nav-link,
html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-link[style*="--neo-menu-bg-custom"] {
    color: #E5E7EB !important;
}

/* Neobrutalism nav Phosphor icon finish 202607021103 */
.m-nav .ph-bold,
.m-nav-drawer .ph-bold {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1em !important;
    height: 1em !important;
    color: inherit !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: normal !important;
}
.m-nav .ph-bold::before,
.m-nav-drawer .ph-bold::before {
    display: block !important;
    color: inherit !important;
    opacity: 1 !important;
}
.m-nav-chev.ph-bold {
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
}
.m-nav-search-icon-btn .ph-bold,
.m-nav-cart-link .ph-bold,
.m-nav-mobile-toggle .ph-bold,
.m-nav-drawer-close .ph-bold {
    font-size: 25px !important;
}


/* Neobrutalism nav single-line/drawer final fix 202607031225 */
html body:not(.cke_editable) .m-shell .m-nav,
html body:not(.cke_editable) .m-nav {
    border-bottom: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    z-index: 30000 !important;
}
html body:not(.cke_editable) .m-shell .m-nav-row-top,
html body:not(.cke_editable) .m-nav-row-top {
    border-bottom: 0 !important;
    box-shadow: none !important;
}
html body:not(.cke_editable) .m-shell .m-nav-row-links,
html body:not(.cke_editable) .m-nav-row-links {
    border-top: 0 !important;
    border-bottom: 4px solid var(--neo-ink, #151515) !important;
    box-shadow: none !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
}
html body:not(.cke_editable) .m-shell .m-nav-row-links::-webkit-scrollbar,
html body:not(.cke_editable) .m-nav-row-links::-webkit-scrollbar,
html body:not(.cke_editable) .m-shell .m-nav-primary::-webkit-scrollbar,
html body:not(.cke_editable) .m-nav-primary::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}
html body:not(.cke_editable) .m-shell .m-nav::before,
html body:not(.cke_editable) .m-shell .m-nav::after,
html body:not(.cke_editable) .m-shell .m-nav-row-top::before,
html body:not(.cke_editable) .m-shell .m-nav-row-top::after,
html body:not(.cke_editable) .m-shell .m-nav-row-links::before,
html body:not(.cke_editable) .m-shell .m-nav-row-links::after,
html body:not(.cke_editable) .m-shell .m-nav-primary::before,
html body:not(.cke_editable) .m-shell .m-nav-primary::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-shell .m-nav-row-links,
html[data-theme="dark"] body:not(.cke_editable) .m-nav-row-links {
    border-bottom-color: #2A313C !important;
}
html body:not(.cke_editable) .m-nav-drawer:not([hidden]) {
    position: fixed !important;
    inset: 0 !important;
    display: block !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    z-index: 2147483000 !important;
    overflow: hidden !important;
}
html body:not(.cke_editable) .m-nav-drawer:not([hidden]) .m-nav-drawer-panel {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    display: block !important;
    width: min(460px, 100vw) !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    transform: translateX(0) !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
@media (max-width: 560px) {
    html body:not(.cke_editable) .m-nav-drawer:not([hidden]) .m-nav-drawer-panel {
        width: 100vw !important;
        border-left: 0 !important;
        box-shadow: none !important;
    }
}


/* ══════════════════════════════════════════════
   모바일 헤더 컴팩트 202607071200
   메뉴 행이 숨는 모바일에서 nav 고정 최소높이(64+52) 해제,
   로고/아이콘/로그아웃 버튼 축소 — 데스크톱 비율 그대로 줄임
   ══════════════════════════════════════════════ */
@media (max-width: 880px) {
    /* nav 는 height:0 + min-height 로 fixed 헤더의 스페이서 역할 —
       메뉴 행(52px)이 숨는 모바일에선 스페이서를 상단 행 높이로 축소 */
    html body:not(.cke_editable) .m-shell .m-nav,
    html body:not(.cke_editable) .m-nav {
        min-height: 64px !important;
    }
}
@media (max-width: 560px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell .m-nav,
    html.neo-theme-active body:not(.cke_editable) .m-nav,
    html body:not(.cke_editable) .m-nav {
        min-height: 52px !important; /* 상단 행 48px + border-bottom 3px */
    }
    html.neo-theme-active body:not(.cke_editable) .m-nav-row-top .m-nav-row-inner,
    html body:not(.cke_editable) .m-nav-row-top .m-nav-row-inner {
        min-height: 36px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        gap: 8px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell .m-brand,
    html.neo-theme-active body:not(.cke_editable) .m-brand,
    html body:not(.cke_editable) .m-brand {
        min-height: 32px !important;
        height: 32px !important;
        padding: 0 13px !important;
        border-width: 2px !important;
        box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
        font-size: 13px !important;
        line-height: 1 !important;
        letter-spacing: 0.02em !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-row-inner .m-nav-search-icon-btn,
    html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-row-inner .m-nav-cart-link,
    html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-row-inner .m-nav-mypage-link,
    html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-row-inner .m-nav-mobile-toggle,
    html body:not(.cke_editable) .m-nav-search-icon-btn,
    html body:not(.cke_editable) .m-nav-cart-link,
    html body:not(.cke_editable) .m-nav-mypage-link,
    html body:not(.cke_editable) .m-nav-mobile-toggle {
        flex-basis: 34px !important;
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        border-width: 2px !important;
        box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn .ph-bold,
    html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link .ph-bold,
    html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link .ph-bold,
    html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle .ph-bold {
        font-size: 16px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-nav-actions .m-btn,
    html body:not(.cke_editable) .m-nav-actions .m-btn {
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 11px !important;
        border-width: 2px !important;
        box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
        font-size: 11px !important;
        line-height: 1 !important;
    }
}
/* ══════════════════════════════════════════════
   드로어 새글/접속자/검색 — 한 행 3분할 + 색상 + 아이콘 202607081720
   새글=노랑 · 접속자=초록 · 검색=파랑, 잉크 텍스트 (다크에서도 동일)
   ══════════════════════════════════════════════ */
.m-nav-drawer .m-nav-drawer-utils {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
}
.m-nav-drawer .m-nav-drawer-utils .m-drawer-util.m-nav-drawer-link {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    color: var(--neo-ink, #151515) !important;
    font-weight: 900 !important;
}
.m-nav-drawer .m-nav-drawer-utils .m-drawer-util .ph-bold {
    font-size: 14px !important;
    color: inherit !important;
}
.m-nav-drawer .m-nav-drawer-utils .m-drawer-util-new.m-nav-drawer-link { background: var(--neo-yellow, #ffe45e) !important; }
.m-nav-drawer .m-nav-drawer-utils .m-drawer-util-connect.m-nav-drawer-link { background: var(--neo-green, #82e97f) !important; }
.m-nav-drawer .m-nav-drawer-utils .m-drawer-util-search.m-nav-drawer-link { background: var(--neo-blue, #5fb8ff) !important; }
html[data-theme="dark"] .m-nav-drawer .m-nav-drawer-utils .m-drawer-util.m-nav-drawer-link {
    color: #E5E7EB !important;
    border-color: #2A313C !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn:hover, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link:hover, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link:hover, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle:hover {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn:hover .ph-bold, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link:hover .ph-bold, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link:hover .ph-bold, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle:hover .ph-bold {
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn:active, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link:active, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link:active, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle:active {
    box-shadow: none !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"] .m-nav {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .m-nav-row-links,
html[data-theme="dark"] .m-nav-primary > .m-nav-link, html[data-theme="dark"] .m-nav-primary > .m-nav-item > .m-nav-link {
    background-color: #161A22 !important;
}

html[data-theme="dark"] .m-brand,
html[data-theme="dark"] .m-nav-link:hover, html[data-theme="dark"] .m-nav-link.is-active,
html[data-theme="dark"] .m-nav-utility-link:hover, html[data-theme="dark"] .m-nav-utility-link.is-active {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-nav-search-icon-btn, html[data-theme="dark"] .m-nav-cart-link, html[data-theme="dark"] .m-nav-mobile-toggle, html[data-theme="dark"] .m-nav-drawer-close,
html[data-theme="dark"] .m-nav-actions .m-btn, html[data-theme="dark"] .m-nav-drawer-actions .m-btn {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-nav-search-icon-btn:hover, html[data-theme="dark"] .m-nav-cart-link:hover, html[data-theme="dark"] .m-nav-mobile-toggle:hover, html[data-theme="dark"] .m-nav-drawer-close:hover {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-nav-utility-link, html[data-theme="dark"] .m-nav-link, html[data-theme="dark"] .m-nav-sub-link, html[data-theme="dark"] .m-nav-drawer-link {
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-nav-actions .m-btn-secondary, html[data-theme="dark"] .m-nav-drawer-actions .m-btn:not(.m-btn-ghost),
html[data-theme="dark"] .m-nav-primary > .m-nav-link:hover, html[data-theme="dark"] .m-nav-primary > .m-nav-link.is-active, html[data-theme="dark"] .m-nav-primary > .m-nav-item > .m-nav-link:hover, html[data-theme="dark"] .m-nav-primary > .m-nav-item > .m-nav-link.is-active {
    background-color: var(--neo-surface-soft, #1D232D) !important;
}

html[data-theme="dark"] .m-nav-actions .m-btn.m-btn-login, html[data-theme="dark"] .m-nav-drawer-actions .m-btn.m-btn-login {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-nav-actions .m-btn:hover, html[data-theme="dark"] .m-nav-drawer-actions .m-btn:hover,
html[data-theme="dark"] .m-nav-row-links {
    box-shadow: none !important;
}

html[data-theme="dark"] .m-nav-sub, html[data-theme="dark"] .m-nav-drawer-panel {
    background-color: #1D232D !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .m-nav-row-top,
html[data-theme="dark"] body:not(.cke_editable) .m-nav-row-links,
html[data-theme="dark"] body:not(.cke_editable) .m-shell .m-nav-row-links, html[data-theme="dark"] body:not(.cke_editable) .m-nav-row-links {
    border-color: var(--neo-border, #2A313C) !important;
}

html[data-theme="dark"] .m-nav-primary > .m-nav-link, html[data-theme="dark"] .m-nav-primary > .m-nav-item > .m-nav-link,
html[data-theme="dark"] .m-nav-drawer-link[style*="--neo-menu-bg-custom"] {
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-nav-primary > .m-nav-link:hover, html[data-theme="dark"] .m-nav-primary > .m-nav-link.is-active, html[data-theme="dark"] .m-nav-primary > .m-nav-item > .m-nav-link:hover, html[data-theme="dark"] .m-nav-primary > .m-nav-item > .m-nav-link.is-active {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    box-shadow: none !important;
}

@media (max-width: 560px) {
html[data-theme="dark"] .m-brand,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .m-brand, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-brand, html[data-theme="dark"] body:not(.cke_editable) .m-brand,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-row-inner .m-nav-search-icon-btn, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-row-inner .m-nav-cart-link, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-row-inner .m-nav-mypage-link, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-row-inner .m-nav-mobile-toggle, html[data-theme="dark"] body:not(.cke_editable) .m-nav-search-icon-btn, html[data-theme="dark"] body:not(.cke_editable) .m-nav-cart-link, html[data-theme="dark"] body:not(.cke_editable) .m-nav-mypage-link, html[data-theme="dark"] body:not(.cke_editable) .m-nav-mobile-toggle,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-actions .m-btn, html[data-theme="dark"] body:not(.cke_editable) .m-nav-actions .m-btn {
    box-shadow: none !important;
}
}

html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-panel {
    background-color: #1D232D !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-head {
    background-color: #1D232D !important;
    border-color: var(--neo-border, #2A313C) !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"] .m-nav-drawer .m-nav-drawer-utils .m-drawer-util.m-nav-drawer-link {
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-nav-drawer .m-nav-drawer-utils .m-drawer-util-new.m-nav-drawer-link,
html[data-theme="dark"] .m-nav-drawer .m-nav-drawer-utils .m-drawer-util-connect.m-nav-drawer-link,
html[data-theme="dark"] .m-nav-drawer .m-nav-drawer-utils .m-drawer-util-search.m-nav-drawer-link {
    background-color: var(--neo-surface-soft, #1D232D) !important;
}
.m-outlogin { width: 100%; }
.m-ol-card {
    background: var(--m-surface);
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius-lg);
    padding: 18px 18px 16px;
    box-shadow: var(--m-shadow);
}
.m-ol-title {
    font-size: var(--m-text-base); font-weight: 600;
    color: var(--m-text-soft);
    margin-bottom: 12px;
    display: flex; align-items: center; justify-content: space-between;
}
.m-ol-title .m-link { font-size: var(--m-text-sm); }

.m-ol-form { display: flex; flex-direction: column; gap: 8px; }
.m-ol-form .m-input { padding: 9px 11px; font-size: var(--m-text-md); }
.m-ol-form .m-check { font-size: var(--m-text-sm); }
.m-ol-form .m-btn { padding: 9px 16px; }

/* 로그인 버튼 밑 한 줄 — 자동로그인 체크박스(좌) + ID/PW 찾기(우) */
.m-ol-row {
    display: flex; align-items: center; justify-content: space-between;
    margin-top: 4px;
    font-size: var(--m-text-sm);
}
.m-ol-row .m-check span { font-size: var(--m-text-sm); }
.m-ol-row-link {
    color: var(--m-text-muted); text-decoration: none;
    font-size: var(--m-text-sm);
}
.m-ol-row-link:hover { color: var(--m-primary); }

/* 로그인 후 */
.m-ol-profile {
    display: flex; align-items: center; gap: 10px;
    padding-bottom: 14px; border-bottom: 1px solid var(--m-border);
    margin-bottom: 12px;
}
.m-ol-avatar {
    width: 40px; height: 40px; border-radius: 50%;
    background: linear-gradient(135deg, var(--m-primary) 0%, #8b5cf6 100%);
    display: grid; place-items: center;
    color: white; font-weight: 700; font-size: var(--m-text-md);
    flex-shrink: 0;
}
.m-ol-profile-meta { flex: 1; min-width: 0; }
.m-ol-profile-name {
    font-size: var(--m-text-md); font-weight: 600; color: var(--m-text);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.m-ol-profile-suffix { font-weight: 400; color: var(--m-text-muted); }
.m-ol-profile-edit {
    font-size: var(--m-text-xs); color: var(--m-text-muted);
    text-decoration: none; margin-top: 2px; display: inline-block;
}
.m-ol-profile-edit:hover { color: var(--m-primary); }

/* 관리자 바로가기 — 프로필 헤더 우측 톱니 아이콘 */
.m-ol-admin-shortcut {
    display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; flex-shrink: 0;
    background: var(--m-surface-2); border: 1px solid var(--m-border);
    border-radius: var(--m-radius);
    color: var(--m-text-muted);
    transition: background 0.15s, color 0.15s, border-color 0.15s, transform 0.4s;
}
.m-ol-admin-shortcut:hover {
    background: var(--m-primary-soft);
    color: var(--m-primary);
    border-color: var(--m-primary);
    transform: rotate(45deg);
}

.m-ol-stats {
    list-style: none; padding: 0; margin: 0 0 12px 0;
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;
}
.m-ol-stat {
    display: flex; flex-direction: column; align-items: center;
    padding: 10px 6px;
    background: var(--m-surface-2); border-radius: var(--m-radius);
    text-decoration: none; color: var(--m-text-soft);
    transition: background 0.15s, color 0.15s;
}
.m-ol-stat:hover { background: var(--m-primary-soft); color: var(--m-primary); }
.m-ol-stat-label { font-size: var(--m-text-xs); color: var(--m-text-faint); }
.m-ol-stat-value {
    font-size: var(--m-text-md); font-weight: 700; color: var(--m-text);
    margin-top: 2px;
}
.m-ol-stat:hover .m-ol-stat-value,
.m-ol-stat:hover .m-ol-stat-label { color: inherit; }

.m-ol-actions { display: flex; gap: 6px; }
.m-ol-actions .m-btn { padding: 8px 12px; font-size: var(--m-text-sm); }

/* 관리자 뱃지 */
.m-ol-admin-badge {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 2px 7px; border-radius: 999px;
    font-size: var(--m-text-xs); font-weight: 600;
    background: rgba(245,158,11,0.15); color: #d97706;
    margin-top: 2px;
}
/* Neobrutalism outlogin final pass. */
.m-ol-card {
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 7px 7px 0 var(--neo-ink, #151515) !important;
}
.m-ol-profile { border-bottom: 3px solid #ece7dc !important; }
.m-ol-avatar {
    border: 3px solid var(--neo-ink, #151515) !important;
    background: var(--neo-violet, #b89cff) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    font-weight: 950 !important;
}
.m-ol-profile-name,
.m-ol-stat-value { color: var(--neo-ink, #151515) !important; font-weight: 950 !important; }
.m-ol-admin-shortcut,
.m-ol-stat,
.m-ol-card .m-btn {
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
}
.m-ol-stat { background: #f6f7fb !important; }
.m-ol-card .m-btn {
    min-height: 46px !important;
    background: var(--neo-blue, #5fb8ff) !important;
    font-weight: 950 !important;
}
/* Neobrutalism outlogin dark/layout finish 202607021096 */
.m-outlogin { position: relative !important; z-index: 4 !important; }
.m-ol-card { overflow: visible !important; }
.m-ol-stats { align-items: stretch !important; }
.m-ol-stat { min-width: 0 !important; }
.m-ol-stat-label,
.m-ol-stat-value { letter-spacing: 0 !important; }

html[data-theme="dark"] body:not(.cke_editable) .m-ol-card {
    border-color: #2A313C !important;
    background: #161A22 !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-ol-profile {
    border-color: #2A313C !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-ol-profile-name,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-profile-suffix,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-profile-edit,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-stat-label,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-stat-value,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-title,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-row-link,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-form .m-check span {
    color: #E5E7EB !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-ol-avatar,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-admin-shortcut,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-stat,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-card .m-btn,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-form .m-input {
    border-color: #2A313C !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-ol-stat,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-admin-shortcut,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-form .m-input {
    background: #1D232D !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-ol-avatar,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-card .m-btn {
    color: #E5E7EB !important;
}
/* Neobrutalism outlogin stat label/value spacing finish 202607032123 */
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-stats {
    gap: 9px !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-stat {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-stat-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    line-height: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-stat-value {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    min-width: 28px !important;
    min-height: 22px !important;
    padding: 1px 8px !important;
    line-height: 1 !important;
}
/* Neobrutalism outlogin profile badges finish 202607032124 */
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important;
    min-width: 0 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-name {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-nick {
    display: inline-block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-height: 16px !important;
    padding: 0 5px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
    font-size: 9px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-edit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 18px !important;
    padding: 0 7px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-edit:hover {
    transform: translate(1px, 1px) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
    background: var(--neo-blue, #5fb8ff) !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix {
    background: var(--neo-surface-soft, #1D232D) !important;
    color: var(--neo-ink, #E5E7EB) !important;
    border-color: var(--neo-dark-line, #2A313C) !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-edit {
    background: var(--neo-dark-panel, #161A22) !important;
    color: var(--neo-dark-text, #E5E7EB) !important;
    border-color: var(--neo-dark-line, #2A313C) !important;
    box-shadow: none !important;
}
/* Neobrutalism modern logged-out outlogin finish 202607032535 */
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-card {
    box-sizing: border-box !important;
    padding: 12px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 6px 6px 0 var(--neo-ink, #151515) !important;
    color: var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-height: 32px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--neo-ink, #151515) !important;
    line-height: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title > span,
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title .m-link {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 5px 11px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 12px !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title .m-link {
    background: var(--neo-pink, #ff7ab6) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-form .m-input {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 12px !important;
    background: #eef4ff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 4px 4px 0 rgba(21, 21, 21, .34) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 40px !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-form .m-input::placeholder {
    color: #6b7280 !important;
    opacity: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-form .m-btn.m-btn-primary {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 12px !important;
    background: var(--neo-blue, #5fb8ff) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 4px 4px 0 var(--neo-ink, #151515) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-align: center !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-height: 30px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    min-width: 0 !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--neo-ink, #151515) !important;
    font-family: inherit !important;
    cursor: pointer !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    box-sizing: border-box !important;
    position: relative !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 7px !important;
    background: #fff !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    vertical-align: middle !important;
    cursor: pointer !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check input[type="checkbox"]:checked {
    background: var(--neo-green, #82e97f) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check input[type="checkbox"]:checked::after {
    content: "" !important;
    width: 9px !important;
    height: 5px !important;
    border-left: 3px solid var(--neo-ink, #151515) !important;
    border-bottom: 3px solid var(--neo-ink, #151515) !important;
    transform: rotate(-45deg) translate(1px, -1px) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--neo-ink, #151515) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row-link {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title .m-link:hover,
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row-link:hover,
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-form .m-btn.m-btn-primary:hover {
    transform: translate(2px, 2px) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-card {
    background: var(--neo-dark-panel, #161A22) !important;
    color: var(--neo-dark-text, #E5E7EB) !important;
    border-color: var(--neo-dark-line, #2A313C) !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-form .m-input,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row-link,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check input[type="checkbox"] {
    background: #0F1117 !important;
    color: var(--neo-dark-text, #E5E7EB) !important;
    border-color: var(--neo-dark-line, #2A313C) !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check span {
    color: var(--neo-dark-text, #E5E7EB) !important;
}
/* Neobrutalism outlogin nim badge real center final 202607031505 */
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-name,
html body:not(.cke_editable) .m-outlogin .m-ol-profile-name {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    min-height: 20px !important;
    line-height: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-nick,
html body:not(.cke_editable) .m-outlogin .m-ol-profile-nick {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 20px !important;
    line-height: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: middle !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix,
html body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix {
    box-sizing: border-box !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: -1px 0 0 0 !important;
    padding: 0 0 1px 0 !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
    font-family: var(--neo-display-font, Galmuri11, Pretendard, sans-serif) !important;
    font-size: 9px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
    position: relative !important;
    top: 0 !important;
    transform: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix,
html[data-theme="dark"] body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix {
    background: var(--neo-surface-soft, #1D232D) !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
    box-shadow: none !important;
}


/* Neobrutalism outlogin nim badge pill override final 202607031955 */
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-name,
html body:not(.cke_editable) .m-outlogin .m-ol-profile-name{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:5px!important;min-height:22px!important;line-height:1!important;white-space:nowrap!important;vertical-align:middle!important}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-nick,
html body:not(.cke_editable) .m-outlogin .m-ol-profile-nick{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:22px!important;min-height:22px!important;line-height:1!important;margin:0!important;padding:0!important;white-space:nowrap!important;vertical-align:middle!important}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix,
html body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;min-width:24px!important;max-width:none!important;height:20px!important;min-height:20px!important;max-height:20px!important;margin:0!important;padding:0 6px!important;border:2px solid var(--neo-ink,#151515)!important;border-radius:999px!important;background:var(--neo-green,#82e97f)!important;color:var(--neo-ink,#151515)!important;box-shadow:1px 1px 0 var(--neo-ink,#151515)!important;font-family:var(--neo-body-font,Pretendard,sans-serif)!important;font-size:10px!important;font-weight:950!important;line-height:1!important;letter-spacing:0!important;text-align:center!important;white-space:nowrap!important;vertical-align:middle!important;position:static!important;top:auto!important;transform:none!important}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix,
html[data-theme="dark"] body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix{background:var(--neo-surface-soft, #1D232D)!important;color:#E5E7EB!important;border-color:#2A313C!important;box-shadow:none !important}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"] .m-ol-avatar {
    background: #1D232D;
}

html[data-theme="dark"] .m-ol-admin-badge {
    color: #F59E0B;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"] .m-ol-card {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .m-ol-avatar {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-ol-profile-name, html[data-theme="dark"] .m-ol-stat-value {
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-ol-admin-shortcut, html[data-theme="dark"] .m-ol-stat, html[data-theme="dark"] .m-ol-card .m-btn {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-ol-stat {
    background-color: #161A22 !important;
}

html[data-theme="dark"] .m-ol-card .m-btn {
    background-color: var(--neo-surface-soft, #1D232D) !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-edit {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-edit:hover {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    box-shadow: none !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-card,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row-link {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check span {
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title > span, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title .m-link,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-form .m-btn.m-btn-primary {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title .m-link,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check input[type="checkbox"]:checked {
    background-color: var(--neo-surface-soft, #1D232D) !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-form .m-input {
    background-color: #1D232D !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check input[type="checkbox"] {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check input[type="checkbox"]:checked::after {
    border-color: var(--neo-border, #2A313C) !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title .m-link:hover, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row-link:hover, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-form .m-btn.m-btn-primary:hover {
    box-shadow: none !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix, html[data-theme="dark"] body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}
.m-footer {
    margin-top: auto;
    background: var(--m-surface);
    border-top: 1px solid var(--m-border);
}
.m-footer-inner {
    max-width: var(--m-max-7xl); margin: 0 auto;
    padding: 32px 20px 16px;
    display: grid; grid-template-columns: 1fr 220px; gap: 32px;
    align-items: start;
}
@media (max-width: 768px) {
    .m-footer-inner { grid-template-columns: 1fr; gap: 24px; padding-top: 24px; }
}

.m-footer-col { min-width: 0; }
.m-footer-title {
    font-size: var(--m-text-base); font-weight: 600; color: var(--m-text);
    margin: 0 0 12px;
}

/* 사이트 정보 — 가로 인라인 chip 스타일 (라벨: 값) */
.m-footer-info-row {
    list-style: none;
    margin: 0; padding: 0;
    display: flex; flex-wrap: wrap;
    gap: 6px 12px;
    font-size: var(--m-text-sm);
}
.m-footer-info-row li {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    line-height: 1.4;
    min-width: 0;
}
.m-footer-info-row li.m-footer-info-addr { flex-basis: 100%; }
/* flex line-break — 전화/팩스 줄을 주소 바로 위에 따로 배치 */
.m-footer-info-row li.m-footer-info-break {
    flex-basis: 100%;
    height: 0; padding: 0; margin: 0; border: 0;
    gap: 0;
}
.m-footer-info-row span {
    color: var(--m-text-faint);
    font-size: 0.92em;
}
.m-footer-info-row b {
    color: var(--m-text);
    font-weight: 500;
    min-width: 0;
    overflow-wrap: anywhere;
}
.m-footer-info-row a { color: inherit; text-decoration: none; }
.m-footer-info-row a:hover { color: var(--m-primary); }

/* 접속자 통계 (우측, key/value grid 유지) */
.m-footer-stats {
    margin: 0; font-size: var(--m-text-sm);
    display: grid; grid-template-columns: 70px 1fr; gap: 4px 10px;
}
.m-footer-stats dt { color: var(--m-text-faint); }
.m-footer-stats dd { margin: 0; font-weight: 600; color: var(--m-text); text-align: right; }
.m-footer-online { color: var(--m-primary); text-decoration: none; }
.m-footer-online:hover { text-decoration: underline; }

/* 사이트 메뉴 (맨 아래 한 줄) — bottom 여백 포함 */
.m-footer-menu {
    max-width: var(--m-max-7xl); margin: 0 auto;
    padding: 12px 20px 24px;
    border-top: 1px solid var(--m-border);
    display: flex; flex-wrap: wrap; align-items: center;
    gap: 6px;
    font-size: var(--m-text-sm);
}
.m-footer-menu a { color: var(--m-text-soft); text-decoration: none; padding: 2px 4px; }
.m-footer-menu a:hover { color: var(--m-primary); }
.m-footer-menu-sep { color: var(--m-text-faint); }

@media (max-width: 560px) {
    .m-footer-col-stats {
        display: none;
    }
    .m-footer-info-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 6px;
    }
    .m-footer-info-row li,
    .m-footer-info-row li.m-footer-info-addr {
        display: grid;
        grid-template-columns: 68px minmax(0, 1fr);
        align-items: baseline;
        gap: 8px;
        min-width: 0;
    }
    .m-footer-info-row li.m-footer-info-break {
        display: none;
    }
    .m-footer-stats {
        max-width: 180px;
    }
}
/* Neobrutalism footer final pass. */
.m-shell > .m-footer {
    width: min(1280px, calc(100vw - 48px)) !important;
    max-width: min(1280px, calc(100vw - 48px)) !important;
    margin: 40px auto 34px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-width: 4px !important;
    border-style: solid !important;
    border-color: var(--neo-ink, #151515) !important;
    border-radius: 18px !important;
    background: #151515 !important;
    color: #fff9ed !important;
    box-shadow: 8px 8px 0 var(--neo-ink, #151515) !important;
}
.m-shell > .m-footer .m-footer-inner,
.m-shell > .m-footer .m-footer-menu {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.m-shell > .m-footer .m-footer-inner {
    grid-template-columns: minmax(0, 1fr) minmax(140px, 220px) !important;
    gap: 24px !important;
    padding: 24px 28px 14px !important;
}
.m-shell > .m-footer .m-footer-menu {
    padding: 14px 28px 24px !important;
    border-top: 2px solid rgba(255,249,237,.28) !important;
}
.m-shell > .m-footer .m-footer-title {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    margin: 0 0 12px !important;
    padding: 0 12px !important;
    border: 2px solid #fff9ed !important;
    border-radius: 999px !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    box-shadow: 3px 3px 0 rgba(255,249,237,.35) !important;
}
.m-shell > .m-footer .m-footer-info-row b,
.m-shell > .m-footer .m-footer-stats dd,
.m-shell > .m-footer a { color: #fff9ed !important; }
.m-shell > .m-footer .m-footer-info-row span,
.m-shell > .m-footer .m-footer-stats dt,
.m-shell > .m-footer .m-footer-menu-sep { color: rgba(255,249,237,.72) !important; }
.m-shell > .m-footer .m-footer-info-row,
.m-shell > .m-footer .m-footer-stats,
.m-shell > .m-footer .m-footer-menu {
    font-size: 12px !important;
    line-height: 1.55 !important;
}
.m-shell > .m-footer .m-footer-menu a {
    min-height: 26px !important;
    padding: 3px 6px !important;
    border-radius: 8px !important;
}
.m-shell > .m-footer .m-footer-menu a:hover {
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
}
.m-shell > .m-footer .m-footer-online strong {
    display: inline-flex;
    min-width: 28px;
    min-height: 20px;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff9ed;
    border-radius: 999px;
    background: var(--neo-yellow, #ffe45e);
    color: var(--neo-ink, #151515) !important;
    box-shadow: 2px 2px 0 rgba(255,249,237,.28);
    font-size: 11px;
}
@media (max-width: 720px) {
    .m-shell > .m-footer {
        width: min(100% - 28px, 1280px) !important;
        max-width: min(100% - 28px, 1280px) !important;
        margin-top: 28px !important;
        margin-bottom: 24px !important;
        border-radius: 16px !important;
        box-shadow: 6px 6px 0 var(--neo-ink, #151515) !important;
    }
    .m-shell > .m-footer .m-footer-inner {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        padding: 20px 18px 12px !important;
    }
    .m-shell > .m-footer .m-footer-menu {
        padding: 12px 18px 18px !important;
    }
}
[data-theme="dark"] .m-shell > .m-footer {
    border-color: #2A313C !important;
    background: #0F1117 !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
[data-theme="dark"] .m-shell > .m-footer .m-footer-menu {
    border-top-color: #2A313C !important;
}
[data-theme="dark"] .m-shell > .m-footer .m-footer-title,
[data-theme="dark"] .m-shell > .m-footer .m-footer-online strong {
    border-color: #2A313C !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}


/* Neobrutalism footer full brutal card final 202607032020 */
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
.m-shell > .m-footer {
    box-sizing: border-box !important;
    width: min(1280px, calc(100vw - 48px)) !important;
    max-width: min(1280px, calc(100vw - 48px)) !important;
    margin: 48px auto 36px !important;
    padding: 20px !important;
    overflow: visible !important;
    border: 4px solid var(--neo-ink, #151515) !important;
    border-radius: 22px !important;
    background: #151515 !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 9px 9px 0 var(--neo-ink, #151515) !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-inner,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-inner,
.m-shell > .m-footer .m-footer-inner {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) !important;
    align-items: stretch !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col,
.m-shell > .m-footer .m-footer-col {
    box-sizing: border-box !important;
    min-width: 0 !important;
    padding: 18px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 16px !important;
    background: #fff9ed !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 5px 5px 0 var(--neo-ink, #151515) !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-title,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-title,
.m-shell > .m-footer .m-footer-title {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    margin: 0 0 14px !important;
    padding: 0 14px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    font-family: var(--neo-display-font, Galmuri11, Pretendard, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row,
.m-shell > .m-footer .m-footer-info-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row li,
.m-shell > .m-footer .m-footer-info-row li {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    max-width: 100% !important;
    min-height: 30px !important;
    padding: 6px 9px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li.m-footer-info-break,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row li.m-footer-info-break,
.m-shell > .m-footer .m-footer-info-row li.m-footer-info-break {
    display: none !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row span,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row span,
.m-shell > .m-footer .m-footer-info-row span {
    flex: 0 0 auto !important;
    color: #4b5563 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row b,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row b,
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row a,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row a,
.m-shell > .m-footer .m-footer-info-row b,
.m-shell > .m-footer .m-footer-info-row a {
    min-width: 0 !important;
    color: var(--neo-ink, #151515) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    overflow-wrap: anywhere !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats,
.m-shell > .m-footer .m-footer-stats {
    display: grid !important;
    grid-template-columns: minmax(72px, 1fr) auto !important;
    gap: 7px 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dt,
.m-shell > .m-footer .m-footer-stats dt {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-right: 0 !important;
    border-radius: 10px 0 0 10px !important;
    background: #fff !important;
    color: #4b5563 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dd,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dd,
.m-shell > .m-footer .m-footer-stats dd {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 58px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 0 10px 10px 0 !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-online,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-online,
.m-shell > .m-footer .m-footer-online {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: inherit !important;
    text-decoration: none !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-online strong,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-online strong,
.m-shell > .m-footer .m-footer-online strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 28px !important;
    height: 20px !important;
    padding: 0 8px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu,
.m-shell > .m-footer .m-footer-menu {
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 18px 0 0 !important;
    padding: 14px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 16px !important;
    background: #fff9ed !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 5px 5px 0 var(--neo-ink, #151515) !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a,
.m-shell > .m-footer .m-footer-menu a {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a:hover,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a:hover,
.m-shell > .m-footer .m-footer-menu a:hover {
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    transform: translate(2px, 2px) !important;
    box-shadow: 0 0 0 var(--neo-ink, #151515) !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu-sep,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu-sep,
.m-shell > .m-footer .m-footer-menu-sep {
    display: none !important;
}

@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
    .m-shell > .m-footer {
        width: min(100% - 28px, 1280px) !important;
        max-width: min(100% - 28px, 1280px) !important;
        margin: 32px auto 24px !important;
        padding: 14px !important;
        border-radius: 18px !important;
        box-shadow: 6px 6px 0 var(--neo-ink, #151515) !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-inner,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-inner,
    .m-shell > .m-footer .m-footer-inner {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col,
    .m-shell > .m-footer .m-footer-col,
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu,
    .m-shell > .m-footer .m-footer-menu {
        padding: 14px !important;
        border-radius: 14px !important;
        box-shadow: 4px 4px 0 var(--neo-ink, #151515) !important;
    }
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
html[data-theme="dark"] .m-shell > .m-footer {
    border-color: #2A313C !important;
    background: #0F1117 !important;
    box-shadow: none !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-col,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-menu {
    border-color: #2A313C !important;
    background: #161A22 !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row li,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-info-row li,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dt,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-stats dt,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dd,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dd,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-stats dd,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-menu a {
    border-color: #2A313C !important;
    background: #0F1117 !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row span,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row span,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-info-row span,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dt,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-stats dt {
    color: #E5E7EB !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row b,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row b,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row a,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row a,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-info-row b,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-info-row a {
    color: #E5E7EB !important;
}


/* Neobrutalism footer frame slim final 202607031530 */
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
html body:not(.cke_editable) .m-shell > .m-footer {
    box-sizing: border-box !important;
    width: min(1280px, calc(100vw - 48px)) !important;
    max-width: min(1280px, calc(100vw - 48px)) !important;
    margin: 40px auto 30px !important;
    padding: 10px !important;
    overflow: visible !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 18px !important;
    background: #151515 !important;
    background-image: none !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 4px 4px 0 var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer::before,
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer::after,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer::before,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer::after {
    display: none !important;
    content: none !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-inner,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-inner,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-inner {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 260px) !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-col {
    box-sizing: border-box !important;
    min-width: 0 !important;
    padding: 14px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 14px !important;
    background: #fff9ed !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu {
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 14px !important;
    background: #fff9ed !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-title,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-title,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-title {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 26px !important;
    margin: 0 0 10px !important;
    padding: 0 11px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    font-family: var(--neo-display-font, Galmuri11, Pretendard, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row li,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    max-width: 100% !important;
    min-height: 26px !important;
    padding: 5px 8px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li.m-footer-info-break,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row li.m-footer-info-break,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li.m-footer-info-break {
    display: none !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row span,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row span,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row span {
    flex: 0 0 auto !important;
    color: #4b5563 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row b,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row b,
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row a,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row a,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row b,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row a {
    min-width: 0 !important;
    color: var(--neo-ink, #151515) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    overflow-wrap: anywhere !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats {
    display: grid !important;
    grid-template-columns: minmax(70px, 1fr) auto !important;
    gap: 6px 0 !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dt,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    min-height: 25px !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-right: 0 !important;
    border-radius: 9px 0 0 9px !important;
    background: #fff !important;
    color: #4b5563 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dd,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dd,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dd {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 48px !important;
    min-height: 25px !important;
    margin: 0 !important;
    padding: 4px 7px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 0 9px 9px 0 !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-online,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-online,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-online {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: inherit !important;
    text-decoration: none !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-online strong,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-online strong,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-online strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    height: 18px !important;
    padding: 0 7px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 25px !important;
    padding: 0 10px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a:hover,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a:hover,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a:hover {
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    transform: translate(1px, 1px) !important;
    box-shadow: 0 0 0 var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu-sep,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu-sep,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu-sep {
    display: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer {
    border-color: #2A313C !important;
    background: #0F1117 !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-col,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu {
    border-color: #2A313C !important;
    background: #161A22 !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row li,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dt,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dd,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dd,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dd,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a {
    border-color: #2A313C !important;
    background: #161A22 !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row span,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row span,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dt,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row span,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt {
    color: #E5E7EB !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row b,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row b,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row a,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row a,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row b,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row a {
    color: #E5E7EB !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-title,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-title,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-online strong,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-online strong,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-title,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-online strong {
    border-color: #2A313C !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
    html body:not(.cke_editable) .m-shell > .m-footer {
        width: min(100% - 28px, 1280px) !important;
        max-width: min(100% - 28px, 1280px) !important;
        margin: 28px auto 24px !important;
        padding: 8px !important;
        border-radius: 16px !important;
        box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-inner,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-inner,
    html body:not(.cke_editable) .m-shell > .m-footer .m-footer-inner {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col,
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu,
    html body:not(.cke_editable) .m-shell > .m-footer .m-footer-col,
    html body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu {
        padding: 12px !important;
        border-radius: 13px !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    }
}



/* Neobrutalism home footer gap trim final 202607042135 */
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page > main.m-container.m-with-sidebar,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page > .m-container.m-with-sidebar,
html body:not(.cke_editable) .m-shell.neo-home-page > main.m-container.m-with-sidebar,
html body:not(.cke_editable) .m-shell.neo-home-page > .m-container.m-with-sidebar {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page .m-main-col,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page .m-side-col,
html body:not(.cke_editable) .m-shell.neo-home-page .m-main-col,
html body:not(.cke_editable) .m-shell.neo-home-page .m-side-col {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page .neo-doc-card,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page .neo-latest-card:last-child,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page .neo-section:last-child,
html body:not(.cke_editable) .m-shell.neo-home-page .neo-doc-card,
html body:not(.cke_editable) .m-shell.neo-home-page .neo-latest-card:last-child,
html body:not(.cke_editable) .m-shell.neo-home-page .neo-section:last-child {
    margin-bottom: 0 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page .m-main-col > :last-child,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page .m-side-col > :last-child,
html body:not(.cke_editable) .m-shell.neo-home-page .m-main-col > :last-child,
html body:not(.cke_editable) .m-shell.neo-home-page .m-side-col > :last-child {
    margin-bottom: 0 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page > .m-footer,
html body:not(.cke_editable) .m-shell.neo-home-page > .m-footer {
    margin-top: 6px !important;
}
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page > main.m-container.m-with-sidebar,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page > .m-container.m-with-sidebar,
    html body:not(.cke_editable) .m-shell.neo-home-page > main.m-container.m-with-sidebar,
    html body:not(.cke_editable) .m-shell.neo-home-page > .m-container.m-with-sidebar {
        padding-bottom: 0 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page > .m-footer,
    html body:not(.cke_editable) .m-shell.neo-home-page > .m-footer {
        margin-top: 6px !important;
    }
}
/* ══════════════════════════════════════════════
   모바일 컴팩트 — 게시판 제목/카테고리/칩/버튼 축소 202607071400
   문서 최후미(<style>)에서 로드되어 스킨 인라인 CSS 와의
   동률 특이도 경합을 항상 이긴다. ≤560px 전용.
   ══════════════════════════════════════════════ */
@media (max-width: 560px) {
    /* 게시판 제목 pill + 설정/RSS 아이콘 버튼 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-head.m-board-head h1 {
        min-height: 32px !important;
        padding: 3px 12px !important;
        border-width: 2px !important;
        box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-head.m-board-head .m-icon-btn,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions.m-board-actions .m-icon-btn {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        border-width: 2px !important;
        box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-head .m-icon-btn .ph-bold,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions .m-icon-btn .ph-bold {
        font-size: 15px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-head.m-board-head { margin-bottom: 8px !important; }

    /* Total 요약 pill · 목록/갤러리 토글 · 칼럼보기 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-summary.m-board-list-summary {
        min-height: 28px !important;
        padding: 4px 10px !important;
        border-width: 2px !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
        font-size: 11px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-view-tab.neo-view-tab,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-review-mode-tab.m-review-mode-tab,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-review-column-btn.m-review-column-btn {
        min-height: 30px !important;
        height: 30px !important;
        padding: 0 10px !important;
        font-size: 11px !important;
        line-height: 1 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-view-tab .ph-bold,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-review-mode-tab .ph-bold,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-review-column-btn .ph-bold {
        font-size: 13px !important;
    }

    /* 카테고리 칩 */
    html.neo-theme-active body:not(.cke_editable) .m-shell .m-board-categories.m-board-categories {
        padding: 10px 12px !important;
        margin: 0 0 12px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell .m-board-categories.m-board-categories a {
        min-height: 30px !important;
        padding: 4px 12px !important;
        border-width: 2px !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
        font-size: 12px !important;
        line-height: 1.1 !important;
    }

    /* 목록 테이블 텍스트 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-table .m-subject-link,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-table .m-subject-text {
        font-size: 13px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-table thead th {
        font-size: 11px !important;
    }

    /* 하단 벌크/검색/글쓰기 버튼 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-bulk-btn.m-bulk-btn,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-bb-btn.neo-bb-btn {
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 10px !important;
        border-width: 2px !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
        font-size: 11px !important;
        line-height: 1 !important;
    }

    /* ── 글보기 ── */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-view-title.m-view-title.m-view-title {
        min-height: 0 !important;
        padding: 6px 12px !important;
        border-width: 2px !important;
        box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
        font-size: 15px !important;
        line-height: 1.3 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-view-head .m-cate-tag.m-cate-tag {
        min-height: 26px !important;
        height: 26px !important;
        padding: 0 10px !important;
        border-width: 2px !important;
        font-size: 11px !important;
    }
    /* 메타 칩(날짜/작성자/IP/댓글/조회) */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions > .m-view-actions-meta .m-view-name,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions > .m-view-actions-meta .m-view-ip,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions > .m-view-actions-meta .m-view-meta-item {
        min-height: 22px !important;
        height: 22px !important;
        padding: 0 8px !important;
        box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
        font-size: 10px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions > .m-view-actions-meta .ph-bold {
        width: 11px !important;
        height: 11px !important;
        font-size: 11px !important;
    }
    /* 목록/답변/글쓰기/케밥 버튼 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions .m-icon-btn {
        min-height: 30px !important;
        height: 30px !important;
        padding: 0 9px !important;
        border-width: 2px !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
        font-size: 11px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions .m-icon-btn span { font-size: 11px !important; }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions .m-icon-btn .ph-bold {
        width: 13px !important;
        height: 13px !important;
        font-size: 13px !important;
    }
    /* 추천/비추천 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-react-btn.m-react-btn {
        padding: 10px 14px !important;
        font-size: 12px !important;
    }
    /* 섹션 제목(첨부파일/관련링크)과 댓글 헤더 pill */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-view-section-title.m-view-section-title,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-comments-title.m-comments-title,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-comment-write-title.m-comment-write-title {
        min-height: 28px !important;
        padding: 2px 10px !important;
        font-size: 13px !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    }
}
/* ══════════════════════════════════════════════
   다크 모드 정비 202607071500
   흰 배경+흰 글자(안 보임) 컴포넌트 수정 + 남은 눈부심 완화.
   코어의 다크 흰 섀도→#05070d, 흰 보더→#aeb8cb 치환과 세트.
   ══════════════════════════════════════════════ */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-link.m-nav-link,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-item > .m-nav-link.m-nav-link {
    background: #161A22 !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-link.m-nav-link.is-active,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-item > .m-nav-link.m-nav-link.is-active {
    background: var(--neo-surface-soft, #1D232D) !important;
    color: #E5E7EB !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-primary .m-nav-link .m-nav-menu-icon,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-primary .m-nav-link .m-nav-chev { color: inherit !important; }
/* 드로어 메뉴 pill — 다크 가독성: 파스텔 pill 은 잉크 텍스트, 일반 pill 은 다크 배경+밝은 텍스트 */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-drawer .m-nav-drawer-link.m-nav-drawer-link {
    background: #161A22 !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-drawer .m-nav-drawer-link.m-nav-drawer-link[style*="--neo-menu-bg-custom"] {
    background: var(--neo-menu-bg-custom) !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-drawer .m-nav-drawer-link.m-nav-drawer-link.is-active {
    background: var(--neo-surface-soft, #1D232D) !important;
    color: #E5E7EB !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-drawer .m-nav-drawer-link .ph-bold { color: inherit !important; }

/* 페이지네이션 — 흰 배경+흰 글자였던 문제 */
html[data-theme="dark"] body:not(.cke_editable) .pg_wrap .pg_page,
html[data-theme="dark"] body:not(.cke_editable) .pg_wrap .pg_start,
html[data-theme="dark"] body:not(.cke_editable) .pg_wrap .pg_prev,
html[data-theme="dark"] body:not(.cke_editable) .pg_wrap .pg_next,
html[data-theme="dark"] body:not(.cke_editable) .pg_wrap .pg_end {
    background: #161A22 !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
    box-shadow: none !important;
}
html[data-theme="dark"] body:not(.cke_editable) .pg_wrap .pg_current {
    background: var(--neo-surface-soft, #1D232D) !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
    box-shadow: none !important;
}

/* 홈 '나도 웃긴 글 쓰러가기' CTA — 흰 배경+흰 글자였던 문제 */
html[data-theme="dark"] body:not(.cke_editable) .neo-humor-cta,
html[data-theme="dark"] body:not(.cke_editable) .neo-btn.neo-btn-ghost {
    background: #161A22 !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
}

/* 실시간 인기글 순위 칩 */
html[data-theme="dark"] body:not(.cke_editable) .neo-side-rank-no {
    background: #161A22 !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
}
html[data-theme="dark"] body:not(.cke_editable) .neo-side-rank-no.is-top {
    background: var(--neo-surface-soft, #1D232D) !important;
    color: #E5E7EB !important;
}

/* 푸터 접속자/사이트정보 행 — 흰 바탕에 흰 글자 방지 */
html[data-theme="dark"] body:not(.cke_editable) .m-footer .m-footer-info-row li,
html[data-theme="dark"] body:not(.cke_editable) .m-footer li,
html[data-theme="dark"] body:not(.cke_editable) .m-footer a,
html[data-theme="dark"] body:not(.cke_editable) .m-footer strong,
html[data-theme="dark"] body:not(.cke_editable) .m-footer span {
    color: #E5E7EB !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-footer [class*="visit"] li,
html[data-theme="dark"] body:not(.cke_editable) .m-footer .m-footer-col li {
    background: #161A22 !important;
    border-color: #2A313C !important;
}

/* 추천/비추천 말풍선("이 글, 어떻게 보셨나요?") — 다크 가독성 */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-board-view .m-view-react::before {
    background: #161A22 !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
    box-shadow: none !important;
}

/* 다크에서 남아있는 순백 표면 완화 — 카드/입력류 */
html[data-theme="dark"] body:not(.cke_editable) input[type="text"],
html[data-theme="dark"] body:not(.cke_editable) input[type="password"],
html[data-theme="dark"] body:not(.cke_editable) input[type="email"],
html[data-theme="dark"] body:not(.cke_editable) input[type="search"],
html[data-theme="dark"] body:not(.cke_editable) select,
html[data-theme="dark"] body:not(.cke_editable) textarea {
    background: #161A22 !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
}
html[data-theme="dark"] body:not(.cke_editable) input::placeholder,
html[data-theme="dark"] body:not(.cke_editable) textarea::placeholder {
    color: #9CA3AF !important;
}
/* ══════════════════════════════════════════════
   모바일 하단 safe-area 202607071915 (202607212140 여백 확대)
   iOS 홈 인디케이터/브라우저 하단 바(사파리·인앱 브라우저)가
   푸터 끝을 가리는 문제. head.sub.php 의 viewport-fit=cover 와 세트 —
   cover 없이는 env(safe-area-inset-bottom) 이 항상 0.
   28px 로는 사파리의 축소된 하단 주소바(≈44px 오버레이)에 여전히
   가려져(오너 아이폰 실측) 60px 로 확대. iOS 크롬은 하단 툴바가 더 높고
   safe-area 값을 0 으로 보고하기도 해(오너 실측: 푸터 전부 가림) —
   max() 로 어떤 브라우저든 최소 96px 확보. (202607212300)
   문서 최후미 로드로 동률 특이도 경합을 항상 이긴다.
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
    html body:not(.cke_editable) .m-shell > .m-footer {
        margin-bottom: max(96px, calc(60px + env(safe-area-inset-bottom, 0px))) !important;
    }
}
/* viewport-fit=cover 로 노치 밑까지 확장돼도 좌우가 잘리지 않게 */
@supports (padding: env(safe-area-inset-left)) {
    body {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
    }
}
/* ══════════════════════════════════════════════
   모바일 입력 포커스 확대 방지 202607072320
   iOS 사파리는 폰트 16px 미만인 입력창에 포커스가 가면 페이지를
   자동 확대한다(게시판 검색 버튼 → 인라인 검색 input 포커스에서 재현).
   검색 계열 입력만 모바일에서 16px 로 승격 — 데스크톱 무영향.
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    /* 코어에 .m-board-bottombar 포함 (0,5,2) 규칙이 있어 클래스 반복으로 특이도 확보 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-inline-search-stx.neo-inline-search-stx,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-inline-search-sfl.neo-inline-search-sfl,
    html.neo-theme-active body:not(.cke_editable) .m-shell .m-search-input.m-search-input,
    html.neo-theme-active body:not(.cke_editable) .m-shell .m-search-select.m-search-select {
        font-size: 16px !important;
    }

    /* 인라인 검색 줄이 뷰포트(428px)보다 넓게(536px) 계산돼 검색/닫기
       버튼이 화면 밖으로 나가던 문제 — 박스를 100% 로 고정하고
       입력창만 남는 폭을 차지하게 강제 */
    /* display:flex !important 가 [hidden] 의 display:none 을 덮지 않도록 [hidden] 은 무조건 숨김 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-inline-search.neo-inline-search[hidden] {
        display: none !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-inline-search.neo-inline-search:not([hidden]) {
        box-sizing: border-box !important;
        display: flex !important;
        flex: 1 1 100% !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-inline-search-sfl.neo-inline-search-sfl {
        flex: 0 0 auto !important;
        width: 92px !important;
        min-width: 0 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-inline-search-stx.neo-inline-search-stx {
        flex: 1 1 0% !important;
        width: auto !important;
        min-width: 0 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-inline-search-go.neo-inline-search-go,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-inline-search-close.neo-inline-search-close {
        flex: 0 0 auto !important;
    }
}
/* ══════════════════════════════════════════════
   모바일 카테고리(분류) 바 재디자인 202607081610
   여러 줄로 쌓이던 큰 칩 카드 → 한 줄 가로 스크롤 컴팩트 칩 바.
   카테고리별 색상은 유지, 카드 배경/큰 패딩 제거.
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-categories.m-board-categories.m-board-categories {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 6px !important;
        margin: 0 0 12px !important;
        padding: 4px 2px 8px !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        scroll-snap-type: x proximity !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-categories.m-board-categories::-webkit-scrollbar {
        display: none !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-categories.m-board-categories a {
        flex: 0 0 auto !important;
        scroll-snap-align: start !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
        padding: 0 14px !important;
        border-width: 2px !important;
        border-radius: 999px !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
        font-size: 12px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
}
/* 모바일 글보기 제목 박스 축소 202607081625 — 기존 컴팩트(15px)보다 한 단계 더 */
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-view-title.m-view-title.m-view-title.m-view-title {
        min-height: 0 !important;
        padding: 5px 11px !important;
        border-width: 2px !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
}
/* ══════════════════════════════════════════════
   모바일 회원가입 카드 202607081730
   .m-register-card 고정폭(≈600px)이 뷰포트를 넘어 표/버튼이 잘림.
   카드 전폭 + 약관 표 축소 + 버튼/입력 전폭. 가입 1·2단계 공통.
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    html body:not(.cke_editable) .m-shell .m-card.m-register-card,
    html body:not(.cke_editable) .m-shell .m-register-card {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 18px 14px !important;
        overflow-x: hidden !important;
    }
    html body:not(.cke_editable) .m-shell .m-register-card * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    /* 약관/개인정보 표 — 뷰포트 안에서 줄바꿈 */
    /* register.skin 의 #fregister .m-terms-table { min-width:520px !important } (ID 포함) 을 이김 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-member-page #fregister .m-terms-table.m-terms-table,
    html body:not(.cke_editable) .m-shell .m-register-card table {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        font-size: 11px !important;
    }
    html body:not(.cke_editable) .m-shell .m-register-card table th,
    html body:not(.cke_editable) .m-shell .m-register-card table td {
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        padding: 8px 8px !important;
        font-size: 11px !important;
        line-height: 1.45 !important;
    }
    /* 약관 스크롤 박스/입력/버튼 전폭 */
    html body:not(.cke_editable) .m-shell .m-register-card .m-input,
    html body:not(.cke_editable) .m-shell .m-register-card .m-btn {
        width: 100% !important;
        min-width: 0 !important;
    }
    html body:not(.cke_editable) .m-shell .m-register-card .m-input {
        font-size: 16px !important; /* iOS 포커스 확대 방지 */
    }
    html body:not(.cke_editable) .m-shell .m-register-card .m-register-actions {
        display: flex !important;
        flex-direction: row !important;
        gap: 10px !important;
        width: 100% !important;
    }
    html body:not(.cke_editable) .m-shell .m-register-card .m-register-actions .m-btn-secondary { flex: 1 1 0 !important; }
    html body:not(.cke_editable) .m-shell .m-register-card .m-register-actions .m-btn-primary { flex: 2 1 0 !important; }
}
/* ══════════════════════════════════════════════
   모바일 캡차(자동등록방지) 정리 202607081810
   회색 오디오 박스가 떠 있고 이미지/입력/새로고침이 뒤죽박죽이던 것을
   [이미지][입력][새로고침] 한 행 + 안내문/오디오 아랫줄로 재배치.
   비밀번호 찾기·회원가입 등 kcaptcha 쓰는 모든 페이지 공통.
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    html body:not(.cke_editable) .m-shell fieldset#captcha {
        box-sizing: border-box !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 12px !important;
        border: 3px solid var(--neo-ink, #151515) !important;
        border-radius: 14px !important;
        background: #fff !important;
        box-shadow: 4px 4px 0 var(--neo-ink, #151515) !important;
    }
    html body:not(.cke_editable) .m-shell fieldset#captcha legend {
        float: left !important;
        width: 100% !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
    }
    html body:not(.cke_editable) .m-shell fieldset#captcha legend label {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 24px !important;
        padding: 0 10px !important;
        border: 2px solid var(--neo-ink, #151515) !important;
        border-radius: 999px !important;
        background: var(--neo-yellow, #ffe45e) !important;
        color: var(--neo-ink, #151515) !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
        font-size: 11px !important;
        font-weight: 900 !important;
    }
    html body:not(.cke_editable) .m-shell fieldset#captcha #captcha_img {
        flex: 0 0 auto !important;
        width: auto !important;
        height: 44px !important;
        border: 2px solid var(--neo-ink, #151515) !important;
        border-radius: 10px !important;
        background: #fff !important;
    }
    html body:not(.cke_editable) .m-shell fieldset#captcha #captcha_key {
        flex: 1 1 90px !important;
        width: auto !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        height: 44px !important;
        padding: 0 10px !important;
        border: 2px solid var(--neo-ink, #151515) !important;
        border-radius: 10px !important;
        font-size: 16px !important; /* iOS 확대 방지 */
        font-weight: 800 !important;
    }
    html body:not(.cke_editable) .m-shell fieldset#captcha #captcha_reload,
    html body:not(.cke_editable) .m-shell fieldset#captcha #captcha_mp3 {
        flex: 1 1 calc(50% - 4px) !important; /* 2행에 음성듣기·새로고침 반반 */
        order: 4 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 38px !important;
        padding: 0 12px !important;
        border: 2px solid var(--neo-ink, #151515) !important;
        border-radius: 10px !important;
        background: var(--neo-yellow, #ffe45e) !important;
        color: var(--neo-ink, #151515) !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        overflow: visible !important;
        text-indent: 0 !important;
        white-space: nowrap !important;
    }
    html body:not(.cke_editable) .m-shell fieldset#captcha #captcha_reload span,
    html body:not(.cke_editable) .m-shell fieldset#captcha #captcha_mp3 span { display: none !important; }
    html body:not(.cke_editable) .m-shell fieldset#captcha #captcha_audio {
        flex: 1 1 100% !important;
        order: 5 !important;
        width: 100% !important;
        height: 34px !important;
        margin: 0 !important;
    }
    html body:not(.cke_editable) .m-shell fieldset#captcha #captcha_info {
        flex: 1 1 100% !important;
        order: 6 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        font-size: 10px !important;
        color: #6b7280 !important;
        line-height: 1.4 !important;
        white-space: normal !important;
    }
}
/* ══════════════════════════════════════════════
   모바일 입력 필드 iOS 자동 확대 전면 차단 202607081815
   개별 페이지마다 잡던 것을 전역 기본값으로: 모든 텍스트류 입력을
   16px 이상으로. (iOS 는 16px 미만 입력 포커스 시 페이지를 확대함)
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) input[type="text"],
    html.neo-theme-active body:not(.cke_editable) input[type="password"],
    html.neo-theme-active body:not(.cke_editable) input[type="email"],
    html.neo-theme-active body:not(.cke_editable) input[type="url"],
    html.neo-theme-active body:not(.cke_editable) input[type="search"],
    html.neo-theme-active body:not(.cke_editable) input[type="tel"],
    html.neo-theme-active body:not(.cke_editable) input[type="number"],
    html.neo-theme-active body:not(.cke_editable) select,
    html.neo-theme-active body:not(.cke_editable) textarea,
    html.neo-theme-active body:not(.cke_editable) .m-shell input[type="text"],
    html.neo-theme-active body:not(.cke_editable) .m-shell input[type="password"],
    html.neo-theme-active body:not(.cke_editable) .m-shell input[type="email"],
    html.neo-theme-active body:not(.cke_editable) .m-shell input[type="url"],
    html.neo-theme-active body:not(.cke_editable) .m-shell input[type="search"],
    html.neo-theme-active body:not(.cke_editable) .m-shell input[type="tel"],
    html.neo-theme-active body:not(.cke_editable) .m-shell input[type="number"],
    html.neo-theme-active body:not(.cke_editable) .m-shell select,
    html.neo-theme-active body:not(.cke_editable) .m-shell textarea {
        font-size: 16px !important;
    }
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"] .m-shell > .m-footer {
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .m-shell > .m-footer .m-footer-title,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-title, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-title, html[data-theme="dark"] .m-shell > .m-footer .m-footer-title,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-online strong, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-online strong, html[data-theme="dark"] .m-shell > .m-footer .m-footer-online strong,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-title, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-title, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-title,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-online strong, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-online strong, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-online strong {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-shell > .m-footer .m-footer-menu a:hover {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-shell > .m-footer .m-footer-online strong {
    background-color: var(--neo-surface-soft, #1D232D);
    border-color: var(--neo-border, #2A313C);
    box-shadow: none;
    color: #9CA3AF !important;
}

@media (max-width: 720px) {
html[data-theme="dark"] .m-shell > .m-footer,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer, html[data-theme="dark"] .m-shell > .m-footer,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col, html[data-theme="dark"] .m-shell > .m-footer .m-footer-col, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu, html[data-theme="dark"] .m-shell > .m-footer .m-footer-menu,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-col, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu {
    box-shadow: none !important;
}
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer, html[data-theme="dark"] .m-shell > .m-footer,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer {
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col, html[data-theme="dark"] .m-shell > .m-footer .m-footer-col,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu, html[data-theme="dark"] .m-shell > .m-footer .m-footer-menu,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-col,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu {
    background-color: #1D232D !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row li, html[data-theme="dark"] .m-shell > .m-footer .m-footer-info-row li,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dd, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dd, html[data-theme="dark"] .m-shell > .m-footer .m-footer-stats dd,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a, html[data-theme="dark"] .m-shell > .m-footer .m-footer-menu a,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row li, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dd, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dd, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dd,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row span, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row span, html[data-theme="dark"] .m-shell > .m-footer .m-footer-info-row span,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row b, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row b, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row a, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row a, html[data-theme="dark"] .m-shell > .m-footer .m-footer-info-row b, html[data-theme="dark"] .m-shell > .m-footer .m-footer-info-row a,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row span, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row span, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row span,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row b, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row b, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row a, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row a, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row b, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row a {
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dt, html[data-theme="dark"] .m-shell > .m-footer .m-footer-stats dt,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dt, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a:hover, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a:hover, html[data-theme="dark"] .m-shell > .m-footer .m-footer-menu a:hover,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a:hover, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a:hover, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a:hover {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
@media (max-width: 560px) {
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-head.m-board-head h1,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-head.m-board-head .m-icon-btn, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions.m-board-actions .m-icon-btn,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-summary.m-board-list-summary,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .m-board-categories.m-board-categories a,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-bulk-btn.m-bulk-btn, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-bb-btn.neo-bb-btn,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-view-title.m-view-title.m-view-title,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions > .m-view-actions-meta .m-view-name, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions > .m-view-actions-meta .m-view-ip, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions > .m-view-actions-meta .m-view-meta-item,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions .m-icon-btn,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-view-section-title.m-view-section-title, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-comments-title.m-comments-title, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-comment-write-title.m-comment-write-title {
    box-shadow: none !important;
}
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
@media (max-width: 720px) {
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-categories.m-board-categories a {
    box-shadow: none !important;
}
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
@media (max-width: 720px) {
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-view-title.m-view-title.m-view-title.m-view-title {
    box-shadow: none !important;
}
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
@media (max-width: 720px) {
html[data-theme="dark"] body:not(.cke_editable) .m-shell fieldset#captcha {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
}
}

@media (max-width: 720px) {
html[data-theme="dark"] body:not(.cke_editable) .m-shell fieldset#captcha legend label,
html[data-theme="dark"] body:not(.cke_editable) .m-shell fieldset#captcha #captcha_reload, html[data-theme="dark"] body:not(.cke_editable) .m-shell fieldset#captcha #captcha_mp3 {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}
}

@media (max-width: 720px) {
html[data-theme="dark"] body:not(.cke_editable) .m-shell fieldset#captcha #captcha_img {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
}
}

@media (max-width: 720px) {
html[data-theme="dark"] body:not(.cke_editable) .m-shell fieldset#captcha #captcha_key {
    border-color: var(--neo-border, #2A313C) !important;
}
}
/* ══════════════════════════════════════════════
   푸터 단일 카드 슬림화 202607211245
   검정 슬래브 프레임(#151515 배경 + 패딩) 안에 크림 바를 넣던
   이중 프레임을 제거 — 본문 카드와 같은 흰 카드(2px 보더 + 3px 섀도)
   하나에 필 링크만 중앙 정렬. 다크는 칼름 v6 팔레트 카운터 포함.
   ══════════════════════════════════════════════ */
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
html body:not(.cke_editable) .m-shell > .m-footer {
    padding: 12px 16px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 16px !important;
    background: var(--neo-surface, #ffffff) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu {
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
    html body:not(.cke_editable) .m-shell > .m-footer {
        padding: 10px 12px !important;
        border-radius: 14px !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    }
}
/* 다크 카운터 — 위 라이트 규칙이 기존 다크 규칙보다 뒤 + 동률 이상 특이도라 누수됨 */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer {
    border-color: var(--neo-border, #2A313C) !important;
    background: #161A22 !important;
    box-shadow: none !important;
}
/* 기존 다크 자동 카운터의 메뉴 배경(#1D232D, 특이도 0,6,2)이 밴드로 남음 — 동률 후순위로 투명화 */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
/* 카드가 #161A22 가 되면서 기존 다크 필(#161A22)이 묻힘 — 한 단계 어두운 웰 + 호버 승격 */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a {
    background: #0F1117 !important;
    border-color: var(--neo-border, #2A313C) !important;
    color: #9CA3AF !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a:hover,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a:hover,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a:hover {
    background: var(--neo-surface-soft, #1D232D) !important;
    color: #9CA3AF !important;
}
.m-new-form-card { padding: 22px 24px; margin-bottom: 18px; }
.m-new-title {
    display: flex; align-items: center; gap: 8px;
    font-size: var(--m-text-xl); font-weight: 700;
    color: var(--m-text); margin: 0 0 14px;
}
.m-new-title svg { color: var(--m-primary); }
.m-new-search-form { margin: 0; }
.m-new-search-row {
    display: flex; gap: 8px; flex-wrap: wrap; align-items: center;
}
/* gnuboard 가 만드는 #gr_id select 도 모던 .m-input 스타일로 — 클래스를 못 박아서 id 로 매김 */
.m-new-search-row #gr_id,
.m-new-search-row select { width: auto; min-width: 110px; }
.m-new-search-row #gr_id {
    padding: 10px 12px; box-sizing: border-box;
    background: var(--m-surface); color: var(--m-text);
    border: 1px solid var(--m-border-hover); border-radius: var(--m-radius);
    font-size: var(--m-text-md); font-family: inherit;
    transition: border-color 0.15s, box-shadow 0.15s;
    outline: none;
}
.m-new-search-row #gr_id:focus {
    border-color: var(--m-primary);
    box-shadow: 0 0 0 3px var(--m-primary-soft);
}
.m-new-input { width: 220px; flex: 0 0 auto; }
@media (max-width: 540px) { .m-new-input { width: 100%; flex: 1; } }
.m-new-select { flex: 0 0 auto; }
.m-new-btn {
    display: inline-flex; align-items: center; gap: 6px;
    width: auto; padding: 10px 18px;
    flex-shrink: 0;
}
.m-new-hint { margin: 10px 0 0; font-size: var(--m-text-sm); color: var(--m-text-muted); }

.m-new-list-card { padding: 0; overflow: hidden; }
.m-new-list-wrap { overflow-x: auto; }
.m-new-list {
    width: 100%; border-collapse: collapse;
    font-size: var(--m-text-sm); color: var(--m-text);
}
.m-new-list th {
    padding: 12px 14px; text-align: left;
    font-size: var(--m-text-xs); font-weight: 600; color: var(--m-text-muted);
    border-bottom: 1px solid var(--m-border); background: var(--m-surface-2);
    white-space: nowrap;
}
.m-new-list td {
    padding: 12px 14px;
    border-bottom: 1px solid var(--m-border);
    vertical-align: middle;
}
.m-new-list tbody tr:last-child td { border-bottom: 0; }
.m-new-list tbody tr:hover td { background: var(--m-surface-2); }

.m-new-col-chk { width: 36px; text-align: center; }
.m-new-col-chk input { accent-color: var(--m-primary); }
.m-new-col-board { width: 120px; white-space: nowrap; }
.m-new-col-board a {
    color: var(--m-text-soft); text-decoration: none;
    font-size: var(--m-text-xs);
    padding: 3px 8px; border-radius: 999px;
    background: var(--m-surface-2); border: 1px solid var(--m-border);
    display: inline-block;
}
.m-new-col-board a:hover {
    color: var(--m-primary); border-color: var(--m-primary);
}
.m-new-col-subject { min-width: 240px; }
.m-new-subject-link {
    display: inline-flex; align-items: center; gap: 6px;
    color: var(--m-text); text-decoration: none;
}
.m-new-subject-link:hover { color: var(--m-primary); }
.m-new-cmt-mark { color: var(--m-text-faint); display: inline-flex; }
.m-new-col-name { width: 110px; color: var(--m-text-soft); }
.m-new-col-hit { width: 82px; text-align: center; color: var(--m-text); font-weight: 700; white-space: nowrap; }
.m-new-col-date { width: 120px; color: var(--m-text-muted); white-space: nowrap; }

.m-new-empty {
    padding: 60px 20px !important; text-align: center !important;
}
.m-new-empty svg { color: var(--m-text-faint); margin-bottom: 8px; display: inline-block; }
.m-new-empty p { margin: 0; color: var(--m-text-muted); }

.m-new-bulk-row {
    display: flex; justify-content: flex-end; gap: 6px;
    margin-bottom: 8px;
}
.m-new-bulk-bottom { margin: 12px 0 0; }

@media (max-width: 720px) {
    .m-new-col-board, .m-new-col-name { display: none; }
    .m-new-list th.m-new-col-board, .m-new-list th.m-new-col-name { display: none; }
}

/* New page bulk delete button final 202607032005 */
html body:not(.cke_editable) .neo-new-page .m-new-bulk-row {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 6px 12px 8px 0 !important;
    overflow: visible !important;
}
html body:not(.cke_editable) .neo-new-page .m-new-bulk-bottom {
    margin: 16px 0 0 !important;
    padding: 8px 12px 0 0 !important;
}
html body:not(.cke_editable) .neo-new-page .m-new-bulk-row button.m-bulk-btn,
html body:not(.cke_editable) .neo-new-page button.m-bulk-btn,
html.neo-theme-active body:not(.cke_editable) .neo-new-page .m-new-bulk-row button.m-bulk-btn {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 86px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    border: 3px solid #151515 !important;
    border-radius: 12px !important;
    background: #ff7ab6 !important;
    color: #151515 !important;
    box-shadow: 5px 5px 0 #151515 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    appearance: none !important;
    cursor: pointer !important;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease !important;
}
html body:not(.cke_editable) .neo-new-page .m-new-bulk-row button.m-bulk-btn:hover,
html body:not(.cke_editable) .neo-new-page button.m-bulk-btn:hover,
html.neo-theme-active body:not(.cke_editable) .neo-new-page .m-new-bulk-row button.m-bulk-btn:hover {
    transform: translate(2px, 2px) !important;
    box-shadow: 3px 3px 0 #151515 !important;
    background: #ffe45e !important;
}
html body:not(.cke_editable) .neo-new-page .m-new-bulk-row button.m-bulk-btn:active,
html body:not(.cke_editable) .neo-new-page button.m-bulk-btn:active {
    transform: translate(5px, 5px) !important;
    box-shadow: 0 0 0 #151515 !important;
}
html[data-theme='dark'] body:not(.cke_editable) .neo-new-page .m-new-bulk-row button.m-bulk-btn,
html[data-theme='dark'] body:not(.cke_editable) .neo-new-page button.m-bulk-btn {
    border-color: #2A313C !important;
    background: #1D232D !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
html[data-theme='dark'] body:not(.cke_editable) .neo-new-page .m-new-bulk-row button.m-bulk-btn:hover,
html[data-theme='dark'] body:not(.cke_editable) .neo-new-page button.m-bulk-btn:hover {
    background: #1D232D !important;
    box-shadow: none !important;
}
@media (max-width: 640px) {
    html body:not(.cke_editable) .neo-new-page .m-new-bulk-row {
        padding-right: 8px !important;
    }
    html body:not(.cke_editable) .neo-new-page .m-new-bulk-row button.m-bulk-btn,
    html body:not(.cke_editable) .neo-new-page button.m-bulk-btn {
        min-width: 78px !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
    }
}




/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"] body:not(.cke_editable) .neo-new-page .m-new-bulk-row button.m-bulk-btn, html[data-theme="dark"] body:not(.cke_editable) .neo-new-page button.m-bulk-btn, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-new-page .m-new-bulk-row button.m-bulk-btn {
    background-color: #1D232D !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] body:not(.cke_editable) .neo-new-page .m-new-bulk-row button.m-bulk-btn:hover, html[data-theme="dark"] body:not(.cke_editable) .neo-new-page button.m-bulk-btn:hover, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-new-page .m-new-bulk-row button.m-bulk-btn:hover {
    background-color: #1D232D !important;
    box-shadow: none !important;
}

html[data-theme="dark"] body:not(.cke_editable) .neo-new-page .m-new-bulk-row button.m-bulk-btn:active, html[data-theme="dark"] body:not(.cke_editable) .neo-new-page button.m-bulk-btn:active {
    box-shadow: none !important;
}

/* ══════════════════════════════════════════════
   타이틀 뱃지 축소 + 안내 pill 정렬 202607211340
   ① '전체 게시물' 타이틀 pill 을 한 단계 컴팩트하게 (42px→32px 급).
   ② 코어 neobrutalism.css 가 .m-new-hint 에 margin-top 10px 와
      ::before(content:"안내") 를 얹어 — 마크업의 안내 라벨과 중복 +
      행 세로 중앙에서 밀림. 마진 제거·높이 통일로 검색 버튼과 중앙 정렬,
      ::before 는 제거. 문서 후미 인라인이라 코어와 동률 이상에서 승리.
   ══════════════════════════════════════════════ */
html.neo-theme-active body:not(.cke_editable) .neo-new-page .m-new-title,
html body:not(.cke_editable) .neo-new-page .m-new-title {
    gap: 8px !important;
    min-height: 32px !important;
    margin: 0 0 14px !important;
    padding: 4px 12px !important;
    border-width: 3px !important;
    box-shadow: 4px 4px 0 var(--neo-ink, #151515) !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
}
html.neo-theme-active body:not(.cke_editable) .neo-new-page .m-new-title .ph-bold,
html body:not(.cke_editable) .neo-new-page .m-new-title .ph-bold {
    font-size: 16px !important;
}
html.neo-theme-active body:not(.cke_editable) .neo-new-page .m-new-hint,
html body:not(.cke_editable) .neo-new-page .m-new-hint {
    align-self: center !important;
    min-height: 48px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 14px !important;
    white-space: nowrap !important;
}
html.neo-theme-active body:not(.cke_editable) .neo-new-page .m-new-hint::before,
html body:not(.cke_editable) .neo-new-page .m-new-hint::before {
    content: none !important;
    display: none !important;
}
@media (max-width: 760px) {
    html.neo-theme-active body:not(.cke_editable) .neo-new-page .m-new-hint,
    html body:not(.cke_editable) .neo-new-page .m-new-hint {
        min-height: 42px !important;
        white-space: normal !important;
    }
}
/* 다크 카운터 — 위 라이트 규칙(잉크 섀도)이 다크로 누수되지 않게 */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-new-page .m-new-title,
html[data-theme="dark"] body:not(.cke_editable) .neo-new-page .m-new-title,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-new-page .m-new-hint,
html[data-theme="dark"] body:not(.cke_editable) .neo-new-page .m-new-hint {
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-new-page .m-new-hint,
html[data-theme="dark"] body:not(.cke_editable) .neo-new-page .m-new-hint {
    background: #161A22 !important;
    color: #9CA3AF !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-new-page .m-new-hint-label,
html[data-theme="dark"] body:not(.cke_editable) .neo-new-page .m-new-hint-label {
    background: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    color: #9CA3AF !important;
}