/* ══════════════════════════════════════════════════════════════
   education.html v3 — 학급 모집 개편 (2026-09-28)
   참고: 학교 공유용 학급참여제안 PPT(19쪽) + 씨네아동권리학교 구성
   (소개 → 대상별 교육자료 → 진행 방식 → 신청 안내 → 유의사항)
   이 파일만 지우면 기존 education-renewal.css 모습으로 돌아갑니다.
   ══════════════════════════════════════════════════════════════ */
.edu-v3{--ink:#241B12;--paper:#F4EEE8;--cream:#FFFAF3;--deep:#A8431A;--or:#D4642F;--muted:#61564b;--line:#c9bfb3;--yel:#f8e5a1}
.edu-v3 .edu-section{position:relative}
.koma-unified .edu-v3 .edu-section{padding-top:clamp(48px,7vw,84px);padding-bottom:clamp(48px,7vw,84px);border-bottom:1.5px solid var(--ink)}
.edu-v3 h2{font-size:clamp(1.75rem,3.4vw,2.7rem);line-height:1.22;letter-spacing:-.04em;margin:0 0 18px;word-break:keep-all}
.edu-v3 h3{word-break:keep-all}
.edu-v3 .fest-kicker{font-family:"IBM Plex Mono","Pretendard",monospace;font-size:.8rem;letter-spacing:.04em;margin:0 0 12px;color:var(--deep)}
.edu-v3 .ev-no{position:absolute;top:clamp(40px,6.5vw,76px);right:0;margin:0;font:600 clamp(2.4rem,6vw,4.6rem)/1 "IBM Plex Mono",monospace;color:transparent;-webkit-text-stroke:1.5px var(--ink);opacity:.55;pointer-events:none}
.edu-v3 .ev-sub{font-size:1.05rem;color:var(--muted);max-width:60ch;margin:0 0 28px}
.edu-v3 .ev-tag{display:inline-block;margin:0 0 10px;padding:3px 8px;border:1.5px solid var(--ink);border-radius:2px;font:600 .74rem "IBM Plex Mono","Pretendard",monospace;letter-spacing:.04em;background:var(--paper)}
.edu-v3 .ev-callout{border:1.5px solid var(--ink);border-left:6px solid var(--or);background:var(--cream);padding:18px 22px;margin:0;font-weight:650}

/* ── 히어로 ── */
/* Application CTAs retain brand orange, including legacy hover/wash states. */
.koma-unified .edu-v3 .btn2[data-ov="ovEdu"],
.koma-unified #ovEdu #eduSubmit{background:#D4642F!important;color:#241B12!important;border:2px solid #241B12;border-radius:2px;min-height:48px;font-weight:750;box-shadow:3px 3px 0 #241B12;transform:none!important;filter:none!important}
.koma-unified .edu-v3 .btn2[data-ov="ovEdu"]:hover,
.koma-unified #ovEdu #eduSubmit:hover{background:#E57A45!important;color:#241B12!important;box-shadow:3px 3px 0 #241B12}
.koma-unified .edu-v3 .btn2[data-ov="ovEdu"]:focus-visible,
.koma-unified #ovEdu #eduSubmit:focus-visible{outline:3px solid #241B12;outline-offset:4px}
.koma-unified #ovEdu #eduSubmit:disabled{opacity:.6;cursor:wait;box-shadow:none}
.edu-v3 .ev-hero h1.h-display{font-size:clamp(2.2rem,5vw,4rem);line-height:1.12;letter-spacing:-.045em;margin:6px 0 18px}
.edu-v3 .ev-lead{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.7;margin:0 0 26px}
.edu-v3 .ev-lead strong{color:var(--deep)}
.edu-v3 .ev-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 26px;border-top:1.5px solid var(--ink)}
.edu-v3 .ev-facts>div{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:12px 12px 12px 0;border-bottom:1.5px solid var(--ink)}
.edu-v3 .ev-facts>div:nth-child(odd){border-right:1.5px solid var(--ink)}
.edu-v3 .ev-facts>div:nth-child(even){padding-left:14px}
.edu-v3 .ev-facts dt{font:600 .76rem/1.6 "IBM Plex Mono","Pretendard",monospace;color:var(--deep)}
.edu-v3 .ev-facts dd{margin:0;font-weight:700;font-size:.96rem;line-height:1.5;word-break:keep-all}
.edu-v3 .ev-facts small{font-weight:500;color:var(--muted)}
.edu-v3 .btn2.line{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--ink)}

/* ── 01 소개 ── */
.edu-v3 .ev-about-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start;margin-top:8px}
.edu-v3 .ev-big{font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.6;font-weight:600;margin:0 0 16px}
.edu-v3 .ev-chain{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:var(--cream)}
.edu-v3 .ev-chain li{padding:22px 12px;text-align:center;border-right:1.5px solid var(--ink);position:relative}
.edu-v3 .ev-chain li:last-child{border-right:0}
.edu-v3 .ev-chain li:not(:last-child)::after{content:"→";position:absolute;right:-.62em;top:50%;transform:translateY(-50%);background:var(--cream);font:600 .95rem "IBM Plex Mono",monospace;padding:0 2px;z-index:1}
.edu-v3 .ev-chain b{display:block;font:700 clamp(1.3rem,2.2vw,1.8rem)/1.1 "IBM Plex Mono","Pretendard",monospace;margin-bottom:8px}
.edu-v3 .ev-chain span{font-size:.82rem;color:var(--muted);word-break:keep-all}
.edu-v3 .ev-chain .is-end{background:var(--or);color:#fff}
.edu-v3 .ev-chain .is-end span{color:#fff}

/* ── 02 통계 ── */
.edu-v3 .ev-stats{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.edu-v3 .ev-stats li{border:1.5px solid var(--ink);border-radius:2px;background:var(--cream);padding:22px 20px;display:flex;flex-direction:column;gap:10px}
.edu-v3 .ev-stats b{font:700 clamp(2rem,3.6vw,2.8rem)/1 "IBM Plex Mono","Pretendard",monospace;color:var(--ink)}
.edu-v3 .ev-stats b small{font-size:.45em;margin-left:3px}
.edu-v3 .ev-stats span{font-weight:650;line-height:1.55;word-break:keep-all}
.edu-v3 .ev-stats cite{font-style:normal;font-size:.76rem;color:var(--muted);margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.edu-v3 .ev-stats .is-key{background:var(--or);color:#fff;box-shadow:5px 5px 0 var(--ink)}
.edu-v3 .ev-stats .is-key b,.edu-v3 .ev-stats .is-key cite{color:#fff}
.edu-v3 .ev-stats .is-key cite{border-top-color:rgba(255,255,255,.5)}
.edu-v3 .ev-proposal{margin:0;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:700;line-height:1.5}
.edu-v3 .ev-proposal span{display:inline-block;margin-right:12px;padding:3px 8px;background:var(--ink);color:var(--paper);font:600 .74rem "IBM Plex Mono",monospace;vertical-align:.3em}
.edu-v3 .ev-proposal strong{color:var(--deep)}

/* ── 03 카드 3 ── */
.edu-v3 .ev-cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1.5px solid var(--ink);margin-top:8px}
.edu-v3 .ev-cards3 article{padding:26px 22px;border-right:1.5px solid var(--ink);background:var(--cream)}
.edu-v3 .ev-cards3 article:last-child{border-right:0}
.edu-v3 .ev-cards3 h3{font-size:1.25rem;margin:4px 0 8px}
.edu-v3 .ev-cards3 p:last-child{margin:0;color:var(--muted)}

/* ── 04 부문별 ── */
.edu-v3 .edu-level-options{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.edu-v3 .edu-level-option{border:1.5px solid var(--ink)!important;border-radius:2px!important;background:var(--cream)!important;padding:24px!important;box-shadow:5px 5px 0 var(--ink)!important;display:flex;flex-direction:column}
.edu-v3 .ev-level-line{margin:4px 0 16px;font-weight:650;color:var(--deep)}
.edu-v3 .ev-spec{margin:18px 0 20px;border-top:1.5px solid var(--ink)}
.edu-v3 .ev-spec>div{display:grid;grid-template-columns:78px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.edu-v3 .ev-spec dt{font:600 .76rem/1.7 "IBM Plex Mono","Pretendard",monospace;color:var(--deep)}
.edu-v3 .ev-spec dd{margin:0;font-size:.92rem;line-height:1.65;word-break:keep-all}
.edu-v3 .edu-level-option>.btn2{margin-top:auto;width:100%}

/* ── 05 흐름 ── */
.edu-v3 .ev-flow-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,64px);align-items:start}
.edu-v3 .ev-periods{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}
.edu-v3 .ev-periods li{padding:22px 0;border-bottom:1.5px solid var(--ink)}
.edu-v3 .ev-time{font:600 .8rem "IBM Plex Mono","Pretendard",monospace;color:var(--deep)}
.edu-v3 .ev-periods h3{font-size:1.3rem;margin:6px 0}
.edu-v3 .ev-periods p{margin:0;color:var(--muted)}
.edu-v3 .ev-workbook{margin:0;border:1.5px solid var(--ink);background:var(--cream);box-shadow:5px 5px 0 var(--ink)}
.edu-v3 .ev-workbook img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;object-position:top;border-bottom:1.5px solid var(--ink);background:#fff}
.edu-v3 .ev-workbook figcaption{padding:18px 20px}
.edu-v3 .ev-q{font-size:1.1rem;font-weight:750;line-height:1.55;margin:0 0 10px}
.edu-v3 .ev-workbook figcaption p:last-child{margin:0;font-size:.9rem;color:var(--muted)}

/* ── 06 접근 ── */
.edu-v3 .ev-access{background:var(--yel)}
.edu-v3 .ev-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.edu-v3 .ev-access-grid>p:first-child{font-size:1.08rem;margin:0}

/* ── 07 자료·방식 ── */
.edu-v3 .ev-kit{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1.5px solid var(--ink)}
.edu-v3 .ev-kit li{padding:18px 20px;border-right:1.5px solid var(--ink)}
.edu-v3 .ev-kit li:last-child{border-right:0}
.edu-v3 .ev-kit b{display:block;font-size:1.1rem;margin-bottom:4px}
.edu-v3 .ev-kit span{font-size:.88rem;color:var(--muted)}
.edu-v3 .ev-compare article{border:1.5px solid var(--ink)!important;background:var(--cream);display:flex;flex-direction:column}
.edu-v3 .ev-compare article:nth-child(2){background:#dcece5}
.edu-v3 .ev-compare h3{margin-top:0}
.edu-v3 .ev-price{margin:auto 0 0;padding-top:14px;border-top:1.5px solid var(--ink);font:700 1.15rem "IBM Plex Mono","Pretendard",monospace}
.edu-v3 .ev-price small{font:500 .78rem "Pretendard",sans-serif;color:var(--muted)}

/* ── 08·10 단계 ── */
.edu-v3 .ev-steps{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.edu-v3 .ev-steps li{border:1.5px solid var(--ink);border-radius:2px;background:var(--cream);padding:20px}
.edu-v3 .ev-steps li>span{display:inline-block;font:700 .82rem "IBM Plex Mono",monospace;background:var(--ink);color:var(--paper);padding:2px 8px;border-radius:2px}
.edu-v3 .ev-steps h3{font-size:1.15rem;margin:12px 0 6px}
.edu-v3 .ev-steps p{margin:0 0 8px;font-size:.93rem;color:var(--muted)}
.edu-v3 .ev-steps a{font-weight:750}
.edu-v3 .ev-vote{background:var(--paper)}

/* ── 09 비용 ── */
.edu-v3 .ev-cost-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink);margin-bottom:16px}
.edu-v3 .ev-cost-total{background:var(--or);color:#fff;padding:26px 26px 20px}
.edu-v3 .ev-cost-total p{margin:0 0 14px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1.5px solid rgba(255,255,255,.6);padding-bottom:12px}
.edu-v3 .ev-cost-total span{font-weight:700}
.edu-v3 .ev-cost-total b{font:700 clamp(1.5rem,2.8vw,2.1rem) "IBM Plex Mono","Pretendard",monospace}
.edu-v3 .ev-cost-total .edu-note{display:block;border:0;color:#fff;margin:0;padding:0;font-size:.84rem}
.edu-v3 .ev-cost-table{width:100%;border-collapse:collapse;background:var(--cream)}
.edu-v3 .ev-cost-table th,.edu-v3 .ev-cost-table td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--line);font-size:.95rem;vertical-align:top;word-break:keep-all}
.edu-v3 .ev-cost-table tr:last-child>*{border-bottom:0}
.edu-v3 .ev-cost-table th{font-weight:700;width:42%}

/* ── 10 신청 안내 ── */
.edu-v3 .ev-guide{background:var(--cream)}
.edu-v3 .ev-guide-list{margin:8px 0 28px;border-top:1.5px solid var(--ink)}
.edu-v3 .ev-guide-list>div{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.edu-v3 .ev-guide-list dt{font:600 .82rem/1.7 "IBM Plex Mono","Pretendard",monospace;color:var(--deep)}
.edu-v3 .ev-guide-list dd{margin:0;font-weight:600;line-height:1.65;word-break:keep-all}
.edu-v3 .ev-guide-list strong{color:var(--deep)}
.edu-v3 .ev-apply-steps li{background:#fff}
.edu-v3 .ev-notice{border:1.5px solid var(--ink);background:#fff;margin-top:24px}
.edu-v3 .ev-notice summary{padding:14px 20px;min-height:44px;box-sizing:border-box;font-weight:750;cursor:pointer;border-bottom:1.5px solid var(--ink);background:var(--paper)}
.edu-v3 .ev-notice ol{margin:0;padding:18px 20px 18px 40px}
.edu-v3 .ev-notice li{line-height:1.75;margin-bottom:6px;word-break:keep-all}

/* ── 11 사람들 ── */
.edu-v3 .ev-people-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start}
.edu-v3 .ev-people-grid figure{margin:0;border:1.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:var(--cream)}
.edu-v3 .ev-people-grid figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-bottom:1.5px solid var(--ink)}
.edu-v3 .ev-people-grid figcaption{padding:10px 14px;font-size:.84rem;color:var(--muted)}
.edu-v3 .ev-people-grid article{border-top:1.5px solid var(--ink);padding:16px 0}
.edu-v3 .ev-people-grid article h3{font-size:1.25rem;margin:0 0 6px}
.edu-v3 .ev-people-grid article h3 span{font:600 .78rem "IBM Plex Mono","Pretendard",monospace;color:var(--deep);margin-left:8px}
.edu-v3 .ev-people-grid article p{margin:0;color:var(--muted)}
.edu-v3 .ev-people-grid .ev-callout{margin-top:12px;font-size:.95rem}

/* ── 마무리 ── */
.edu-v3 .ev-end h2{font-size:clamp(1.9rem,4vw,3.1rem)}
.edu-v3 .ev-fest{margin:28px 0 14px;border:1.5px solid var(--ink);background:var(--cream);padding:18px 22px}
.edu-v3 .ev-fest p{margin:0}
.edu-v3 .ev-fest b{display:block;font-size:1.1rem;margin-bottom:6px}

/* ── 고대비 모드 ── */
html[data-mode="clear"] .edu-v3 :is(.ev-chain,.ev-stats li,.ev-cards3,.edu-level-option,.ev-workbook,.ev-kit,.ev-steps li,.ev-cost-grid,.ev-notice,.ev-people-grid figure,.ev-fest,.ev-callout){border-width:2px;border-color:#000}
html[data-mode="clear"] .edu-v3 .ev-no{display:none}

/* ── 반응형 ── */
@media(max-width:900px){
  .edu-v3 .ev-about-grid,.edu-v3 .ev-flow-grid,.edu-v3 .ev-people-grid,.edu-v3 .ev-access-grid{grid-template-columns:1fr}
  .edu-v3 .edu-level-options{grid-template-columns:1fr}
  .edu-v3 .ev-cost-grid{grid-template-columns:1fr}
  .edu-v3 .ev-workbook{max-width:460px}
}
@media(max-width:700px){
  .edu-v3 .ev-stats,.edu-v3 .ev-steps,.edu-v3 .ev-cards3,.edu-v3 .ev-kit{grid-template-columns:1fr}
  .edu-v3 .ev-cards3 article,.edu-v3 .ev-kit li{border-right:0;border-bottom:1.5px solid var(--ink)}
  .edu-v3 .ev-cards3 article:last-child,.edu-v3 .ev-kit li:last-child{border-bottom:0}
  .edu-v3 .ev-chain{grid-template-columns:repeat(2,minmax(0,1fr))}
  .edu-v3 .ev-chain li:nth-child(2){border-right:0}
  .edu-v3 .ev-chain li:nth-child(-n+2){border-bottom:1.5px solid var(--ink)}
  .edu-v3 .ev-chain li:nth-child(2)::after{display:none}
  .edu-v3 .ev-guide-list>div{grid-template-columns:1fr;gap:2px}
  .edu-v3 .ev-facts{grid-template-columns:1fr}
  .edu-v3 .ev-facts>div:nth-child(odd){border-right:0}
  .edu-v3 .ev-facts>div:nth-child(even){padding-left:0}
  .edu-v3 .ev-no{font-size:2.2rem;top:36px}
  .edu-v3 .ev-cost-table th{width:auto;display:block;padding-bottom:2px;border-bottom:0}
  .edu-v3 .ev-cost-table td{display:block;padding-top:0}
  .edu-v3 .edu-actions .btn2{flex:1 1 100%}
}

/* ── 히어로 포스터 (2026-09-28 수정) ── */
.edu-v3 .ev-poster{margin:0;align-self:start;border:1.5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#C8612F;max-width:420px;width:100%;justify-self:center}
.edu-v3 .ev-poster img{display:block;width:100%;height:auto}
@media(max-width:900px){.edu-v3 .ev-poster{max-width:320px;order:2;margin-top:8px}}
.edu-v3 .ev-def{display:inline-block;margin:0 0 18px;padding:12px 16px;border:1.5px solid var(--ink);border-left:6px solid var(--or);background:var(--cream);font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.55;font-weight:650;word-break:keep-all}
.edu-v3 .ev-def strong{display:inline-block;margin-top:2px;font-size:1.12em;color:var(--deep)}
/* 구 03·05 합침 — 수업 흐름 아래 '수업에서 만나고 싶은 모습' */
.edu-v3 .ev-sdt-block{margin-top:clamp(36px,5vw,56px)}
.edu-v3 .ev-subhead{font-size:clamp(1.1rem,1.6vw,1.3rem);margin:0 0 14px;padding-top:14px;border-top:1.5px solid var(--ink);word-break:keep-all}