@charset "UTF-8";

/* ===================================================================
   sub2026.css — navy 서브페이지 전용 보정
   - common2026.css(보호 대상)는 수정하지 않고, 서브에서만 덮어쓰는 규칙
   - 메인 헤더는 어두운 히어로 위에 투명 오버레이로 얹히는 구조라,
     히어로가 없는 서브에서는 솔리드 남색 바(일반 흐름)로 고정한다.
   =================================================================== */

/* 헤더는 common2026.css를 그대로 따른다 (투명 오버레이) — 서브 비주얼(.sub_visual) 위에 얹힘 */

/* ===================================================================
   링크색 강제 적용
   운영 layout.css의 a:visited{color:#555}(specificity 0-1-1)가 navy
   헤더/푸터 링크 클래스(0-1-0)를 이겨 색이 깨지는 문제.
   → 헤더·푸터 링크는 common2026.css 값을 모든 상태에서 !important로 강제.
   =================================================================== */

/* ----- 헤더 ----- */
/* 상단 탑바 */
.chief_topbar_link:link,
.chief_topbar_link:visited {
    color: rgba(255, 255, 255, .82) !important;
    text-decoration: none !important;
}
.chief_topbar_link:hover,
.chief_topbar_link:focus { color: #fff !important; }

/* GNB 1뎁스 */
.chief_gnb_link:link,
.chief_gnb_link:visited {
    color: rgba(255, 255, 255, .82) !important;
    text-decoration: none !important;
}
.chief_gnb_link:hover,
.chief_gnb_link:focus,
.chief_gnb_link.is-active,
.chief_gnb_item:hover .chief_gnb_link,
.chief_gnb_item:focus-within .chief_gnb_link { color: #fff !important; }

/* GNB 2뎁스 드롭다운 */
.chief_gnb_sub_link:link,
.chief_gnb_sub_link:visited,
.chief_gnb_sub_link:hover,
.chief_gnb_sub_link:focus {
    color: #fff !important;
    text-decoration: none !important;
}

/* 로고 / 유저(로그인) 링크 */
.chief_logo_link:link,
.chief_logo_link:visited,
.chief_tool_button_user:link,
.chief_tool_button_user:visited {
    color: #fff !important;
    text-decoration: none !important;
}
/* 유저(로그인) 버튼 호버 — common 따라 흰 배경 위 navy 아이콘 (위 !important 무력화 보정) */
.chief_tool_button_user:hover,
.chief_tool_button_user:focus-visible {
    color: var(--color_primary) !important;
}

/* 주요사이트(패밀리) 패널 링크 */
.chief_family_box a:link,
.chief_family_box a:visited {
    color: #52535e !important;
    text-decoration: none !important;
}
.chief_family_box a:hover,
.chief_family_box a:focus-visible {
    color: var(--color_primary) !important;
    text-decoration: underline !important;
}

/* 모바일 전체메뉴(드로어) 링크 — JS 복제 */
.chief_mmenu_sub a:link,
.chief_mmenu_sub a:visited,
.chief_mmenu_util_link:link,
.chief_mmenu_util_link:visited {
    color: var(--color_mono_700) !important;
    text-decoration: none !important;
}

/* ----- 푸터 ----- */
.chief_footer_nav_link:link,
.chief_footer_nav_link:visited {
    color: #fff !important;
    text-decoration: none !important;
}
.chief_footer_nav_link:hover,
.chief_footer_nav_link:focus {
    color: #fff !important;
    text-decoration: underline !important;
}
.chief_footer_logo:link,
.chief_footer_logo:visited { text-decoration: none !important; }

/* ===================================================================
   본문 폰트 — 헤더/푸터(chief_*)는 navy 폰트(Paperlogy) 유지,
   운영 컨텐츠(#container)는 운영 기본 폰트(NotoKr)를 따르도록 복원.
   common2026.css의 body{font-family:Paperlogy} 상속을 #container에서 끊는다.
   (운영 요소가 개별 지정한 GmarketSans·CoreDream 등은 그대로 우선됨)
   =================================================================== */
.chief #container {
    font-family: 'NotoKr', 'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', 'Gulim', '굴림', sans-serif;
}

/* ===================================================================
   sub3(오늘의 일정 / page1438) 상단 비주얼 이미지 교체
   운영 visual5.jpg → 로컬 resource_a_navy/images/visual5_2026.jpg
   - 얼굴 잘림 방지: 상단 기준 정렬(center top)
   - 너무 밝아 어두운 마스크(반투명 검정)를 이미지 위에 살짝 덧씌움
   (운영 [data-menu-index="4"] 규칙을 page1438 스코프 + !important로 덮어씀)
   =================================================================== */
.page3828 .sub_head .sub_visual:before,
.page1438 .sub_head .sub_visual:before {
    background-image:
        linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)),
        url('/site/chief/images/sub/visual1.jpg') !important;
    background-position: center 10% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* ===================================================================
   본문 톤 — 운영 chief 자주색(magenta) → navy 톤으로 통일 (이 페이지 한정)
   body.page1443 스코프 + !important 로 운영 sub.css보다 우선 적용.
   =================================================================== */

/* 구청장에게 바란다 카드 (complain_wrap .card_list) */
.page3828 .complain_wrap .card_list li,
.page1443 .complain_wrap .card_list li {
    border-color: #c4cfeb !important;                              /* 분홍빛 보더(#d6c5cb) → navy 라이트 */
}
.page3828 .complain_wrap .card_list li:hover,
.page1443 .complain_wrap .card_list li:hover {
    border-color: var(--color_primary) !important;                /* 호버 보더(#b44071) → navy */
    box-shadow: 0 20px 20px 0 rgba(44, 74, 134, 0.18) !important; /* 핑크 그림자 → navy 틴트 */
}

.page3828 .complain_wrap .card_list li:hover a,
.page1443 .complain_wrap .card_list li:hover a {
    background: var(--color_primary) !important;                  /* 호버 버튼 배경(#b44071) → navy */
    border-color: var(--color_primary) !important;
    color: #fff !important;
}

/* 탭 active — 운영은 마젠타 배경이미지(tabbtn_bg.png) → navy 단색 (navy 서브 공통) */
.chief .tab_menu .tab_item.active .tab_anchor,
.chief .tab_menu .tab_item.active .tab_button,
.chief .tab_menu .tab_item.active .tab_all {
    background: var(--color_primary) !important;
    border-color: transparent !important;
    color: #fff !important;
}

/* 바로가기 버튼 호버 — 화살표 흰색
   (운영 on-arrow 경로(images/contents/images/ic_arr_on.png)가 깨져 있어,
    기본 화살표 이미지를 흰색으로 반전 처리) */
.page3828 .complain_wrap .card_list li:hover a::after,
/* .page1443 .complain_wrap .card_list li:hover a::after { */
    background-image: url('https://www.ddm.go.kr/site/chief/images/contents/ic_arr.png') !important;
    filter: brightness(0) invert(1);
}

/* 구민제안 카드(첫 번째 inner의 item2) 아이콘 → resource_a_navy 전용 전구 아이콘
   ※ item2 클래스는 국민신문고 카드에도 쓰이므로 첫 inner로 스코프
   ※ ic_complain05.png는 이미 navy라 hue-rotate 보정 제외(filter:none) */
/*.page3828 .complain_wrap > .inner:first-of-type .card_list li.item2::after, */
.page1443 .complain_wrap > .inner:first-of-type .card_list li.item2::after {
    background-image: url('/site/chief/images/contents/20260701/ic_complain05.png') !important;
    filter: none !important;
}