/* 정적 페이지 본문 전용 스타일 (cs-prose 안에서 쓰는 콘텐츠 클래스). 공통 클래스는 chongshin.css 에 있다. */

/* ----- 조문(학칙·정관·약관) ----- */
.cs-prose .cs-art{border-left:3px solid var(--cs-line);padding:2px 0 2px 16px;margin:0 0 16px}
.cs-prose .cs-art>p{margin:0 0 .5em}
.cs-prose .cs-art>p:last-child{margin-bottom:0}
.cs-prose .cs-art .cs-scroll{margin:.8em 0 .4em}
.cs-prose .cs-no{display:inline-block;font-family:var(--cs-serif);font-weight:700;color:var(--cs-primary);margin-right:.55em;white-space:nowrap}
html.dark .cs-prose .cs-no{color:var(--cs-accent)}
.cs-prose .cs-ttl{font-weight:700;color:var(--cs-accent-ink);margin-right:.4em}
.cs-prose .cs-art ol,.cs-prose .cs-art ul{margin:.3em 0 .5em}
.cs-prose ul.cs-plain{list-style:none;padding-left:0}
.cs-prose ul.cs-plain>li{padding-left:1.7em;text-indent:-1.7em}
.cs-prose ul.cs-plain>li>*,.cs-prose ol.cs-paren>li>*{text-indent:0}
.cs-prose ul.cs-plain ul.cs-plain,.cs-prose ol ul.cs-plain,.cs-prose ul.cs-plain ol{margin-left:1em}
.cs-prose ol.cs-paren{list-style:none;padding-left:0;counter-reset:cp}
.cs-prose ol.cs-paren>li{counter-increment:cp;padding-left:1.8em;text-indent:-1.8em}
.cs-prose ol.cs-paren>li::before{content:counter(cp) ") ";font-variant-numeric:tabular-nums;color:var(--cs-muted)}
.cs-prose .cs-chap-note{color:var(--cs-muted);font-size:14.5px;margin:-.4em 0 1.2em}
.cs-prose h3.cs-sec{font-size:17px;color:var(--cs-accent-ink);border-left:4px solid var(--cs-accent);padding-left:10px;margin:1.6em 0 .8em}
html.dark .cs-prose h3.cs-sec{color:var(--cs-accent)}

/* ----- 카드·강조 ----- */
.cs-prose .cs-box .cs-k{display:block;font-size:12px;letter-spacing:.16em;color:var(--cs-accent-ink);font-weight:700;margin-bottom:4px}
html.dark .cs-prose .cs-box .cs-k{color:var(--cs-accent)}
.cs-prose .cs-box p+p{margin-top:.5em!important}
.cs-prose .cs-quote{text-align:center;font-family:var(--cs-serif);font-size:clamp(22px,3vw,30px);font-weight:700;color:var(--cs-primary);margin:.6em 0 .3em;line-height:1.5}
html.dark .cs-prose .cs-quote{color:var(--cs-accent)}
.cs-prose .cs-quote-sub{text-align:center;color:var(--cs-muted);margin:0 0 1.2em}
.cs-prose .cs-hero-box{background:var(--cs-soft);border:1px solid var(--cs-line);border-radius:14px;padding:26px 22px;margin:1.2em 0}
.cs-prose .cs-hero-box .cs-quote:first-child{margin-top:0}
.cs-prose .cs-hot{color:#b3261e;font-weight:700}
html.dark .cs-prose .cs-hot{color:#ff8f86}
.cs-prose .cs-num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--cs-primary);color:#fff;font-size:13px;font-weight:700;margin-right:6px;font-family:var(--cs-serif)}
html.dark .cs-prose .cs-num{color:#0f141d}
.cs-prose .cs-chip.l{text-align:left;font-size:16px}
.cs-prose .cs-chip.l small{font-size:13px;letter-spacing:0;line-height:1.6;margin-top:6px}
.cs-prose .cs-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* ----- 조직도 ----- */
.cs-prose .cs-org-grp{display:flex;flex-direction:column;align-items:center;gap:14px;position:relative}
.cs-prose .cs-org-grp>.cs-org-row{padding-top:14px}
.cs-prose .cs-org-wide{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}
.cs-prose .cs-org-link{color:var(--cs-muted);font-size:13px}

/* ----- 학교위치 카드 ----- */
.cs-prose .cs-loc{display:grid;grid-template-columns:auto 1fr;gap:12px 22px;align-items:baseline;background:var(--cs-surface);border:1px solid var(--cs-line);border-radius:14px;padding:26px 28px;box-shadow:var(--cs-shadow);margin:1em 0 1.2em}
.cs-prose .cs-loc dt{font-weight:700;color:var(--cs-primary)}
html.dark .cs-prose .cs-loc dt{color:var(--cs-accent)}
.cs-prose .cs-loc dd{margin:0;font-size:18px}
.cs-prose .cs-loc dd small{font-size:14px;color:var(--cs-muted);margin-left:.4em}
.cs-prose .cs-btns{display:flex;gap:12px;flex-wrap:wrap;margin:1em 0 1.6em}
.cs-prose .cs-btns a{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:99px;font-weight:700;text-decoration:none;border:2px solid transparent;min-height:48px}
.cs-prose .cs-btns a.kakao{background:var(--cs-accent);color:#1b1305}
.cs-prose .cs-btns a.naver{background:var(--cs-primary);color:#fff}
html.dark .cs-prose .cs-btns a.naver{color:#0f141d}
.cs-prose .cs-btns a.ghost{border-color:var(--cs-line);color:var(--cs-primary);background:var(--cs-surface)}
html.dark .cs-prose .cs-btns a.ghost{color:var(--cs-accent)}
.cs-prose .cs-btns a:hover{filter:brightness(1.07)}

/* ----- 표 보조 ----- */
.cs-prose .cs-table td.l{text-align:left}
.cs-prose .cs-table td.nw,.cs-prose .cs-table th.nw{white-space:nowrap}
.cs-prose .cs-table.dense{font-size:13.5px}
.cs-prose .cs-table.dense th,.cs-prose .cs-table.dense td{padding:8px 8px}
.cs-prose .cs-table.wide{min-width:880px}
.cs-prose .cs-table th.g1{background:var(--cs-primary)}
.cs-prose .cs-table th.sub{background:var(--cs-soft);color:var(--cs-primary);font-size:13.5px}
html.dark .cs-prose .cs-table th.sub{background:#111826;color:var(--cs-primary)}
.cs-prose .cs-table td.yr{background:var(--cs-soft)!important;font-weight:700;color:var(--cs-primary);text-align:center}
.cs-prose .cs-table td.cd{text-align:center;font-weight:700;color:var(--cs-primary);white-space:nowrap}
.cs-prose .cs-table td.e{color:var(--cs-muted)}
.cs-prose .cs-table td.cc{text-align:center}
.cs-prose .cs-table td.hot{color:#b3261e}
html.dark .cs-prose .cs-table td.hot{color:#ff8f86}
.cs-prose .cs-note-sm{font-size:14px;color:var(--cs-muted)}

@media (max-width:640px){
  .cs-prose .cs-two{grid-template-columns:1fr}
  .cs-prose .cs-loc{grid-template-columns:1fr;gap:2px 0;padding:20px}
  .cs-prose .cs-loc dd{margin-bottom:10px}
  .cs-prose .cs-btns a{flex:1 1 100%}
  .cs-prose .cs-lead{font-size:17px}
}
.cs-prose .cs-box ul{margin:.5em 0 0;padding-left:1.2em;font-size:15px}
.cs-prose .cs-box li{margin:.2em 0}
.cs-prose .cs-box ul ul{margin:.2em 0 .3em;font-size:14px}
.cs-prose .cs-box a{color:var(--cs-primary)}
html.dark .cs-prose .cs-box a{color:var(--cs-accent)}

/* ----- 표 머리글: html-content 의 Tailwind 표 규칙보다 우선 ----- */
.cs-prose .cs-table th{background:var(--cs-primary);color:#fff;padding:12px 14px;text-align:center;border:1px solid rgba(255,255,255,.18)}
html.dark .cs-prose .cs-table th{background:#0a0f18;color:var(--cs-primary);border-color:var(--cs-line)}
.cs-prose .cs-table th.sub{background:var(--cs-soft);color:var(--cs-primary);border-color:var(--cs-line)}
html.dark .cs-prose .cs-table th.sub{background:#111826}
.cs-prose .cs-table.dense th,.cs-prose .cs-table.dense td{padding:8px 8px}
.cs-prose .cs-table td{padding:11px 14px;border:1px solid var(--cs-line)}
.cs-prose .cs-table.dense td{padding:8px 8px}
.cs-prose .cs-table tbody tr:hover td{background:var(--cs-soft)}
.cs-prose .cs-table td.yr{background:var(--cs-soft)}
.cs-prose .cs-table tbody tr:nth-child(even) td.yr{background:var(--cs-soft)}

/* ----- 조직도 상단 배치 ----- */
.cs-prose .cs-org-top{display:grid;grid-template-columns:repeat(3,auto);gap:22px;justify-content:center;align-items:start;margin-top:4px}
.cs-prose .cs-org-top .cs-org-node.sm{min-width:64px;padding:8px 12px;font-size:13.5px}
@media (max-width:760px){.cs-prose .cs-org-top{grid-template-columns:1fr;justify-items:center}}
.cs-prose .cs-scroll table{margin:0!important}
.cs-prose .cs-scroll table th,.cs-prose .cs-scroll table td{margin:0}
.cs-prose .cs-org-top .cs-org-row::before{display:none}
.cs-prose .cs-org-top .cs-org-grp>.cs-org-node{position:relative}
.cs-prose .cs-org-top .cs-org-grp>.cs-org-node::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:14px;background:var(--cs-accent)}
.cs-prose .cs-table td.yr,.cs-prose .cs-table td.cc{white-space:nowrap}
.cs-prose .cs-art .cs-table td:first-child{white-space:nowrap}
.cs-prose .cs-table td.c{white-space:nowrap}