/* ------------------------------------------------------------
   site.css — 방문자 화면 · 덜씀 테마 (v1.61)
   ------------------------------------------------------------
   v1.61 — 의뢰인 기획서(2026-10-11 «덜씀»): 초록 · 기본 고딕 · 어디서나 휴대폰 한 줄(폭 430px).
   앞부분은 v1.49~v1.60.1 묵향 테마의 부품 규칙을 휴대폰 화면 그대로 남긴 것(넓은 화면 전용 @media 는 뺐고,
   휴대폰용 @media 는 늘 쓰도록 풀었다 — 표시가 남아 있다). 색 이름(--ink · --bronze …)은 끝의 «덜씀 테마» 가 초록으로 다시 정한다.
   이름은 sx-(옛 부품) · dl-(덜씀 화면) 두 가지.
   ------------------------------------------------------------ */
:root{
  --ink:#1b1c1e;      /* 먹 */
  --ink2:#45474b;
  --ink3:#5c5e62;   /* v1.49 — 회색 잔글씨가 흐리다는 후기(TXT_SMALL · CONTRAST)로 진하게 */
  --paper:#f5f5f2;    /* 백자 */
  --card:#ffffff;
  --sunk:#fbfbf9;
  --line:#dad8d2;
  --line2:#c9c6be;
  --bronze:#8c6d3f;   /* 놋쇠 — 선 · 점선 */
  --bronze-ink:#7a5c30; /* 놋쇠 글 — 백자 위 대비 5:1 넘음 */
  --bronze-soft:#f7f2e9;
  --ok:#2f5d3a; --ok-soft:#e9f1ea;
  --wait:#7a5c30; --wait-soft:#f0e7d6;
  --dark:#1f2124; --dark-ink:#f2f1ec; --dark-sub:#c8c6bf; --gold:#c9a86e;
  --serif:"Noto Serif KR","Noto Serif CJK KR","Nanum Myeongjo","AppleMyungjo",serif;
  --sans:"Noto Sans KR","Noto Sans CJK KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --max:1080px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:15.5px;line-height:1.65;
  word-break:keep-all;overflow-wrap:anywhere}
a{color:inherit;text-decoration:none}
a:hover{color:var(--bronze-ink)}
h1,h2,h3{line-height:1.35;letter-spacing:-.015em}
h1,h2{font-family:var(--serif);font-weight:600}
img{max-width:100%}
.sx-dim{color:var(--ink3)}
.sx-container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
.sx-narrow{max-width:760px}
:focus-visible{outline:3px solid var(--bronze);outline-offset:2px}

/* 머리 */
.sx-topbar{display:none}
.sx-header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.sx-header .sx-container{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px 22px;padding:12px 0 0}
.sx-logo{display:flex;flex-direction:column;line-height:1.15;grid-row:1}
.sx-logo b{font-family:var(--serif);font-weight:700;font-size:20px;letter-spacing:-.01em}
.sx-logo small{font-size:11px;letter-spacing:.18em;color:var(--bronze-ink);margin-top:2px}
.sx-logo:hover{color:var(--ink)}
.sx-tools{display:flex;align-items:center;gap:8px;grid-column:3;grid-row:1}
.sx-call{display:none;font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap}
.sx-call b{font-family:var(--serif);font-weight:600;letter-spacing:.02em;font-size:16px}
.sx-words{display:flex;border:1px solid var(--line2);border-radius:999px;padding:3px;background:transparent}
.sx-words a{font-size:13px;font-weight:500;padding:6px 12px;min-height:36px;display:inline-flex;align-items:center;border-radius:999px;color:var(--ink2)}
.sx-words a.on{background:var(--g-btn);color:var(--paper);font-weight:700}
.sx-words a:hover{color:var(--ink)}
.sx-words a.on:hover{color:var(--paper)}
.sx-bigbtn{height:44px;padding:0 13px;border-radius:999px;border:1px solid var(--line2);display:inline-flex;align-items:center;justify-content:center;gap:3px;
  font-weight:700;font-size:14px;color:var(--ink);background:transparent;white-space:nowrap}
.sx-bigbtn span{font-size:15px}
.sx-bigbtn[aria-pressed=true]{background:var(--g-btn);color:var(--paper);border-color:var(--g-btn)}
.sx-nav{grid-column:1 / -1;display:flex;gap:22px;font-size:15px;overflow-x:auto;scrollbar-width:none;margin:0 -2px}
.sx-nav::-webkit-scrollbar{display:none}
.sx-nav a{white-space:nowrap;padding:10px 2px 11px;border-bottom:2px solid transparent;color:var(--ink2)}
.sx-nav a.on{color:var(--ink);font-weight:700;border-bottom-color:var(--bronze)}
body.sx-big{zoom:1.25}
@supports not (zoom:1){body.sx-big{font-size:18px}}

/* 꼬리 */
.sx-footer{border-top:1px solid var(--line);padding:30px 0 44px;margin-top:48px;font-size:13.5px;color:var(--ink2)}
.sx-footer p{margin:6px 0}
.sx-footer b{font-family:var(--serif);color:var(--ink)}
.sx-footer a{text-decoration:underline;text-underline-offset:3px}

/* 쪽 머리 */
.sx-page-head{padding:30px 0 6px}
.sx-page-head h1{font-size:30px;margin:6px 0 6px}
.sx-page-head p{margin:0;color:var(--ink2)}
.sx-page-head .sx-ask{margin-top:16px}
.sx-breadcrumb{font-size:13px;color:var(--ink3)}
.sx-breadcrumb a:hover{text-decoration:underline}
.sx-fac-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:4px;color:var(--ink2)}
.sx-fac-meta .sx-pill{flex:none}

/* 단추 · 칩 */
.sx-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--g-btn);color:var(--paper);font-weight:700;font-size:14.5px;border:1px solid var(--ink)}
.sx-btn:hover{color:var(--paper);background:#000}
.sx-btn.light{background:transparent;color:var(--ink);border-color:var(--line2)}
.sx-btn.light:hover{border-color:var(--g-btn);color:var(--ink);background:transparent}
.sx-pill{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--line2);border-radius:999px;font-size:13.5px;font-weight:700;color:var(--ink)}
.sx-pill:hover{border-color:var(--g-btn);color:var(--ink)}
.sx-chip{display:inline-block;font-size:12.5px;font-weight:500;padding:2px 9px;border-radius:999px;background:var(--bronze-soft);color:var(--bronze-ink);vertical-align:middle;border:1px solid #e6dcc8}
.sx-chip.gray{background:transparent;color:var(--ink2);border-color:var(--line)}
.sx-chip.green{background:var(--ok-soft);color:var(--ok);border-color:#cfe0d2}
.sx-badge{display:inline-block;font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px;white-space:nowrap}
.sx-badge.ok{background:var(--ok-soft);color:var(--ok)}
.sx-badge.wait{background:var(--wait-soft);color:var(--wait)}
.sx-unit{font-size:12px;color:var(--ink3);font-weight:500}
.sx-amt{font-weight:700;font-variant-numeric:tabular-nums}
.sx-formal{font-size:.82em;color:var(--ink3);font-weight:500}

/* 카드 · 목록 */
.sx-card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:20px}
.sx-card+.sx-card{margin-top:12px}
.sx-card h2{margin:0 0 10px;font-size:20px}
.sx-card h3{margin:0 0 8px;font-size:16px}
.sx-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sx-list{display:grid;gap:10px}
.sx-list-item{display:block;border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--card)}
.sx-list-item:hover{border-color:var(--ink2);color:var(--ink)}
.sx-list-item h3{margin:0 0 3px;font-size:17px;font-weight:700}
.sx-list-item .sx-meta{margin-bottom:8px;font-size:13.5px;color:var(--ink3)}
.sx-row{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.sx-kv{display:grid;grid-template-columns:110px 1fr;gap:6px 14px;font-size:14.5px;margin:0}
.sx-kv dt{color:var(--ink3)}
.sx-kv dd{margin:0}
.sx-count{font-size:13.5px;color:var(--ink3);margin:0 0 10px}
.sx-empty-cta{padding:22px;border:1px dashed var(--line2);border-radius:14px;background:var(--sunk);color:var(--ink2);font-size:14.5px}
.sx-notice{border-radius:12px;padding:12px 16px;background:var(--card);border:1px solid var(--line);font-size:14px;color:var(--ink2);margin:12px 0}
.sx-notice.warn{background:var(--wait-soft);border-color:#e3d3b3;color:#5b4524}
.sx-src{font-size:13px;color:var(--ink3);margin-top:10px}

/* 거르기 칸 */
.sx-filter{display:grid;grid-template-columns:1fr 160px 120px;gap:8px;margin:14px 0 18px}
.sx-filter input,.sx-filter select{height:46px;border:1px solid var(--line2);border-radius:10px;padding:0 12px;font:inherit;background:var(--card);min-width:0;color:var(--ink)}
.sx-filter button{height:46px;border:0;border-radius:999px;background:var(--g-btn);color:var(--paper);font:inherit;font-weight:700;cursor:pointer}
.sx-filter > span:empty{display:none}
.sx-filter-m{grid-template-columns:1fr 140px 150px 110px auto 100px}
.sx-check{display:flex;align-items:center;gap:6px;font-size:13.5px;white-space:nowrap;padding:0 4px}
.sx-check input{width:22px;height:22px;accent-color:var(--ink)}
.sx-check{min-height:44px}
.sx-pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:24px 0}
.sx-pager a,.sx-pager b{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:0 12px;font-size:14px;background:var(--card)}
.sx-pager b{background:var(--g-btn);color:var(--paper);border-color:var(--g-btn)}

/* 고인 주소 고르기 · 판정 — 밝은 카드 */
.sx-judge{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:20px;margin:18px 0}
.sx-judge h2{margin:0 0 4px;font-size:19px}
.sx-judge > p{margin:0 0 14px;color:var(--ink2);font-size:14px}
.sx-res-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}
.sx-res-label{grid-column:1/-1;margin:0 0 2px;font-size:14.5px;color:var(--ink)}
.sx-res-label span{font-size:13px;color:var(--bronze-ink)}
.sx-res-form label{display:block;font-size:12.5px;color:var(--ink3)}
.sx-res-form label span{display:block;margin-bottom:4px}
.sx-res-form select,.sx-res-form input{width:100%;height:48px;border:1px solid var(--line2);border-radius:10px;padding:0 10px;font:inherit;font-size:15.5px;color:var(--ink);background:var(--sunk)}
.sx-res-form button{height:48px;border:0;border-radius:999px;background:var(--g-btn);color:var(--paper);font:inherit;font-weight:700;padding:0 20px;cursor:pointer}
.sx-verdict{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}
.sx-verdict .lab{font-size:14px;color:var(--ink2);font-weight:700;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.sx-verdict .lab .sx-badge{margin-left:auto}
.sx-verdict .big{font-family:var(--serif);font-size:34px;font-weight:600;letter-spacing:-.01em;margin:6px 0 4px;line-height:1.3}
.sx-verdict .big .sx-amt{font-weight:600}
.sx-verdict .sub{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:10px}
.sx-verdict .sub span{background:var(--sunk);padding:9px 12px;font-size:13.5px;color:var(--ink3);display:flex;flex-direction:column;gap:1px}
.sx-verdict .sub span b,.sx-verdict .sub span .sx-amt{color:var(--ink);font-size:15px}
.sx-verdict ul{margin:10px 0 0;padding-left:18px;font-size:13.5px;color:var(--ink2)}
.sx-verdict.unknown .big{font-family:var(--sans);font-size:19px;font-weight:700}
.sx-plain{margin:10px 0 0;font-size:14.5px;color:var(--ink)}
.sx-formal-text{margin-top:8px;font-size:13.5px;color:var(--ink2)}
.sx-formal-text summary{cursor:pointer;font-weight:700;color:var(--bronze-ink);min-height:32px;display:flex;align-items:center;list-style:none}
.sx-formal-text summary::-webkit-details-marker{display:none}
.sx-formal-text summary::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 0 3px 8px}
.sx-formal-text[open] summary::after{transform:rotate(225deg);margin-bottom:-3px}
.sx-conds{margin:6px 0 0;padding-left:18px;font-size:13.5px;color:var(--ink2)}
.sx-to-consult{color:var(--bronze-ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* 상담으로 잇는 상자 — 이 테마에서 힘을 주는 두 번째 곳 */
.sx-consult{margin:16px 0;border:1.5px dashed var(--bronze);border-radius:14px;background:#f9f6f0;color:var(--ink);padding:18px}
.sx-judge .sx-consult{margin:16px 0 0}
.sx-consult-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.sx-consult-head b{font-size:16.5px;line-height:1.45}
.sx-consult p{margin:8px 0 0;font-size:14px;color:var(--ink2);line-height:1.6}
.sx-consult-row{display:flex;gap:8px;margin-top:14px;align-items:stretch}
.sx-consult-call{flex:1;min-height:52px;border-radius:12px;background:var(--g-btn);color:var(--paper);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;letter-spacing:.01em}
.sx-consult-call:hover{color:var(--paper);background:#000}
.sx-consult-code{flex:none;border:1px solid var(--line2);border-radius:12px;background:var(--card);padding:6px 14px;display:flex;flex-direction:column;justify-content:center}
.sx-consult-code small{font-size:11.5px;color:var(--ink3)}
.sx-consult-code b{font-family:var(--serif);font-size:17px;font-weight:600;letter-spacing:.03em;white-space:nowrap}

/* 요금표 */
.sx-fee-table{width:100%;border-collapse:collapse;font-size:14.5px}
.sx-fee-table th,.sx-fee-table td{border-bottom:1px solid #ecebe6;padding:10px 4px;text-align:left;vertical-align:top}
.sx-fee-table tr:last-child td{border-bottom:0}
.sx-fee-table th{font-size:12.5px;color:var(--ink3);font-weight:500;white-space:nowrap}
.sx-fee-table td.v{text-align:right;white-space:nowrap}
.sx-fee-table .cn{display:block;font-size:12.5px;color:var(--ink3);margin-top:2px;white-space:normal}
.sx-fee-table tr.ext td{color:var(--ink2)}
.sx-card h3+.sx-fee-table,.sx-fac .sx-fee-table{margin-top:2px}
.sx-fac{border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--card)}
.sx-fac+.sx-fac{margin-top:12px}
.sx-fac-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap;margin-bottom:6px}
.sx-fac-head h3{margin:0;font-size:18px;font-family:var(--serif);font-weight:600}
.sx-applied{background:var(--sunk);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:8px 0 10px;font-size:14.5px}
.sx-applied b{font-size:18px}

/* 처음 화면 */
.sx-hero{padding:34px 0 18px}
.sx-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
.sx-lede{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.06em;color:var(--bronze-ink);margin:0 0 12px}
.sx-lede::before{content:"";width:24px;border-top:1px solid var(--bronze)}
.sx-hero h1{font-size:40px;line-height:1.36;margin:0 0 14px;letter-spacing:-.02em}
.sx-hero h1 + p{margin:0;color:var(--ink2);font-size:16px;max-width:34em}
.sx-hero-ask{margin-top:22px}
.sx-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.sx-quick a{background:var(--paper);padding:16px;min-height:64px;display:flex;align-items:center;gap:12px;font-size:15.5px;font-weight:500}
.sx-quick a:hover{background:var(--card);color:var(--ink)}
.sx-quick svg{flex:none;color:var(--bronze-ink)}
.sx-quick small{display:block;font-size:13px;color:var(--ink3);font-weight:400;margin-top:1px}
.sx-band{margin-top:14px;padding:20px;border-radius:14px;background:var(--dark);color:var(--dark-ink);display:flex;flex-direction:column;gap:4px}
.sx-band span{font-size:13px;letter-spacing:.08em;color:var(--gold)}
.sx-band a{color:#fff;font-family:var(--serif);font-size:32px;font-weight:600;letter-spacing:.02em;line-height:1.3;align-self:flex-start}
.sx-band a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.sx-band p{margin:2px 0 0;font-size:14px;color:var(--dark-sub)}
.sx-section{padding:40px 0}
.sx-section.soft{background:transparent;border-top:1px solid var(--line)}
.sx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}
.sx-head h2{margin:0;font-size:24px}
.sx-head p{margin:4px 0 0;color:var(--ink3);font-size:14px}
.sx-more{font-size:14px;font-weight:700;white-space:nowrap;border-bottom:1px solid var(--line2);padding-bottom:1px}
.sx-more:hover{border-bottom-color:var(--bronze)}
.sx-region-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}
.sx-region-grid a{background:var(--card);border:1px solid var(--line);padding:12px 6px;text-align:center;border-radius:10px;font-size:14px;min-height:46px}
.sx-region-grid a:hover{border-color:var(--ink2);color:var(--ink)}
.sx-local-section{margin:36px 0 0}
.sx-local-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}
.sx-local-head h2{margin:0;font-size:20px}
.sx-local-head p{margin:3px 0 0;color:var(--ink3);font-size:13.5px}
.sx-local-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sx-local-card{display:block;border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--card)}
.sx-local-card:hover{border-color:var(--ink2);color:var(--ink)}
.sx-local-card h3{margin:0 0 4px;font-size:16px}
.sx-mini{font-size:13px;color:var(--ink3)}
.sx-local-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.sx-local-tags span{font-size:12px;padding:1px 8px;border:1px solid var(--line);border-radius:999px;color:var(--ink2)}
.sx-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.sx-guide-card{display:block;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:18px;min-height:120px}
.sx-guide-card:hover{border-color:var(--ink2);color:var(--ink)}
.sx-guide-card small{font-size:12.5px;color:var(--bronze-ink)}
.sx-guide-card h3{margin:6px 0 0;font-size:17px;font-family:var(--serif);font-weight:600}
.sx-hero-search{display:grid;gap:8px}

/* 물어보기 */
.sx-ask{display:grid;gap:8px;margin:0;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}
.sx-ask label{font-weight:700;font-size:15px}
.sx-ask-row{display:grid;grid-template-columns:1fr auto auto;gap:8px}
.sx-ask input{height:52px;border:1px solid var(--line2);border-radius:10px;padding:0 14px;font:inherit;font-size:16px;min-width:0;background:var(--sunk);color:var(--ink)}
.sx-ask input:focus{border-color:var(--g-btn)}
.sx-ask button{height:52px;border:0;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}
.sx-ask .sx-ask-go{padding:0 22px;background:var(--g-btn);color:var(--paper);border-radius:999px}
.sx-ask .sx-mic{width:52px;background:var(--bronze-soft);color:var(--bronze-ink);border:1px solid var(--bronze);display:inline-flex;align-items:center;justify-content:center}
.sx-ask .sx-mic[hidden]{display:none}
.sx-ask .sx-mic.on{background:#8f2f2a;border-color:#8f2f2a;color:#fff;animation:sx-pulse 1.4s ease-in-out infinite}
@keyframes sx-pulse{0%,100%{box-shadow:0 0 0 0 rgba(143,47,42,.35)}50%{box-shadow:0 0 0 8px rgba(143,47,42,0)}}
@media (prefers-reduced-motion:reduce){.sx-ask .sx-mic.on{animation:none}}
.sx-ask .sx-ask-status{margin:0;font-size:14px;color:var(--ink2);min-height:1.2em}
.sx-ask .sx-ask-status:empty{display:none}
.sx-ask .sx-ask-status.bad{color:#8f2f2a}
.sx-ask .sx-ask-note{margin:0;font-size:13.5px;color:var(--ink2)}
.sx-ask .sx-ask-note a{text-decoration:underline;text-underline-offset:2px}
/* v1.51 — 받아쓴 말 확인 막대(이대로 찾기 · 이어서 말하기 · 다시 말하기) · 앱 안의 창에서 바깥 브라우저로 열기 */
.sx-ask .sx-voice-bar{display:grid;gap:10px;border:1px dashed var(--bronze);background:var(--bronze-soft);border-radius:12px;padding:12px 14px}
.sx-ask .sx-voice-bar[hidden]{display:none}
.sx-ask .sx-voice-heard{margin:0;font-size:15px;color:var(--ink);line-height:1.55}
.sx-ask .sx-voice-acts{display:flex;flex-wrap:wrap;gap:8px}
.sx-ask .sx-voice-acts button{height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--ink);font-weight:700}
.sx-ask .sx-voice-acts button[hidden]{display:none}
.sx-ask .sx-voice-acts .sx-v-go{background:var(--g-btn);border-color:var(--g-btn);color:var(--paper)}
.sx-ask .sx-voice-acts .sx-v-more{border-color:var(--bronze);color:var(--bronze-ink)}
.sx-ask .sx-voice-acts button:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}
.sx-ask .sx-v-count{font-weight:500;opacity:.8}
.sx-ask .sx-open-out{justify-self:start}
.sx-understood{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 14px}
.sx-understood .lab{font-size:13.5px;font-weight:700;color:var(--ink2);margin-right:4px}
.sx-ask-list{display:grid;gap:10px}
.sx-ask-card{display:grid;gap:3px;border:1px solid var(--line);border-radius:14px;padding:15px 18px;background:var(--card)}
.sx-ask-card:hover{border-color:var(--ink2);color:var(--ink)}
.sx-ask-card b{font-size:16.5px}
.sx-ask-card .sx-chip{justify-self:start}
.sx-ask-card .go{font-size:13.5px;font-weight:700;color:var(--bronze-ink)}
.sx-ask-card.main{border:1.5px solid var(--ink)}
.sx-ask-h{font-size:18px;margin:26px 0 10px}
.sx-ask-guides,.sx-ask-examples{margin:0;padding-left:18px;line-height:2.1}
.sx-ask-guides a,.sx-ask-examples a{text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:4px}
.sx-guess{border-radius:12px;padding:11px 16px;background:var(--bronze-soft);border:1px solid #e6dcc8;color:#5b4524;font-size:14px;margin:0 0 12px}
.sx-guess a{font-weight:700;text-decoration:underline;text-underline-offset:3px;margin-left:4px}

/* 계산기 */
.sx-calc{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start}
.sx-calc label{display:block;font-size:13.5px;font-weight:700;margin:12px 0 4px}
.sx-calc input[type=number],.sx-calc input[type=text],.sx-calc select{width:100%;height:48px;border:1px solid var(--line2);border-radius:10px;padding:0 10px;font:inherit;background:var(--sunk);color:var(--ink)}
.sx-calc h2{font-size:19px}
.sx-calc .sum{position:sticky;top:120px}
.sx-calc .line{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #ecebe6;font-size:14.5px}
.sx-calc .total{font-family:var(--serif);font-size:30px;font-weight:600;margin-top:12px}
.sx-prod-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sx-prod-pick label{margin:0;border:1px solid var(--line2);border-radius:12px;padding:12px;cursor:pointer;font-weight:700;background:var(--card)}
.sx-prod-pick input{margin-right:6px;accent-color:var(--ink)}

/* 장례정보 */
.sx-guide-list{margin:0;padding-left:18px;display:grid;gap:5px;font-size:15px}
.sx-guide-list a{text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:4px}
.sx-article{font-size:16.5px;line-height:1.9}
.sx-article h3{margin:26px 0 8px;font-family:var(--serif);font-weight:600;font-size:19px}
.sx-article table{border-collapse:collapse;width:100%}
.sx-article th,.sx-article td{border:1px solid var(--line);padding:6px 8px}
.sx-guide-note{border-left:3px solid var(--bronze);background:var(--card);padding:12px 16px;font-size:15px;color:var(--ink2);margin:0 0 16px;border-radius:0 12px 12px 0}
.sx-guide-note a{text-decoration:underline;text-underline-offset:3px}

/* (@media (max-width:920px) → 늘 씀) */
  .sx-hero-grid{grid-template-columns:1fr;gap:20px}
  .sx-filter,.sx-filter-m{grid-template-columns:1fr 1fr}
  .sx-filter input[name=q]{grid-column:1/-1}
  .sx-filter-m .sx-check{grid-column:1/-1}
  .sx-calc{grid-template-columns:1fr}
  .sx-calc .sum{position:static}
  .sx-region-grid{grid-template-columns:repeat(6,1fr)}
  .sx-guide-grid{grid-template-columns:1fr 1fr}
  .sx-local-grid{grid-template-columns:1fr 1fr}

/* (휴대폰 한 줄 화면 — 넓은 화면 전용 규칙 뺌: @media (min-width:921px)) */
/* (@media (max-width:640px) → 늘 씀) */
  body{font-size:15.5px}
  .sx-container{width:calc(100% - 32px)}
  .sx-header .sx-container{padding-top:10px;gap:6px 10px}
  .sx-nav{gap:18px;font-size:14.5px}
  .sx-words a{padding:6px 10px}
  .sx-page-head h1{font-size:26px}
  .sx-hero{padding-top:24px}
  .sx-hero h1{font-size:29px}
  .sx-hero h1 + p{font-size:15px}
  .sx-res-form{grid-template-columns:1fr 1fr}
  .sx-res-form button{grid-column:1/-1}
  .sx-grid2{grid-template-columns:1fr}
  .sx-kv{grid-template-columns:90px 1fr}
  .sx-verdict .big{font-size:30px}
  .sx-prod-pick{grid-template-columns:1fr}
  .sx-region-grid{grid-template-columns:repeat(4,1fr)}
  .sx-local-grid,.sx-guide-grid{grid-template-columns:1fr}
  .sx-head{display:block}.sx-head .sx-more{display:inline-block;margin-top:8px}
  .sx-local-head{display:block}.sx-local-head .sx-more{display:inline-block;margin-top:6px}
  .sx-ask-row{grid-template-columns:1fr auto}
  .sx-ask .sx-ask-go{grid-column:1 / -1}
  /* 몸 전체가 overflow-wrap:anywhere 라 좁은 화면에서 «400,000원» 이 자리마다 끊겼다 — 값 칸은 띄어쓰기에서만 줄을 바꾼다 */
  .sx-fee-table td.v{white-space:normal;overflow-wrap:normal;word-break:keep-all;min-width:6.5em}

.sx-band p a{font-family:var(--sans);font-size:14px;font-weight:700;color:var(--gold);letter-spacing:0;text-decoration:underline;text-underline-offset:3px}
.sx-band p a:hover{color:#fff}
.sx-price{font-family:var(--serif);font-size:24px;font-weight:600;margin:4px 0 2px}

/* ---------- v1.49 — 500인 UI 후기로 바꾼 것 ---------- */
.sx-res-now{grid-column:1/-1;margin:0 0 4px;font-size:14px;color:var(--ink);background:var(--bronze-soft);border:1px solid #e6dcc8;border-radius:10px;padding:8px 12px}
.sx-askres{margin:6px 0 16px}
.sx-askres h2{font-size:18px;margin-bottom:12px}
.sx-change-res{margin:-4px 0 14px;font-size:14px}
.sx-change-res summary{cursor:pointer;color:var(--bronze-ink);font-weight:700;min-height:40px;display:flex;align-items:center}
.sx-change-res .sx-res-form{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:6px}
.sx-quickfee{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;color:var(--ink);margin:4px 0 2px}
.sx-quickfee.ok{font-family:var(--serif);font-weight:600;font-size:17px}
.sx-quickfee .sx-badge{font-family:var(--sans)}
.sx-ask-card .go{font-size:14px}
.sx-guide-row{display:grid;gap:3px;border:1px solid var(--line);border-radius:14px;padding:14px 18px;background:var(--card);min-height:56px}
.sx-guide-row:hover{border-color:var(--ink2);color:var(--ink)}
.sx-guide-row small{font-size:12.5px;color:var(--bronze-ink)}
.sx-guide-row b{font-size:16.5px;font-family:var(--serif);font-weight:600}
.sx-guide-row span{font-size:14px;color:var(--ink2)}
.sx-ask-guides{padding:0}
.sx-band-inline{margin:22px 0 0}
.sx-toc{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:14px 18px;margin:0 0 12px}
.sx-toc b{font-size:14px;color:var(--bronze-ink)}
.sx-toc ol{margin:6px 0 0;padding-left:22px;display:grid;gap:2px}
.sx-toc a{display:inline-block;padding:5px 0;font-size:15.5px;text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:4px}
.sx-article h3{scroll-margin-top:130px}
.sx-namebar{display:grid;gap:6px;margin:4px 0 16px}
.sx-namebar label{font-weight:700;font-size:15px}
.sx-namebar-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.sx-namebar input{height:52px;border:1px solid var(--line2);border-radius:10px;padding:0 14px;font:inherit;font-size:16px;background:var(--card);color:var(--ink);min-width:0}
.sx-namebar button[type=submit]:not(.sx-btn){height:52px;border:0;border-radius:999px;background:var(--g-btn);color:var(--paper);font:inherit;font-weight:700;padding:0 22px;cursor:pointer}
.sx-more-filter{font-size:14.5px}
.sx-more-filter summary{cursor:pointer;color:var(--bronze-ink);font-weight:700;min-height:44px;display:flex;align-items:center;list-style:none}
.sx-more-filter summary::-webkit-details-marker{display:none}
.sx-more-filter summary::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 0 3px 8px}
.sx-more-filter[open] summary::after{transform:rotate(225deg);margin-bottom:-3px}
.sx-more-filter select{height:48px;border:1px solid var(--line2);border-radius:10px;padding:0 10px;font:inherit;background:var(--card);color:var(--ink);min-width:0;width:100%;max-width:320px;margin:0 8px 8px 0}
.sx-more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:center;margin-bottom:8px}
.sx-more-grid select{max-width:none;margin:0}
.sx-feecard > summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px}
.sx-feecard > summary::-webkit-details-marker{display:none}
.sx-feecard > summary h2{margin:0;font-size:18px}
.sx-feecard > summary::after{content:"";flex:none;width:9px;height:9px;border-right:1.5px solid var(--bronze-ink);border-bottom:1.5px solid var(--bronze-ink);transform:rotate(45deg);margin-bottom:4px}
.sx-feecard[open] > summary{margin-bottom:10px}
.sx-feecard[open] > summary::after{transform:rotate(225deg);margin-bottom:-4px}
.sx-big-lab{display:block;font-family:var(--sans);font-size:15px;font-weight:500;color:var(--ink2);letter-spacing:0}
.sx-conds-open{margin-top:4px;font-size:14px;color:var(--ink)}
/* (@media (max-width:920px) → 늘 씀) */ .sx-more-grid{grid-template-columns:1fr 1fr} 
/* (@media (max-width:640px) → 늘 씀) */
  /* 메뉴가 오른쪽에서 잘려 뒤에 무엇이 있는지 몰랐다(500인 UI 후기 · NAV_HIDDEN) — 휴대폰에서는 두 줄로 */
  .sx-nav{flex-wrap:wrap;overflow:visible;gap:0 18px}
  .sx-nav a{padding:8px 2px 9px}
  .sx-more-grid{grid-template-columns:1fr}
  .sx-bigbtn{padding:0 11px}


/* v1.49 r2 — 상담 단추가 좁은 휴대폰에서 «1811-» / «1031» 로 끊겼다(r2 화면 점검). 좁으면 위아래로 */
.sx-consult-call{padding:0 16px;white-space:nowrap;text-align:center}
/* (@media (max-width:560px) → 늘 씀) */
  .sx-consult-row{flex-direction:column}
  .sx-consult-code{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px}
  .sx-consult-code b{font-size:18px}

/* v1.49 r2 — «가+ 크게» 를 켜면 휴대폰 머리줄이 «실속상/조» · «쉬운/말» 로 접혔다(r2 화면 점검).
   글자는 줄을 바꾸지 않고, 좁으면 단추 줄을 로고 아래로 내린다. 큰 글씨에서는 머리를 붙박지 않는다(화면의 1/3 을 먹는다) */
.sx-logo b,.sx-words a,.sx-bigbtn{white-space:nowrap}
/* (@media (max-width:560px) → 늘 씀) */
  body.sx-big .sx-header{position:static}
  body.sx-big .sx-header .sx-container{grid-template-columns:1fr}
  body.sx-big .sx-tools{grid-column:1;grid-row:2;justify-content:flex-start}


/* v1.49 r2 — 물어보기 결과(500인 UI 후기 2차 · RESULT_UNCLEAR 물어보기 89) */
/* 무엇으로 보았는지 + 바꾸기 단추 — 작은 갈색 글씨 한 줄을 지나쳤다 */
.sx-change-res{margin:0 0 14px;font-size:15px}
.sx-change-res summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:52px;padding:10px 12px 10px 16px;border:1px solid var(--line2);border-radius:14px;background:var(--card);color:var(--ink);font-weight:500}
.sx-change-res summary::-webkit-details-marker{display:none}
.sx-change-res summary em{font-style:normal;flex:none;font-weight:700;font-size:14.5px;color:var(--ink);border:1px solid var(--ink);border-radius:999px;padding:7px 14px}
.sx-change-res[open] summary em{background:var(--g-btn);color:var(--paper)}
.sx-change-res.self summary{border-color:var(--bronze);background:var(--bronze-soft)}
/* 물음의 갈래에 답하는 자리 */
.sx-answer{border-left:3px solid var(--bronze)}
.sx-answer h2{font-size:20px;margin:0 0 6px}
.sx-answer p{margin:6px 0 0;font-size:15px;line-height:1.65}
.sx-answer .sx-btn{margin-top:6px}
/* 못 알아들었을 때 */
.sx-notfound h2{font-size:19px;margin:0 0 6px;line-height:1.45}
.sx-notfound p{margin:0;font-size:15px;color:var(--ink2);line-height:1.65}
.sx-consult-tiers{width:100%;border-collapse:collapse;margin:12px 0 2px;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:15px}
.sx-consult-tiers td{padding:10px 12px;border-top:1px solid var(--line)}
.sx-consult-tiers tr:first-child td{border-top:0}
.sx-consult-tiers td:last-child{text-align:right;font-weight:700;white-space:nowrap}
.sx-consult p{font-size:15px}
.sx-ask .sx-mic{width:auto;padding:0 14px;gap:4px;font-size:15px;font-weight:700}
.sx-ask .sx-ask-note{font-size:14px}
/* (@media (max-width:640px) → 늘 씀) */ .sx-nav{gap:0 15px;font-size:14.5px} 
/* 시·도 바로 좁히기 (v1.49 r2) */
.sx-sido-chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 4px;align-items:center}
.sx-sido-chips .lab{width:100%;font-size:14.5px;font-weight:700;color:var(--ink);margin-bottom:2px}
.sx-sido-chips a{min-width:52px;min-height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line2);border-radius:10px;background:var(--card);font-size:15px;color:var(--ink)}
.sx-sido-chips a.on{background:var(--g-btn);border-color:var(--g-btn);color:var(--paper);font-weight:700}
.sx-list-h{font-size:17px;margin:18px 0 8px;font-family:var(--serif);font-weight:600;grid-column:1 / -1}
.sx-count{font-size:15px}
/* 장례정보 글 — 소제목마다 접기 (v1.49 r2 · TOO_LONG) */
.sx-sec-help{font-size:15px;color:var(--ink2);margin:14px 0 8px}
.sx-sec-help a{font-weight:700;margin-left:6px}
.sx-article .sx-sec{border-top:1px solid var(--line);margin:0}
.sx-article .sx-sec:last-child{border-bottom:1px solid var(--line)}
.sx-article .sx-sec summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:6px 0}
.sx-article .sx-sec summary::-webkit-details-marker{display:none}
.sx-article .sx-sec summary h3{margin:0;font-size:18px;line-height:1.45}
.sx-article .sx-sec summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--ink2);border-bottom:2px solid var(--ink2);transform:rotate(45deg);margin:0 6px 4px 0;transition:transform .15s}
.sx-article .sx-sec[open] summary::after{transform:rotate(225deg);margin-bottom:-4px}
.sx-article .sx-sec-body{padding:0 0 14px}
@media (prefers-reduced-motion:reduce){.sx-article .sx-sec summary::after{transition:none}}

/* v1.49 r2 — 작은 글씨 바닥을 올린다(500인 UI 후기 2차 · TXT_SMALL 119 — 70대 이상 · 큰 글씨 설정한 분). 12~13px 를 13.5~14.5px 로 */
.sx-breadcrumb,.sx-mini,.sx-quick small,.sx-lede{font-size:14px}
.sx-words a{font-size:14px}
.sx-chip{font-size:13.5px}
.sx-badge{font-size:13px}
.sx-unit{font-size:13px}
.sx-src,.sx-res-label span{font-size:14px}
.sx-res-form label{font-size:14px}
.sx-list-item .sx-meta,.sx-understood .lab,.sx-ask-card .go{font-size:14.5px}
.sx-verdict .sub span,.sx-verdict ul,.sx-formal-text,.sx-conds{font-size:14.5px}
.sx-fee-table th,.sx-fee-table .cn{font-size:13.5px}
.sx-consult-code small{font-size:13px}
.sx-guide-row small,.sx-guide-card small{font-size:13.5px}
.sx-footer{font-size:14.5px}
/* «가+ 크게» 가 «조금 커지다 말았다 · 내 휴대폰 글씨보다 작다»(r2 · 눌러도 부족 22) — 1.25 → 1.32, 좁은 칸은 위아래로 */
body.sx-big{zoom:1.32}
/* (@media (max-width:560px) → 늘 씀) */
  body.sx-big .sx-res-form{grid-template-columns:1fr}
  body.sx-big .sx-quick{grid-template-columns:1fr}

/* 시설 쪽 — 아래 상자로 바로 가기 (v1.49) */
.sx-jump{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:14px 0 4px}
.sx-jump span{font-size:14px;color:var(--ink3);margin-right:2px}
.sx-jump a{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--line2);border-radius:999px;background:var(--card);font-size:14.5px;font-weight:600;color:var(--ink)}
.sx-feecard[open],.sx-card:target{scroll-margin-top:120px}
#sx-elig,#sx-allfees,#sx-discount,#sx-info,#sx-consult{scroll-margin-top:110px}

/* ------------------------------------------------------------
   v1.53 — 로고 · 블로그 «장례 진행 기록» 띠
   ------------------------------------------------------------ */
.sx-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* 로고 — 실속상조 홈페이지의 로고 그림(172×41) 아래에 «장례정보» */
.sx-logo{align-items:flex-start}   /* v1.53.2 — «크게» 에서 머리가 한 줄(1fr)이 되면 로고가 옆으로 늘어났다(500인 시험 사진 S16) */
.sx-logo img{display:block;height:34px;width:auto;max-width:none}
.sx-logo small{margin-top:3px}
/* (@media (max-width:560px) → 늘 씀) */ .sx-logo img{height:28px} .sx-logo small{font-size:10px;letter-spacing:.14em} 

/* 블로그 띠 — 대표 결정(2026-10-07 23:22): 실속상조 홈페이지의 «BLOG VIEW» 와 같은 꼴.
   카드 · 사진 · 제목 두 줄 · 날짜 · 마우스를 올리면 파란 막과 «VIEW» · 양옆 둥근 단추 · «MORE +».
   움직임은 site.js — 3.5초마다 한 칸, 마우스 · 손가락 · 초점이 있으면 멈춤, «움직임 줄이기» 기기에서는 멈춰 둔다 */
.sx-blog{position:relative;padding:50px 0;overflow:hidden}
/* 제목 줄은 다른 칸과 같은 폭(sx-container)에 맞추고, 카드 줄은 양옆 단추 몫(50px씩)만큼 넓다 — 넓은 화면에서 카드가 본문 폭에 맞는다 */
.sx-blog-box{width:min(calc(var(--max) + 100px),100%);margin:0 auto}
.sx-blog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:45px}
.sx-blog-head h2{margin:0;font-family:var(--sans);font-size:36px;font-weight:700;line-height:1.3;letter-spacing:0;color:#03c75a}
.sx-blog-head p{margin:12px 0 0;font-size:16px;line-height:1.5;color:var(--ink)}
.sx-blog-head p b{font-weight:700}
.sx-blog-more{flex:none;display:inline-flex;align-items:center;gap:13px;height:60px;padding:0 20px;border:1px solid #d8dce0;border-radius:22px;
  background:#fff;color:#333;font-size:15px;font-weight:700;letter-spacing:1px;transition:.25s}
.sx-blog-more i{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#03c75a;color:#fff;
  font-size:16px;font-style:normal;font-weight:400;line-height:1;transition:transform .25s}
.sx-blog-more:hover{border-color:#03c75a;color:#03c75a}
.sx-blog-more:hover i{transform:rotate(90deg)}
.sx-blog-wrap{position:relative;padding:0 50px}
.sx-blog-track{--gap:20px;--per:3;display:flex;gap:var(--gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
  scrollbar-width:none;padding:10px 0 56px;margin:-10px 0 -56px}
.sx-blog-track::-webkit-scrollbar{display:none}
.sx-blog-track:focus-visible{outline:3px solid var(--bronze);outline-offset:4px}
.sx-blog-item{flex:0 0 calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));scroll-snap-align:start;display:block;background:#fff;
  border-radius:12px;overflow:hidden;color:#333;transition:transform .3s,box-shadow .3s}
.sx-blog-item:hover{transform:translateY(-7px);box-shadow:0 15px 35px rgba(0,0,0,.1);color:#333}
.sx-blog-img{position:relative;width:100%;aspect-ratio:1/1;background:#e9ecef;overflow:hidden}
.sx-blog-img img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s}
.sx-blog-img.noimg{display:flex;align-items:center;justify-content:center}
.sx-blog-img.noimg img.sx-blog-ph{width:46%;height:auto;opacity:.55}
.sx-blog-item:hover .sx-blog-img img{transform:scale(1.05)}
.sx-blog-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,84,166,.72);opacity:0;transition:opacity .3s}
.sx-blog-cover span{display:flex;align-items:center;justify-content:center;width:75px;height:75px;border:1px solid rgba(255,255,255,.8);border-radius:50%;
  color:#fff;font-size:11px;font-weight:700;letter-spacing:1px}
.sx-blog-item:hover .sx-blog-cover,.sx-blog-item:focus-visible .sx-blog-cover{opacity:1}
.sx-blog-info{display:block;padding:22px 22px 24px;background:#fff}
.sx-blog-title{display:-webkit-box;margin:0 0 12px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  font-size:17px;font-weight:600;line-height:1.5;color:#333;word-break:keep-all;min-height:3em}
.sx-blog-date{display:block;font-size:13px;line-height:1.4;color:#767676}
.sx-blog-arrow{position:absolute;top:50%;z-index:5;width:42px;height:42px;padding:0;border:1px solid #ddd;border-radius:50%;background:#fff;cursor:pointer;
  transform:translateY(-50%);transition:.25s;box-shadow:0 5px 15px rgba(0,0,0,.06)}
.sx-blog-arrow.prev{left:0}
.sx-blog-arrow.next{right:0}
.sx-blog-arrow span{position:absolute;left:50%;top:50%;width:8px;height:8px;border-top:1px solid #333;border-left:1px solid #333;transform:translate(-35%,-50%) rotate(-45deg)}
.sx-blog-arrow.next span{transform:translate(-65%,-50%) rotate(135deg)}
.sx-blog-arrow:hover{border-color:#03c75a;background:#03c75a}
.sx-blog-arrow:hover span{border-color:#fff}
/* (@media (max-width:1024px) → 늘 씀) */
  .sx-blog-head{margin-bottom:35px}
  .sx-blog-head h2{font-size:32px}
  .sx-blog-head p{font-size:15px}
  .sx-blog-wrap{padding:0 45px}
  .sx-blog-track{--per:2}
  .sx-blog-info{padding:18px 18px 21px}
  .sx-blog-title{font-size:16px}

/* (@media (max-width:768px) → 늘 씀) */
  .sx-blog-head{margin-bottom:28px}
  .sx-blog-head h2{font-size:27px}
  .sx-blog-head p{margin-top:8px;font-size:14px}
  .sx-blog-more{height:38px;padding:0 15px;gap:8px;font-size:11px}
  .sx-blog-more i{width:18px;height:18px;font-size:14px}
  .sx-blog-wrap{padding:0 38px}
  .sx-blog-track{--gap:14px}
  .sx-blog-arrow{width:34px;height:34px}

/* (@media (max-width:640px) → 늘 씀) */
  .sx-blog{padding:40px 0 50px}
  .sx-blog-head{display:block;margin-bottom:25px}
  .sx-blog-head h2{font-size:25px}
  .sx-blog-head p{font-size:13.5px}
  .sx-blog-more{margin-top:18px}
  .sx-blog-wrap{padding:0 32px}
  .sx-blog-track{--per:1;--gap:12px}
  .sx-blog-info{padding:16px 16px 18px}
  .sx-blog-title{margin-bottom:8px;font-size:15px;line-height:1.45}
  .sx-blog-date{font-size:12px}
  .sx-blog-arrow{width:30px;height:30px}
  .sx-blog-arrow span{width:7px;height:7px}

/* (@media (max-width:480px) → 늘 씀) */
  .sx-blog-head h2{font-size:23px}
  .sx-blog-wrap{padding:0 28px}
  .sx-blog-track{--gap:10px}
  .sx-blog-info{padding:15px 14px 17px}
  .sx-blog-title{font-size:14px}
  .sx-blog-date{font-size:11.5px}

@media (prefers-reduced-motion:reduce){
  .sx-blog-item,.sx-blog-img img,.sx-blog-cover,.sx-blog-more,.sx-blog-more i{transition:none}
  .sx-blog-item:hover{transform:none}
  .sx-blog-item:hover .sx-blog-img img{transform:none}
}
.sx-blog-arrow[hidden]{display:none}

/* ---------------- v1.54 · 장례식장 ---------------- */
/* «실속상조 자료» — 조례로 확인한 «확정»(초록)과 다른 빛으로. 실속상조가 공개해 온 값이라는 표시 */
.sx-badge.listed{background:var(--bronze-soft);color:var(--bronze-ink);border:1px solid #e6dcc8;font-weight:700}
.sx-feecard h2{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sx-feecard h2 .sx-badge{font-family:var(--sans)}
.sx-room-table{margin-top:12px}
.sx-room-table th.v{text-align:right}
.sx-room-table td:first-child{font-weight:500;color:var(--ink)}
.sx-verdict .big.sx-big-line{font-family:var(--sans);font-size:19px;font-weight:700;line-height:1.5}
.sx-sg-chips a{min-width:0}
.sx-am{display:flex;flex-wrap:wrap;gap:6px}
/* 바로 가기 칸이 홀수면 마지막 칸을 한 줄로 — 장례식장 칸이 더해져 다섯이 될 때 */
.sx-quick a:last-child:nth-child(odd){grid-column:1/-1}
/* 휴대폰 메뉴 — 장례식장이 더해져 여섯 칸이 되면 «물어보기» 만 아랫줄에 떨어진다(r2 · NAV_HIDDEN 의 그 모양).
   세 칸씩 두 줄로 가지런히 — 두 줄 모두 메뉴로 읽히게 (v1.54) */
/* (@media (max-width:640px) → 늘 씀) */
  .sx-nav{display:grid;grid-template-columns:repeat(3,max-content);gap:0 22px;justify-content:start}

/* 주소 칸이 눌러서 펼치는 칸인 줄 몰랐다(500인 시험 v1.53.1 · 주소 칸 막힘 31건) — 펼침 표시를 크고 분명하게 (v1.54) */
.sx-res-form select{-webkit-appearance:none;appearance:none;padding-right:38px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M2 5l5 5 5-5' fill='none' stroke='%231b1c1e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;background-size:14px}
.sx-res-form select:disabled{cursor:not-allowed;opacity:.65}
/* v1.54 검토 — 실속상조 자료(옛 누리집에 공개해 온 값)는 조례로 확인한 «확정» 판정과 같은 꼴로 보이지 않게: 점선 · 낮춘 바탕 · 고딕 · 작은 크기 */
.sx-verdict.sx-listed-line{background:var(--sunk);border-style:dashed}
.sx-verdict.sx-listed-line .big{font-family:var(--sans);font-size:24px;font-weight:700}
.sx-verdict.sx-listed-line .sx-dim{font-size:14px}

/* ============================================================
   v1.55 — PC 화면 정리 · 물어보기를 맨 앞에 (대표 결정 2026-10-08)
   «이 사이트의 힘은 말로 물으면 알아듣는 것 — 고르고 누를 것 없이». 처음 화면의 맨 앞은 큰 물어보기 칸과,
   예로 든 물음을 실제로 풀어 보인 «이렇게 알아듣습니다». 힘은 이 둘에만 주고 나머지는 조용하게.
   PC(1100px 넘음)에서는 머리를 한 줄로, 시설 쪽은 왼쪽 본문 · 오른쪽 고인 주소와 판정(따라옴),
   목록 쪽은 왼쪽 거르기 · 오른쪽 목록. 휴대폰은 위에서 아래로 그대로(500인 후기로 맞춘 차례를 지킨다).
   ============================================================ */
:root{--max:1160px}

/* 처음 화면 — 물어보기 */
.sx-hero-ask-first{padding:48px 0 34px}
.sx-hero-ask-first .sx-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.95fr);gap:52px;align-items:center}
.sx-hero-ask-first h1{font-size:46px;line-height:1.3;letter-spacing:-.025em;margin:0 0 16px}
.sx-hero-sub{margin:0;font-size:16.5px;color:var(--ink2);max-width:35em}
.sx-hero-ask-first .sx-hero-ask{margin-top:26px}
.sx-ask-hero{padding:20px 20px 16px;border-radius:18px;border-color:var(--line2);box-shadow:0 22px 44px -34px rgba(27,28,30,.45)}
.sx-ask-hero label{font-size:14px;font-weight:500;color:var(--ink2)}
.sx-ask-hero .sx-ask-row{gap:10px}
.sx-ask-hero input{height:62px;font-size:18px;border-radius:14px;padding:0 18px;background:var(--card)}
.sx-ask-hero button{height:62px}
.sx-ask-hero .sx-mic{width:auto;padding:0 20px;gap:6px;border-radius:999px;font-size:16px}
.sx-ask-hero .sx-mic .sx-mic-more{font-weight:700}
.sx-ask .sx-mic.on .sx-mic-more{display:none}
.sx-ask-hero .sx-ask-go{padding:0 30px;font-size:17px}
.sx-examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.sx-examples span{font-size:13.5px;color:var(--ink3);margin-right:2px}
.sx-examples a{font-size:14px;line-height:1.4;padding:7px 14px;border:1px solid var(--line2);border-radius:999px;color:var(--ink2);background:transparent}
.sx-examples a:hover{border-color:var(--bronze);color:var(--bronze-ink);background:var(--bronze-soft)}

/* «이렇게 알아듣습니다» — 말씀 → 알아들음 → 답. 차례가 있는 일이라 선으로 잇는다 */
.sx-demo{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px 26px 20px}
.sx-demo h2{margin:0 0 18px;font-family:var(--sans);font-size:15px;font-weight:700;letter-spacing:0;color:var(--bronze-ink)}
.sx-demo-flow{list-style:none;margin:0;padding:0}
.sx-demo-flow li{position:relative;padding:0 0 20px 84px;min-height:40px}
.sx-demo-flow li::before{content:"";position:absolute;left:66px;top:12px;bottom:-4px;border-left:1px solid var(--line2)}
.sx-demo-flow li:last-child::before{display:none}
.sx-demo-flow li::after{content:"";position:absolute;left:62px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--card);border:1.5px solid var(--bronze)}
.sx-demo-flow li:last-child::after{background:var(--bronze)}
.sx-demo-flow .k{position:absolute;left:0;top:1px;width:52px;text-align:right;font-size:13px;color:var(--ink3)}
.sx-demo-said{margin:0;font-family:var(--serif);font-size:18.5px;line-height:1.55;color:var(--ink)}
.sx-demo-chips{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.sx-demo-chips span{font-size:13.5px;padding:5px 11px;border-radius:999px;background:var(--sunk);border:1px solid var(--line);color:var(--ink2)}
.sx-demo-chips b{color:var(--ink);font-weight:700}
.sx-demo-answer{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sx-demo-answer b{font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:-.01em}
.sx-demo-go{display:inline-block;margin-top:6px;font-size:14px;font-weight:700;color:var(--bronze-ink);border-bottom:1px solid var(--bronze)}
.sx-demo-note{margin:2px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--ink3)}

/* 직접 찾아보기 */
.sx-entry{padding:6px 0 34px}
.sx-entry-h{margin:0 0 14px;font-size:20px}
.sx-entry-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:stretch}
.sx-entry .sx-band{margin-top:0;justify-content:center}

/* 시설 쪽 · 목록 쪽 (PC 에서 두 칸) */
.sx-detail-head{max-width:none}
/* (휴대폰 한 줄 화면 — 넓은 화면 전용 규칙 뺌: @media (min-width:1100px)) */
/* (@media (max-width:1099px) → 늘 씀) */
  .sx-entry-grid{grid-template-columns:1fr}

/* (@media (max-width:920px) → 늘 씀) */
  .sx-hero-ask-first{padding:28px 0 22px}
  .sx-hero-ask-first .sx-hero-grid{grid-template-columns:1fr;gap:22px}
  .sx-hero-ask-first h1{font-size:34px}

/* (@media (max-width:640px) → 늘 씀) */
  .sx-hero-ask-first h1{font-size:28px;line-height:1.35}
  .sx-hero-sub{font-size:15.5px}
  .sx-ask-hero{padding:14px;border-radius:16px}
  .sx-ask-hero input{height:54px;font-size:16px}
  .sx-ask-hero button{height:54px}
  .sx-ask-hero .sx-mic{padding:0 14px}
  .sx-ask-hero .sx-mic .sx-mic-more{display:none}
  .sx-ask-hero .sx-ask-go{padding:0 20px;font-size:16px}
  .sx-demo{padding:18px 18px 14px}
  .sx-demo-flow li{padding-left:74px}
  .sx-demo-flow li::before{left:60px}
  .sx-demo-flow li::after{left:56px}
  .sx-demo-flow .k{width:50px;font-size:12.5px;white-space:nowrap}
  .sx-demo-said{font-size:16.5px}
  .sx-demo-answer b{font-size:22px}

/* 구분 딱지와 금액이 줄 끝에서 갈라지지 않게 한 묶음으로 (v1.55) */
.sx-pair{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 6px}
/* 물어보기 쪽 — 처음 화면과 같은 큰 칸, 너비는 조금 넓게 (v1.55) */
.sx-search-w{max-width:860px}
.sx-page-head .sx-ask-hero{margin-top:20px}
.sx-listing,.sx-detail{margin-top:16px}
/* 오른쪽(왼쪽) 칸이 따라오는 것은 화면이 넉넉히 높을 때만 — 낮은 노트북 화면에서 판정 금액이 칸 아래로 숨지 않게 (v1.55) */
/* (휴대폰 한 줄 화면 — 넓은 화면 전용 규칙 뺌: @media (min-width:1100px) and (min-height:900px)) */
/* (휴대폰 한 줄 화면 — 넓은 화면 전용 규칙 뺌: @media (min-width:1100px) and (max-width:1239px)) */

/* ============================================================
   v1.56 — 예 물음을 물어보기 칸의 아랫부분에 (대표 결정 2026-10-08 12:29 · «답답하지 않게»)
   칸 밖에 두 줄로 늘어서던 것을 칸 안 가는 선 아래로. 묻는 칸 · 단추보다 낮은 목소리로.
   ============================================================ */
.sx-ask-ex{display:grid;gap:9px;margin-top:6px;padding-top:14px;border-top:1px solid var(--line)}
.sx-ask-ex-h{font-size:13px;color:var(--ink3)}
.sx-ask-ex-list{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.sx-ask-ex-list a{font-size:13.5px;line-height:1.35;padding:6px 12px;border-radius:999px;background:var(--sunk);border:1px solid transparent;color:var(--ink2)}
.sx-ask-ex-list a:hover{border-color:var(--bronze);color:var(--bronze-ink);background:var(--bronze-soft)}
.sx-ask-ex-list a:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}
/* «음성» + «으로 묻기» 두 조각이 한 낱말로 붙게 — 단추의 틈(gap)은 그림과 글자 사이에만 */
.sx-ask-hero .sx-mic{gap:0}
.sx-ask-hero .sx-mic svg{margin-right:7px}
/* (@media (max-width:640px) → 늘 씀) */
  .sx-ask-ex{gap:8px;padding-top:12px}
  .sx-ask-ex-list a{font-size:13px;padding:6px 11px}
  .sx-ask-hero .sx-mic svg{margin-right:5px}


/* ============================================================
   v1.56 — 유족 후기 카드 · 관리자 미리보기 띠
   유족 후기 칸은 의뢰인이 기능을 넣자고 할 때까지 꺼 둔다(FAMILY_REVIEWS). 이 꼴은 켜졌을 때와 관리자 미리보기(?preview=1)에서만 보인다.
   ============================================================ */
.sx-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.sx-review-card{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 22px 18px;color:var(--ink)}
.sx-review-card:hover{border-color:var(--bronze);color:var(--ink)}
.sx-review-card:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}
.sx-review-card h3{margin:0;font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.45}
.sx-review-meta{font-size:13.5px;color:var(--ink3)}
.sx-review-card p{margin:0;font-size:15px;color:var(--ink2);line-height:1.65}
.sx-review-by{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink3)}
.sx-review-tags{display:flex;gap:6px;flex-wrap:wrap}
.sx-rtag{font-size:12px;font-weight:700;line-height:1;padding:5px 9px;border-radius:999px;background:var(--sunk);border:1px solid var(--line2);color:var(--ink2)}
.sx-rtag.sample{background:var(--bronze-soft);border-color:var(--bronze);color:var(--bronze-ink)}
.sx-preview-bar{background:var(--dark);color:var(--dark-ink);font-size:14px;line-height:1.55;padding:11px 0}
.sx-preview-bar .sx-container{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.sx-preview-bar b{color:var(--gold)}
.sx-preview-bar span{color:var(--dark-sub)}
.sx-preview-bar a{color:var(--dark-ink);text-decoration:underline;text-underline-offset:3px}
/* (@media (max-width:640px) → 늘 씀) */
  .sx-review-grid{grid-template-columns:1fr}
  .sx-review-card{padding:18px}


/* ============================================================
   v1.58 — 머리 정리 · 옆 막대 · «이렇게 물어보세요» 한 칸 · 지역별 장례식장 · «알려 드립니다»
   대표 결정(2026-10-08 18:10): 로고 아래 «장례정보» 는 빼고, 상담 전화 · 쉬운 말 · 글씨 크게는 머리에서 빼
   스크롤해도 따라오는 옆 막대로. 법적인 안내는 따로 나눈 칸에. 메뉴는 마우스를 올리면 밑줄 막대가 미끄러져 간다.
   막대는 마크업 하나 — 넓은 PC(1400px 넘음)는 오른쪽 여백의 세로 막대, 그보다 좁거나 «크게» 일 때는 아래쪽 막대.
   ============================================================ */

/* 머리 — 로고와 메뉴만. PC(1100px 넘음)는 한 줄 · 메뉴는 오른쪽으로(자동 여백이라 넘쳐도 앞이 잘리지 않는다).
   그보다 좁으면 전처럼 메뉴가 로고 아래 자기 줄. 한 줄에 다 들어가지 않으면(«크게» · 메뉴가 늘었을 때) site.js 가
   sx-nav-wrap 을 붙여 메뉴를 로고 아래로 내려 감싼다 — 메뉴를 옆으로 숨기지 않는다(500인 후기 NAV_HIDDEN) */
.sx-nav{position:relative}
.sx-nav a{transition:color .2s}
/* (휴대폰 한 줄 화면 — 넓은 화면 전용 규칙 뺌: @media (min-width:1100px)) */
/* (휴대폰 한 줄 화면 — 넓은 화면 전용 규칙 뺌: @media (min-width:641px)) */
/* 밑줄 막대(site.js 가 붙인다) — 마우스를 올린 메뉴로 미끄러져 가고, 떠나면 지금 쪽으로 돌아온다.
   마우스가 있는 화면에서 메뉴가 한 줄일 때만. 없으면(휴대폰 · 자바스크립트 없음) 지금 쪽의 밑줄만 그대로 */
.sx-nav-ink{position:absolute;left:0;bottom:0;height:2px;width:0;border-radius:2px;background:var(--bronze);opacity:0;pointer-events:none;
  transition:transform .34s cubic-bezier(.22,.8,.24,1),width .34s cubic-bezier(.22,.8,.24,1),opacity .2s ease}
.sx-nav-ink.sx-noanim{transition:none}
.sx-nav.sx-nav-ink-on a.on{border-bottom-color:transparent}
.sx-nav.sx-nav-ink-on a:hover,.sx-nav.sx-nav-ink-on a:focus-visible{color:var(--ink)}
@media (prefers-reduced-motion:reduce){.sx-nav-ink,.sx-nav a{transition:none}}

/* 옆 막대 — 기본은 아래쪽 막대(가운데 떠 있는 알약). 넓은 PC 는 아래 @media 에서 오른쪽 세로 막대로 */
.sx-side{position:fixed;z-index:25;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:5px;
  background:var(--card);border:1px solid var(--line);border-radius:999px;box-shadow:0 16px 36px -22px rgba(27,28,30,.55);
  transition:transform .22s ease;font-family:var(--sans);line-height:1.3}
.sx-side a{color:var(--ink2)}
.sx-side a:focus-visible{outline:3px solid var(--bronze);outline-offset:1px}
.sx-side-call{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px 0 12px;border-radius:999px;white-space:nowrap}
.sx-side-call svg{color:var(--bronze);flex:none}
.sx-side-k{font-size:13px;color:var(--ink3)}
.sx-side-call b{font-size:15px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.sx-side-call:hover{background:var(--bronze-soft)}
.sx-side-words{display:flex;gap:2px;padding:0 6px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.sx-side-words a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:999px;font-size:13.5px;font-weight:500;white-space:nowrap}
.sx-side-words a:hover{color:var(--ink);background:var(--sunk)}
.sx-side-words a.on{background:var(--g-btn);color:var(--paper);font-weight:700}
.sx-side-big{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-height:40px;padding:0 14px;border-radius:999px;font-size:13.5px;font-weight:500;white-space:nowrap}
.sx-side-big span{font-size:15.5px;font-weight:700;color:var(--ink)}
.sx-side-big:hover{background:var(--sunk);color:var(--ink)}
.sx-side-big[aria-pressed=true]{background:var(--g-btn);color:var(--paper)}
.sx-side-big[aria-pressed=true] span{color:var(--paper)}
body{padding-bottom:84px}
/* 휴대폰 · 태블릿에서 칸에 글을 칠 때는 막대를 내려 둔다(자판 위로 떠서 칸을 가리지 않게 — site.js 가 sx-typing 을 붙인다) */
body.sx-typing .sx-side{transform:translate(-50%,160%)}

/* (@media (max-width:640px) → 늘 씀) */
  .sx-side{left:0;right:0;bottom:0;transform:none;display:grid;grid-template-columns:auto 1fr auto;gap:6px;border-radius:0;border-width:1px 0 0;
    padding:6px 10px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -10px 24px -20px rgba(27,28,30,.45)}
  .sx-side-call{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:7px;row-gap:0;padding:4px 8px;min-height:44px}
  .sx-side-call svg{grid-row:1 / span 2;align-self:center}
  .sx-side-k{font-size:11.5px}
  .sx-side-call b{font-size:14.5px}
  .sx-side-words{justify-content:center;border:1px solid var(--line);border-radius:999px;padding:3px;justify-self:center}
  .sx-side-words a{min-height:36px;padding:0 9px;font-size:13px}
  .sx-side-big{flex-direction:column;gap:0;min-height:44px;padding:0 8px;font-size:11.5px;border-radius:12px}
  .sx-side-big span{font-size:15px;line-height:1.15}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  body.sx-typing .sx-side{transform:translateY(120%)}


/* 넓은 PC — 오른쪽 여백에 세로 막대(본문 가장자리 옆 · 화면 가운데 높이에 따라옴). «크게»(zoom)면 여백이 줄어 아래쪽 막대 그대로 */
/* (휴대폰 한 줄 화면 — 넓은 화면 전용 규칙 뺌: @media (min-width:1400px)) */
@media (prefers-reduced-motion:reduce){.sx-side{transition:none}}
@media print{.sx-side{display:none}body{padding-bottom:0}}

/* «이렇게 물어보세요» — 풀어 보인 예(말씀 → 알아들음 → 답) 아래에 다른 예 물음. 물어보기 칸은 묻는 칸 · 단추만 */
.sx-howto h2{margin-bottom:18px}
.sx-demo-more{margin-top:4px;padding-top:14px;border-top:1px solid var(--line)}
.sx-demo .sx-demo-flow + .sx-demo-more{margin-top:0}
.sx-demo-more h3{margin:0 0 9px;font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:0;color:var(--ink3)}
.sx-demo-ex{display:flex;flex-wrap:wrap;gap:6px}
.sx-demo-ex a{font-size:13.5px;line-height:1.35;padding:7px 12px;border-radius:999px;background:var(--sunk);border:1px solid var(--line);color:var(--ink2)}
.sx-demo-ex a:hover{border-color:var(--bronze);color:var(--bronze-ink);background:var(--bronze-soft)}
.sx-demo-ex a:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}
.sx-howto .sx-demo-note{margin-top:14px}
.sx-howto h2 + .sx-demo-more{margin-top:0;padding-top:0;border-top:0}   /* 풀어 보인 예가 없을 때 */

/* 지역별 화장장 · 지역별 장례식장 — 시·도마다 공개된 곳의 수. 두 칸이 한 짝으로 읽히게 둘째 칸은 위 여백을 줄인다 */
.sx-region-count a,.sx-region-count .off{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:10px 4px;min-height:58px;
  text-align:center;border-radius:10px;font-size:14.5px;font-weight:500;line-height:1.3}
.sx-region-count a{background:var(--card);border:1px solid var(--line);color:var(--ink)}
.sx-region-count a:hover{border-color:var(--bronze);color:var(--ink);background:var(--bronze-soft)}
.sx-region-count small{font-size:12px;font-weight:400;color:var(--ink3);font-variant-numeric:tabular-nums}
.sx-region-count .off{border:1px dashed var(--line);color:var(--ink3);background:transparent}
.sx-region-sec.sx-region-next{padding-top:6px}

/* «알려 드립니다» — 꼬리 위에 따로 나눈 칸. 조용한 글씨 · 넷(음성이 없는 쪽은 셋)으로 나란히 */
.sx-footer{padding:0 0 40px}
.sx-legal{background:var(--sunk);border-bottom:1px solid var(--line);padding:26px 0 24px}
.sx-legal h2{margin:0 0 14px;font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:0;color:var(--ink)}
.sx-legal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 28px}
.sx-legal-item h3{margin:0 0 4px;font-family:var(--sans);font-size:13.5px;font-weight:700;letter-spacing:0;color:var(--ink2)}
.sx-legal-item p{margin:0;font-size:13.5px;line-height:1.65;color:var(--ink3)}
.sx-legal-item a{text-decoration:underline;text-underline-offset:3px;color:var(--ink2)}
.sx-foot-line{padding-top:18px}
.sx-foot-line p{margin:0}
/* (@media (max-width:640px) → 늘 씀) */
  .sx-legal{padding:22px 0 18px}
  .sx-legal-grid{grid-template-columns:1fr;gap:12px}
  .sx-legal-item{padding-top:12px;border-top:1px solid var(--line)}
  .sx-legal-item:first-child{padding-top:0;border-top:0}

/* (휴대폰 한 줄 화면 — 넓은 화면 전용 규칙 뺌: @media (min-width:1100px)) */
/* 아래쪽 막대가 떠 있을 때 — 키보드로 옮긴 칸이 막대 밑에 숨지 않게, 따라오는 오른쪽 칸(시설 쪽 · 목록 쪽)의 끝이 막대에 가리지 않게 */
html{scroll-padding-bottom:96px}
/* (@media (max-width:640px) → 늘 씀) */ html{scroll-padding-bottom:80px} 
/* (휴대폰 한 줄 화면 — 넓은 화면 전용 규칙 뺌: @media (min-width:1400px)) */
/* (휴대폰 한 줄 화면 — 넓은 화면 전용 규칙 뺌: @media (min-width:1100px) and (max-width:1399px) and (min-height:900px)) */
/* (휴대폰 한 줄 화면 — 넓은 화면 전용 규칙 뺌: @media (min-width:1400px) and (min-height:900px)) */
/* 아주 좁은 화면(접는 폰의 바깥 화면 등) — «24시간 상담» 글자를 빼고 번호만 */
@media(max-width:360px){
  .sx-side{gap:4px;padding-left:6px;padding-right:6px;grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto)}
  .sx-side-k{display:none}
  .sx-side-call{grid-template-columns:auto auto;padding:2px 4px}
  .sx-side-call svg{grid-row:auto}
  .sx-side-words a{padding:0 6px;font-size:12.5px}
  .sx-side-big{padding:0 4px}
}
/* «크게»(zoom) + 휴대폰 — 아래쪽 막대가 넘치지 않게 그림을 빼고 조금 좁게 */
/* (@media (max-width:640px) → 늘 씀) */
  body.sx-big .sx-side{padding-left:8px;padding-right:8px}
  body.sx-big .sx-side-call{grid-template-columns:auto;padding:2px 4px}
  body.sx-big .sx-side-call svg{display:none}
  body.sx-big .sx-side-k{font-size:11px}
  body.sx-big .sx-side-call b{font-size:14px}
  body.sx-big .sx-side-words a{padding:0 7px;font-size:12.5px}
  body.sx-big .sx-side-big{padding:0 6px}

/* 아주 좁은 화면 + «크게» — 휴대폰 메뉴 세 칸이 넘쳐 쪽이 옆으로 밀렸다(v1.58 검토) — 두 칸으로 */
@media(max-width:400px){ body.sx-big .sx-nav{grid-template-columns:repeat(2,max-content)} }

/* ============================================================
   v1.59 — 처음 화면 한 기둥 (대표 결정 2026-10-09 12:13)
   머리말 «음성이나 글로 물어보세요» → 물어보기 칸 → «이렇게 물어보세요» 가 가운데 한 기둥으로 내려온다(반반 두 칸 아님).
   칸 위의 같은 문장은 화면에서 뺐다(칸 이름은 화면 읽기 프로그램용으로 남김). 기둥 너비는 물어보기 칸에 맞춘다.
   ============================================================ */
.sx-hero-col{max-width:880px}
.sx-hero-col .sx-hero-main{text-align:center}
.sx-hero-col h1{margin:0 0 14px}
.sx-hero-col .sx-hero-sub{margin:0 auto;max-width:41em}
.sx-hero-col .sx-hero-ask{margin-top:26px;text-align:left}
.sx-ask-hero .sx-ask-row{margin-top:0}
.sx-hero-col .sx-howto{margin-top:22px;text-align:left}
.sx-howto-body .sx-demo-more{margin-top:4px}
/* (휴대폰 한 줄 화면 — 넓은 화면 전용 규칙 뺌: @media (min-width:900px)) */
/* (@media (max-width:640px) → 늘 씀) */
  .sx-hero-col .sx-hero-main{text-align:left}
  .sx-hero-col .sx-hero-sub{margin:0}


/* ============================================================
   v1.60.1 — 장례식장 편의시설: 글자와 간단한 그림 (대표 결정 2026-10-09 20:20)
   자료에 «있음» 으로 적힌 것만 — 그림 칸 하나에 이름 하나. 놋쇠 한 가지 색으로 조용하게.
   ============================================================ */
.sx-amen{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.sx-amen h3{margin:0 0 10px;font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:0;color:var(--ink)}
.sx-amen h3 span{font-weight:400;color:var(--ink3);margin-left:4px}
.sx-amen-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.sx-amen-grid li{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 6px 10px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-align:center}
.sx-amen-ic{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--bronze-soft);color:var(--bronze-ink)}
.sx-amen-t{font-size:13.5px;line-height:1.3;color:var(--ink);font-weight:500;word-break:keep-all}
.sx-amen-note{margin:10px 0 0;font-size:12.5px;line-height:1.55;color:var(--ink3)}
/* (@media (max-width:640px) → 늘 씀) */
  .sx-amen-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sx-amen-t{font-size:13px}


/* ============================================================
   덜씀 테마 (v1.61) — 의뢰인 기획서(2026-10-11 «덜씀» 묶음)의 화면을 따른다.
   초록 한 가지 강조 · 기본 고딕 · 어디서나 휴대폰 한 줄(폭 430px, PC 는 가운데 한 줄).
   위의 규칙은 v1.60.1 묵향의 휴대폰 규칙(넓은 화면 전용 규칙은 뺐다) — 이 아래가 그 위에 덮는다.
   글자 크기만 기획서보다 키웠다(기획서 처음 화면 설명 6~8px → 12~14px — 50~70대가 읽도록).
   ============================================================ */
:root{
  --g:#0d5b43; --g-ink:#164d3a; --g-btn:#176149; --g-mid:#2d705a; --g-soft:#eef8f2; --g-head:#f2f7f4;
  --muted:#66716b; --page:#e9ecea;
  --ink:#161a18; --ink2:#3f4a45; --ink3:#5b6660;
  --paper:#ffffff; --card:#ffffff; --sunk:#f6f9f7;
  --line:#e3e7e5; --line2:#cfd9d3;
  --bronze:#176149; --bronze-ink:#0d5b43; --bronze-soft:#eef8f2;
  --ok:#0d5b43; --ok-soft:#eef8f2; --wait:#6b5b34; --wait-soft:#fff8e9;
  --dark:#123f31; --dark-ink:#f2f7f4; --dark-sub:#c4d6cd; --gold:#bfe0cf;
  --sans:Arial,"Malgun Gothic","Apple SD Gothic Neo","Noto Sans KR","Noto Sans CJK KR",system-ui,sans-serif;
  --serif:var(--sans);
  --max:430px;
}
html{background:var(--page)}
body{max-width:430px;margin:0 auto;min-height:100vh;background:#fff;color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6}
@media(min-width:431px){body{box-shadow:0 4px 24px rgba(0,0,0,.1)}}
h1,h2,h3{font-family:var(--sans);font-weight:800;letter-spacing:-.02em}
.sx-container{width:calc(100% - 28px)}
a:hover{color:var(--g)}
:focus-visible{outline:3px solid var(--g-mid);outline-offset:2px}

/* 머리 — 로고 · 돋보기 · 메뉴(☰) */
.dl-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px;border-bottom:1px solid #eee;
  position:sticky;top:0;background:#fff;z-index:50}
.dl-logo{font-size:27px;font-weight:900;color:var(--g);letter-spacing:-1.5px;line-height:1}
.dl-logo:hover{color:var(--g)}
.dl-icons{display:flex;gap:4px}
.dl-icons a{width:44px;height:44px;display:grid;place-items:center;color:var(--ink);border-radius:10px}
.dl-icons a:hover{background:var(--g-soft);color:var(--g)}
.dl-icons svg{width:24px;height:24px}

/* 펼침 메뉴 — 자바스크립트 없이도 #dl-menu 로 열린다(:target). 있으면 site.js 가 주소를 바꾸지 않고 연다.
   v1.61.1 — 닫힌 때는 visibility:hidden(초점 · 화면 읽기에서 빠짐 — display:none 과 같음). 밀려 들어오는 움직임은 맨 끝 «움직임» */
.dl-drawer{display:block;visibility:hidden;position:fixed;inset:0;z-index:80;background:rgba(18,30,25,0)}
.dl-drawer:target,.dl-drawer.open{visibility:visible;background:rgba(18,30,25,.5)}
.dl-drawer-panel{position:absolute;top:0;bottom:0;right:max(0px,calc(50% - 215px));width:min(330px,86%);background:#fff;overflow-y:auto;
  box-shadow:-8px 0 30px rgba(0,0,0,.18);display:flex;flex-direction:column}
.dl-drawer-head{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 10px 0 18px;border-bottom:1px solid #eee}
.dl-drawer-head b{font-size:22px;font-weight:900;color:var(--g);letter-spacing:-1px}
.dl-drawer-close{width:44px;height:44px;display:grid;place-items:center;font-size:26px;color:var(--ink)}
.dl-drawer nav{display:flex;flex-direction:column;padding:6px 0}
.dl-drawer nav a{padding:13px 20px;font-size:16px;font-weight:700;color:var(--ink);border-bottom:1px solid #f1f3f2;display:flex;justify-content:space-between}
.dl-drawer nav a::after{content:"›";color:var(--muted);font-weight:400}
.dl-drawer nav a.on{color:var(--g)}
.dl-drawer nav small{display:block;padding:14px 20px 4px;font-size:12.5px;color:var(--muted);font-weight:700}
.dl-drawer-tools{padding:14px 18px;border-top:1px solid #eee;display:grid;gap:10px}
.dl-drawer-tools .lab{font-size:12.5px;color:var(--muted);font-weight:700}
.dl-drawer-tools .sx-side-words{display:flex;flex-direction:row;width:100%;border:1px solid var(--line2);border-radius:999px;padding:3px;margin:0;background:#fff}
.dl-drawer-tools .sx-side-words a{flex:1;text-align:center;font-size:14px;padding:8px 10px;border-radius:999px;color:var(--ink2)}
.dl-drawer-tools .sx-side-words a.on{background:var(--g-btn);color:#fff;font-weight:700}
.dl-drawer-tools .sx-side-big{display:flex;flex-direction:row;width:100%;height:auto;min-height:44px;line-height:1.2;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line2);border-radius:999px;padding:9px;font-size:14px;font-weight:700;color:var(--ink)}
.dl-drawer-tools .sx-side-big[aria-pressed=true]{background:var(--g-btn);color:#fff;border-color:var(--g-btn)}
.dl-drawer-call{margin:auto 18px 22px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:12px;background:var(--g-soft);color:var(--g-ink)}
.dl-drawer-call b{font-size:20px;color:var(--g)}
body.dl-lock{overflow:hidden}

/* 꼬리 */
.dl-footer{border-top:1px solid #e9e9e9;margin-top:22px}
.dl-foot-top{padding:16px 16px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.dl-foot-brand b{font-size:21px;color:var(--g);font-weight:900;letter-spacing:-1px}
.dl-foot-brand span{display:block;font-size:12.5px;color:#6b756f;margin-top:2px}
.dl-foot-phone{text-align:right}
.dl-foot-phone small{display:block;font-size:12px;color:var(--muted)}
.dl-foot-phone b{font-size:19px;color:var(--ink)}
.dl-foot-nav{display:flex;flex-wrap:wrap;gap:4px 16px;padding:10px 16px;border-top:1px solid #eee;font-size:13px;color:#57615c}
.dl-foot-nav a:hover{color:var(--g)}
/* v1.67 자료 출처 쪽 */
.sx-sources ul{margin:0;padding-left:18px;line-height:1.7}
.sx-sources li+li{margin-top:6px}
.sx-sources p{line-height:1.7}
.dl-foot-op{padding:0 16px 22px;font-size:12px;color:#7a847f}
.dl-footer .sx-legal{background:var(--sunk);border-top:1px solid #eee;padding:14px 0 10px;margin:0}
.dl-footer .sx-legal h2{font-size:14px;margin:0 0 6px;color:var(--ink2)}
.dl-footer .sx-legal-grid{display:grid;gap:6px}
.dl-footer .sx-legal-item h3{font-size:12.5px;margin:0;color:var(--ink2)}
.dl-footer .sx-legal-item p{font-size:12px;margin:2px 0 0;color:var(--muted);line-height:1.55}

/* 안쪽 쪽 머리 — 연초록 띠(기획서 .inner-head) */
.sx-page-head,.dl-head{padding:22px 0 18px;background:var(--g-head);border-bottom:1px solid #e4ebe7}
.sx-page-head h1,.dl-head h1{font-size:25px;line-height:1.28;margin:4px 0 7px;color:var(--g-ink);letter-spacing:-.03em}
.sx-page-head p,.dl-head p{font-size:14px;line-height:1.6;color:#64706a;margin:0}
.sx-breadcrumb,.dl-crumb{font-size:12.5px;color:#7a847f}
.dl-eyebrow{font-size:13px;color:#31705b;font-weight:800}
.dl-wrap{padding:14px 14px 4px}

/* 카드 · 요약 칸 · 단추 · 표 · 메모 */
.sx-card,.dl-card{border:1px solid var(--line);border-radius:10px;padding:15px;background:#fff}
.dl-card{margin-bottom:11px}
.sx-card h2,.dl-card h2{font-size:18px;margin:0 0 9px;color:#1b211e}
.sx-card h3,.dl-card h3{font-size:15px;margin:0 0 6px;color:#17523f}
.dl-card p,.dl-card li{font-size:14px;line-height:1.65;color:#4e5953}
.dl-card ul{padding-left:19px;margin:6px 0}
.dl-sum{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:11px}
.dl-sum>div{border:1px solid #dfe7e3;background:#fff;border-radius:9px;padding:11px}
.dl-sum span{font-size:12.5px;color:#78817d;display:block}
.dl-sum b{font-size:14.5px;line-height:1.4;word-break:keep-all}
.dl-sum a{color:var(--g);font-weight:700}
.dl-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:var(--g-btn);color:#fff;border-radius:8px;padding:11px 14px;
  font-size:14px;font-weight:700;margin:4px 4px 0 0;border:0;cursor:pointer;line-height:1.3}
.dl-btn:hover{color:#fff;background:var(--g)}
.dl-btn2{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line2);background:#fff;color:#235d4b;border-radius:8px;padding:10px 13px;
  font-size:14px;font-weight:700;margin:4px 4px 0 0;line-height:1.3}
.dl-btn2:hover{border-color:var(--g-mid)}
.dl-table{width:100%;border-collapse:collapse;font-size:14px}
.dl-table th,.dl-table td{border-bottom:1px solid #e8ece9;padding:9px 7px;text-align:left;vertical-align:top}
.dl-table th{background:#f6f9f7;color:#42514a;font-size:13px}
.dl-table td.v{text-align:right;white-space:nowrap;font-weight:700}
.dl-note{background:#f4f8f6;border-left:3px solid #2c715a;padding:10px 11px;font-size:13px;line-height:1.55;color:#5b6660;margin-top:9px}
.dl-warn{background:#fff8e9;border:1px solid #efe0b9;border-radius:8px;padding:11px;font-size:13px;line-height:1.55;color:#6b5b34;margin-top:9px}
.dl-checked{font-size:12px;color:#8a918e;margin:10px 0 0}
.dl-links{display:grid;gap:8px}
.dl-link{display:block;border:1px solid #e0e6e2;border-radius:9px;padding:12px;background:#fbfcfb}
.dl-link b{display:block;font-size:15px;color:#17523f}
.dl-link span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.dl-link:hover{border-color:var(--g-mid)}
.dl-faq h3{margin:12px 0 4px}
.dl-faq h3:first-of-type{margin-top:0}
.dl-faq p{margin:0}
.dl-map{width:100%;height:220px;overflow:hidden;border-radius:9px;border:1px solid #e3e8e5;background:linear-gradient(135deg,#f4f7f5,#e8efeb)}
.dl-map iframe{display:block;width:100%;height:220px;border:0}
.dl-steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:8px}
.dl-steps li{position:relative;padding:11px 12px 11px 46px;border:1px solid #e4e8e6;border-radius:9px;background:#fbfcfb}
.dl-steps li::before{counter-increment:s;content:counter(s);position:absolute;left:12px;top:11px;width:24px;height:24px;border-radius:50%;
  background:var(--g-btn);color:#fff;font-size:13px;font-weight:700;display:grid;place-items:center}
.dl-steps b{display:block;font-size:15px;color:#184f3d}
.dl-check{list-style:none;padding:0;margin:4px 0}
.dl-check li{padding-left:24px;position:relative;margin:5px 0}
.dl-check li::before{content:"";position:absolute;left:3px;top:6px;width:11px;height:6px;border-left:2px solid var(--g-mid);border-bottom:2px solid var(--g-mid);transform:rotate(-45deg)}
.dl-compare th:first-child{width:22%}

/* 처음 화면 — 사진 위 문구 · 검색칸 · 사진 메뉴 6칸 · 블로그 장례후기 · 상조서비스 · 회사 띠 */
.dl-hero{position:relative;min-height:236px;overflow:hidden}
.dl-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}
.dl-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.82) 45%,rgba(255,255,255,.05) 85%)}
.dl-hero-copy{position:relative;z-index:2;padding:18px 16px 0;width:70%}
.dl-hero-copy b{color:var(--g);font-size:17px;font-weight:900}
.dl-hero-copy h1{margin:4px 0 6px;color:#174b3a;font-size:22px;line-height:1.3;letter-spacing:-.04em}
.dl-hero-copy p{font-size:13px;line-height:1.5;color:#4f5a55;margin:0;white-space:pre-line}
.dl-hero-search{position:relative;z-index:3;padding:14px 14px 14px}
.dl-hero-search .sx-ask{margin:0;padding:0;border:0;background:none;box-shadow:none}
.dl-hero-search .sx-ask-row{display:flex;height:48px;border:1.5px solid var(--g-mid);background:#fff;border-radius:8px;overflow:hidden;gap:0;padding:0}
.dl-hero-search .sx-ask-row input{border:0;outline:0;min-width:0;flex:1;padding:0 12px;font-size:15px;height:auto;border-radius:0;background:#fff}
.dl-hero-search .sx-mic{border:0;border-left:1px solid #e3ebe7;border-radius:0;background:#fff;color:var(--g);padding:0 10px;height:auto;min-height:0;font-size:13px}
.dl-hero-search .sx-mic span{display:none}
.dl-hero-search .sx-ask-go{border:0;border-radius:0;background:var(--g-mid);color:#fff;padding:0 18px;font-size:15px;font-weight:700;height:auto;min-height:0}
.dl-hero-search .sx-ask-status{margin:6px 2px 0;font-size:13px}
.dl-menu{padding:4px 12px 8px}
.dl-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.dl-mcard{height:92px;position:relative;border-radius:9px;overflow:hidden;display:block;background:#222;color:#fff}
.dl-mcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dl-mcard::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.18))}
.dl-mcard-copy{position:absolute;z-index:2;left:12px;top:10px;right:42px}
.dl-mcard-copy b{font-size:17px;display:block;letter-spacing:-.03em}
.dl-mcard-copy small{display:block;font-size:12px;line-height:1.35;margin-top:3px;opacity:.95}
.dl-mcard .arr{position:absolute;z-index:2;right:9px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#fff;color:#222;
  display:grid;place-items:center;font-size:19px;line-height:1}
.dl-mcard:hover{color:#fff}
.dl-mcard:hover .arr{background:var(--g-soft)}
.dl-sec{padding:12px 12px 14px}
.dl-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-bottom:8px}
.dl-sec-head h2{font-size:20px;margin:0}
.dl-sec-head p{font-size:12.5px;color:#777;margin:2px 0 0}
.dl-more{color:var(--g);font-size:13px;font-weight:800;white-space:nowrap}
.dl-three{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.dl-scard{border:1px solid #e5e5e5;background:#fff;overflow:hidden;border-radius:6px;display:flex;flex-direction:column}
.dl-scard img{width:100%;height:76px;object-fit:cover;display:block;background:#eef1ef}
.dl-scard-body{padding:8px;display:flex;flex-direction:column;gap:3px;flex:1}
.dl-scard-body b{font-size:13px;line-height:1.38;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dl-scard-body p{margin:0;font-size:11.5px;line-height:1.4;color:#707975}
.dl-scard-body small{font-size:11px;color:#999;margin-top:auto}
.dl-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.dl-two .dl-scard img{height:110px}
.dl-two .dl-scard-body b{font-size:14px}
.dl-service{background:#eff8f2;border-top:1px solid #e2ece6;border-bottom:1px solid #e2ece6}
.dl-service .dl-sec-head h2{color:#15503d}
.dl-price{font-size:22px;color:#0d6247;font-weight:900;letter-spacing:-.03em}
.dl-price em{font-size:12px;font-style:normal;margin-left:1px}
.dl-company{margin-top:10px;display:grid;grid-template-columns:39% 61%;min-height:150px;background:linear-gradient(90deg,#e9dcc3,#fbf8f1)}
.dl-company img{width:100%;height:100%;object-fit:cover;display:block}
.dl-company-copy{padding:13px 12px}
.dl-company-copy small{font-size:12px;color:#166047;font-weight:800}
.dl-company-copy h3{font-size:16px;line-height:1.3;margin:5px 0;color:#1b211e}
.dl-company-copy p{font-size:12.5px;line-height:1.45;color:#606965;margin:0}
.dl-company-copy a{display:inline-block;margin-top:9px;border:1px solid #c9c0b2;background:#fff;border-radius:6px;padding:7px 9px;font-size:12.5px;color:#333}

/* 목록 카드(장례식장 · 화장장 · 장지) */
.dl-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.dl-chips a{border:1px solid #dce5e0;background:#fff;border-radius:18px;padding:7px 12px;font-size:13.5px;color:var(--ink2)}
.dl-chips a.on{background:var(--g-btn);color:#fff;border-color:var(--g-btn)}
.dl-chips a small{font-size:12px;opacity:.8;margin-left:2px}
.dl-search{display:flex;gap:7px}
.dl-search input{flex:1;min-width:0;border:1px solid #d8e1dc;border-radius:8px;padding:11px;font-size:15px;font-family:inherit}
.dl-search button{border:0;background:var(--g-btn);color:#fff;border-radius:8px;padding:0 16px;font-size:15px;font-weight:700;font-family:inherit}
.dl-list-h{font-size:19px;margin:6px 2px 9px}
.dl-list-h small{font-size:13px;color:var(--muted);font-weight:400;margin-left:4px}
.dl-item h3{font-size:16.5px;margin:0 0 4px;color:#1b211e}
.dl-item .addr{font-size:13.5px;color:#5b6660;margin:0}
.dl-item .fee{font-size:13.5px;color:#0d5b43;font-weight:700;margin:5px 0 0}
.dl-pager{display:flex;justify-content:center;gap:6px;margin:10px 0 4px;flex-wrap:wrap}
.dl-pager a,.dl-pager span{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;font-size:14px;background:#fff}
.dl-pager span.on{background:var(--g-btn);color:#fff;border-color:var(--g-btn)}

/* 계산기 */
.dl-calc label{display:block;font-size:13.5px;color:#56615b;margin:9px 0 4px;font-weight:700}
.dl-calc select,.dl-calc input[type=text],.dl-calc input[type=number]{width:100%;border:1px solid #d8e1dc;border-radius:8px;padding:11px;font-size:15px;font-family:inherit;background:#fff;color:var(--ink)}
.dl-calc .dl-card.off{opacity:.45}
.dl-calc .dl-hide{display:none}
.dl-calc .hint{font-size:12.5px;color:var(--muted);margin:6px 0 0;line-height:1.5}
.dl-total{margin-top:6px;padding:14px;background:var(--g-soft);border-radius:10px}
.dl-total b{display:block;font-size:26px;color:#0b6448;letter-spacing:-.02em}
.dl-total>span{font-size:13px;color:var(--muted)}

/* 상품 */
.dl-product{border:1px solid #e2e7e4;border-radius:10px;overflow:hidden;background:#fff;margin-bottom:11px}
.dl-product>img{width:100%;height:150px;object-fit:cover;display:block}
.dl-product .pd{padding:14px}
.dl-product .tag{font-size:12.5px;color:#2b725b;font-weight:800}
.dl-product h2{font-size:20px;margin:3px 0}
.dl-product strong{font-size:25px;color:#0c6247}

/* 기존 부품을 초록에 맞춘다 */
.sx-btn,.sx-filter button,.sx-res-form button,.sx-namebar button[type=submit]:not(.sx-btn),.sx-consult-call{border-radius:8px}
.sx-ask .sx-ask-go{border-radius:8px}
.sx-consult{background:#f4f8f6;border:1px solid #d6e4dc}
.sx-consult-code{background:#fff}
.sx-band{background:var(--g-ink)}
.sx-btn.primary,.sx-btn-primary{background:var(--g-btn);border-color:var(--g-btn)}
.sx-big-line,.sx-verdict .big{font-family:var(--sans);font-weight:900}
.sx-section{padding:16px 0}
body.sx-big{zoom:1.18}


/* ============================================================
   움직임 (v1.61.1) — 대표 결정(2026-10-11): 메뉴 · 블로그 칸에 실속상조 홈페이지 수준의 움직임.
   · 처음 화면: 사진 메뉴 6칸이 차례로 떠오르고 빛이 한 번 지나간다. 마우스를 올리면 사진이 당겨지고 초록 막 · 화살표가 밀린다. 누르면 살짝 눌린다.
   · 블로그 장례후기: 화면에 들어오면 카드가 오른쪽에서 차례로 들어오고, 3.5초마다 한 칸씩 흐른다(맨 앞 카드 사진이 천천히 당겨짐 · v1.61.2 시간 막대 뺌).
     마우스를 올리면 카드가 떠오르고 초록 막에 «VIEW»(실속상조 홈페이지 BLOG VIEW 와 같은 꼴).
   · 머리: 내려 읽으면 그림자 · ☰ 줄이 움직인다. 펼침 메뉴는 오른쪽에서 밀려 들어오고 항목이 차례로 들어온다.
   · «움직임 줄이기» 를 켠 기기에서는 모두 끈다(맨 아래). 자바스크립트가 없어도 숨는 것은 없다(숨김은 site.js 가 붙이는 dl-wait 에서만).
   ============================================================ */
:root{--dl-ease:cubic-bezier(.2,.75,.2,1);--dl-pop:cubic-bezier(.3,1.35,.45,1)}

/* 머리 */
.dl-top{transition:box-shadow .3s ease,border-color .3s ease}
.dl-top.dl-scrolled{box-shadow:0 6px 20px rgba(16,48,36,.10);border-bottom-color:transparent}
.dl-burger path{transform-box:fill-box;transform-origin:right center;transition:transform .35s var(--dl-ease)}
.dl-menu-btn:hover .l2,.dl-menu-btn:focus-visible .l2{transform:scaleX(.55)}
.dl-menu-btn:hover .l3,.dl-menu-btn:focus-visible .l3{transform:scaleX(.78);transition-delay:.05s}
.dl-icons a svg{transition:transform .35s var(--dl-ease)}
.dl-icons a:not(.dl-menu-btn):hover svg{transform:rotate(-12deg) scale(1.06)}

/* 펼침 메뉴 — 바탕이 어두워지고 판이 오른쪽에서 밀려 들어온다 · 항목이 차례로 */
.dl-drawer{transition:background-color .35s ease,visibility 0s linear .45s}
.dl-drawer:target,.dl-drawer.open{transition:background-color .35s ease,visibility 0s}
.dl-drawer-panel{transform:translateX(100%);transition:transform .45s var(--dl-ease)}
@media(min-width:431px){.dl-drawer-panel{transform:translateX(60px);opacity:0;transition:transform .45s var(--dl-ease),opacity .3s ease}}
.dl-drawer:target .dl-drawer-panel,.dl-drawer.open .dl-drawer-panel{transform:none;opacity:1}
.dl-drawer-close{transform:rotate(-90deg);transition:transform .2s ease}
.dl-drawer:target .dl-drawer-close,.dl-drawer.open .dl-drawer-close{transform:none;transition:transform .55s var(--dl-pop) .12s}
.dl-drawer nav>*{opacity:0;transform:translateX(24px);transition:opacity .15s ease,transform .15s ease}
.dl-drawer:target nav>*,.dl-drawer.open nav>*{opacity:1;transform:none;
  transition:opacity .4s ease calc(var(--k,0) * 32ms + 130ms),transform .5s var(--dl-ease) calc(var(--k,0) * 32ms + 130ms),background-color .2s ease,padding-left .25s var(--dl-ease),color .2s ease}
.dl-drawer nav>:nth-child(2){--k:1}.dl-drawer nav>:nth-child(3){--k:2}.dl-drawer nav>:nth-child(4){--k:3}.dl-drawer nav>:nth-child(5){--k:4}
.dl-drawer nav>:nth-child(6){--k:5}.dl-drawer nav>:nth-child(7){--k:6}.dl-drawer nav>:nth-child(8){--k:7}.dl-drawer nav>:nth-child(9){--k:8}
.dl-drawer nav>:nth-child(10){--k:9}.dl-drawer nav>:nth-child(11){--k:10}.dl-drawer nav>:nth-child(12){--k:11}.dl-drawer nav>:nth-child(n+13){--k:12}
.dl-drawer nav a:hover,.dl-drawer nav a:focus-visible{background:var(--g-soft);padding-left:27px;color:var(--g)}
.dl-drawer nav a::after{transition:transform .25s var(--dl-ease),color .2s}
.dl-drawer nav a:hover::after{transform:translateX(3px);color:var(--g)}
.dl-drawer nav a.on{box-shadow:inset 3px 0 0 var(--g)}
.dl-drawer-tools,.dl-drawer-call{opacity:0;transform:translateY(14px);transition:opacity .15s ease,transform .15s ease}
.dl-drawer:target .dl-drawer-tools,.dl-drawer.open .dl-drawer-tools{opacity:1;transform:none;transition:opacity .45s ease .45s,transform .55s var(--dl-ease) .45s}
.dl-drawer:target .dl-drawer-call,.dl-drawer.open .dl-drawer-call{opacity:1;transform:none;transition:opacity .45s ease .53s,transform .55s var(--dl-ease) .53s,background-color .2s}
.dl-drawer-call:hover{background:#e0f1e7}

/* 사진 메뉴 6칸 — 차례로 떠오름 · 빛이 한 번 지나감 · 마우스: 사진 당김 · 초록 막 · 화살표 밀림 · 누르면 살짝 눌림 */
.dl-menu-grid>:nth-child(2){--i:1}.dl-menu-grid>:nth-child(3){--i:2}.dl-menu-grid>:nth-child(4){--i:3}
.dl-menu-grid>:nth-child(5){--i:4}.dl-menu-grid>:nth-child(6){--i:5}
.dl-mcard{isolation:isolate;animation:dl-rise .7s var(--dl-ease) backwards;animation-delay:calc(var(--i,0) * 85ms + 120ms);
  transition:transform .2s ease,box-shadow .35s ease}
.dl-mcard img{transition:transform .8s var(--dl-ease)}
.dl-mcard::after{background-color:rgba(13,91,67,0);transition:background-color .4s ease}
.dl-mcard::before{content:"";position:absolute;z-index:1;top:0;bottom:0;left:0;width:55%;pointer-events:none;
  background:linear-gradient(105deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.34) 50%,rgba(255,255,255,0) 80%);
  transform:translateX(-120%) skewX(-16deg);animation:dl-shine 1.1s ease-in-out backwards;animation-delay:calc(var(--i,0) * 110ms + 780ms)}
.dl-mcard-copy b{transition:transform .35s var(--dl-ease)}
.dl-mcard .arr{transition:transform .35s var(--dl-ease),background-color .25s ease,color .25s ease}
.dl-mcard:hover,.dl-mcard:focus-visible{box-shadow:0 10px 22px rgba(10,40,30,.22)}
.dl-mcard:hover img,.dl-mcard:focus-visible img{transform:scale(1.09)}
.dl-mcard:hover::after,.dl-mcard:focus-visible::after{background-color:rgba(13,91,67,.42)}
.dl-mcard:hover::before,.dl-mcard:focus-visible::before{transform:translateX(260%) skewX(-16deg);transition:transform .9s ease-in-out}
.dl-mcard:hover .dl-mcard-copy b,.dl-mcard:focus-visible .dl-mcard-copy b{transform:translateX(3px)}
.dl-mcard:hover .arr,.dl-mcard:focus-visible .arr{transform:translate(4px,-50%);background:var(--g-btn);color:#fff}
.dl-mcard:active{transform:scale(.97)}
@keyframes dl-rise{from{opacity:0;transform:translateY(22px) scale(.95)}}
@keyframes dl-shine{from{transform:translateX(-120%) skewX(-16deg)}to{transform:translateX(260%) skewX(-16deg)}}

/* 블로그 장례후기 — 흐르는 띠(site.js · 실속상조 홈페이지 BLOG VIEW 와 같은 움직임) */
.dl-blog-wrap{position:relative}
.dl-blog-track{--gap:12px;--per:2;display:flex;gap:var(--gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;
  margin:0 -12px;padding:6px 12px 14px;scroll-padding:0 12px}
.dl-blog-track::-webkit-scrollbar{display:none}
.dl-blog-track:focus-visible{outline:3px solid var(--g-mid);outline-offset:-3px}
.dl-bcard{flex:0 0 43%;scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1px solid #e3e8e5;border-radius:10px;overflow:hidden;
  color:var(--ink);transition:transform .4s var(--dl-ease),box-shadow .4s ease,border-color .3s ease}
.dl-bcard:hover,.dl-bcard:focus-visible{transform:translateY(-6px);box-shadow:0 14px 28px rgba(16,48,36,.15);border-color:transparent;color:var(--ink)}
.dl-bcard-img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#eef1ef}
.dl-bcard-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--dl-ease)}
.dl-bcard.is-on .dl-bcard-img img{transform:scale(1.07);transition:transform 3.5s linear}
.dl-bcard:hover .dl-bcard-img img,.dl-bcard:focus-visible .dl-bcard-img img{transform:scale(1.1);transition:transform .7s var(--dl-ease)}
.dl-bcard-view{position:absolute;inset:0;display:grid;place-items:center;background:rgba(13,91,67,.66);opacity:0;transition:opacity .35s ease}
.dl-bcard-view span{width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.85);display:grid;place-items:center;
  color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;transform:scale(.55);transition:transform .5s var(--dl-pop)}
.dl-bcard:hover .dl-bcard-view,.dl-bcard:focus-visible .dl-bcard-view{opacity:1}
.dl-bcard:hover .dl-bcard-view span,.dl-bcard:focus-visible .dl-bcard-view span{transform:none}
.dl-bcard-body{padding:10px 11px 12px;display:flex;flex-direction:column;gap:5px;flex:1}
.dl-bcard-body b{font-size:13.5px;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s ease}
.dl-bcard:hover .dl-bcard-body b{color:var(--g)}
.dl-bcard-body small{font-size:11.5px;color:#8a938f;margin-top:auto}
.dl-blog-ctrl{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.dl-blog-ctrl[hidden],.dl-blog-btn[hidden]{display:none}
.dl-blog-btn{width:34px;height:34px;flex:none;border-radius:50%;border:1px solid #d5dfd9;background:#fff;color:var(--ink2);display:grid;place-items:center;
  cursor:pointer;padding:0;transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .2s ease}
.dl-blog-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dl-blog-btn:hover{background:var(--g-btn);border-color:var(--g-btn);color:#fff}
.dl-blog-btn:active{transform:scale(.9)}
.dl-blog-btn .pl{display:none;fill:currentColor;stroke:none}
.dl-blog-btn[aria-pressed=true] .ps{display:none}
.dl-blog-btn[aria-pressed=true] .pl{display:inline}
.dl-more{transition:color .2s}
.dl-blog .dl-more{display:inline-block;transition:transform .3s var(--dl-ease)}
.dl-blog .dl-more:hover{transform:translateX(3px)}

/* 화면에 들어오면 — site.js 가 [data-reveal] 에 dl-wait 를 붙이고, 보이면 dl-in. 처음부터 보이는 칸은 메뉴가 떠오른 뒤(--d) */
.dl-blog-track>:nth-child(2){--i:1}.dl-blog-track>:nth-child(3){--i:2}.dl-blog-track>:nth-child(n+4){--i:3}
.dl-wait:not(.dl-in) .dl-sec-head,.dl-wait:not(.dl-in) .dl-bcard,.dl-wait:not(.dl-in) .dl-blog-ctrl{opacity:0}
.dl-in .dl-sec-head{animation:dl-up .65s var(--dl-ease) backwards;animation-delay:var(--d,0s)}
.dl-in .dl-bcard{animation:dl-from-right .8s var(--dl-ease) backwards;animation-delay:calc(var(--d,0s) + var(--i,0) * 100ms + 150ms)}
.dl-in .dl-blog-ctrl{animation:dl-up .6s var(--dl-ease) backwards;animation-delay:calc(var(--d,0s) + 500ms)}
@keyframes dl-up{from{opacity:0;transform:translateY(18px)}}
@keyframes dl-from-right{from{opacity:0;transform:translateX(64px)}}

/* 움직임 줄이기 — 모두 끈다(띠는 단추 · 손가락으로만 넘김, site.js 도 저절로 넘기지 않음) */
@media (prefers-reduced-motion:reduce){
  .dl-top,.dl-burger path,.dl-icons a svg,.dl-drawer,.dl-drawer *,.dl-mcard,.dl-mcard *,.dl-mcard::before,.dl-mcard::after,.dl-blog,.dl-blog *{animation:none!important;transition:none!important}
  .dl-mcard:hover img,.dl-mcard:focus-visible img,.dl-bcard.is-on .dl-bcard-img img,.dl-bcard:hover .dl-bcard-img img,.dl-bcard:focus-visible .dl-bcard-img img{transform:none}
  .dl-mcard:hover::before,.dl-mcard:focus-visible::before{transform:translateX(-120%) skewX(-16deg)}
  .dl-bcard:hover,.dl-bcard:focus-visible,.dl-mcard:active,.dl-blog .dl-more:hover{transform:none}
}


/* ============================================================
   장례 준비 도우미 (v1.62) — 의뢰인 2차 안(2026-10-14)의 새 쪽 15: 지금 뭘 해야 하나요 · 장례절차 · 기초수급 · 국가유공자 · 부고장 ·
   현명한 장례 준비 가이드 6 · 장례 후 해야 할 일 + 셋. 마크업은 2차 안 그대로(class 앞에 g-), 꼴은 2차 안을 따르되 글자는 13~15px(덜씀 테마와 같게).
   ============================================================ */
.g-page{padding-top:12px}
.g-box{border:1px solid var(--line);border-radius:12px;padding:15px;margin-bottom:11px;background:#fff}
.g-box h2{font-size:18px;margin:0 0 9px;color:#1b211e;letter-spacing:-.02em}
.g-box h3{font-size:15px;margin:12px 0 7px;color:#17523f}
.g-box>p,.g-box li{font-size:14.5px;line-height:1.7;color:#3f4c45}
.g-box ul{padding-left:20px;margin:6px 0}
.g-question-sub{font-size:14px;color:#5b6660;margin:-3px 0 10px;line-height:1.6}
.g-urgent-box{border:1px solid #d3e4da;background:#f2f9f5;border-radius:12px;padding:14px;margin-bottom:11px}
.g-urgent-box b{font-size:14px;color:var(--g)}
.g-urgent-box p{font-size:14.5px;line-height:1.7;margin:5px 0 0;color:#3f4c45}
.g-note{background:#f4f8f6;border-left:3px solid #2c715a;padding:11px 12px;font-size:14px;line-height:1.6;color:#4e5a54;margin-top:10px;border-radius:0 8px 8px 0}
.g-tip{margin-top:8px;padding:10px;background:#f5faf7;border-radius:8px;color:#3f4c45;font-size:14px}
.g-warn,.g-after-caution{background:#fff8e9;border:1px solid #efe0b9;border-radius:10px;padding:12px;font-size:14px;line-height:1.65;color:#5f5131;margin:0 0 11px}
.g-after-caution{border:0;border-left:3px solid #d9a548;border-radius:0 8px 8px 0;margin:12px 0 0}
/* 고르기 칸 */
.g-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.g-choice{display:block;border:1px solid #d5e0da;background:#fff;border-radius:11px;padding:12px;font-size:13px;line-height:1.4;color:#56625c;
  transition:border-color .2s,background-color .2s,box-shadow .2s,transform .15s}
.g-choice strong{display:block;font-size:15px;color:#164f3d;margin-bottom:3px}
.g-choice:hover{border-color:var(--g-mid);color:#56625c}
.g-choice:active{transform:scale(.98)}
.g-choice.g-selected{border-color:var(--g-btn);background:#edf8f2;box-shadow:inset 0 0 0 1px var(--g-btn)}
.g-instant-result{display:none;margin-top:12px;padding:15px;border:1px solid #cfe0d6;border-radius:12px;background:#f3f8f5}
.g-instant-result.g-show{display:block}
.g-instant-result h3{margin:4px 0 8px;font-size:17px;color:#15513e}
.g-instant-result li{font-size:14.5px;line-height:1.7;color:#33413a}
.g-instant-badge{display:inline-block;font-size:12px;font-weight:800;color:#fff;background:var(--g-btn);border-radius:999px;padding:3px 10px}
.g-guide-result{display:none;margin-top:12px}
.g-guide-result.g-show{display:block}
.g-result-list{display:grid;gap:8px}
.g-result-row,.g-mini{border:1px solid #e0e7e3;border-radius:10px;padding:12px;background:#fbfcfb}
.g-result-row b,.g-mini b{font-size:14.5px;color:#15513e}
.g-result-row p,.g-mini p{font-size:14px;margin:4px 0 0;line-height:1.6;color:#4e5a54}
.g-row-items{margin:8px 0 0;padding:8px 0 0 18px;border-top:1px dashed #dfe7e2}
.g-row-items li{font-size:14px;line-height:1.65;color:#33413a}
/* 자주 묻는 질문 */
.g-consumer-questions{display:grid;gap:8px}
.g-consumer-q{border:1px solid #dfe7e2;border-radius:11px;background:#fff;overflow:hidden}
.g-consumer-q summary{list-style:none;cursor:pointer;padding:13px 44px 13px 14px;font-size:14.5px;font-weight:800;color:#163f33;position:relative;line-height:1.45}
.g-consumer-q summary::-webkit-details-marker{display:none}
.g-consumer-q summary::after{content:"+";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;
  background:#edf6f1;display:grid;place-items:center;color:var(--g);font-weight:800;transition:transform .25s}
.g-consumer-q[open] summary::after{content:"−";transform:translateY(-50%) rotate(180deg)}
.g-consumer-a{padding:0 14px 14px;font-size:14.5px;line-height:1.7;color:#46524c}
.g-consumer-a b{color:var(--g)}
.g-native-link{display:inline-block;margin-top:8px;font-weight:800;color:var(--g)}
.g-native-link::after{content:" →"}
/* 이어 보기 · 타일 · 링크 카드 */
.g-ds-tiles{display:grid;gap:9px}
.g-ds-tile{display:block;border:1px solid #dce8df;border-radius:13px;padding:15px;background:#fff;transition:border-color .2s,transform .2s}
.g-ds-tile b{display:block;font-size:17px;color:#154c3a}
.g-ds-tile small{display:block;margin-top:5px;font-size:13.5px;line-height:1.55;color:#52625a}
.g-ds-tile:hover{border-color:var(--g-mid);transform:translateY(-2px)}
.g-linkcards{display:grid;gap:9px}
.g-linkcard{border:1px solid #e0e6e2;border-radius:11px;padding:13px;background:#fbfcfb}
.g-linkcard h3{font-size:15px;margin:0 0 4px;color:#17523f}
.g-linkcard p{font-size:14px;line-height:1.6;margin:0 0 6px;color:#4e5a54}
.g-linkcard a[href^="/"]{display:inline-flex;background:var(--g-btn);color:#fff;border-radius:8px;padding:9px 13px;font-size:14px;font-weight:700}
.g-wise-link{display:inline-flex;margin:5px 6px 0 0;align-items:center;padding:11px 15px;background:var(--g-btn);color:#fff;border-radius:9px;font-size:14px;font-weight:700}
.g-wise-link:hover{color:#fff;background:var(--g)}
/* 현명한 장례 준비 가이드 — 무엇을 · 왜 · 어떻게 · 주의 */
.g-wise-explain h2{padding-bottom:10px;border-bottom:1px solid #e7ede9;margin-bottom:0}
.g-wise-explain-row{border-top:1px solid #eef2ef;padding:11px 0}
.g-wise-explain h2+.g-wise-explain-row{border-top:0}
.g-wise-explain-row strong{display:block;color:var(--g);font-size:14px}
.g-wise-explain-row p{font-size:14.5px;line-height:1.7;color:#35453d;margin:4px 0 0;word-break:keep-all}
.g-wise-explain-row:last-child{background:#f4f8f6;border:0;border-radius:9px;padding:12px;margin-top:4px}
/* 장례 후 해야 할 일 */
.g-after-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.g-after-actions a{display:grid;place-items:center;min-height:46px;border:1px solid #dfe5e1;background:#fff;border-radius:10px;font-size:14px;font-weight:800;color:#28332e;text-align:center}
.g-after-actions a:hover{border-color:var(--g-mid);color:var(--g)}
.g-after-result-card{display:none;margin-top:12px;padding:14px;border:1px solid #cfe0d6;border-radius:12px;background:#f3f8f5}
.g-after-result-card.g-show{display:block}
.g-after-result-card h3{margin:0 0 4px;font-size:17px;color:#15513e}
.g-after-lead{font-size:14px;line-height:1.6;color:#4e5a54;margin:0 0 9px}
.g-after-result-grid,.g-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.g-timeline{display:grid;gap:8px}
.g-step{border-left:3px solid var(--g-btn);background:#f8fbf9;padding:11px 12px;border-radius:0 10px 10px 0}
.g-step b{font-size:14.5px;color:#174f3d}
.g-step p{font-size:14px;line-height:1.6;margin:4px 0;color:#4e5a54}
.g-deadline{display:inline-block;margin-top:2px;padding:4px 8px;border-radius:6px;background:#fff2d8;color:#6e531a;font-size:12.5px;font-weight:800}
.g-check-progress{border:1px solid #d7e6dd;background:#f3f9f5;border-radius:11px;padding:12px;margin-bottom:10px}
.g-check-progress-top{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;color:#4e5a54}
.g-check-progress-top b{color:var(--g);font-size:15px}
.g-check-bar{height:7px;border-radius:7px;background:#e1ebe5;overflow:hidden;margin:9px 0}
.g-check-bar i{display:block;height:100%;width:0;background:var(--g-btn);border-radius:7px;transition:width .35s var(--dl-ease)}
.g-check-actions button{border:1px solid #cfd8d3;background:#fff;border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer}
.g-check-complete-msg{display:none;margin-top:8px;font-size:13.5px;color:var(--g);font-weight:700}
.g-check-complete-msg.g-show{display:block}
.g-checklist{display:grid;gap:7px}
.g-checkitem{display:flex;gap:10px;align-items:flex-start;border:1px solid #e2e7e4;border-radius:10px;padding:11px;background:#fff;cursor:pointer;transition:background-color .2s,border-color .2s}
.g-checkitem input{margin-top:3px;width:20px;height:20px;accent-color:#0d6b50;flex:none}
.g-checkitem b{display:block;font-size:14.5px;color:#1f2b25}
.g-checkitem small{display:block;font-size:13px;color:#66716b;margin-top:2px}
.g-checkitem.g-done{background:#f1f8f4;border-color:#cfe2d7}
.g-checkitem.g-done b{color:var(--g)}
.g-official-note{font-size:12.5px;color:#6b756f;margin-top:10px;line-height:1.55}
.g-after-story h2{margin-bottom:10px}
.g-after-example{background:#f3f8f5;padding:13px;border-radius:10px;color:#31463a;font-size:14.5px;line-height:1.7}
.g-after-example b{display:block;margin-bottom:4px;color:#0f543c}
.g-extag{float:right;margin-left:8px;font-size:12px;font-weight:800;color:#6b5b34;background:#fff2d8;border-radius:999px;padding:2px 9px}
.g-ds-info,.g-ds-summary{font-size:14.5px;line-height:1.7;color:#3f4c45}
.g-ds-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.g-ds-links a{display:inline-flex;align-items:center;border:1px solid var(--line2);border-radius:9px;padding:9px 12px;font-size:14px;font-weight:700;color:#235d4b;background:#fff}
.g-ds-links a.g-primary{background:var(--g-btn);color:#fff;border-color:var(--g-btn)}
/* 부고장 */
.g-obit-type-row{display:flex;gap:7px;margin:4px 0 8px}
.g-obit-type-btn{position:relative;cursor:pointer}
.g-obit-type-btn input{position:absolute;opacity:0;pointer-events:none}
.g-obit-type-btn span{display:inline-block;border:1px solid #cfd8d3;background:#fff;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:800;color:#30423a}
.g-obit-type-btn input:checked+span{background:#0d684a;color:#fff;border-color:#0d684a}
.g-obit-type-btn input:focus-visible+span{outline:3px solid var(--g-mid);outline-offset:2px}
.g-obit-mode-note{background:#f3f9f5;border:1px solid #dce9e1;border-radius:9px;padding:10px;font-size:13.5px;color:#4e5a54;margin-bottom:10px}
.g-obit-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.g-obit-form label{display:flex;flex-direction:column;gap:5px;font-size:13.5px;font-weight:700;color:#3f4c45;min-width:0}
.g-obit-form label[hidden]{display:none}
.g-obit-form .g-full{grid-column:1/-1}
.g-obit-form input,.g-obit-form textarea{border:1px solid #d3ddd7;border-radius:9px;padding:11px;font-size:15px;font-family:inherit;color:var(--ink);background:#fff;min-width:0;width:100%}
.g-obit-form textarea{min-height:84px;resize:vertical}
.g-obit-actions{display:flex;gap:8px;margin-top:12px;align-items:center}
.g-primary{display:inline-flex;align-items:center;background:var(--g-btn);color:#fff;border:0;border-radius:9px;padding:11px 16px;font-size:14.5px;font-weight:700;cursor:pointer}
.g-primary:hover{background:var(--g);color:#fff}
.g-secondary{display:inline-flex;align-items:center;border:1px solid var(--line2);background:#fff;color:#235d4b;border-radius:9px;padding:10px 14px;font-size:14px;font-weight:700}
.g-obit-hint{font-size:12.5px;color:#6b756f;margin-top:8px}
.g-obit-preview{white-space:pre-wrap;background:#f8fbf9;border:1px solid #dbe6df;border-radius:10px;padding:14px;font-size:14.5px;line-height:1.8;color:#27312d;min-height:150px;word-break:keep-all}
.g-copy-ok{margin-top:8px;font-size:13.5px;color:var(--g);font-weight:700}
/* 상황 안내창 */
.g-modal{position:fixed;inset:0;z-index:90;background:rgba(12,30,24,.5);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .25s ease}
.g-modal[hidden]{display:none}
.g-modal.open{opacity:1}
.g-modal-box{width:min(400px,100%);max-height:84vh;overflow:auto;background:#fff;border-radius:18px;padding:20px 18px 16px;box-shadow:0 24px 70px rgba(0,0,0,.28);
  transform:translateY(16px) scale(.97);transition:transform .35s var(--dl-pop)}
.g-modal.open .g-modal-box{transform:none}
.g-modal-box h3{margin:10px 0 10px;font-size:21px;line-height:1.35;color:#13251f;letter-spacing:-.02em}
.g-modal-box ul{margin:0;padding-left:20px}
.g-modal-box li{font-size:15.5px;line-height:1.75;color:#2f3c35;margin-bottom:4px}
.g-modal-actions{display:flex;gap:8px;margin-top:16px}
.g-modal-actions button{flex:1;min-height:48px;border-radius:11px;border:1px solid #cfd8d3;background:#fff;font-size:15px;font-weight:800;cursor:pointer;color:#2f3c35}
.g-modal-actions .g-speak{background:var(--g-btn);border-color:var(--g-btn);color:#fff}
.g-modal-actions .g-speak.on{background:#8f2f2a;border-color:#8f2f2a}
@media (prefers-reduced-motion:reduce){
  .g-modal,.g-modal-box,.g-choice,.g-ds-tile,.g-check-bar i,.g-consumer-q summary::after{transition:none!important}
  .g-modal-box{transform:none}
}

/* 처음 화면 (v1.62 — 의뢰인 2차 안): 바로 가기 6줄 · 오늘의 장례정보 · 칸(블록) 셋 · 블로그 칸 꾸밈 */
.dl-hero-brand{display:block;font-size:12px;font-weight:700;color:#3f5a4f;margin-bottom:2px}
.dl-hero-brand i{font-style:normal;color:#b9c7bf;margin:0 3px}
.dl-quick{padding:6px 12px 4px;display:grid;gap:9px}
.dl-qitem{display:grid;grid-template-columns:46px 1fr 16px;align-items:center;gap:12px;min-height:76px;padding:12px 14px;border:1px solid #e3e9e5;border-radius:13px;
  background:#fff;color:var(--ink);box-shadow:0 3px 12px rgba(31,53,43,.04)}
.dl-qitem:hover{color:var(--ink)}
.dl-qicon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#edf6f1;color:#165943}
.dl-qicon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dl-q-calculator .dl-qicon{background:#eef1fb;color:#4054b2}
.dl-q-cremation .dl-qicon{background:#fff3eb;color:#c7672a}
.dl-q-burial .dl-qicon{background:#eef8ef;color:#2e7a47}
.dl-q-nohall .dl-qicon{background:#f7f1fb;color:#7a4ca0}
.dl-q-family .dl-qicon{background:#eef7f8;color:#1f6e79}
.dl-qcopy b{display:block;font-size:17px;letter-spacing:-.03em;line-height:1.35}
.dl-qcopy small{display:block;font-size:13.5px;color:#56625c;margin-top:2px;line-height:1.45}
.dl-qarr{font-size:22px;color:#8a958f;line-height:1}
.dl-daily{margin:12px 12px 4px;padding:16px 15px;border:1px solid #dfe9e3;border-radius:14px;background:linear-gradient(135deg,#f3f9f5,#fff)}
.dl-daily-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.dl-daily-top span{font-weight:800;color:#176344}
.dl-daily-top time{color:#6b766f}
.dl-daily h2{font-size:19px;margin:9px 0 5px;color:#16382c;letter-spacing:-.03em}
.dl-daily p{font-size:14.5px;line-height:1.65;color:#46524c;margin:0}
.dl-daily-go{display:inline-flex;align-items:center;gap:3px;margin-top:12px;background:var(--g-btn);color:#fff;border-radius:9px;padding:9px 14px;font-size:14px;font-weight:700}
.dl-daily-go:hover{color:#fff;background:var(--g)}
.dl-block{margin:12px 12px 0;padding:16px 15px;border:1px solid #e3e9e5;border-radius:14px;background:#fff}
.dl-block h2{font-size:22px;line-height:1.38;margin:2px 0 6px;color:#141b17;letter-spacing:-.04em;word-break:keep-all}
.dl-kicker{display:block;font-size:12.5px;font-weight:800;color:#14523c}
.dl-block-copy{font-size:14px;line-height:1.65;color:#48554e;margin:0 0 12px;word-break:keep-all}
.dl-roundgo{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--g);color:#fff;font-size:20px;margin-left:8px;vertical-align:2px;line-height:1}
.dl-roundgo:hover{color:#fff;background:var(--g-mid)}
.dl-actions{display:grid;gap:8px}
.dl-action{display:block;border:1px solid #e1e8e4;border-radius:12px;padding:13px 14px;background:#fbfcfb;color:var(--ink)}
.dl-action b{display:block;font-size:15.5px;color:#17382c}
.dl-action small{display:block;font-size:13.5px;line-height:1.55;color:#4e5d55;margin-top:2px}
.dl-action:hover{border-color:var(--g-mid);color:var(--ink)}
.dl-wise{background:linear-gradient(180deg,#f6faf8,#fff)}
.dl-wise-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dl-wise-card{display:flex;flex-direction:column;justify-content:center;min-height:86px;border:1px solid #e1e8e4;border-radius:12px;padding:12px;background:#fff;color:var(--ink)}
.dl-wise-card b{font-size:15px;color:#15211a;line-height:1.35;word-break:keep-all}
.dl-wise-card small{font-size:12.5px;color:#3b4941;margin-top:3px;font-weight:600}
.dl-wise-card:hover{border-color:var(--g-mid);color:var(--ink)}
.dl-after{background:linear-gradient(90deg,#f7fbf8,#fff)}
.dl-after-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dl-after-actions a{display:grid;place-items:center;min-height:48px;border:1px solid #dfe5e1;border-radius:11px;background:#fff;font-size:15px;font-weight:800;color:#28332e}
.dl-after-actions a:last-child{grid-column:1/-1}
.dl-after-actions a:hover{border-color:var(--g-mid);color:var(--g)}
.dl-blog.dl-block{padding:16px 15px 12px}
.dl-blog.dl-block .dl-sec-head{align-items:flex-start}
.dl-blog.dl-block .dl-sec-head h2{font-size:22px;margin:2px 0 4px}
.dl-blog.dl-block .dl-blog-track{margin:0 -15px;padding:6px 15px 14px;scroll-padding:0 15px;--gap:12px}
.dl-company{margin-top:14px}

/* 바로 가기 6줄 움직임 (v1.62 — v1.61.1 사진 메뉴의 움직임을 줄 모양에 맞춰 옮김): 차례로 떠오름 · 마우스: 떠오름 · 그림 살짝 흔들림 · 화살표 밀림 */
.dl-quick>:nth-child(2){--i:1}.dl-quick>:nth-child(3){--i:2}.dl-quick>:nth-child(4){--i:3}.dl-quick>:nth-child(5){--i:4}.dl-quick>:nth-child(6){--i:5}
.dl-qitem{animation:dl-rise .65s var(--dl-ease) backwards;animation-delay:calc(var(--i,0) * 70ms + 120ms);
  transition:transform .3s var(--dl-ease),box-shadow .3s ease,border-color .25s ease}
.dl-qicon{transition:transform .45s var(--dl-pop)}
.dl-qarr{transition:transform .3s var(--dl-ease),color .2s}
.dl-qitem:hover,.dl-qitem:focus-visible{transform:translateY(-3px);box-shadow:0 10px 22px rgba(20,60,45,.10);border-color:#cfe0d6}
.dl-qitem:hover .dl-qicon,.dl-qitem:focus-visible .dl-qicon{transform:scale(1.08) rotate(-6deg)}
.dl-qitem:hover .dl-qarr,.dl-qitem:focus-visible .dl-qarr{transform:translateX(4px);color:var(--g)}
.dl-qitem:active{transform:scale(.98)}
.dl-wait:not(.dl-in)>.dl-kicker,.dl-wait:not(.dl-in)>h2,.dl-wait:not(.dl-in)>.dl-block-copy,.dl-wait:not(.dl-in)>.dl-actions,.dl-wait:not(.dl-in)>.dl-wise-grid,.dl-wait:not(.dl-in)>.dl-after-actions{opacity:0}
.dl-in>.dl-kicker,.dl-in>h2,.dl-in>.dl-block-copy{animation:dl-up .6s var(--dl-ease) backwards;animation-delay:var(--d,0s)}
.dl-in>.dl-actions,.dl-in>.dl-wise-grid,.dl-in>.dl-after-actions{animation:dl-up .7s var(--dl-ease) backwards;animation-delay:calc(var(--d,0s) + 160ms)}
@media (prefers-reduced-motion:reduce){
  .dl-qitem,.dl-qitem *,.dl-block,.dl-block *{animation:none!important;transition:none!important}
  .dl-qitem:hover,.dl-qitem:focus-visible,.dl-qitem:active{transform:none}
  .dl-qitem:hover .dl-qicon,.dl-qitem:hover .dl-qarr{transform:none}
}
/* 지원 제도 쪽(기초수급 · 국가유공자 — 2차 안 ds-*) · 숨김 */
.g-ds-summary{border:1px solid #d3e4da;background:#f2f9f5;border-radius:12px;padding:14px;margin-bottom:11px;font-size:14px;line-height:1.65;color:#3f4c45}
.g-ds-summary b{display:block;font-size:17px;color:var(--g);margin-bottom:3px}
.g-ds-info{border:1px solid var(--line);border-radius:12px;padding:15px;margin-bottom:11px;background:#fff}
.g-ds-info h2{font-size:18px;margin:0 0 8px;color:#1b211e}
.g-ds-info ol,.g-ds-info ul{padding-left:20px;margin:6px 0}
.g-ds-info li,.g-ds-info p{font-size:14.5px;line-height:1.7;color:#3f4c45}
.g-page [hidden],.dl-blog [hidden]{display:none!important}

/* 찾기 쪽 셋(v1.62 — 의뢰인 2차 안): 시·도 → 시·군·구 고르기 칸 · 이름 검색 · 초기화 · 종류 단추 · 확인할 것 */
.dl-finder h2{margin-bottom:4px}
.dl-finder-sub{font-size:13.5px;color:#5b6660;margin:0 0 10px;line-height:1.55}
.dl-pick2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}
.dl-pick2 label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:#56615b;min-width:0}
.dl-pick2 select{width:100%;min-width:0;border:1px solid #d3ddd7;border-radius:9px;padding:11px 10px;font-size:15px;font-family:inherit;background:#fff;color:var(--ink)}
.dl-pick2 select:disabled{background:#f3f5f4;color:#8a948f}
.dl-reset{display:inline-block;margin-top:9px;font-size:13.5px;font-weight:700;color:#5b6660;text-decoration:underline;text-underline-offset:3px}
.dl-more-filter{margin-top:10px}
.dl-more-filter summary{cursor:pointer;font-size:13.5px;font-weight:700;color:#3f5a4f}
.dl-more-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.dl-more-row select{border:1px solid #d3ddd7;border-radius:8px;padding:9px;font-size:14px;font-family:inherit;background:#fff}
.dl-kinds h3,.dl-check4 h3,.dl-kind-info h3{font-size:16px;margin:0 0 8px;color:#17523f}
.dl-kinds .dl-chips{margin-top:0}
.dl-check4 ol{margin:0;padding-left:20px}
.dl-check4 li{font-size:14px;line-height:1.65;color:#46524c;margin:2px 0}
.dl-check4 li b{color:#17382c}
.dl-kind-info dl{margin:0}
.dl-kind-info dt{font-size:14.5px;font-weight:800;color:#17382c;margin-top:9px}
.dl-kind-info dt:first-child{margin-top:0}
.dl-kind-info dd{margin:2px 0 0;font-size:14px;line-height:1.6;color:#4e5a54}
.dl-group-h{font-size:15px;color:#17523f;margin:14px 2px 8px}
.dl-item-link{display:block;color:var(--ink);transition:border-color .2s,box-shadow .25s,transform .25s var(--dl-ease)}
.dl-item-link:hover{color:var(--ink);border-color:#cfe0d6;box-shadow:0 8px 20px rgba(20,60,45,.08);transform:translateY(-2px)}
.dl-item-link .sx-row{margin-top:7px}
.dl-item-go{display:block;margin-top:9px;font-size:13.5px;font-weight:800;color:var(--g)}
@media (prefers-reduced-motion:reduce){.dl-item-link{transition:none}.dl-item-link:hover{transform:none}}

/* 장례비 간편 계산 (v1.62 — 의뢰인 2차 안) */
.dl-calc-top{padding-bottom:0}
.dl-quickcalc{background:linear-gradient(180deg,#f3f9f5,#fff 40%)}
.dl-quickcalc h2{font-size:21px;margin:2px 0 4px}
.dl-qc-lead{font-size:14px;line-height:1.6;color:#4e5a54;margin:0 0 6px}
.dl-qc-step{border:0;margin:0;padding:12px 0 0;min-width:0}
.dl-qc-step[hidden]{display:none}
.dl-qc-step legend{font-size:14.5px;font-weight:800;color:#17382c;padding:0;margin-bottom:7px}
.dl-qc-step[disabled]{opacity:.45}
.dl-qc-opts{display:flex;flex-wrap:wrap;gap:7px}
.dl-qc-opt{position:relative;cursor:pointer}
.dl-qc-opt[hidden]{display:none}
.dl-qc-opt input{position:absolute;opacity:0;pointer-events:none}
.dl-qc-opt span{display:inline-block;border:1px solid #cfd8d3;background:#fff;border-radius:999px;padding:9px 14px;font-size:14.5px;font-weight:700;color:#30423a;transition:background-color .2s,border-color .2s,color .2s}
.dl-qc-opt input:checked+span{background:var(--g-btn);border-color:var(--g-btn);color:#fff}
.dl-qc-opt input:focus-visible+span{outline:3px solid var(--g-mid);outline-offset:2px}
.dl-qc-step .dl-pick2{margin-bottom:4px}
.dl-qc-go{width:100%;margin:14px 0 0;min-height:48px;font-size:15.5px}
.dl-qc-result{margin-top:12px;padding:14px;border-radius:12px;background:var(--g-soft);border:1px solid #d3e4da}
.dl-qc-result>span{font-size:13.5px;color:#4e5a54}
.dl-qc-result>b{display:block;font-size:28px;color:#0b6448;letter-spacing:-.02em;margin:2px 0 4px}
.dl-qc-sum{font-size:13.5px;color:#3f5a4f;margin:0 0 8px;line-height:1.55}
.dl-qc-lines td{padding:6px 4px;font-size:13.5px}
@media (prefers-reduced-motion:reduce){.dl-qc-opt span{transition:none}}
.dl-qc-step legend{float:left;width:100%}
.dl-qc-step legend+*{clear:both}

/* ============================================================
   v1.63 — 의뢰인 10/15 작업본(deolssum_final_handoff_20261015.html)의 화면 · 사진. 대표 결정(2026-10-19).
   작업본의 꼴(.ds-photo-* · .review-* · .trust-image-only · #ds-mobile-call · #ds-home-menu-float · .ds-carousel)을
   우리 이름(g-*)으로 옮김 — 수는 작업본의 휴대폰 값 그대로, 글자만 12px 아래로 내려가지 않게(50~70대).
   ============================================================ */
/* 처음 화면 — 머리 띠 없이 그림부터 · 떠 있는 ☰ */
.dl-menu-float{display:none}
body.dl-home .dl-top{display:none}
body.dl-home .dl-menu-float{display:flex;position:fixed;left:max(12px,calc(50% - 215px + 12px));top:calc(12px + env(safe-area-inset-top,0px));z-index:70;
  width:44px;height:44px;border:1px solid #e1e9e5;border-radius:50%;background:#fff;color:#13392d;font-size:25px;line-height:1;
  box-shadow:0 2px 11px rgba(0,0,0,.13);align-items:center;justify-content:center}
body.dl-home .dl-menu-float:hover{color:#13392d;background:#f4f8f5}

/* 그림 석 장 — 작업본 .ds-carousel(3초 · 마우스 · 초점이 있으면 멈춤 · 손가락으로 넘김 · 움직임 줄이기면 안 넘김 — site.js) */
.g-hero{position:relative;aspect-ratio:1100/619;overflow:hidden;background:#f7f6f1;isolation:isolate}
.g-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s;z-index:0}
.g-slide.g-current{opacity:1;visibility:visible;z-index:1}
.g-slide img{display:block;width:100%;height:100%;object-fit:contain;background:#f7f6f1}
.g-slide:focus-visible{outline:3px solid #155b40;outline-offset:-3px}
.g-hero-hot{position:absolute;z-index:5;left:6.3%;top:64.4%;width:42.4%;height:8.3%;border-radius:6px}
.g-hero-hot:focus-visible{outline:3px solid #155b40;outline-offset:2px}
.g-hero-dots{position:absolute;z-index:15;bottom:2%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.84);
  padding:5px 9px;border-radius:30px;box-shadow:0 2px 9px rgba(0,0,0,.08)}
.g-hero-dots[hidden]{display:none}
.g-hero-dots button{appearance:none;cursor:pointer;border:0;background:#b3c6bb;width:9px;height:9px;border-radius:50%;padding:0;position:relative}
.g-hero-dots button::before{content:"";position:absolute;inset:-12px -5px}
.g-hero-dots button[aria-current=true]{background:#125c44;width:20px;border-radius:8px}
.g-hero-dots .g-hero-pause{width:18px;height:18px;border-radius:50%;background:transparent;margin-left:2px;display:grid;place-items:center;color:#125c44}
.g-hero-dots .g-hero-pause[hidden]{display:none}
.g-hero-dots .g-hero-pause span{display:block;width:8px;height:9px;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:border-box}
.g-hero-dots .g-hero-pause[aria-pressed=true] span{width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentColor}

/* 사진 바로 가기 6 — 작업본 .ds-photo-menu(휴대폰: 두 칸) */
.g-photo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px 10px 14px;background:#f7faf8}
.g-pcard{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e7efea;border-radius:13px;padding:7px 7px 11px;
  box-shadow:0 4px 15px rgba(32,76,51,.05);color:#163b2e;overflow:hidden;transition:box-shadow .15s ease,transform .15s ease;
  animation:dl-rise .65s var(--dl-ease,cubic-bezier(.2,.7,.2,1)) backwards;animation-delay:calc(var(--i,0) * 70ms + 120ms)}
.g-pcard:hover{color:#163b2e;box-shadow:0 8px 20px rgba(32,76,51,.11);transform:translateY(-2px)}
.g-pcard:active{transform:scale(.98)}
.g-pimg{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;border-radius:9px}
.g-pcopy{display:flex;flex-direction:column;gap:4px;padding:9px 30px 0 2px;min-height:55px}
.g-pcopy strong{font-size:17px;font-weight:850;line-height:1.25;color:#114432;letter-spacing:-.55px}
.g-pcopy small{font-size:12px;font-weight:500;color:#65736d;line-height:1.35;letter-spacing:-.2px;word-break:keep-all}
.g-parr{display:grid;place-items:center;position:absolute;right:8px;bottom:13px;width:26px;height:26px;border-radius:50%;background:#eaf5ef;color:#11503a;font-size:23px;line-height:1;
  transition:transform .2s ease}
.g-pcard:hover .g-parr{transform:translateX(3px)}

/* v1.65 음성으로 찾기 — 대표 이미지 아래 칸 하나(의뢰인 피드백 2026-10-19). 사진 메뉴와 같은 바탕 · 같은 카드 결로 이어 붙인다.
   자바스크립트가 없거나 음성 인식을 못 하면 같은 모양의 링크(물어보기 쪽), 되면 단추(누르면 이 자리에서 듣는다 · ask.js) */
.g-voice{background:#f7faf8;padding:12px 10px 0}
.sx-ask.sx-ask-voice{background:none;border:0;border-radius:0;padding:0;gap:10px}
.sx-ask.sx-ask-voice .g-voice-card{display:flex;align-items:center;justify-content:flex-start;gap:14px;width:100%;height:auto;min-height:78px;margin:0;padding:12px 18px 12px 13px;
  background:#fff;border:1px solid #e7efea;border-radius:16px;box-shadow:0 4px 15px rgba(32,76,51,.05);color:#163b2e;text-align:left;
  font:inherit;cursor:pointer;animation:none;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}
.sx-ask.sx-ask-voice .g-voice-card[hidden]{display:none}
.sx-ask.sx-ask-voice .g-voice-card:hover{color:#163b2e;border-color:#cfe2d7;box-shadow:0 8px 20px rgba(32,76,51,.11)}
.sx-ask.sx-ask-voice .g-voice-card:active{transform:scale(.985)}
.sx-ask.sx-ask-voice .g-voice-card:focus-visible{outline:3px solid #155b40;outline-offset:2px}
.g-voice-ico{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff;
  background:radial-gradient(circle at 32% 28%,#2f8466 0,#176149 48%,#0d4c38 100%);box-shadow:0 0 0 5px #eef8f2,0 6px 14px rgba(13,76,56,.22)}
.g-voice-txt{font-size:16.5px;font-weight:800;line-height:1.4;color:#114432;letter-spacing:-.45px;word-break:keep-all}
.sx-ask.sx-ask-voice .sx-mic.on{background:#fff;border-color:#176149;color:#163b2e;animation:none;box-shadow:0 8px 20px rgba(32,76,51,.11)}
.sx-ask.sx-ask-voice .sx-mic.on .g-voice-ico{animation:g-voice-ring 1.6s ease-out infinite}
.sx-ask.sx-ask-voice .sx-mic.on .g-voice-txt{color:#176149}
@keyframes g-voice-ring{0%{box-shadow:0 0 0 5px #eef8f2,0 0 0 5px rgba(23,97,73,.38)}100%{box-shadow:0 0 0 5px #eef8f2,0 0 0 17px rgba(23,97,73,0)}}
.sx-ask.sx-ask-voice .sx-ask-row{grid-template-columns:1fr auto}
.sx-ask.sx-ask-voice .sx-ask-go{grid-column:auto;padding:0 22px}
.sx-ask.sx-ask-voice .g-voice-row[hidden]{display:none}
.sx-ask.sx-ask-voice input{background:#fff;border-color:#d7e5dc}
.sx-ask.sx-ask-voice input:focus{border-color:var(--g-btn)}
.sx-ask.sx-ask-voice .sx-ask-status{padding:0 4px}
.sx-src-chk{white-space:nowrap}
@media (prefers-reduced-motion:reduce){.sx-ask.sx-ask-voice .g-voice-card{transition:none}.sx-ask.sx-ask-voice .g-voice-card:active{transform:none}.sx-ask.sx-ask-voice .sx-mic.on .g-voice-ico{animation:none;box-shadow:0 0 0 5px #cfe6d9}}

/* 블로그 후기 — 작업본 .review-block(카드 셋 · 실제 블로그 글) */
.g-review{background:linear-gradient(90deg,#fbfdfb,#fff)}
.g-review h2 br{display:block}
.g-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}
.g-review-mini{display:block;min-width:0;overflow:hidden;border:1px solid #e5e9e6;border-radius:10px;background:#fff;color:inherit}
.g-review-mini:hover{color:inherit;border-color:#cfe0d6}
.g-review-mini img{display:block;width:100%;height:84px;object-fit:cover;object-position:center 35%}
.g-review-mini span{display:block;padding:8px 6px}
.g-review-mini b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.4;word-break:keep-all;color:#1d2a24}
.g-review-mini small{display:block;margin-top:4px;font-size:11.5px;line-height:1.45;color:#515e57}
/* v1.64.1 — 카드 셋이 선입선출로 돈다(site.js). 모양 · 칸 너비는 그대로 두고 카드를 한 줄로 세워 한 칸씩 왼쪽으로 민다.
   제목 칸은 세 줄 높이로 고정 — 짧은 제목이 들어와도 칸 높이(쪽 아래)가 들썩이지 않게. 칸 밖으로 나간 카드는 가린다(초점 테는 안쪽에) */
.g-review-grid.is-rot{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 12px) / 3);overflow:hidden}
.g-review-grid.is-rot .g-review-mini{transition:transform .65s cubic-bezier(.45,0,.2,1)}
.g-review-grid.is-rot .g-review-mini b{min-height:4.2em}
.g-review-grid.is-rot .g-review-mini:focus-visible{outline-offset:-3px}
.g-review-grid.is-rot.is-move .g-review-mini{transform:translateX(calc(-100% - 6px))}
.g-review-grid.is-rot.is-snap .g-review-mini{transition:none}
/* 멈춤 단추는 쪽 글의 차례로는 카드 앞(화면 읽기에서 먼저 만남), 보이는 자리는 카드 아래 오른쪽 */
.g-review{position:relative}
.g-review.is-rotating{padding-bottom:48px}
.g-review-pause{position:absolute;right:15px;bottom:13px;display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid #cfe0d6;border-radius:50%;background:#fff;color:#125c44;cursor:pointer}
.g-review-pause::before{content:"";position:absolute;inset:-6px}
.g-review-pause[hidden]{display:none}
.g-review-pause span{display:block;width:8px;height:9px;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:border-box}
.g-review-pause[aria-pressed=true] span{width:0;height:0;margin-left:2px;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentColor}
@media (prefers-reduced-motion:reduce){.g-review-grid.is-rot .g-review-mini{transition:none}}

/* 수상 그림 — 작업본 .trust-image-only */
.g-trust{margin:8px 4px 10px;border-radius:10px;overflow:hidden;background:#fff}
.g-trust a{display:block;line-height:0}
.g-trust img{display:block;width:100%;height:auto}

/* 휴대폰 «24시 전화문의» — 작업본 #ds-mobile-call */
.g-mcall{display:none}
@media (max-width:767px){
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
  .g-mcall{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;box-sizing:border-box;padding:9px 14px calc(9px + env(safe-area-inset-bottom,0px));
    background:rgba(255,255,255,.98);border-top:1px solid #d9e5dc;box-shadow:0 -3px 15px rgba(10,45,32,.12)}
  .g-mcall a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:51px;border-radius:12px;background:#115a3d;color:#fff;font-size:18px;font-weight:700;letter-spacing:-.3px}
  .g-mcall a:hover{color:#fff;background:#0d4d34}
  .g-mcall svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  body.sx-typing .g-mcall,body.dl-lock .g-mcall{display:none}
}
@media (prefers-reduced-motion:reduce){.g-slide{transition:none}.g-pcard{animation:none;transition:none}.g-parr{transition:none}}

/* ---------------------------------------------------------------
   v1.63 찾기 쪽 — 장례식장 · 화장장 · 장지 (의뢰인 10/15 작업본 #ss-funeral-app · #crem-ver-panel · #burial-db 의 치수 · 색)
   자료는 우리 DB. 상세 창은 sheet.php 조각을 site.js 가 넣는다(자바스크립트가 없으면 상세 쪽 · 네이버 지도로 간다)
   --------------------------------------------------------------- */
.g-finder{padding:10px 12px 4px}
.g-finder [id^="c"],#g-app{scroll-margin-top:66px}
/* 쪽 머리 아래 안내 상자 — .ds-top-fee-guide */
.g-feeguide{margin:0 0 15px;padding:13px;background:#f4f9f6;border:1px solid #d8e8dd;border-radius:12px;color:#284a39;line-height:1.7}
.g-feeguide strong{display:block;font-size:15px;font-weight:700;margin-bottom:4px;color:#164b31}
.g-feeguide p{margin:0;font-size:14px;line-height:23.8px;color:#3d5e4b}

/* 장례식장 찾기 상자 — #ss-funeral-app */
.g-fapp{background:#f8fbf9;border:1px solid #dce8e0;border-radius:12px;padding:12px}
.g-hint{margin:0 0 9px;font-size:13px;color:#53675d;line-height:1.5}
.g-regions{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.g-pill{display:inline-flex;align-items:center;min-height:35px;padding:7px 11px;border:1px solid #d3e2d8;border-radius:22px;background:#fff;color:#1d4e3a;font-size:12px;font-weight:600;line-height:1.2}
.g-pill:hover{color:#146044;border-color:#9fc6b0}
.g-pill.on{background:#146044;border-color:#146044;color:#fff}
.g-regions-more{width:100%}
.g-regions-more>summary{display:inline-flex;align-items:center;gap:4px;min-height:35px;padding:7px 11px;border:1px solid #d3e2d8;border-radius:22px;background:#eef5f0;color:#1d4e3a;font-size:12px;font-weight:600;cursor:pointer;list-style:none}
.g-regions-more>summary::-webkit-details-marker{display:none}
.g-regions-more>summary::after{content:"⌄";font-size:12px;line-height:1;transform:translateY(-2px)}
.g-regions-more[open]>summary::after{content:"⌃";transform:translateY(2px)}
.g-regions-more .g-close,.g-regions-more[open] .g-open{display:none}
.g-regions-more[open] .g-close{display:inline}
.g-regions-extra{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.g-ftool{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:17px;background:#f4f8f5;border:1px solid #dce9e2;border-radius:15px}
.g-ftool select,.g-bd-fields select,.g-cv-fields select{grid-column:1/-1;width:100%;min-height:44px;padding:10px 12px;border:1px solid #cbdcd2;border-radius:9px;background:#fff;color:#214c39;font:inherit;font-size:14px}
.g-ftool select:disabled,.g-cv-fields select:disabled{background:#f3f6f4;color:#8a9790}
.g-fq{position:relative;min-width:0}
.g-fq input{width:100%;min-height:44px;box-sizing:border-box;padding:10px 46px 10px 12px;border:1px solid #cbdcd2;border-radius:9px;background:#fff;color:#214c39;font:inherit;font-size:14px}
.g-fq input::-webkit-search-cancel-button{display:none}
.g-fgo{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:38px;border:0;border-radius:7px;background:transparent;color:#124e37;cursor:pointer}
.g-fgo:hover{background:#e8f1eb}
.g-freset{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:9px;background:#e8f1eb;color:#124e37;font-size:14px;font-weight:700;white-space:nowrap}
.g-freset:hover{color:#0c3d2a;background:#dcebe1}
.g-fmeta{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:space-between;align-items:baseline;margin:15px 3px}
.g-fmeta strong{font-size:14px;font-weight:700;color:#173e32}
.g-fmeta span{font-size:12px;color:#69786e}

/* 카드 — .ss-fcard · .cv-card · .bd-card */
.g-fgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.g-fcard{min-width:0;padding:14px;border:1px solid #dce6df;border-radius:13px;background:#fff}
.g-fcard h3{margin:0 0 8px;font-size:17px;font-weight:700;line-height:1.4;color:#12432d;letter-spacing:-.02em}
.g-fcard p{margin:4px 0;font-size:13px;line-height:1.55;color:#52675c;overflow-wrap:anywhere}
.g-fcard small{display:block;font-size:13px;color:#718478}
.g-fbtns{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.g-fbtn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:0;border-radius:8px;background:#12583d;color:#fff;font:inherit;font-size:14px;font-weight:700;line-height:1.25;cursor:pointer;text-align:center}
.g-fbtn:hover{color:#fff;background:#0d4a32}
.g-fbtn.alt{background:#e8f1eb;color:#124e37}
.g-fbtn.alt:hover{color:#0c3d2a;background:#dcebe1}
.g-more{display:block;width:max-content;margin:18px auto 6px;padding:12px 30px;border-radius:8px;background:#12583d;color:#fff;font-size:14px;font-weight:700}
.g-more:hover{color:#fff;background:#0d4a32}
.g-more[aria-busy="true"]{opacity:.65;pointer-events:none}
.g-empty{margin:4px 2px;font-size:14px;color:#52675c}
.g-lab{color:#687b71;font-weight:700;margin-right:1px}
.g-fcard.g-new{animation:dl-rise .45s var(--dl-ease,ease) backwards;animation-delay:calc(var(--i,0) * 35ms)}

/* 화장장 간편검색 — #crem-ver-panel .cv-search-box */
.g-cv{padding:12px;background:#f8fcf9;border:1px solid #d7e7de;border-radius:16px}
.g-cv-title{margin:0 0 11px;font-size:17px;font-weight:800;color:#124e35}
.g-cv .g-pill{min-height:38px;padding:8px 13px;border-radius:18px;font-size:13px;font-weight:700}
.g-cv .g-pill.on{background:#0f573a;border-color:#0f573a}
.g-cv .g-regions-more>summary{border:0;background:none;padding:6px 4px;min-height:32px;font-size:13px;color:#155c42;width:100%;justify-content:center}
.g-cv-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
.g-cv-fields select{min-height:47px;font-size:15px;border-color:#cde0d4}
.g-cv-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.g-cv-inline input{min-width:0;min-height:47px;box-sizing:border-box;padding:10px 12px;border:1px solid #cde0d4;border-radius:9px;background:#fff;font:inherit;font-size:15px;color:#214c39}
.g-cv-inline button{min-height:47px;padding:0 17px;border:0;border-radius:9px;background:#0f573a;color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.g-cv-inline button:hover{background:#0b4730}
.g-cv-fields .g-freset{justify-self:start;min-height:38px;font-size:13px}
.g-cv-count,.g-bd-count{margin:12px 2px 10px;font-size:14px;color:#52665b}
.g-cv-card{padding:17px;border-color:#d9e7df}
.g-cv-card h3{margin:5px 0 6px;font-size:18px;color:#17432d}
.g-cv-card p{font-size:14px;color:#52665b}
.g-cv-card .g-fbtn{background:#14583b;padding:11px 14px}
.g-cv-card .g-fbtn.alt{background:#edf5ef;color:#19573a}

/* 장지 — .bn-intro · #burial-db · .bn-help */
.g-bn-intro{margin:0 0 12px;padding:13px;background:#f7fbf8;border:1px solid #dce8e1;border-radius:15px}
.g-bn-intro h2{margin:0 0 6px;font-size:19px;color:#164b39}
.g-bn-intro p{margin:0;font-size:14px;line-height:1.75;color:#3f5a4b}
.g-bd{padding:17px;background:#f5f9f6;border:1px solid #dce9df;border-radius:14px}
.g-bd-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}
.g-bd-tab{display:inline-flex;align-items:center;min-height:40px;padding:10px 15px;border:1px solid #d2ddd5;border-radius:9px;background:#fff;color:#1e4a36;font-size:14px;font-weight:600;line-height:1.2}
.g-bd-tab:hover{color:#155b3c;border-color:#9fc6b0}
.g-bd-tab.on{background:#155b3c;border-color:#155b3c;color:#fff}
.g-bd-fields{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:8px}
.g-bd-fields select{grid-column:auto;min-height:47px;border-color:#d2ddd5;border-radius:10px}
.g-bd-fields .g-fq input{min-height:47px;border-color:#d2ddd5;border-radius:10px}
.g-bd-note{margin:12px 2px 0;padding:10px 12px;border-radius:10px;background:#fbf8ee;border:1px solid #ece2c4;font-size:13px;line-height:1.65;color:#5a4f2f}
.g-bd-card{padding:17px}
.g-bd-card h3{color:#163b28}
.g-bd-card p{font-size:14px;color:#5c7063}
.g-bd-card .g-fbtn{background:#145e40;font-weight:600}
.g-bd-card .g-fbtn.alt{background:#e9f3ec;color:#174f36}
.g-bd-source{margin:14px 2px 0;font-size:12px;line-height:1.7;color:#63716c}
.g-bn-help{margin-top:17px;padding:15px;background:#fbfdfb;border:1px solid #e0e8e3;border-radius:14px}
.g-bn-help h3{margin:0 0 9px;font-size:18px;color:#1b4435}
.g-bn-help>p{font-size:12.5px;line-height:1.7;color:#46564e;margin:12px 0 0}
.g-bn-kinds{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
.g-bn-kind{padding:12px;background:#fff;border:1px solid #dde7e1;border-radius:12px}
.g-bn-kind b{display:block;font-size:13.5px;color:#194a38}
.g-bn-kind p{margin:5px 0 0;font-size:12.5px;line-height:1.6;color:#5a6960}
.g-bn-link{display:inline-flex;align-items:center;min-height:40px;margin-top:10px;padding:10px 12px;border-radius:8px;background:#15513e;color:#fff;font-size:12.5px;font-weight:800}
.g-bn-link:hover{color:#fff;background:#0f4131}
.g-bn-help .g-bn-foot{font-size:11.5px;color:#66736c}

/* 쪽 끝 출처 안내 — .ds-source-attribution */
.g-source{margin:26px 0 10px;padding:15px 6px 4px;border-top:1px solid #e4e8e8;color:#63716c;font-size:12px;line-height:1.85;overflow-wrap:anywhere}
.g-source strong{display:block;margin-bottom:3px;font-size:13px;color:#495b54}

/* 상세 창 — #ss-fmodal · .cv-shade · .bd-shade (휴대폰 너비에서 온 화면) */
.g-sheet{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:12px;background:rgba(12,25,19,.62)}
.g-sheet[hidden]{display:none}
.g-sheet-panel{display:flex;flex-direction:column;width:min(600px,100%);height:min(92vh,980px);overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.2)}
.g-sheet-bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;background:#f4f8f5;border-bottom:1px solid #deebe1}
.g-sheet-bar strong{min-width:0;font-size:clamp(16px,4.2vw,19px);line-height:1.4;color:#163b2e;overflow-wrap:anywhere}
.g-sheet-close{flex:none;min-height:46px;min-width:102px;font-size:15px;white-space:nowrap}
.g-sheet-body{flex:1;overflow:auto;overscroll-behavior:contain;padding:13px 13px 30px;-webkit-overflow-scrolling:touch}
.g-sheet-body:focus{outline:none}
.g-sheet-wait{padding:30px 6px;text-align:center;font-size:14px;color:#5b6d63}
@media (max-width:680px){.g-sheet{padding:0}.g-sheet-panel{width:100vw;height:100dvh;border-radius:0}}
@media (min-width:681px){.g-sheet{animation:g-fade .2s ease}.g-sheet-panel{animation:g-up .28s var(--dl-ease,ease)}}
@media (max-width:680px){.g-sheet-panel{animation:g-slide .3s var(--dl-ease,ease)}}
@keyframes g-fade{from{opacity:0}}
@keyframes g-up{from{opacity:0;transform:translateY(16px)}}
@keyframes g-slide{from{transform:translateY(28px);opacity:.4}}
.g-ssec{margin:0 0 13px;padding:13px;border:1px solid #dae7de;border-radius:13px}
.g-ssec h3{margin:0 0 12px;font-size:17px;color:#174b32}
.g-sdl{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;margin:0;font-size:15px;line-height:1.65}
.g-sdl dt{color:#687b71;font-weight:600}
.g-sdl dd{margin:0;overflow-wrap:anywhere}
.g-snote{margin:10px 0 0;font-size:12px;line-height:1.6;color:#69786e}
.g-swarn{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fbf8ee;border:1px solid #ece2c4;font-size:13px;line-height:1.6;color:#5a4f2f}
.g-sgo{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 13px}
.g-sgo .g-fbtn{flex:1 1 auto}
.g-map{display:block;width:100%;height:290px;border:1px solid #e0e8df;border-radius:10px;background:#eef2ef}
.g-amt{color:#115b39;font-weight:800}
.g-stable-wrap{overflow-x:auto}
.g-stable{width:100%;border-collapse:collapse;font-size:14px}
.g-stable th,.g-stable td{padding:9px 8px;border-bottom:1px solid #dfe8e2;text-align:left;vertical-align:top}
.g-stable th{background:#f4f8f5;color:#3f5a4b;font-size:13px;white-space:nowrap}
.g-stable td:last-child{text-align:right;white-space:nowrap}
.g-stable .cn{display:block;margin-top:2px;font-size:12px;font-weight:400;color:#69786e;white-space:normal}
.g-stable .sx-amt{color:#115b39}
.g-tv{min-width:0}
/* 휴대폰 — 표 한 줄을 «이름 · 값» 카드로 (작업본 table.ds-friendly-table) */
@media (max-width:680px){
  .g-stable,.g-stable tbody{display:block}
  .g-stable thead{display:none}
  .g-stable tr{display:block;margin-bottom:10px;padding:4px 12px;background:#fff;border:1px solid #d8e7dc;border-radius:12px;box-shadow:0 2px 5px rgba(0,0,0,.025)}
  .g-stable td{display:grid;grid-template-columns:minmax(78px,36%) minmax(0,1fr);gap:10px;align-items:start;padding:9px 0;border-bottom:1px solid #edf2ee;font-size:15px;line-height:1.55;text-align:right;white-space:normal;overflow-wrap:anywhere}
  .g-stable td::before{content:attr(data-label);text-align:left;font-size:13px;font-weight:700;color:#537060;line-height:1.6}
  .g-stable td:last-child{border-bottom:0;font-size:16px;text-align:right}
  .g-stable td:last-child .sx-amt,.g-stable td:last-child .g-amt{font-size:19px}
  .g-stable td .cn{text-align:right}
}
/* «요금 적용 기준·감면 안내 자세히 보기» — .ds-collapse-guide */
.g-sguide{margin-top:11px;border:1px solid #dce7e2;border-radius:9px;overflow:hidden;background:#f8fbf9}
.g-sguide>summary{display:flex;justify-content:space-between;gap:8px;padding:12px 14px;font-size:14px;font-weight:700;color:#245840;cursor:pointer;list-style:none}
.g-sguide>summary::-webkit-details-marker{display:none}
.g-sguide>summary::after{content:"＋";font-weight:800}
.g-sguide[open]>summary::after{content:"－"}
.g-sguide-body{padding:2px 14px 12px;color:#284a39}
.g-sguide-body strong{display:block;margin-bottom:4px;font-size:15px;color:#164b31}
.g-sguide-body p{margin:6px 0 0;font-size:13.5px;line-height:1.7;color:#3d5e4b}
.g-sguide-body b,.g-easy b{color:#20543a}
/* 화장 «일반 대인 화장요금 먼저 보기» · «전체 요금표 보기» — .cv-highlight · .cv-fees-expand */
.g-hl{margin:0 0 14px;padding:15px;border:1px solid #dce9df;background:#f7faf8;border-radius:12px}
.g-hl h4{margin:0 0 11px;font-size:16px;color:#164d39}
.g-hl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.g-hl-item{min-width:0;padding:12px 10px;background:#fff;border:1px solid #dce7df;border-radius:10px}
.g-hl-item span{display:block;margin-bottom:6px;font-size:13px;color:#52645a}
.g-hl-item strong{display:block;font-size:clamp(15px,3.5vw,20px);color:#134c33;overflow-wrap:anywhere}
.g-hl p{margin:10px 0 0;font-size:13px;line-height:1.6;color:#526459}
.g-allfees{margin:12px 0 0;border:1px solid #d4e4da;border-radius:10px;overflow:hidden}
.g-allfees>summary{padding:13px 14px;background:#f1f7f3;font-size:14px;font-weight:700;color:#174b32;cursor:pointer}
.g-allfees>.g-stable-wrap,.g-allfees>.g-snote,.g-allfees>.g-easy{margin:10px}
.g-easy{padding:13px 14px;background:#f2f8f4;border:1px solid #d7e7dc;border-radius:11px;color:#264735}
.g-easy strong{display:block;margin-bottom:8px;font-size:15px;color:#115a3d}
.g-easy p{margin:6px 0;font-size:14px;line-height:1.7;color:#365044}
@media (prefers-reduced-motion:reduce){.g-sheet,.g-sheet-panel,.g-fcard.g-new{animation:none}}

/* v1.63 «이어서 무엇을 확인할까요?» — 작업본 .ds-next-steps (지금 뭘 해야 하나요?) */
.g-next{margin:14px 0 4px;padding:14px;border-radius:14px;background:#f3f8f5;border:1px solid #d8e8de}
.g-next-h{margin-bottom:12px;font-size:16px;font-weight:800;color:#164b38}
.g-next-btns{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.g-next-btns a{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:12px 15px;background:#fff;border:1.5px solid #b8d6c4;border-radius:11px;color:#124d36;font-size:16px;font-weight:750;line-height:1.35}
.g-next-btns a:hover,.g-next-btns a:focus-visible{background:#135a3d;color:#fff}
.g-next-instant[hidden]{display:none}
.g-modal .g-next{margin-top:16px}

/* v1.64 — 장례식장 사진(옛 실속상조 장례정보 DB · 480×270 webp). 창(.g-sphoto)과 상세 쪽(.dl-fhphoto) */
.g-sphoto,.dl-fhphoto{margin:0 0 13px;border-radius:13px;overflow:hidden;background:#eef4f0;border:1px solid #dae7de}
.g-sphoto img,.dl-fhphoto img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.g-sphoto figcaption,.dl-fhphoto figcaption{padding:6px 11px;font-size:13px;color:#4b5b52;line-height:1.4}
.dl-fhphoto{max-width:640px}
.g-hl h4 small{font-size:13px;font-weight:600;color:#4b5b52}