/* ============================================================
   전문위원회 구성 - 탭 컴포넌트 스타일 (신규)
   위원 카드 스타일은 기존 /css/committee.css 를 함께 사용합니다.
   ============================================================ */
.expert-tabs { display:flex; gap:6px; border-bottom:2px solid #E1E5E9; margin-bottom:50px; }
.expert-tab { flex:1; padding:18px 12px; font-family:inherit; font-size:19px; font-weight:600; color:#666; background:none; border:none; border-bottom:3px solid transparent; margin-bottom:-2px; cursor:pointer; white-space:nowrap; transition:color .2s, border-color .2s; }
.expert-tab:hover { color:#005770; }
.expert-tab.active { color:#005770; font-weight:700; border-bottom-color:#005770; }
.expert-tab:focus-visible { outline:2px solid #005770; outline-offset:2px; border-radius:4px; }
.expert-panel { display:none; }
.expert-panel.active { display:block; }
/* 하위 항목( - 로 시작): 둥근 점 제거, 대시 유지 */
.member-card .info-list li.sub-li::before { display:none; }
/* 임기 (전문분야 아래) */
.member-card .info-header .term { font-size:14px; color:#666; margin-top:4px; line-height:1.6; }
/* 비고(전문위원장 등) 배지 */
.role-badge { display:inline-block; margin-left:8px; vertical-align:middle; font-size:13px; font-weight:600; color:#005770; background:#E8F4F6; border-radius:4px; padding:3px 10px; line-height:1.5; }
/* 반응형: 기존 본문 브레이크포인트(1300px)와 동일 */
@media (max-width:1300px) {
  .expert-tabs { flex-wrap:wrap; gap:0; }
  .expert-tab { flex:1 1 50%; font-size:17px; padding:15px 8px; border:1px solid #ddd; border-bottom:none; margin:0; background:#fff; }
  .expert-tab.active { background:#F8FBFB; border-color:#ddd; border-bottom:3px solid #005770; }
}
@media (max-width:480px) { .expert-tab { font-size:15px; padding:13px 4px; } }