/**
 * clab-organization.css — 연구실험부 조직도(012_organization) 전용
 * 발주처 0527 부서소개 수정 요청(홈페이지 부서소개 수정_20260527.docx, 조직도 image3 목업):
 *   Lv1+Lv2 박스를 십자(cross) 배치로.
 *     연구실험부(상) / 중앙연구실험담당(좌) ─ 융합연구협력담당(우) / 연구실험팀(하)
 * 공용 organization.css 는 무수정 — 본 파일은 012 전용 추가 레이아웃(다른 조직도 무영향).
 */

.clab-org-cross {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto auto;
  align-items: center;
  justify-items: center;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  row-gap: var(--space-8);
}

/* 세로선: 연구실험부(상) → 연구실험팀(하), 그리드 중앙 관통 */
.clab-org-cross::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  margin-left: -1px;
  background-color: var(--color-primary-100);
}

.clab-org-cross__top {
  grid-column: 2;
  grid-row: 1;
}

.clab-org-cross__bottom {
  grid-column: 2;
  grid-row: 3;
}

.clab-org-cross__mid {
  grid-column: 1 / -1;
  grid-row: 2;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* 가로선: 중앙연구실험담당(좌) → 융합연구협력담당(우), 중앙 관통 */
.clab-org-cross__mid::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  background-color: var(--color-primary-100);
}

/* 박스는 연결선 위로 (배경색이 선을 가려 십자 형태가 보이도록) */
.clab-org-cross__top > .org-node,
.clab-org-cross__bottom > .org-node,
.clab-org-cross__mid > .org-node {
  position: relative;
  z-index: 1;
}

/* 좌·우 담당 박스: 공용 .org-node{width:100%} 를 해제하여 콘텐츠 폭으로 좁힌다.
   → flex space-between 이 두 박스를 좌우 끝으로 분리하고, 가운데 빈 공간에서
     세로선(연구실험부 ↕ 연구실험팀)과 가로선(중앙연구실험담당 ↔ 융합연구협력담당)이
     십자(+)로 교차해 보인다(0527 목업).
   (이전: width:100% 라 두 박스가 각 ~50%씩 차지·맞붙어 가로선을 덮어 십자가 안 보였음) */
.clab-org-cross__mid > .org-node {
  width: auto;
  flex: 0 0 auto;
  min-width: 160px;
}

/* 모바일: 데스크톱과 동일한 600px 십자 폭 유지(상속).
   공용 .org-chart__inner{min-width:1052px} 때문에 이 섹션은 좁은 화면에서
   가로 스크롤로 보이며(13개 실험실 그리드와 동일 동작), 십자 형태는 그대로 유지된다. */