/* 에이스홈픽스 마루 부분 보수 — '칼집과 마스킹테이프': 오트밀 마루 판 바탕·먹색 글자·빨간 마스킹테이프·파란 칼집 점선·접착제 주황.
   제목 티몬 몬소리체(fonts-archive/TmonMonsori 부분집합 CSS), 본문 시스템 고딕.
   휴대폰 먼저, 숨은 조작 없음(슬라이더·가로 넘김·눌러야 바뀌는 사진 없음). */
:root{--oat:#f3ede2;--oat2:#ebe2d2;--sheet:#fffdf8;--ink:#1f2328;--ink2:#3a3f47;--mute:#5d6470;--line:#d9ccb6;
 --pk:#e6d5b8;--pk2:#d8c19b;--pk3:#c9ab7e;--grain:#b89565;
 --tape:#d8391f;--tape-d:#b02b15;--tape-l:#fde4dc;--cut:#1f55c8;--cut-l:#e3ebfb;--glue:#ee9a1a;--red:#c62828;
 --hd:'Tmon Monsori','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
 --bd:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:12px}
body{margin:0;background:var(--oat);color:var(--ink);font:16px/1.72 var(--bd);word-break:keep-all;overflow-wrap:anywhere;padding-bottom:78px}
img{max-width:100%;height:auto;display:block}
a{color:var(--cut)}
h1,h2,h3{font-family:var(--hd);font-weight:400;line-height:1.3;margin:0 0 .5em;letter-spacing:0}
h2{font-size:1.5rem}
h3{font-size:1.12rem}
p{margin:0 0 .9em}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:8px 12px;z-index:50}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--glue);outline-offset:2px}

/* 머리: 오트밀 띠 + 판 배치 메뉴 */
.top{background:var(--sheet);border-bottom:3px solid var(--ink)}
.top-in{max-width:1080px;margin:0 auto;padding:10px 16px 8px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-width:0}
.brand svg{width:40px;height:40px;flex:none}
.l-bg{fill:var(--ink)}.l-pk{fill:var(--pk)}.l-tp{fill:var(--tape)}.l-x{stroke:#fff;stroke-width:1.8;stroke-linecap:round}
.brand-t{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.brand-t b{font-family:var(--hd);font-weight:400;font-size:1.22rem;white-space:nowrap;line-height:1.2}
.tape-k{display:inline-block;font-style:normal;font-weight:800;font-size:.84rem;color:#fff;background:var(--tape);padding:3px 10px;
 white-space:nowrap;line-height:1.35;transform:rotate(-2deg);box-shadow:1px 2px 0 rgba(31,35,40,.18);
 -webkit-mask:linear-gradient(90deg,transparent 0,#000 3px,#000 calc(100% - 3px),transparent 100%)}
.bond{max-width:1080px;margin:0 auto;padding:0 16px 10px}
.bond ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,1fr);gap:4px}
.bond li:nth-child(1){grid-column:span 7}.bond li:nth-child(2){grid-column:span 5}
.bond li:nth-child(3){grid-column:span 5}.bond li:nth-child(4){grid-column:span 7}
.bond a{display:flex;align-items:center;min-height:42px;padding:6px 12px;text-decoration:none;color:var(--ink);font-weight:800;font-size:.95rem;
 background:linear-gradient(180deg,transparent 0 14%,rgba(184,149,101,.3) 14% 17%,transparent 17% 86%,rgba(184,149,101,.3) 86% 89%,transparent 89%),var(--pk);
 border:1.5px solid var(--grain);border-radius:3px;line-height:1.25}
.bond li:nth-child(even) a{background:linear-gradient(180deg,transparent 0 10%,rgba(184,149,101,.3) 10% 13%,transparent 13%),var(--pk2)}
.bond a span{white-space:nowrap}
.bond a:hover{background:var(--tape-l);border-color:var(--tape)}

/* 공통 */
main{display:block}
.sec{max-width:1080px;margin:0 auto;padding:30px 16px 8px}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.wrap .sec{padding-left:0;padding-right:0}
.kick-s{display:inline-block;margin:0 0 8px;font-size:.8rem;font-weight:800;letter-spacing:.04em;color:var(--tape-d);
 border-bottom:2px dashed var(--cut);padding-bottom:1px}
.sub{color:var(--mute)}
.answer{font-size:1.02rem}
.more{display:inline-flex;align-items:center;gap:6px;margin:14px 0 4px;font-weight:800;color:var(--ink);text-decoration:none;
 border:2px solid var(--ink);padding:9px 14px;border-radius:3px;background:var(--sheet)}
.more::after{content:'';width:8px;height:8px;border-top:2.5px solid var(--tape);border-right:2.5px solid var(--tape);transform:rotate(45deg)}
.upd{font-size:.82rem;color:var(--mute);margin:.4em 0 .8em}

/* 버튼 [문자보내기][번호] */
.cta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.cta a{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:10px 16px;border-radius:4px;
 font-weight:800;font-size:1.02rem;text-decoration:none;white-space:nowrap;line-height:1.2}
.b-sms{background:var(--tape);color:#fff;box-shadow:0 3px 0 var(--tape-d)}
.b-call{background:var(--ink);color:#fff;box-shadow:0 3px 0 #000}
.b-sms:hover{background:var(--tape-d)}.b-call:hover{background:var(--ink2)}

/* 첫 화면 */
.hero{background:var(--sheet);border-bottom:1px solid var(--line)}
.hero-in{max-width:1080px;margin:0 auto;padding:18px 16px 20px;display:grid;gap:12px}
.kick{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0}
.kick span{font-size:.78rem;font-weight:800;color:var(--ink2);background:var(--oat2);border:1px dashed var(--grain);padding:2px 8px;border-radius:2px}
.hero h1{margin:0 0 10px}
.h-main{display:inline;font-size:2.2rem;line-height:1.25;background:linear-gradient(transparent 62%,rgba(216,57,31,.28) 62% 90%,transparent 90%)}
.h-sub{display:block;font-size:1.2rem;color:var(--ink2);margin-top:6px}
.hero .lead{margin:0;font-size:1.02rem}
.hero .lead b{font-weight:700}
.board{display:block;text-decoration:none;color:var(--ink);background:var(--pk);padding:10px 10px 12px;border:2px solid var(--ink);border-radius:4px;
 background-image:repeating-linear-gradient(0deg,transparent 0 23px,rgba(184,149,101,.55) 23px 25px);box-shadow:5px 5px 0 var(--pk3)}
.board-top{display:block;font-size:.84rem;font-weight:800;margin:0 2px 8px;line-height:1.4}
.more-lead{color:var(--ink2);margin:10px 0 0}

/* 전후 사진 */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pl{position:relative;margin:0;background:var(--ink);border-radius:2px;overflow:hidden}
.pl img{width:100%;aspect-ratio:3/4;object-fit:cover}
.duo.big .pl img{aspect-ratio:4/5}
.tp{position:absolute;left:6px;top:8px;z-index:1;background:var(--sheet);color:var(--ink);font-weight:800;font-size:.78rem;padding:2px 9px;
 transform:rotate(-4deg);box-shadow:1px 1px 0 rgba(0,0,0,.25);line-height:1.4;white-space:nowrap}
.pl-a .tp{background:var(--tape);color:#fff}
.wrap>.duo.big{margin-top:18px}

/* 증상 바로가기: 엇갈려 깐 판 */
.lay{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(12,1fr);gap:5px}
.lay li:nth-child(4n+1),.lay li:nth-child(4n+4){grid-column:span 7}
.lay li:nth-child(4n+2),.lay li:nth-child(4n+3){grid-column:span 5}
.lay-p{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:96px;height:100%;padding:10px 12px;text-decoration:none;color:var(--ink);
 background:linear-gradient(180deg,transparent 0 8%,rgba(184,149,101,.22) 8% 10%,transparent 10%),var(--pk);
 border:1.5px solid var(--grain);border-radius:3px}
.lay li:nth-child(odd) .lay-p{background-color:var(--pk2)}
.lay-p svg{width:40px;height:28px;margin-bottom:4px}
.lay-p b{font-size:.98rem;line-height:1.3}
.lay-p small{font-size:.8rem;color:var(--ink2);line-height:1.3}
.lay-p:hover{border-color:var(--tape);box-shadow:inset 0 0 0 2px var(--tape)}
.i-pk{fill:var(--sheet);stroke:var(--ink);stroke-width:2}.i-dk{fill:var(--ink)}.i-dkl{stroke:#3b2a1a;stroke-width:4}
.i-ln{fill:none;stroke:var(--ink);stroke-width:2}.i-lt{fill:var(--glue);stroke:var(--ink);stroke-width:2}
.i-hole{fill:#9a9a94;stroke:var(--tape);stroke-width:2;stroke-dasharray:3 2}.i-dot{fill:var(--tape)}

/* 사례 카드 */
.cards{display:grid;gap:18px;margin-top:10px}
.card{display:block;text-decoration:none;color:var(--ink);background:var(--sheet);border:2px solid var(--ink);border-radius:4px;padding:8px;box-shadow:6px 6px 0 var(--pk2)}
.card:hover{box-shadow:6px 6px 0 var(--tape)}
.cutline{display:block;height:0;border-top:2px dashed var(--cut);margin:10px 4px 8px;position:relative}
.cutline::after{content:'✕';position:absolute;right:0;top:-12px;font-size:.8rem;color:var(--cut);background:var(--sheet);padding:0 3px}
.card-b{display:block;padding:0 4px 4px}
.kind{display:inline-block;font-size:.78rem;font-weight:800;color:var(--tape-d);margin-bottom:3px}
.kind::before{content:'';display:inline-block;width:10px;height:10px;background:var(--tape);margin-right:6px;vertical-align:-1px;transform:rotate(45deg)}
.card-t{display:block;font-family:var(--hd);font-weight:400;font-size:1.14rem;line-height:1.35;margin-bottom:8px}
.row{display:grid;grid-template-columns:auto 1fr;gap:8px;font-size:.9rem;line-height:1.5;padding:5px 0;border-top:1px solid var(--line)}
.row b{font-weight:800;color:var(--ink);white-space:nowrap}
.row span{color:var(--ink2)}

/* 서비스 카드: 왼쪽 사진·오른쪽 글 */
.svcs{display:grid;gap:12px;margin-top:12px}
.svc{display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:stretch;text-decoration:none;color:var(--ink);background:var(--sheet);
 border:1.5px solid var(--grain);border-left:8px solid var(--ink);border-radius:3px;padding:8px}
.svc:hover{border-color:var(--tape)}
.svc-img{display:block;border-radius:2px;overflow:hidden;background:var(--ink)}
.svc-img img{width:100%;height:100%;min-height:112px;max-height:150px;object-fit:cover}
.svc-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.svc-k{align-self:flex-start;font-family:var(--hd);font-size:.9rem;color:#fff;background:var(--tape);padding:0 8px;transform:rotate(-3deg);line-height:1.5}
.svc strong{font-family:var(--hd);font-weight:400;font-size:1.18rem;line-height:1.3}
.svc-w{font-size:.88rem;color:var(--ink2);line-height:1.45}
.pk-svg{width:108px;height:auto;margin-top:auto}
.pk{fill:var(--pk);stroke:var(--grain);stroke-width:1}.pk-m{fill:var(--tape);stroke:var(--tape-d);stroke-width:1}

/* 뜯는 범위 비교 */
.ranges{display:grid;gap:10px;margin-top:10px}
.rg{display:grid;grid-template-columns:120px 1fr;grid-template-rows:auto auto auto;column-gap:12px;align-items:center;text-decoration:none;color:var(--ink);
 background:var(--sheet);border:1.5px solid var(--grain);border-radius:3px;padding:10px}
.rg .pk-svg{grid-row:span 3;width:120px;margin:0}
.rg strong{font-family:var(--hd);font-weight:400;font-size:1.15rem}
.rg span{font-size:.9rem;color:var(--ink2);line-height:1.45}
.rg em{font-style:normal;font-size:.8rem;color:var(--cut);line-height:1.4;margin-top:3px}
.rg:hover{border-color:var(--tape)}

/* 질문 카드 */
.qts{display:grid;gap:12px;margin-top:10px}
.qt{background:var(--sheet);border:1.5px solid var(--line);border-top:7px solid var(--pk3);border-radius:3px;padding:14px 14px 12px;position:relative}
.qt-k{display:inline-block;margin:0 0 8px;font-size:.8rem;font-weight:800;color:#fff;background:var(--tape);padding:1px 10px;transform:rotate(-2deg)}
.qt h3{font-size:1.14rem}
.qt-a{font-weight:700;border-left:3px dashed var(--cut);padding-left:10px}
.qt-more{color:var(--ink2);font-size:.94rem}
.qt-link{font-weight:800;text-decoration:none;border-bottom:2px solid var(--cut)}

/* 작업 순서: 칼집 점선으로 잇는 번호 */
.cuts{list-style:none;margin:12px 0 0;padding:0;position:relative}
.cuts li{position:relative;display:grid;grid-template-columns:1fr;gap:8px;padding:0 0 22px 44px}
.cuts li::before{content:'';position:absolute;left:15px;top:32px;bottom:0;border-left:2px dashed var(--cut)}
.cuts li:last-child::before{display:none}
.cuts .no{position:absolute;left:0;top:0;width:32px;height:32px;display:grid;place-items:center;font-family:var(--hd);font-size:1.05rem;
 background:var(--tape);color:#fff;transform:rotate(-4deg);border-radius:2px}
.cuts figure{margin:0;border:2px solid var(--ink);border-radius:3px;overflow:hidden;background:var(--ink);max-width:420px}
.cuts figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
.stage{margin:0 0 2px;font-size:.8rem;font-weight:800;color:var(--tape-d)}
.cuts h3{margin:0 0 4px}
.cuts p:last-child{margin:0}

/* 문의 영역: 판 뒷면 */
.back{margin:30px 0 0;background:var(--pk2);
 background-image:repeating-linear-gradient(90deg,transparent 0 58px,rgba(122,88,48,.18) 58px 60px),repeating-linear-gradient(0deg,transparent 0 11px,rgba(184,149,101,.25) 11px 12px);
 border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.back-in{max-width:760px;margin:0 auto;padding:26px 16px 22px}
.back-k{display:inline-block;margin:0 0 8px;font-weight:800;font-size:.84rem;background:var(--ink);color:#fff;padding:2px 10px}
.back h2{margin-bottom:6px}
.back-lead{color:var(--ink)}
.memo{position:relative;background:#fffef9;border:1px solid #cdbb98;padding:18px 16px 12px;margin:18px 4px 16px;transform:rotate(-.6deg);box-shadow:3px 4px 0 rgba(31,35,40,.18)}
.memo::before,.memo::after{content:'';position:absolute;top:-10px;width:70px;height:20px;background:rgba(216,57,31,.78)}
.memo::before{left:14px;transform:rotate(-6deg)}.memo::after{right:14px;transform:rotate(5deg)}
.memo-h{margin:0 0 6px;font-weight:800;font-size:.84rem;color:var(--tape-d)}
.memo-b{margin:0 0 8px;display:flex;flex-direction:column;gap:12px;font-size:.92rem;line-height:1.5;color:var(--ink)}
.memo-n{margin:0;font-size:.84rem;color:var(--mute)}
.back-h{margin:6px 0 8px}
.snap{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.snap li{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:start;background:rgba(255,253,248,.92);border-radius:3px;padding:10px}
.snap svg{width:44px;height:44px}
.snap b{display:block;font-weight:800}
.snap span{font-size:.9rem;line-height:1.5}
.s-ln{fill:none;stroke:var(--ink);stroke-width:2.4}.s-dash{fill:none;stroke:var(--cut);stroke-width:2.2;stroke-dasharray:4 3}.s-mk{fill:none;stroke:var(--tape);stroke-width:2.6;stroke-linecap:round}

/* 질문 답변 */
.qa{display:grid;gap:8px}
.qa details{background:var(--sheet);border:1.5px solid var(--line);border-radius:3px}
.qa summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 22px;gap:10px;align-items:center;padding:13px 14px;font-weight:800;line-height:1.45}
.qa summary::-webkit-details-marker{display:none}
.xm{position:relative;width:22px;height:22px}
.xm::before,.xm::after{content:'';position:absolute;left:3px;right:3px;top:10px;height:2.5px;background:var(--tape);transition:transform .2s}
.xm::after{transform:rotate(90deg)}
.qa details[open] .xm::before{transform:rotate(45deg)}.qa details[open] .xm::after{transform:rotate(135deg)}
.qa details p{margin:0;padding:0 14px 14px;color:var(--ink2);border-top:1px dashed var(--line);padding-top:10px}

/* 출장 지역 */
.area-red strong{color:var(--red);font-weight:800}
.zones{display:grid;gap:18px;margin-top:10px}
.zone h3{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.zone h3 span{font-family:var(--hd);color:#fff;background:var(--ink);padding:1px 12px;transform:rotate(-2deg)}
.zone h3 small{font-family:var(--bd);font-size:.84rem;color:var(--mute)}
.zone ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.zone a{display:inline-block;padding:6px 10px;font-size:.9rem;text-decoration:none;color:var(--ink);background:var(--pk);border:1px solid var(--grain);border-radius:2px;line-height:1.3}
.zone li:nth-child(3n+2) a{background:var(--pk2)}
.zone a:hover{background:var(--tape);color:#fff;border-color:var(--tape)}

/* 하단 고정 */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));
 background:var(--ink);transition:transform .2s,visibility .2s}
.dock.hide{transform:translateY(110%);visibility:hidden}
.dock a{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:4px;font-weight:800;text-decoration:none;white-space:nowrap;font-size:1rem;padding:0 6px}
.dk-call{flex-grow:1.4;background:#fff;color:var(--ink)}
.dk-sms{background:var(--tape);color:#fff}

/* 하위 페이지 머리 */
.ph{background:var(--sheet)}
.ph-in{max-width:1080px;margin:0 auto;padding:14px 16px 16px}
.crumb{font-size:.82rem;color:var(--mute);margin-bottom:10px;display:flex;flex-wrap:wrap;gap:6px}
.crumb a{color:var(--mute)}
.ph-k{display:inline-block;margin:0 0 10px;font-size:.82rem;font-weight:800;color:#fff;background:var(--tape);padding:2px 10px;transform:rotate(-1.5deg)}
.ph h1{font-size:1.75rem;line-height:1.3}
.ph .lead{font-size:1.02rem}
.strip{height:22px;background:
 linear-gradient(90deg,var(--pk) 0 38%,var(--grain) 38% 38.6%,var(--pk2) 38.6% 79%,var(--grain) 79% 79.6%,var(--pk) 79.6%) top/100% 11px no-repeat,
 linear-gradient(90deg,var(--pk2) 0 17%,var(--grain) 17% 17.6%,var(--pk) 17.6% 58%,var(--grain) 58% 58.6%,var(--tape) 58.6% 81%,var(--grain) 81% 81.6%,var(--pk2) 81.6%) bottom/100% 11px no-repeat;
 border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.pts{list-style:none;counter-reset:p;margin:14px 0 0;padding:0;display:grid;gap:6px}
.pts li{counter-increment:p;display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;background:var(--sheet);border:1px solid var(--line);border-radius:3px;padding:8px 10px}
.pts li::before{content:counter(p);font-family:var(--hd);color:var(--tape-d);font-size:1.05rem;line-height:1.5}
.toc{background:var(--sheet);border:1.5px dashed var(--cut);border-radius:3px;padding:12px 14px;margin:18px 0 0}
.toc p{margin:0 0 6px;font-weight:800}
.toc ol{margin:0;padding-left:1.3em}
.toc a{color:var(--ink)}
.facts{display:grid;gap:8px}
.facts div{background:var(--sheet);border-left:5px solid var(--tape);padding:10px 12px;border-radius:2px}
.facts h3{margin:0 0 4px}
.facts p{margin:0;color:var(--ink2)}
.cmp{display:grid;gap:8px}
.cmp-r{background:var(--sheet);border:1.5px solid var(--grain);border-radius:3px;padding:12px}
.cmp-r strong{display:block;font-family:var(--hd);font-weight:400;font-size:1.1rem;margin-bottom:4px}
.cmp-r p{margin:0 0 4px;font-size:.93rem;display:grid;grid-template-columns:auto 1fr;gap:8px}
.cmp-r p b{color:var(--cut);white-space:nowrap}
.chk{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.chk li{background:var(--sheet);border:1px solid var(--line);border-radius:3px;padding:10px 12px 10px 38px;position:relative}
.chk li::before{content:'';position:absolute;left:12px;top:14px;width:14px;height:14px;border:2px solid var(--ink);border-radius:2px}
.chk li::after{content:'';position:absolute;left:16px;top:15px;width:5px;height:9px;border:solid var(--tape);border-width:0 3px 3px 0;transform:rotate(40deg)}
.chk b{display:block}
.chk span{color:var(--ink2);font-size:.93rem}
.sum{margin:0;display:grid;gap:0;background:var(--sheet);border:1.5px solid var(--grain);border-radius:3px}
.sum div{display:grid;grid-template-columns:84px 1fr;gap:8px;padding:9px 12px;border-top:1px solid var(--line)}
.sum div:first-child{border-top:0}
.sum dt{font-weight:800}
.sum dd{margin:0}
.sum ul{margin:0;padding-left:1.1em}
.links h2{margin-top:20px}
.rl{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.rl a{display:inline-block;padding:6px 10px;background:var(--sheet);border:1px solid var(--grain);border-radius:2px;text-decoration:none;color:var(--ink);font-size:.9rem}
.ex{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ex figure{margin:0;background:var(--sheet);border:1.5px solid var(--grain);border-radius:3px;overflow:hidden}
.ex img{width:100%;aspect-ratio:1;object-fit:cover}
.ex figcaption{padding:8px 10px;font-size:.86rem;line-height:1.45}
.ex figcaption b{display:block;font-size:.92rem}
.tip{background:var(--cut-l);border-radius:3px;padding:10px 12px;margin-top:10px}
.flow-list{margin:0;padding-left:1.4em;display:grid;gap:6px}
.rqs{display:grid;gap:10px}
.rq{display:grid;grid-template-columns:96px 1fr;gap:10px;text-decoration:none;color:var(--ink);background:var(--sheet);border:1.5px solid var(--grain);border-radius:3px;padding:8px}
.rq-img{display:block;border-radius:2px;overflow:hidden}
.rq-img img{width:100%;height:100%;min-height:96px;max-height:128px;object-fit:cover}
.rq-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.rq-t strong{font-weight:800;line-height:1.4}
.rq-t span{font-size:.9rem;color:var(--ink2);line-height:1.5}
.rq-t em{font-style:normal;font-size:.8rem;color:var(--cut);line-height:1.4}
.rqs+h3{margin-top:22px}
.warn{margin:0;padding-left:1.2em}
.why-pick{color:var(--ink2)}
.local p{margin-bottom:.6em}

/* 넓은 화면 */
@media (min-width:720px){
 .bond ul{grid-template-columns:repeat(24,1fr)}
 .bond li:nth-child(1){grid-column:span 5}.bond li:nth-child(2){grid-column:span 7}.bond li:nth-child(3){grid-column:span 6}.bond li:nth-child(4){grid-column:span 6}
 .cards{grid-template-columns:1fr 1fr}
 .qts{grid-template-columns:1fr 1fr}
 .svcs{grid-template-columns:1fr}
 .ranges{grid-template-columns:repeat(3,1fr)}
 .rg{grid-template-columns:1fr;grid-template-rows:auto}
 .rg .pk-svg{grid-row:auto;width:100%;max-width:220px;margin-bottom:8px}
 .facts,.cmp{grid-template-columns:repeat(3,1fr)}
 .cmp-r p{grid-template-columns:1fr;gap:0}
 .chk{grid-template-columns:1fr 1fr}
 .snap{grid-template-columns:repeat(3,1fr)}
 .snap li{grid-template-columns:1fr}
 .rqs{grid-template-columns:repeat(3,1fr)}
 .rq{grid-template-columns:1fr}
 .rq-img img{max-height:200px}
 .cuts li{grid-template-columns:minmax(0,340px) 1fr;gap:16px}
 .lay{grid-template-columns:repeat(24,1fr)}
 .lay li:nth-child(n){grid-column:span 8}
 .lay li:nth-child(4),.lay li:nth-child(6){grid-column:span 10}
 .lay li:nth-child(5){grid-column:span 4}
 .dock{display:none}
 body{padding-bottom:0}
}
@media (min-width:980px){
 .hero-in{grid-template-columns:1.05fr 1fr;grid-template-areas:'t b' 'c b';column-gap:32px;align-items:start;padding-top:30px;padding-bottom:30px}
 .hero-t{grid-area:t}.board{grid-area:b}.hero-c{grid-area:c}
 .h-main{font-size:3rem}
 .cards{grid-template-columns:repeat(3,1fr)}
 .svcs{grid-template-columns:repeat(3,1fr)}
 .svc{grid-template-columns:1fr}
 .svc-img img{max-height:180px}
 .lay li:nth-child(n){grid-column:span 4}
 .lay li:nth-child(2),.lay li:nth-child(5){grid-column:span 4}
 .ph h1{font-size:2.2rem}
}
@media (max-width:359px){
 .lay li:nth-child(n){grid-column:span 6}
 .brand-t b{font-size:1.1rem}
 .tape-k{font-size:.78rem;padding:3px 8px}
 .h-main{font-size:1.95rem}
 .svc{grid-template-columns:92px 1fr}
 .rg{grid-template-columns:96px 1fr}
 .rg .pk-svg{width:96px}
 .cta a{padding:10px 12px}
}