/* 오클랜드 교육문화원 — 남색 방패 · 고사리 초록 · 오클랜드의 하루 */
/* 보조(새 글 글자) 먼저, 기본을 나중에 — 기본에 없는 글자만 보조를 받음 */
@font-face{font-family:"Gowun";src:url(/f/gowun-700-x.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Pretendard";src:url(/f/pretendard-x.woff2) format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:"Gowun";src:url(/f/gowun-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Gowun";src:url(/f/gowun-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Pretendard";src:url(/f/pretendard.woff2) format("woff2");font-weight:300 800;font-display:swap}
:root{
  --navy:#00204C;--navy-2:#001233;--navy-3:#0B2E63;--fern:#50A828;--fern-ink:#2E7D22;--fern-2:#E7F3DF;
  --sand:#F6F2EA;--sand-2:#ECE5D8;--sky:#EAF1F8;--white:#fff;
  --ink:#0E1A2B;--ink-2:#4A5568;--ink-3:#7B8696;--line:#DCD5C7;
  --serif:"Gowun","Noto Serif KR",serif;--sans:"Pretendard",-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --wrap:1320px;--gut:clamp(16px,4vw,48px);--hd:76px;--bar:44px;--ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:calc(var(--hd) + 16px)}
body{margin:0;background:var(--sand);color:var(--ink);font:400 17px/1.75 var(--sans);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:700;line-height:1.22}
p{margin:0}ul,ol{margin:0;padding:0;list-style:none}
input,select,textarea,button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--fern);outline-offset:3px}
.wrap{max-width:calc(var(--wrap) + var(--gut)*2);margin:0 auto;padding:0 var(--gut)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--fern-ink);color:#fff;padding:10px 16px;font-weight:700}
.skip:focus{top:12px}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font:700 12.5px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--fern-ink)}
.eyebrow::before{content:"";width:28px;height:1.5px;background:currentColor}
.on-dark .eyebrow,.dark .eyebrow{color:#9DD67E}
.h2{font-size:clamp(32px,4.2vw,58px);letter-spacing:-.035em}
.h2 em{font-style:normal;color:var(--fern-ink)}
.dark .h2 em{color:#9DD67E}
.lead{font-size:clamp(16.5px,1.3vw,18.5px);color:var(--ink-2);line-height:1.85}
.dark{background:var(--navy);color:#EEF2F8}
.dark .lead{color:#B7C3D6}
/* 버튼 — 방패 모서리처럼 살짝 둥글게(6px) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:6px;font:700 16px/1 var(--sans);border:1.5px solid transparent;cursor:pointer;transition:background .2s,color .2s,transform .2s var(--ease),border-color .2s}
.btn svg{width:18px;height:18px}
.btn-fern{background:var(--fern-ink);color:#fff}
.btn-fern:hover{background:#25691B;transform:translateY(-2px)}
.btn-glass{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.45);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.btn-glass:hover{background:#fff;color:var(--navy)}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{background:var(--navy-3)}
.btn-line{border-color:var(--navy);color:var(--navy)}
.btn-line:hover{background:var(--navy);color:#fff}

/* 알림 띠 */
.notice-bar{position:relative;z-index:60;background:var(--fern-ink);color:#fff;font-size:14.5px}
.notice-bar a{display:flex;align-items:center;justify-content:center;gap:12px;height:var(--bar);padding:0 var(--gut);text-align:center;line-height:1.3;white-space:nowrap;overflow:hidden}
.nb-s{display:none}
.notice-bar b{display:inline-block;padding:2px 10px;border-radius:999px;background:#fff;color:var(--fern-ink);font-size:12.5px;white-space:nowrap}
.notice-bar u{text-underline-offset:3px}

/* 머리 */
.hd{position:absolute;left:0;right:0;top:var(--bar);z-index:50;color:#fff;transition:background .3s,box-shadow .3s,color .3s}
.hd.is-fixed{position:fixed;top:0;background:rgba(0,18,51,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.hd .wrap{display:flex;align-items:center;gap:20px;height:var(--hd)}
.brand{display:flex;align-items:center;gap:12px;min-height:44px;flex:none}
.brand img{height:46px;width:auto}
.brand b{display:block;font:700 19px/1.15 var(--serif);letter-spacing:-.02em}
.brand small{display:block;font:600 10.5px/1.2 var(--sans);letter-spacing:.1em;opacity:.75;margin-top:3px}
.gnb{margin-left:auto;display:flex;align-items:center}
.gnb>li{position:relative}
.gnb>li>a{display:flex;align-items:center;gap:4px;height:var(--hd);padding:0 13px;font-weight:600;font-size:15.5px;white-space:nowrap;opacity:.92}
.gnb>li>a:hover{opacity:1}
.gnb .sub{position:absolute;left:0;top:calc(var(--hd) - 10px);min-width:220px;background:#fff;color:var(--ink);border-radius:10px;padding:8px;box-shadow:0 24px 50px -20px rgba(0,18,51,.45);opacity:0;visibility:hidden;transform:translateY(6px);transition:all .22s var(--ease)}
.gnb>li:hover .sub,.gnb>li:focus-within .sub{opacity:1;visibility:visible;transform:none}
.gnb .sub a{display:block;padding:11px 14px;border-radius:6px;font-size:15px}
.gnb .sub a:hover{background:var(--sky);color:var(--navy)}
.hd-act{display:flex;align-items:center;gap:8px;flex:none}
.hd-act .lk{font-weight:600;font-size:14.5px;padding:0 10px;min-height:44px;display:flex;align-items:center;opacity:.9}
.hd-act .btn{min-height:44px;padding:0 18px;font-size:15px}
.menu-btn{display:none;width:48px;height:48px;margin-right:-10px;background:none;border:0;color:inherit;cursor:pointer;align-items:center;justify-content:center}
.menu-btn i,.menu-btn i::before,.menu-btn i::after{display:block;width:24px;height:2px;background:currentColor;position:relative;content:""}
.menu-btn i::before{position:absolute;top:-7px}.menu-btn i::after{position:absolute;top:7px}

/* ── 히어로 — 서울에서 오클랜드로 · 지금 아이의 하루 ── */
.hero{position:relative;height:100vh;height:100svh;min-height:780px;overflow:hidden;color:#fff;background:var(--navy-2)}
.hbg{position:absolute;inset:-3%;transform:translate3d(var(--mx,0px),var(--my,0px),0);transition:transform .8s var(--ease)}
.hbg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.8s var(--ease)}
.hbg img.is-on{opacity:1}
html.motion .hbg img{animation:kb 16s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.1) translate(-1.5%,-1%)}}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,18,51,.92) 0%,rgba(0,18,51,.72) 42%,rgba(0,18,51,.35) 72%,rgba(0,18,51,.55) 100%),linear-gradient(0deg,rgba(0,18,51,.85) 0%,rgba(0,18,51,0) 40%)}
.hero-in{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,430px);gap:clamp(32px,5vw,96px);align-items:center;padding-top:calc(var(--bar) + var(--hd) + 20px);padding-bottom:40px}
.hero-copy{max-width:640px}
.hero h1{font-size:clamp(40px,5.2vw,80px);letter-spacing:-.04em;line-height:1.14;margin:22px 0 24px;text-shadow:0 10px 40px rgba(0,0,0,.25)}
.hero h1 em{font-style:normal;color:#A6DD84}
.hero .lead{color:#D5DEEA;max-width:30em}
.hero .eyebrow{color:#A6DD84}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(166,221,132,0)}100%{box-shadow:0 0 0 0 rgba(166,221,132,0)}}
/* 항로 칩 */
.route-chip{display:flex;width:max-content;max-width:100%;align-items:center;gap:10px;margin:0 0 26px;padding:11px 18px;border-radius:999px;background:rgba(0,18,51,.55);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:600 13.5px/1 var(--sans);color:#C8D3E3;flex-wrap:wrap}
.route-chip>b{font:800 14px/1 var(--sans);color:#fff;letter-spacing:.1em}
.route-chip .km b{display:inline-block;min-width:3.4em;text-align:right;color:#A6DD84;font:700 17px/1 var(--serif);font-variant-numeric:tabular-nums;margin-right:2px}
.rc-line{position:relative;width:34px;height:0;border-top:1.5px dashed rgba(255,255,255,.4)}
/* 비행선 */
.flight{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.flight path{fill:none}
.flight .ghost{stroke:rgba(255,255,255,.28);stroke-width:1.5;stroke-dasharray:2 9}
.flight .trail{stroke:#A6DD84;stroke-width:2.2;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(166,221,132,.7))}
.flight .plane{filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}
.flight .plane path{fill:#fff;stroke:none}
.flight .trail,.flight .plane{opacity:0}
/* 지금 오클랜드 — 카드 묶음 */
.live{position:relative;z-index:4}
.live-hd{display:flex;align-items:center;gap:16px;margin-bottom:20px;font:600 13px/1 var(--sans);color:#C8D3E3;flex-wrap:wrap}
.live-hd b{font:700 21px/1 var(--serif);color:#fff;margin-left:5px;font-variant-numeric:tabular-nums}
.lv{display:inline-flex;gap:8px;align-items:center;color:#A6DD84;letter-spacing:.16em;font-weight:800;font-size:11.5px}
.lv i,.now-b i{width:8px;height:8px;border-radius:50%;background:#A6DD84;animation:pulse 2s infinite}
.akl-pin{margin-left:auto;padding:7px 11px;border-radius:6px;background:#A6DD84;color:var(--navy);font:800 12px/1 var(--sans);letter-spacing:.12em}
.akl-pin.land{animation:land .9s var(--ease)}
@keyframes land{0%{transform:scale(1)}35%{transform:scale(1.25);box-shadow:0 0 0 10px rgba(166,221,132,.25)}100%{transform:scale(1)}}
.stack{position:relative;height:min(52vh,500px);perspective:1200px;outline:none}
.stack:focus-visible{outline:2px solid #A6DD84;outline-offset:10px;border-radius:20px}
.hc{position:absolute;inset:0;margin:0;border-radius:18px;overflow:hidden;background:#0b1830;box-shadow:0 40px 80px -30px rgba(0,0,0,.75);transform-origin:50% 100%;transition:transform .6s var(--ease),opacity .45s var(--ease);will-change:transform;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.hc:not(.is-top){pointer-events:none}
.hc.is-top{cursor:grab}.hc.is-top:active{cursor:grabbing}
.stack:not(.ready) .hc:not(.is-top){opacity:0}
.hc img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.hc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,18,51,0) 40%,rgba(0,18,51,.92))}
.hc figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px 26px;display:grid;gap:7px}
.hc .ct{font:700 12.5px/1 var(--sans);letter-spacing:.1em;color:#A6DD84}
.hc .ct time{font-variant-numeric:tabular-nums}
.hc figcaption b{font:700 clamp(22px,2vw,28px)/1.25 var(--serif);letter-spacing:-.02em}
.hc .d{font-size:14.5px;color:#D5DEEA;line-height:1.55}
.now-b{position:absolute;top:16px;left:16px;z-index:2;display:none;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(0,18,51,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:700 12.5px/1 var(--sans);font-style:normal;color:#fff}
.hc.is-now .now-b{display:inline-flex}
.live-ctl{display:flex;align-items:center;gap:12px;margin-top:22px}
.live-ctl>button{flex:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,18,51,.45);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s,border-color .2s,color .2s}
.live-ctl>button:hover{background:#A6DD84;border-color:#A6DD84;color:var(--navy)}
.live-ctl>button svg{width:18px;height:18px}
.live-ctl .pv svg{transform:scaleX(-1)}
.dots{flex:1;display:flex;gap:5px}
.dots button{flex:1;position:relative;height:44px;background:none;border:0;padding:0;cursor:pointer}
.dots button span{position:absolute;left:50%;top:-6px;transform:translateX(-50%);white-space:nowrap;font:600 11px/1 var(--sans);color:#C8D3E3;opacity:0;transition:opacity .2s}
.dots button:hover span,.dots button[aria-current] span{opacity:1}
.dots button::before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;border-radius:2px;background:rgba(255,255,255,.25);transition:background .2s}
.dots button[aria-current]::before{background:#fff}
.dots button.is-now::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#A6DD84;box-shadow:0 0 0 4px rgba(166,221,132,.25)}
.swipe{margin-top:2px;font-size:12.5px;color:#8FA0B8}


.next{padding:120px 0;background:var(--sand)}
html.motion .rv{opacity:0;transform:translateY(24px);transition:opacity .45s var(--ease),transform .45s var(--ease);transition-delay:calc(var(--d,0)*70ms)}
html.motion .rv.is-in{opacity:1;transform:none}

@media (max-width:1180px){.gnb>li>a{padding:0 9px;font-size:14.5px}.hd-act .lk{display:none}}
@media (max-width:1024px){
  :root{--hd:64px}
  .gnb,.hd-act .lk{display:none}
  .hd-act{margin-left:auto}
  .menu-btn{display:flex}
  .brand img{height:38px}.brand b{font-size:16.5px}.brand small{display:none}
  .hero{height:auto;min-height:0}
  .hero-in{grid-template-columns:1fr;gap:34px;padding-top:calc(var(--bar) + var(--hd) + 26px);padding-bottom:36px}
  .flight{display:none}
  .stack{height:380px;max-width:460px}
  .live{max-width:460px}
  .hero h1{font-size:clamp(34px,9.4vw,52px);margin:14px 0 14px}
  .hero .lead{font-size:15px;line-height:1.7}
  .hero-cta{margin-top:18px}
  .hero-cta .btn{min-height:48px;padding:0 18px;font-size:15px}
  .route-chip{margin-bottom:18px}
}
@media (max-width:560px){
  :root{--bar:40px}
  .notice-bar{font-size:13px}
  .notice-bar a{gap:8px}
  .nb-l{display:none}.nb-s{display:inline}
  .hero-cta .btn:nth-child(2){display:none}
  .stack{height:340px}
  .hc figcaption{padding:20px}
  .live-hd{gap:12px}.live-hd b{font-size:18px}
  .route-chip{gap:8px;padding:10px 14px;font-size:12.5px}.rc-line{width:18px}
}



/* ───────── 공통 섹션 ───────── */
.sec{padding:clamp(96px,10vw,150px) 0}
.sh{display:grid;gap:18px;margin-bottom:56px;max-width:46em}
.sand2{background:var(--sand-2)}.skyb{background:var(--sky)}.white{background:#fff}
.navy2{background:var(--navy-2);color:#EEF2F8}.navy2 .lead{color:#B7C3D6}.navy2 .eyebrow{color:#9DD67E}
.arrow{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;color:var(--fern-ink)}
.arrow svg{width:18px;height:18px;transition:transform .2s}
.arrow:hover svg{transform:translateX(4px)}
.dark .arrow,.navy2 .arrow{color:#A6DD84}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14.5px;font-weight:600}
.dark .chips span,.navy2 .chips span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#E6ECF4}
.ph{margin:0;overflow:hidden;border-radius:10px;position:relative}
.ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.ph:hover img{transform:scale(1.04)}

/* 겨울 프로그램 — 탑승권처럼 절취선 */
.win-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(28px,4vw,64px);align-items:end;margin-bottom:48px}
.win-grid>*{min-width:0}
.tickets{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tk{position:relative;background:#fff;border-radius:14px;box-shadow:0 30px 60px -40px rgba(0,32,76,.45);display:flex;flex-direction:column;overflow:hidden;border:1px solid #E7E1D4}
.tk-top{padding:26px 26px 20px;display:grid;gap:8px}
.tk-tag{display:inline-flex;justify-self:start;padding:5px 10px;border-radius:999px;background:var(--fern-2);color:var(--fern-ink);font:700 12.5px/1 var(--sans)}
.tk h3{font-size:25px;letter-spacing:-.03em}
.tk-top p{color:var(--ink-2);font-size:15px;line-height:1.6}
.tk-cut{position:relative;height:0;border-top:2px dashed #D9D2C3;margin:0 18px}
.tk-cut::before,.tk-cut::after{content:"";position:absolute;top:-13px;width:24px;height:24px;border-radius:50%;background:var(--sand)}
.tk-cut::before{left:-31px}.tk-cut::after{right:-31px}
.tk-price{padding:20px 26px 26px;display:grid;gap:4px;margin-top:auto}
.tk-price small{font-size:13px;color:var(--ink-3);font-weight:600;letter-spacing:.04em}
.tk-price b{font:700 40px/1 var(--serif);letter-spacing:-.03em;color:var(--navy)}
.tk-price b span+span{font-size:18px;margin-left:2px}
.tk-price em{font-style:normal;font-size:14.5px;color:var(--fern-ink);font-weight:700}
.tk.hl{background:var(--navy);color:#fff;border-color:var(--navy)}
.tk.hl .tk-top p{color:#B7C3D6}.tk.hl .tk-price b{color:#fff}.tk.hl .tk-price em{color:#A6DD84}.tk.hl .tk-tag{background:rgba(166,221,132,.18);color:#A6DD84}.tk.hl .tk-price small{color:#B7C3D6}
.tk.hl .tk-cut{border-color:rgba(255,255,255,.25)}
.win-note{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:14.5px;color:var(--ink-2)}
.win-note b{color:var(--ink)}
.win-cta{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px}

/* 종합 관리형 교육 시스템 — 궤도 (구조 변경 1곳) */
.orbit-wrap{display:grid;grid-template-columns:7fr 5fr;gap:clamp(28px,4vw,72px);align-items:center}
.orbit-wrap>*{min-width:0}
.orbit{position:relative;width:min(100%,600px);aspect-ratio:1;margin:0 auto}
.orbit svg.ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ring circle{fill:none;stroke:rgba(255,255,255,.14)}
.ring .dash{stroke:rgba(166,221,132,.5);stroke-dasharray:2 10;transform-origin:50% 50%}
html.motion .ring .dash{animation:spin 60s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.core{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 35%,#123d7c,#00204C 70%);display:grid;place-items:center;box-shadow:0 0 0 12px rgba(255,255,255,.04),0 30px 60px -20px rgba(0,0,0,.6)}
.core b{font:700 clamp(26px,3vw,40px)/1 var(--serif);color:#fff;letter-spacing:.02em}.core small{display:block;margin-top:6px;font:600 11px/1.3 var(--sans);color:#A6DD84;letter-spacing:.08em;text-align:center}.core span{text-align:center}
.node{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;width:clamp(96px,17%,124px);aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);background:rgba(0,18,51,.72);color:#E6ECF4;font:700 clamp(13px,1.1vw,15px)/1.3 var(--sans);cursor:pointer;padding:10px;transition:background .3s,border-color .3s,transform .3s var(--ease),color .3s}
.node:hover{border-color:#A6DD84}
.node.is-on{background:#A6DD84;color:var(--navy);border-color:#A6DD84;transform:translate(-50%,-50%) scale(1.1)}
.node small{display:block;font:600 10.5px/1 var(--sans);letter-spacing:.12em;opacity:.7;margin-bottom:4px}
.orbit-panel{display:grid;gap:16px}
.orbit-panel .num{font:700 14px/1 var(--sans);letter-spacing:.14em;color:#A6DD84}
.orbit-panel h3{font-size:clamp(28px,2.8vw,40px);letter-spacing:-.03em}
.orbit-panel p{color:#B7C3D6;font-size:17px}
.orbit-panel ul{display:grid;gap:8px;margin-top:4px}
.orbit-panel li{position:relative;padding-left:20px;color:#DDE5F0}
.orbit-panel li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:8px;border-radius:50%;background:#A6DD84}
.orbit-dots{display:flex;gap:6px;margin-top:10px}
.orbit-dots i{width:22px;height:3px;border-radius:2px;background:rgba(255,255,255,.2)}
.orbit-dots i.is-on{background:#A6DD84}

/* 주말 액티비티 */
.act{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.act figure{grid-column:span 4;height:420px}
.act figure:first-child{grid-column:span 7;height:520px}
.act figure:nth-child(2){grid-column:span 5;height:520px}
.act figcaption{position:absolute;left:0;right:0;bottom:0;padding:60px 22px 20px;background:linear-gradient(transparent,rgba(0,18,51,.85));color:#fff;font:700 21px/1.3 var(--serif)}
.act figcaption small{display:block;font:600 13px/1.4 var(--sans);opacity:.85;margin-top:4px}
.act-list{margin-top:28px}

/* 왜 뉴질랜드 */
.why{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,4vw,64px);align-items:stretch}
.why>*{min-width:0}
.why-ph{min-height:520px}
.why-list{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:2px solid var(--navy)}
.why-list li{padding:26px 22px 28px 0;border-bottom:1px solid var(--line);display:grid;gap:8px;align-content:start}
.why-list li:nth-child(even){padding-left:22px;border-left:1px solid var(--line)}
.why-list b{font:700 22px/1.3 var(--serif);letter-spacing:-.02em;color:var(--navy)}
.why-list span{color:var(--ink-2);font-size:15.5px}
.why-list i{font:700 13px/1 var(--sans);font-style:normal;color:var(--fern-ink);letter-spacing:.1em}

/* 소개 — 유학원이 아닙니다 */
.intro{display:grid;grid-template-columns:7fr 5fr;gap:clamp(28px,4vw,72px);align-items:center}
.intro>*{min-width:0}
.quote{margin:0;font:700 clamp(26px,2.6vw,38px)/1.5 var(--serif);letter-spacing:-.03em}
.quote em{font-style:normal;color:#A6DD84}
.quote small{display:block;margin-top:20px;font:600 14px/1.5 var(--sans);letter-spacing:0;color:#8FA0B8}
.intro-ph{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.intro-ph .ph:first-child{grid-column:1/-1;aspect-ratio:16/10}
.intro-ph .ph{aspect-ratio:4/3}
.years{display:grid;grid-template-columns:repeat(5,1fr);margin-top:64px;border-top:1px solid rgba(255,255,255,.16)}
.years li{padding:22px 18px 0 0}
.years li+li{padding-left:18px;border-left:1px solid rgba(255,255,255,.12)}
.years b{display:block;font:700 30px/1 var(--serif);color:#fff;letter-spacing:-.02em;margin-bottom:10px}
.years span{font-size:14.5px;color:#B7C3D6;line-height:1.6;display:block}

/* 상담 */
.ask{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,4vw,72px);align-items:start}
.ask>*{min-width:0}
.ways{display:grid;gap:10px;margin-top:28px}
.ways a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:0 20px;border-radius:10px;background:#fff;border:1px solid var(--line);font-weight:700;transition:border-color .2s,transform .2s}
.ways a:hover{border-color:var(--navy);transform:translateX(3px)}
.ways a span{font-weight:500;color:var(--ink-2);font-size:14.5px}
.ask-ph{aspect-ratio:4/3;margin-top:28px}

/* 폼 */
.form{background:#fff;border-radius:16px;padding:clamp(24px,4vw,44px);box-shadow:0 40px 80px -50px rgba(0,32,76,.45);border:1px solid #E7E1D4}
.form h3{font-size:24px;margin-bottom:6px}
.form .sub-t{color:var(--ink-3);font-size:14.5px;margin-bottom:24px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.f{display:grid;gap:8px;align-content:start}
.f.full{grid-column:1/-1}
.f label,.f .lb{font-weight:700;font-size:15px}
.f label i,.f .lb i{font-style:normal;color:#C0392B;margin-left:3px}
.f input,.f select,.f textarea{width:100%;min-height:52px;padding:12px 14px;border-radius:8px;border:1.5px solid var(--line);background:#FCFBF8;font-size:16px;color:var(--ink)}
.f textarea{min-height:120px;resize:vertical;line-height:1.6}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--navy);background:#fff}
.f .err{display:none;color:#C0392B;font-size:13.5px}
.f.is-err input,.f.is-err select{border-color:#C0392B}.f.is-err .err{display:block}
.radios{display:flex;flex-wrap:wrap;gap:8px}
.radios label{position:relative}
.radios input{position:absolute;opacity:0}
.radios span{display:inline-flex;align-items:center;min-height:46px;padding:0 16px;border-radius:8px;border:1.5px solid var(--line);font-weight:600;font-size:15px;cursor:pointer;background:#FCFBF8}
.radios input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.radios input:focus-visible+span{outline:2px solid var(--fern);outline-offset:2px}
.agree{display:flex;gap:12px;align-items:flex-start;margin-top:18px;font-size:14px;color:var(--ink-2);min-height:44px;line-height:1.6}
.agree input{width:22px;height:22px;margin-top:2px;accent-color:var(--navy);flex:none}
.form-foot{margin-top:22px;display:flex;justify-content:flex-end}
.fs{border:0;margin:0 0 30px;padding:0}
.fs legend{display:flex;align-items:center;gap:12px;font:700 20px/1.3 var(--serif);margin-bottom:18px;padding:0}
.fs legend i{font:700 13px/1 var(--sans);font-style:normal;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center}
.consent{background:var(--sand);border-radius:10px;padding:18px 20px;font-size:14.5px;color:var(--ink-2);display:grid;gap:10px;line-height:1.7}
.done{display:none;margin-top:22px;padding:24px;border-radius:12px;border:1.5px solid var(--fern-ink);background:#fff}
.done.is-on{display:block}
.done h3{font-size:22px;margin-bottom:8px}
.done pre{white-space:pre-wrap;font:15px/1.7 var(--sans);background:var(--sand);padding:14px 16px;border-radius:8px;margin:14px 0;max-height:320px;overflow:auto}
.done .btns{display:flex;flex-wrap:wrap;gap:10px}

/* 바닥 */
.ft{background:var(--navy-2);color:#B7C3D6;padding:80px 0 40px;font-size:14.5px}
.ft-top{display:grid;grid-template-columns:5fr 7fr;gap:48px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.1)}
.ft-top>*{min-width:0}
.ft .brand{color:#fff;margin-bottom:20px}
.ft-info{line-height:1.9}
.ft-info b{color:#fff;font-weight:600}
.ft-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ft-h{font:700 16px/1.3 var(--serif);color:#fff;margin-bottom:10px}
.ft-menu a{display:flex;align-items:center;min-height:36px}
.ft-menu a:hover{color:#A6DD84}
.ft-sns{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.ft-sns a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-size:13.5px;color:#DDE5F0}
.ft-sns a:hover{border-color:#A6DD84;color:#A6DD84}
.ft-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:26px;font-size:13px}
.ft-bot a{min-height:44px;display:inline-flex;align-items:center;margin-right:16px}

/* 모바일 메뉴 */
.mnav{position:fixed;inset:0;z-index:150;background:var(--navy-2);color:#fff;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.mnav.is-open{opacity:1;visibility:visible}
.mnav-top{display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 var(--gut)}
.mnav-x{width:48px;height:48px;margin-right:-10px;background:none;border:0;color:#fff;font-size:32px;cursor:pointer}
.mnav-body{flex:1;overflow:auto;padding:6px var(--gut) 24px}
.mnav-body a{display:flex;align-items:center;min-height:54px;border-bottom:1px solid rgba(255,255,255,.08);font:700 19px/1.3 var(--serif)}
.mnav-body a.s{font:500 15.5px/1.3 var(--sans);color:#B7C3D6;padding-left:14px;min-height:46px}
.mnav-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px var(--gut) calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1)}

/* 하위 쪽 머리 */
.shero{position:relative;min-height:min(70vh,640px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;padding:calc(var(--bar) + var(--hd) + 40px) 0 clamp(48px,6vw,80px)}
.shero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html.motion .shero>img{animation:kb 22s ease-in-out infinite alternate}
.shero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,18,51,.88),rgba(0,18,51,.35) 70%),linear-gradient(0deg,rgba(0,18,51,.6),transparent 50%)}
.shero .wrap{position:relative;z-index:2;width:100%}
.crumb{display:flex;gap:8px;font-size:13.5px;color:#C8D3E3;margin-bottom:16px}
.crumb span::before{content:"/";margin-right:8px;opacity:.5}
.shero h1{font-size:clamp(40px,5.4vw,80px);letter-spacing:-.04em;margin:14px 0 18px}
.shero .lead{color:#D5DEEA;max-width:36em}
.shero .eyebrow{color:#A6DD84}
.tabs{position:sticky;top:var(--hd);z-index:30;background:#fff;border-bottom:1px solid var(--line)}
.tabs ul{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.tabs a{display:flex;align-items:center;min-height:56px;padding:0 18px;white-space:nowrap;font-weight:600;color:var(--ink-2);border-bottom:2px solid transparent}
.tabs a[aria-current]{color:var(--navy);border-bottom-color:var(--fern-ink)}

/* 하위 공통 블록 */
.blk{margin-bottom:100px}.blk:last-child{margin-bottom:0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);align-items:start}
.two>*{min-width:0}
.list-check{display:grid;gap:10px}
.list-check li{position:relative;padding-left:28px}
.list-check li::before{content:"";position:absolute;left:0;top:.45em;width:16px;height:16px;border-radius:50%;background:var(--fern-2);box-shadow:inset 0 0 0 4px var(--fern-ink)}
.dark .list-check li::before,.navy2 .list-check li::before{background:transparent;box-shadow:inset 0 0 0 4px #A6DD84}
.cardrow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;border:1px solid #E7E1D4;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.card .ph{border-radius:0;aspect-ratio:16/10}
.card-b{padding:24px;display:grid;gap:10px}
.card-b h3{font-size:22px;letter-spacing:-.02em}
.card-b p{color:var(--ink-2);font-size:15.5px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);counter-reset:s;border-top:2px solid var(--navy)}
.steps.s4{grid-template-columns:repeat(4,1fr)}
.steps li{padding:24px 18px 0 0;display:grid;gap:8px;align-content:start}
.steps li+li{padding-left:18px;border-left:1px solid var(--line)}
.steps li::before{counter-increment:s;content:"0" counter(s);font:700 14px/1 var(--sans);color:var(--fern-ink);letter-spacing:.08em}
.steps b{font:700 20px/1.3 var(--serif)}
.steps span{color:var(--ink-2);font-size:15px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;cursor:pointer;font:700 18px/1.4 var(--serif)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:300 26px/1 var(--sans);color:var(--fern-ink);flex:none}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 0 22px;color:var(--ink-2)}
.tbl{width:100%;border-collapse:collapse;font-size:15.5px}
.tbl th,.tbl td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left}
.tbl thead th{border-top:2px solid var(--navy);background:var(--sand-2);font-weight:700;font-size:14.5px}
.tbl tr.is-on td{background:var(--fern-2);font-weight:700}
.tbl-wrap{overflow-x:auto}
.grade{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,4vw,64px);align-items:start}
.grade>*{min-width:0}
.grade-out{background:var(--navy);color:#fff;border-radius:16px;padding:32px;display:grid;gap:10px}
.grade-out small{color:#B7C3D6;font-size:14px}
.grade-out b{font:700 clamp(54px,6vw,84px)/1 var(--serif);letter-spacing:-.03em;color:#A6DD84}
.grade-out span{font-size:17px}
.grade-pick{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}
.grade-pick button{min-height:46px;padding:0 14px;border-radius:8px;border:1.5px solid var(--line);background:#fff;font:600 15px/1 var(--sans);cursor:pointer}
.grade-pick button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.post-list li a{display:grid;grid-template-columns:120px 1fr auto;gap:18px;align-items:center;min-height:76px;padding:16px 0;border-bottom:1px solid var(--line)}
.post-list li:first-child a{border-top:2px solid var(--navy)}
.post-list time{color:var(--ink-3);font-size:14.5px}
.post-list strong{font:700 18px/1.45 var(--serif)}
.post-list em{font-style:normal;display:inline-block;margin-right:8px;font:700 12px/1 var(--sans);padding:4px 8px;border-radius:4px;background:#FDECEA;color:#C0392B;vertical-align:2px}
.post-body{max-width:46em;display:grid;gap:16px;font-size:17px}
.post-body h2{font-size:26px;margin-top:22px}
.post-body h3{font-size:21px;margin-top:14px}
.post-body ul{display:grid;gap:6px;padding-left:20px;list-style:disc}
.post-body hr{border:0;border-top:1px solid var(--line);width:100%;margin:10px 0}
.post-meta{display:flex;gap:18px;color:var(--ink-3);font-size:14.5px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:30px}
.pdfcard{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:24px;border-radius:14px;background:#fff;border:1px solid #E7E1D4}
.pdfcard .ic{width:62px;height:76px;border-radius:6px;background:var(--navy);color:#fff;display:grid;place-items:center;font:700 14px/1 var(--sans)}
.pdfcard b{display:block;font:700 20px/1.3 var(--serif)}
.pdfcard span{color:var(--ink-2);font-size:15px}
.map{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--sand-2)}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.terms{max-width:46em;display:grid;gap:22px;color:var(--ink-2)}
.terms h2{font-size:20px;color:var(--ink);margin-bottom:6px}
.terms ol{padding-left:20px;list-style:decimal;display:grid;gap:6px}

@media (max-width:1024px){
  .win-grid,.orbit-wrap,.why,.intro,.ask,.two,.grade{grid-template-columns:1fr}
  .tickets,.cardrow{grid-template-columns:1fr}
  .orbit{width:min(100%,460px)}
  .node{width:86px;font-size:12px;padding:6px}.node small{display:none}
  .act figure,.act figure:first-child,.act figure:nth-child(2){grid-column:span 12;height:300px}
  .why-ph{min-height:0;height:auto;aspect-ratio:16/10;width:100%}
  .years{grid-template-columns:1fr 1fr;row-gap:20px}
  .years li:nth-child(odd){padding-left:0;border-left:0}
  .ft-top{grid-template-columns:1fr}
  .steps,.steps.s4{grid-template-columns:1fr}
  .steps li,.steps li+li{padding:18px 0;border-left:0;border-bottom:1px solid var(--line)}
}
@media (max-width:560px){
  .fields{grid-template-columns:1fr}
  .why-list{grid-template-columns:1fr}
  .why-list li:nth-child(even){padding-left:0;border-left:0}
  .ft-menu{grid-template-columns:1fr 1fr}
  .post-list li a{grid-template-columns:1fr;gap:4px}
  .pdfcard{grid-template-columns:auto 1fr}
  .pdfcard .btn{grid-column:1/-1}
  .tk-price b{font-size:34px}
}

/* ───────── 3차 — 하위 쪽 틀 · 보조 ───────── */
h1 em,h2 em,h3 em{font-style:normal}
.shero h1 em,.cta-band .h2 em{color:#A6DD84}
.lk3 .ph{aspect-ratio:16/9;margin:-28px -28px 14px;border-radius:14px 14px 0 0}
.faq-ph{aspect-ratio:4/3;margin-top:28px;max-width:440px}
.gnb>li>a[aria-current]{opacity:1;box-shadow:inset 0 -2px 0 #A6DD84}
.hint{font-size:14px;color:var(--ink-3);margin-top:10px}
.navy2 .hint,.dark .hint{color:#8FA0B8}
.navy2 a:not(.btn):not(.arrow):not(.node){text-decoration:underline;text-underline-offset:3px}
.op:not([hidden]){display:grid;gap:16px}
html.motion .op:not([hidden]){animation:opin .45s var(--ease)}
@keyframes opin{from{opacity:0;transform:translateY(10px)}}
.orbit:hover .ring .dash,.orbit:focus-within .ring .dash{animation-play-state:paused}
.act figure:nth-child(3){grid-column:span 12;height:420px}
.act-sm figure,.act-sm figure:first-child,.act-sm figure:nth-child(2),.act-sm figure:nth-child(3){grid-column:span 4;height:380px}
.navy2 .act figcaption{background:linear-gradient(transparent,rgba(0,8,26,.9))}
.white .chips span{background:var(--sand)}

/* 마무리 띠 — 사진 위 남색 */
.cta-band{position:relative;overflow:hidden;color:#fff;padding:clamp(90px,10vw,140px) 0}
.cta-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html.motion .cta-band>img{animation:kb 24s ease-in-out infinite alternate}
.cta-band::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(0,18,51,.92) 20%,rgba(0,32,76,.55))}
.cta-band .wrap{position:relative;z-index:2;display:grid;gap:18px;justify-items:start}
.cta-band .h2{max-width:16em}
.cta-band .lead{color:#D5DEEA;max-width:34em}

/* 소개 */
.prose{display:grid;gap:18px;font-size:17.5px;color:var(--ink-2)}
.stack{position:relative;padding-bottom:70px}
.stack .st-a{aspect-ratio:4/3;box-shadow:0 40px 70px -40px rgba(0,32,76,.5)}
.stack .st-b{position:absolute;right:-12px;bottom:0;width:46%;aspect-ratio:4/3;border:6px solid var(--sand);box-shadow:0 30px 50px -25px rgba(0,32,76,.55)}
.white .stack .st-b{border-color:#fff}
.vals{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18);counter-reset:v}
.vals li{padding:30px 22px 6px 0;display:grid;gap:12px;align-content:start}
.vals li+li{padding-left:22px;border-left:1px solid rgba(255,255,255,.12)}
.vals li::before{counter-increment:v;content:counter(v,decimal-leading-zero);font:700 46px/1 var(--serif);color:#A6DD84;letter-spacing:-.03em}
.vals b{font:700 22px/1.3 var(--serif);color:#fff}
.vals span{color:#B7C3D6;font-size:15.5px}
.tl{position:relative;display:grid;gap:0;max-width:880px}
.tl::before{content:"";position:absolute;left:118px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--fern-ink),var(--navy))}
.tl li{display:grid;grid-template-columns:100px 1fr;gap:40px;padding:22px 0;position:relative}
.tl li::after{content:"";position:absolute;left:112px;top:32px;width:14px;height:14px;border-radius:50%;background:var(--sand);border:3px solid var(--fern-ink)}
.tl b{font:700 28px/1.2 var(--serif);color:var(--navy);letter-spacing:-.02em;text-align:right}
.tl h3{font-size:21px;margin-bottom:6px}
.tl p{color:var(--ink-2)}
.info{display:grid;border-top:2px solid var(--navy)}
.info>div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.info dt{font-weight:700}.info dd{margin:0;color:var(--ink-2)}
.info a{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* 방학단기연수 */
.poster{display:grid;grid-template-columns:6fr 5fr;gap:clamp(28px,4vw,56px);align-items:center;margin-top:80px;padding:clamp(20px,3vw,36px);background:#fff;border-radius:18px;border:1px solid #E7E1D4}
.poster>*{min-width:0}
.poster figure{margin:0;border-radius:10px;overflow:hidden;box-shadow:0 30px 60px -36px rgba(0,32,76,.6);transform:rotate(-1.2deg)}
.poster h3{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.03em;margin:14px 0 12px}
.poster p{color:var(--ink-2)}
.incl{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--navy)}
.incl li{padding:18px 16px 18px 0;border-bottom:1px solid var(--line);color:var(--ink-2);font-size:15px;line-height:1.6}
.incl li:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}
.incl b{display:block;color:var(--ink);font:700 18px/1.4 var(--serif);margin-bottom:4px}
.dts{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}
.dt{background:#fff;border-radius:14px;padding:26px;border:1px solid #E7E1D4;box-shadow:0 26px 50px -40px rgba(0,32,76,.45)}
.dt:first-child{background:var(--navy);color:#fff;border-color:var(--navy)}
.dt h3{font-size:24px;margin-bottom:14px;letter-spacing:-.02em}
.dt dl{display:grid;margin:0}
.dt dl>div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.dt:first-child dl>div{border-color:rgba(255,255,255,.14)}
.dt dt{font-weight:700;font-size:14.5px;color:var(--fern-ink)}
.dt:first-child dt{color:#A6DD84}
.dt dd{margin:0;font-size:15.5px}

/* 관리형 — 학기 달력 */
.tk-len{font-size:34px!important}
.cal{position:relative;background:#fff;border:1px solid #E7E1D4;border-radius:16px;padding:22px 22px 26px;box-shadow:0 30px 60px -45px rgba(0,32,76,.45)}
.cal-m{display:grid;grid-template-columns:repeat(12,1fr);font:700 13px/1 var(--sans);color:var(--ink-3)}
.cal-m span{padding:0 0 10px 6px;border-left:1px dashed var(--line)}
.cal-m span::after{content:"월"}
.cal-t,.cal-k{position:relative;height:56px;margin-top:6px}
.cal-k{height:30px}
.cal-t i,.cal-k i{position:absolute;top:0;bottom:0;left:calc((var(--s) - 1) / 12 * 100%);width:calc((var(--e) - var(--s)) / 12 * 100%);display:flex;align-items:center;padding:0 12px;border-radius:8px;font:700 15px/1 var(--sans);font-style:normal;white-space:nowrap;overflow:hidden}
.cal-t i{background:var(--navy);color:#fff}
.cal-t i:nth-child(even){background:var(--navy-3)}
.cal-k i{left:calc(var(--s) / 12 * 100%);background:var(--fern-2);color:var(--fern-ink);font-size:12.5px;border-radius:6px}
html.motion .cal-t i{transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
html.motion .cal.is-in .cal-t i{transform:none}
html.motion .cal.is-in .cal-t i:nth-child(2){transition-delay:.12s}html.motion .cal.is-in .cal-t i:nth-child(3){transition-delay:.24s}html.motion .cal.is-in .cal-t i:nth-child(4){transition-delay:.36s}
.cal-list{display:none}
.tall{min-height:460px}

/* 유학 서비스 — 항로 */
.route{position:relative}
.route-line{position:absolute;left:0;right:0;top:26px;height:2px;background:linear-gradient(90deg,var(--navy),var(--fern-ink));transform-origin:left}
html.motion .route-line{transform:scaleX(0);transition:transform 1.4s var(--ease)}html.motion .route.is-in .route-line{transform:none}
.route-line i{position:absolute;top:50%;left:0;width:34px;height:34px;margin-top:-17px;color:var(--fern-ink);transform:rotate(90deg)}
html.motion .route-line i{transition:left 1.6s var(--ease)}
.route.is-in .route-line i{left:calc(100% - 34px)}
.route-line i svg{width:100%;height:100%}
.stops{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative}
.stop{display:grid;gap:14px;align-content:start}
.stop-h{display:flex;align-items:center;gap:12px;background:var(--sand);padding-right:12px;justify-self:start}
.stop-h b{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--navy);color:#fff;font:700 15px/1 var(--serif);letter-spacing:0;box-shadow:0 0 0 6px var(--sand)}
.stop-h span{font-weight:700;color:var(--fern-ink)}
.stop .ph{aspect-ratio:4/3;margin-top:8px}
.stop h3{font-size:25px;letter-spacing:-.03em}
.stop p{color:var(--ink-2)}
.stop ul{display:flex;flex-wrap:wrap;gap:6px}
.stop ul li{font-size:14px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:600}
.flow{display:grid;gap:10px;counter-reset:f}
.flow li{position:relative;display:grid;gap:2px;padding:18px 20px 18px 66px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#B7C3D6;font-size:15px}
.flow li::before{counter-increment:f;content:counter(f);position:absolute;left:20px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#A6DD84;color:var(--navy);display:grid;place-items:center;font:700 15px/1 var(--sans)}
.flow b{color:#fff;font:700 19px/1.35 var(--serif)}
.links3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lk3{display:grid;gap:6px;padding:28px;overflow:hidden;border-radius:14px;background:var(--sand);border:1px solid #E7E1D4;transition:transform .3s var(--ease),box-shadow .3s}
.lk3:hover{transform:translateY(-4px);box-shadow:0 30px 50px -35px rgba(0,32,76,.5)}
.lk3 small{font:700 12.5px/1 var(--sans);letter-spacing:.14em;color:var(--fern-ink);text-transform:uppercase}
.lk3 b{font:700 24px/1.3 var(--serif)}
.lk3 span{color:var(--ink-2);font-size:15px}
.lk3 svg{width:22px;height:22px;margin-top:8px;color:var(--navy)}

/* 비자 */
.visa-g{display:grid;grid-template-columns:4fr 7fr;gap:clamp(28px,4vw,64px);align-items:start}
.visa-g>*{min-width:0}
.visa-g>div:first-child{position:sticky;top:calc(var(--hd) + 24px)}
.visa-ph{aspect-ratio:4/3;margin-top:8px}
.vcs{display:grid;gap:12px}
.vc{background:#fff;border:1px solid #E7E1D4;border-radius:14px;overflow:hidden;transition:box-shadow .3s}
.vc[open]{box-shadow:0 30px 60px -40px rgba(0,32,76,.5);border-color:var(--navy)}
.vc summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;grid-template-areas:"en x" "b x" "who x";gap:2px 16px;padding:22px 24px;min-height:64px}
.vc summary::-webkit-details-marker{display:none}
.vc summary::after{content:"+";grid-area:x;align-self:center;font:300 30px/1 var(--sans);color:var(--fern-ink)}
.vc[open] summary::after{content:"−"}
.vc-en{grid-area:en;font:700 12.5px/1.4 var(--sans);letter-spacing:.12em;color:var(--fern-ink);text-transform:uppercase}
.vc summary b{grid-area:b;font:700 23px/1.35 var(--serif);letter-spacing:-.02em}
.vc-who{grid-area:who;color:var(--ink-3);font-size:14.5px}
.vc-b{padding:0 24px 24px;display:grid;gap:18px;border-top:1px solid var(--line);padding-top:20px}
.vc-g{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}
.vc-g h4{margin:0 0 10px;font-size:15px}
.vc dl{margin:0;display:grid;gap:10px;align-content:start}
.vc dl>div{background:var(--sand);border-radius:10px;padding:14px 16px}
.vc dt{font-size:13px;color:var(--ink-3);font-weight:700}
.vc dd{margin:2px 0 0;font:700 18px/1.4 var(--serif);color:var(--navy)}

/* 학교 */
.schools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.schools li{position:relative;padding:34px 28px 30px;border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.16);overflow:hidden}
.schools li::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;border:16px solid rgba(166,221,132,.12)}
.schools small{font:700 12.5px/1 var(--sans);letter-spacing:.14em;color:#A6DD84;text-transform:uppercase}
.schools b{display:block;margin-top:14px;font:700 26px/1.3 var(--serif);color:#fff;letter-spacing:-.02em}
.types{display:grid;margin:0;border-top:2px solid var(--navy)}
.types>div{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.types dt{font:700 19px/1.4 var(--serif)}
.types dd{margin:0;color:var(--ink-2)}

/* 공지 · 소식 */
.two-7{grid-template-columns:7fr 4fr}
.side{background:#fff;border:1px solid #E7E1D4;border-radius:14px;padding:26px;display:grid;gap:10px;align-content:start;position:sticky;top:calc(var(--hd) + 24px)}
.side>b{font:700 20px/1.35 var(--serif)}
.side p{color:var(--ink-2);font-size:15px}
.side .ways{margin-top:6px}
.side .ways a{min-height:54px}
.post-hd{background:var(--navy);color:#fff;padding:calc(var(--bar) + var(--hd) + 48px) 0 48px}
.post-hd .crumb a{text-decoration:underline;text-underline-offset:3px}
.post-hd h1{font-size:clamp(28px,3.4vw,44px);letter-spacing:-.03em;max-width:24em}
.post-hd .post-meta{border:0;margin:20px 0 0;padding:0;color:#B7C3D6}
.post-sec{padding-top:64px}
.post-body strong{color:var(--navy)}
.post-body h2{color:var(--navy)}
.pdfs{display:grid;gap:14px}
.pdfcard small{display:block;font:700 12.5px/1 var(--sans);color:var(--fern-ink);letter-spacing:.1em;margin-bottom:6px}
.pdfcard:hover{border-color:var(--navy)}
.pt3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pt3 article{padding:30px 28px;border-radius:14px;background:#fff;border:1px solid #E7E1D4;display:grid;gap:10px;align-content:start;border-top:4px solid var(--navy)}
.pt3 article:nth-child(2){border-top-color:var(--fern-ink)}
.pt3 small{font:700 12.5px/1 var(--sans);letter-spacing:.14em;color:var(--fern-ink);text-transform:uppercase}
.pt3 h3{font-size:24px;letter-spacing:-.02em}
.pt3 p{color:var(--ink-2);font-size:15.5px}
.pn{display:grid;gap:12px}
.pn a{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:22px 24px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);text-decoration:none!important;transition:border-color .2s,transform .2s}
.pn a:hover{border-color:#A6DD84;transform:translateX(3px)}
.pn small{color:#A6DD84;font-weight:700;font-size:13px}
.pn b{font:700 20px/1.35 var(--serif);color:#fff;grid-column:1}
.pn span{color:#B7C3D6;font-size:14.5px;grid-column:1}
.pn svg{grid-column:2;grid-row:1/4;align-self:center;width:22px;height:22px;color:#A6DD84}
.b2b{box-shadow:0 40px 70px -40px rgba(0,0,0,.7);transform:rotate(1deg)}
.b2b img{height:auto}

/* 참가신청서 */
.apl{display:grid;grid-template-columns:4fr 8fr;gap:clamp(24px,3vw,48px);align-items:start}
.apl>*{min-width:0}
.apl-side{position:sticky;top:calc(var(--hd) + 24px);display:grid;gap:16px;background:#fff;border:1px solid #E7E1D4;border-radius:14px;padding:26px}
.apl-side>b{font:700 20px/1.3 var(--serif)}
.apl-side .ph{aspect-ratio:4/3}
.apl-side li{font-size:15px}

/* 폼 보조 */
.err-sum{border:2px solid #C0392B;border-radius:10px;padding:16px 18px;margin-bottom:20px;background:#FDF3F2}
.err-sum b{color:#A93226}
.err-sum ul{margin-top:8px;display:grid;gap:4px;list-style:disc;padding-left:20px}
.err-sum a{color:#A93226;text-decoration:underline;min-height:32px;display:inline-flex;align-items:center}
.f .hint{margin:0;font-size:13.5px}
.agree a{color:var(--navy);text-decoration:underline}
.nf{min-height:100svh}

@media (max-width:1024px){
  .vals{grid-template-columns:1fr 1fr}
  .vals li:nth-child(3){padding-left:0;border-left:0}
  .stops,.links3,.schools,.pt3,.dts{grid-template-columns:1fr}
  .route-line{left:26px;right:auto;top:0;bottom:0;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--navy) 0 10px,transparent 10px 18px)}
  .route-line i{display:none}
  .stops{gap:44px;padding-left:0}
  .visa-g,.two-7,.apl,.poster{grid-template-columns:1fr}
  .visa-g>div:first-child,.side,.apl-side{position:static}
  .act-sm figure,.act-sm figure:first-child,.act-sm figure:nth-child(2),.act-sm figure:nth-child(3),.act figure:nth-child(3){grid-column:span 12;height:280px}
  .tall{min-height:320px}
  .poster{margin-top:56px}
}
@media (max-width:760px){
  .cal{display:none}.cal-list{display:grid;gap:8px}
  .cal-list li{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:10px;background:#fff;border:1px solid #E7E1D4}
  .cal-list b{display:inline-grid;place-items:center;min-width:76px;height:34px;border-radius:6px;background:var(--navy);color:#fff;font-size:14px}
}
@media (max-width:560px){
  .vals{grid-template-columns:1fr}
  .vals li,.vals li+li{padding-left:0;border-left:0}
  .tl::before{left:8px}.tl li{grid-template-columns:1fr;gap:6px;padding-left:34px}.tl li::after{left:2px;top:30px}.tl b{text-align:left;font-size:24px}
  .incl{grid-template-columns:1fr}.incl li:nth-child(even){padding-left:0;border-left:0}
  .info>div,.types>div{grid-template-columns:1fr;gap:4px}
  .vc-g{grid-template-columns:1fr}
  .dt dl>div{grid-template-columns:90px 1fr}
  .stack{padding-bottom:50px}.stack .st-b{right:0;width:52%}
  .cta-band .hero-cta .btn{width:100%}
}

/* ───────── 4차 — 자매결연 · 게시판 ───────── */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.done.is-sent{border-color:var(--fern-ink);background:var(--fern-2)}
.done.is-sent pre{background:#fff}
.done.is-sent [data-sms],.done.is-sent [data-mail],.done.is-sent [data-copy]{display:none}
.sign{margin-top:6px;font-size:15px;color:var(--ink-2)}
.sign b{font:700 20px/1 var(--serif);color:var(--navy);margin-left:6px}.sign span{font-size:13px;color:var(--ink-3);margin-left:4px}

/* 홈 — 자매결연 */
.sis-g{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,4vw,72px);align-items:center}
.sis-g>*{min-width:0}
.sis-do{display:grid;gap:0;border-top:2px solid var(--navy);margin-top:4px}
.sis-do li{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink-2);font-size:15.5px}
.sis-do b{font:700 18px/1.4 var(--serif);color:var(--navy)}
.sis-g .win-cta{margin-top:26px}
.sis-m{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:clamp(64px,7vw,104px);gap:10px}
.sis-m .ph{border-radius:12px;box-shadow:0 24px 44px -30px rgba(0,32,76,.55)}
.sis-m .ph img{width:100%;height:100%;object-fit:cover}
.sis-m .m1{grid-column:1/5;grid-row:1/4}
.sis-m .m2{grid-column:5/7;grid-row:1/4}
.sis-m .m3{grid-column:1/3;grid-row:4/6}
.sis-m .m4{grid-column:3/5;grid-row:4/6}
.sis-m .m5{grid-column:5/7;grid-row:4/6}

/* 자매결연 쪽 */
.sis-hd{background:radial-gradient(110% 90% at 85% 10%,#123d7c,#001233 70%);color:#fff;padding:calc(var(--bar) + var(--hd) + 48px) 0 clamp(56px,7vw,96px);overflow:hidden}
.sis-hd-g{display:grid;grid-template-columns:6fr 5fr;gap:clamp(28px,4vw,64px);align-items:center}
.sis-hd-g>*{min-width:0}
.sis-hd h1{font-size:clamp(38px,5vw,72px);letter-spacing:-.04em;margin:14px 0 18px}
.sis-hd h1 em{font-style:normal;color:#A6DD84}
.sis-hd .lead{color:#D5DEEA}.sis-hd .eyebrow{color:#A6DD84}
.sis-hd .crumb{color:#C8D3E3}
.fan{position:relative;height:clamp(300px,34vw,440px)}
.fan .ph{position:absolute;border-radius:12px;border:6px solid #fff;box-shadow:0 40px 70px -30px rgba(0,0,0,.7)}
.fan .ph img{width:100%;height:100%;object-fit:cover}
.fan .f1{left:0;top:6%;width:64%;aspect-ratio:4/3;transform:rotate(-5deg);z-index:1}
.fan .f2{right:4%;top:0;width:34%;aspect-ratio:3/4;transform:rotate(4deg);z-index:2}
.fan .f3{left:22%;bottom:0;width:58%;aspect-ratio:4/3;transform:rotate(2deg);z-index:3}
html.motion .fan .ph{transition:transform .8s var(--ease)}
html.motion .fan:hover .f1{transform:rotate(-8deg) translate(-12px,-6px)}
html.motion .fan:hover .f2{transform:rotate(8deg) translate(10px,-8px)}
html.motion .fan:hover .f3{transform:rotate(0) translateY(8px)}
.two-way{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px)}
.two-way article{display:grid;gap:12px;align-content:start}
.two-way .ph{aspect-ratio:16/10}
.two-way .ph img{width:100%;height:100%;object-fit:cover}
.tw-tag{justify-self:start;display:inline-flex;padding:7px 14px;border-radius:999px;background:var(--navy);color:#fff;font:700 13.5px/1 var(--sans);margin-top:8px}
.tw-tag.fern{background:var(--fern-ink)}
.two-way h3{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.03em}
.two-way p{color:var(--ink-2)}
.sis-gal{columns:4 220px;column-gap:12px}
.sis-gal li{break-inside:avoid;margin-bottom:12px;border-radius:10px;overflow:hidden;box-shadow:0 18px 36px -28px rgba(0,32,76,.6)}
.sis-gal img{width:100%;height:auto;transition:transform .8s var(--ease)}
.sis-gal li:hover img{transform:scale(1.04)}
.letter-g{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,4vw,72px);align-items:center}
.letter-g>*{min-width:0}
.paper{margin:0;background:#fff;padding:14px;border-radius:6px;transform:rotate(-2deg);box-shadow:0 40px 80px -30px rgba(0,0,0,.7);max-height:560px;overflow:hidden;position:relative}
.paper::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(transparent,#fff)}
.paper img{width:100%;height:auto}
.lt-q{margin:0 0 18px;font:700 clamp(19px,1.7vw,24px)/1.55 var(--serif);color:#fff;letter-spacing:-.01em}
.lt-q small{display:block;margin-top:12px;font:600 13.5px/1.4 var(--sans);color:#8FA0B8}
.lt-k{color:#C8D3E3;margin-bottom:18px}
.mou{background:#fff;border:1px solid #E7E1D4;border-radius:16px;padding:24px;box-shadow:0 30px 60px -45px rgba(0,32,76,.5)}
.mou-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.mou-h b{font:700 20px/1.3 var(--serif);color:var(--navy)}.mou-h span{font-size:13.5px;color:var(--ink-3)}
.mou ul{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.mou li{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line)}
.mou li b{font-weight:700;font-size:15px}.mou li small{font-size:12px;color:var(--fern-ink);font-weight:700;white-space:nowrap}
.mou-d{margin-top:22px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14);box-shadow:none}
.mou-d .mou-h b{color:#fff}.mou-d li{border-color:rgba(255,255,255,.12)}.mou-d li b{color:#E6ECF4}.mou-d li small{color:#A6DD84}

/* 게시판 */
.bd-hd{padding-bottom:44px}
.bd-hd .lead{color:#C8D3E3;margin-top:12px;max-width:40em}
.bd-hd .eyebrow{color:#A6DD84;display:flex;margin-bottom:12px}
.bd-hd .crumb a{text-decoration:underline;text-underline-offset:3px}
.bd-sec{padding-top:48px}
.bd-count{font-size:14.5px;color:var(--ink-2);margin-bottom:18px}.bd-count b{color:var(--navy)}
.bd-empty{padding:60px 0;text-align:center;color:var(--ink-3)}
.bd-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 18px}
.bd-gal a{display:grid;gap:10px}
.bd-ph{position:relative;display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--sand-2);box-shadow:0 24px 44px -32px rgba(0,32,76,.6)}
.bd-ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.bd-gal a:hover .bd-ph img{transform:scale(1.05)}
.bd-ph em{position:absolute;right:10px;bottom:10px;font:700 12px/1 var(--sans);font-style:normal;padding:6px 10px;border-radius:999px;background:rgba(0,18,51,.75);color:#fff}
.bd-t{font:700 17px/1.45 var(--serif);color:var(--ink)}
.bd-gal time{font-size:13px;color:var(--ink-3)}
.pin{font-style:normal;display:inline-block;margin-right:6px;font:700 11.5px/1 var(--sans);padding:4px 7px;border-radius:4px;background:var(--fern-2);color:var(--fern-ink);vertical-align:2px}
.bd-let{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 22px}
.bd-let a{display:grid;gap:14px}
.bd-paper{display:block;aspect-ratio:3/4;background:#fff;padding:10px;border-radius:4px;box-shadow:0 26px 48px -30px rgba(0,32,76,.6);overflow:hidden;transition:transform .5s var(--ease)}
.bd-let li:nth-child(3n+1) .bd-paper{transform:rotate(-1.5deg)}.bd-let li:nth-child(3n+2) .bd-paper{transform:rotate(1deg)}.bd-let li:nth-child(3n) .bd-paper{transform:rotate(-.5deg)}
.bd-let a:hover .bd-paper{transform:rotate(0) translateY(-6px)}
.bd-paper img{width:100%;height:100%;object-fit:cover;object-position:top}
.bd-ex{display:block;padding:14px;font-size:14px;color:var(--ink-2)}
.bd-list li a{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.bd-list li:first-child a{border-top:2px solid var(--navy)}
.bd-list strong{display:block;font:700 19px/1.45 var(--serif);margin-bottom:6px}
.bd-list strong em{font-style:normal;display:inline-block;margin-right:8px;font:700 12px/1 var(--sans);padding:4px 8px;border-radius:4px;background:#FDECEA;color:#C0392B;vertical-align:3px}
.bd-list span{display:block;color:var(--ink-2);font-size:15px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.bd-list time{display:block;margin-top:6px;font-size:13px;color:var(--ink-3)}
.bd-list img{width:160px;height:110px;object-fit:cover;border-radius:8px}
.bd-list svg{width:20px;height:20px;color:var(--navy)}
.bd-pg{display:flex;justify-content:center;gap:6px;margin-top:40px}
.bd-pg a,.bd-pg span{display:grid;place-items:center;min-width:44px;height:44px;border-radius:8px;border:1px solid var(--line);font-weight:700;background:#fff}
.bd-pg span{background:var(--navy);color:#fff;border-color:var(--navy)}
.bd-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:36px}
.bd-photos a{display:block;border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:var(--sand-2)}
.bd-photos a:first-child{grid-column:1/-1;aspect-ratio:auto}
.bd-photos.one a:first-child{max-width:900px}
.bd-photos img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.bd-photos a:first-child img{height:auto;object-fit:contain;max-height:78vh;background:#111}
.bd-photos a:hover img{transform:scale(1.03)}
.bd-photos a:first-child:hover img{transform:none}
.bd-letter{max-width:720px;margin:0 auto 36px;background:#fff;padding:16px;border-radius:6px;box-shadow:0 40px 80px -40px rgba(0,32,76,.6)}
.bd-letter img{width:100%;height:auto}
.post-sec .post-body{margin:0 auto 36px;max-width:46em}
.post-body figure{margin:8px 0}.post-body figure img{border-radius:10px}
.post-body a{color:var(--navy);text-decoration:underline;text-underline-offset:3px;word-break:break-all}
.bd-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch;max-width:46em;margin:36px auto 0;border-top:2px solid var(--navy);padding-top:16px}
.bd-nav a{display:grid;gap:2px;padding:12px 0;font-weight:700;font-size:15px;min-height:44px}
.bd-nav a:last-child{text-align:right}
.bd-nav small{font-weight:600;font-size:12.5px;color:var(--ink-2)}
.bd-back{align-self:center;display:flex!important;align-items:center;justify-content:center;padding:0 18px!important;border:1px solid var(--line);border-radius:8px;background:#fff}
.bd-cta{max-width:46em;margin:40px auto 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:22px 24px;border-radius:14px;background:#fff;border:1px solid #E7E1D4}
.bd-cta b{font:700 19px/1.3 var(--serif)}.bd-cta span{color:var(--ink-2);font-size:14.5px;flex:1 1 220px}

@media (max-width:1240px){.gnb>li>a{padding:0 9px;font-size:14.5px}.hd-act .lk{display:none}}
@media (max-width:1024px){
  .sis-g,.sis-hd-g,.letter-g{grid-template-columns:1fr}
  .fan{height:340px;max-width:520px}
  .two-way{grid-template-columns:1fr}
  .bd-gal,.bd-let{grid-template-columns:1fr 1fr}
  .paper{max-height:420px}
}
@media (max-width:560px){
  .sis-do li{grid-template-columns:1fr;gap:2px}
  .sis-m{grid-auto-rows:62px;gap:6px}
  .sis-gal{columns:2;column-gap:8px}.sis-gal li{margin-bottom:8px}
  .fan{height:280px}
  .mou ul{grid-template-columns:1fr}
  .bd-gal{gap:16px 10px}.bd-t{font-size:15px}
  .bd-let{gap:20px 14px}
  .bd-list li a{grid-template-columns:1fr auto;gap:12px}
  .bd-list img{width:84px;height:64px}.bd-list svg{display:none}
  .bd-photos{grid-template-columns:1fr 1fr}
  .bd-nav{grid-template-columns:1fr 1fr}.bd-back{grid-column:1/-1;grid-row:2;min-height:44px}
}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}