@font-face{font-family:"Noto Serif KR";src:url(/assets/f/serif.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:"Noto Sans KR";src:url(/assets/f/sans.woff2) format("woff2");font-weight:400 600;font-display:swap}
:root{--ch:#252B2A;--ch2:#323938;--wood:#A98257;--wood-d:#7d5c37;--ivory:#F3F0E9;--sub:#E7E2D6;--ink:#252B2A;--line:#cfc8b8;--w:1240px;--g:clamp(18px,4vw,48px);--sans:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--serif:var(--sans)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font:400 17px/1.8 var(--sans);word-break:keep-all;overflow-wrap:break-word}
@media(min-width:900px){body{font-size:18px}}
img{display:block;max-width:100%;height:auto}
a{color:var(--wood-d)}
h1,h2,h3{font-family:var(--sans);color:var(--ch);font-weight:600;line-height:1.3;margin:0;letter-spacing:-.01em}
h1{font-size:clamp(32px,5vw,50px)}
h2{font-size:clamp(26px,3.6vw,40px);margin-bottom:.55em}
h3{font-size:clamp(18px,2.2vw,22px)}
p{margin:0 0 1em}
.wrap{max-width:calc(var(--w) + 2*var(--g));margin:0 auto;padding:0 var(--g)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
:focus-visible{outline:3px solid var(--wood);outline-offset:2px}
/* header */
.hd{position:sticky;top:0;z-index:20;background:var(--ch);border-bottom:3px solid var(--wood)}
.hd .wrap{display:flex;align-items:center;gap:16px;min-height:64px}
.logo{font:600 22px var(--sans);color:#fff;text-decoration:none;margin-right:auto;min-height:44px;display:flex;align-items:center}
.nav{display:none;gap:28px}
.nav a{color:#e9e5da;text-decoration:none;font-size:16px;min-height:44px;display:flex;align-items:center}
.nav a:hover{color:var(--wood)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;background:var(--wood);color:#1b1f1e;text-decoration:none;font:600 16px var(--sans);border:2px solid var(--wood);cursor:pointer;text-align:center}
.btn:hover{background:#bb9366;border-color:#bb9366}
.btn.line{background:transparent;color:var(--ch);border-color:var(--ch)}.btn.line:hover{background:var(--ch);color:#fff}
.btn.line.light{color:#fff;border-color:rgba(255,255,255,.7)}.btn.line.light:hover{background:#fff;color:var(--ch)}
.hd .btn{min-height:44px;padding:0 14px;font-size:14px;white-space:nowrap}
.mt{background:none;border:1px solid #8c9290;color:#fff;min-width:44px;min-height:44px;font:500 14px var(--sans);cursor:pointer}
.mnav{display:none;background:var(--ch2);border-top:1px solid #4a5250}
.mnav.open{display:block}
.mnav a{display:flex;align-items:center;min-height:48px;padding:0 var(--g);text-decoration:none;color:#fff;border-bottom:1px solid #4a5250}
@media(min-width:900px){.nav{display:flex}.mt,.mnav{display:none!important}.hd .btn{font-size:16px;padding:0 22px;min-height:46px}.hd .wrap{min-height:72px}}
@media(max-width:380px){.hd .wrap{gap:8px}.logo{font-size:19px}.hd .btn{padding:0 8px;font-size:12.5px}}
/* hero */
.hero{position:relative;background:var(--ch);color:#fff;isolation:isolate}
.hero .ph{position:absolute;inset:0;z-index:-2}
.hero .ph img{width:100%;height:100%;object-fit:cover;object-position:var(--fp,50% 62%)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(37,43,42,.92) 0%,rgba(37,43,42,.8) 45%,rgba(37,43,42,.22) 100%)}
.hero .wrap{display:flex;align-items:center;min-height:clamp(560px,82vh,760px)}
.hero .pn{max-width:660px;padding:56px 0 48px}
.hero .lab{display:inline-block;font:600 14px var(--sans);letter-spacing:.08em;color:var(--ch);background:var(--wood);padding:5px 12px;margin:0 0 20px}
.hero h1{color:#fff;font-size:clamp(52px,9vw,104px);line-height:1.05;letter-spacing:-.03em;margin:0 0 18px}
.hero .big{font:600 clamp(20px,2.6vw,28px)/1.45 var(--sans);color:#fff;margin:0 0 16px}
.hero .sub{margin:0 0 28px;color:#e4e0d6;font-size:clamp(16px,1.6vw,18px)}
.hero .acts{display:flex;gap:12px;flex-wrap:wrap}
.spec{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:36px 0 0;border-top:1px solid rgba(255,255,255,.35)}
.spec div{padding:14px 14px 0 0}
.spec dt{font-size:13px;color:var(--wood);font-weight:600;letter-spacing:.04em}
.spec dd{margin:2px 0 0;font-size:15px;line-height:1.5;color:#fff}
@media(max-width:640px){.hero{display:flex;flex-direction:column}.hero::before{display:none}.hero .ph{position:relative;inset:auto;z-index:0;aspect-ratio:4/3;order:-1}.hero .ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,rgba(37,43,42,0),var(--ch))}.hero .wrap{min-height:0}.hero .pn{padding:8px 0 36px}.spec{grid-template-columns:1fr;gap:0}.spec div{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.2)}.hero .acts .btn{flex:1 1 100%}}
.sub-hero{padding:56px 0 32px;background:var(--ch);color:#e4e0d6;border-bottom:3px solid var(--wood)}
.sub-hero h1{color:#fff}
.crumb{font-size:15px;margin:0 0 14px;color:#b7b2a5}.crumb a{color:#d8d3c6}
.sub-hero .crumb{color:#b7b2a5}
.lead{font-size:clamp(18px,2vw,21px);line-height:1.8;max-width:860px;margin-top:20px}
/* sections */
.sec{padding:clamp(64px,9vw,112px) 0}
.sec.alt{background:var(--sub)}
.eyebrow{font:600 13px var(--sans);letter-spacing:.18em;color:var(--wood-d);margin:0 0 10px;text-transform:uppercase}
.ter,.dark{background:var(--ch);color:#e9e5da}.ter h2,.ter h3,.dark h2,.dark h3{color:#fff}.ter a,.dark a{color:var(--wood)}.ter .eyebrow,.dark .eyebrow{color:var(--wood)}
.ter .tbl th,.ter .tbl td,.dark .tbl th,.dark .tbl td{border-color:#4a5250;color:#e9e5da}
.ter .tbl th{color:#fff}.ter .tbl thead th{border-top-color:var(--wood)}
.ter .intro{max-width:860px}
.ter figcaption,.dark figcaption{color:#c9c5b9}
.dark .sitecap{color:#fff;border-color:var(--wood)}
/* figure */
figure{margin:0}
figure img{aspect-ratio:1/1;object-fit:cover;width:100%;background:var(--sub)}
figcaption{font-size:14.5px;line-height:1.55;margin-top:8px;color:#4d554f}
.g4{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:900px){.g4{grid-template-columns:repeat(4,1fr);gap:20px}}
.g2{display:grid;gap:28px;grid-template-columns:1fr}
@media(min-width:760px){.g2{grid-template-columns:1fr 1fr;gap:48px}}
.sitecap{grid-column:1/-1;font:600 16px var(--sans);color:var(--ch);border-left:6px solid var(--wood);padding:4px 0 4px 12px;margin:22px 0 0;line-height:1.5}
.sitecap:first-child{margin-top:28px}
.prose{max-width:820px}
.prose h2{margin-top:1.6em}
/* table */
.tbl{width:100%;border-collapse:collapse;margin:24px 0;font-size:16px}
.tbl th,.tbl td{border-top:1px solid var(--line);padding:14px 14px 14px 0;text-align:left;vertical-align:top;line-height:1.65}
.tbl th{font-weight:600;color:var(--ch);width:14%;white-space:nowrap}
.tbl thead th{border-top:3px solid var(--wood);font-size:14px;letter-spacing:.04em;white-space:normal}
@media(max-width:760px){.tbl,.tbl tbody,.tbl tr,.tbl td,.tbl th{display:block;width:auto;white-space:normal}.tbl thead{display:none}.tbl tr{border-top:3px solid var(--wood);padding:12px 0;margin-bottom:6px}.tbl td,.tbl th{border:0;padding:3px 0}.tbl th{font-size:19px}.tbl td[data-l]::before{content:attr(data-l);display:block;color:var(--wood);font-weight:600;font-size:13px;letter-spacing:.04em;margin-top:6px}}
/* carousel */
.car{position:relative;padding:clamp(56px,8vw,96px) 0 clamp(40px,6vw,72px);background:var(--sub)}
.car .ch{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}
.car .ch p:last-child{max-width:640px;margin:0}
.car .rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 var(--g) 16px;scroll-padding:0 var(--g)}
.car .it{flex:0 0 78%;scroll-snap-align:start;text-decoration:none;color:var(--ink);background:#fff;border-top:4px solid var(--wood)}
@media(min-width:760px){.car .it{flex-basis:calc((100% - 40px - 2*var(--g))/3)}}
@media(min-width:1280px){.car .rail{padding-left:calc((100vw - var(--w))/2);padding-right:calc((100vw - var(--w))/2);scroll-padding-left:calc((100vw - var(--w))/2)}.car .it{flex-basis:calc((var(--w) - 40px)/3)}}
.car .it img{aspect-ratio:4/3;object-fit:cover;width:100%}
.car .it b{display:block;font:600 21px var(--sans);color:var(--ch);margin:14px 16px 0}
.car .it span{display:block;font-size:15.5px;line-height:1.6;margin:4px 16px 18px}
.car .it:hover b{color:var(--wood-d);text-decoration:underline}
.car .more{margin:14px 0 0;font-weight:600}
.ctl{display:flex;gap:10px;flex:none}
.ctl button{width:48px;height:48px;border:2px solid var(--ch);background:transparent;color:var(--ch);font-size:20px;cursor:pointer}
.ctl button:hover{background:var(--ch);color:#fff}
@media(max-width:520px){.car .ch{flex-direction:column;align-items:flex-start}}
/* judge */
.jd{display:grid;gap:20px;margin-top:32px}
@media(min-width:800px){.jd{grid-template-columns:1fr 1fr}}
.jd article{display:grid;grid-template-columns:38% 1fr;background:#fff;border-top:4px solid var(--ch);min-width:0}
.jd img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto;min-height:220px}
.jd article>div{padding:20px 20px 22px;min-width:0}
.jd .no{font:600 14px var(--sans);color:var(--wood-d);letter-spacing:.1em}
.jd h3{margin:2px 0 8px}
.jd p{font-size:16px;line-height:1.7;margin:0 0 8px}
.jd small{display:block;font-size:13.5px;color:#5f665f}
@media(max-width:520px){.jd article{grid-template-columns:1fr}.jd img{aspect-ratio:16/10;min-height:0;height:auto}}
/* hub */
.hub{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 12px;list-style:none;margin:0;padding:0}
@media(min-width:1000px){.hub{grid-template-columns:repeat(4,1fr);gap:28px 20px}}
.hub li{min-width:0}
.card{display:block;text-decoration:none;color:var(--ink)}
.card img{aspect-ratio:1/1;object-fit:cover;width:100%}
.card b{display:block;font:600 clamp(16px,1.9vw,20px) var(--sans);color:var(--ch);margin:10px 0 4px}
.card span{display:block;font-size:14.5px;line-height:1.55}
a.card:hover b{text-decoration:underline}
.card.res img{filter:grayscale(.7) brightness(.9)}
.card.res em{font-style:normal;display:inline-block;margin-top:6px;font-size:14px;border:1px solid #5f665f;color:#4d554f;padding:2px 10px}
.rel{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:3px solid var(--wood)}
.rel a{display:flex;align-items:center;min-height:56px;padding:8px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);gap:12px}
.rel a b{font:600 18px var(--sans);color:var(--ch);min-width:7.5em}
.rel a:hover{background:var(--sub)}
/* steps */
.steps{list-style:none;margin:24px 0;padding:0;counter-reset:s;display:grid;gap:0;border-top:3px solid var(--wood)}
.steps li{counter-increment:s;padding:14px 0 14px 56px;border-bottom:1px solid var(--line);position:relative}
.steps li::before{content:counter(s);position:absolute;left:0;top:12px;font:600 26px var(--sans);color:var(--wood);width:44px}
.steps b{display:block;font-family:var(--sans);color:var(--ch)}
.dark .steps{border-top-color:var(--wood)}.dark .steps li{border-color:#4a5250}.dark .steps b{color:#fff}
.chk{list-style:none;margin:16px 0 0;padding:0}
.chk li{position:relative;padding:12px 0 12px 34px;border-bottom:1px solid #4a5250}
.chk li::before{content:"";position:absolute;left:4px;top:19px;width:12px;height:7px;border-left:3px solid var(--wood);border-bottom:3px solid var(--wood);transform:rotate(-45deg)}
/* faq */
.faq{border-top:3px solid var(--wood);max-width:900px}
.faq h3{font-size:inherit;margin:0}
.faq button{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:18px 44px 18px 0;font:600 clamp(17px,2vw,20px)/1.5 var(--sans);color:var(--ch);cursor:pointer;position:relative;min-height:56px}
.faq button::after{content:"+";position:absolute;right:6px;top:14px;font:400 28px var(--sans);color:var(--wood-d)}
.faq button[aria-expanded=true]::after{content:"\2212"}
.faq .a{padding:14px 0 18px;border-bottom:1px solid var(--line)}
.faq .a[hidden]{display:none}
.faq .a p{margin:0}
.cta{text-align:center;background:var(--ch);color:#e9e5da}
.cta h2{max-width:760px;margin:0 auto 14px;color:#fff}
.cta p{max-width:660px;margin:0 auto 26px}
.sec.alt.cta{background:var(--ch)}
.ct{display:flex;gap:12px;flex-wrap:wrap}
.cta .btn.line,.sub-hero .btn.line{color:#fff;border-color:rgba(255,255,255,.7)}.cta .btn.line:hover,.sub-hero .btn.line:hover{background:#fff;color:var(--ch)}
/* footer */
.ft{background:#1b201f;color:#d8d3c6;padding:48px 0 40px;font-size:15px;line-height:1.9}
.ft b{font:600 20px var(--sans);color:#fff}
.ft a{color:#d8d3c6}
.ft dl{margin:16px 0 0;display:grid;grid-template-columns:auto 1fr;gap:2px 16px}
.ft dt{color:var(--wood)}.ft dd{margin:0}
.ft nav{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px}
.ft nav a{display:flex;min-height:44px;align-items:center}
.fix{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px var(--g) calc(10px + env(safe-area-inset-bottom));background:rgba(37,43,42,.97);border-top:3px solid var(--wood)}
.fix .btn{width:100%}
.fix .btn.line{color:#fff;border-color:rgba(255,255,255,.7)}
@media(min-width:900px){.fix{display:none}}
body.hasfix{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
@media(min-width:900px){body.hasfix{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.n404{padding:120px 0;text-align:center}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.g2 .g4{grid-template-columns:repeat(2,1fr)}.g2>div>.g4 figure img{aspect-ratio:1/1}
.sec .crumb{color:#5f665f}