/* site theme: light */
/* light: 화이트+블루 (밝은 GNB) */
:root{
    --nt-bg: #ffffff;
    --nt-bg-2: #f8fafc;
    --nt-text: #1f2937;
    --nt-muted: #6b7280;
    --nt-accent: #2563eb;
    --nt-border: #e5e7eb;
}
.lgbar{ background: linear-gradient(90deg, #e5e7eb, #cbd5e1, #e5e7eb) !important; }
/* 밝은 배경에서는 드롭다운 그림자를 연하게 */
#nt_menu .sub-1div{ box-shadow: 0 10px 24px rgba(15,23,42,.12) !important; }
#nt_menu{ border-bottom: 1px solid var(--nt-border); }

/* nav layout: side-right */
/* nav layout: side-right — PC(md+)에서 GNB를 우측 고정 사이드바로 전환. 모바일은 기존 모바일 메뉴 유지. */
@media (min-width: 768px) {
    body { padding-right: 240px; }

    #nt_menu {
        position: fixed;
        top: 0; right: 0; bottom: 0;
        width: 240px;
        z-index: 1040;
        overflow-y: auto;
        border-bottom: none !important;
        border-left: 3px solid var(--nt-accent);
    }
    #nt_menu .nt-container { max-width: 100%; padding: 0 !important; }
    #nt_menu .nt-container .d-flex { display: block !important; }
    #nt_menu .me-list { width: 100%; }

    /* 가로 row → 세로 스택 */
    #nt_menu .me-ul { display: block !important; margin: 0 !important; }
    #nt_menu .me-ul .me-li {
        display: block;
        width: 100%; max-width: 100%;
        flex: none;
        padding: 0 !important;
    }
    #nt_menu .me-a {
        display: block;
        padding: 13px 20px !important;
        text-align: left;
    }

    /* 드롭다운 → 인라인 아코디언 */
    #nt_menu .sub-1div {
        position: static !important;
        width: 100% !important;
        box-shadow: none !important;
        border: 0 !important;
    }
    #nt_menu .sub-1dul { padding: 0 0 6px 0; }
    #nt_menu .sub-1da { display: block; padding: 8px 20px 8px 34px; }

    /* 상단용 아이콘/사이드 위젯은 사이드바에서 숨김 */
    #nt_menu .me-icon, #nt_menu .me-sw { display: none !important; }
}

/* 우측 메뉴일 때: 프로필/로그인/배너 위젯 컬럼을 반대편(좌측)으로 이동 */
@media (min-width: 1200px) {
    #nt_body .na-row > .col-md-2.na-col { order: -1; }
}
