@charset "utf-8";

/* 학교생활 > 학생활동 > 총대단 (Figma 708:31537) — 타이틀·탭은 공용(common.html + .tab-nav)
 * 레거시 학년별 분리 페이지(college_02_02_0X, 404)를 Figma대로 한 페이지에 통합 */

.taskforce {
  word-break: keep-all;
  max-width: 1262px;
  margin: 0 auto;
}

.taskforce-photo {
  aspect-ratio: 1262 / 233;
  margin-bottom: 45px;
}

/* 사진 박스가 세로 짧아 빈 상태 아이콘을 높이 기준으로 예외 처리 (.greeting-photo 선례) */
.taskforce-photo .empty-img-board-icon {
  width: auto;
  height: 64%;
}

.taskforce-intro {
  display: grid;
  grid-template-columns: auto 796px;
  gap: 80px;
  align-items: start;
}

.taskforce-greeting {
  font-size: var(--font-size-heading-lg);
  font-weight: var(--font-weight-medium);
  line-height: 42px;
  color: var(--color-text-title1);
}

.taskforce-greeting span {
  color: var(--color-primary);
}

.taskforce-intro-body {
  display: grid;
  gap: 27px;
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-regular);
  line-height: 27px;
  color: var(--color-text-body);
}

/* 활동업무 — 13항목 3열(5/5/3), 열 우선 채움 */
.taskforce-work-list {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(5, auto);
  gap: 20px 30px;
  padding-left: 27px;
  list-style: disc;
  font-size: var(--font-size-body-md);
  font-weight: var(--font-weight-regular);
  line-height: 24px;
  color: var(--color-text-body);
}

.taskforce-work-list li {
  display: list-item;
}

/* 학년별 명단 헤딩 — 명단끼리는 구분선 없이 표 뒤 60px */
.board-table-wrap + .taskforce-roster-head {
  margin-top: 60px;
}

.board-table--taskforce col:first-child { width: 29%; }
.board-table--taskforce col:last-child { width: 71%; }

.board-table--taskforce-num col:first-child { width: 29%; }
.board-table--taskforce-num col:nth-child(2),
.board-table--taskforce-num col:nth-child(3) { width: 35.5%; }

.board-table--taskforce tbody th,
.board-table--taskforce-num tbody th {
  font-weight: var(--font-weight-regular);
}

@media (max-width: 1024px) {
  .taskforce-intro {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .taskforce-work-list {
    grid-auto-flow: row;
    grid-template-rows: none;
  }
}