/* ============================================================================
   좌측 메뉴 정리

   마크업(index.html)과 동작(JS)은 그대로 두고 모양만 다듬는다.
   #nav_tabs_left_ul 아이디로 우선순위를 올려 bootstrap.css 와 reset.css 의
   nav-tabs / tabs-left 규칙을 덮는다.

   ★ 색은 여기서 정하지 않는다.
     배경·글자·선택·호버 색은 업체별로 DB 에서 내려와 JS 가 인라인으로
     칠한다 (IndexProcessResult 의 result[9]/[10]/[12]/[13]).
     인라인이 항상 이기므로 여기 값은 로딩 직후 잠깐 보이는 기본값일 뿐이다.
   ============================================================================ */

/* ── 메뉴 기둥 ── */
.admin-background {
    padding: 0;
}

/* 로고 */
#index-main-logo {
    display: block;
    margin: 0 auto 8px;
}

/* ── 목록 틀 : 탭 테두리 제거 ── */
#nav_tabs_left_ul {
    border: 0;                      /* nav-tabs 밑줄, tabs-left 오른줄 제거 */
    padding: 6px 10px 10px;
    margin: 0;
}

#nav_tabs_left_ul > li {
    float: none;
    margin: 0 0 4px;                /* 항목 사이 숨통 */
}

/* ── 항목 ── */
#nav_tabs_left_ul > li > a {
    display: block;
    padding: 11px 14px;
    margin: 0;
    border: 0;                      /* 탭 테두리 제거 */
    border-radius: 0;               /* 직각 */
    font-size: 15px;
    line-height: 1.4;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .15s ease, opacity .15s ease;
}

/* 선택/호버 시 탭처럼 흰 상자가 되던 것을 무효화.
   실제 색은 JS 가 인라인으로 칠한다. */
#nav_tabs_left_ul > li > a:hover,
#nav_tabs_left_ul > li > a:focus,
#nav_tabs_left_ul > li.active > a,
#nav_tabs_left_ul > li.active > a:hover,
#nav_tabs_left_ul > li.active > a:focus {
    border: 0;
    background-color: transparent;
    color: inherit;
}

/* 아이콘 폭을 맞춰 글자 시작선을 정렬한다 */
#nav_tabs_left_ul > li > a > .glyphicon {
    display: inline-block;
    width: 20px;
    margin-right: 8px;
    text-align: center;
    top: 2px;                       /* glyphicon 기본 position:relative 기준 */
}

/* ── 아래쪽 링크 항목 (메뉴얼다운로드 / 그룹웨어연동방법) ──
   기능 메뉴가 아니라 바깥 문서로 가는 링크라 한 단계 눌러 준다 */
#menu-link > a,
#menu-groupware > a {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 13px;
    opacity: .8;
}

#menu-link > a:hover,
#menu-groupware > a:hover {
    opacity: 1;
}

/* KT 로고 */
#index-kt-logo {
    display: block;
    margin: 24px auto 40px;
}

/* ── 포커스 테두리 ───────────────────────────────────────────────────
   왼쪽 메뉴는 포커스 테두리를 아예 그리지 않는다.
   (키보드 예외를 남겼더니 메뉴 JS 가 포커스를 옮길 때도
    테두리가 남아 보였다. 선택 표시는 배경색이 대신한다.) */
#nav_tabs_left_ul a:focus,
#nav_tabs_left_ul a:focus-visible,
.admin-background a:focus,
.admin-background a:focus-visible {
    outline: none !important;
}