/* =========================================================
   bylaws.css (회칙/정관 전용)
   - 요청하신 예시 화면처럼 '장 제목 바' + '조문 리스트' 형태
   - 개정 드롭다운/경로(breadcrumb)는 일부러 만들지 않음
   ========================================================= */

.bylawsSection{ padding: 46px 0 64px; background:#e9edf2; } /* ✅ (수정) History 페이지와 동일한 회색 섹션 배경/상하 여백으로 맞췄습니다. */

.bylawsCard{
  background:#fff;
  border:1px solid rgba(9,18,37,.10);
  border-radius:8px;
  box-shadow:0 10px 22px rgba(0,0,0,.10);
  padding: 28px 34px 34px;
} /* ✅ (수정) Bylaws 카드도 History의 contentCard와 같은 테두리/모서리/여백 규칙으로 통일했습니다. */

.bylawsCard__title{
  font-weight: 900;
  font-size: 28px;
  letter-spacing: -0.02em;
  color:#0b1220;
  margin-bottom: 0;
} /* ✅ (수정) 카드 제목 크기와 색상도 History의 제목과 같은 톤으로 맞췄습니다. */

.bylawsCard__desc{
  color: rgba(9,18,37,.72);
  line-height: 1.65;
  margin-bottom: 18px;
}

/* =========================
   Chapter bar
========================= */
.bylawsChapter{ margin-top: 18px; }

.bylawsChapter__bar{
  display:flex;
  align-items:center;
  gap: 14px;
  margin: 14px 0 10px;
}

.bylawsChapter__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 170px;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: -0.01em;
  color: #fff;

  /* ✅ (수정) 상단 헤더(파란색)와 동일한 그라데이션 색상 사용 */
  background: linear-gradient(90deg, var(--topbar-a) 0%, var(--topbar-b) 100%);
  border: 0;
  box-shadow: 0 10px 18px rgba(0,0,0,.10);
}

 /* 예시 화면의 '회색 패턴 바'를 간단한 다이아 패턴으로 재현 */의 '회색 패턴 바'를 간단한 다이아 패턴으로 재현 */
.bylawsChapter__fill{
  flex:1;
  height: 32px;
  border-radius: 999px;
  border: 1px solid var(--lineSoft);
  background:
    linear-gradient(45deg, rgba(0,0,0,.05) 25%, transparent 25%) 0 0/18px 18px,
    linear-gradient(-45deg, rgba(0,0,0,.05) 25%, transparent 25%) 0 0/18px 18px,
    linear-gradient(45deg, transparent 75%, rgba(0,0,0,.05) 75%) 0 0/18px 18px,
    linear-gradient(-45deg, transparent 75%, rgba(0,0,0,.05) 75%) 0 0/18px 18px;
  background-color: rgba(42,111,232,.05);
}

/* =========================
   Article list
========================= */
.bylawsList{
  list-style: none;
  padding: 0;
  margin: 0;
}

.bylawsItem{
  border-top: 1px dashed var(--lineSoft);
  padding: 12px 6px;
}
.bylawsItem:first-child{ border-top: 0; }

.bylawsItem__head{
  font-weight: 900;
  color: rgba(9,18,37,.92);
  margin-bottom: 6px;
}

.bylawsItem__body{
  color: rgba(9,18,37,.80);
  line-height: 1.7;
}

/* =========================
   서명 블록(회장인사말과 같은 느낌)

   ✅ 이번 수정에서 '발기인 : 권세원(인)'을
   '회장 권세원'처럼 깔끔한 서명 형태로 보여주기 위해 추가했습니다.
========================= */
.signatureBlock{
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  color: rgba(9,18,37,.85);
}
.signatureBlock__org{ font-weight: 800; margin-bottom: 8px; }
.signatureBlock__name{ font-size: 20px; font-weight: 900; }



/* ✅ (추가) '회칙/정관' 제목과 아래 조문(내용) 사이에 구분선을 넣어
   회장인사말 페이지처럼 제목/본문이 확실히 구분되도록 했습니다. */
.bylawsCard__divider{
  height:1px;
  background: rgba(9,18,37,.10);
  margin: 18px 0 18px;
} /* ✅ (수정) 제목 아래 구분선 간격도 History 카드와 같은 여백 흐름으로 조정했습니다. */

@media (max-width: 720px){
  .bylawsCard{ padding: 22px 20px 26px; } /* ✅ (추가) 모바일에서도 History 카드와 동일한 패딩 규칙을 적용합니다. */
}