/* 조직도 본문: 페이지 제목은 공통 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__name-label--compact { display: none; }
.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 .modal-dialog { width: max-content; min-width: min(21.25rem, calc(100% - 2rem)); max-width: calc(100% - 2rem); }
.organization-email-modal .modal-content { align-items: center; gap: var(--number-20); border: 0; border-radius: var(--number-20); padding: var(--number-20) var(--number-40); text-align: center; }
.organization-email-modal__verify, .organization-email-modal__result { max-width: 100%; }
.organization-email-modal__verify:not([hidden]), .organization-email-modal__result:not([hidden]) { display: flex; flex-direction: column; align-items: center; gap: var(--number-20); }
.organization-email-modal h2 { margin: 0; color: var(--color-text-normal); font-size: 1.125rem; font-weight: 600; line-height: 1.5; letter-spacing: -.015em; word-break: keep-all; }
.organization-email-modal__result p { margin: 0; font-size: 1rem; line-height: 1.5; letter-spacing: -.015em; overflow-wrap: anywhere; }
.organization-recaptcha-placeholder { display: inline-flex; width: 18.75rem; max-width: 100%; height: 4.625rem; flex: 0 0 auto; align-items: center; justify-content: center; gap: var(--number-4); border: 0; padding: 0; background: var(--color-background-alt); color: var(--common-black); font-size: 1rem; line-height: 1.5; letter-spacing: -.015em; }
.organization-email-modal__close { margin: 0; }
.organization-email-modal ~ .modal-backdrop { --bs-backdrop-bg: var(--color-background-dim); --bs-backdrop-opacity: 1; }

@media (max-width: 1919.98px) {
  .organization-table__name-label { display: none; }
  .organization-table__name-label--compact { display: inline; }
}

/* 태블릿: 부서를 제외한 직위·직무·이름·전화·이메일 표시 */
@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 td { padding-inline: var(--number-12); }
  .organization-table__department { display: none; }
}

/* 모바일: 직무·이름·전화·이메일 표시 */
@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__position { display: none; }
  .organization-table th { height: 3.5rem; padding-inline: var(--number-8); font-size: 1rem; letter-spacing: -.015em; }
  .organization-table td { height: 4.3125rem; padding-inline: var(--number-8); font-size: .875rem; }
  .organization-table__job, .organization-table__name { width: calc((100% - 10.375rem) / 2); }
  .organization-table__phone { width: 6.875rem; }
  .organization-table .organization-table__email { width: 3.5rem; padding-inline: 0; }
  .organization-table__email-label { display: none; }
  .organization-table__email-icon, .organization-email-button .tf-icon { --tf-icon-size: 1.25rem; width: 1.25rem; height: 1.25rem; flex-basis: 1.25rem; }
  .organization-table__email-icon { display: inline-block; vertical-align: middle; }
  .organization-members__empty { font-size: .875rem; }
  .organization-email-modal .modal-content { padding-inline: var(--number-20); }
}

/* CATCHA 인증 */
.organization-recaptcha-placeholder__checkbox {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--number-24);
    height: var(--number-24);
    flex: 0 0 var(--number-24);
    color: var(--tf-primary-50);
    font-size: 1rem;
    line-height: 1;
    font-weight: 700;
    z-index: 0;
}
.organization-recaptcha-placeholder__checkbox::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.125rem;
    height: 1.125rem;
    border: 1.5px solid var(--color-border-normal);
    border-radius: var(--number-4);
    background: var(--color-background-normal);
     z-index: -1;
}

.organization-recaptcha-placeholder {
    cursor: pointer;
}

@media (max-width: 1919.98px) {
  .organization-table__name-label { display: none; }
  .organization-table__name-label--compact { display: inline; }
}

.organization-recaptcha-placeholder.busy .organization-recaptcha-placeholder__checkbox::before {
    border-top-color: transparent;
    border-radius: 50%;
    animation: organization-captcha-spin .7s linear infinite;
}

.organization-recaptcha-placeholder.ok .organization-recaptcha-placeholder__checkbox {
    color: #2e9e5b;
}

.organization-recaptcha-placeholder.ok .organization-recaptcha-placeholder__checkbox::before {
    border-color: #2e9e5b;
}

.organization-recaptcha-placeholder.err .organization-recaptcha-placeholder__checkbox {
    color: #d33;
}

.organization-recaptcha-placeholder.err .organization-recaptcha-placeholder__checkbox::before {
    border-color: #d33;
}

@keyframes organization-captcha-spin {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}