@charset "utf-8";
/* ------------------------------------------------------------------
   한글 UI 타이포그래피 보정 (오버라이드 레이어)
   원본 테마는 영문 라벨(About, WHAT WE DO …) 기준으로 자간과 크기가
   잡혀 있어, 한글로 바꾸면 글자가 흩어져 보인다.
   한글은 자간을 좁히고 크기를 키워야 같은 밀도로 읽힌다.

   이 파일은 head 앞쪽에서 로드되지만 common.css / keyword-navigation.css가
   뒤에 오므로, 덮어쓰기 위해 !important 를 쓴다.
------------------------------------------------------------------ */

/* ── 상단 내비게이션 ──
   주의: .keyword-nav-item(키워드검색조회 초록 버튼)은 keyword-navigation.css 가
   13px/800, hover 시 900 으로 따로 잡는다. !important 로 덮으면 버튼 모양과
   hover 가 모두 깨지므로 :not() 으로 반드시 제외할 것. */
#header_t_id .menu .major ul li:not(.keyword-nav-item) > a,
.menu .major ul li:not(.keyword-nav-item) > a {
    display: inline-block;
    padding: 9px 4px !important;   /* 좌측 3em 대신 대칭 여백 — hover 영역도 함께 확보 */
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
    transition: color .2s ease;
}
.menu .major ul { column-gap: 14px; }

/* ── 메뉴 hover / 활성 상태 ──
   헤더 배경은 반투명 검정(#000000b8)이고 글자는 흰색이다.
   원본 테마는 hover 시 color:#212121(거의 검정)로 바꿔 글자가 배경에 묻히고,
   JS가 붙이는 .active 는 청록(#1bb7ba)이라 브랜드 색과도 어긋난다.
   두 상태를 모두 브랜드 옐로우로 통일한다. */
#header_t_id .menu .major li:not(.keyword-nav-item):hover > a,
#header_t_id .menu .major li:not(.keyword-nav-item):focus-within > a,
#header_t_id .menu .major li:not(.keyword-nav-item).active > a,
#header_t_id .menu .major li:not(.keyword-nav-item).pactive > a,
.menu .major li:not(.keyword-nav-item):hover > a,
.menu .major li:not(.keyword-nav-item).active > a,
.menu .major li:not(.keyword-nav-item).pactive > a {
    color: #ffde01 !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    border-bottom: 0 !important;
}
/* 스크롤 시 헤더(.f-nav)도 어두우므로 동일 처리 */
#header_t_id.f-nav .menu .major li:not(.keyword-nav-item):hover > a,
.f-nav .menu .major li:not(.keyword-nav-item):hover > a {
    color: #ffde01 !important;
}
/* 2depth 하위메뉴는 흰 배경이므로 원래 색 유지 */
.menu .major ul.sub li a,
.menu .major li.active ul.sub li a {
    color: #555 !important;
    font-weight: 500 !important;
}
.menu .major ul.sub li a:hover {
    color: #1166da !important;
    font-weight: 700 !important;
}
/* 숨김 처리된 ko_nav 는 계속 숨김 (en_nav 에 한글이 들어가 있음) */
.menu .major ul li .ko_nav { display: none !important; }

/* ── 모바일 슬라이드 메뉴 (키워드 버튼 제외) ── */
.pushy .mo_head_tab ul li:not(.keyword-nav-item) > a {
    font-size: 17px !important;
    font-weight: 600 !important;
    letter-spacing: -.02em !important;
}

/* ── 섹션 상단 라벨 (한글로 교체된 kicker / eyebrow) ── */
.cap_eyebrow,
.mb_kicker,
.footer_contact_kicker {
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
}
.mb_channels_label,
.footer_label {
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
}

/* ── 푸터 상세 문구 ── */
.footer_detail { letter-spacing: -.01em; }

/* ── 게시판 카테고리 탭 ── */
.bo_cate_link,
.bo_cate ul li a,
#bo_cate ul li a {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: -.02em !important;
}

@media (max-width: 1180px) {
    #header_t_id .menu .major ul li:not(.keyword-nav-item) > a,
    .menu .major ul li:not(.keyword-nav-item) > a { font-size: 15px !important; }
}