/* 와이즈컨설팅그룹 정적 사이트 1차 — 네이비+골드(d-hp2-color 1안) · AI팀 2026-10-27 */
:root{--pri:#14284B;--pri2:#0F1F3B;--acc:#E8A33D;--bg:#FFFFFF;--soft:#F5F2EA;--line:#E3E0D8;--ink:#1D2433;--mute:#5A6272;
--font:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;--w:1120px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.7;word-break:keep-all}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.draft{background:#FFF4DC;color:#7A5200;font-size:12.5px;text-align:center;padding:6px 16px}
header{background:var(--pri);color:#fff;position:sticky;top:0;z-index:20}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.logo{font-weight:800;letter-spacing:-.3px;text-decoration:none;font-size:18px}
.logo span{color:var(--acc)}
nav ul{list-style:none;display:flex;gap:22px;font-size:14px}
nav a{text-decoration:none;opacity:.88}
nav a:hover,nav a[aria-current]{opacity:1;color:var(--acc)}
.navbtn{display:none;background:none;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:6px;padding:6px 10px;font-size:14px}
.hero{background:linear-gradient(160deg,var(--pri) 0%,var(--pri2) 100%);color:#fff;padding:88px 0 96px}
.hero.sub{padding:56px 0 60px}
.eyebrow{display:inline-block;font-size:12px;letter-spacing:1px;border:1px solid rgba(255,255,255,.35);padding:3px 12px;border-radius:999px;margin-bottom:20px}
.hero h1{font-size:clamp(28px,5vw,48px);line-height:1.28;letter-spacing:-1px;max-width:780px}
.hero h1 em{font-style:normal;color:var(--acc)}
.hero p{margin-top:18px;max-width:680px;opacity:.88;font-size:16px}
.cta{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:13px 22px;border-radius:6px;font-weight:700;font-size:15px;text-decoration:none}
.btn.main{background:var(--acc);color:var(--pri)}
.btn.line{border:1px solid rgba(255,255,255,.55);color:#fff}
.btn.dark{background:var(--pri);color:#fff}
section{padding:72px 0}
section.soft{background:var(--soft)}
h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.6px;color:var(--pri);margin-bottom:8px}
.lead{color:var(--mute);margin-bottom:32px;max-width:720px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}
section.soft .card{border-color:transparent}
.card .n{font-size:12px;font-weight:800;color:var(--acc);letter-spacing:.5px}
.card h3{font-size:18px;margin:6px 0 8px;color:var(--pri)}
.card p{font-size:14.5px;color:#3A4252}
.tag{display:inline-block;font-size:11.5px;margin-top:12px;padding:2px 10px;border-radius:999px;border:1px solid var(--pri);color:var(--pri)}
.pillars{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.pillar{border-left:4px solid var(--acc);padding:4px 0 4px 18px}
.pillar b{display:block;font-size:18px;color:var(--pri);margin-bottom:4px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.step{border-top:3px solid var(--acc);padding-top:14px}
.step i{font-style:normal;font-size:12px;font-weight:800;color:var(--acc)}
.step b{display:block;color:var(--pri);font-size:16px}
.step span{font-size:13.5px;color:var(--mute)}
.fee{margin-top:26px;font-size:14px;color:var(--mute);background:#fff;border:1px dashed var(--line);border-radius:8px;padding:14px 16px}
.band-t{font-size:13px;font-weight:700;color:var(--pri);letter-spacing:.2px;margin:0 0 10px}
.band{display:flex;flex-wrap:wrap;gap:36px;align-items:baseline;margin-bottom:28px}
.band strong{display:block;font-size:34px;color:var(--pri);letter-spacing:-.8px}
.band div{font-size:14px;color:var(--mute)}
.fn{font-size:12px;color:var(--mute);margin-top:-12px;margin-bottom:28px}
.case{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}
.case .meta{font-size:13px;font-weight:700;color:var(--acc)}
.case dl{display:grid;grid-template-columns:72px 1fr;gap:6px 10px;margin-top:10px;font-size:14px}
.case dt{font-weight:700;color:var(--pri)}
.case.todo{border-style:dashed;color:var(--mute)}
.two{display:grid;gap:36px;grid-template-columns:1fr 1fr;align-items:start}
.list{list-style:none}
.list li{padding:10px 0 10px 22px;border-bottom:1px solid var(--line);position:relative}
.list li:before{content:"";position:absolute;left:2px;top:20px;width:8px;height:8px;border-radius:50%;background:var(--acc)}
.cmp{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff}
.cmp th,.cmp td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.cmp th{background:var(--pri);color:#fff;font-weight:700}
.cmp td:first-child{font-weight:700;color:var(--pri);white-space:nowrap}
.svc{padding:36px 0;border-bottom:1px solid var(--line)}
.svc:last-child{border-bottom:0}
.svc h3{font-size:22px;color:var(--pri);margin:4px 0 10px}
.ctabox{background:var(--pri);color:#fff;border-radius:14px;padding:40px 32px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
.ctabox h2{color:#fff;margin:0}
.ctabox p{opacity:.85;margin-top:6px}
.profile{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:start}
.photo{aspect-ratio:3/4;background:var(--soft);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--mute);font-size:13px;text-align:center;padding:10px}
.info{display:grid;grid-template-columns:110px 1fr;gap:10px 14px;font-size:15px}
.info dt{font-weight:700;color:var(--pri)}
footer{background:var(--pri2);color:rgba(255,255,255,.75);font-size:13px;padding:40px 0}
footer .wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}
footer b{color:#fff}
footer a{text-decoration:none}
.small{font-size:12.5px;color:var(--mute)}
@media (max-width:820px){
 nav ul{display:none;position:absolute;left:0;right:0;top:64px;background:var(--pri);flex-direction:column;gap:0;padding:8px 20px 16px}
 nav ul.open{display:flex}
 nav li a{display:block;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}
 .navbtn{display:block}
 .two,.profile{grid-template-columns:1fr}
 .photo{max-width:220px}
 section{padding:52px 0}
 .hero{padding:60px 0 68px}
 .cmp{font-size:13.5px}
 .cmp td:first-child{white-space:normal}
}