/* 모든 페이지 공통 — 새 상단 메뉴(로고 + 메뉴) */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400..700&family=Noto+Serif+KR:wght@400;600&display=swap');
.kh-header { font-family: 'Bodoni Moda', 'Noto Serif KR', 'Pretendard', serif; border-bottom: 1px solid #f4f1ef; }
.kh-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 48px; }
.kh-logo { display: flex; align-items: center; gap: 14px; text-decoration: none; flex-shrink: 0; }
/* 얼굴 사진(274x326)은 자르지 않고 전체가 보이도록 사진 비율(약 0.84)대로 만든다 */
.kh-icon { width: 44px; height: 52px; border-radius: 10px; overflow: hidden; flex-shrink: 0; }
.kh-icon img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; display: block; }
.kh-word { display: flex; align-items: baseline; }
.kh-word img { height: 56px; margin-bottom: -1px; mix-blend-mode: multiply; display: block; }
.kh-word span { font-weight: 500; font-size: 27px; line-height: 1; letter-spacing: 0.06em; color: #1c1a2e; margin-left: -3px; }
.kh-header nav { display: flex; gap: 28px; align-items: center; font-size: 15px; }
.kh-header nav a { color: #1c1a2e; text-decoration: none; margin: 0; font-size: 15px; white-space: nowrap; }
.kh-header nav a:hover, .kh-header nav a.active { color: var(--accent-strong); }
.kh-header nav a.active { font-weight: 600; }
.kh-header .lang-switch { margin: 0; padding: 0; border: 0; gap: 4px; }
.kh-header .lang-switch button { font-family: inherit; font-size: 13px; color: #1c1a2e; opacity: .5; padding: 2px 4px; background: none; }
.kh-header .lang-switch button.active { opacity: 1; background: none; color: #1c1a2e; }
@media (max-width: 1020px) {
  .kh-bar { padding: 14px 24px; }
  .kh-header nav { gap: 18px; }
  .kh-header nav a { font-size: 14px; }
}
@media (max-width: 780px) {
  .kh-bar { flex-wrap: wrap; padding: 12px 16px 0; gap: 8px; }
  .kh-icon { width: 34px; height: 40px; border-radius: 8px; }
  .kh-word img { height: 44px; }
  .kh-word span { font-size: 21px; }
  .kh-header nav { width: 100%; gap: 18px; padding: 8px 0 12px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .kh-header nav::-webkit-scrollbar { display: none; }
  .kh-header nav a { font-size: 14px; }
  .kh-header .lang-switch { margin-left: auto; flex-shrink: 0; }
}

/* 글자 크기: 휴대폰에서만 조금 키운다 (컴퓨터는 원래 크기). 하단 탭바는 따로 크기를 정함 */
@media (max-width: 780px) {
  body > *:not(.side-rail):not(script):not(style):not(link) { zoom: 1.08; }
}

/* 새 글자 로고 (유리 K + ONECTA 이미지). 원본 1680x945의 여백을 잘라 글자만 보이게 한다 */
.kh-newlogo { --w: 145px; display: block; width: var(--w); height: calc(var(--w) * .358); overflow: hidden; flex-shrink: 0; }
.kh-newlogo img { display: block; width: calc(var(--w) * 1.0839); max-width: none; margin-left: calc(var(--w) * -.0387); margin-top: calc(var(--w) * -.1452); mix-blend-mode: multiply; }
@media (max-width: 780px) { .kh-newlogo { --w: 112px; } }