@charset "utf-8";
/* =========================================================
   org-2026.css — 2026년 8월 조직개편 대응 오버라이드
   원본 organization_kn.css / content-2022.css 는 건드리지 않고
   ※ 반드시 themeContent.css 뒤에 링크할 것
   ========================================================= */

/* ---------------------------------------------------------
   1 본청 도표 — 실·국 21개로 재배치
   --------------------------------------------------------- */
.org-diagram-headquarters .org-headquarters {
  background: url(/humanframe/theme/incheon/assets/image/incheon04/line_202608.png) no-repeat 0 0;
}

/*  2.실·국 21개(기존 대비 증가)라 912px 폭을 4px 넘겨 마지막 소방본부가 잘림 -> 간격 축소 */
.org-diagram-headquarters .floor05 .level05 {
  gap: 5.2px;
}

/* 3. 소방본부가 floor03 떠 있던 것에서 floor05 마지막 칸으로 이동 */
.org-diagram-headquarters .floor05 .level05 > li.has-organ-119 {
  display: flex;
}

/* 4. 경제국 다음부터 다른 그룹 — 사이만 벌린다 간격 10px */
.org-diagram-headquarters .floor05 .level05 > li.is-group-end {
  margin-right: 10px;
}

/* 5. 실·국 21개(기존 대비 증가)라 간격 축소 */
.org-diagram-headquarters .floor05 .level05 > li {
  gap: 4.5px;
}

/* 6. 조직도 안내 + 정부/지자체 조직도 버튼 */
.org-chart-guide {
  display: flex;
  align-items: center;

  .btn-basic {
    margin-left: 10px;
    white-space: nowrap;
  }
}

@media (max-width: 961px) {
  .org-chart-guide {
    align-items: flex-start;
  }
}

.org-diagram-headquarters .floor05 {
  margin-top: 30px;
}

.org-diagram-headquarters .floor03 {
  margin: 0 36px 0 25px;
}

.org-diagram-headquarters .floor03 .level03 {
  gap: 28px;
}

.org-diagram-headquarters .floor03 .level03 > li.has-org-culture {
  padding-left: 0px;
}

/* 김현지 start */

/* 행정부시장 — 감사관 연결선
   박스 기준 width % 는 화면 너비를 따라가지 않아 끊김.
   ul(전체 폭) 기준으로 감사관 오른쪽(270px) → 가운데(50%)까지 이음 */
.org-diagram-administrative .floor04 ul li:nth-child(1) .org-level04::before {
  display: none;
}

.org-diagram-administrative .floor04 ul::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 270px;
  right: calc(50% + 1px);
  width: auto;
  height: 1px;
  background-color: #ccc;
}

@media (max-width: 961px) {
  .org-diagram-administrative .floor04 ul::after {
    display: none;
  }

  .org-diagram-administrative .floor05 .level05:first-child > .has-org-level05:first-child {
    margin-top: 10px;
  }

  .org-diagram-administrative .floor05 .level05 > li:nth-child(5n)::before {
    display: none;
  }

  .org-diagram-administrative .floor05 .org-child-wrap > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
}

@media (min-width: 1024px) {
  /* 경제국(in-left) — 일반 국과 동일한 세로 간격 */
  .org-diagram-administrative .floor05 .org-level06.in-left {
    margin-top: 42px;
  }

  /* 기존 in-left 가로 연결선 취소 → 일반 org-level06 세로선과 동일하게 */
  .org-diagram-administrative .floor05 .org-level06.in-left::before {
    top: -42px;
    left: calc(50% - 1px);
    right: auto;
    width: 1px;
    height: 42px;
  }
}

/* 균형발전부시장 — 세로 연결선 */
.org-diagram-welfare .floor03 .org-level03::before {
  height: 113px;
}

/* 균형발전부시장 — floor04 (912px → 961px 기준으로 변경) */
@media (max-width: 961px) {
  .org-diagram-welfare .floor03 .org-level03::before {
    height: 175px;
  }

  .org-diagram-welfare .floor04 .org-level04 {
    margin: 0 auto;
  }

  .org-diagram-welfare .floor04 ul > li::before {
    display: none;
  }
}

/* 균형발전부시장 — 국 6개 1줄 */
@media (min-width: 913px) {
  .org-diagram-welfare .floor05 .level05 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
  }

  .org-diagram-welfare .floor05 .level05 > li:nth-of-type(4)::before {
    right: -30px;
  }

  .org-diagram-welfare .floor05 .level05 > li:nth-of-type(6)::before {
    right: 50%;
  }
}

/* 소방본부 — 5칸 줄 가로 연결선 (.is-w25 는 기존 left:100px / right:99px 유지) */
.org-diagram-119 .org-char-wrap__lines.is-w20::before {
  left: 8.5%;
  right: 8.3%;
}

/* 소방본부 — 119종합상황실 세로 연결선만 */
.org-diagram-119 .org-char-wrap__lines.is-w20 .org-char-wrap__lines-list:nth-child(3)::before {
  height: 30px;
}

/* 시장 — 보좌관 줄 간격·너비 */
.org-diagram-mayor .floor02 .level02.type-1.ty-1 {
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.org-diagram-mayor .floor02 .level02.type-1.ty-1 li:not(.has-vert) {
  width: 110px;
}