:root{
  --or:#EA5B14;--or-dk:#C3490E;--or-lt:rgba(234,91,20,0.10);
  --bk:#0D0D0D;--wh:#FFFFFF;--gray:#F5F3F0;
  --dk-tx:#1A1A1A;--sl:#5A5A6A;--mu:#999;--bd:#E4E0DA;
  --fn:'Pretendard',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--fn);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  word-break: keep-all;
  overflow-wrap: break-word;
}
img{display:block;max-width:100%}
a{text-decoration:none}
.inner{max-width:1400px;margin:0 auto;padding:0 4%}
/* ── NAV ── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  height:80px;display:flex;align-items:center;padding:0 4%;
  background:transparent;
  border-bottom:1px solid transparent;
  transition:background .35s,border-color .35s,box-shadow .35s;
}
nav.sc{
  background:rgba(255,255,255,0.97);
  border-bottom-color:var(--bd);
  box-shadow:0 1px 24px rgba(0,0,0,0.07);
}
.nl{display:flex;align-items:center;margin-right:auto}
.nl-stack{display:flex;flex-direction:column;align-items:center;gap:3px}
.nl-stack img{height:36px;width:auto;object-fit:contain;display:block}
.nl-sub{
  font-size:12px;font-weight:600;letter-spacing:2.2px;
  color:#3F3F3F;white-space:nowrap;line-height:1;
  transition:color .35s;
}
nav:not(.sc) .nl-sub{color:rgba(255,255,255,.9)}
nav:not(.sc) .nl-links a{color:rgba(255,255,255,.8)}
nav:not(.sc) .nl-links a:hover{color:#fff}
.nl-links{display:flex;align-items:center;gap:2.25rem}
.nl-links a{font-size:15px;font-weight:500;color:rgba(255,255,255,.68);transition:color .2s}
.nl-links a:hover{color:#fff}
nav.sc .nl-links a{color:var(--sl)}
nav.sc .nl-links a:hover{color:var(--dk-tx)}
.nl-links a.act{color:var(--or)!important}
.n-btn{
  margin-left:2rem;padding:8px 20px;background:var(--or);color:#fff;
  font-size:14.5px;font-weight:700;border-radius:2px;
  transition:background .2s,transform .1s;display:inline-flex;align-items:center;gap:.35rem;
}
.n-btn:hover{background:var(--or-dk);transform:translateY(-1px)}
.n-ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}
.n-ham span{display:block;width:22px;height:2px;border-radius:1px;transition:background .3s}
nav:not(.sc) .n-ham span{background:#fff}
nav.sc .n-ham span{background:var(--dk-tx)}
/* ── CJK 줄바꿈 보정 (중·일 페이지는 keep-all 해제) ── */
html[lang="ja"] *,html[lang^="zh"] *{word-break:normal;overflow-wrap:break-word}
/* ── 언어 선택 바 ── */
.lang-bar{
  position:absolute;top:80px;right:4%;
  display:flex;align-items:center;
  padding:8px 0;font-size:12.5px;letter-spacing:.3px;line-height:1;
}
.lang-bar a{color:#8A8578;font-weight:500;transition:color .2s}
.lang-bar a:hover{color:var(--or)}
.lang-bar b{color:var(--or);font-weight:700}
.lang-bar i{font-style:normal;color:#D5CCC0;margin:0 8px}
nav:not(.sc) .lang-bar a{color:rgba(255,255,255,.75)}
nav:not(.sc) .lang-bar a:hover{color:#fff}
nav:not(.sc) .lang-bar b{color:#FF8447}
nav:not(.sc) .lang-bar i{color:rgba(255,255,255,.3)}
/* ── HERO ── */
.hero{
  position:relative;min-height:100vh;overflow:hidden;
  background:#141A22;
  display:flex;align-items:center;
  padding:120px 4% 100px;
}
.hero-vid{
  position:absolute;inset:0;z-index:1;
  width:100%;height:100%;object-fit:cover;
}
.hero-ol{
  position:absolute;inset:0;z-index:5;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(13,17,23,.72) 0%,rgba(13,17,23,.5) 48%,rgba(13,17,23,.28) 100%),
    linear-gradient(180deg,rgba(13,17,23,.35) 0%,rgba(13,17,23,.15) 45%,rgba(13,17,23,.55) 100%);
}
.sh.sh-sm{font-size:clamp(17px,2.1vw,27px)}
/* ── LOGO BAND ── */
.logoband{
  background:#fff;
  display:flex;justify-content:center;align-items:center;
  padding:clamp(21px,2.8vw,35px) 4%;
}
.logoband img{height:clamp(38px,5vw,60px);width:auto;opacity:.95}
.hero-ct{
  position:relative;z-index:6;max-width:1600px;margin:0 auto;width:100%;
  align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
}
/* 숫자 스탯 + 버튼 묶음: 히어로 우하단 고정 */
.hero-br{position:absolute;right:-48px;bottom:-48px;display:flex;flex-direction:column;align-items:flex-start}
.hero-br .hstats{margin-bottom:0;max-width:580px}
@media(max-width:1240px){
  .hero-br{position:static;margin-top:2.25rem}
}
/* 스크롤 다운 인디케이터 (히어로 하단 중앙, 선이 아래로 흐르는 모션) */
.scroll-dn{
  position:absolute;left:max(4%,(100% - 1600px)/2);bottom:0;
  z-index:6;display:flex;flex-direction:column;align-items:center;gap:12px;
  font-size:12.5px;font-weight:500;letter-spacing:1.8px;color:rgba(255,255,255,.85);
  opacity:0;animation:fup .8s ease 2.6s forwards;
}
.scroll-dn i{
  display:block;width:1px;height:72px;position:relative;overflow:hidden;
  background:rgba(255,255,255,.22);
}
.scroll-dn i::after{
  content:"";position:absolute;left:0;top:-100%;width:100%;height:100%;
  background:#fff;
  animation:sdn 2.2s cubic-bezier(.45,0,.25,1) infinite;
}
@keyframes sdn{0%{top:-100%}55%{top:0}100%{top:100%}}
.scroll-dn:hover{color:#fff}
@keyframes fup{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
.hbadge{
  display:inline-flex;align-items:center;gap:.6rem;
  padding:10px 20px;margin-bottom:2.25rem;
  border:1px solid rgba(255,255,255,.32);background:rgba(13,17,23,.35);
  border-radius:2px;font-size:16px;font-weight:500;color:rgba(255,255,255,.88);
  opacity:0;animation:fup .75s ease 1.78s forwards;
}
.hbadge b{color:#FF8447;font-weight:800;letter-spacing:1px}
.hbadge i{font-style:normal;color:rgba(255,255,255,.3)}
.h1{
  font-family:var(--fn);
  font-size:clamp(32px,4.6vw,80px);font-weight:700;line-height:1.24;
  letter-spacing:-1.2px;color:#fff;margin-bottom:1.75rem;max-width:1100px;
  text-shadow:0 2px 24px rgba(0,0,0,.35);
}
@media(max-width:1440px){
  .h1{font-size:clamp(32px,4.2vw,66px)}
}
.h1 .hl{display:block;opacity:0;animation:fup .7s ease forwards}
.h1 .hl:nth-child(1){animation-delay:.15s}
.h1 .hl:nth-child(2){animation-delay:.69s}
.h1 .hl:nth-child(3){animation-delay:1.24s}
.h1 .hl:nth-child(4){animation-delay:1.78s}
.ph1 .phl{display:block;opacity:0;animation:fup .7s ease forwards}
.ph1 .phl:nth-child(1){animation-delay:.15s}
.ph1 .phl:nth-child(2){animation-delay:.69s}
.h1 em{font-style:normal;color:#FF8447;font-size:1.07em}
.h1 .oc{color:#FF8447;font-weight:inherit}
.h1 .h1-sub{font-size:.36em;font-weight:400;letter-spacing:-.3px;color:rgba(255,255,255,.9);margin-top:1.1rem;line-height:1.55}
.hsub{
  font-size:clamp(18px,1.8vw,21px);font-weight:400;color:#888;
  line-height:1.8;max-width:560px;margin-bottom:2.5rem;
  opacity:0;animation:fup .75s ease .42s forwards;
}
.hstats{
  display:flex;gap:clamp(2rem,4vw,4rem);flex-wrap:wrap;
  row-gap:.65rem;
  margin-bottom:2.75rem;
  opacity:0;animation:fup .75s ease 1.99s forwards;
}
.hbreak{flex-basis:100%;height:0}
.hst .hsl{font-size:18px;font-weight:600;color:rgba(255,255,255,.62);letter-spacing:.5px;margin-bottom:.3rem}
.hsn{font-size:clamp(34px,3.6vw,50px);font-weight:600;color:#fff;letter-spacing:-1.5px;line-height:1}
.hsn em{font-style:normal;font-size:.44em;font-weight:700;color:#FF8447;margin-left:3px;letter-spacing:0}
.hsn em.pre{font-size:.6em;color:#fff;font-weight:600;margin:0 2px 0 0;letter-spacing:-.5px}
.hsn em.dim{font-size:.44em;color:rgba(255,255,255,.5);font-weight:600;margin-left:8px;letter-spacing:.3px}
/* odometer digits */
.odo{display:inline-flex;overflow:hidden;height:1em;vertical-align:baseline}
.od{display:inline-block;height:1em;overflow:hidden}
.odc{display:flex;flex-direction:column}
.odc span{display:block;height:1em;line-height:1}
.hst .hsc{font-size:13px;color:rgba(255,255,255,.55);margin-top:.5rem;letter-spacing:.2px}
.hero .bo{color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.45)}
.hero .bo:hover{border-color:#FF8447;color:#FF8447}
.hbtns{
  display:flex;gap:.875rem;flex-wrap:wrap;
  opacity:0;animation:fup .75s ease 2.19s forwards;
}
/* ── PROFILE (대표 변리사 소개 — 히어로 바로 아래) ── */
.profile{
  position:relative;
  background:linear-gradient(180deg,#FEF8F3 0%,#FAE9DB 100%);
  padding:clamp(56px,6vw,96px) 4% 0;
}
.profile::before{
  content:"";position:absolute;left:0;right:0;bottom:0;
  height:clamp(170px,32%,300px);
  background:linear-gradient(90deg,#F9E4D1 0%,#F3D7BC 100%);
}
.prof-grid{
  position:relative;z-index:1;
  display:flex;align-items:flex-end;justify-content:flex-end;
  gap:clamp(2rem,6vw,96px);
  max-width:1360px;margin:0 auto;
}
.hp-img{
  height:min(97vh,984px);width:auto;display:block;flex-shrink:0;
  filter:drop-shadow(6px 16px 32px rgba(140,80,30,.22)) drop-shadow(0 4px 10px rgba(140,80,30,.12));
}
.hp-cred{max-width:660px;padding-bottom:clamp(48px,5.5vw,88px)}
.hp-name{font-family:var(--fn);font-size:36px;font-weight:700;color:var(--dk-tx);letter-spacing:-1px;margin-bottom:.3rem}
.hp-name span{font-size:19px;font-weight:700;color:var(--or);margin-left:.6rem;letter-spacing:0}
.hp-sec{
  font-size:18px;font-weight:800;letter-spacing:2.5px;color:var(--or);
  margin:1.6rem 0 .55rem;text-transform:uppercase;
}
.hp-cred ul{list-style:none;margin:0;padding:0}
.hp-cred li{font-size:20px;color:#5A5248;line-height:1.85;white-space:nowrap}
.hp-cred li b{
  display:inline-block;min-width:46px;
  font-weight:600;color:#B3A698;
}
.hp-cred li b.now{color:var(--or)}
.hp-cred li b.dot{min-width:15px}
.spec-tags{display:flex;flex-wrap:wrap;gap:11px;max-width:600px}
.spec-tags span{
  padding:10px 18px;background:#fff;border:1px solid #EBD8C3;border-radius:8px;
  font-size:16px;font-weight:600;color:#5A5248;white-space:nowrap;
  box-shadow:0 2px 12px rgba(140,80,30,.07);
}
@media(max-width:1200px){
  .hp-img{height:min(76vh,744px)}
  .hp-cred li{font-size:17px}
  .hp-name{font-size:30px}
}
@media(max-width:960px){
  .prof-grid{flex-direction:column;align-items:center;gap:2.5rem}
  .hp-img{max-width:80%;height:auto;max-height:56vh}
  .hp-cred{max-width:none;padding-bottom:2.5rem;align-self:stretch}
  .hp-cred li{white-space:normal;font-size:16.5px}
  .hp-name{font-size:27px}
  .spec-tags span{font-size:14.5px;padding:8px 14px}
}
.bp{
  padding:13px 30px;background:var(--or);color:#fff;font-family:var(--fn);
  font-size:15.5px;font-weight:700;border:none;border-radius:2px;cursor:pointer;
  display:inline-flex;align-items:center;gap:.45rem;
  transition:background .2s,transform .12s;
}
.bp:hover{background:var(--or-dk);transform:translateY(-2px)}
.bo{
  padding:12px 26px;background:transparent;color:#6B5A4E;font-family:var(--fn);
  font-size:15.5px;font-weight:500;border:1.5px solid #D9C8B8;border-radius:2px;
  cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;
  transition:border-color .2s,color .2s;
}
.bo:hover{border-color:var(--or);color:var(--or)}
/* ── CUTS (Smoothed out) ── */
.cut-dk-gr{height:clamp(24px, 3vw, 48px);background:linear-gradient(to bottom right,#0D0D0D 49.8%,var(--gray) 50.2%);margin-top:-1px}
.cut-wh-gr{height:clamp(20px, 2.5vw, 40px);background:linear-gradient(to bottom left,#fff 49.8%,var(--gray) 50.2%);margin-top:-1px}
.cut-gr-wh{height:clamp(20px, 2.5vw, 40px);background:linear-gradient(to bottom right,var(--gray) 49.8%,#fff 50.2%);margin-top:-1px}
/* ── ATTORNEY ── */
.attorney{background:var(--gray);padding:110px 0}
.ai{display:grid;grid-template-columns:460px 1fr;gap:5.5rem;align-items:start}
.apc{position:sticky;top:90px}
.aph{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top center}
.ac{margin-top:1.25rem}
.an{font-size:26px;font-weight:800;color:var(--dk-tx);letter-spacing:-.3px}
.ar{font-size:16px;color:var(--mu);margin-top:.3rem}
.adiv{height:3px;width:40px;background:var(--or);margin:1rem 0;border-radius:1px}
.etags{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:2.5rem}
.etag{font-size:14px;font-weight:700;padding:6px 14px;background:var(--or);color:#fff;border-radius:2px;letter-spacing:.3px}
.bio{font-size:18px;color:#4A4A4A;line-height:1.95;margin-bottom:2.75rem}
.stt{font-size:14px;font-weight:700;letter-spacing:3px;color:var(--or);text-transform:uppercase;padding-bottom:.75rem;border-bottom:2px solid var(--or);margin-bottom:1.25rem;margin-top:2.25rem}
.tl{margin-bottom:0}
.tr{display:grid;grid-template-columns:125px 1fr;gap:1rem;padding:.8rem 0;border-bottom:1px solid #DDD9D3}
.ty{font-size:16px;font-weight:700;color:var(--or);padding-top:2px;line-height:1.5}
.td{font-size:17px;color:#333;line-height:1.5}
.cl{}
.cr{display:flex;align-items:baseline;gap:.75rem;padding:.6rem 0;border-bottom:1px solid #E0DCD6;font-size:17px;color:#444}
.cr::before{content:'/';color:var(--or);font-weight:900;font-size:18px;flex-shrink:0}
.exp-txt{font-size:17px;color:var(--sl);line-height:1.85;margin-top:.75rem}
.exp-txt strong{color:var(--dk-tx);font-weight:600}
/* ── SERVICES ── */
.services{background:#FDF5EE;padding:90px 0 110px}
.ey{font-size:13px;font-weight:600;letter-spacing:3.5px;color:var(--or);text-transform:uppercase;margin-bottom:1rem}
.sh{font-family:'Noto Serif KR',serif;font-size:clamp(26px,3.2vw,42px);font-weight:600;line-height:1.32;letter-spacing:-.5px;color:var(--dk-tx); word-break:keep-all}
.svc-acc{
  display:flex;gap:5px;height:500px;margin-top:3.5rem;
  border-radius:4px;overflow:hidden;
}
.ss{
  position:relative;flex:1;min-width:72px;overflow:hidden;
  cursor:pointer;transition:flex .55s cubic-bezier(.4,0,.2,1);
}
.ss.on,.ss:hover{flex:4.5}
.ss img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;
  filter:grayscale(70%) brightness(0.48);
  transition:filter .5s ease;
}
.ss.on img,.ss:hover img{filter:grayscale(15%) brightness(0.58)}
.so{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,0.92) 38%,rgba(0,0,0,0.06) 100%);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:1.75rem;
}
.sib{
  width:46px;height:46px;background:var(--or);border-radius:3px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  margin-bottom:0;
  transition:transform .3s,opacity .3s, margin-bottom .3s ease;
}
.ss.on .sib, .ss:hover .sib {
  margin-bottom: 1.2rem;
}
.sib svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.st{
  font-size:22px;font-weight:800;color:#fff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  letter-spacing:-.2px;
  max-height:0; opacity:0; margin:0; padding:0;
  transition:max-height .4s ease, opacity .3s ease, margin-bottom .3s ease;
}
.ss.on .st,.ss:hover .st{
  max-height:45px; opacity:1; margin-bottom:.6rem;
}
.sd{
  font-size:16px;color:rgba(255,255,255,.8);line-height:1.72;
  max-height:0;overflow:hidden;opacity:0; margin:0; padding:0;
  transition:max-height .42s ease,opacity .32s ease .08s;
}
.ss.on .sd,.ss:hover .sd{max-height:180px;opacity:1}
.stags{
  display:flex;flex-wrap:wrap;gap:.35rem;
  max-height:0; opacity:0; margin:0; padding:0; overflow:hidden;
  transition:max-height .4s ease, opacity .3s ease, margin-top .3s ease;
}
.ss.on .stags,.ss:hover .stags{
  max-height:80px; opacity:1; margin-top:.875rem;
}
.stag{
  font-size:14px;font-weight:600;padding:4px 10px;
  border:1px solid rgba(255,255,255,.22);border-radius:2px;
  color:rgba(255,255,255,.65);white-space:nowrap;
}
.sv{
  writing-mode:vertical-rl;
  text-orientation:mixed;
  position:absolute;
  top:2.5rem;
  left:50%;
  transform:translateX(-50%);
  font-size:17px;
  font-weight:700;
  color:#ffffff;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5);
  letter-spacing:3px;
  pointer-events:none;
  white-space:nowrap;
  transition:opacity .22s ease;
}
.ss.on .sv,.ss:hover .sv{opacity:0;pointer-events:none}
/* ── ONE STOP PACKAGE ── */
.onestop{position:relative;background:var(--gray);padding:90px 0 110px;overflow:hidden;scroll-margin-top:82px}
.onestop::before{
  content:'';position:absolute;right:-140px;top:-100px;width:520px;height:520px;
  background:radial-gradient(circle,rgba(234,91,20,.09),transparent 70%);pointer-events:none;
}
.os-head{text-align:center;max-width:780px;margin:0 auto}
.os-tt{font-family:'Noto Serif KR',serif;font-size:clamp(28px,3.3vw,46px);font-weight:600;color:var(--dk-tx);letter-spacing:-.5px;line-height:1.3;margin-top:.4rem}
.os-tt em{font-style:normal;color:var(--or)}
.os-sub{font-size:clamp(15px,1.5vw,18px);color:var(--sl);line-height:1.75;margin-top:1.1rem}
.os-sub b{color:var(--dk-tx)}
.os-cmp{display:flex;align-items:stretch;justify-content:center;gap:1.75rem;margin-top:3.5rem;flex-wrap:wrap}
.os-card{
  flex:1;max-width:390px;min-width:260px;
  border:1px solid var(--bd);border-radius:6px;background:#fff;
  padding:2.25rem 2rem;text-align:center;
}
.os-lb{font-size:15px;font-weight:700;color:#999;letter-spacing:.5px}
.os-num{font-size:clamp(52px,5vw,76px);font-weight:900;color:#B7B0A7;letter-spacing:-2px;line-height:1.1;margin:.8rem 0 .5rem}
.os-num em{font-style:normal;font-size:.38em;font-weight:700;letter-spacing:0}
.os-ds{font-size:15px;color:#999;line-height:1.65}
.os-card.hot{border-color:var(--or);box-shadow:0 12px 44px rgba(234,91,20,.16)}
.os-card.hot .os-lb{color:var(--or)}
.os-card.hot .os-num{color:var(--dk-tx)}
.os-card.hot .os-num em{color:var(--or)}
.os-card.hot .os-ds{color:#555}
.os-vs{align-self:center;font-size:20px;font-weight:900;color:#B7B0A7;letter-spacing:1px}
.os-flow{display:flex;justify-content:center;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:3.25rem}
.os-step{display:flex;align-items:center;gap:.6rem;font-size:15px;font-weight:600;color:#555}
.os-step span{padding:9px 18px;border:1px solid #DDD8D1;border-radius:99px;background:#fff;white-space:nowrap}
.os-step i{font-style:normal;color:var(--or);font-weight:900}
.os-step span.hl{border-color:var(--or);color:var(--or);font-weight:800}
.os-note{text-align:center;font-size:13px;color:#A9A29A;margin-top:2.25rem}
/* ── WHY (sticky) ── */
.why{background:#fff;padding:110px 0}
.why-wrap{display:grid;grid-template-columns:minmax(260px,.72fr) 1.4fr;gap:clamp(3rem,6vw,7rem);align-items:start}
.why-left{position:sticky;top:130px}
.why-sub{font-size:17.5px;color:var(--sl);line-height:1.75;margin-top:1.4rem}
.why-left .bp{margin-top:2.5rem}
.wp{margin-bottom:6rem;width:88%}
.why-right .wp:nth-child(even){margin-left:auto}
.wp:last-child{margin-bottom:0}
.wp-img{border-radius:4px;overflow:hidden;aspect-ratio:16/10;margin-bottom:1.75rem}
.wp-img img{width:100%;height:100%;object-fit:cover}
.wp-tt{font-family:'Noto Serif KR',serif;font-size:clamp(21px,2.1vw,28px);font-weight:600;letter-spacing:-.3px;color:var(--dk-tx);line-height:1.4;margin:.6rem 0 1rem}
.wp-ds{font-size:17px;color:#4A4A4A;line-height:1.85;margin-bottom:1.5rem}
.wp-chk{background:var(--gray);border-radius:4px;padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:.7rem}
.wp-chk div{display:flex;gap:.7rem;align-items:baseline;font-size:16px;font-weight:600;color:#333;line-height:1.55}
.wp-chk div::before{content:'✓';color:var(--or);font-weight:900;flex-shrink:0}
.svc-more{text-align:center;margin-top:3rem}
.more-lnk{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:14px 32px;border:1.5px solid var(--dk-tx);border-radius:2px;
  font-size:17px;font-weight:600;color:var(--dk-tx);
  transition:background .2s,color .2s;
}
.more-lnk:hover{background:var(--dk-tx);color:#fff}
/* ── PROCESS ── */
.process{background:#fff;padding:100px 0}
.pg{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:4.5rem;border:1px solid var(--bd);border-right:none;border-bottom:none}
.ps{padding:3rem 2rem;border-right:1px solid var(--bd);border-bottom:1px solid var(--bd);transition:background .2s}
.ps:hover{background:#FAFAF8}
.ps:hover .pn{color:rgba(211,95,48,.3)}
.pn{font-size:56px;font-weight:900;color:rgba(211,95,48,.1);line-height:1;margin-bottom:1.5rem;letter-spacing:-2px;transition:color .2s}
.pt{font-size:19px;font-weight:700;color:var(--dk-tx);margin-bottom:.75rem}
.pd{font-size:16px;color:var(--sl);line-height:1.7}
/* ── CONTACT ── */
.contact{background:var(--gray);padding:110px 0}
.cti{display:grid;grid-template-columns:1fr 1fr;gap:7rem;align-items:start}
.cii{padding:1.5rem 0;border-bottom:1px solid var(--bd)}
.cl2{font-size:14px;font-weight:700;letter-spacing:2.5px;color:var(--or);text-transform:uppercase;margin-bottom:.5rem}
.cv{font-size:18px;color:#333;line-height:1.6}
.cn{margin-top:2.25rem;padding:1.75rem;background:#fff;border-left:3px solid var(--or)}
.cni{display:flex;gap:.75rem;font-size:17px;color:#555;line-height:2}
.cni::before{content:'✓';color:var(--or);font-weight:700;flex-shrink:0}
.cf{display:flex;flex-direction:column;gap:1.5rem}
.fg label{display:block;font-size:14px;font-weight:700;letter-spacing:2px;color:#999;text-transform:uppercase;margin-bottom:.6rem}
.fg input,.fg textarea,.fg select{
  font-family:var(--fn);font-size:18px;color:var(--dk-tx);
  background:#fff;border:1px solid var(--bd);border-radius:2px;
  padding:14px 18px;width:100%;transition:border-color .2s;
}
.fg select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;cursor:pointer}
.fg input:focus,.fg textarea:focus,.fg select:focus{outline:none;border-color:var(--or)}
.fg textarea{resize:vertical;min-height:130px}
.csub{
  padding:16px;background:var(--or);color:#fff;font-family:var(--fn);
  font-size:18px;font-weight:700;border:none;border-radius:2px;cursor:pointer;
  width:100%;display:flex;align-items:center;justify-content:center;
  gap:.6rem;transition:background .2s,transform .1s;
}
.csub:hover{background:var(--or-dk);transform:translateY(-1px)}
.csub:disabled{opacity:.6;cursor:wait;transform:none}
.cf-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cf-msg{display:none;margin-top:-.4rem;padding:12px 14px;border-radius:2px;font-size:14.5px;line-height:1.6;word-break:keep-all}
.cf-msg.ok{display:block;background:#EAF7EE;color:#1E6B3A;border:1px solid #BFE3CC}
.cf-msg.err{display:block;background:#FDECEC;color:#A32626;border:1px solid #F3C2C2}
.cf-msg a{color:inherit;font-weight:700;text-decoration:underline}
.fc-alias{display:block;margin-top:.6rem;font-size:12px;color:#8C8C8C;letter-spacing:.2px;word-break:keep-all}
/* ── 상담 접수 완료 팝업 ── */
.cf-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(20,16,12,.55);backdrop-filter:blur(3px)}
.cf-modal.show{display:flex;animation:cfm-in .25s ease}
.cf-modal-box{background:#fff;border-radius:6px;max-width:460px;width:100%;padding:44px 36px 32px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.3);position:relative}
.cf-modal-ic{width:64px;height:64px;border-radius:50%;background:var(--or);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:30px;font-weight:900}
.cf-modal-tt{font-family:var(--fn);font-size:22px;font-weight:700;color:var(--dk-tx);letter-spacing:-.4px;margin:0 0 12px;word-break:keep-all}
.cf-modal-ds{font-size:15.5px;color:#4A4A4A;line-height:1.75;margin:0;word-break:keep-all}
.cf-modal-ds b{color:var(--dk-tx)}
.cf-modal-sub{font-size:13.5px;color:#8A8A8A;line-height:1.7;margin:16px 0 0;padding-top:16px;border-top:1px solid #EEE;word-break:keep-all}
.cf-modal-sub a{color:var(--or);font-weight:700}
.cf-modal-btn{margin-top:24px;padding:14px 40px;background:var(--dk-tx);color:#fff;border:none;border-radius:2px;font-family:var(--fn);font-size:16px;font-weight:700;cursor:pointer;transition:background .2s}
.cf-modal-btn:hover{background:var(--or)}
@keyframes cfm-in{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.cf-modal-box{padding:36px 22px 26px}.cf-modal-tt{font-size:20px}}
/* ── FLOATING ── */
.flt{
  position:fixed;bottom:2rem;right:2rem;z-index:190;
  width:60px;height:60px;background:var(--or);color:#fff;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:20px;font-weight:700;
  box-shadow:0 4px 22px rgba(211,95,48,.42);
  transition:background .2s,transform .15s;
}
.flt:hover{background:var(--or-dk);transform:scale(1.1)}
/* ── FOOTER ── */
footer{background:#0A0A0A;padding:3rem 4%;border-top:1px solid #1C1C1C}
.fi{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.25rem}
.fi img{height:42px;width:auto;opacity:.72}
.fc{font-size:13.5px;color:#5A5A5A;line-height:1.9;text-align:right}
/* ── SUBPAGE HERO ── */
.phero{
  position:relative;overflow:hidden;
  background:
    linear-gradient(180deg,rgba(254,248,243,.94) 0%,rgba(252,240,229,.88) 55%,rgba(250,233,219,.92) 100%),
    url("column-hero.jpg") center 30%/cover no-repeat;
  padding:150px 4% calc(72px + clamp(24px,3vw,48px));
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - clamp(24px,3vw,48px)), 0 100%);
}
.phero::after{
  content:'';position:absolute;right:-120px;top:-120px;width:420px;height:420px;
  background:radial-gradient(circle,rgba(234,91,20,.16) 0%,rgba(234,91,20,0) 70%);
  pointer-events:none;
}
.phero-ct{max-width:1400px;margin:0 auto}
.pbc{font-size:14px;font-weight:600;color:#A8998B;margin-bottom:1.1rem;letter-spacing:.5px}
.pbc a{color:#A8998B;transition:color .2s}
.pbc a:hover{color:var(--or)}
.pbc i{font-style:normal;margin:0 .5rem;color:#DCCDBE}
.pbc b{color:var(--or);font-weight:600}
.ph1{
  font-family:'Noto Serif KR',serif;
  font-size:clamp(32px,4.1vw,54px);font-weight:600;line-height:1.25;
  letter-spacing:-.6px;color:var(--dk-tx);margin-bottom:1.1rem;
}
.ph1 em{font-style:normal;color:var(--or)}
.psub{font-size:clamp(16px,1.5vw,19px);color:#7A6E63;line-height:1.8;max-width:640px}
.cut-dk-wh{height:0;background:none}
/* ── SERVICE DETAIL ── */
.sv-sec{padding:90px 0;background:#fff;scroll-margin-top:84px}
.sv-sec.alt{background:var(--gray)}
.sv-grid{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:center}
.sv-grid.flip .sv-img{order:2}
.sv-num{font-size:15px;font-weight:800;color:var(--or);letter-spacing:3px;margin-bottom:.9rem}
.sv-tt{font-family:'Noto Serif KR',serif;font-size:clamp(24px,2.7vw,35px);font-weight:600;letter-spacing:-.4px;color:var(--dk-tx);line-height:1.35;margin-bottom:1.4rem}
.sv-ds{font-size:17.5px;color:#4A4A4A;line-height:1.9;margin-bottom:1.75rem}
.sv-img{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:4/3}
.sv-img img{width:100%;height:100%;object-fit:cover}
.sv-img::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(234,91,20,.14),transparent 55%)}
.sv-chk{display:flex;flex-direction:column;gap:.7rem}
.sv-chk div{display:flex;gap:.7rem;align-items:baseline;font-size:16.5px;color:#333;line-height:1.6}
.sv-chk div::before{content:'✓';color:var(--or);font-weight:900;flex-shrink:0}
/* ── CASES ── */
.cs-wrap{padding:90px 0;background:#fff}
.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
.cs-card{
  border:1px solid var(--bd);border-radius:4px;padding:2rem;
  display:flex;flex-direction:column;gap:1rem;background:#fff;
  transition:border-color .25s,box-shadow .25s,transform .25s;
}
.cs-card:hover{border-color:var(--or);box-shadow:0 10px 34px rgba(0,0,0,.07);transform:translateY(-3px)}
.cs-tag{align-self:flex-start;font-size:13px;font-weight:700;letter-spacing:.5px;padding:5px 12px;background:var(--or-lt);color:var(--or);border-radius:2px}
.cs-tt{font-size:19px;font-weight:800;color:var(--dk-tx);letter-spacing:-.3px;line-height:1.45}
.cs-ds{font-size:15.5px;color:var(--sl);line-height:1.75;flex:1}
.cs-mt{font-size:14px;color:var(--mu);padding-top:1rem;border-top:1px solid var(--bd)}
.cs-mt b{color:var(--or);font-weight:700}
/* ── PATENT CASE ROWS ── */
.cs-h{font-family:'Noto Serif KR',serif;font-size:clamp(23px,2.4vw,31px);font-weight:600;letter-spacing:-.3px;color:var(--dk-tx)}
.cs-h span{font-size:.5em;font-weight:600;color:#A9A29A;letter-spacing:.5px;margin-left:.7rem}
.pr-list{display:flex;flex-direction:column;gap:1.25rem;margin-top:3rem}
.pr-row{
  display:flex;gap:2rem;align-items:center;
  border:1px solid var(--bd);border-radius:6px;background:#fff;
  padding:1.5rem 1.75rem;
  transition:border-color .25s,box-shadow .25s;
}
.pr-row:hover{border-color:var(--or);box-shadow:0 10px 34px rgba(0,0,0,.06)}
.pr-fig{width:160px;flex-shrink:0;margin:0}
.pr-box{
  border:1px solid var(--bd);border-radius:4px;background:#FDFDFC;
  aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.pr-box svg,.pr-box img{width:100%;height:100%;object-fit:contain}
.pr-cap{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--mu);letter-spacing:3px;text-align:center;margin-top:.5rem}
.pr-tt{font-size:19px;font-weight:800;color:var(--dk-tx);letter-spacing:-.3px;line-height:1.4}
.pr-meta{font-size:15px;color:var(--sl);margin-top:.45rem}
.pr-meta i{font-style:normal;color:#9A938B;margin-left:.6rem}
.pr-foot{display:flex;align-items:center;gap:1.1rem;margin-top:.9rem;flex-wrap:wrap}
.pr-cl{
  font-size:13.5px;font-weight:700;padding:5px 13px;
  border:1px solid var(--bd);border-radius:99px;color:#555;background:var(--gray);
}
.pr-cl.dim{color:#A9A29A;border-style:dashed}
.pr-no{font-size:14px;color:#8B857D;font-family:ui-monospace,Consolas,monospace;letter-spacing:.5px}
.pr-no b{font-family:var(--fn);font-weight:600;color:#555;letter-spacing:0;margin-right:.55rem}
.pr-note{font-size:13px;color:#A9A29A;margin-top:2rem;text-align:right}
/* 2-column compact patent grid */
.pr-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2.5rem;user-select:none}
.pr-grid .pr-row{padding:1.25rem 1.4rem;gap:1.4rem}
.pr-grid .pr-fig{width:130px}
.pr-grid .pr-tt{font-size:16.5px}
.pr-grid .pr-meta{font-size:13.5px;margin-top:.35rem}
.pr-grid .pr-meta i{display:block;margin:.2rem 0 0}
.pr-grid .pr-foot{margin-top:.75rem}
.pr-grid .pr-cl{font-size:12.5px;padding:4px 11px}
.pr-box svg{pointer-events:none}
/* trademark marquee */
.tmq-lead{font-size:16.5px;color:var(--sl);line-height:1.75;margin-top:1rem}
.tmq{overflow:hidden;position:relative;margin-top:1.75rem}
.tmq:first-of-type{margin-top:2.5rem}
.tmq::before,.tmq::after{
  content:'';position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none;
}
.tmq::before{left:0;background:linear-gradient(to right,var(--gray),rgba(245,243,240,0))}
.tmq::after{right:0;background:linear-gradient(to left,var(--gray),rgba(245,243,240,0))}
.tmq-track{display:flex;width:max-content;animation:tmqR 42s linear infinite}
.tmq-track.rev{animation:tmqL 52s linear infinite}
@keyframes tmqR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes tmqL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tmq-set{display:flex;gap:1rem;padding-right:1rem}
.tmq-chip{
  display:inline-flex;align-items:center;gap:.7rem;
  padding:13px 22px;background:#fff;border:1px solid var(--bd);border-radius:99px;
  font-size:15.5px;font-weight:600;color:#444;white-space:nowrap;
}
.tmq-chip b{
  font-size:11.5px;font-weight:800;color:var(--or);background:var(--or-lt);
  padding:3px 10px;border-radius:99px;letter-spacing:.3px;
}
/* trademark text cases */
.tms-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2.5rem}
.tms-card{
  background:#fff;border:1px solid var(--bd);border-radius:6px;padding:1.75rem;
  transition:border-color .25s,box-shadow .25s;
}
.tms-card:hover{border-color:var(--or);box-shadow:0 10px 34px rgba(0,0,0,.06)}
.tms-tag{display:inline-block;font-size:12.5px;font-weight:700;color:var(--or);background:var(--or-lt);padding:4px 12px;border-radius:99px}
.tms-tt{font-size:17.5px;font-weight:800;color:var(--dk-tx);letter-spacing:-.3px;line-height:1.45;margin-top:.95rem}
.tms-ds{font-size:15px;color:var(--sl);line-height:1.78;margin-top:.55rem}
.tms-cls{font-size:13px;color:var(--mu);margin-top:.9rem;padding-top:.8rem;border-top:1px solid var(--bd)}
/* ── TRADEMARK CASES ── */
.tm-wrap{background:var(--gray);padding:90px 0}
.tm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem}
.tm-card{
  border:1px solid var(--bd);border-radius:6px;background:#fff;
  padding:1.5rem;text-align:center;
  transition:border-color .25s,box-shadow .25s,transform .25s;
}
.tm-card:hover{border-color:var(--or);box-shadow:0 10px 34px rgba(0,0,0,.07);transform:translateY(-3px)}
.tm-mark{
  aspect-ratio:1;border:1px dashed #D5CFC8;border-radius:4px;
  display:flex;align-items:center;justify-content:center;
  color:#B7B0A7;font-size:14px;line-height:1.6;background:#FBFAF9;
}
.tm-mark img{width:100%;height:100%;object-fit:contain}
.tm-name{font-size:16px;font-weight:800;color:var(--dk-tx);margin-top:1.1rem}
.tm-cls{font-size:13.5px;color:var(--mu);margin-top:.3rem}
/* ── CTA BANNER ── */
.ctab{position:relative;background:linear-gradient(180deg,#FDF3EA 0%,#FAE9DB 100%);padding:88px 4%;overflow:hidden}
.ctab::before{
  content:'';position:absolute;left:-100px;bottom:-160px;width:480px;height:480px;
  background:radial-gradient(circle,rgba(234,91,20,.18) 0%,rgba(234,91,20,0) 70%);
}
.ctab-ct{position:relative;max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2.5rem;flex-wrap:wrap}
.ctab h2{font-family:'Noto Serif KR',serif;font-size:clamp(24px,3vw,38px);font-weight:600;color:var(--dk-tx);letter-spacing:-.4px;line-height:1.4}
.ctab h2 em{font-style:normal;color:var(--or)}
.ctab p{font-size:17px;color:#7A6E63;margin-top:.9rem;line-height:1.7}
/* ── COLUMN LIST ── */
.col-sec{background:#fff;padding:clamp(48px,5vw,72px) 4% clamp(72px,7vw,104px)}
.col-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:2.5rem}
.col-tabs button{
  padding:9px 18px;border:1px solid var(--bd);border-radius:999px;background:#fff;
  font-family:var(--fn);font-size:14.5px;font-weight:500;color:#6B5A4E;cursor:pointer;
  transition:all .2s;
}
.col-tabs button:hover{border-color:var(--or);color:var(--or)}
.col-tabs button.on{background:var(--or);border-color:var(--or);color:#fff;font-weight:700}
.col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.col-card{
  display:flex;flex-direction:column;padding:28px 28px 24px;
  background:#FDF9F5;border:1px solid #F0E4D8;border-radius:4px;
  transition:transform .22s,box-shadow .22s,border-color .22s;
}
.col-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(140,80,30,.12);border-color:#E8C9AE}
.col-tag{
  align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.6px;
  padding:4px 10px;border-radius:2px;margin-bottom:14px;
}
.col-tag.cost{background:#FCE9DD;color:#9B3E12}
.col-tag.cert{background:#E1F5EE;color:#0F6E56}
.col-tag.dispute{background:#EEEDFE;color:#534AB7}
.col-tag.tech{background:#FAEEDA;color:#854F0B}
.col-card h2{
  font-family:'Noto Serif KR',serif;font-size:20px;font-weight:600;line-height:1.45;
  letter-spacing:-.3px;color:var(--dk-tx);margin-bottom:12px;word-break:keep-all;
}
.col-card:hover h2{color:var(--or)}
.col-card p{font-size:14.5px;line-height:1.7;color:#6B6058;flex:1;word-break:keep-all}
.col-meta{margin-top:18px;font-size:13px;color:#A09488;letter-spacing:.2px}
.col-meta i{font-style:normal;margin:0 7px;color:#D5C8BA}
.col-empty{text-align:center;color:#A09488;padding:3rem 0;font-size:15px}
/* ── COLUMN ARTICLE ── */
.art-hero{
  background:
    linear-gradient(180deg,rgba(254,248,243,.94) 0%,rgba(252,240,229,.88) 55%,rgba(250,233,219,.92) 100%),
    url("column-hero.jpg") center 30%/cover no-repeat;
  padding:clamp(130px,14vw,170px) 4% clamp(40px,4vw,56px);
}
.art-hero-ct{max-width:820px;margin:0 auto}
.art-hero .pbc{margin-bottom:1.6rem}
.art-hero h1{
  font-family:'Noto Serif KR',serif;font-size:clamp(26px,3.4vw,42px);font-weight:600;
  line-height:1.38;letter-spacing:-.6px;color:var(--dk-tx);word-break:keep-all;margin-bottom:1.2rem;
}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 0;font-size:14px;color:#8A7E74}
.art-meta i{font-style:normal;margin:0 10px;color:#D5C8BA}
.art-meta .col-tag{margin:0 14px 0 0}
.art-body{background:#fff;padding:clamp(48px,5vw,72px) 4% clamp(64px,6vw,88px)}
.art-ct{max-width:820px;margin:0 auto}
.art-lead{
  background:#FDF5EE;border-left:3px solid var(--or);padding:22px 26px;margin-bottom:3rem;
  font-size:16.5px;line-height:1.8;color:#5A5248;word-break:keep-all;
}
.art-lead b{color:var(--dk-tx)}
.art-ct h2{
  font-family:var(--fn);font-size:clamp(21px,2.3vw,27px);font-weight:700;
  letter-spacing:-.5px;color:var(--dk-tx);line-height:1.4;margin:3rem 0 1.1rem;word-break:keep-all;
}
.art-ct h2:first-of-type{margin-top:0}
.art-ct h3{font-size:18px;font-weight:700;color:var(--dk-tx);margin:2rem 0 .7rem;word-break:keep-all}
.art-ct p{font-size:17px;line-height:1.9;color:#3D3630;margin-bottom:1.3rem;word-break:keep-all}
.art-ct p b,.art-ct li b{font-weight:700;color:var(--dk-tx)}
.art-ct ul,.art-ct ol{margin:0 0 1.5rem 1.3rem;font-size:17px;line-height:1.85;color:#3D3630}
.art-ct li{margin-bottom:.45rem;word-break:keep-all}
.art-ct li::marker{color:var(--or)}
.art-table{width:100%;border-collapse:collapse;margin:1.5rem 0 2rem;font-size:15.5px}
.art-table th,.art-table td{padding:13px 14px;border-bottom:1px solid #EDE4DA;text-align:left;vertical-align:top;line-height:1.6}
.art-table th{background:#FDF5EE;font-weight:700;color:var(--dk-tx);white-space:nowrap}
.art-table td{color:#3D3630}
.art-table tr:last-child td{border-bottom:2px solid #E8C9AE}
.art-note{
  background:#F7F5F2;border-radius:4px;padding:18px 22px;margin:1.6rem 0 2rem;
  font-size:15px;line-height:1.75;color:#6B6058;word-break:keep-all;
}
.art-note b{color:var(--or)}
.art-sum{
  background:#FDF5EE;border:1px solid #F0DCC8;border-radius:4px;padding:26px 30px;margin:3rem 0 2.5rem;
}
.art-sum h3{margin:0 0 1rem;font-size:17px;letter-spacing:1px;color:var(--or);text-transform:uppercase}
.art-sum ul{margin:0;padding:0;list-style:none}
.art-sum li{position:relative;padding-left:26px;font-size:16px;line-height:1.75;color:#3D3630;margin-bottom:.55rem;word-break:keep-all}
.art-sum li::before{content:"✓";position:absolute;left:0;top:0;color:var(--or);font-weight:800}
.art-author{
  display:flex;align-items:center;gap:18px;padding:24px 0;margin:2.5rem 0;
  border-top:1px solid #EDE4DA;border-bottom:1px solid #EDE4DA;
}
.art-author-nm{font-family:'Noto Serif KR',serif;font-size:19px;font-weight:600;color:var(--dk-tx)}
.art-author-nm span{font-size:13.5px;font-weight:700;color:var(--or);margin-left:.5rem;font-family:var(--fn)}
.art-author-ds{font-size:14px;color:#7A6E63;line-height:1.65;margin-top:4px;word-break:keep-all}
.art-rel h3{font-size:15px;letter-spacing:1.5px;color:var(--or);text-transform:uppercase;margin-bottom:1.1rem}
.art-rel .col-grid{grid-template-columns:repeat(2,1fr);gap:16px}
.art-rel .col-card{padding:22px 22px 18px}
.art-rel .col-card h2{font-size:17px;margin-bottom:8px}
.art-rel .col-card p{font-size:13.5px}
.art-rel .col-meta{margin-top:12px}
@media(max-width:1100px){.col-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){
  .col-grid,.art-rel .col-grid{grid-template-columns:1fr}
  .art-ct p,.art-ct ul,.art-ct ol{font-size:16px}
  .art-table{font-size:14px}
  .art-table th,.art-table td{padding:10px 8px}
}
/* ── 전국 상담 안내 (지역 SEO) ── */
.area-note{background:#FBF6F0;padding:26px 4%;border-top:1px solid #F0E4D8}
.area-note p{max-width:1400px;margin:0 auto;font-size:13px;line-height:1.9;color:#8A7E74;word-break:keep-all}
.area-note b{color:#6B5A4E;font-weight:600}
/* ── REVEAL ── */
.rv{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.rv.v{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
/* ── MOBILE ── */
@media(max-width:960px){
  .nl-links,.n-btn{display:none}
  .n-ham{display:flex}
  .svc-acc{flex-direction:column;height:auto}
  .ss{flex:none!important;min-width:unset!important;height:270px}
  .hbadge{flex-wrap:wrap;row-gap:.25rem;font-size:13.5px;padding:9px 14px;max-width:100%}
  .ss .st{max-height:45px!important;opacity:1!important;margin-bottom:.6rem!important}
  .ss .sib{margin-bottom:1.2rem}
  .ss .sd{max-height:160px!important;opacity:1!important}
  .ss .stags{max-height:80px!important;opacity:1!important;margin-top:.875rem!important}
  .sv{display:none}
  .ai{grid-template-columns:1fr;gap:3rem}
  .apc{position:static}
  .pg{grid-template-columns:1fr 1fr}
  .cti{grid-template-columns:1fr;gap:3.5rem}
  .why-wrap{grid-template-columns:1fr;gap:3rem}
  .why-left{position:static}
  .wp{width:100%}
  .sv-grid{grid-template-columns:1fr;gap:2.25rem}
  .sv-grid.flip .sv-img{order:0}
  .cs-grid{grid-template-columns:1fr 1fr}
  .tm-grid{grid-template-columns:1fr 1fr}
  .pr-grid{grid-template-columns:1fr}
  .tms-grid{grid-template-columns:1fr}
  .hero-grad{
    background:linear-gradient(to bottom,
      rgba(13,13,13,0.88) 0%,
      rgba(13,13,13,0.78) 60%,
      rgba(13,13,13,0.92) 100%
    );
  }
}
@media(max-width:600px){
  .pg{grid-template-columns:1fr}
  .cs-grid{grid-template-columns:1fr}
  .tm-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .pr-row{flex-direction:column;align-items:flex-start;gap:1.25rem}
  .pr-fig{width:100%;max-width:220px;margin:0 auto}
  .nl-stack img{height:28px}
  .nl-sub{font-size:9.5px;letter-spacing:1.6px}
}