@charset "utf-8";

/* ============================================
   학회 정관 (rule) 전용 스타일 — 브릭 테마(#92342b)
   장(章) 구분 + 조(條) dt/dd + 번호/원문자 리스트
   ============================================ */

.rule {font-size:1.0625rem; color:#3f3833; line-height:1.8;}

/* 장(章) 헤더 */
.rule h4 {
	display:flex; justify-content:center; align-items:center;
	font-size:1.375rem; font-weight:800; color:var(--color);
	text-align:center; letter-spacing:2px;
	margin:3.25rem 0 1.75rem; padding:0.875rem 1rem;
	border-top:2px solid var(--color); border-bottom:1px solid #ecdcd8;
	background:linear-gradient(180deg, #faf5f3, rgba(250,245,243,0));
}
.rule h4:first-child {margin-top:0;}

/* 조(條) */
.rule dl {margin:0;}
.rule dl dt {
	font-size:1.0938rem; font-weight:700; color:#2d2422;
	margin:1.625rem 0 0.5rem; padding-left:0.75rem; position:relative;
}
.rule dl dt::before {content:''; position:absolute; left:0; top:0.35rem; width:4px; height:1.05rem; background:var(--color); border-radius:50rem;}
.rule dl dt:first-child {margin-top:0;}
.rule dl dd {color:#4a423e; padding-left:0.75rem;}

/* 각 호 — 기본 번호(1. 2. 3.) */
.rule dd ol {margin:0.5rem 0 0; padding-left:1.5rem;}
.rule dd ol > li {margin-top:5px;}
.rule dd li ol {margin-top:5px;}

/* 항(項) — 원문자(①②③) */
.rule .numcircle {counter-reset:circle 0; list-style:none; padding-left:0; margin:0.375rem 0 0;}
.rule .numcircle > li {position:relative; padding-left:1.875rem; margin-top:0.625rem;}
.rule .numcircle > li::before {
	counter-increment:circle; content:counter(circle);
	position:absolute; left:0; top:0.2rem;
	width:1.375rem; height:1.375rem; background:var(--color); color:#fff;
	border-radius:50rem; font-size:0.75rem; font-weight:700;
	display:flex; justify-content:center; align-items:center;
	font-family:"Roboto", sans-serif;
}
.rule .numcircle > li > ol {margin-top:6px;}

/* 제정일/서명 */
.rule .date {margin-top:2.5rem; text-align:center; font-size:1.125rem; font-weight:600; color:#2d2422;}
.rule .sign_note {margin-top:0.5rem; text-align:center; color:#6a5c58;}

@media screen and (max-width:768px) {
	.rule {font-size:1rem;}
	.rule h4 {font-size:1.1875rem; margin:2.5rem 0 1.375rem;}
	.rule dl dt {font-size:1.0313rem;}
}