:root{--bg:#faf7f2;--sand:#ece3d4;--sand2:#f3ede2;--ink:#2b2926;--mut:#665e54;--br:#7a5c3e;--br2:#5f452c;--line:#ddd3c2;--serif:"Noto Serif KR","Nanum Myeongjo","Apple SD Gothic Neo","Batang",serif;--sans:"Pretendard","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.75 var(--sans);word-break:keep-all;overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}a{color:inherit}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3{margin:0;font-family:var(--serif);font-weight:600;line-height:1.3;letter-spacing:-.01em}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:8px 14px;z-index:99}.skip:focus{left:8px;top:8px}
:focus-visible{outline:3px solid var(--br);outline-offset:2px}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}.narrow{max-width:820px}
/* header */
.hd{position:absolute;inset:0 0 auto;z-index:20}.inner .hd,.home .hd{}
.inner .hd{position:static;background:var(--bg);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:84px}
.logo{text-decoration:none;display:flex;flex-direction:column;line-height:1.15}.logo b{font:300 28px/1 var(--sans);letter-spacing:.02em}.logo b{font-weight:400}.logo span{font-size:12px;margin-top:4px;color:var(--ink)}
.nav .nd{display:flex;gap:34px}.nav .nm{display:none}.nav a{text-decoration:none;font-size:15px}.nav a:hover{color:var(--br)}
.pill{display:inline-flex;align-items:center;gap:10px;background:var(--br);color:#fff;text-decoration:none;border-radius:99px;padding:14px 28px;font-size:15px;white-space:nowrap}.pill:hover{background:var(--br2)}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--br);color:#fff;text-decoration:none;border-radius:99px;padding:15px 32px;font-size:16px;font-weight:600;border:1px solid var(--br);min-height:48px}.btn:hover{background:var(--br2)}
.btn.ghost{background:transparent;color:var(--br);}.btn.ghost:hover{background:var(--sand2)}.btn.ghost.light{color:#fff;border-color:#fff}.btn.ghost.light:hover{background:rgba(255,255,255,.15)}
/* hero */
.hero{position:relative;min-height:max(640px,100svh);display:flex;align-items:center;overflow:hidden;background:var(--sand)}
.hero picture,.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,247,242,.96) 0,rgba(250,247,242,.86) 30%,rgba(250,247,242,.35) 52%,rgba(250,247,242,0) 70%)}
.hero-in{position:relative;z-index:2;padding-top:110px;padding-bottom:60px}
.eyebrow{font:500 13px/1 var(--sans);letter-spacing:.22em;color:var(--mut);margin:0 0 18px;text-transform:uppercase}
.hero h1{font-size:clamp(22px,2.2vw,30px);font-family:var(--sans);font-weight:500;letter-spacing:.12em;color:var(--br2);margin-bottom:18px}
.hero-copy{font:600 clamp(40px,5vw,68px)/1.2 var(--serif);margin:0 0 24px;letter-spacing:-.02em}.hero-copy strong{font-weight:600}
.hero-sub{max-width:460px;color:#4a443d;font-size:17px;margin:0 0 34px}
.idx{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--mut);display:flex;flex-direction:column;gap:30px}.idx b{display:block;font-weight:500}.idx li:first-child{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:8px}
.hero .btn+.btn{margin-left:8px}
/* sections */
.sec{padding:96px 0}.sec.tight{padding:56px 0 24px}.sec.alt{background:var(--sand2)}
.sec h2{font-size:clamp(26px,3vw,38px);margin-bottom:14px}.sub{color:var(--mut);margin:0 0 40px;max-width:640px}
.shead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.shead h2{margin:0}
.arrows{display:flex;gap:10px}.arrows button{width:46px;height:46px;border-radius:50%;border:1px solid var(--br);background:transparent;color:var(--br);font-size:26px;line-height:1;cursor:pointer}.arrows button:hover{background:var(--br);color:#fff}
.car{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}.car>li{flex:0 0 calc((100% - 48px)/4);scroll-snap-align:start;min-width:0}
.card{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;height:100%}.card strong{display:block;padding:16px 18px 0;font:600 17px/1.4 var(--serif)}.card em{display:block;padding:2px 18px 18px;font-style:normal;color:var(--mut);font-size:14px}.card:hover{border-color:var(--br)}
.card.t{padding:30px 6px}.card.t strong{padding-top:0}
.sq{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--sand)}.sq img{width:100%;height:100%;object-fit:cover}
.sq.txt{display:grid;place-items:center}.sq.txt i{font:600 28px var(--serif);color:var(--br);font-style:normal}
.tag{position:absolute;bottom:8px;left:8px;background:rgba(43,41,38,.78);color:#fff;font:500 11px/1 var(--sans);letter-spacing:.12em;padding:6px 9px;border-radius:3px}.tag.r{left:auto;right:8px}
.bagrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 24px}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:2px}.ba figcaption{text-align:center;margin-top:12px;font-weight:500}
.fx-fade,.fx-rise{opacity:0;transition:opacity .7s ease,transform .7s ease}.fx-rise{transform:translateY(18px)}.ba.in{opacity:1;transform:none}
.g5{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.g5 .big{grid-column:span 2;grid-row:span 2}.g5 figcaption,.photos figcaption{font-size:13px;color:var(--mut);margin-top:8px;line-height:1.5}
.scope{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.scard{background:#fff;border:1px solid var(--line);border-radius:6px;padding:26px 22px}.scard h3{font-size:20px;margin-bottom:8px}.scard .when{color:var(--br2);font-weight:600;font-size:14px;margin:0 0 10px}.scard p{margin:0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps li{border-top:2px solid var(--br);padding-top:18px}.no{font:300 34px var(--serif);color:var(--br)}.steps h3{font-size:20px;margin:6px 0 8px}.steps p{margin:0;color:#4a443d}
.article h3,.blk h2{margin:36px 0 12px}.article h3{font-size:21px}.article p,.blk p{margin:0 0 16px}
.chk{margin:0 0 18px}.chk li{position:relative;padding:6px 0 6px 22px}.chk li::before{content:"";position:absolute;left:2px;top:15px;width:8px;height:8px;border:2px solid var(--br);border-radius:50%}
.chk.num{counter-reset:n}.chk.num li::before{counter-increment:n;content:counter(n);border:0;top:6px;left:0;font-weight:700;color:var(--br);width:auto;height:auto}.chk.num li{padding-left:26px}
.qa{border-bottom:1px solid var(--line)}.qa summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;position:relative}.qa summary::-webkit-details-marker{display:none}.qa summary::after{content:"+";position:absolute;right:6px;top:18px;font-size:26px;color:var(--br)}.qa[open] summary::after{content:"\2212"}.qa h3{font:600 18px/1.5 var(--serif);display:inline}.qa p{margin:0 0 22px;color:#3d3832}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cta{background:var(--ink);color:#fff;text-align:center;padding:84px 0}.cta h2{font-size:clamp(24px,3vw,34px);color:#fff;margin-bottom:12px}.cta p{margin:0 0 28px;color:#d8d0c3}.cta .btn{background:#fff;color:var(--ink);border-color:#fff}.cta .btn:hover{background:var(--sand)}.cta .btn.ghost{background:transparent;color:#fff}
/* inner */
.phead{background:var(--sand2);padding:56px 0 48px;border-bottom:1px solid var(--line)}.phead h1{font-size:clamp(30px,4.2vw,48px);margin-bottom:18px}.lead{font-size:18px;margin:0;max-width:760px;color:#3d3832}
.bc{font-size:13px;color:var(--mut);margin-bottom:22px}.bc a{text-decoration:none}.bc a:hover{text-decoration:underline}
.ph{padding:44px 0 8px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.photos:has(li:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}.note{font-size:13px;color:var(--mut);margin:14px 0 0}
.blk{padding-top:8px}
.rt{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:15px}.rt th,.rt td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top;background:#fff}.rt thead th{background:var(--sand);}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.chips a{display:inline-block;padding:9px 18px;border:1px solid var(--br);border-radius:99px;text-decoration:none;color:var(--br2);font-size:14px}.chips a:hover{background:var(--br);color:#fff}
.cbar{background:var(--ink);padding:14px 0}.cbar .btn{background:#fff;color:var(--ink);border-color:#fff}.cbar .btn.ghost{background:transparent;color:#fff}
.ft{background:#201e1b;color:#cfc7ba;font-size:13px;padding:22px 0;line-height:1.7}.ft p{margin:0}.ft span{margin-right:14px;display:inline-block}.ft b{color:#fff;margin-right:12px}.ft .cp{color:#8d857a;margin-top:2px}
@media(max-width:1500px){.idx{display:none}}
@media(max-width:1000px){.nav .nd{gap:18px}.nav a{font-size:13px}.car>li{flex-basis:calc((100% - 32px)/3)}.scope,.steps,.cards4{grid-template-columns:repeat(2,1fr)}.idx{display:none}}
@media(max-width:860px){.nav{order:3}.nav .nd{display:none}.nav .nm{display:block}.nav summary{display:grid;place-items:center;width:44px;height:44px;cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:50%;background:rgba(250,247,242,.9)}.nav summary::-webkit-details-marker{display:none}.nav summary i{width:18px;height:2px;background:var(--ink);box-shadow:0 6px 0 var(--ink),0 -6px 0 var(--ink)}
.nav .nm ul{display:none;position:absolute;left:0;right:0;top:84px;background:var(--bg);flex-direction:column;gap:0;padding:8px 24px 16px;border-bottom:1px solid var(--line)}.nav details[open] ul{display:flex}.nav li a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}.hd-in{position:relative}.pill{margin-left:auto;padding:11px 18px;font-size:14px}
.car>li{flex-basis:calc((100% - 16px)/2.2)}.cards3{grid-template-columns:1fr}.g5{grid-template-columns:repeat(2,1fr)}.g5 .big{grid-column:span 2;grid-row:auto}.grid4{grid-template-columns:repeat(2,1fr)}.photos:has(li:nth-child(3):last-child){grid-template-columns:repeat(2,1fr)}.sec{padding:64px 0}}
@media(max-width:700px){.hero{min-height:max(620px,100svh);align-items:flex-end}.hero::after{background:linear-gradient(0deg,rgba(250,247,242,.97) 0,rgba(250,247,242,.93) 48%,rgba(250,247,242,.3) 72%,rgba(250,247,242,0) 100%)}.hero-in{padding-top:0;padding-bottom:44px}.hero img{object-position:50% 20%}.hero-copy{font-size:clamp(34px,10vw,44px)}.hero-sub{font-size:15px;margin-bottom:24px}.hero .btn+.btn{margin:10px 0 0}
.wrap{padding:0 18px}.bagrid{grid-template-columns:1fr}.scope,.steps{grid-template-columns:1fr}.cards4{grid-template-columns:repeat(2,1fr);gap:12px}.car>li{flex-basis:78%}
.rt thead{position:absolute;left:-9999px}.rt,.rt tbody,.rt tr,.rt th,.rt td{display:block;width:100%}.rt tr{margin-bottom:14px;border:1px solid var(--line);background:#fff}.rt th,.rt td{border:0;border-bottom:1px solid var(--line)}.rt td::before{content:attr(data-l);display:block;font-size:12px;color:var(--mut);font-weight:600}.rt th[scope=row]{background:var(--sand);font-family:var(--serif)}
.ft span{display:block;margin:0}.ft b{display:block}}
@media(max-width:480px){.logo b{font-size:22px;white-space:nowrap}.logo span{font-size:11px}}
@media(max-width:360px){.pill{padding:10px 14px}.logo b{font-size:23px}.btn{padding:14px 22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.fx-fade,.fx-rise{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){}
noscript~*{}
@media(max-width:400px){.wrap{padding:0 14px}.hd-in{gap:8px}.logo b{font-size:18px}.logo span{font-size:10px}.pill{padding:9px 13px;font-size:13px;gap:6px}.pill svg{display:none}.nav .nm summary{width:40px;height:40px}.cards4{gap:10px}.card strong{padding:12px 12px 0;font-size:15px}.card em{padding:2px 12px 14px}.phead h1{font-size:28px}}
.logo b{white-space:nowrap}
h1,h2,h3,.card strong,.rt th,.rt td,.chips a,.lead{overflow-wrap:anywhere}
.card,.scard,.car>li,.cards4>li,.cards3>li{min-width:0}
.grid4>li,.g5>li,.bagrid>li{min-width:0}figcaption{overflow-wrap:anywhere}