/* ==========================================================================
   상단 주메뉴(GNB) — 글씨 1.5배 + 「결과조회」 한 칸 추가       2026-10-07
   이 파일은 구(舊) 셸(header.jsp·sub_header.jsp → navi.jsp)만 맡는다.
   새 셸(index.jsp·new_sub_header.jsp)은 제 파일 안에 inline 로 갖고 있다.

   common.css 를 직접 안 고치는 까닭(규칙 12와 같은 이유) — 저 파일은 사이트
   전체를 떠받치고 있어서 한 줄 잘못 건드리면 어디가 무너졌는지 찾기 어렵다.
   여기 적은 선택자는 common.css 와 **완전히 같은 모양**이라, 뒤에 실리는
   것만으로 이긴다. 되돌릴 일이 생기면 header.jsp·sub_header.jsp 에서
   이 파일 링크 한 줄씩만 빼면 끝난다.

   ── 왜 간격까지 손대나 ──
   글씨만 16px→24px 로 키우면 여섯 칸이 로고를 밀고 나간다. 그래서
   칸 좌우 여백(30→20)과 메뉴줄 오른쪽 여백(460→300)을 같이 줄였다.
   실측(1600px): 메뉴줄이 532~1285px 를 쓰고 로고와 안 겹친다.

   ── 하위메뉴 위치의 정체 ──
   dep02 는 화면 폭을 꽉 채운 띠이고, 글자를 오른쪽에 붙인 뒤
   padding-right 로 왼쪽으로 밀어 «부모 밑»처럼 보이게 한 것이다.
   그래서 숫자가 메뉴마다 다르고, 칸을 하나 끼우면 **전부 틀어진다.**
   common.css 의 값들은 눈대중이라 규칙이 없었다. 여기서는 식으로 바꿨다:

       padding-right = 280 + (그 메뉴 오른쪽에 있는 칸들의 너비 합)

   그러면 하위메뉴 오른끝이 부모 오른끝보다 20px 만 오른쪽에 선다.
   칸 너비는 네 글자 129px · 「자료실」 107px(실측). 다음에 칸을 더하거나
   이름을 바꾸면 이 식으로 다시 세면 된다 — 눈대중할 필요가 없다.

   사업분야(menu02)만 예외다. 하위가 12개라 부모 밑으로 당기면 화면을
   벗어난다. common.css 가 하던 대로 띠 기본값(300)에 두고 글자 사이만 좁힌다.
   ========================================================================== */

.top_menu ul.dropdown { margin-right:300px; }
.top_menu .dep01 > a { font-size:24px; padding:0 20px; }
.top_menu ul.dep02 li a { font-size:21px; padding:0 18px; }

.top_menu .dep01.menu01 ul.dep02 { padding-right:903px; }   /* 회사소개 */
.top_menu .dep01.menu02 ul.dep02 { padding-right:300px; }   /* 사업분야 — 12칸이라 띠 기본값 */
.top_menu .dep01.menu02 ul.dep02 li a { padding:0 10px; }
.top_menu .dep01.menu03 ul.dep02 { padding-right:645px; }   /* 고객지원 */
.top_menu .dep01.menu04 ul.dep02 { padding-right:516px; }   /* 결과조회 ← 새 칸 */
.top_menu .dep01.menu05 ul.dep02 { padding-right:387px; }   /* 커뮤니티 (전엔 menu04) */
.top_menu .dep01.menu06 ul.dep02 { padding-right:280px; }   /* 자료실   (전엔 menu05) */

/* ── 좁은 화면 두 단 ──
   칸 여섯이 쓰는 폭은 753px 로 고정이다(실측). 남는 자리는 메뉴줄 오른쪽
   여백이 먹고 있으므로, 화면이 좁아지면 그 여백부터 줄여야 로고와 안 겹친다.
   끊는 지점은 common.css 가 이미 쓰는 1600 / 1280 을 그대로 따른다
   (1280 에서 보조 로고 .logo2 가 사라져 왼쪽이 그만큼 가벼워진다).
   1080 아래는 common.css 가 .top_menu 를 통째로 감추고 햄버거로 넘긴다.

   common.css 도 1600 구간에서 margin-right:360px 과 옛 다섯 칸 값을 주지만,
   그 규칙은 이 파일보다 **먼저** 실리고 미디어쿼리는 우선순위를 안 올리므로
   여기 값이 이긴다.

   padding-right 는 본문 위쪽과 같은 식이다 — (여백 - 20) + 오른쪽 칸 너비 합.
   칸 너비: 네 글자 129px · 「자료실」 107px. */
@media all and (max-width:1600px) {
    .top_menu ul.dropdown { margin-right:180px; }
    .top_menu .dep01.menu01 ul.dep02 { padding-right:783px; }
    .top_menu .dep01.menu02 ul.dep02 { padding-right:180px; }
    .top_menu .dep01.menu03 ul.dep02 { padding-right:525px; }
    .top_menu .dep01.menu04 ul.dep02 { padding-right:396px; }
    .top_menu .dep01.menu05 ul.dep02 { padding-right:267px; }
    .top_menu .dep01.menu06 ul.dep02 { padding-right:160px; }
}
@media all and (max-width:1280px) {
    .top_menu ul.dropdown { margin-right:60px; }
    .top_menu .dep01.menu01 ul.dep02 { padding-right:663px; }
    .top_menu .dep01.menu02 ul.dep02 { padding-right:60px; }
    .top_menu .dep01.menu03 ul.dep02 { padding-right:405px; }
    .top_menu .dep01.menu04 ul.dep02 { padding-right:276px; }
    .top_menu .dep01.menu05 ul.dep02 { padding-right:147px; }
    .top_menu .dep01.menu06 ul.dep02 { padding-right:40px; }
}

/* ── 햄버거 메뉴(nav#menu) ──
   1080px 아래에서는 common.css 가 .top_menu 를 통째로 감추고 이쪽으로 넘긴다.
   글씨는 renav.css 가 잡으므로 같은 선택자로 덮는다.

   ★ width:20% 를 꼭 같이 고쳐야 한다. renav.css 는 다섯 칸을 표(table-cell)로
     20% 씩 나눠 놓았다. 여섯 칸이 되면 120% 가 되어 마지막 칸이 밀려 나간다.
     글씨만 키우고 이 줄을 빠뜨리면 큰 화면 햄버거 메뉴가 깨진다. */
.menu ul.ma_menu > li { width:16.66%; }
.menu ul.ma_menu .depth_01 > a { font-size:30px; line-height:42px; }
.menu ul.ma_menu .depth_02 > li > a { font-size:24px; }
.menu ul.ma_menu .depth_03 > li > a { font-size:21px; }