/* 상설위원회 PC */

/* 브레드크럼(head.php의 .bread_crumb)만 숨기고 기본 타이틀은 유지 (이 스킨에서만 적용됨) */
.bread_crumb {
  display: none;
}

/* 헤더: 기본 타이틀(#container_title)과의 간격을 desc의 16px로 맞춤 — 이 스킨에서만 로드됨 */
/* 상단 여백: 숨긴 브레드크럼(margin-top 30px + line-height 30px) + 기본 타이틀 margin-top 40px = 100px로 다른 서브 페이지와 동일하게
   이 파일이 default.css보다 먼저 로드되므로 h2를 붙여 우선순위를 높임 */
h2#container_title {
  margin-top: 100px;
  margin-bottom: 0;
}

.committee__desc {
  margin: 24px 0 0;
  color: #010101;
  font-weight: 500;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: -0.02em;
  text-align: left;
}

/* 창이 좁아져 줄이 넘쳐도 단어 중간이 아닌 띄어쓰기에서 줄바꿈 */
.committee__desc,
.committee__name,
.committee__text,
.committee__notice {
  word-break: keep-all;
}

/* 카드 그리드: 388px × 3 + 18px × 2 = 1200px (#container max-width) */
.committee__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin: 80px 0 0;
  padding: 0;
  list-style: none;
}

.committee__card {
  position: relative;
  height: 786px;
}

.committee__thumb {
  overflow: hidden;
  width: 100%;
  height: 500px;
  border-radius: 20px;
  background: #e5e5e5; /* 임시 배경 — 이미지 적용 후 제거 */
}

.committee__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.committee__name {
  margin: 28px 0 0;
  color: #010101;
  font-weight: 600;
  font-size: 30px;
  line-height: 140%;
  letter-spacing: -0.02em;
  text-align: center;
}

.committee__text {
  margin: 12px 0 0;
  color: #010101;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.02em;
  text-align: center;
}

.committee__join {
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 230px;
  height: 50px;
  border-radius: 19px;
  background-color: #010101;
  color: #ffffff;
  font-weight: 600;
  font-size: 20px;
  text-decoration: none;
}

.committee__join:hover,
.committee__join:focus {
  color: #ffffff;
  text-decoration: none;
}

/* 하단 안내 */
.committee__notice {
  margin: 60px 0 0;
  color: #828282;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  text-align: center;
}