@charset "utf-8";
/* ============================================================================
   상단 헤더(.site_header) 공용 스타일 — 단일 진실 소스 (2026-07-28)
   ----------------------------------------------------------------------------
   이전에는 style.css(일반 화면) / admin_layout.css(Setting 화면) / site_layout.css(미사용)
   세 곳에 같은 블록이 복제돼 있었고, 값이 조금씩 어긋나 화면마다 헤더 위치·크기가 달랐다.
   실측 차이(수정 전):
     · 로고 margin-top   6px(일반) ↔ 8px(Setting)   → 로고·메뉴가 2px 아래로 밀림
     · 우측 메뉴 글자     12px(일반) ↔ 14px(Setting)  → Mypage/Logout 크기·가로위치 상이
     · Home 메뉴 시작     254px(일반) ↔ 255px(Setting)
   같은 마크업(layout/header.html · header_nostudy.html)을 쓰는 이상 스타일도 한 곳이어야
   드리프트가 재발하지 않는다. 두 레이아웃(siteheader.html, defaultLayout_admin.html)이 이 파일을
   함께 로드한다.
   ⚠️ 헤더 규칙을 고칠 땐 여기만 고칠 것 — style.css / admin_layout.css 로 되돌려 쓰지 말 것.
   ========================================================================== */

.site_header { position: fixed; top: 0px; width: 100%; min-width: 100px; height: 50px; z-index: 1003; background:#34495e; }
.site_header.sanbox { background: darkorange; }

.site_header ul { list-style: none; }
.site_header ul li { float: left; color: #fff; }
/* 로고 폭 245px 은 좌측 사이드바 폭과 맞춘 값(일반 240px + 여백). Setting 사이드바는 200px 이지만
   헤더 정렬은 전 화면 동일해야 하므로 같은 값을 쓴다. */
.site_header #SiteLogo { margin-right: -1px; margin-top: 6px; text-align: center; }
/* 로고 칸(첫 li)은 좌측 사이드바 폭과 맞춘 고정폭, 나머지 메뉴 li 는 좌우 5px 간격.
   이 두 줄이 빠지면 Home 메뉴 시작 x 좌표가 화면마다 10px 씩 어긋난다(실측). */
.site_header ul > li:first-child { width: 245px !important; }
.site_header ul > li { padding: 0 5px !important; }

/* 상단 메뉴: 균일 타일 + 아이콘·라벨. hover 는 배경 없이 색상 포인트 */
.site_header .main_menu a { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-width: 36px; padding: 0 3px; height: 50px; text-decoration: none; }
.site_header .main_menu a i { font-size: 22px; color: #fff; transition: color .15s ease; }
.site_header .main_menu a span { font-size: 12px; line-height: 1; margin-top: 3px; color: #fff; letter-spacing: -0.2px; white-space: nowrap; transition: color .15s ease; }
.site_header .main_menu a:hover i, .site_header .main_menu a:hover span,
.site_header .main_menu a.active i, .site_header .main_menu a.active span { color: #7fd1ff; }

/* 우측 계정 메뉴(사용자 · Mypage · Logout · Setting) */
/* 글자 크기는 큰 쪽(14px)으로 통일 — 사용자 결정(2026-07-28).
   통일 전에는 일반 화면 12px(9pt) / Setting 화면 14px(body 상속) 이었고, 가독성이 나은 14px 을 택했다.
   line-height 를 고정하는 이유: admin 레이아웃은 body line-height 가 20px, 일반은 normal 이라
   상속에 맡기면 Mypage/Logout 의 세로 위치가 화면마다 1px 어긋난다(실측). */
.site_header .account_menu { padding: 30px 10px 0 0; text-align: right; font-size: 14px; letter-spacing: 0px; line-height: normal; }
.site_header .account_menu a { margin: 0 2px 0 2px; }
.site_header .account_menu * { color: #fff; }
.site_header .account_menu i { font-size: 13px; margin-right: 2px; }

/* 헤더 링크 밑줄 제거 — 두 레이아웃의 결과를 같게 만든다(2026-07-28).
   원인: admin(설정) 레이아웃만 reset.css 를 읽고, 거기 `a:focus,a:hover,a:active{text-decoration:underline}`
   가 있다. 일반 화면은 reset.css 대신 style.css 를 읽어 밑줄이 없었다 — 의도한 구분이 아니라
   레이아웃별 CSS 목록이 다른 데서 온 차이다. 헤더는 공용 파일인 여기서 못박아 화면마다 달라지지 않게 한다. */
.site_header a,
.site_header a:link,
.site_header a:visited,
.site_header a:hover,
.site_header a:focus,
.site_header a:active { text-decoration: none; }

/* 운영↔Sandbox 이동 버튼(2026-07-28) — 계정 메뉴 안의 유일한 "버튼"이라 테두리로만 구분한다.
   주변 링크와 같은 흰 글씨를 유지해 헤더의 색 규칙을 깨지 않는다. */
.site_header .account_menu a.rms-env-switch {
	display: inline-block;
	margin-left: 8px;
	padding: 2px 9px;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 4px;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	vertical-align: 1px;
}
.site_header .account_menu a.rms-env-switch:hover {
	background: rgba(255, 255, 255, 0.18);
	border-color: #fff;
}