*{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:dark;background:#0C0F14;scroll-padding-top:70px}
body{margin:0;background:#0C0F14;color:#E6E3DC;font-family:'Nanum Myeongjo','Batang',serif;line-height:1.75;overflow-x:clip}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul,ol{margin:0;padding:0;list-style:none}
.w{max-width:920px;margin:0 auto;padding:0 20px}
#bar{position:fixed;left:0;top:0;height:3px;width:0;background:#C9A96A;z-index:60}
header{position:sticky;top:0;z-index:50;background:rgba(12,15,20,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.07);transition:box-shadow .3s}
header.shadow{box-shadow:0 8px 28px rgba(0,0,0,.55)}
.hd{max-width:1100px;margin:0 auto;padding:0 16px;height:56px;display:flex;align-items:center;gap:10px}
.brand img{height:36px;width:auto}
.sp{flex:1}
.back{font:700 14px 'Nanum Gothic','Malgun Gothic',sans-serif;color:#E2C98C;padding:10px 6px;white-space:nowrap}
.thm{display:flex;align-items:center;gap:6px;height:38px;padding:0 12px;border:1px solid rgba(201,169,106,.5);border-radius:999px;background:transparent;color:#E2C98C;font:700 13px 'Nanum Gothic','Malgun Gothic',sans-serif;cursor:pointer;white-space:nowrap}
.thm:hover{background:rgba(201,169,106,.14)}
@media (max-width:420px){.thm{padding:0 9px}.thm .tl{display:none}.brand img{height:30px}}
/* 머리 */
.dh{padding:44px 0 30px;background:radial-gradient(ellipse at 80% 0,rgba(201,169,106,.16),transparent 55%),#0C0F14}
.crumb{margin:0 0 18px;font:400 13.5px 'Nanum Gothic','Malgun Gothic',sans-serif;color:#9AA3B2}
.crumb a:hover{color:#E2C98C}
.en{margin:0 0 6px;font-size:16px;letter-spacing:.03em;color:#C9A96A}
h1{margin:0 0 16px;font-weight:800;font-size:clamp(28px,5vw,42px);line-height:1.35;color:#F1E3C3;word-break:keep-all}
.intro{margin:0 0 26px;font-size:clamp(16px,2vw,19px);line-height:1.85;color:#D9D6CF;word-break:keep-all;max-width:680px}
.hpic{overflow:hidden;aspect-ratio:var(--ar,16/9);max-width:640px;background:#1b212b;border:1px solid rgba(255,255,255,.07)}
.hpic img{width:100%;height:100%;object-fit:cover}
/* 섹션 */
.ds{padding:46px 0 20px}
.ds.alt{background:#11151C;padding:44px 0 46px;margin-top:20px}
h2{margin:0 0 22px;font-weight:700;font-size:clamp(22px,3vw,28px);color:#F1EEE7;position:relative;padding-bottom:12px;word-break:keep-all}
h2::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:2px;background:#C9A96A}
.items li{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.items li:first-child{border-top:1px solid rgba(255,255,255,.09)}
.n{flex:none;font:700 15px 'Nanum Gothic',sans-serif;color:#C9A96A;padding-top:5px;letter-spacing:.06em}
.items h3{margin:0 0 6px;font-size:clamp(17px,2vw,20px);line-height:1.5;color:#F1E3C3;font-weight:700;word-break:keep-all}
.items p{margin:0;font-size:15.5px;line-height:1.85;color:#CFCBC3;word-break:keep-all}
.who li{position:relative;padding:8px 0 8px 22px;font-size:16px;color:#D9D6CF;word-break:keep-all}
.who li::before{content:"";position:absolute;left:2px;top:19px;width:7px;height:7px;background:#C9A96A}
/* 상담 */
.cta{padding:56px 0 50px;text-align:center}
.cta h2{display:block;padding-bottom:12px}
.cta h2::after{left:50%;transform:translateX(-50%)}
.cta p{margin:0 auto 22px;max-width:560px;font-size:15.5px;color:#CFCBC3;word-break:keep-all}
.cb{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:stretch}
.cb>*{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 26px;border-radius:8px;font:700 16px 'Nanum Gothic','Malgun Gothic',sans-serif;cursor:pointer;border:0;transition:transform .2s,box-shadow .2s}
.apply{background:linear-gradient(135deg,#F1DDA8,#D9B976 48%,#B48A45);color:#1B1408;gap:8px}
.apply:hover{transform:translateY(-3px);box-shadow:0 14px 28px -12px rgba(201,169,106,.6)}
.tel{background:#171C25;color:#E8D29B;box-shadow:inset 0 0 0 1px rgba(201,169,106,.7)}
.kk{background:#FEE500;color:#191919}
.cb>a:hover{transform:translateY(-3px)}
p.note{margin-top:18px;margin-bottom:0;font:400 13.5px 'Nanum Gothic','Malgun Gothic',sans-serif;color:#9AA3B2}
.more{padding:10px 0 60px}
.ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px}
.ol a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border:1px solid rgba(201,169,106,.35);border-radius:8px;background:#141A24;color:#E8D9B5;font:700 15px 'Nanum Gothic','Malgun Gothic',sans-serif;word-break:keep-all;transition:border-color .2s,background .2s}
.ol a:hover{border-color:#C9A96A;background:#1A212D}
.ol i{font-style:normal;color:#C9A96A}
footer{background:#07090C;color:#C9C3B5;border-top:1px solid rgba(255,255,255,.07);padding:34px 0 50px}
footer p{margin:0 0 4px;font-size:14.5px}
footer .fb{font-size:19px;font-weight:700;color:#E3C98F;margin-bottom:8px}
footer a{color:#E3C98F;font-weight:700}
/* 등장 */
.up{transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
.js .up{opacity:0;transform:translateY(22px)}
.js .up.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.js .up{opacity:1!important;transform:none!important}}
/* 밝은 화면 */
html[data-theme="light"]{color-scheme:light;background:#F6F3EC}
html[data-theme="light"] body{background:#F6F3EC;color:#26231E}
html[data-theme="light"] #bar{background:#8A6A2F}
html[data-theme="light"] header{background:rgba(246,243,236,.9);border-bottom-color:rgba(60,45,20,.12)}
html[data-theme="light"] .brand img{filter:invert(1) hue-rotate(180deg) brightness(.72) saturate(1.2)}
html[data-theme="light"] .back,html[data-theme="light"] .thm{color:#6F5226}
html[data-theme="light"] .thm{border-color:rgba(111,82,38,.5)}
html[data-theme="light"] .dh{background:radial-gradient(ellipse at 80% 0,rgba(201,169,106,.25),transparent 55%),#F6F3EC}
html[data-theme="light"] .crumb{color:#6B6455}
html[data-theme="light"] .en{color:#8A6A2F}
html[data-theme="light"] h1{color:#3B2B12}
html[data-theme="light"] .intro{color:#3A362E}
html[data-theme="light"] .hpic{background:#E9E3D4;border-color:rgba(60,45,20,.12)}
html[data-theme="light"] h2{color:#22201B}
html[data-theme="light"] h2::after{background:#8A6A2F}
html[data-theme="light"] .ds.alt{background:#EFE9DB}
html[data-theme="light"] .items li{border-color:rgba(60,45,20,.14)}
html[data-theme="light"] .n{color:#8A6A2F}
html[data-theme="light"] .items h3{color:#3B2B12}
html[data-theme="light"] .items p,html[data-theme="light"] .who li,html[data-theme="light"] .cta p{color:#3A362E}
html[data-theme="light"] .who li::before{background:#8A6A2F}
html[data-theme="light"] .tel{background:#fff;color:#3B2B12;box-shadow:inset 0 0 0 1px rgba(138,106,47,.7)}
html[data-theme="light"] p.note{color:#6B6455}
html[data-theme="light"] .ol a{background:#fff;color:#3B2B12;border-color:rgba(138,106,47,.4)}
html[data-theme="light"] .ol a:hover{background:#F3EDE0;border-color:#8A6A2F}

/* 가독성: 줄바꿈·줄간격 (PC/태블릿/모바일) */
h1,h2,.items h3,.cta h2{text-wrap:balance;overflow-wrap:break-word}
.intro,.items p,.who li,.cta p,.crumb{text-wrap:pretty;overflow-wrap:break-word}
.intro{line-height:1.9}
.items p{line-height:1.9}
.items li{padding:22px 0}
.who li{line-height:1.75;padding:9px 0 9px 22px}
.who li::before{top:20px}
.cta h2{line-height:1.45}
.cta p{line-height:1.9;margin-bottom:26px}
p.note{line-height:1.9}
@media (min-width:900px){
 .w{padding:0 28px}
 .dh{padding:60px 0 40px}
 .items li{gap:22px;padding:26px 0}
 .items p{font-size:16.5px}
}
@media (min-width:600px) and (max-width:899px){
 .w{padding:0 32px}
 .items p{font-size:16px}
}
@media (max-width:480px){
 body{line-height:1.8}
 .w{padding:0 18px}
 .dh{padding:34px 0 26px}
 h1{font-size:27px;line-height:1.4}
 .intro{font-size:16px}
 .items li{gap:12px;padding:20px 0}
 .items h3{font-size:17px}
 .items p{font-size:15.5px;line-height:1.9}
 .who li{font-size:15.5px}
 .cta{padding:46px 0 42px}
 .cta h2{font-size:23px}
 .cb{flex-direction:column}
 .cb>*{width:100%}
 .ol a{padding:17px 16px}
}
p.note{font-size:14px;line-height:1.95!important;word-break:keep-all}
@media (max-width:600px){p.note{font-size:13.5px}}
.cta p{word-break:keep-all}