@charset "utf-8";

/* ============================================================
   지방수사청 서브 전용 오버라이드 (local/html/subNN/* 에서만 로드)
   로드 순서 : default.css → content.css → 이 파일

   규칙
   1. 모든 규칙은 반드시 `.local` 스코프로 시작한다 — 중수청(markup/)에 영향 차단.
   2. 서브 콘텐츠는 중수청 content.css 컴포넌트를 그대로 상속한다.
      지방청에서 모양이 달라지는 것만 여기 쓴다.
   3. 섹션 주석 규칙은 content.css 와 동일:
      /********** subNN : 대메뉴 > 2뎁스 > 3뎁스 **********\/
   ============================================================ */

/********** 청별 로고 (서브 공통 — 기본 = 서울. 청별 6부 생성 시 치환) **********/
.local #krds-header .header-container .logo { width: 28.2rem; } /* 신규 지방청 로고 282x48 */
.local #krds-header .header-container .logo a { background-image: url(/resource/local/img/logo-seoul-7999cd0cfa299be5f21edf6c33c1deb6.svg); }
.local #krds-footer .f-logo { width: 28.2rem; background-image: url(/resource/local/img/logo-seoul-7999cd0cfa299be5f21edf6c33c1deb6.svg); }

/********** sub01 : 기관소개 > 관할구역 안내 (지방청 전용) **********/
/* 상단 지도 (0916 수정 시안) — 좌상단 범례 + 가운데 청별 관할 지도(zone-map-*.svg, 관할 강조색 #0656ca) */
.local .local-zone-map { display: flex; align-items: center; justify-content: center; position: relative; height: 36rem; padding: 5rem 2rem 2rem; background-color: var(--krds-color-light-secondary-5, #eef2f7); border-radius: 12px; }
.local .local-zone-map .map-legend { position: absolute; top: 2rem; left: 2rem; display: flex; align-items: flex-start; gap: 0.8rem; font-weight: 700; font-size: 15px; line-height: 1.3; color: var(--gray-17); }
.local .local-zone-map .map-legend::before { content: ''; flex-shrink: 0; width: 1.7rem; height: 1.7rem; background-color: #0656ca; border-radius: 4px; }
/* 범례 색 = 청별 지도 강조색 (기본 = 서울 #0656ca, 부산 동일) */
.local.local-suwon .local-zone-map .map-legend::before { background-color: #0790df; }
.local.local-daejeon .local-zone-map .map-legend::before { background-color: #5d89fe; }
.local.local-daegu .local-zone-map .map-legend::before { background-color: #1651c3; }
.local.local-gwangju .local-zone-map .map-legend::before { background-color: #765ddf; }
.local .local-zone-map .map-img { max-width: 100%; max-height: 100%; }
/* 관할 안내 카드 */
.local .local-zone-card { padding: 3rem; background-color: #fff; border: 1px solid var(--krds-color-light-secondary-10, #d6e0eb); border-radius: 16px; }

@media only screen and (max-width: 767px) {
	.local .local-zone-map { padding: 6rem 1.6rem 2rem; }
	.local .local-zone-card { padding: 2rem; }
}