/* group.css — group 페이지 콘텐츠 전용 (common.css·layout.css 선행) */
.gnb__drop-link--active { color:var(--sc-solid);font-weight:700;background:var(--sc-soft); }
.intro { position:relative;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px 32px;background:linear-gradient(120deg, var(--red-50) 0%, #fff 62%);box-shadow:var(--shadow-xs);animation:kaapFadeUp 0.6s var(--ease-out) 0.1s both; }
.intro__bar { position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--accent); }
.intro__chip { display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px;border-radius:999px;background:var(--red-50);border:1px solid var(--red-100);font-size:14px;font-weight:700;letter-spacing:0.02em;color:var(--red-500); }
.intro__title { margin:14px 0 0;font-size:29px;font-weight:800;line-height:1.4;letter-spacing:-0.025em;color:var(--red-500);word-break:keep-all; }
.intro__lead { margin:14px 0 0;font-size:17.5px;line-height:1.75;color:var(--text-muted);max-width:760px;word-break:keep-all; }
.org-tabs { display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--border-default);margin:28px 0;padding:0 2px; }
.org-tab { position:relative;margin-bottom:-1px;padding:0 2px 15px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:21.5px;font-weight:700;letter-spacing:-0.02em;color:var(--text-muted);border-bottom:2px solid transparent;transition:color var(--dur-base) var(--ease-out); }
.org-tab:hover { color:var(--text-strong); }
.org-tab.is-active { color:var(--sc-solid);border-bottom-color:var(--sc-solid); }
.org-panel { animation:kaapFadeUp 0.4s var(--ease-out) both; }
.org-panel[hidden] { display:none; }
.panel-card { background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px 30px;box-shadow:var(--shadow-xs); }
.panel-card + .panel-card { margin-top:24px; }
.sec-head { display:flex;align-items:center;gap:12px; }
.sec-num { flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-md);background:var(--sc-soft);color:var(--sc-solid);font-size:17.5px;font-weight:800;display:flex;align-items:center;justify-content:center; }
.sec-head h3 { margin:0;font-size:24px;font-weight:800;letter-spacing:-0.02em;color:var(--text-strong); }
.sec-desc { margin:12px 0 20px;font-size:17px;line-height:1.7;color:var(--text-muted);word-break:keep-all; }
.org-figure { position:relative;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--gray-25);padding:16px; }
.org-figure__btn { display:block;width:100%;padding:0;border:none;background:none;cursor:zoom-in; }
.org-figure img { display:block;width:100%;height:auto;border-radius:var(--radius-xs);pointer-events:none; }
.org-figure__zoom { position:absolute;right:26px;bottom:26px;display:flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:999px;background:rgba(19,26,33,0.72);color:#fff;font-size:15px;font-weight:700;pointer-events:none; }
.org-figure__zoom svg { flex-shrink:0; }
.img-lightbox { position:fixed;inset:0;z-index:200;background:rgba(10,13,16,0.92);opacity:0;visibility:hidden;overflow:auto;-webkit-overflow-scrolling:touch;transition:opacity var(--dur-base) var(--ease-out); }
.img-lightbox.is-open { opacity:1;visibility:visible; }
.img-lightbox__inner { min-height:100%;display:flex;align-items:center;justify-content:center;padding:56px 16px; }
.img-lightbox img { display:block;width:auto;max-width:none;touch-action:pinch-zoom; }
.img-lightbox__close { position:fixed;top:16px;right:16px;z-index:1;width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,0.14);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer; }
.img-lightbox__close:hover { background:rgba(255,255,255,0.24); }
.img-lightbox__hint { position:fixed;left:50%;bottom:18px;transform:translateX(-50%);font-size:15px;color:rgba(255,255,255,0.65);white-space:nowrap; }
.officer-wrap { border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden; }
.officer-table { width:100%;border-collapse:collapse;font-size:17.5px;min-width:560px; }
.officer-table thead th { background:var(--sc-grad);color:#fff;font-weight:700;text-align:left;padding:13px 20px;letter-spacing:-0.01em; }
.officer-table thead th:nth-child(1) { width:110px; }
.officer-table thead th:nth-child(2) { width:120px; }
.officer-table tbody td { padding:14px 20px;border-top:1px solid var(--border-subtle);vertical-align:top; }
.officer-table tbody tr:hover { background:var(--gray-25); }
.officer-table .role { font-weight:700;color:var(--sc-solid);white-space:nowrap; }
.officer-table .name { font-weight:700;color:var(--text-strong);white-space:nowrap; }
.officer-table .career { color:var(--text-muted);line-height:1.6;word-break:keep-all; }
.officer-scroll { overflow-x:auto; }
.officer-cards { display:none;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden; }
.officer-card { padding:16px 18px;border-top:1px solid var(--border-subtle); }
.officer-card:first-child { border-top:none; }
.officer-card__top { display:flex;align-items:baseline;gap:10px;margin-bottom:6px; }
.officer-card__role { font-size:14px;font-weight:800;letter-spacing:0.02em;color:#fff;background:var(--sc-solid);border-radius:999px;padding:2px 10px;flex-shrink:0; }
.officer-card__name { font-size:19px;font-weight:800;color:var(--text-strong); }
.officer-card__career { font-size:16.5px;line-height:1.6;color:var(--text-muted);word-break:keep-all; }
@media (max-width: 960px) {
  .body-grid { flex-direction:column;align-items:stretch; }
}
@media (max-width: 640px) {
  .officer-scroll { display:none; }
  .officer-cards { display:block; }
}
@media (max-width: 560px) {
  .intro { padding:22px 20px 22px 24px; }
  .intro__title { font-size:24px; }
  .org-tabs { gap:20px; }
  .org-tab { font-size:19px; }
  .panel-card { padding:22px 16px; }
}
