/* v3 — 「촌스럽다」(2026-10-11 대표) 뒤 재정비: 얇은 현대 고딕 + 넓은 여백 + 무채색. 기울임·명조·크림 광택·금색 아이콘 제거 */
:root{--sans:"SUIT Variable","SUIT","Pretendard",system-ui,sans-serif;--en:"Jost","Pretendard",sans-serif;--serif:var(--sans);
  --bg:#f4f2ee;--bg2:#ebe8e2;--ink:#161512;--mute:#8b867d;--rule:#d9d5cd;--olive:#4f5a35;--light:#bfae84;--light2:#e6dcc4;--hanji:#f4f2ee}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:400;letter-spacing:-.01em}
h1,h2,h3,h4,.hero h1,.intro h2,.sh h2,.regen h2,.medical h3,.steps h2,.contact h2,.visit h2,.story h3,.split .txt h3,.mlead h2,.mab h3,.code2 h3,.phero p,.wp.end p{font-family:var(--sans)!important;font-weight:300!important;letter-spacing:-.035em}
h4,.svc li strong,.step h3,.card h3,.witem h3,.flow h4,.mflow h4,.dept h4{font-weight:500!important;letter-spacing:-.02em}
.eyebrow{font-family:var(--en)!important;font-style:normal!important;font-weight:400!important;font-size:11.5px!important;letter-spacing:.3em!important;text-transform:uppercase;color:var(--mute)!important}
.medical .eyebrow,.works .eyebrow,.regen .eyebrow,.sec.black .eyebrow,.sec.char .eyebrow,.contact .eyebrow{color:#9d978b!important}
.hd nav a,.mnav a{font-family:var(--en);font-style:normal;text-transform:uppercase;font-size:12px;letter-spacing:.22em;font-weight:400}
.mnav a{font-size:30px;letter-spacing:.06em;font-weight:300}
.phero h1,.wp.head h2,.medical h2{font-family:var(--en)!important;font-style:normal!important;font-weight:200!important;text-transform:uppercase;letter-spacing:.04em!important}
.nums b,.flow .n,.mflow .n,.story .no,.svc4 b,.scope .ratio,.step .price,.contact .tel{font-family:var(--en)!important;font-style:normal!important;font-weight:200!important}
.nums b sup{font-family:var(--en);font-style:normal;text-transform:uppercase;font-size:.22em;letter-spacing:.2em;top:.9em}
.vwords span{font-family:var(--en);font-style:normal;font-weight:200;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(40px,4vw,76px)}
.vwords span.on{color:var(--ink)}
.glow{display:none!important}
.lline{background:linear-gradient(90deg,transparent,var(--light),transparent)!important;box-shadow:none!important;height:1px}
/* 첫 화면: 사진 + 천천히 확대 */
.hero{background:#e7e3dc}
#water,.phero canvas,.band canvas{display:none!important}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);animation:kb 22s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes kb{to{transform:scale(1)}}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(244,242,238,.55),rgba(244,242,238,0) 70%);pointer-events:none}
.hero .copy{z-index:2}
.hero h1{font-size:clamp(40px,4.4vw,82px)!important;line-height:1.25;color:var(--ink)}
.hero h1 em{font-style:normal;color:var(--ink);font-weight:500}
.hero .kr{font-family:var(--en)!important;font-style:normal!important;text-transform:uppercase;font-size:12px!important;letter-spacing:.34em!important;color:#5f5a51!important;margin-top:30px}
.hero .vlogo,.hero .side,.hero .scroll{z-index:2}
.hero .side{font-family:var(--en);color:#5f5a51}
/* 하위 머리: 단색 + 큰 영문 */
.phero{background:var(--bg2);height:clamp(380px,52vh,560px)}
.phero h1{font-size:clamp(64px,8.4vw,160px)!important;color:var(--ink)!important;line-height:.95}
.phero p{font-size:clamp(17px,1.25vw,20px)!important;color:#4b4740!important}
.phero .eyebrow{color:var(--mute)!important}
.phero .crumb{font-family:var(--en);letter-spacing:.24em}
.phero .lline{background:var(--rule)!important}
/* 섹션 바탕 */
.cover{background:var(--bg)}.nums div{border-color:var(--rule)}.nums{border-color:var(--rule)}
.works,.sec.char,.contact{background:#1a1916}.medical,.sec.black,.ft{background:#121210}
.intro .lead-en{font-family:var(--en);font-weight:300;letter-spacing:.01em}
/* 버튼: 먹색 알약 + 은은한 원형 */
.btn{background:var(--ink);color:#fff;font-family:var(--sans);font-weight:500;letter-spacing:-.01em;height:50px}
.btn .ic{background:rgba(255,255,255,.14);color:#fff}
.btn:hover{background:var(--olive)}
.btn.light{background:#fff;color:var(--ink)}.btn.light .ic{background:var(--ink);color:#fff}.btn.light:hover{background:#fff;box-shadow:0 14px 34px -16px rgba(0,0,0,.35)}
.works .btn.light,.medical .btn.light{background:#fff}
.wp.end a.btn{display:inline-flex;margin-top:34px}
.more2{color:inherit;font-family:var(--sans)!important}
.qbtn{background:var(--ink);width:70px;height:70px}.qbtn:hover{background:var(--olive)}
.step.mid{background:var(--ink)}.step.mid .n{color:#a9a294}
.step::after{background:var(--olive)}
.step .n,.mflow .n,.flow .n{color:var(--mute)}
.card .cat{font-family:var(--sans)!important;font-style:normal!important;letter-spacing:0!important;font-size:13px;color:#8f8a80}
.witem .tag{font-family:var(--en)!important;font-style:normal!important;letter-spacing:.2em;color:#a9a294}
.card .no,.mg figcaption span{font-family:var(--en)}
.mg figcaption span{background:#fff;color:var(--ink)}
.ba .handle{background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.ba .handle::after{border-color:#fff;background:rgba(20,20,18,.25)}
.ba .tag{font-family:var(--en);letter-spacing:.24em}
.svc{background:rgba(18,18,16,.82);border-color:rgba(255,255,255,.12)}
.svc li b{color:#a9a294;font-family:var(--en)}
.svc4 .c{background:transparent;border-color:rgba(255,255,255,.12)}.svc4 b{color:#a9a294}
.scope .box{border-color:rgba(255,255,255,.12)}.scope .box.main{background:rgba(255,255,255,.03)}.scope h3{color:#a9a294;font-family:var(--en);letter-spacing:.28em;text-transform:uppercase;font-size:11.5px}.scope .ratio{color:#fff}
.visit{background:var(--bg2)}
.marq{font-family:var(--en);font-style:normal;font-weight:200;text-transform:uppercase;letter-spacing:.04em;color:rgba(22,21,18,.045)}
.visit h2 em{color:var(--ink);font-weight:500}
.visit dt{color:var(--mute);font-weight:500}
.contact .send,.contact .btn{background:#fff;color:var(--ink)}.contact .btn .ic{background:var(--ink);color:#fff}
.code2 b,.dept h4 small,.svc4 b{font-family:var(--en);font-style:normal;text-transform:uppercase;letter-spacing:.22em;font-size:11px;color:var(--mute)}
.code2>div{box-shadow:none;border:1px solid var(--rule);background:#fbfaf7}
.filters button{font-family:var(--sans)}
.brow .bd{font-family:var(--en)}
/* 시공사례 전체 */
.filters button small{margin-left:8px;font-family:var(--en);font-size:11px;color:#8f8a80}
.wgrid.pf{grid-template-columns:repeat(4,1fr);gap:40px 22px}
.wgrid.pf .witem{display:none}.wgrid.pf .witem.show{display:block}
.wgrid.pf .meta{margin-top:16px;justify-content:flex-start;gap:14px}
.wgrid.pf .dt{font-family:var(--en);font-size:12px;color:#8f8a80;letter-spacing:.06em}
.wgrid.pf h3{margin-top:8px;font-size:15.5px;line-height:1.5;font-weight:400!important;color:#e8e4dc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pfmore{display:flex;justify-content:center;margin-top:64px}.pfmore.hide{display:none}
@media (max-width:1100px){.wgrid.pf{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.wgrid.pf{grid-template-columns:1fr 1fr;gap:28px 12px}.wgrid.pf h3{font-size:13.5px}}
.hero-imgs{position:absolute;inset:0}
.hero-imgs .hero-img{opacity:0;animation:heroCycle 21s infinite}
.hero-imgs .hero-img:nth-child(1){opacity:1;animation-delay:0s}.hero-imgs .hero-img:nth-child(2){animation-delay:7s}.hero-imgs .hero-img:nth-child(3){animation-delay:14s}
@keyframes heroCycle{0%{opacity:0;transform:scale(1.08)}5%{opacity:1}33%{opacity:1}40%{opacity:0;transform:scale(1)}100%{opacity:0}}
.hero-imgs .hero-img:nth-child(1){animation-name:heroFirst}
@keyframes heroFirst{0%{opacity:1;transform:scale(1.08)}33%{opacity:1}40%{opacity:0;transform:scale(1)}95%{opacity:0}100%{opacity:1;transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.hero-imgs .hero-img{animation:none}.hero-imgs .hero-img:not(:first-child){display:none}}
/* 연락 바로가기 (오른쪽 아래) */
.qdock{position:fixed;right:clamp(16px,2vw,30px);bottom:clamp(16px,2vw,30px);z-index:56;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.qdock .qbtn{position:static;display:grid;place-items:center;cursor:pointer;border:0}
.qbtn .o,.qbtn .x{display:grid;place-items:center;gap:3px}.qbtn .x{display:none}
.qdock.open .qbtn .o{display:none}.qdock.open .qbtn .x{display:grid}
.qlist{display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none}
.qlist a{display:grid;grid-template-columns:auto 40px;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:7px 7px 7px 20px;background:rgba(255,255,255,.96);color:var(--ink);border-radius:99px;box-shadow:0 10px 30px -14px rgba(0,0,0,.35);backdrop-filter:blur(10px);opacity:0;transform:translateY(14px) scale(.96);transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1)}
.qlist a b{grid-column:1;grid-row:1;font-size:14px;font-weight:600;text-align:right;line-height:1.2}
.qlist a small{grid-column:1;grid-row:2;font-size:11.5px;color:var(--mute);text-align:right;font-family:var(--en);letter-spacing:.02em}
.qlist .qi{grid-column:2;grid-row:1/3;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff}
.qlist .qi svg{width:19px;height:19px}
.q-tel .qi{background:var(--ink)}.q-kakao .qi{background:#fee500;color:#191919}.q-naver .qi{background:#03c75a}.q-blog .qi{background:#03c75a}
.q-insta .qi{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.q-mail .qi{background:#6b6559}.q-form .qi{background:var(--olive)}
.qlist a:hover{transform:translateX(-4px)}
.qdock.open .qlist{pointer-events:auto}
.qdock.open .qlist a{opacity:1;transform:none}
.qdock.open .qlist a:nth-last-child(1){transition-delay:.02s}.qdock.open .qlist a:nth-last-child(2){transition-delay:.06s}.qdock.open .qlist a:nth-last-child(3){transition-delay:.1s}.qdock.open .qlist a:nth-last-child(4){transition-delay:.14s}.qdock.open .qlist a:nth-last-child(5){transition-delay:.18s}.qdock.open .qlist a:nth-last-child(6){transition-delay:.22s}.qdock.open .qlist a:nth-last-child(7){transition-delay:.26s}
@media (max-width:640px){.qlist a{padding:6px 6px 6px 16px}.qlist a b{font-size:13px}.qlist .qi{width:36px;height:36px}}
.offices{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.office .oph{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin-bottom:26px}
.office .oph img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.office h3{margin-top:10px;font-size:26px}
.office p{margin-top:8px;color:#4b4740}.office .sub{color:var(--mute);font-size:14.5px}
@media (max-width:900px){.offices{grid-template-columns:1fr}}
/* 칼럼 */
.readbar{position:fixed;left:0;top:0;height:2px;width:0;z-index:70;background:var(--olive)}
.chead{max-width:980px;margin:0 auto;padding:clamp(150px,14vw,210px) var(--gut) 50px;text-align:center}
.chead h1{margin-top:22px;font-size:clamp(32px,3.4vw,58px);line-height:1.3;text-wrap:balance}
.chead .csub{margin-top:18px;font-size:18px;color:#5f5a51}
.chead .cmeta{margin-top:24px;font-family:var(--en);font-size:12.5px;letter-spacing:.08em;color:var(--mute)}
.chero{max-width:1280px;margin:0 auto;padding:0 var(--gut)}
.chero img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:4px}
.cwrap{max-width:1280px;margin:0 auto;padding:80px var(--gut) 120px;display:grid;grid-template-columns:240px minmax(0,760px);gap:70px;justify-content:center}
.ctoc{position:sticky;top:110px;align-self:start;display:grid;gap:12px}
.ctoc a{font-size:14px;color:#6b665c;padding-left:14px;border-left:1px solid var(--rule);line-height:1.5;transition:color .3s,border-color .3s}
.ctoc a:hover,.ctoc a.on{color:var(--ink);border-left-color:var(--olive)}
.cbody{font-size:17px;line-height:1.95;color:#2c2a25}
.cbody .lead{font-size:19px;line-height:1.85;color:var(--ink);padding-bottom:30px;border-bottom:1px solid var(--rule)}
.cbody h2{margin:64px 0 18px;font-size:clamp(23px,1.9vw,30px);line-height:1.4;scroll-margin-top:100px}
.cbody h3{font-size:21px}
.cbody p{margin-top:16px}
.cbody a{color:var(--olive);border-bottom:1px solid rgba(79,90,53,.35)}
.cbody ul,.cbody ol{margin:18px 0 0 22px;display:grid;gap:10px}
.cbody .tbl{margin-top:22px;overflow-x:auto}
.cbody table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.cbody th{background:#ebe8e2;text-align:left;font-weight:600;padding:12px 14px;border-bottom:1px solid var(--rule)}
.cbody td{padding:13px 14px;border-bottom:1px solid var(--rule);vertical-align:top}
.cbody .faq{margin-top:10px}
.csrc{margin-top:70px;padding:32px 34px;background:#ebe8e2;border-radius:4px}
.csrc h3{margin-top:8px}.csrc ul{margin:14px 0 0 18px;font-size:15px}.csrc-n{font-size:13.5px;color:var(--mute)}
.ccta{margin-top:40px;padding:38px 36px;background:var(--ink);color:#f4f2ee;border-radius:4px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.ccta h3{font-size:24px;color:#fff}.ccta p{margin-top:8px;color:#bdb6a8;font-size:15px}.ccta .row{display:flex;gap:10px;flex-wrap:wrap}
.ccta .btn{background:#fff;color:var(--ink)}.ccta .btn .ic{background:var(--ink);color:#fff}.ccta .btn.light{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}.ccta .btn.light .ic{background:rgba(255,255,255,.15)}
.cbody a.btn{border-bottom:0}
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.ccard .ph{overflow:hidden;border-radius:4px}.ccard img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.ccard:hover img{transform:scale(1.04)}
.ccard .cc-cat{margin-top:18px;font-size:12.5px;color:var(--olive);font-weight:600}
.ccard h3{margin-top:8px;font-size:21px;line-height:1.45}
.ccard .cc-d{margin-top:8px;font-size:14.5px;color:#6b665c}
.ccard .more2{margin-top:16px;color:var(--ink)}
@media (max-width:1100px){.cwrap{grid-template-columns:1fr}.ctoc{display:none}.cgrid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.cgrid{grid-template-columns:1fr}.cbody{font-size:16px}.chero img{aspect-ratio:4/3}}
body{word-break:keep-all;overflow-wrap:anywhere}
/* 하단 문의 폼 */
.qform{display:grid;gap:16px;background:#fbfaf7;border:1px solid var(--rule);border-radius:6px;padding:30px 30px 28px}
.qform .qf2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.qform label{display:grid;gap:6px;font-size:13px;color:var(--mute)}
.qform input,.qform select,.qform textarea{font:inherit;font-size:15px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid #cfc8ba;padding:8px 2px;outline:none}
.qform input:focus,.qform select:focus,.qform textarea:focus{border-bottom-color:var(--ink)}
.qform .agree{display:flex;align-items:center;gap:8px;font-size:13px}
.qform .btn{justify-self:start}
.qform .qmsg{font-size:14px;color:var(--olive)}
@media (max-width:640px){.qform .qf2{grid-template-columns:1fr}.qform{padding:22px 18px}}
/* 연락 바로가기: 데스크톱은 늘 펼친 세로 아이콘 띠, 마우스를 올리면 이름이 나옴 */
@media (min-width:901px){
  .qdock .qbtn{display:none}
  .qlist{pointer-events:auto;gap:8px}
  .qlist a{opacity:1;transform:none;grid-template-columns:auto 44px;padding:0;background:transparent;box-shadow:none;backdrop-filter:none}
  .qlist a b,.qlist a small{opacity:0;transform:translateX(8px);transition:opacity .25s,transform .3s;background:rgba(255,255,255,.96);padding:0 12px;pointer-events:none}
  .qlist a b{border-radius:8px 8px 0 0;padding-top:6px}.qlist a small{border-radius:0 0 8px 8px;padding-bottom:6px}
  .qlist a:hover b,.qlist a:hover small{opacity:1;transform:none}
  .qlist .qi{width:44px;height:44px;box-shadow:0 8px 20px -10px rgba(0,0,0,.45)}
  .qlist a:hover{transform:translateX(-2px)}
}
/* 하단 고정 간편 문의 */
body{padding-bottom:78px}
.qbar{position:fixed;left:0;right:0;bottom:0;z-index:57;background:rgba(22,21,18,.96);backdrop-filter:blur(12px);color:#f4f2ee;border-top:1px solid rgba(255,255,255,.08)}
.qbar-in{max-width:1600px;margin:0 auto;height:78px;padding:0 var(--gut);display:flex;align-items:center;gap:12px}
.qb-t{display:grid;margin-right:14px;flex:0 0 auto}.qb-t b{font-size:15px;font-weight:600}.qb-t a{font-family:var(--en);font-size:13px;color:#bdb6a8;letter-spacing:.04em}
.qbar input:not([type=checkbox]),.qbar select{flex:1 1 0;min-width:0;height:44px;padding:0 14px;font:inherit;font-size:14px;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:8px;outline:none}
.qbar select option{color:#111}
.qbar input:focus,.qbar select:focus{border-color:rgba(255,255,255,.45)}
.qbar input::placeholder{color:#9d978b}
.qb-ag{flex:0 0 auto;display:flex;align-items:center;gap:6px;font-size:12.5px;color:#bdb6a8;white-space:nowrap}
.qbar .btn{background:#fff;color:var(--ink);flex:0 0 auto}.qbar .btn .ic{background:var(--ink);color:#fff}
.qbar .qmsg{position:absolute;left:0;right:0;bottom:78px;text-align:center;background:var(--olive);color:#fff;font-size:14px;padding:10px}
.qbar-m{display:none}
.qdock{bottom:96px!important}
@media (max-width:1100px){
  body{padding-bottom:64px}
  .qbar-in{display:none}.qbar.open .qbar-in{display:grid;grid-template-columns:1fr 1fr;height:auto;padding:18px 16px 14px;gap:10px}
  .qbar.open .qb-t,.qbar.open .qb-ag,.qbar.open .btn{grid-column:1/-1}.qbar.open .btn{justify-self:stretch;justify-content:center}
  .qbar-m{display:grid;grid-template-columns:1fr 1.4fr;height:64px}
  .qbar-m a,.qbar-m button{display:grid;place-items:center;font:inherit;font-size:15px;font-weight:600;color:#fff;background:transparent;border:0}
  .qbar-m button{background:var(--olive)}
  .qbar.open .qbar-m button{background:#3a372f}
  .qdock{bottom:80px!important}
  .qbar .qmsg{bottom:auto;top:-44px}
}
/* 연락 바로가기 v2: 한지 유리 캡슐 + 단색 선 아이콘 + 먹색 이름표 (2026-10-11) */
.qsep{display:none}
.qlist .qi{background:var(--ink)!important;color:#f4f2ee!important}
.qlist .q-form .qi{background:var(--olive)!important}
@media (min-width:901px){
  .qlist{gap:2px;padding:14px 6px 8px;align-items:center;background:rgba(250,248,243,.9);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgba(27,26,23,.09);border-radius:999px;box-shadow:0 22px 44px -26px rgba(27,26,23,.55),inset 0 1px 0 rgba(255,255,255,.8)}
  .qlist::before{content:"CONTACT";writing-mode:vertical-rl;font-family:var(--en);font-size:9.5px;font-weight:500;letter-spacing:.34em;color:#8f897c;padding:0 0 10px}
  .qsep{display:block;width:16px;height:1px;background:rgba(27,26,23,.16);margin:7px 0}
  .qlist a{position:relative;display:block;width:42px;height:42px;padding:0}
  .qlist a:hover{transform:none}
  .qlist .qi{width:42px;height:42px;background:transparent!important;color:#2a2925!important;box-shadow:none;transition:background .3s,color .3s,transform .35s cubic-bezier(.2,.7,.2,1)}
  .qlist .qi svg{width:19px;height:19px}
  .qlist a:hover .qi,.qlist a:focus-visible .qi{background:var(--ink)!important;color:#f4f2ee!important;transform:scale(1.04)}
  .qlist .q-form .qi{background:var(--ink)!important;color:#f4f2ee!important;margin-top:2px}
  .qlist .q-form:hover .qi{background:var(--olive)!important}
  .qlist a small{display:none}
  .qlist a b{position:absolute;right:56px;top:50%;display:block;padding:9px 16px 10px;background:var(--ink);color:#f4f2ee;border-radius:10px;font-size:13.5px;font-weight:600;line-height:1.25;text-align:left;white-space:nowrap;box-shadow:0 14px 30px -16px rgba(0,0,0,.6);opacity:0;transform:translate(8px,-50%);transition:opacity .25s,transform .35s cubic-bezier(.2,.7,.2,1);pointer-events:none}
  .qlist a b::after{content:attr(data-s);display:block;margin-top:2px;font-family:var(--en);font-size:11.5px;font-weight:400;letter-spacing:.03em;color:#b9b2a4}
  .qlist a b::before{content:"";position:absolute;right:-4px;top:50%;width:9px;height:9px;background:var(--ink);transform:translateY(-50%) rotate(45deg);border-radius:2px}
  .qlist a:hover b,.qlist a:focus-visible b{opacity:1;transform:translate(0,-50%)}
}
@media (prefers-reduced-motion:reduce){.qlist .qi,.qlist a b{transition:none}}
/* 도장형 로고(2026-10-11 대표 확정): 한지결 올리브 판 */
.hero .vlogo.seal{width:clamp(96px,7.2vw,136px);border-radius:3px;box-shadow:0 18px 34px -20px rgba(40,46,24,.7)}
.ft .vlogo.seal{width:92px;border-radius:3px;box-shadow:0 14px 28px -18px rgba(0,0,0,.8)}
@media (max-width:640px){.hero .vlogo.seal{width:78px}}
.hero .vlogo.seal{bottom:calc(78px + clamp(28px,5vh,60px))}
@media (max-width:1100px){.hero .vlogo.seal{bottom:calc(64px + 24px)}}
.hd .logo.seal{height:56px;width:56px;border-radius:3px;box-shadow:0 10px 20px -14px rgba(40,46,24,.7)}
.hd.solid .logo.seal{height:44px;width:44px}
@media (max-width:640px){.hd .logo.seal{height:44px;width:44px}}
/* 머리글 가로형 로고 */
.hd .logo.horiz{height:50px;width:auto;border-radius:0;box-shadow:none}
.hd.solid .logo.horiz{height:40px}
@media (max-width:640px){.hd .logo.horiz{height:34px}}
/* 소개 섹션 왼쪽: 쇼룸 사진 + 도장 */
.intro .ifig{grid-column:1;grid-row:1;justify-self:end;align-self:start;position:relative;width:min(400px,100%);margin:0 24px 0 0}
.intro .ifig>img:first-child{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px;box-shadow:0 30px 60px -40px rgba(27,26,23,.55)}
.intro .ifig .iseal{position:absolute;right:-34px;bottom:-40px;width:104px;border-radius:3px;box-shadow:0 18px 30px -18px rgba(40,46,24,.7)}
.intro .ifig figcaption{margin-top:18px;font-family:var(--en);font-size:11.5px;letter-spacing:.26em;color:#8a8476}
@media (max-width:1100px){.intro .ifig{grid-column:1;justify-self:start;width:min(420px,80%);margin:0 0 30px}.intro .ifig .iseal{right:-18px;width:84px}}
/* 병의원 목록: 번호·제목 키우고 핵심 구절 강조 */
.svc li{grid-template-columns:56px 1fr;padding:24px 0}
.svc li b{font-family:var(--en)!important;font-weight:200;font-size:30px;line-height:1;color:#c9b27a!important;padding-top:0}
.svc li strong{font-size:21px;color:#f6f2e8;letter-spacing:-.03em}
.svc li span{font-size:15px;color:#b8b1a3;line-height:1.7}
.svc li span em{font-style:normal;font-weight:600;color:#efe3c2;background:linear-gradient(transparent 64%,rgba(201,178,122,.28) 0)}
.qmsg.ok{color:var(--olive)!important;font-weight:600}.qbar .qmsg.ok{color:#fff!important}
/* 개인정보처리방침 */
.pol{max-width:860px;margin:0 auto}.pol .lead{font-size:17px;line-height:1.8;color:#3a3732}
.pol h2{margin:48px 0 14px;font-size:21px!important;font-weight:600!important}
.pol p{font-size:15.5px;line-height:1.85;color:#4d493f;margin-top:10px}
.ptbl{width:100%;border-collapse:collapse;margin-top:8px;font-size:15px}.ptbl th,.ptbl td{border-top:1px solid #ddd6c8;padding:12px 10px;text-align:left;vertical-align:top;line-height:1.7}
.ptbl th{width:180px;color:#6b665c;font-weight:500;background:rgba(255,255,255,.4)}
.agree a,.qb-ag a{text-decoration:underline;text-underline-offset:3px;margin-left:4px}
@media (max-width:640px){.ptbl th{width:96px}}
