@charset "utf-8";

/* 대학원>의과학과>BK21 4.0>교육연구단현황 — 조직도(CSS) + 연구단 행정팀표 */

.board-section-head,
.board-table-head {
  margin-bottom: 51px;
}

.board-section-title {
  padding-left: 0;
  border-left: 0;
  font-size: var(--font-size-heading-sm);
  font-weight: var(--font-weight-semibold);
  line-height: 36px;
  color: var(--color-text-title1);
  text-align: center;
}

/* 조직도 */
.bk21-org {
  --bk21-org-lead: var(--color-primary);              /* #1F594D — Figma primary/default (안쪽 원) */
  --bk21-org-lead-ring: color-mix(in srgb, var(--color-primary-pressed) 50%, transparent); /* #103A31 50% — 바깥 링 */
  --bk21-org-committee: var(--color-secondary);       /* #701E20 — Figma secondary/default */
  --bk21-org-office: var(--color-gray300);            /* #D8D8D8 — Figma gray/300 */
  --bk21-org-line: var(--color-gray300);

  position: relative;
  width: 100%;
  max-width: 411px;
  margin: 20px auto 0;
  aspect-ratio: 411 / 397;   /* Figma Group 348 */
}

.bk21-org-node {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  text-align: center;
  z-index: 1;
}

/* 교육연구단장 — 바깥 179 / 안쪽 161 이중 원 (차이 18 → border 9px) */
.bk21-org-node--lead {
  top: 0;
  right: 5.11%;
  width: 43.55%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--bk21-org-lead);
  border: 9px solid var(--bk21-org-lead-ring);
}

.bk21-org-node--committee,
.bk21-org-node--office {
  width: 53.53%;      /* 220 / 411 */
  min-height: 61px;
  padding: 20px;
  border-radius: 4px;
}

.bk21-org-node--committee {
  top: 57.18%;
  left: 0;
  background: var(--bk21-org-committee);
}

.bk21-org-node--office {
  bottom: 0;
  right: 0;
  background: var(--bk21-org-office);
  color: var(--color-text-body);   /* 밝은 회색 배경이라 흰 글씨 대비 실패 */
}

/* 세로 커넥터 — 원 중심 x = 301/411 */
.bk21-org::before {
  content: "";
  position: absolute;
  left: 73.24%;
  top: 22.67%;
  bottom: 15.37%;
  width: 1px;
  background: var(--bk21-org-line);
}

/* 가로 커넥터 — 운영위원회 세로중앙 y = 258/397 */
.bk21-org::after {
  content: "";
  position: absolute;
  left: 12.17%;
  right: 26.76%;
  top: 64.99%;
  height: 1px;
  background: var(--bk21-org-line);
}

/* 연구단 행정팀표 */
/* Figma 965:31043~31047 실측 — 264 / 828 / 428 (of 1520) */
.board-table--staff col:nth-child(1) { width: 17.37%; }
.board-table--staff col:nth-child(2) { width: 54.47%; }
.board-table--staff col:nth-child(3) { width: 28.16%; }

@media (max-width: 768px) {
  .board-section-head,
  .board-table-head { margin-bottom: 32px; }
  .board-section-title,
  .board-table-title { font-size: 20px; }

  /* 비율은 base(411/397) 유지, 크기·여백만 축소 — 위치는 % 기반이라 자동 대응 */
  .bk21-org { max-width: 340px; }
  .bk21-org-node { font-size: 15px; }
  .bk21-org-node--lead { border-width: 7px; }
  .bk21-org-node--committee,
  .bk21-org-node--office { min-height: 50px; padding: 14px; }
}