/* 조직도 본문: 페이지 제목은 공통 section-heading 사용 */
.organization-section { padding: var(--tf-content-space) 0; }
.organization-section__inner { display: flex; flex-direction: column; gap: var(--number-80); }
.organization-heading p { margin: 0; font-size: 1.125rem; line-height: 1.5; }

/* 가로 조직도: 연결선과 부서 버튼을 같은 영역 안에 배치 */
.organization-chart-panel { border: 1px solid var(--color-border-normal); border-radius: var(--number-24); padding: var(--number-80) var(--number-20); }
.organization-chart { position: relative; width: min(100%, 66.125rem); height: 13.875rem; margin: 0 auto; }
.organization-chart__line { position: absolute; top: 2.375rem; left: 7.75rem; z-index: 0; display: block; width: 50.6875rem; height: 7.125rem; max-width: none; pointer-events: none; }
.organization-node { position: absolute; z-index: 1; display: flex; width: 15.625rem; align-items: center; justify-content: center; border: 0; border-radius: var(--number-16); padding: var(--number-20); color: var(--common-white); font-size: 1.25rem; font-weight: 500; line-height: 1.5; letter-spacing: -.01em; white-space: nowrap; }
button.organization-node { cursor: pointer; transition: color .25s ease, background-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.organization-node--ceo { top: 0; left: 25.25rem; border: 1px solid var(--color-border-normal); background: linear-gradient(90deg, var(--palette-secondary-50), var(--palette-secondary-30)); }
.organization-chart__teams { position: absolute; top: 9.5rem; left: 0; z-index: 1; display: flex; gap: 9.625rem; }
.organization-chart__teams .organization-node { position: static; }
.organization-node--infrastructure { background: linear-gradient(90deg, var(--palette-primary-70), var(--palette-primary-60)); }
.organization-node--research { background: linear-gradient(90deg, var(--tf-primary-50), var(--palette-primary-40)); }
.organization-node--strategy { background: linear-gradient(90deg, var(--palette-primary-40), var(--palette-primary-30)); }
.organization-node--team.is-active { box-shadow: var(--shadow-level-02); }
@media (hover: hover) and (pointer: fine) {
  button.organization-node:hover { transform: translateY(-.1875rem); box-shadow: var(--shadow-level-02); }
}

/* 부서별 구성원 표 */
.organization-table-wrap { width: 100%; overflow: visible; border-top: 1px solid var(--color-text-subtle); border-bottom: 1px solid var(--color-text-subtle); }
.organization-table { width: 100%; min-width: 0; border-collapse: collapse; table-layout: fixed; text-align: center; }
.organization-table th { height: 3.875rem; padding: 0 var(--number-24); border-bottom: 1px solid var(--color-border-normal); background: var(--color-background-alt); font-size: 1.25rem; font-weight: 600; line-height: 1.5; letter-spacing: -.01em; white-space: nowrap; }
.organization-table td { height: 4.5rem; overflow: hidden; padding: 0 var(--number-20); border-bottom: 1px solid var(--color-border-normal); font-size: 1rem; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
.organization-table tbody tr:last-child td { border-bottom: 0; }
.organization-table__email-icon { display: none; }
.organization-email-button { display: inline-flex; width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; border: 0; border-radius: 50%; padding: 0; background: transparent; transition: background-color .2s ease; }
.organization-email-button:hover { color: var(--common-white); background: var(--tf-primary-50); }
.organization-email-button .tf-icon { width: 1.5rem; height: 1.5rem; }
.organization-members__empty { min-height: 4.5rem; margin: 0; border-top: 1px solid var(--color-text-subtle); border-bottom: 1px solid var(--color-text-subtle); padding: 1.5rem 1.25rem; color: var(--tf-neutral-10); font-size: 1rem; line-height: 1.5; text-align: center; }

/* 이메일 자동수집 방지 */
.organization-email-modal { --bs-modal-width: 23.75rem; }
.organization-email-modal .modal-content { align-items: center; border: 0; border-radius: 1rem; padding: 1.5rem 2.5rem 1rem; text-align: center; box-shadow: 0 1rem 3rem rgba(0,0,0,.18); }
.organization-email-modal__verify, .organization-email-modal__result { width: 100%; }
.organization-email-modal h2 { margin: 0; font-size: 1rem; font-weight: 600; line-height: 1.5; }
.organization-email-modal__result p { margin: 1rem 0 0; font-size: 1rem; line-height: 1.5; }
.organization-recaptcha-placeholder { width: 100%; min-height: 4.5rem; margin-top: 1.25rem; border: 0; padding: 1rem; background: var(--tf-neutral-95); font-size: .875rem; }
.organization-recaptcha-placeholder:hover { background: var(--tf-neutral-90); }
.organization-email-modal__close { margin-top: 1rem; }

/* 태블릿: 작은 가로 조직도, 직무·영문명 열 숨김 */
@media (max-width: 1199.98px) {
  .organization-chart { width: min(100%, 35.5625rem); height: 13.6875rem; }
  .organization-chart__line { left: 4.96875rem; width: 25.59375rem; }
  .organization-node { width: auto; border-radius: var(--number-12); padding-inline: var(--number-40); font-size: 1.125rem; font-weight: 600; letter-spacing: -.015em; }
  .organization-node--ceo { left: 13.25rem; }
  .organization-chart__teams { width: 100%; justify-content: space-between; gap: 0; }
  .organization-table__job, .organization-table__name-en { display: none; }
  .organization-table td { padding-inline: var(--number-12); }
}

/* 모바일: 부서 세로 배치, 직위·성명·전화·이메일만 표시 */
@media (max-width: 767.98px) {
  .organization-section__inner { gap: var(--number-40); }
  .organization-heading p { font-size: .875rem; }
  .organization-chart-panel { padding: var(--number-20); }
  .organization-chart { display: flex; width: 100%; height: auto; flex-direction: column; gap: var(--number-20); }
  .organization-chart__line { display: none; }
  .organization-node { position: static; width: 100%; }
  .organization-chart__teams { position: static; flex-direction: column; gap: var(--number-20); border-radius: var(--number-12); padding: var(--number-20); background: var(--color-background-alt); }
  .organization-table__department { display: none; }
  .organization-table th { height: 3.5rem; padding-inline: var(--number-12); font-size: 1rem; letter-spacing: -.015em; }
  .organization-table td { height: 4.3125rem; font-size: .875rem; }
  .organization-table__position { width: 5.3125rem; }
  .organization-table__name { width: 3.75rem; }
  .organization-table .organization-table__email { width: 2.5rem; padding-inline: 0; }
  .organization-table__email-label { display: none; }
  .organization-table__email-icon, .organization-email-button .tf-icon { width: 1.25rem; height: 1.25rem; }
  .organization-table__email-icon { display: inline-block; vertical-align: middle; }
  .organization-members__empty { font-size: .875rem; }
}