/* ============================================================
   sub.css — 서브 페이지 (레이아웃·컴포넌트·반응형)
   게시판 스타일 → board.css
   포맷: npm run format:sub-css
   ============================================================

/* ── 서브 레이아웃 ────────────────────────────────────────── */
.sub-wrap { background:#fff; min-height:100vh }
.hn-page-head { background-image:linear-gradient(180deg,rgba(22,46,76,0.93) 0%,rgba(12,28,50,0.95) 100%),url(/home/www/images/common/hero-section_34.webp); background-position:center; background-size:cover; background-repeat:no-repeat; color:#fff; position:relative; overflow:hidden }
.hn-page-head::before { content:""; position:absolute; inset:0; background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.025)0 1px,transparent 1px 150px); pointer-events:none }
.hn-page-head .inner { max-width:1280px; margin:0 auto; padding:44px 40px 40px; position:relative; z-index:2 }
.sub-layout { max-width:1280px; margin:0 auto; padding:50px 40px 90px; display:grid; grid-template-columns:240px 1fr; gap:48px }
.sub-layout:has(>.depth3-nav)>aside { grid-row:1/span 2; align-self:start }
.sub-layout>.depth3-nav { grid-column:2; margin-bottom:0 }
.sub-layout>.depth3-nav+section { grid-column:2 }
.depth3-nav .group-tabs { margin-bottom:0; border-bottom:none }
.depth3-nav .group-tabs button,.depth3-nav .group-tabs a { margin-bottom:0 }

/* ── 브레드크럼 ───────────────────────────────────────────── */
.breadcrumb-hn { font-size:13px; color:rgba(255,255,255,.55); display:flex; gap:9px; margin-bottom:16px; align-items:center }
.breadcrumb-hn i { font-size:11px; color:rgba(255,255,255,.3) }
.breadcrumb-hn .cur { color:#fff; font-weight:700 }
.hn-page-head h1 { font-size:36px; font-weight:800; margin:0; color:#fff; letter-spacing:-0.035em }
.hn-page-head .desc { font-size:15px; color:rgba(255,255,255,.6); margin-top:8px }

/* ── 사이드바 ─────────────────────────────────────────────── */
.sidebar-head { background:repeating-linear-gradient(90deg,rgba(255,255,255,.04)0 1px,transparent 1px 80px),linear-gradient(150deg,#1b507e 0%,#0d2c52 100%); color:#fff; padding:24px 20px 22px; position:relative; overflow:hidden }
.sidebar-head .k { font-size:11px; letter-spacing:0.22em; text-transform:uppercase; color:rgba(255,255,255,.4); margin-bottom:7px; font-weight:700 }
.sidebar-head h3 { font-size:20px; font-weight:800; margin:0; letter-spacing:-0.02em }
.sidebar-list { margin-top:8px }
.sidebar-list a { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; font-size:15px; color:var(--hn-text-3); border-bottom:1px solid var(--hn-line-soft); font-weight:500; transition:color .15s,padding-left .12s; position:relative }
.sidebar-list a:last-child { border-bottom:0 }
.sidebar-list a:hover { color:var(--hn-blue); padding-left:20px; background:transparent }
.sidebar-list a.on { color:var(--hn-blue); font-weight:700; padding-left:20px; background:transparent }
.sidebar-list a.on::before { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--hn-blue) }
.sidebar-list a.on::after { display:none }
.sidebar-list i { color:var(--hn-text-4); font-size:10px }
.sidebar-list a.on i { display:none }
.sidebar-mob { display:none }
.sidebar-help { margin-top:20px; background:var(--hn-bg-alt); border-top:2px solid var(--hn-blue); padding:20px 18px }
.sidebar-help h4 { font-size:15px; font-weight:800; margin:0 0 8px; letter-spacing:-0.02em; color:var(--hn-text-2) }
.sidebar-help p { font-size:13px; color:var(--hn-text-3); margin:0 0 12px; line-height:1.7 }
.sidebar-help .phone-num { font-size:20px; font-weight:800; color:var(--hn-blue); letter-spacing:-0.02em }
.sidebar-help .hours { font-size:12px; color:var(--hn-text-4); margin-top:4px }

/* ── 컨텐츠 영역 제목 ─────────────────────────────────────── */
.sub-layout>section .ptitle { font-size:30px; font-weight:800; margin:0 0 30px; padding-bottom:22px; border-bottom:2px solid var(--hn-text); display:flex; align-items:baseline; justify-content:space-between; letter-spacing:-0.035em }
.ptitle .cnt { font-size:16px; font-weight:500; color:var(--hn-text-3) }
.ptitle .cnt b { color:var(--hn-blue); font-weight:800 }
.ptitle .cnt.ptitle-meta { font-size:17px; font-weight:700; color:var(--hn-text-2); text-align:right; line-height:1.45; max-width:58% }
.ptitle-sub { font-size:15px; font-weight:600; color:var(--hn-green); letter-spacing:0.04em; text-transform:uppercase; margin:-20px 0 24px }

/* ── 컨텐츠 쇼케이스 ──────────────────────────────────────── */
.show-toc { display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:18px 22px; background:var(--hn-bg-alt); border:1px solid var(--hn-line); margin-bottom:35px }
.show-toc .k { font-size:13px; font-weight:700; color:var(--hn-text-3); letter-spacing:0.1em; margin-right:8px }
.show-toc a { font-size:14px; color:var(--hn-text-3); padding:5px 12px; border:1px solid var(--hn-line); background:#fff; cursor:pointer }
.show-toc a:hover { color:var(--hn-blue); border-color:var(--hn-blue) }
.show-block { border:1px solid var(--hn-line); margin-bottom:25px; scroll-margin-top:100px }
.show-head { display:flex; justify-content:space-between; align-items:center; padding:15px 22px; background:var(--hn-bg-alt); border-bottom:1px solid var(--hn-line) }
.show-head h3 { font-size:17px; font-weight:700; margin:0; letter-spacing:-0.02em; color:var(--hn-text); display:flex; align-items:baseline; gap:10px }
.show-head h3 em { font-size:13px; color:var(--hn-text-3); font-style:normal }
.show-head .badge-ui { font-size:12px; font-weight:700; padding:3px 10px; background:var(--hn-blue); color:#fff; letter-spacing:0.06em }
.show-body { padding:25px 22px; display:flex; flex-wrap:wrap; gap:12px; align-items:flex-start; background:#fff }
.show-body.col { flex-direction:column }
.show-body.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:18px }

/* ── 정의 테이블 ──────────────────────────────────────────── */
.dt-table { width:100%; border-collapse:collapse; font-size:17px }
.dt-table th,.dt-table td { padding:15px 20px; border:1px solid var(--hn-line) }
.dt-table th { background:var(--hn-bg-alt); color:var(--hn-text-2); font-weight:700; width:175px; text-align:left; white-space:nowrap }
.dt-table td { color:var(--hn-text) }

/* ── 단계 프로세스 ────────────────────────────────────────── */
.steps { display:flex; gap:0; width:100% }
.step { flex:1; padding:25px 20px; border:1px solid var(--hn-line); border-right:0; position:relative; background:#fff }
.step:last-child { border-right:1px solid var(--hn-line) }
.step::after { content:""; position:absolute; right:-12px; top:50%; transform:translateY(-50%); width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:12px solid var(--hn-line); z-index:1 }
.step:last-child::after { display:none }
.step .n { width:35px; height:35px; background:var(--hn-blue); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:800; margin-bottom:12px }
.step .t { font-size:17px; font-weight:800; margin-bottom:8px; letter-spacing:-0.02em }
.step .d { font-size:14px; color:var(--hn-text-3); line-height:1.6 }

/* ── 타임라인 ─────────────────────────────────────────────── */
.timeline { position:relative; padding-left:100px }
.timeline::before { content:""; position:absolute; left:68px; top:0; bottom:0; width:1px; background:var(--hn-line) }
.timeline-item { position:relative; padding:0 0 35px 35px }
.timeline-item:last-child { padding-bottom:0 }
.timeline-item .year { position:absolute; left:-100px; top:0; font-size:16px; font-weight:800; color:var(--hn-blue); font-family:ui-monospace,Menlo,monospace; width:88px; text-align:right }
.timeline-item .t { font-size:19px; font-weight:800; margin-bottom:5px; letter-spacing:-0.02em }
.timeline-item .d { font-size:16px; color:var(--hn-text-3); line-height:1.6 }

/* ── KPI 타일 ─────────────────────────────────────────────── */
.kpi { flex:1 1 225px; padding:25px 28px; border:1px solid var(--hn-line); background:#fff; min-width:175px }
.kpi.g { border-top:3px solid var(--hn-green) }
.kpi.b { border-top:3px solid var(--hn-blue) }
.kpi .k { font-size:13px; color:var(--hn-text-3); letter-spacing:0.1em; margin-bottom:10px; font-weight:600 }
.kpi .v { font-size:35px; font-weight:800; color:var(--hn-text); letter-spacing:-0.03em }
.kpi .v .unit { font-size:17px; color:var(--hn-text-3); font-weight:400; margin-left:5px }

/* ── 컬러 팔레트 스와치 ───────────────────────────────────── */
.swatch-grid { display:flex; flex-wrap:wrap; gap:15px; width:100% }
.swatch { display:flex; flex-direction:column; align-items:flex-start; gap:5px }
.swatch .box { width:75px; height:50px; border:1px solid var(--hn-line) }
.swatch .n { font-size:13px; font-weight:600; color:var(--hn-text-2) }
.swatch .c { font-size:12px; color:var(--hn-text-3); font-family:ui-monospace,Menlo,monospace }

/* ── 폼 컨트롤 ────────────────────────────────────────────── */
.in-field { display:flex; flex-direction:column; gap:8px }
.in-label { font-size:16px; font-weight:700; color:var(--hn-text-2) }
.in-label .req { color:var(--hn-red) }
.in-text,.in-select { border:1px solid var(--hn-line); padding:12px 18px; font-size:17px; font-family:inherit; color:var(--hn-text); outline:0; width:100% }
.in-text:focus,.in-select:focus { border-color:var(--hn-blue) }
.in-textarea { border:1px solid var(--hn-line); padding:12px 18px; font-size:17px; font-family:inherit; color:var(--hn-text); outline:0; width:100%; min-height:200px; resize:vertical }
.in-textarea:focus { border-color:var(--hn-blue) }

/* ── 섹션 헤더 (공통: 제목 + 설명 + 우측 버튼) ────────────────── */
.sec-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding-bottom:20px; border-bottom:2px solid var(--hn-text); margin-bottom:28px }
.sh-body { display:flex; flex-direction:column; gap:6px }
.sh-title { font-size:26px; font-weight:800; color:var(--hn-text); letter-spacing:-0.035em; line-height:1.2 }
.sh-desc { font-size:15px; font-weight:500; color:var(--hn-text-3); letter-spacing:0 }
.sh-actions { flex-shrink:0; display:flex; gap:8px; align-items:center }
.sh-btn { display:inline-flex; align-items:center; padding:11px 22px; font-size:15px; font-weight:700; letter-spacing:-0.01em; text-decoration:none; transition:background .15s,color .15s,border-color .15s; white-space:nowrap }
.sh-btn.primary { background:var(--hn-blue); color:#fff; border:1px solid var(--hn-blue) }
.sh-btn.primary:hover { background:#0d3463; border-color:#0d3463 }
.sh-btn.ghost { background:#fff; color:var(--hn-text-2); border:1px solid var(--hn-line-strong) }
.sh-btn.ghost:hover { background:var(--hn-bg-alt) }

/* ── 임원 구성 카드 ───────────────────────────────────────── */
.officer-grid { display:grid; grid-template-columns:4fr 6fr; gap:10px }
.officer-card { display:flex; background:none; overflow:hidden; align-items:stretch }
.officer-card.sub { border-left-color:var(--hn-line-strong) }
.officer-card--dual:not(.officer-card--mob) { display:contents }
.officer-dual-col { display:flex; align-items:stretch; min-width:0 }
.officer-dual-col.sub .officer-role { color:var(--hn-text-3) }
.officer-card--mob { display:none }
.officer-role { width:96px; flex-shrink:0; color:var(--hn-blue); font-size:17px; font-weight:800; display:flex; align-items:center; justify-content:center; text-align:center; letter-spacing:-0.02em; padding:14px 8px; line-height:1.5; word-break:keep-all }
.officer-card.sub .officer-role { color:var(--hn-text-3) }
.officer-persons { flex:1; display:flex; align-items:center }
.officer-person { flex:1; display:flex; align-items:center; gap:14px; padding:14px 18px; background:#fff; border:1px solid var(--hn-line) }
.officer-person-empty { background:transparent; border:0 }
.officer-person-latest { border-left:none }

/* ── 노회 규칙 (문서형) ───────────────────────────────────── */
@media (min-width:769px) {
  .officer-dual-col.sub .officer-person--slot-empty { flex:1; align-self:stretch; padding:0; background:transparent; pointer-events:none }
}

/* ── 임원 구성 카드 ───────────────────────────────────────── */
.officer-photo { width:60px; aspect-ratio:3/4; border-radius:6px; background:var(--hn-bg-alt2); flex-shrink:0; overflow:hidden; display:flex; align-items:center; justify-content:center; border:1px solid var(--hn-line) }
.officer-photo img { width:100%; height:100%; object-fit:cover }
.officer-photo .photo-empty { font-size:22px; color:var(--hn-text-4) }
.oname-n,.oname-t { white-space:nowrap }
.oname-len2 { white-space:nowrap }
.oname-len2 .oname-ch+.oname-ch::before { content:" "; letter-spacing:-2px }
.oname-plain.oname-len2 { font-weight:400; color:var(--hn-text-2) }
.sub-layout .oname,.sub-layout .g-name,.sub-layout .hpt-name,.sub-layout .pt-name,.sub-layout .btable tbody td:nth-child(2),.sub-layout .dept-table tbody td:not(.dept-name):not(.title),.sub-layout .church-table.member-table tbody td:nth-child(2),.sub-layout .district-card .d-info .r>span:not(.k),.sub-layout .dept-chief { word-break:keep-all }
.officer-info .oname { font-size:18px; font-weight:800; letter-spacing:-0.02em; margin-bottom:4px; color:var(--hn-text) }
.officer-info .ochurch { font-size:13px; color:var(--hn-text-3) }

/* ── 인물 카드 ────────────────────────────────────────────── */
.person-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px }
.person-card { border:1px solid var(--hn-line); background:#fff; overflow:hidden; text-align:center }
.person-card .photo { aspect-ratio:3/4; background:var(--hn-bg-alt2); display:flex; align-items:center; justify-content:center; overflow:hidden }
.person-card .photo img { width:100%; height:100%; object-fit:cover }
.person-card .photo .photo-empty { font-size:12px; color:var(--hn-text-4); letter-spacing:0.05em; text-align:center; line-height:1.6 }
.person-card .info { padding:16px 14px 18px }
.person-card .role { font-size:13px; color:var(--hn-blue); font-weight:700; letter-spacing:0.07em; margin-bottom:6px }
.person-card .name { font-size:18px; font-weight:800; letter-spacing:-0.02em; margin-bottom:5px }
.person-card .church { font-size:14px; color:var(--hn-text-3) }
.president-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px }
.president-past-card { border:1px solid var(--hn-line); background:#fff; overflow:hidden; display:flex; flex-direction:column }
.president-past-card .photo { aspect-ratio:3/4; background:var(--hn-bg-alt2); display:flex; align-items:center; justify-content:center; overflow:hidden }
.president-past-card .photo .photo-empty { font-size:12px; color:var(--hn-text-4); letter-spacing:0.05em; text-align:center; line-height:1.6 }
.president-past-card .pcard-body { padding:18px 18px 20px }
.president-past-card .pcard-term { font-size:13px; color:var(--hn-blue); font-weight:700; letter-spacing:0.06em; margin-bottom:6px }
.president-past-card .pcard-name { font-size:20px; font-weight:800; letter-spacing:-0.02em; margin-bottom:5px }
.president-past-card .pcard-church { font-size:14px; color:var(--hn-text-3) }
.president-past-card .pcard-period { font-size:13px; color:var(--hn-text-4); margin-top:6px; font-family:ui-monospace,Menlo,monospace }

/* ── 그룹 탭 ──────────────────────────────────────────────── */
.group-tabs { display:flex; gap:0; flex-wrap:wrap; margin-bottom:28px }
.group-tabs button,.group-tabs a { padding:13px 24px; font-size:17px; font-weight:600; background:none; border:none; cursor:pointer; color:var(--hn-text-3); font-family:inherit; border-bottom:3px solid transparent; margin-bottom:-2px; letter-spacing:-0.02em; transition:color .15s }
.group-tabs a { display:inline-block; text-decoration:none; box-sizing:border-box }
.group-tabs button.on,.group-tabs a.on { color:var(--hn-text); font-weight:800; border-bottom-color:var(--hn-blue) }
.group-tabs button:hover,.group-tabs a:hover { color:var(--hn-text) }
.tab-panel { display:none }
.tab-panel.on { display:block }

/* ── 소속 교회 테이블 ──────────────────────────────────────── */
.church-table { width:100%; border-collapse:collapse; font-size:16px; border-top:2px solid var(--hn-text); margin-top:4px }
.church-table thead th { background:var(--hn-bg-alt); padding:16px 15px; font-weight:700; font-size:15px; color:var(--hn-text-2); border-bottom:1px solid var(--hn-line); text-align:center }
.church-table tbody td { padding:16px 15px; border-bottom:1px solid var(--hn-line-soft); color:var(--hn-text-2); vertical-align:middle }
.church-table tbody tr:hover td { background:var(--hn-bg-alt) }
.church-table tbody td:first-child { font-weight:700; color:var(--hn-text) }
.church-table tbody a { color:var(--hn-blue) }
.church-table tbody a:hover { text-decoration:underline }
.church-count { font-size:15px; color:var(--hn-text-3); font-weight:500; margin-bottom:16px }
.church-count b { color:var(--hn-blue); font-weight:800 }

/* ── 소속 회원 및 교회 (churches.html) ─────────────────────── */
.churches-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; min-height:44px }
.churches-term-label { margin:0; margin-left:auto; font-size:13px; font-weight:500; color:var(--hn-text-4); white-space:nowrap }
.churches-view-toggle { display:inline-flex; gap:0; padding:4px; background:var(--hn-bg-alt); border:1px solid var(--hn-line); border-radius:8px }
.churches-view-toggle button { min-width:96px; padding:10px 20px; font-size:15px; font-weight:600; font-family:inherit; color:var(--hn-text-3); background:transparent; border:none; border-radius:6px; cursor:pointer; transition:color 0.15s,background 0.15s }
.churches-view-toggle button.on { color:var(--hn-green); background:var(--hn-bg); box-shadow:0 1px 3px rgba(21,24,29,0.08); font-weight:700 }
.churches-view-toggle button:hover:not(.on) { color:var(--hn-text) }
.churches-tab-wrap .churches-district-tabs { margin-top:8px; border-bottom:none; margin-bottom:28px }
.churches-page .church-table { font-size:15px }
.churches-page .church-table thead th,.churches-page .church-table tbody td { padding:10px 12px }
.churches-page .member-section { margin-bottom:28px }
.churches-page .member-section-title { margin-bottom:8px; padding-bottom:8px }
.churches-mobile-detail-hint { display:none; align-items:flex-start; gap:8px; margin:0 0 14px; padding:10px 12px; font-size:13px; line-height:1.45; color:var(--hn-text-3); background:var(--hn-bg-alt); border-radius:6px }
.churches-mobile-detail-hint i { flex-shrink:0; margin-top:1px; font-size:15px; color:var(--hn-blue) }
.churches-view { display:none }
.churches-view.on { display:block }
.member-section { margin-bottom:36px }
.member-section:last-child { margin-bottom:0 }
.member-section-title { font-size:18px; font-weight:700; color:var(--hn-text); margin:0 0 12px; padding-bottom:10px; border-bottom:1px solid var(--hn-line-soft) }
.member-section-cnt { margin-left:8px; font-size:14px; font-weight:500; color:var(--hn-text-4) }
.member-section-cnt:empty { display:none }
.member-empty { margin:0; padding:20px 16px; font-size:15px; color:var(--hn-text-3); text-align:center; background:var(--hn-bg-alt); border-radius:4px }
.churches-page .church-table .cat { display:inline-block; font-size:12px; padding:3px 8px; border:1px solid var(--hn-line-strong); font-weight:600; line-height:1.3; white-space:nowrap }
.churches-page .church-table .cat.b { background:var(--hn-blue); border-color:var(--hn-blue); color:#fff }
.churches-page .church-table .cat.r { background:color-mix(in srgb,var(--hn-blue) 72%,white); border-color:color-mix(in srgb,var(--hn-blue) 72%,white); color:#fff }
.churches-page .church-table .cat.o { background:color-mix(in srgb,var(--hn-blue) 48%,white); border-color:color-mix(in srgb,var(--hn-blue) 48%,white); color:#fff }
.churches-page .church-table .cat.misc,.churches-page .church-mob-list .cat.misc { background:var(--hn-bg); border-color:var(--hn-line-strong); color:var(--hn-text-3) }
.churches-page .church-mob-list .cat { display:inline-block; font-size:12px; padding:3px 8px; border:1px solid var(--hn-line-strong); font-weight:600; line-height:1.3; white-space:nowrap }
.churches-page .church-mob-list .cat.b { background:var(--hn-blue); border-color:var(--hn-blue); color:#fff }
.churches-page .church-mob-list .cat.r { background:color-mix(in srgb,var(--hn-blue) 72%,white); border-color:color-mix(in srgb,var(--hn-blue) 72%,white); color:#fff }
.churches-page .church-mob-list .cat.o { background:color-mix(in srgb,var(--hn-blue) 48%,white); border-color:color-mix(in srgb,var(--hn-blue) 48%,white); color:#fff }
.churches-page .church-table tbody td:first-child { font-weight:400; text-align:center }

/* ── 회원별·교회별 — 데스크탑 제목 행 메타 ─────────────────── */
.member-section-head,.church-list-section-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px 16px; margin-bottom:12px; padding-bottom:10px; border-bottom:1px solid var(--hn-line-soft) }
.member-section--lead .member-section-head .member-section-title,.church-list-section-head .member-section-title { margin:0; padding:0; border-bottom:0 }
.member-section-meta,.church-list-section-meta { flex-shrink:0; text-align:right }
.churches-list-meta-line { margin:0; font-size:13px; font-weight:500; color:var(--hn-text-4); white-space:nowrap }
.churches-term-label,.churches-sort-hint { margin:0; font-size:13px; font-weight:500; color:var(--hn-text-4); white-space:nowrap }
.church-mob-list { display:none }
.churches-page .church-member-table tbody td.church-group-church { font-weight:700; color:var(--hn-text) }
.churches-page .church-member-table .col-category { text-align:center }
.churches-page .church-member-table .col-clergy-lead .oname-n,.churches-page .church-member-table .col-clergy-lead .oname-t { font-weight:700; color:var(--hn-text) }
.churches-page .church-member-table .col-clergy .oname-plain { font-weight:400; color:var(--hn-text-2) }
.churches-page .church-member-table tbody td.church-group-lead { vertical-align:top }
.churches-mobile-detail-hint__text { display:flex; flex-direction:column; gap:4px; min-width:0 }
.churches-mobile-detail-hint__sort { display:none; color:var(--hn-text-4) }
.churches-page:has(.tab-panel.on .churches-view[data-churches-view="member"].on) .churches-mobile-detail-hint__sort--member { display:block }
.churches-page:has(.tab-panel.on .churches-view[data-churches-view="church"].on) .churches-mobile-detail-hint__sort--church { display:block }

/* ── 노회 규칙 (문서형) ───────────────────────────────────── */
@media (min-width:769px) {
  .churches-page .churches-view[data-churches-view="member"] .member-table tbody td:nth-child(2) .oname-n,.churches-page .churches-view[data-churches-view="member"] .member-table tbody td:nth-child(2) .oname-t { font-weight:700; color:var(--hn-text) }
}

/* ── 회원별·교회별 — 데스크탑 제목 행 메타 ─────────────────── */
.churches-page .member-table tbody .col-phone,.churches-page .church-member-table .col-phone,.churches-page .church-member-table .col-category { font-size:13px; color:var(--hn-text-3); letter-spacing:-0.02em }
.churches-page .church-member-table .col-clergy { width:1%; min-width:8rem; white-space:nowrap }
.churches-page .church-member-table .col-phone { width:1%; min-width:8.5rem; white-space:nowrap }
.churches-page .church-list-section { margin-bottom:0 }

/* ── 시찰 소개 ─────────────────────────────────────────────── */
.district-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px }
.district-card { border:1px solid var(--hn-line); overflow:hidden; background:#fff; display:flex; flex-direction:column; container-type:inline-size }
.district-card .d-thumb { aspect-ratio:4/3; background:var(--hn-bg-alt2); display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative }
.district-card .d-thumb img { width:100%; height:100%; object-fit:cover }

/* ── 부서 소개 ─────────────────────────────────────────────── */
.district-card .d-thumb .photo-empty { font-size:12px; color:var(--hn-text-4); letter-spacing:0.05em; text-align:center; line-height:1.6 }
.district-card .d-thumb .d-badge { position:absolute; bottom:12px; left:12px; background:var(--hn-blue); color:#fff; font-size:13px; font-weight:800; padding:5px 14px; letter-spacing:0.04em }

/* ── 시찰 소개 ─────────────────────────────────────────────── */
.district-card .d-body { padding:22px 22px 24px; flex:1; display:flex; flex-direction:column }

/* ── 부서 소개 ─────────────────────────────────────────────── */
.district-card .d-title { font-size:22px; font-weight:800; margin:0 0 16px; letter-spacing:-0.03em }
.district-card .d-info { font-size:15px; color:var(--hn-text-3); line-height:1.9; flex:1 }

/* ── 시찰 소개 ─────────────────────────────────────────────── */
.district-card .d-info .r { display:flex; gap:10px; margin-bottom:4px; align-items:flex-start }

/* ── 부서 소개 ─────────────────────────────────────────────── */
.district-card .d-info .k { font-weight:700; color:var(--hn-text-2); min-width:58px; font-size:14px }

/* ── 시찰 소개 ─────────────────────────────────────────────── */
.district-card .d-info .r:has(.d-members) { align-items:flex-start }
.district-card .d-info .r>span:not(.k),.district-card .d-members { color:var(--hn-text) }
.district-card .d-members { flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:baseline; row-gap:0.2em }
.district-card .d-member-wrap { flex:0 1 auto; max-width:calc(50% - 0.35em); min-width:0; box-sizing:border-box; white-space:nowrap }
.district-card .d-sep { display:inline; margin-right:0.35em }
@container (max-width:280px) {
  .district-card .d-member-wrap { flex:0 0 100%; max-width:100% }
  .district-card .d-sep { display:none }
}

/* ── 부서 소개 ─────────────────────────────────────────────── */
.district-card .d-count { margin-top:16px; padding-top:16px; border-top:1px solid var(--hn-line); font-size:15px; color:var(--hn-text-3); display:flex; align-items:center; gap:6px }
.district-card .d-count b { color:var(--hn-blue); font-size:22px; font-weight:800 }
.district-card .d-clergy { font-size:13px; color:var(--hn-text-3); margin-top:6px; line-height:1.7; padding-bottom:14px; border-bottom:1px solid var(--hn-line) }

/* ── 시찰 소개 ─────────────────────────────────────────────── */
.district-card .d-clergy b { color:var(--hn-text-2); font-weight:700 }
.district-card .d-actions { display:flex; flex-direction:column; gap:8px; margin-top:auto; padding-top:16px; border-top:1px solid var(--hn-line) }
.district-card .d-actions-row { display:flex; gap:8px }

/* ── 부서 소개 ─────────────────────────────────────────────── */
.district-card .d-actions>a.btn-hn,.district-card .d-actions-row a.btn-hn { flex:1; justify-content:center; font-size:14px; padding:9px 8px; text-decoration:none }

/* ── 시찰 소개 ─────────────────────────────────────────────── */
.table-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch }
.table-scroll .church-table { min-width:620px }
.churches-page .table-scroll .church-member-table { min-width:648px }

/* ── 오시는 길 ─────────────────────────────────────────────── */
.map-wrap { border:1px solid var(--hn-line); overflow:hidden; margin-bottom:30px; aspect-ratio:16/7 }
.map-placeholder { aspect-ratio:16/7; background:linear-gradient(135deg,#e8edf3 0%,#dde3eb 100%); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:12px }
.map-placeholder i { font-size:48px; color:var(--hn-text-4) }
.map-placeholder p { font-size:15px; color:var(--hn-text-3); margin:0 }
.directions-info { display:grid; grid-template-columns:1fr 1fr; gap:24px }
.directions-info .di-card { border:1px solid var(--hn-line); padding:22px 24px; background:#fff }
.directions-info .di-card h4 { font-size:17px; font-weight:800; margin:0 0 14px; letter-spacing:-0.02em; display:flex; align-items:center; gap:8px }
.directions-info .di-card h4 i { color:var(--hn-blue) }
.directions-info .di-card p,.directions-info .di-card li { font-size:15px; color:var(--hn-text-2); line-height:1.8; margin:0 0 6px }
.directions-info .di-card ul { padding-left:18px; margin:0 }
.directions-addr { background:var(--hn-blue); color:#fff; padding:22px 28px; margin-bottom:24px; display:flex; align-items:center; gap:16px }
.directions-addr i { font-size:22px; flex-shrink:0 }
.directions-addr .addr-text { font-size:17px; font-weight:600; line-height:1.6 }
.directions-addr .addr-sub { font-size:14px; opacity:.75; margin-top:4px }

/* ── 부서 소개 ─────────────────────────────────────────────── */
.dept-table { width:100%; border-collapse:collapse; font-size:16px; border-top:2px solid var(--hn-text) }
.dept-table thead th { background:var(--hn-blue); color:#fff; padding:16px 15px; font-weight:700; font-size:15px; text-align:center; border-right:1px solid rgba(255,255,255,.15) }
.dept-table thead th:last-child { border-right:0 }
.dept-table tbody td { padding:16px 15px; border-bottom:1px solid var(--hn-line-soft); color:var(--hn-text-2); vertical-align:top; font-size:15px; border-right:1px solid var(--hn-line-soft) }
.dept-table tbody td:last-child { border-right:0 }
.dept-table tbody td.dept-name { font-weight:800; color:var(--hn-text); text-align:center; background:var(--hn-bg-alt); font-size:16px; vertical-align:middle }
.dept-table tbody td.dept-chief { color:var(--hn-blue); font-weight:700; text-align:center; vertical-align:middle }
.dept-table:has(thead th:nth-child(5)) tbody td:nth-child(3),.dept-table:has(thead th:nth-child(5)) tbody td:nth-child(4) { text-align:center; vertical-align:middle }
.dept-table tbody td.title { text-align:left; line-height:1.7 }
.dept-table .dept-member-group { display:block }
.dept-table .dept-member-group+.dept-member-group { margin-top:6px }
.dept-table .dept-member-label { display:inline; font-weight:700; color:var(--hn-text); margin-right:6px }
.dept-table .dept-member-list { display:inline }
.dept-comma-list { display:inline }
.dept-comma-item { display:inline-block; white-space:nowrap }
.dept-comma-item:not(:last-child)::after { content:","; padding-right:0.35em }
.dept-comma-list small.dept-comma-sub .dept-comma-sub-label::after { content:none }
.sub-layout>section:has(.district-grid) .ptitle,.sub-layout>section:has(.dept-table) .ptitle { font-size:31px }
.sub-layout>section:has(.district-grid) .ptitle .cnt,.sub-layout>section:has(.dept-table) .ptitle .cnt { font-size:17px }
.sub-layout>section:has(.district-grid) .ptitle .cnt.ptitle-meta,.sub-layout>section:has(.dept-table) .ptitle .cnt.ptitle-meta { font-size:18px }
.dept-table { font-size:17px }
.dept-table thead th { font-size:16px }
.dept-table tbody td { font-size:16px }
.dept-table tbody td.dept-name { font-size:17px }
.sub-layout>section:has(.dept-table) .dt-table { font-size:18px }
.district-card .d-thumb .photo-empty { font-size:13px }
.district-card .d-thumb .d-badge { font-size:14px }
.district-card .d-title { font-size:23px }
.district-card .d-info { font-size:16px }
.district-card .d-info .k { font-size:15px }
.district-card .d-count { font-size:16px }
.district-card .d-count b { font-size:23px }
.district-card .d-clergy { font-size:14px }
.district-card .d-actions>a.btn-hn,.district-card .d-actions-row a.btn-hn { font-size:15px }

/* ── 노회 소개 페이지 ──────────────────────────────────────── */
.intro-lead { font-size:17px; color:var(--hn-text-2); line-height:1.6; padding:28px 30px; border-left:4px solid var(--hn-blue); background:var(--hn-blue-soft); margin-bottom:36px }
.intro-lead p { margin:0 0 12px }
.intro-lead p:last-child { margin:0 }
.intro-block { display:flex; gap:44px; align-items:center; justify-content:center; width:100%; padding:52px 0 52px; margin-bottom:48px; border-bottom:1px solid var(--hn-line) }
.intro-logo { flex-shrink:0; width:140px }
.intro-logo img { width:100%; height:auto; display:block }
.intro-text,.greeting-message { font-size:19px; color:var(--hn-text-2); line-height:1.75; max-width:100% }
.intro-text { flex:1 1 0; min-width:0; max-width:520px }
.intro-text-body { container-type:inline-size }
.intro-text-body p,.intro-text p,.greeting-message p { margin:0 0 12px; font-size:inherit; line-height:inherit }
.intro-text-body p:last-child,.intro-text p:last-child,.greeting-message p:last-child { margin:0 }
.intro-text strong { color:var(--hn-blue); font-weight:700 }
.intro-text p.intro-faith { font-size:inherit; word-break:keep-all }
.intro-faith-seg { display:inline }
@container (min-width:500px) {
  .intro-faith-seg { display:block }
}
.intro-section-head { font-size:20px; font-weight:800; color:var(--hn-text); letter-spacing:-0.03em; padding:0 0 14px 14px; border-left:3px solid var(--hn-blue); margin-bottom:28px }
.greeting-card { display:flex; flex-direction:column; align-items:stretch; gap:32px; padding-bottom:48px }
.greeting-message { width:100%; order:1 }
.greeting-photo-wrap { flex-shrink:0; display:flex; flex-direction:column; align-items:center; gap:14px; width:180px; max-width:100%; margin-inline:auto; order:2 }
.greeting-photo { width:180px; max-width:100%; aspect-ratio:3/4; border-radius:10px; overflow:hidden; background:var(--hn-bg-alt2); display:flex; align-items:center; justify-content:center; border:1px solid var(--hn-line) }
.greeting-photo img { width:100%; height:100%; object-fit:cover }
.greeting-photo .photo-empty { font-size:36px; color:var(--hn-text-4) }
.greeting-name { text-align:center }
.greeting-name .g-term { font-size:16px; color:var(--hn-blue); font-weight:700; letter-spacing:0.05em; margin-bottom:5px }
.greeting-name .g-name { font-size:20px; font-weight:800; letter-spacing:-0.02em; color:var(--hn-text); margin-bottom:3px }
.greeting-name .g-church { font-size:16px; color:var(--hn-text-3) }

/* ── 노회 규칙 (문서형) ───────────────────────────────────── */
@media (min-width:769px) {
  .greeting-card { flex-direction:row; align-items:flex-start; justify-content:space-between; gap:40px 48px }
  .greeting-message { order:1; flex:1; min-width:0 }
  .greeting-photo-wrap { order:2; margin-inline:0; margin-left:auto; align-self:flex-start; flex-shrink:0 }
}

/* ── 노회 소개 페이지 ──────────────────────────────────────── */
.intro-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:20px }
.istat-card { padding:28px 28px 26px; border:1px solid var(--hn-line); background:#fff; border-top:3px solid var(--hn-blue) }
.istat-card.green { border-top-color:var(--hn-green) }
.istat-card .is-label { font-size:12px; color:var(--hn-text-3); font-weight:700; letter-spacing:0.1em; text-transform:uppercase; margin-bottom:12px }
.istat-card .is-value { font-size:36px; font-weight:800; color:var(--hn-text); letter-spacing:-0.04em; line-height:1 }
.istat-card .is-value .unit { font-size:16px; color:var(--hn-text-3); font-weight:400; margin-left:4px; letter-spacing:0 }
.istat-card .is-sub { margin-top:10px; font-size:13px; color:var(--hn-text-4); line-height:1.6 }
.president-card { display:grid; grid-template-columns:220px 1fr; gap:0; border:1px solid var(--hn-line); overflow:hidden }
.president-card .pres-photo { background:var(--hn-bg-alt2); display:flex; align-items:center; justify-content:center; min-height:280px }
.president-card .pres-photo .photo-empty { font-size:12px; color:var(--hn-text-4); letter-spacing:0.05em; text-align:center; line-height:1.6 }
.president-card .pres-body { padding:34px 32px; border-left:1px solid var(--hn-line) }
.president-card .pres-role { font-size:13px; font-weight:700; color:var(--hn-blue); letter-spacing:0.12em; margin-bottom:8px }
.president-card .pres-name { font-size:28px; font-weight:800; margin:0 0 4px; letter-spacing:-0.03em }
.president-card .pres-church { font-size:16px; color:var(--hn-text-3); margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid var(--hn-line-soft) }
.president-card .pres-message { font-size:17px; color:var(--hn-text-2); line-height:1.9 }
.president-card .pres-message p { margin:0 0 14px }
.president-card .pres-message p:last-child { margin:0 }
.president-card .pres-sign { margin-top:20px; font-size:16px; color:var(--hn-text-3) }
.president-card .pres-sign b { color:var(--hn-text-2) }

/* ── 노회 규칙 (문서형) ───────────────────────────────────── */
.rules-page { --rules-serif:"BonmyeongjoSourceHanSerif","Noto Serif KR",serif }
.rules-intro { margin-bottom:32px; border:1px solid var(--hn-line); background:var(--hn-bg); box-shadow:0 1px 0 var(--hn-line-soft); overflow:hidden }
.rules-intro-logo { display:flex; justify-content:center; align-items:center; padding:16px 20px 14px; border-bottom:1px solid var(--hn-line-soft); background:var(--hn-bg-alt) }
.rules-ref-logo { display:block; height:52px; width:auto }
.rules-intro-row { display:grid; grid-template-columns:2fr 1fr; align-items:stretch }
.rules-intro-text { margin:0; padding:22px 26px; font-family:var(--font-base); font-size:15px; line-height:1.75; color:var(--hn-text-2); border-right:1px solid var(--hn-line-soft) }
.rules-intro-text b { color:var(--hn-text); font-weight:700 }
.rules-page .rules-alert-br { display:none }
@media (min-width:769px) {
  .rules-page .rules-alert-br { display:block }
}
.rules-ref-links { display:flex; flex-direction:column; align-items:stretch; justify-content:center; gap:10px; padding:22px 20px }
.rules-ref-links .btn-hn { justify-content:center; width:100%; text-decoration:none; white-space:nowrap; font-size:15px; padding:10px 16px }
.rules-ref-links .btn-hn i { margin-left:6px; font-size:0.85em; opacity:0.85 }
.rules-toc { margin-bottom:40px }
.rules-toc-inner { padding:28px 32px 24px; background:var(--hn-bg); border:1px solid var(--hn-line); box-shadow:0 1px 0 var(--hn-line-soft) }
.rules-toc-label { margin:0 0 22px; font-family:var(--rules-serif); font-size:20px; font-weight:800; letter-spacing:0.06em; text-align:center; color:var(--hn-text) }
.rules-toc-body { position:relative; overflow:hidden; transition:max-height .35s ease }
.rules-toc.is-collapsed .rules-toc-body { max-height:0; margin:0; padding:0 }
.rules-toc.is-collapsed .rules-toc-label { margin-bottom:16px }
.rules-toc:not(.is-collapsed) .rules-toc-body { max-height:120rem }
.rules-toc-fade { display:none }
.rules-toc-list { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 28px; font-family:var(--rules-serif) }
.rules-toc-list a { display:block; padding:6px 0; font-size:15px; font-weight:600; color:var(--hn-text-2); text-decoration:none; border-bottom:1px solid transparent; transition:color .15s,border-color .15s }
.rules-toc-list a:hover { color:var(--hn-blue); border-bottom-color:var(--hn-line) }
.rules-toc-toggle { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin-top:14px; padding:11px 16px; background:var(--hn-bg-alt); border:1px solid var(--hn-line); font-family:var(--font-base); font-size:14px; font-weight:600; color:var(--hn-text-2); cursor:pointer; transition:background .15s,color .15s,border-color .15s }
.rules-toc-toggle:hover { background:var(--hn-bg); color:var(--hn-blue); border-color:var(--hn-line-strong) }
.rules-toc-toggle i { font-size:12px; color:var(--hn-text-3); transition:transform .25s ease,color .15s }
.rules-toc:not(.is-collapsed) .rules-toc-toggle i { transform:rotate(180deg) }
.rules-toc-toggle:hover i { color:var(--hn-blue) }
.rules-page .rules-doc,.catechism-page .rules-doc { font-family:var(--rules-serif); font-size:15px; line-height:1.9; color:var(--hn-text); letter-spacing:-0.01em }
.faith-doc-icon { display:flex; justify-content:center; align-items:center; margin:0 0 20px }
.faith-doc-icon img { display:block; width:72px; height:auto }
.rules-page .rules-doc > .faith-doc-icon { margin-top:40px; margin-bottom:12px }
.rules-page .faith-doc-icon+.rules-doc-title,.catechism-page .faith-doc-icon+.catechism-page-title { margin-top:0 }
.rules-page .rules-doc-title { margin:80px 0 12px; font-family:var(--rules-serif); font-size:24px; font-weight:900; font-synthesis:weight; text-align:center; color:var(--hn-text); letter-spacing:0.04em; line-height:1.4; -webkit-text-stroke:0.35px var(--hn-text); paint-order:stroke fill }
.rules-page .faith-doc-icon+.rules-doc-title { margin-top:0 }
.rules-page .rules-doc-subtitle { margin:0 0 44px; font-family:var(--rules-serif); font-size:14px; font-weight:600; text-align:center; color:var(--hn-text-3); letter-spacing:0.02em; line-height:1.5 }
.rules-page .rules-doc-title+.rules-doc-subtitle+.rules-chapter { margin-top:40px }
.rules-page .rules-doc .rules-chapter { margin:64px 0 22px; padding:0; font-family:var(--rules-serif); font-size:18px; font-weight:800; color:var(--hn-text); letter-spacing:-0.02em; line-height:1.4; text-align:center; scroll-margin-top:140px }
.rules-page .rules-doc-title+.rules-chapter { margin-top:40px }
.rules-page .rules-doc .rules-list,.catechism-page .rules-doc .rules-list,.catechism-page .catechism-list { list-style:none; margin:0; padding:0; border:0 }
.rules-page .rules-doc .rules-list>li { display:block; margin:0 0 1.25em; padding:0 0 1.25em; border-bottom:1px solid var(--hn-line-soft); font-size:inherit; color:inherit; line-height:inherit }
.rules-page .rules-doc .rules-list>li>.art { display:block; font-weight:700; color:var(--hn-text); margin:0 0 0.45em; white-space:normal }
.rules-page .rules-doc .rules-list>li>span:not(.art) { display:block; min-width:0 }
.catechism-page .rules-doc .rules-list>li,.catechism-page .catechism-list>li { display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:0.65em; align-items:start; margin:0 0 1.15em; padding:0 0 1.15em; border-bottom:1px solid var(--hn-line-soft); font-size:inherit; color:inherit; line-height:inherit }
.rules-page .rules-doc .rules-list>li:last-child,.catechism-page .rules-doc .rules-list>li:last-child,.catechism-page .catechism-list>li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0 }
.catechism-page .rules-doc .rules-list>li>.art,.catechism-page .catechism-list>li>.art { grid-column:1; font-weight:700; color:var(--hn-text); white-space:nowrap }
.catechism-page .rules-doc .rules-list>li>span:not(.art),.catechism-page .catechism-list>li>span:not(.art) { grid-column:2; min-width:0 }
.rules-page .rules-doc .rules-sub { margin:0.5em 0 0; padding:0 0 0 1.1em; list-style:none }
.rules-page .rules-doc .rules-sub li { display:flex; gap:0.4em 0.65em; align-items:flex-start; margin:0 0 0.45em; padding:0; text-indent:0; font-size:inherit; color:inherit; line-height:inherit; list-style:none }
.rules-page .rules-doc .rules-sub li:last-child { margin-bottom:0 }
.rules-page .rules-doc .rules-sub .art { flex-shrink:0; font-weight:600; color:var(--hn-text); margin-right:0; min-width:1.4em }
.rules-page .rules-doc .rules-sub li>span:not(.art) { flex:1; min-width:0 }
.rules-page .rules-doc .rules-sub .rules-sub { margin:0.4em 0 0; padding-left:1.1em }
.rules-page .rules-doc .rules-sub .rules-sub .rules-sub { padding-left:1.1em }
.catechism-page .rules-doc .rules-sub { margin:0.65em 0 0; padding:0; list-style:none }
.catechism-page .rules-doc .rules-sub li { margin:0 0 0.4em; padding:0 0 0 1.75em; text-indent:-1.75em; font-size:inherit; color:inherit; line-height:inherit; list-style:none }
.catechism-page .rules-doc .rules-sub li:last-child { margin-bottom:0 }
.catechism-page .rules-doc .rules-sub .art { display:inline; font-weight:600; color:var(--hn-text); margin-right:0.3em }
.catechism-page .rules-doc .rules-sub .rules-sub { margin:0.45em 0 0.2em 1.5em }
.catechism-page .rules-doc .rules-sub .rules-sub .rules-sub { margin-left:1.5em }
.sub-layout>section>.rules-doc { font-family:var(--font-base); font-size:inherit; line-height:inherit; color:inherit; letter-spacing:normal }
.sub-layout>section>.rules-doc .chapter-head { font-size:16px; font-weight:800; color:#fff; margin:32px 0 0; padding:12px 18px; background:var(--hn-blue); letter-spacing:-0.01em }
.sub-layout>section>.rules-doc .chapter-head:first-child { margin-top:0 }
.sub-layout>section>.rules-doc .rules-list { list-style:none; padding:0; margin:0; border:1px solid var(--hn-line); border-top:0 }
.sub-layout>section>.rules-doc .rules-list>li { display:flex; gap:10px; align-items:flex-start; padding:12px 18px; border-bottom:1px solid var(--hn-line-soft); font-size:16px; color:var(--hn-text-2); line-height:1.65; margin:0 }
.sub-layout>section>.rules-doc .rules-list>li:last-child { border-bottom:0 }
.sub-layout>section>.rules-doc .rules-list>li>.art,.sub-layout>section>.rules-doc .rules-list .art { font-weight:800; color:var(--hn-blue); min-width:2.25em; flex-shrink:0; white-space:nowrap; line-height:1.65 }
.sub-layout>section>.rules-doc .rules-list>li>span:not(.art) { min-width:0; flex:1 }
.sub-layout>section>.rules-doc .rules-sub { margin:6px 0 0; padding:0 0 0 0.15em; list-style:none }
.sub-layout>section>.rules-doc .rules-sub li { font-size:15px; color:var(--hn-text-3); padding:2px 0; line-height:1.6; list-style:none; display:flex; gap:8px; align-items:flex-start; margin:0; text-indent:0 }
.sub-layout>section>.rules-doc .rules-sub .art { min-width:1.85em; color:var(--hn-text-4); font-weight:600; font-size:14px; flex-shrink:0; white-space:nowrap; line-height:1.6 }
.sub-layout>section>.rules-doc .rules-sub li>span:not(.art) { flex:1; min-width:0 }
.sub-layout>section>.rules-doc .rules-sub .rules-sub { margin:4px 0 0; padding-left:0.5em }
.rules-page .rules-rev-history { margin:28px 0 0 auto; padding:0; max-width:280px; list-style:none; text-align:right; font-family:var(--rules-serif); font-size:14px; line-height:2; color:var(--hn-text-2) }
.rules-page .rules-rev-history li { margin:0; padding:0 }

/* ── 폼 박스 ──────────────────────────────────────────────── */
.form-box { max-width:600px; margin:0 auto }
.form-box.full { max-width:none }
.form-row { display:flex; gap:10px }
.form-row .in-field { flex:1 }
.form-btns { display:flex; gap:12px; margin-top:28px; flex-wrap:wrap; align-items:center }
.form-links { display:flex; gap:0; margin-top:20px; border-top:1px solid var(--hn-line); padding-top:18px }
.form-links a { font-size:15px; color:var(--hn-text-3); padding:0 16px; border-right:1px solid var(--hn-line-strong); line-height:1 }
.form-links a:first-child { padding-left:0 }
.form-links a:last-child { border-right:0 }
.form-links a:hover { color:var(--hn-blue) }
.form-notice { margin-top:8px; font-size:14px; color:var(--hn-text-3); line-height:1.7 }
.form-notice .req { color:var(--hn-red); font-weight:700 }
.agree-box { border:1px solid var(--hn-line); padding:16px 18px; background:var(--hn-bg-alt); margin-top:8px; margin-bottom:10px; max-height:150px; overflow-y:auto; font-size:14px; color:var(--hn-text-3); line-height:1.75 }
.agree-check { display:flex; align-items:center; gap:10px; font-size:16px; color:var(--hn-text-2); font-weight:600; cursor:pointer }
.agree-check input[type="checkbox"] { width:18px; height:18px; accent-color:var(--hn-blue); cursor:pointer }
.join-steps { display:flex; max-width:600px; margin:0 auto 36px; border:1px solid var(--hn-line); border-right:0; overflow:hidden }
.join-step { flex:1; display:flex; align-items:center; gap:10px; padding:14px 16px; background:var(--hn-bg-alt); border-right:1px solid var(--hn-line); font-size:14px; color:var(--hn-text-3) }
.join-step.on { background:var(--hn-blue); color:#fff }
.join-step .sn { width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:800; flex-shrink:0; background:rgba(255,255,255,.2); border:1px solid rgba(255,255,255,.4) }
.join-step:not(.on) .sn { background:var(--hn-line); border-color:var(--hn-line-strong); color:var(--hn-text-3) }
.join-step .st { font-weight:600; letter-spacing:-0.01em; line-height:1.3 }
.myinfo-top { display:flex; gap:22px; align-items:center; padding:22px 24px; background:var(--hn-bg-alt); border:1px solid var(--hn-line); margin-bottom:30px }
.myinfo-avatar { width:68px; height:68px; border-radius:50%; background:var(--hn-bg-alt2); display:flex; align-items:center; justify-content:center; flex-shrink:0; border:2px solid var(--hn-line) }
.myinfo-avatar i { font-size:30px; color:var(--hn-text-4) }
.myinfo-name { font-size:20px; font-weight:800; letter-spacing:-0.02em; margin-bottom:3px }
.myinfo-id { font-size:14px; color:var(--hn-text-3); font-family:ui-monospace,Menlo,monospace }
.myinfo-actions { margin-left:auto; display:flex; gap:10px; flex-wrap:wrap }
.mypage-profile { display:flex; gap:22px; align-items:center; padding:28px 28px 26px; background:var(--hn-bg-alt); border:1px solid var(--hn-line) }
.mypage-avatar { width:72px; height:72px; border-radius:50%; background:var(--hn-bg-alt2); display:flex; align-items:center; justify-content:center; flex-shrink:0; border:2px solid var(--hn-line) }
.mypage-avatar i { font-size:32px; color:var(--hn-text-4) }
.mypage-profile-body { flex:1; min-width:0 }
.mypage-welcome { margin:0 0 6px; font-size:22px; font-weight:800; letter-spacing:-0.03em; line-height:1.35; color:var(--hn-text) }
.mypage-church { margin:0 0 10px; font-size:15px; color:var(--hn-text-2); letter-spacing:-0.01em }
.mypage-role-badge { display:inline-block; padding:4px 10px; font-size:12px; font-weight:700; line-height:1.3; letter-spacing:-0.01em; color:#fff; background:var(--hn-text); border-radius:4px }
.mypage-page .mypage-subhead { margin:32px 0 14px; font-size:17px; font-weight:800; letter-spacing:-0.02em; color:var(--hn-text) }
.mypage-links { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,1fr); gap:12px }
.mypage-links li { border:0 }
.mypage-links a { display:flex; align-items:flex-start; gap:14px; min-height:100%; padding:18px 20px; border:1px solid var(--hn-line); background:var(--hn-bg); color:inherit; transition:border-color .15s,background .15s }
.mypage-links a:hover { border-color:var(--hn-line-strong); background:var(--hn-blue-soft) }
.mypage-links a:hover .mypage-links-icon { background:var(--hn-blue-soft); color:var(--hn-blue) }
.mypage-links a:hover .mypage-links-arrow { color:var(--hn-blue) }
.mypage-links-icon { flex-shrink:0; width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:8px; background:var(--hn-bg-alt); color:var(--hn-text-3); font-size:18px; transition:background .15s,color .15s }
.mypage-links-title { flex:1; min-width:0; padding-top:9px; font-size:15px; font-weight:800; letter-spacing:-0.02em; color:var(--hn-text) }
.mypage-links-arrow { flex-shrink:0; margin-top:13px; font-size:12px; color:var(--hn-text-4) }
.sitemap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px }
.sitemap-box { border:1px solid var(--hn-line); overflow:hidden }
.sitemap-box-head { display:flex; align-items:center; gap:10px; padding:15px 20px; background:var(--hn-blue); color:#fff; font-size:15px; font-weight:800; letter-spacing:-0.02em }
.sitemap-box-head i { font-size:14px; opacity:.85 }
.sitemap-box-list { list-style:none; padding:8px 0; margin:0; background:#fff }
.sitemap-box-list li { border-bottom:1px solid var(--hn-line-soft) }
.sitemap-box-list li:last-child { border-bottom:0 }
.sitemap-box-list>li>a { display:flex; align-items:center; gap:8px; padding:10px 20px; font-size:15px; color:var(--hn-text-2); transition:color .12s,background .12s }
.sitemap-box-list>li>a::before { content:""; width:5px; height:5px; border-radius:50%; background:var(--hn-line-strong); flex-shrink:0; transition:background .12s }
.sitemap-box-list>li>a:hover { color:var(--hn-blue); background:var(--hn-bg-alt) }
.sitemap-box-list>li>a:hover::before { background:var(--hn-blue) }
.sitemap-box-list>li:has(>ul),.sitemap-box-list .sitemap-has-sub { border-bottom:0; list-style:none }
.sitemap-box-list>li:has(>ul)>a,.sitemap-l2 { display:flex; align-items:center; gap:8px; padding:10px 20px; font-size:15px; font-weight:400; color:var(--hn-text-2) }
.sitemap-box-list>li:has(>ul)>a::before,.sitemap-l2::before { content:""; width:5px; height:5px; border-radius:50%; background:var(--hn-line-strong); flex-shrink:0 }
.sitemap-box-list>li>ul,.sitemap-sub-list { list-style:none; margin:0; padding:0 0 4px; background:var(--hn-bg-alt) }
.sitemap-box-list>li>ul li,.sitemap-sub-list li { list-style:none; border-bottom:1px solid var(--hn-line-soft) }
.sitemap-box-list>li>ul li:last-child,.sitemap-sub-list li:last-child { border-bottom:0 }
.sitemap-box-list>li>ul a,.sitemap-sub-list a { display:flex; align-items:center; gap:8px; padding:10px 20px 10px 36px; font-size:14px; font-weight:400; color:var(--hn-text-2); transition:color .12s,background .12s }
.sitemap-box-list>li>ul a::before,.sitemap-sub-list a::before { content:""; width:4px; height:4px; border-radius:50%; background:var(--hn-text-4); flex-shrink:0 }
.sitemap-box-list>li>ul a:hover,.sitemap-sub-list a:hover { color:var(--hn-blue); background:var(--hn-bg) }
.sitemap-box-list>li>ul a:hover::before,.sitemap-sub-list a:hover::before { background:var(--hn-blue) }
.catechism-page { --rules-serif:"BonmyeongjoSourceHanSerif","Noto Serif KR",serif }
.rules-source { margin:48px 0 0; padding-top:24px; border-top:1px solid var(--hn-line-soft); font-family:var(--rules-serif); font-size:14px; color:var(--hn-text-3); text-align:center; line-height:1.6 }
.rules-source a { color:var(--hn-blue); font-weight:600; text-decoration:none }
.rules-source a:hover { text-decoration:underline }
.catechism-page-head { margin-bottom:36px; text-align:center }
.catechism-page-title { margin:0; font-family:var(--rules-serif,var(--font-base)); font-size:24px; font-weight:900; color:var(--hn-text); letter-spacing:0.04em; line-height:1.4 }
.catechism-page-title-en { margin:8px 0 0; font-family:var(--rules-serif); font-size:14px; font-weight:600; text-align:center; color:var(--hn-text-3); letter-spacing:0.02em; line-height:1.5 }
.catechism-page .catechism-doc { margin-top:0 }
.catechism-list>li>span:not(.art) { display:block }
.catechism-q { display:block; margin-bottom:0.45em; font-weight:700; color:var(--hn-text) }
.catechism-a { display:block; color:var(--hn-text-2) }
.catechism-refs { display:block; margin-top:0.5em; font-size:0.92em; color:var(--hn-text-3); font-style:normal }
.leave-warn { padding:22px 24px; background:#fef6f6; border:1px solid #f5d0d0; border-left:4px solid var(--hn-red); margin-bottom:28px }
.leave-warn h4 { font-size:17px; font-weight:800; color:var(--hn-red); margin:0 0 10px; letter-spacing:-0.02em }
.leave-warn ul { font-size:15px; color:var(--hn-text-2); line-height:1.85; margin:0 }

/* ── 역대 노회장 — 섹션 구분 배너 ───────────────────────── */
.presec-banner { display:flex; align-items:center; gap:14px; padding:14px 20px; background:linear-gradient(90deg,var(--hn-bg-alt) 0%,#fff 100%); border-left:4px solid var(--hn-blue); margin-bottom:16px }
.presec-acc-toggle { cursor:pointer; user-select:none; justify-content:space-between; transition:background .15s }
.presec-acc-toggle:hover { background:linear-gradient(90deg,var(--hn-blue-soft) 0%,#fff 80%) }
.presec-chevron { font-size:12px; color:var(--hn-text-4); transition:transform .25s; flex-shrink:0 }
.presec-acc-toggle.open .presec-chevron { transform:rotate(180deg) }
.presec-banner .pb-eyebrow { font-size:10px; font-weight:700; letter-spacing:0.18em; color:var(--hn-blue); text-transform:uppercase; margin-bottom:3px }
.presec-banner .pb-title { font-size:19px; font-weight:800; color:var(--hn-text); letter-spacing:-0.02em }
.presec-note { font-size:13px; color:var(--hn-text-3); margin:0 0 18px; line-height:1.65 }
.presy-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:52px }
.presy-block-head { background:var(--hn-blue); color:#fff; font-size:15px; font-weight:800; padding:10px 0; text-align:center; letter-spacing:-0.01em }
.presy-table { width:100%; border-collapse:collapse; border:1px solid var(--hn-line); border-top:0 }
.presy-table tr:last-child td { border-bottom:0 }
.presy-table td { padding:9px 11px; border-bottom:1px solid var(--hn-line-soft); vertical-align:top }
.presy-table .pt-term { font-size:14px; color:var(--hn-text-3); white-space:nowrap; font-weight:600; width:42px }
.presy-table .pt-name { font-size:16px; font-weight:700; color:var(--hn-text) }
.presy-table .pt-sub-label { font-size:12px; color:var(--hn-blue); font-weight:700; margin-top:3px; letter-spacing:0.02em }
.presy-table .pt-period { font-size:11px; color:var(--hn-text-4); font-family:ui-monospace,Menlo,monospace; margin-top:2px }
.hn-pres-table { width:100%; border-collapse:collapse; font-size:15px; border-top:2px solid var(--hn-text) }
.hn-pres-table thead th { background:var(--hn-blue); color:#fff; padding:12px 10px; font-weight:700; font-size:14px; text-align:center; border-right:1px solid rgba(255,255,255,.15); white-space:nowrap }
.hn-pres-table thead th:last-child { border-right:0 }
.hn-pres-table tbody tr:hover td { background:var(--hn-bg-alt) }
.hn-pres-table tbody td { padding:10px 12px; border-bottom:1px solid var(--hn-line-soft); border-right:1px solid var(--hn-line-soft); vertical-align:middle; color:var(--hn-text-2) }
.hn-pres-table tbody td:last-child { border-right:0 }
.hn-pres-table .hpt-term { white-space:nowrap; padding:10px 10px 10px 42px; text-align:left; vertical-align:middle; position:relative }
.hn-pres-table .hpt-term .pres-acc-ico { position:absolute; left:10px; top:50%; transform:translateY(-50%) rotate(0deg) }
.hpt-gen { display:inline; font-size:14px; font-weight:700; color:var(--hn-blue) }
.hpt-sess { display:inline; font-size:14px; color:var(--hn-text-3); font-weight:500 }
.hpt-gen+.hpt-sess::before { content:"·"; color:var(--hn-text-4); margin:0 4px; font-weight:400 }
.hpt-sess.hl { color:var(--hn-blue); font-weight:700 }
.hn-pres-table .hpt-period { text-align:center; font-size:12px; color:var(--hn-text-3); font-family:ui-monospace,Menlo,monospace; white-space:nowrap; padding:8px 8px }
.hpt-person { display:flex; align-items:center; gap:10px; justify-content:center }

/* ── 역대 노회장 단순 표 (officers-presidents) ─────────── */
.hpt-photo { width:38px; aspect-ratio:3/4; background:var(--hn-bg-alt2); border:1px solid var(--hn-line); flex-shrink:0; overflow:hidden; display:flex; align-items:center; justify-content:center }

/* ── 역대 노회장 — 섹션 구분 배너 ───────────────────────── */
.hpt-photo img { width:100%; height:100%; object-fit:cover }

/* ── 역대 노회장 단순 표 (officers-presidents) ─────────── */
.hpt-photo .hpt-ico { font-size:14px; color:var(--hn-text-4) }
.hpt-info { width:110px; flex-shrink:0; text-align:center }

/* ── 역대 노회장 — 섹션 구분 배너 ───────────────────────── */
.hpt-info .hpt-name { font-size:14px; font-weight:800; color:var(--hn-text); letter-spacing:-0.01em }
.hpt-info .hpt-church { font-size:12px; color:var(--hn-text-3); margin-top:2px }
.hpt-officer { text-align:center }
.hpt-officer .hpt-name { font-size:14px; font-weight:700; color:var(--hn-text) }
.hpt-officer .hpt-church { font-size:12px; color:var(--hn-text-3); margin-top:2px }

/* ── 노회 연혁 시대 아코디언 ─────────────────────────────── */
.hist-era-acc-wrap { margin-top:32px }
.hist-era-acc-item { margin-top:12px }
.hist-era-acc-item:first-child { margin-top:0 }
.hist-era-acc-btn { width:100%; display:flex; align-items:center; gap:12px; background:var(--hn-blue); color:#fff; padding:12px 20px; border:none; cursor:pointer; font-family:inherit; text-align:left; transition:background .15s }
.hist-era-acc-btn:hover,.hist-era-acc-item.open .hist-era-acc-btn { background:#0d3566 }
.hist-era-acc-title { font-size:15px; font-weight:800; letter-spacing:-0.01em; flex:1 }
.hist-era-acc-chevron { font-size:12px; opacity:.75; transition:transform .25s; flex-shrink:0 }
.hist-era-acc-item.open .hist-era-acc-chevron { transform:rotate(180deg); opacity:1 }
.hist-era-acc-body { display:none; padding:24px 0 8px }
.hist-era-acc-item.open .hist-era-acc-body { display:block }
.hist-era-acc-body .timeline { margin-top:0 }

/* ── 역대 노회임원 아코디언 ───────────────────────────────── */
.hist-accordion { border-top:2px solid var(--hn-text) }
.hist-acc-item { border:1px solid var(--hn-line); border-top:0 }
.hist-acc-btn { width:100%; display:flex; align-items:center; gap:0; padding:0; background:none; border:none; cursor:pointer; font-family:inherit; text-align:left; background:var(--hn-bg-alt); transition:background .15s }
.hist-acc-btn:hover,.hist-acc-item.open .hist-acc-btn { background:var(--hn-blue-soft) }
.hist-acc-sess { font-size:14px; font-weight:800; color:#fff; white-space:nowrap; padding:14px 18px; background:var(--hn-blue); min-width:120px; text-align:center; flex-shrink:0; align-self:stretch; display:flex; align-items:center; justify-content:center }
.hist-acc-item.open .hist-acc-sess { background:#0d3566 }
.hist-acc-meta { display:flex; align-items:center; gap:20px; padding:12px 18px; flex:1 }
.hist-acc-period { font-size:12px; color:var(--hn-text-4); font-family:ui-monospace,Menlo,monospace; white-space:nowrap }
.hist-acc-president { font-size:14px; color:var(--hn-text-3); font-weight:500 }
.hist-acc-president b { color:var(--hn-text-2); font-weight:700 }
.hist-acc-icon { font-size:11px; color:var(--hn-text-4); transition:transform .2s; flex-shrink:0; margin-left:auto; padding-right:18px }
.hist-acc-item.open .hist-acc-icon { transform:rotate(90deg); color:var(--hn-blue) }
.hist-acc-body { display:none; padding:20px 24px 24px; background:#fff; border-top:1px solid var(--hn-line-soft) }
.hist-acc-item.open .hist-acc-body { display:block }
.hist-acc-body .btable { border-top:1px solid var(--hn-line) }
.hist-acc-body .btable thead th { padding:12px 14px; font-size:14px }
.hist-acc-body .btable tbody td { padding:13px 14px; font-size:15px }

/* ── 갤러리 목록 ──────────────────────────────── */
@media (max-width:1024px) {
  .sub-layout { padding:40px 24px 70px; gap:40px }
  .hn-page-head .inner { padding:28px 24px }
  .album-grid { grid-template-columns:repeat(2,1fr) }
  .person-grid { grid-template-columns:repeat(3,1fr) }
  .president-grid { grid-template-columns:repeat(2,1fr) }
  .presy-grid { grid-template-columns:repeat(2,1fr) }
  .directions-info { grid-template-columns:1fr }
  .intro-block { gap:32px; padding:40px 0 }
  .intro-logo { width:112px }
  .intro-text { font-size:19px }
}

/* ── 반응형 ──────────────────────────────────── */
@media (max-width:768px) {
  .sub-layout { grid-template-columns:1fr; padding:24px 16px 48px; gap:24px }
  .sub-layout>aside { display:none }
  .sidebar-mob:not(:has(.sidebar-mob-select)) { display:none }
  .sidebar-mob:has(.sidebar-mob-select) { display:block; padding:12px 16px; background:var(--hn-bg-alt); border-bottom:1px solid var(--hn-line-soft) }
  .sub-layout>.sidebar-mob:has(.sidebar-mob-select) { margin:-24px -16px 0 }
  .sidebar-mob aside { display:block }
  .sidebar-mob .sidebar-head,.sidebar-mob .sidebar-list { display:none }
  .sidebar-mob-select { position:relative; width:100% }
  .sidebar-mob-select__trigger { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; margin:0; padding:12px 14px; font-size:15px; font-weight:700; font-family:inherit; color:var(--hn-blue); text-align:left; background:var(--hn-bg); border:1px solid var(--hn-line); cursor:pointer; outline:0; letter-spacing:-0.02em; transition:border-color .15s,box-shadow .15s }
  .sidebar-mob-select__trigger:focus-visible { border-color:var(--hn-blue); box-shadow:0 0 0 1px var(--hn-blue) }
  .sidebar-mob-select.is-open .sidebar-mob-select__trigger { border-color:var(--hn-blue); box-shadow:0 0 0 1px var(--hn-blue) }
  .sidebar-mob-select__label { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
  .sidebar-mob-select__icon { flex-shrink:0; font-size:12px; color:var(--hn-text-3); transition:transform .2s ease,color .15s }
  .sidebar-mob-select.is-open .sidebar-mob-select__icon { transform:rotate(180deg); color:var(--hn-blue) }
  .sidebar-mob-select__menu { position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:60; margin:0; padding:6px 0; list-style:none; background:var(--hn-bg); border:1px solid var(--hn-line); box-shadow:0 10px 28px rgba(21,24,29,0.12); max-height:min(320px,52vh); overflow-y:auto; -webkit-overflow-scrolling:touch }
  .sidebar-mob-select__menu[hidden] { display:none }
  .sidebar-mob-select__option { display:block; padding:12px 16px 12px 18px; font-size:15px; font-weight:500; color:var(--hn-text-2); text-decoration:none; position:relative; transition:color .15s,background .15s,padding-left .12s }
  .sidebar-mob-select__option:hover { color:var(--hn-blue); background:var(--hn-bg-alt); padding-left:22px }
  .sidebar-mob-select__item.is-active .sidebar-mob-select__option { color:var(--hn-blue); font-weight:700; background:var(--hn-blue-soft); padding-left:22px }
  .sidebar-mob-select__item.is-active .sidebar-mob-select__option::before { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--hn-blue) }
  .sidebar-mob-select__item+.sidebar-mob-select__item .sidebar-mob-select__option { border-top:1px solid var(--hn-line-soft) }
  .sub-layout:has(>.depth3-nav) { gap:0 }
  .sub-layout:has(>.depth3-nav)>aside { grid-row:auto }
  .sub-layout:has(>.depth3-nav)>.sidebar-mob:has(.sidebar-mob-select) { position:relative; z-index:3; margin-bottom:0 }
  .sub-layout>.depth3-nav { grid-column:1; grid-row:auto; margin:20px 0 0; padding:0; background:transparent; border:0 }
  .sub-layout>.depth3-nav+section { grid-column:1; margin-top:0 }
  .depth3-nav .group-tabs { flex-wrap:nowrap; gap:0; margin:0 0 20px; overflow:visible; border-bottom:none }
  .depth3-nav .group-tabs a { flex:1 1 0; min-width:0; padding:8px 2px; margin-bottom:0; font-size:13px; font-weight:600; letter-spacing:-0.03em; white-space:nowrap; text-align:center; overflow:hidden; text-overflow:ellipsis; border-bottom:3px solid transparent }
  .depth3-nav .group-tabs a.on { font-weight:800; color:var(--hn-text); border-bottom-color:var(--hn-blue) }
  .hn-page-head .inner { padding:16px 16px }
  .hn-page-head h1 { font-size:26px }
  .steps { flex-direction:column }
  .step { border-right:1px solid var(--hn-line); border-bottom:0 }
  .step:last-child { border-bottom:1px solid var(--hn-line) }
  .step::after { display:none }
  .show-body.grid-2 { grid-template-columns:1fr }
  .person-grid { grid-template-columns:repeat(2,1fr); gap:14px }
  .president-grid { grid-template-columns:repeat(2,1fr); gap:14px }
  .presy-grid { grid-template-columns:1fr 1fr; gap:10px }
  .hn-pres-table thead th:nth-child(2),.hn-pres-table thead th:nth-child(4),.hn-pres-table thead th:nth-child(5),.hn-pres-table .hpt-period,.hn-pres-table tr.pres-acc-row td:nth-child(4),.hn-pres-table tr.pres-acc-row td:nth-child(5) { display:none }
  .hn-pres-table { font-size:13px }
  .hn-pres-table .hpt-term { white-space:normal; padding:10px 8px 10px 36px }
  .hn-pres-table .hpt-term .pres-acc-ico { left:8px }
  .hpt-gen,.hpt-sess { display:block }
  .hpt-gen+.hpt-sess::before { display:none }
  .hn-pres-table .hpt-photo { display:none }
  .hn-pres-table .hpt-info { width:auto }
  .pres-acc-panel>td { padding:14px 12px 28px }
  .pres-acc-panel .btable thead th:nth-child(4),.pres-acc-panel .btable tbody td:nth-child(4) { display:none }
  .pres-acc-panel .btable thead th,.pres-acc-panel .btable tbody td { padding:7px 8px; font-size:12px }
  .pres-group-photo:has(img) { padding:8px 10px 6px }
  .presec-banner { padding:10px 14px; margin-bottom:12px }
  .presec-banner .pb-title { font-size:17px }
  .president-card { grid-template-columns:1fr }
  .president-card .pres-body { border-left:0; border-top:1px solid var(--hn-line) }
  .district-grid { grid-template-columns:1fr }
  .church-table { font-size:14px }
  .group-tabs button,.group-tabs a { padding:10px 16px; font-size:15px }
  .join-steps { flex-direction:column; border-right:1px solid var(--hn-line); border-bottom:0 }
  .join-step { border-right:0; border-bottom:1px solid var(--hn-line) }
  .sitemap-grid { grid-template-columns:repeat(2,1fr) }
  .myinfo-top { flex-wrap:wrap }
  .myinfo-actions { margin-left:0; width:100% }
  .mypage-profile { flex-wrap:wrap }
  .intro-block { flex-direction:column; gap:24px; align-items:center; text-align:center; padding:32px 0 36px; margin-bottom:36px }
  .intro-logo { width:120px }
  .intro-text,.greeting-message { font-size:17px; line-height:1.65; color:var(--hn-text-2); text-align:left; width:100% }
  .intro-text p,.greeting-message p { margin:0 0 12px; font-size:inherit; line-height:inherit }
  .intro-text p:last-child,.greeting-message p:last-child { margin:0 }
  .intro-section-head { font-size:18px; margin-bottom:22px }
  .greeting-card { gap:24px; padding-bottom:36px }
  .greeting-message { order:2 }
  .greeting-photo-wrap { order:1; width:100%; max-width:200px; margin-left:auto; margin-right:auto; align-items:center }
  .greeting-photo { width:180px; max-width:100% }
  .greeting-name { display:flex; flex-direction:column; align-items:center; width:100%; text-align:center; padding-top:0 }
  .greeting-name .g-term { font-size:15px }
  .greeting-name .g-name { font-size:19px }
  .greeting-name .g-church { font-size:15px }
  .intro-stats { grid-template-columns:1fr; gap:12px }
}
@media (max-width:768px) {
  .mypage-links { display:block; border:1px solid var(--hn-line); background:var(--hn-bg) }
  .mypage-links li { border-bottom:1px solid var(--hn-line-soft) }
  .mypage-links li:last-child { border-bottom:0 }
  .mypage-links a { align-items:center; min-height:0; padding:16px 20px; border:0; background:transparent }
  .mypage-links a:hover { border-color:transparent; background:var(--hn-blue-soft) }
  .mypage-links a:hover .mypage-links-icon { background:var(--hn-blue-soft); color:var(--hn-blue) }
  .mypage-links a:hover .mypage-links-arrow { color:var(--hn-blue) }
  .mypage-links-icon { width:36px; height:36px; font-size:16px; background:var(--hn-bg-alt); color:var(--hn-text-3) }
  .mypage-links-title { padding-top:0; font-weight:700 }
  .mypage-links-arrow { margin-top:0 }
  .mypage-welcome-line2 { display:block }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .ptitle { flex-direction:column; align-items:flex-start; gap:8px; margin-bottom:24px; padding-bottom:18px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .ptitle .cnt.ptitle-meta { max-width:100%; text-align:left }
  .sub-layout>section:not(:has(.siiru-boardWrap)):is(:has(.district-grid),:has(.dept-table)) .ptitle { flex-direction:row; align-items:baseline; justify-content:space-between; flex-wrap:nowrap; gap:10px 14px; font-size:20px; margin-bottom:20px; padding-bottom:12px; border-bottom-width:1px }
  .sub-layout>section:not(:has(.siiru-boardWrap)):is(:has(.district-grid),:has(.dept-table)) .ptitle>span:first-child { min-width:0 }
  .sub-layout>section:not(:has(.siiru-boardWrap)):is(:has(.district-grid),:has(.dept-table)) .ptitle .cnt.ptitle-meta { flex-shrink:0; max-width:none; text-align:right; font-size:14px; font-weight:600; color:var(--hn-text-3); white-space:nowrap }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .intro-lead { padding:20px 18px; margin-bottom:28px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .sec-head { flex-direction:column; align-items:flex-start; gap:14px; padding-bottom:16px; margin-bottom:22px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-grid { grid-template-columns:1fr; gap:10px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-card--desk { display:none }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-card--mob { display:flex }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-card,.sub-layout>section:not(:has(.siiru-boardWrap)) .officer-card--mob,.sub-layout>section:not(:has(.siiru-boardWrap)) .officer-card--dual { border:1px solid var(--hn-line); border-radius:8px; overflow:hidden; margin-bottom:0; min-width:0; grid-column:1/-1 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-card:not(.officer-card--dual) { flex-direction:column }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-card--dual:not(.officer-card--mob) { display:flex; flex-direction:row }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-card--dual.officer-card--mob { display:grid; grid-template-columns:1fr 1fr }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-card--dual.officer-card--mob>.officer-role--span { grid-column:1/-1; color:var(--hn-blue) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-card--dual.officer-card--mob .officer-dual-col+.officer-dual-col { border-left:1px solid var(--hn-line-soft) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-role { width:100%; padding:10px 8px; font-size:15px; font-weight:800; background:var(--hn-bg-alt); border-bottom:1px solid var(--hn-line-soft) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-card.sub>.officer-role,.sub-layout>section:not(:has(.siiru-boardWrap)) .officer-dual-col.sub .officer-role { color:var(--hn-text-3) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-dual-col { flex:1; flex-direction:column; min-width:0 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-card--dual:not(.officer-card--mob) .officer-dual-col+.officer-dual-col { border-left:1px solid var(--hn-line-soft) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-dual-col .officer-role { border-bottom:1px solid var(--hn-line-soft) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-persons { flex-direction:column; border:0; background:#fff }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-person { flex:1; min-width:0; padding:12px 10px; gap:10px; flex-direction:row; align-items:center; text-align:left; border:none }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-person+.officer-person { border-left:1px solid var(--hn-line-soft); border-top:0 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-person-empty { display:none }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-card:nth-child(1) .officer-person { padding:14px 16px; gap:14px; border:none }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-photo { width:64px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-card:nth-child(1) .officer-photo { width:72px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-info .oname { font-size:16px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-card:nth-child(1) .officer-info .oname { font-size:18px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-info .ochurch { font-size:12px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .timeline { padding-left:0 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .timeline::before { display:none }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .timeline-item { padding:0 0 28px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .timeline-item .year { position:static; width:auto; text-align:left; margin-bottom:6px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .timeline-item .t { margin-bottom:6px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .hist-acc-sess { min-width:96px; padding:12px 10px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .officer-sess-item { padding:14px 14px 12px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table { display:block; width:100%; max-width:100%; border-top:0; table-layout:auto }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table colgroup { display:none }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table thead { display:none }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table tbody { display:block; width:100% }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table tbody tr { display:block; width:100%; box-sizing:border-box; margin-bottom:10px; border:1px solid var(--hn-line); border-radius:8px; overflow:hidden }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(5)) tbody tr { display:flex; flex-wrap:wrap }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table tbody td { display:block; width:100%; box-sizing:border-box; border-right:0; border-bottom:1px solid var(--hn-line-soft); padding:9px 12px; text-align:left; font-size:14px; line-height:1.45 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table tbody tr td:last-child { border-bottom:0 }
  .sub-layout>section:not(:has(.siiru-boardWrap)):is(:has(.district-grid),:has(.dept-table)) .dept-table tbody td.dept-name { width:100%; padding:10px 12px; text-align:center; font-size:16px; font-weight:800; border-bottom:1px solid var(--hn-line); background:var(--hn-blue-soft); color:var(--hn-text) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table tbody td.dept-name--oneline-m br { display:none }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table tbody td.dept-name--oneline-m { font-size:16px; line-height:1.35; letter-spacing:-0.02em }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(2),.sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(3),.sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(4) { flex:1 1 0; min-width:0; width:33.333%; padding:8px 6px; text-align:center; border-right:1px solid var(--hn-line-soft); border-bottom:1px solid var(--hn-line-soft) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(4) { border-right:0 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(5) { width:100%; padding:6px 12px 7px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table tbody td.title { padding-top:6px; padding-bottom:7px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table .dept-member-group { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; line-height:1.55 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table .dept-member-group+.dept-member-group { margin-top:6px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table .dept-member-label { flex-shrink:0; margin-right:0 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table .dept-member-list { flex:1; min-width:0 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(2)::before,.sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(3)::before,.sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(4)::before,.sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(5)::before { display:block; font-size:11px; font-weight:700; color:var(--hn-text-3); margin-bottom:4px; letter-spacing:0.02em; text-align:center }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(5)::before { text-align:center; margin-bottom:3px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(2)::before { content:"부장" }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(3)::before { content:"서기" }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(4)::before { content:"회계" }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(5)::before { content:"부원" }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) tbody tr { display:flex; flex-wrap:wrap }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) tbody td:nth-child(2),.sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) tbody td:nth-child(3) { width:100%; display:flex; flex-direction:row; align-items:flex-start; gap:10px; padding:7px 12px; border-bottom:1px solid var(--hn-line-soft) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) .dept-cell-body { flex:1; min-width:0; line-height:1.5 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) tbody td:nth-child(2)::before,.sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) tbody td:nth-child(3)::before { display:block; flex:0 0 3.25rem; width:3.25rem; font-size:11px; font-weight:700; color:var(--hn-text-3); margin-bottom:0; text-align:center; letter-spacing:0.02em }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) tbody td:nth-child(2)::before { content:"목사" }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) tbody td:nth-child(3)::before { content:"장로" }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) tbody td[colspan] { display:block; width:100%; padding:8px 12px; text-align:center; border-bottom:0 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) tbody td[colspan]::before { display:none }
  .sub-layout>section:not(:has(.siiru-boardWrap)):is(:has(.district-grid),:has(.dept-table)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(2)::before,.sub-layout>section:not(:has(.siiru-boardWrap)):is(:has(.district-grid),:has(.dept-table)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(3)::before,.sub-layout>section:not(:has(.siiru-boardWrap)):is(:has(.district-grid),:has(.dept-table)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(4)::before,.sub-layout>section:not(:has(.siiru-boardWrap)):is(:has(.district-grid),:has(.dept-table)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(5)::before,.sub-layout>section:not(:has(.siiru-boardWrap)):is(:has(.district-grid),:has(.dept-table)) .dept-table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) tbody td:nth-child(2)::before,.sub-layout>section:not(:has(.siiru-boardWrap)):is(:has(.district-grid),:has(.dept-table)) .dept-table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) tbody td:nth-child(3)::before { font-size:13px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) tbody td:nth-child(2),.sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) tbody td:nth-child(3) { text-align:left }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) tbody td[colspan].dept-chief { text-align:center; color:var(--hn-blue); font-weight:700 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(5)) tbody td.dept-chief { text-align:center; font-size:13px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(3),.sub-layout>section:not(:has(.siiru-boardWrap)) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(4) { text-align:center; font-size:13px }
  .sub-layout>section:not(:has(.siiru-boardWrap)):has(.dept-table) .dept-table tbody td { font-size:15px; line-height:1.5 }
  .sub-layout>section:not(:has(.siiru-boardWrap)):has(.dept-table) .dept-table tbody td.dept-name,.sub-layout>section:not(:has(.siiru-boardWrap)):has(.dept-table) .dept-table tbody td.dept-name--oneline-m { font-size:17px }
  .sub-layout>section:not(:has(.siiru-boardWrap)):has(.dept-table) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(2)::before,.sub-layout>section:not(:has(.siiru-boardWrap)):has(.dept-table) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(3)::before,.sub-layout>section:not(:has(.siiru-boardWrap)):has(.dept-table) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(4)::before,.sub-layout>section:not(:has(.siiru-boardWrap)):has(.dept-table) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(5)::before,.sub-layout>section:not(:has(.siiru-boardWrap)):has(.dept-table) .dept-table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) tbody td:nth-child(2)::before,.sub-layout>section:not(:has(.siiru-boardWrap)):has(.dept-table) .dept-table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) tbody td:nth-child(3)::before { font-size:12px }
  .sub-layout>section:not(:has(.siiru-boardWrap)):has(.dept-table) .dept-table:has(thead th:nth-child(5)) tbody td.dept-chief,.sub-layout>section:not(:has(.siiru-boardWrap)):has(.dept-table) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(3),.sub-layout>section:not(:has(.siiru-boardWrap)):has(.dept-table) .dept-table:has(thead th:nth-child(5)) tbody td:nth-child(4) { font-size:14px }
  .sub-layout>section:not(:has(.siiru-boardWrap)):has(.dept-table) .dept-table .dept-member-label { font-size:15px }
  .sub-layout>section:not(:has(.siiru-boardWrap)):has(.dept-table) .dept-table tbody td small { font-size:13px }
  .sub-layout>section:not(:has(.siiru-boardWrap)):has(.dept-table) .dept-table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) .dept-cell-body { font-size:15px; line-height:1.55 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .group-tabs,.sub-layout>section:not(:has(.siiru-boardWrap)) .churches-tab-wrap .churches-district-tabs,.sub-layout>section:not(:has(.siiru-boardWrap)) .group-tabs { flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .group-tabs::-webkit-scrollbar,.sub-layout>section:not(:has(.siiru-boardWrap)) .churches-tab-wrap .churches-district-tabs::-webkit-scrollbar,.sub-layout>section:not(:has(.siiru-boardWrap)) .group-tabs::-webkit-scrollbar { display:none }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .group-tabs button,.sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .group-tabs a,.sub-layout>section:not(:has(.siiru-boardWrap)) .churches-tab-wrap .churches-district-tabs button,.sub-layout>section:not(:has(.siiru-boardWrap)) .churches-tab-wrap .churches-district-tabs a,.sub-layout>section:not(:has(.siiru-boardWrap)) .group-tabs button,.sub-layout>section:not(:has(.siiru-boardWrap)) .group-tabs a { flex-shrink:0; white-space:nowrap }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-mobile-detail-hint { display:flex }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-toolbar { flex-wrap:wrap; gap:10px 12px; margin-bottom:14px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-term-label { width:100%; margin-left:0; text-align:right; order:3 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-view-toggle button { min-width:0; flex:1; padding:9px 14px; font-size:14px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .member-section { margin-bottom:22px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .member-section-title { font-size:16px; margin-bottom:6px; padding-bottom:6px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .table-scroll { overflow-x:visible }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .table-scroll .church-table { min-width:0; border-top-width:0; margin-top:0 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .member-section-meta,.sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-list-section-meta { display:none }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-list-section .table-scroll { display:none }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-mob-list { display:flex; flex-direction:column; gap:8px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-mob-card { border:1px solid var(--hn-line); border-radius:8px; background:var(--hn-bg); overflow:hidden; cursor:pointer; -webkit-tap-highlight-color:transparent; transition:border-color 0.15s,background 0.15s }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-mob-card.is-open { border-color:var(--hn-green) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-mob-card__top { display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:8px 10px; padding:12px 14px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-mob-card__name { font-size:15px; font-weight:700; color:var(--hn-text); min-width:0 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-mob-card__summary { grid-column:2/-2; font-size:13px; color:var(--hn-text-3); text-align:right; min-width:0 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-mob-card__toggle { color:var(--hn-text-4); font-size:14px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-mob-card.is-open .church-mob-card__ico { transform:rotate(180deg) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-mob-card__panel { display:none; padding:0 14px 12px; border-top:1px solid var(--hn-line-soft) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-mob-card.is-open .church-mob-card__panel { display:block }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-mob-member { padding-top:10px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-mob-member+.church-mob-member { margin-top:10px; padding-top:10px; border-top:1px dashed var(--hn-line-soft) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-mob-member__line { display:flex; gap:10px; font-size:13px; line-height:1.45; margin-bottom:4px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-mob-member__line:last-child { margin-bottom:0 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-mob-member__line .k { flex:0 0 72px; color:var(--hn-text-4); font-weight:600 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-mob-member__line .v { flex:1; min-width:0; color:var(--hn-text-2); word-break:break-word }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .member-table thead { display:none }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .member-table tbody { display:block }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .member-table tbody tr { display:grid; margin-bottom:8px; border:1px solid var(--hn-line); border-radius:8px; overflow:hidden; background:var(--hn-bg) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-m-card { cursor:pointer; -webkit-tap-highlight-color:transparent; transition:border-color 0.15s,background 0.15s }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-m-card.church-m-open { border-color:var(--hn-green); background:var(--hn-bg) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-m-card:active:not(.church-m-open) { background:var(--hn-bg-alt) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .member-table tbody tr:hover td,.sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-member-table tbody tr:hover td { background:transparent }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-m-card:hover td:not(.church-m-acc-cell) { background:transparent }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .member-table tbody td.church-m-empty,.sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-member-table tbody td.church-m-empty { padding-top:0; padding-bottom:0; font-size:0; line-height:0; color:transparent }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .member-table tbody td:nth-child(1).church-m-empty,.sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-member-table tbody td:nth-child(1).church-m-empty { flex:0 0 0; width:0; min-width:0; padding-left:10px; padding-right:0; overflow:hidden }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .member-table tbody td,.sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-member-table tbody td { display:block; padding:8px 10px; border-bottom:0; font-size:14px; line-height:1.45; vertical-align:top }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .member-table tbody tr { grid-template-columns:minmax(3.1rem,auto) minmax(0,1fr) minmax(0,1fr) 1.75rem; align-items:center }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .member-table tbody td:nth-child(1) { grid-row:1; grid-column:1; padding-right:4px; text-align:center }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .member-table tbody td:nth-child(2) { grid-row:1; grid-column:2; font-weight:700; color:var(--hn-text); padding-left:0 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .member-table tbody td:nth-child(3) { grid-row:1; grid-column:3; font-size:13px; padding-left:0 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-m-toggle-cell { grid-row:1; grid-column:-1; align-self:center; padding:0 10px 0 2px; pointer-events:none }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-m-acc-ico-wrap { display:inline-flex; align-items:center; justify-content:center; width:1.25rem; color:var(--hn-text-3) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-m-card.church-m-open .church-m-acc-ico-wrap { color:var(--hn-green) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-m-acc-ico { font-size:12px; line-height:1; transition:transform 0.2s }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-m-card.church-m-open .church-m-acc-ico { transform:rotate(180deg) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-m-acc-cell { grid-column:1/-1; grid-row:2; padding:0; border:0; cursor:default }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-m-card:not(.church-m-open) .church-m-acc-cell { display:none }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-m-acc-panel { display:none; margin:0; padding:0; border:0; background:transparent }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-m-card.church-m-open .church-m-acc-panel { display:block; margin-top:8px; padding:8px 12px 10px; border-top:1px solid var(--hn-line-soft); background:var(--hn-bg) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-m-acc-line { display:flex; align-items:flex-start; gap:10px; padding:4px 0; font-size:13px; line-height:1.45; color:var(--hn-text-2) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-m-acc-line .k { flex:0 0 4.75rem; font-size:11px; font-weight:700; color:var(--hn-text-3) }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-m-acc-line .v { flex:1; min-width:0 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-m-acc-line .col-phone,.sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-m-acc-line .v { letter-spacing:-0.02em }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-member-table { table-layout:auto }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-member-table colgroup { display:none }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-member-table tbody tr { display:flex; flex-wrap:wrap; align-items:center; gap:0 6px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-member-table tbody td { width:auto; max-width:none; min-width:0; padding-top:8px; padding-bottom:8px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-member-table tbody td:nth-child(1) { flex:0 0 3.25rem; padding-left:10px; padding-right:2px; text-align:center }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-member-table tbody td:nth-child(2) { flex:1 1 0; min-width:2.75rem; padding-left:0; padding-right:0; font-weight:700; color:var(--hn-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-member-table tbody td:nth-child(3) { flex:0 0 auto; padding:8px 0; font-size:12px; color:var(--hn-text-3); white-space:nowrap }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-member-table tbody td:nth-child(3)::before { content:"·"; margin-right:6px; color:var(--hn-text-4); font-weight:400 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-member-table tbody td:nth-child(4) { flex:0 1 auto; min-width:6.5rem; padding-left:0; padding-right:0; font-size:13px; font-weight:600; color:var(--hn-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-member-table tbody td:nth-child(4)::before { content:"·"; margin-right:6px; color:var(--hn-text-4); font-weight:400 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-member-table .church-m-toggle-cell { flex:0 0 1.75rem; margin-left:auto; padding:8px 10px 8px 2px }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-member-table .church-m-acc-cell { flex:0 0 100%; width:100%; padding:0 }
  .sub-layout>section:not(:has(.siiru-boardWrap)) .churches-page .church-member-table .col-phone { min-width:0; white-space:normal }
  .rules-intro-logo { padding:14px 16px 12px }
  .rules-ref-logo { height:40px }
  .rules-intro-row { grid-template-columns:1fr }
  .rules-intro-text { padding:18px 18px; border-right:0; border-bottom:1px solid var(--hn-line-soft) }
  .rules-ref-links { padding:18px; flex-direction:row; flex-wrap:wrap; justify-content:center }
  .rules-ref-links .btn-hn { width:auto; flex:1 1 calc(50% - 5px); min-width:140px }
  .rules-toc-inner { padding:22px 20px 20px }
  .rules-toc.is-collapsed .rules-toc-label { margin-bottom:14px }
  .rules-toc-list { grid-template-columns:1fr; gap:6px }
  .rules-page .rules-doc-title { font-size:20px; margin:56px 0 10px }
  .rules-page .rules-doc > .faith-doc-icon { margin-top:28px; margin-bottom:10px }
  .rules-page .faith-doc-icon+.rules-doc-title { margin-top:0 }
  .rules-page .rules-doc-subtitle { margin-bottom:32px; font-size:13px }
  .rules-page .rules-doc .rules-chapter { margin-top:48px; font-size:17px; scroll-margin-top:88px }
  .rules-page .rules-doc-title+.rules-chapter { margin-top:32px }
  .rules-page .rules-doc .rules-list>li { margin-bottom:1.1em; padding-bottom:1.1em }
  .rules-page .rules-doc .rules-list>li>.art { margin-bottom:0.35em }
  .rules-page .rules-doc .rules-sub { padding-left:0.85em }
  .rules-page .rules-doc .rules-sub li { gap:0.35em 0.5em }
  .rules-page .rules-doc .rules-sub .art { min-width:1.2em }
  .rules-page .rules-doc .rules-sub .rules-sub { padding-left:0.85em }
  .rules-page .rules-doc .rules-sub .rules-sub .rules-sub { padding-left:0.85em }
  .catechism-page .rules-doc .rules-list>li,.catechism-page .catechism-list>li { column-gap:0.2em }
  .catechism-page .rules-doc .rules-sub li { padding-left:0.7em; text-indent:-0.7em }
  .catechism-page .rules-doc .rules-sub .rules-sub { margin:0.35em 0 0.1em 0.25em }
  .catechism-page .rules-doc .rules-sub .rules-sub .rules-sub { margin-left:0.25em }
  .sub-layout>section>.rules-doc .chapter-head { margin-top:22px; padding:10px 14px; font-size:15px }
  .sub-layout>section>.rules-doc .chapter-head:first-child { margin-top:0 }
  .sub-layout>section>.rules-doc .rules-list>li { padding:9px 14px; gap:7px; font-size:15px; line-height:1.58 }
  .sub-layout>section>.rules-doc .rules-list>li>.art,.sub-layout>section>.rules-doc .rules-list .art { min-width:2em; font-size:15px; line-height:1.58 }
  .sub-layout>section>.rules-doc .rules-sub { margin-top:4px; padding-left:0 }
  .sub-layout>section>.rules-doc .rules-sub li { padding:1px 0; gap:6px; font-size:14px; line-height:1.55 }
  .sub-layout>section>.rules-doc .rules-sub .art { min-width:1.65em; font-size:13px; line-height:1.55 }
  .sub-layout>section>.rules-doc .rules-sub .rules-sub { margin-top:2px; padding-left:0.35em }
}

/* ── 역대 노회장·임원 아코디언 (officers-past) ──────────────── */
.pres-acc-row { cursor:pointer; transition:background .15s }
.pres-acc-row:hover td { background:var(--hn-bg-alt) }
.pres-acc-row.open td,.pres-acc-row.open:hover td { background:var(--hn-blue-soft) }
.pres-acc-ico { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--hn-bg-alt2); color:var(--hn-text-3); font-size:10px; transition:transform .2s,background .15s,color .15s }
.pres-acc-row.open .pres-acc-ico { transform:translateY(-50%) rotate(180deg); background:var(--hn-blue); color:#fff }
.pres-acc-panel { display:none }
.pres-acc-panel.open { display:table-row }
.pres-acc-panel>td { padding:20px 28px 44px; background:var(--hn-blue-soft); border-bottom:2px solid var(--hn-blue) }
.pres-acc-label { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; color:var(--hn-blue); letter-spacing:.06em; text-transform:uppercase; margin-bottom:12px; padding-bottom:8px; border-bottom:1px solid rgba(20,65,122,.2) }
.pres-acc-panel .btable { font-size:13px; border-top:0 }
.pres-acc-panel .btable thead th { background:var(--hn-blue); color:#fff; font-size:12px; padding:9px 10px }
.pres-acc-panel .btable tbody td { padding:9px 10px; border-bottom:1px solid var(--hn-line); background:#fff }
.pres-group-photo { margin-top:20px; background:var(--hn-bg-alt2); border:2px dashed var(--hn-line-strong); border-radius:6px; aspect-ratio:16/7; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:var(--hn-text-4) }
.pres-group-photo i { font-size:36px }
.pres-group-photo .pgp-title { font-size:14px; font-weight:700; color:var(--hn-text-3) }
.pres-group-photo .pgp-sub { font-size:12px }
.pres-group-photo:has(img) { background:var(--hn-bg-alt); border:1px solid var(--hn-line); padding:14px 16px 12px; border-radius:6px; display:block }
.pres-group-photo img { width:100%; display:block; border-radius:4px; aspect-ratio:16/7; object-fit:cover }
.pgp-caption { font-size:13px; color:var(--hn-text-3); text-align:center; margin:8px 0 0 }

/* ── 역대 노회장 단순 표 (officers-presidents) ─────────── */
.hn-pres-simple { --hn-pres-photo-w:52px; --hn-pres-photo-h:calc(var(--hn-pres-photo-w)*4/3); width:100%; border-collapse:collapse; font-size:15px }
.hn-pres-simple thead th { background:var(--hn-blue); color:#fff; font-weight:700; font-size:14px; padding:12px 14px; text-align:center; border-right:1px solid rgba(255,255,255,.12) }
.hn-pres-simple thead th:last-child { border-right:0 }
.hn-pres-simple tbody tr:hover td { background:var(--hn-bg-alt) }
.hn-pres-simple tbody td { padding:12px 14px; vertical-align:middle; height:1px; border-bottom:1px solid var(--hn-line-soft); border-right:1px solid var(--hn-line-soft) }
.hn-pres-simple tbody td.hps-term { display:table-cell; text-align:center; white-space:normal; padding:0 }
.hn-pres-simple .hps-term-inner { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; line-height:1.35; min-height:var(--hn-pres-photo-h); height:100%; padding:12px 14px; box-sizing:border-box }
.hn-pres-simple .hpt-person { display:flex; align-items:center; justify-content:center; gap:10px; min-height:var(--hn-pres-photo-h) }
.hn-pres-simple tbody td.hpt-officer { text-align:center }
.hn-pres-simple .hn-pres-th--mob,.hn-pres-simple .hpt-officer--mob { display:none }
.hpt-photo { width:var(--hn-pres-photo-w); height:var(--hn-pres-photo-h); aspect-ratio:auto; border-radius:4px; flex-shrink:0 }
.hpt-photo .hpt-ico { font-size:18px }
.hpt-info { width:128px; flex-shrink:0; text-align:center }
.hpt-info .hpt-name,.hpt-officer .hpt-name { font-size:16px }
.hpt-info .hpt-church,.hpt-officer .hpt-church { font-size:13px }
.hn-pres-simple tbody td:last-child { border-right:0 }
.hn-pres-simple .hps-term { text-align:center; white-space:nowrap }
.hps-gen { font-size:11px; color:var(--hn-text-4); font-weight:500 }
.hps-gen.hl { color:var(--hn-blue) }
.hps-sess { font-size:14px; font-weight:800; color:var(--hn-text); margin-top:2px }
.hn-pres-simple .hps-term--swap .hps-gen { font-size:15px; font-weight:800; color:var(--hn-blue); margin-top:0 }
.hn-pres-simple .hps-term--swap .hps-sess { font-size:13px; font-weight:600; color:var(--hn-text); margin-top:0 }
.hn-pres-simple .hps-term:not(.hps-term--swap) .hps-sess { font-size:16px; font-weight:800; color:var(--hn-blue) }

/* ── 역대 노회임원 좌우 분할 레이아웃 (officers-past) ───── */
.officer-sess-hint { display:none }
.officer-split { display:grid; grid-template-columns:3fr 7fr; border:1px solid var(--hn-line); border-radius:6px; overflow:hidden }
.officer-sess-list { background:var(--hn-bg-alt); border-right:1px solid var(--hn-line); overflow-y:auto; max-height:760px }
.officer-sess-item { padding:13px 14px 11px; cursor:pointer; border-bottom:1px solid var(--hn-line-soft); border-left:3px solid transparent; transition:background .15s,border-color .15s }
.officer-sess-item:last-child { border-bottom:0 }
.officer-sess-item:hover { background:#fff }
.officer-sess-item.active { background:var(--hn-blue-soft); border-left-color:var(--hn-blue) }
.osi-term { line-height:1.3 }
.osi-gen { display:block; font-size:15px; font-weight:800; color:var(--hn-blue); letter-spacing:0.02em }
.osi-sess { display:block; font-size:15px; color:var(--hn-text-2); font-weight:700; margin-top:1px }
.osi-sess-hl { display:block; font-size:16px; font-weight:800; color:var(--hn-blue) }
.osi-period { font-size:12px; color:var(--hn-text-4); font-family:ui-monospace,Menlo,monospace; margin-top:3px }
.officer-sess-item.active .osi-gen { color:var(--hn-blue) }
.officer-sess-item.active .osi-sess { color:rgba(20,65,122,0.65) }
.officer-sess-item.active .osi-sess-hl { color:var(--hn-blue) }
.officer-detail { padding:24px 28px; min-height:300px; background:#fff }
.officer-detail-panel { display:none }
.officer-detail-panel.active { display:block }
.officer-detail-label { display:flex; align-items:center; gap:8px; font-size:16px; font-weight:700; color:var(--hn-blue); letter-spacing:0.02em; margin-bottom:16px; padding-bottom:10px; border-bottom:1px solid rgba(20,65,122,.2) }
.officer-detail .btable { font-size:15px; border-top:0 }
.officer-detail .btable thead th { background:var(--hn-blue); color:#fff; font-size:14px; padding:9px 10px; font-family:inherit }
.officer-detail .btable tbody td { padding:11px 12px; border-bottom:1px solid var(--hn-line); background:#fff; font-family:inherit; font-size:15px }
.officer-detail .btable tbody td:nth-child(1) { font-weight:700; color:var(--hn-blue) }
.officer-detail .btable tbody td:nth-child(2) { font-weight:700; color:var(--hn-text) }

/* ── 갤러리 목록 ──────────────────────────────── */
@media (max-width:1024px) {
  .officer-split { grid-template-columns:1fr 2fr }
}

/* ── 반응형 ──────────────────────────────────── */
@media (max-width:768px) {
  .officer-split { grid-template-columns:1fr }
  .officer-sess-hint { display:flex; align-items:center; gap:8px; margin:0; padding:10px 14px; font-size:14px; font-weight:600; line-height:1.45; color:var(--hn-blue); background:var(--hn-blue-soft); border-bottom:1px solid rgba(20,65,122,0.12) }
  .officer-sess-hint i { flex-shrink:0; font-size:15px; opacity:0.85 }
  .officer-sess-list { --officer-sess-row-h:68px; max-height:calc(var(--officer-sess-row-h)*4.5); border-right:0; border-bottom:1px solid var(--hn-line); -webkit-overflow-scrolling:touch; position:relative; mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 20px),transparent 100%); -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 20px),transparent 100%) }
  .officer-detail { padding:16px }
  .hn-pres-simple.hn-pres-honam,.hn-pres-simple.hn-pres-honam { --hn-pres-photo-w:44px; display:table; width:100%; table-layout:fixed }
  .hn-pres-simple.hn-pres-honam colgroup,.hn-pres-simple.hn-pres-honam colgroup { display:none }
  .hn-pres-simple.hn-pres-honam thead th:nth-child(1),.hn-pres-simple.hn-pres-honam tbody td:nth-child(1),.hn-pres-simple.hn-pres-honam thead th:nth-child(1),.hn-pres-simple.hn-pres-honam tbody td:nth-child(1) { width:33.333% }
  .hn-pres-simple.hn-pres-honam thead th:nth-child(2),.hn-pres-simple.hn-pres-honam tbody td:nth-child(2),.hn-pres-simple.hn-pres-honam thead th:nth-child(2),.hn-pres-simple.hn-pres-honam tbody td:nth-child(2) { width:66.667% }
  .hn-pres-simple.hn-pres-honam thead th:nth-child(n+3),.hn-pres-simple.hn-pres-honam tbody td:nth-child(n+3),.hn-pres-simple.hn-pres-honam thead th:nth-child(n+3),.hn-pres-simple.hn-pres-honam tbody td:nth-child(n+3),.hn-pres-simple.hn-pres-honam .hn-pres-th--desk,.hn-pres-simple.hn-pres-honam .hpt-officer--desk,.hn-pres-simple.hn-pres-honam .hn-pres-th--mob,.hn-pres-simple.hn-pres-honam .hpt-officer--mob,.hn-pres-simple.hn-pres-honam .hn-pres-th--desk,.hn-pres-simple.hn-pres-honam .hpt-officer--desk,.hn-pres-simple.hn-pres-honam .hn-pres-th--mob,.hn-pres-simple.hn-pres-honam .hpt-officer--mob { display:none!important }
  .hn-pres-simple.hn-pres-honam .hps-term-inner,.hn-pres-simple.hn-pres-honam .hps-term-inner { min-height:0; padding:10px 6px }
  .hn-pres-simple.hn-pres-honam tbody td:nth-child(2),.hn-pres-simple.hn-pres-honam tbody td:nth-child(2) { text-align:center }
  .hn-pres-simple.hn-pres-honam .hpt-person { justify-content:center; margin:0 auto; width:fit-content; max-width:100%; gap:15px; min-height:0; padding:4px 0 }
  .hn-pres-simple.hn-pres-honam .hpt-photo,.hn-pres-simple.hn-pres-honam .hpt-photo { display:flex!important; align-items:center; justify-content:center }
  .hn-pres-simple.hn-pres-honam .hpt-info,.hn-pres-simple.hn-pres-honam .hpt-info { width:auto; flex-shrink:0; text-align:center }
  .hn-pres-simple.hn-pres-honam thead th,.hn-pres-simple.hn-pres-honam tbody td { padding:10px 6px; font-size:14px }
  .hn-pres-simple.hn-pres-honam .hps-term--swap .hps-gen { font-size:16px; font-weight:800; color:var(--hn-blue) }
  .hn-pres-simple.hn-pres-honam .hps-term--swap .hps-sess { font-size:14px; font-weight:600; color:var(--hn-text) }
  .hn-pres-simple.hn-pres-honam .hps-term:not(.hps-term--swap) .hps-sess { font-size:16px; font-weight:800; color:var(--hn-blue) }
  .hn-pres-simple.hn-pres-honam .hpt-info .hpt-name,.hn-pres-simple.hn-pres-honam .hpt-officer .hpt-name { font-size:16px }
  .hn-pres-simple.hn-pres-honam .hpt-info .hpt-church,.hn-pres-simple.hn-pres-honam .hpt-officer .hpt-church { font-size:13px }
  .officer-sess-hint { font-size:15px }
  .officer-sess-hint i { font-size:16px }
  .osi-term:has(.osi-gen):has(.osi-sess) { display:flex; flex-direction:row; flex-wrap:nowrap; align-items:baseline; gap:5px }
  .osi-term:has(.osi-gen):has(.osi-sess) .osi-sess { margin-top:0 }
  .osi-gen { font-size:14px }
  .osi-sess,.osi-sess-hl { font-size:14px }
  .osi-sess-hl { font-size:15px }
  .osi-period { font-size:12px }
  .officer-detail-label { font-size:15px }
  .officer-detail .btable { font-size:14px }
  .officer-detail .btable thead th { font-size:13px }
  .officer-detail .btable tbody td { font-size:14px; padding:10px 12px }
  .presy-block-head { font-size:14px }
  .presy-table .pt-term { font-size:13px }
  .presy-table .pt-name { font-size:15px }
  .presy-table .pt-sub-label { font-size:11px }
}

/* ============================================================
   SiiRU 회원·인증 (sub 전용 — board.css와 분리)
   login / join / finduser / myinfo / leave / passwd
   ============================================================ */

/* ── 작성 폼 (회원가입 등) ───────────────── */
.joinForm-write { border-top:2px solid var(--hn-text) }
.joinForm-write dl { display:flex; border-bottom:1px solid var(--hn-line) }
.joinForm-write dl dt { width:130px; min-width:130px; padding:14px 16px; background:var(--hn-bg-alt); font-size:13px; font-weight:700; color:var(--hn-text-2); display:flex; flex-wrap:wrap; align-items:center; align-content:center; gap:4px 8px; flex-shrink:0 }
.joinForm-write dl dt label { line-height:1.4; cursor:pointer }
.joinForm-write dl dt span:not(.btnLayer) { color:var(--hn-red) }
.joinForm-write dl dt span.required { color:var(--hn-red) }
.joinForm-write dl>dt.siiru-hidden { width:0; min-width:0; padding:0; margin:0; border:0; flex:0 0 0; overflow:hidden }
.joinForm-write dl dd { flex:1; min-width:0; padding:12px 16px }
.joinForm-write dl dd input[type="text"],.joinForm-write dl dd input[type="password"] { padding:8px 12px; border:1px solid var(--hn-line); border-radius:4px; font-size:14px; font-family:inherit; outline:0; width:100%; max-width:100%; box-sizing:border-box }
.joinForm-write dl dd input.small2 { width:100%; max-width:240px }
.joinForm-write dl dd select { width:100%; max-width:320px; padding:8px 12px; border:1px solid var(--hn-line); border-radius:4px; font-size:14px; background:var(--hn-bg); color:var(--hn-text-2); outline:0; box-sizing:border-box }
.joinForm-write dl dd input[type="checkbox"],.joinForm-write dl dd input[type="radio"] { width:auto; flex-shrink:0; margin:0; accent-color:var(--hn-green) }
.joinForm-write small { font-size:12px; color:var(--hn-text-3); display:block; margin-top:6px; line-height:1.5 }

/* ── 로그인 ──────────────────────────────── */
.siiru-loginWrap { padding:8px 0 }
.loginWrap { max-width:520px; margin:0 auto }
.loginWrap .inputWrap dl { display:block; border-bottom:none; margin-bottom:14px }
.loginWrap .inputWrap dl dt { width:auto; background:none; padding:0 0 6px 0; font-size:13px; font-weight:600; color:var(--hn-text-2) }
.loginWrap .inputWrap dl dd { padding:0; display:flex; flex-wrap:wrap; align-items:center }
.loginWrap .inputWrap dl dd input[type="text"],.loginWrap .inputWrap dl dd input[type="password"] { width:100%!important; flex:none!important; padding:10px 14px; border:1px solid var(--hn-line); border-radius:6px; font-size:15px; outline:0; box-sizing:border-box; font-family:inherit }
.loginWrap .inputWrap dl dd input[type="text"]:focus,.loginWrap .inputWrap dl dd input[type="password"]:focus { border-color:var(--hn-green) }
.loginWrap .inputWrap dl dd input[type="checkbox"] { width:auto!important; margin-left:0!important; margin-top:10px; accent-color:var(--hn-green); cursor:pointer }
.loginWrap .inputWrap dl dd label { margin-left:4px; margin-top:10px; font-size:13px; color:var(--hn-text-3); cursor:pointer; white-space:nowrap }
.loginWrap .inputWrap .siiru-btnSet { justify-content:center; margin-top:20px }
.loginWrap .inputWrap .siiru-btn { font-size:15px; padding:11px 30px }
.siiru-loginWrap .alert-hn { margin-bottom:20px }
.joinLayer { list-style:none; padding:16px 0 0; margin:20px 0 0; display:flex; gap:10px; justify-content:center; border-top:1px solid var(--hn-line-soft) }
.joinLayer .siiru-btn { font-size:14px }

/* ── 회원가입 ──────────────────────────────── */
.siiru-joinWrap { padding:8px 0 }
.siiru-joinWrap .stepTab ul { display:flex; list-style:none; padding:0; margin:0 0 24px; border-bottom:2px solid var(--hn-line); gap:0 }
.siiru-joinWrap .stepTab li { flex:1; text-align:center }
.siiru-joinWrap .stepTab li a { display:flex; align-items:center; justify-content:center; gap:6px; padding:12px 6px; font-size:14px; font-weight:600; color:var(--hn-text-3); text-decoration:none; border-bottom:3px solid transparent; margin-bottom:-2px; letter-spacing:-0.02em }
.siiru-joinWrap .stepTab li a .step-num { font-size:13px; font-weight:800; color:var(--hn-text-4); font-variant-numeric:tabular-nums }
.siiru-joinWrap .stepTab li.active a { color:var(--hn-green); border-bottom-color:var(--hn-green) }
.siiru-joinWrap .stepTab li.active a .step-num { color:var(--hn-green) }
.siiru-joinWrap .joinWelcome { background:var(--hn-bg); border:1px solid var(--hn-line); border-radius:6px; padding:20px 22px; margin:0 0 20px; line-height:1.75; font-size:16px; color:var(--hn-text-2) }
.siiru-joinWrap .joinWelcome p { margin:0 0 8px }
.siiru-joinWrap .joinWelcome-lead { font-size:15px; font-weight:600; color:var(--hn-text); margin-bottom:12px!important }
.siiru-joinWrap .joinWelcome p:last-child { margin-bottom:0 }
.siiru-joinWrap .well.join-form-notice { background:var(--hn-blue-soft); border:1px solid var(--hn-line); border-radius:6px; padding:8px 12px; font-size:14px; line-height:1.5; color:var(--hn-text-2); margin:0 0 10px }
.siiru-joinWrap .well.join-form-notice .req { color:var(--hn-red); font-weight:700 }
.agreeBoxWrap { margin-bottom:20px }
.stepSubTitle { font-size:17px; font-weight:700; color:var(--hn-text); margin:20px 0 10px; letter-spacing:-0.02em }
.agreeBoxWrap .stepSubTitle:first-child { margin-top:0 }
.agreeBox { border:1px solid var(--hn-line); border-radius:6px; padding:14px 16px; max-height:calc(13px*1.65*5 + 28px); overflow-y:auto; font-size:13px; line-height:1.65; color:var(--hn-text-3); background:var(--hn-bg); margin-bottom:10px }
.siiru-joinWrap .agreeBox { height:auto; max-height:calc(13px*1.65*5 + 28px); font-size:13px; line-height:1.65; color:var(--hn-text-3); background:var(--hn-bg) }
.siiru-joinWrap .agreeBox strong { font-size:13px; font-weight:700; color:var(--hn-text-2) }
.agreeCheck { display:flex; align-items:center; gap:10px; font-size:16px; font-weight:600; color:var(--hn-text); margin:12px 0 20px }
.agreeCheck input[type="checkbox"] { width:20px; height:20px; flex-shrink:0; margin:0; accent-color:var(--hn-green); cursor:pointer }
.agreeCheck label { cursor:pointer; font-size:16px; font-weight:600; color:var(--hn-text) }
.siiru-joinWrap .joinForm-write { border-top:2px solid var(--hn-text) }
.siiru-joinWrap .joinForm-write dl { margin-bottom:0; border-bottom:1px solid var(--hn-line) }
.siiru-joinWrap .joinForm-write dl dt { width:148px; min-width:148px; padding:7px 12px; font-size:15px; line-height:1.35; white-space:nowrap }
.siiru-joinWrap .joinForm-write dl dd { margin-bottom:0; padding:7px 12px; display:flex; flex-wrap:wrap; align-items:center; gap:6px }
.siiru-joinWrap .joinForm-write dl dd input[type="text"],.siiru-joinWrap .joinForm-write dl dd input[type="password"],.siiru-joinWrap .joinForm-write dl dd select { font-size:15px; padding:8px 10px; max-width:280px; width:100% }
.siiru-joinWrap .joinForm-write dl dd input.small2 { max-width:280px; width:100% }
.siiru-joinWrap .joinForm-write dl dd .idCheck { flex-shrink:0; margin-left:0!important }
.siiru-joinWrap .joinForm-write small { flex:1 1 100%; width:100%; margin-top:0; font-size:12px; line-height:1.45 }
.siiru-joinWrap .joinForm-write #position { min-width:0; max-width:280px }
.siiru-joinWrap a.siiru-btn { box-sizing:border-box }
#join-step-S1 .siiru-btnSet,#join-step-S2 .siiru-btnSet,#join-step-S4 .siiru-btnSet { margin-top:14px }
#join-step-S2 .siiru-btnSet { margin-top:20px }
#join-step-S4 .siiru-btnSet { display:flex; flex-wrap:wrap; justify-content:center; gap:8px }
#join-step-S4 .siiru-btnSet .siiru-ml10 { margin-left:0!important }
.complete { text-align:center; padding:40px 0; font-size:16px; color:var(--hn-text-2) }
.complete>p { margin:0; line-height:1.8 }

/* ── 아이디/비밀번호 찾기 ──────────────────── */
.siiru-findUserWrap { padding:8px 0 }
.findUserWrap { max-width:560px; margin:0 auto }
.siiru-findUserWrap .alert-hn { margin-bottom:16px }
.findUser-tab ul { display:flex; list-style:none; padding:0; margin:0 0 20px; border-bottom:2px solid var(--hn-line) }
.findUser-tab li { flex:1; text-align:center }
.findUser-tab li a { display:block; padding:11px 0; font-size:14px; font-weight:600; color:var(--hn-text-3); text-decoration:none; border-bottom:3px solid transparent; margin-bottom:-2px }
.findUser-tab li.active a { color:var(--hn-green); border-bottom-color:var(--hn-green) }
#findSection-P { display:none }
.retIdMsg { padding:12px 0; font-size:15px; font-weight:600; color:var(--hn-green) }
.findUserWrap .inputWrap dl { display:flex; border-bottom:1px solid var(--hn-line-soft) }
.findUserWrap .inputWrap dl dt { width:110px; min-width:110px; padding:12px 16px; background:var(--hn-bg-alt); font-size:13px; font-weight:700; color:var(--hn-text-2); display:flex; align-items:center; flex-shrink:0 }
.findUserWrap .inputWrap dl dt label { cursor:pointer }
.findUserWrap .inputWrap dl dd { flex:1; padding:10px 16px; display:flex; align-items:center }
.findUserWrap .inputWrap dl dd input[type="text"] { width:100%; padding:8px 12px; border:1px solid var(--hn-line); border-radius:4px; font-size:14px; outline:0; box-sizing:border-box; font-family:inherit }
.findUserWrap .inputWrap dl dd input.small { max-width:160px }
.findUserWrap .inputWrap .siiru-btnSet { margin-top:16px }

/* ── 회원 탈퇴 / 비밀번호 변경 / 마이페이지 ─── */
.siiru-userWrap { padding:8px 0 }
.siiru-userWrap .leaveForm { width:100%; max-width:none; margin:0; padding:0; border:0; border-radius:0 }
.siiru-userWrap .leaveForm h4 { font-size:18px; font-weight:700; color:var(--hn-text); margin:0 0 16px; padding:0 0 12px; border-bottom:1px solid var(--hn-line) }
.siiru-userWrap .leaveForm .findLayer { margin-top:0 }
.siiru-userWrap .leaveForm .inputWrap { margin-top:4px }
.siiru-userWrap .leaveForm .inputWrap>h5 { margin:0 0 16px; font-size:15px; font-weight:700; color:var(--hn-text) }
.siiru-userWrap .leaveForm .leave-warn { margin-bottom:20px }
.siiru-userWrap .leaveForm .leave-desc { margin:0; font-size:15px; color:var(--hn-text-2); line-height:1.85 }
.siiru-userWrap .leaveForm .pwCert { margin:0 0 4px }
.siiru-userWrap .leaveForm .pwCert input[type="password"] { width:100%; max-width:320px; padding:9px 14px; border:1px solid var(--hn-line); border-radius:6px; font-size:14px; font-family:inherit; color:var(--hn-text); outline:0; box-sizing:border-box }
.siiru-userWrap .leaveForm .pwCert input[type="password"]:focus { border-color:var(--hn-green) }
.siiru-userWrap .leaveForm .siiru-btnSet { margin-top:20px }
.siiru-userWrap .leaveWrap { width:100%; max-width:none; margin:0; padding:32px 24px; border:1px solid var(--hn-line); border-radius:8px; background:var(--hn-bg-alt); text-align:center }
.siiru-userWrap .leaveWrap p { margin:0 0 20px; font-size:17px; font-weight:700; color:var(--hn-text); letter-spacing:-0.02em }
.siiru-userWrap .leaveWrap .siiru-btnSet { margin-top:0 }
.siiru-passwdWrap { padding:8px 0 }
.siiru-passwdWrap .passwdWrap { width:100%; max-width:none; margin:0; padding:0; border:0 }
.siiru-passwdWrap .passwdWrap h4 { font-size:18px; font-weight:700; color:var(--hn-text); margin:0 0 16px; padding:0 0 12px; border-bottom:1px solid var(--hn-line) }
.siiru-passwdWrap .passwdWrap ul { padding:14px 18px; background:var(--hn-blue-soft); border:1px solid var(--hn-line); border-radius:6px; margin:0 0 20px; list-style:none }
.siiru-passwdWrap .passwdWrap ul li { font-size:13px; color:var(--hn-text-2); line-height:1.8 }
.siiru-passwdWrap .passwdWrap #siiru-passwdForm>dl:first-of-type { border-top:2px solid var(--hn-text) }
.siiru-passwdWrap .passwdWrap dl { display:flex; margin:0; padding:0; width:100%; border-bottom:1px solid var(--hn-line) }
.siiru-passwdWrap .passwdWrap dl dt { width:130px; padding:14px 16px; background:var(--hn-bg-alt); font-size:13px; font-weight:700; color:var(--hn-text-2); flex-shrink:0 }
.siiru-passwdWrap .passwdWrap dl dt label { cursor:pointer; line-height:1.4 }
.siiru-passwdWrap .passwdWrap dl dd { flex:1; padding:12px 16px }
.siiru-passwdWrap .passwdWrap dl dd input[type="password"] { width:100%; max-width:320px; padding:8px 12px; border:1px solid var(--hn-line); border-radius:4px; font-size:14px; font-family:inherit; color:var(--hn-text); outline:0; box-sizing:border-box }
.siiru-passwdWrap .passwdWrap dl dd input[type="password"]:focus { border-color:var(--hn-green) }
.siiru-passwdWrap .passwdWrap .siiru-btnSet { margin-top:20px }
.siiru-userWrap .userWrap { width:100%; max-width:none; margin:0; padding:0; border:0 }
.siiru-userWrap .userWrap h4 { font-size:18px; font-weight:700; color:var(--hn-text); margin:0 0 16px; padding:0 0 12px; border-bottom:1px solid var(--hn-line) }
.siiru-userWrap .userWrap section { padding:0; border-top:0; font-size:inherit }
.siiru-userWrap .userWrap section#M>.findLayer,.siiru-userWrap .userWrap .myinfo-gate .findLayer { padding:32px 24px; border:1px solid var(--hn-line); border-radius:8px; background:var(--hn-bg-alt); text-align:center }
.siiru-userWrap .userWrap section#M>.findLayer .inputWrap,.siiru-userWrap .userWrap .myinfo-gate .inputWrap { display:flex; flex-direction:column; align-items:center; width:100% }
.siiru-userWrap .userWrap section#M>.findLayer .inputWrap>h5,.siiru-userWrap .userWrap .myinfo-gate .inputWrap>h5 { margin:0 0 16px; font-size:15px; font-weight:700; color:var(--hn-text); text-align:center }
.siiru-userWrap .userWrap section#M>.findLayer .inputWrap form,.siiru-userWrap .userWrap .myinfo-gate .inputWrap form { width:100%; max-width:320px }
.siiru-userWrap .userWrap section#M>.findLayer .pwCert,.siiru-userWrap .userWrap .myinfo-gate .pwCert { margin:0 0 4px; width:100% }
.siiru-userWrap .userWrap section#M>.findLayer .pwCert input[type="password"],.siiru-userWrap .userWrap .myinfo-gate .pwCert input[type="password"] { width:100%; max-width:none; padding:9px 14px; border:1px solid var(--hn-line); border-radius:6px; font-size:14px; font-family:inherit; color:var(--hn-text); outline:0; box-sizing:border-box; background:var(--hn-bg) }
.siiru-userWrap .userWrap section#M>.findLayer .pwCert input[type="password"]:focus,.siiru-userWrap .userWrap .myinfo-gate .pwCert input[type="password"]:focus { border-color:var(--hn-green) }
.siiru-userWrap .userWrap section#M>.findLayer .siiru-btnSet,.siiru-userWrap .userWrap .myinfo-gate .siiru-btnSet { margin-top:20px; justify-content:center; width:100% }
.siiru-userWrap .userWrap #siiru-userForm:has(>dl),.siiru-userWrap .userWrap .myinfo-edit #siiru-userForm { border-top:2px solid var(--hn-text) }
.siiru-userWrap .userWrap dl { display:flex; margin:0; padding:0; width:100%; overflow:visible; border-bottom:1px solid var(--hn-line) }
.siiru-userWrap .userWrap dl dt { width:130px; padding:14px 16px; background:var(--hn-bg-alt); font-size:13px; font-weight:700; color:var(--hn-text-2); text-align:left; border-right:0; flex-shrink:0; vertical-align:top }
.siiru-userWrap .userWrap dl dt span.required { color:var(--hn-red); margin-right:2px }
.siiru-userWrap .userWrap dl dt label { cursor:pointer; line-height:1.4 }
.siiru-userWrap .userWrap dl dd { flex:1; width:auto; padding:12px 16px; font-size:14px; color:var(--hn-text-2); vertical-align:top }
.siiru-userWrap .userWrap dl dd input[type="text"],.siiru-userWrap .userWrap dl dd input[type="password"] { padding:8px 12px; border:1px solid var(--hn-line); border-radius:4px; font-size:14px; font-family:inherit; color:var(--hn-text); outline:0; box-sizing:border-box; margin-top:0; height:auto }
.siiru-userWrap .userWrap dl dd input[type="text"]:focus,.siiru-userWrap .userWrap dl dd input[type="password"]:focus { border-color:var(--hn-green) }
.siiru-userWrap .userWrap dl dd input[type="text"]:not(.small):not(.small2):not(#zip),.siiru-userWrap .userWrap dl dd input[type="password"] { width:100%; max-width:480px }
.siiru-userWrap .userWrap dl dd input.small { width:140px; max-width:100% }
.siiru-userWrap .userWrap dl dd input.small2 { width:240px; max-width:100% }
.siiru-userWrap .userWrap dl dd input[type="text"][disabled],.siiru-userWrap .userWrap dl dd input[type="text"][readonly] { background:var(--hn-bg-alt); color:var(--hn-text-3); cursor:not-allowed }
.siiru-userWrap .userWrap dl dd select { min-width:140px; padding:8px 12px; border:1px solid var(--hn-line); border-radius:4px; font-size:14px; background:var(--hn-bg); color:var(--hn-text-2); outline:0; vertical-align:middle }
.siiru-userWrap .userWrap dl dd input[type="radio"],.siiru-userWrap .userWrap dl dd input[type="checkbox"] { width:auto; margin:0 4px 0 0; accent-color:var(--hn-green); vertical-align:middle }
.siiru-userWrap .userWrap dl dd label { padding:0 16px 0 4px; font-size:14px; color:var(--hn-text-2); cursor:pointer; vertical-align:middle }
.siiru-userWrap .userWrap dl dd .fileInfo { padding-top:6px; font-size:13px; color:var(--hn-text-3) }
.siiru-userWrap .userWrap dl dd .fileInfo input[type="checkbox"] { margin-left:8px }
.siiru-userWrap .userWrap dl dd input[type="file"].file { display:block; width:auto; max-width:100%; font-size:13px; border:0; padding:0 }
.siiru-userWrap .userWrap dl dd small { display:block; margin-top:6px; font-size:12px; color:var(--hn-text-3) }
.siiru-userWrap input[readonly] { background:var(--hn-bg-alt); color:var(--hn-text-3) }
.siiru-userWrap .siiru-btnSet { margin-top:20px }
.siiru-userWrap .userWrap #position { min-width:140px; max-width:240px }
.myinfo-edit { display:none }
.myinfo-edit.is-open { display:block }
.myinfo-gate.is-hidden { display:none }
.user-tab ul { display:flex; list-style:none; padding:0; margin:0 0 20px; border-bottom:2px solid var(--hn-line) }
.user-tab li { flex:1; text-align:center }
.user-tab li a { display:block; padding:11px 0; font-size:14px; font-weight:600; color:var(--hn-text-3); text-decoration:none; border-bottom:3px solid transparent; margin-bottom:-2px }
.user-tab li.active a { color:var(--hn-green); border-bottom-color:var(--hn-green) }

/* ── 회원·인증 모바일 ──────────────────────── */
@media (max-width:768px) {
  .loginWrap,.passwdWrap,.findUserWrap { max-width:100% }
  .siiru-joinWrap .stepTab ul { margin-bottom:16px }
  .siiru-joinWrap .stepTab li a { flex-direction:column; gap:2px; padding:10px 4px; font-size:12px }
  .siiru-joinWrap .stepTab li a .step-num { font-size:11px }
  .siiru-joinWrap .stepTab li a strong { font-size:12px; line-height:1.25 }
  .siiru-joinWrap .joinWelcome { padding:16px; font-size:15px }
  .siiru-joinWrap .well.join-form-notice { padding:7px 10px; font-size:13px; margin-bottom:8px }
  .joinForm-write dl { flex-direction:column }
  .joinForm-write dl dt { width:100%; min-width:0; border-bottom:1px solid var(--hn-line-soft) }
  .joinForm-write dl dd { padding:10px 12px }
  .siiru-joinWrap .joinForm-write dl dt { padding:6px 10px; font-size:14px; white-space:normal }
  .siiru-joinWrap .joinForm-write dl dd { margin-bottom:0; padding:7px 10px; flex-direction:column; align-items:stretch; gap:6px }
  .siiru-joinWrap .joinForm-write dl dd input[type="text"],.siiru-joinWrap .joinForm-write dl dd input[type="password"],.siiru-joinWrap .joinForm-write dl dd input.small2,.siiru-joinWrap .joinForm-write dl dd select,.siiru-joinWrap .joinForm-write #position { max-width:none; width:100%; font-size:16px; padding:8px 10px }
  .siiru-joinWrap .joinForm-write dl dd .idCheck { width:100%; justify-content:center }
  #join-step-S4 .siiru-btnSet .siiru-btn { flex:1 1 calc(50% - 4px); min-width:0 }
  .findUserWrap .inputWrap dl { flex-direction:column }
  .findUserWrap .inputWrap dl dt { width:100%; min-width:0; padding:8px 12px; border-bottom:1px solid var(--hn-line-soft) }
  .findUserWrap .inputWrap dl dd { padding:10px 12px }
  .findUserWrap .inputWrap dl dd input[type="text"],.findUserWrap .inputWrap dl dd input.small { max-width:none; width:100%; font-size:16px }
  .siiru-userWrap .leaveForm .leave-warn { padding:16px; margin-bottom:16px }
  .siiru-userWrap .leaveForm .leave-desc { font-size:14px; line-height:1.7 }
  .siiru-userWrap .leaveForm .pwCert input[type="password"] { max-width:none; font-size:16px }
  .siiru-userWrap .leaveWrap { padding:28px 18px }
  .siiru-passwdWrap .passwdWrap ul { padding:12px 14px; margin-bottom:16px }
  .siiru-passwdWrap .passwdWrap ul li { font-size:12px; line-height:1.7 }
  .siiru-passwdWrap .passwdWrap dl { flex-direction:column }
  .siiru-passwdWrap .passwdWrap dl dt { width:100%; padding:9px 12px 6px; border-bottom:1px solid var(--hn-line-soft) }
  .siiru-passwdWrap .passwdWrap dl dd { padding:10px 12px }
  .siiru-passwdWrap .passwdWrap dl dd input[type="password"] { max-width:none; font-size:16px; padding:8px 10px }
  .siiru-userWrap .userWrap section#M>.findLayer,.siiru-userWrap .userWrap .myinfo-gate .findLayer { padding:24px 16px }
  .siiru-userWrap .userWrap section#M>.findLayer .inputWrap>h5,.siiru-userWrap .userWrap .myinfo-gate .inputWrap>h5 { font-size:14px }
  .siiru-userWrap .userWrap section#M>.findLayer .pwCert input[type="password"],.siiru-userWrap .userWrap .myinfo-gate .pwCert input[type="password"] { font-size:16px }
  .siiru-userWrap .userWrap dl { flex-direction:column }
  .siiru-userWrap .userWrap dl dt { width:100%; padding:9px 12px 6px; border-bottom:1px solid var(--hn-line-soft) }
  .siiru-userWrap .userWrap dl dd { padding:10px 12px }
  .siiru-userWrap .userWrap dl dd input[type="text"],.siiru-userWrap .userWrap dl dd input[type="password"],.siiru-userWrap .userWrap dl dd select,.siiru-userWrap .userWrap dl dd input.small,.siiru-userWrap .userWrap dl dd input.small2 { width:100%; max-width:none; font-size:16px }
  .siiru-userWrap .userWrap #position { max-width:none; width:100% }
}