:root{
  --cream:#FAF7F2; --card:#FFFFFF; --ink:#241C14; --ink2:#5B4A3A; --line:#E7DDCE;
  --brown:#2B2118; --gold:#8A5A20; --gold-l:#C9A06A; --red:#C0392B; --green:#1E6B4F;
  --max:1100px; --r:18px; --sh:0 2px 18px rgba(43,33,24,.07);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'SUIT Variable','Pretendard',-apple-system,BlinkMacSystemFont,'Malgun Gothic',sans-serif;
  background:var(--cream);color:var(--ink);line-height:1.85;letter-spacing:-.005em;font-weight:450;
  -webkit-text-size-adjust:100%;padding-bottom:64px}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 18px}
.sec{padding:56px 0}
.sec.alt{background:#F3ECE1}
.sec.dark{background:var(--brown);color:#F5EFE6}
.sec.dark .lead,.sec.dark p{color:#D9CDBC}

/* 헤더 */
header{position:sticky;top:0;z-index:50;background:rgba(250,247,242,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.hd{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-weight:800;font-size:20px;letter-spacing:-.02em}
.logo b{color:var(--gold)}
.gnb{display:none;gap:20px;font-size:15px;font-weight:600}
.gnb a:hover{color:var(--gold)}
.hd-tel{font-weight:800;color:var(--red);font-size:15px}

/* 히어로 */
.hero{background:linear-gradient(160deg,#2B2118 0%,#3D2E1F 55%,#241A12 100%);color:#fff;padding:56px 0 48px}
.hero .eyebrow{color:var(--gold-l);font-weight:700;letter-spacing:.14em;font-size:13px}
.hero h1{font-size:clamp(28px,7vw,44px);font-weight:800;line-height:1.42;letter-spacing:-.015em;margin:16px 0 18px}
.hero h1 em{font-style:normal;color:#E9C98F}
.hero .lead{color:#D9CDBC;font-size:clamp(15px,3.6vw,18px)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}
.stat{background:rgba(255,255,255,.07);border:1px solid rgba(233,201,143,.25);border-radius:var(--r);padding:14px 10px;text-align:center}
.stat b{display:block;font-size:clamp(20px,5vw,25px);font-weight:800;color:#E9C98F;letter-spacing:-.01em}
.stat span{font-size:12px;color:#C6B8A4}

/* 버튼 */
.btns{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:999px;
  font-weight:800;font-size:16px;border:2px solid transparent;transition:.15s}
.btn-p{background:var(--red);color:#fff}
.btn-p:hover{filter:brightness(1.07)}
.btn-g{background:#E9C98F;color:#2B2118}
.btn-o{border-color:rgba(255,255,255,.5);color:#fff}
.sec .btn-o{border-color:var(--gold);color:var(--gold)}

/* 타이포 */
h2{font-size:clamp(22px,5.2vw,31px);font-weight:800;letter-spacing:-.015em;line-height:1.45}
h3{font-size:clamp(17px,4.2vw,20px);font-weight:700;letter-spacing:-.01em;line-height:1.5;margin-bottom:10px}
.sub{color:var(--gold);font-weight:700;font-size:14px;letter-spacing:.1em;margin-bottom:10px}
.lead{color:var(--ink2);font-size:clamp(15px,3.7vw,17px);margin-top:14px;line-height:1.9}
.mt{margin-top:26px}

/* 카드 */
.grid{display:grid;gap:14px;margin-top:26px}
.g2{grid-template-columns:1fr}
.g3{grid-template-columns:1fr}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--sh)}
.card .num{font-size:27px;font-weight:800;color:var(--gold);letter-spacing:-.01em}
.card p{color:var(--ink2);font-size:15px}

/* 표 */
.tbl{width:100%;border-collapse:collapse;margin-top:20px;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);font-size:15px}
.tbl th,.tbl td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:center}
.tbl thead th{background:var(--brown);color:#E9C98F;font-weight:800}
.tbl tbody th{background:#F7F1E7;font-weight:700;text-align:left;color:var(--ink)}
.tbl .hi{color:var(--gold);font-weight:800}
.tbl tr:last-child td,.tbl tr:last-child th{border-bottom:0}
.tblwrap{overflow-x:auto}

/* 계산기 */
.calc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--sh)}
.field{margin-bottom:18px}
.field label{display:block;font-weight:700;margin-bottom:8px;font-size:15px}
.field input[type=number]{width:100%;padding:14px;border:2px solid var(--line);border-radius:10px;font-size:17px;font-weight:700;font-family:inherit}
.field input:focus{outline:0;border-color:var(--gold)}
.opts{display:flex;gap:8px;flex-wrap:wrap}
.opt{flex:1;min-width:90px;padding:12px 8px;border:2px solid var(--line);border-radius:10px;background:#fff;font-weight:700;cursor:pointer;font-family:inherit;font-size:15px}
.opt.on{border-color:var(--gold);background:#FBF4E9;color:var(--gold)}
.result{margin-top:22px;padding:22px;border-radius:var(--r);background:#F7F1E7;border:2px solid var(--gold-l)}
.result .verdict{font-size:clamp(20px,5vw,25px);font-weight:800;color:var(--brown);letter-spacing:-.01em;line-height:1.45}
.result .why{color:var(--ink2);margin-top:8px;font-size:15px}
.rrow{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed #DCCDB5;font-size:15px}
.rrow:last-child{border:0}
.rrow b{font-weight:800}

/* 하단 고정 CTA */
.fixcta{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1fr;
  box-shadow:0 -2px 14px rgba(0,0,0,.13)}
.fixcta a{padding:17px 8px;text-align:center;font-weight:800;font-size:16px}
.fixcta .c1{background:var(--brown);color:#fff}
.fixcta .c2{background:#E9C98F;color:#2B2118}

/* 푸터 */
footer{background:#1E1710;color:#A79883;padding:34px 0 78px;font-size:13px;line-height:2}
footer b{color:#E9C98F}

@media(min-width:760px){
  .gnb{display:flex}
  .g2{grid-template-columns:1fr 1fr}
  .g3{grid-template-columns:repeat(3,1fr)}
  .sec{padding:76px 0}
  body{padding-bottom:0}
  .fixcta{display:none}
}

/* 섹션 사진 */
.photo{margin:28px 0 0;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.photo img{width:100%;aspect-ratio:16/9;object-fit:cover}
.photo figcaption{padding:12px 16px;background:#fff;color:var(--ink2);font-size:14px}
.sec.dark .photo figcaption{background:#3A2C1E;color:#D9CDBC}
.photo.tall img{aspect-ratio:4/3}
/* 후기 */
.rev{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--sh)}
.rev p{font-size:16px;color:var(--ink);line-height:1.85}
.rev .who{margin-top:12px;color:var(--gold);font-weight:700;font-size:14px}
.note{margin-top:14px;font-size:13px;color:#9A8977}

/* 가이드(키워드 글) */
.article h1{font-size:clamp(26px,4vw,38px);line-height:1.3;font-weight:800;letter-spacing:-.02em;margin:8px 0 18px}
.article h2{margin-top:44px}
.article h3{margin-top:26px}
.article p{margin:12px 0;font-size:17px}
.article .list{margin:12px 0 12px 22px}
.article .list li{margin:4px 0;font-size:17px}
.article .note{border-left:4px solid var(--gold-l);padding:10px 16px;background:var(--card);border-radius:8px;color:var(--ink2);margin:16px 0}
.article .photo{margin:22px 0}
.guide-list{display:grid;gap:14px;margin-top:22px}
.guide-list .card h3{margin:0 0 6px}

/* 로고 */
.logo{display:inline-flex;align-items:center;gap:8px}
.logo img{width:34px;height:34px;object-fit:contain;display:inline-block}