@charset "utf-8";
/* ----------------------------------------------
CUSTOME.CSS
* writer : uxcamp
* version : 1.0.0
* last update : 2025.06.20
* purpose : 테마 커스텀 스타일
* license : © 2025 uxcamp. All rights reserved.
------------------------------------------------*/

/* ================================================================
   로고 머리말 — H1 중복 해소 (2026-07-30)

   문제 : 머리말 로고가 모든 페이지에서 <h1> 이라, 본문 제목 <h1> 과 겹쳐
          페이지마다 H1 이 2개가 됐다. 네이버 사이트진단이 「<H1> 요소가
          2개 이상 발견」으로 600페이지를 지적했다(색인 650건의 92%).

   조치 : head.php 가 로고 태그를 첫 화면만 h1, 나머지 페이지는 div 로 낸다.
          → 첫 화면  : H1 = 로고 (그 페이지엔 다른 제목이 없다)
          → 그 외    : H1 = 글 제목 (그 페이지의 주제 그 자체)

   왜 이 CSS 가 필요한가 :
          layout.css 의 로고 규칙이 `.header … .title a h1` 처럼 '태그'로
          잡고 있어 div 에는 하나도 적용되지 않는다. 특히 max-height:40px 이
          빠지면 로고 이미지가 원본 크기로 나와 머리말이 깨진다.
          그래서 같은 모양을 클래스(.logo-image / .logo-text)로 다시 지정한다.
          custome.css 는 layout.css 보다 나중에 로드되므로 이쪽이 이긴다.
          h1 일 때도 클래스가 그대로 있어 함께 적용되며, 값이 같아 무해하다.
   ================================================================ */
.header .headerWrap .staWrap .titleWrap .title a .logo-image,
.header .headerWrap .staWrap .titleWrap .title a .logo-text{
  display:flex; align-items:center; margin:0; word-break:break-word;
}
.header .headerWrap .staWrap .titleWrap .title a .logo-image{ gap:0; }
.header .headerWrap .staWrap .titleWrap .title a .logo-image img{ max-height:40px; width:auto; display:block; }
.header .headerWrap .staWrap .titleWrap .title a .logo-text{ gap:6px; }
.header .headerWrap .staWrap .titleWrap .title a .logo-text .bx{ color:var(--color-prime); font-size:30px; transition:transform .3s; }
.header .headerWrap .staWrap .titleWrap .title a .logo-text strong{ font-size:26px; font-weight:700; }