/* 견적 상세 '한눈에 보기' 카드(.qs)·하단 고정 바(.qs_bar)·확인 창(.qs_dlg)·끝 구분 띠(.qs-end)
   → docs/screens/quote-detail-lite.md (2026-10-18 사용자 확정 시안, 시안 원본 docs/screens/quote-detail-lite/page.css).
   구역마다 바탕색 + 아이콘 이름표로 '어디에 뭐가 있나'를 가른다. 주황은 상태 띠(모집 중·남은 시간)와 주 단추에만.
   요청 구역은 모래색, 설비는 청회색. 카드 폭 720px 이상(PC 본문)이면 건물 한 줄 + 요청|설비 두 칸.
   ⚠️ 카드 규칙은 모두 .qs 안으로만 건다 — 화면의 옛 .quote_view 규칙과 섞이지 않게. 글자 크기는 px(카드 안 고정) */
article.qs{container-type:inline-size;--qs-o:#ff6a13;--qs-od:#c2410c;--qs-ol:#fff4ec;--qs-oline:#ffd9bf;--qs-ink:#1d2433;--qs-sub:#4b5563;--qs-mute:#5f6773;--qs-line:#e3e7ec;--qs-sand:#faf6ef;--qs-sandline:#ead9c0;--qs-fbg:#f2f5f8;--qs-fline:#d5dde6;
  margin:0 0 16px;border:1px solid #d9dee3;border-radius:14px;background:#fff;color:var(--qs-ink);font-size:15px;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere;text-align:left}
/* ⚠️ overflow:hidden 을 걸지 않는다 — '추정' 말풍선이 카드 밖으로 잘린다. 모서리는 첫·끝 칸이 둥글린다 */
article.qs>:first-child{border-radius:13px 13px 0 0}
article.qs>:last-child{border-radius:0 0 13px 13px}
article.qs *,article.qs *::before,article.qs *::after{box-sizing:border-box}
article.qs p,article.qs dl,article.qs dd,article.qs dt,article.qs ul{margin:0;padding:0}
article.qs li{list-style:none}
/* 화면에서는 숨기고 낭독기·검색엔진은 읽는 글(칩의 정식 이름 꼬리) */
.qs .qs-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.qs .qs-print-tip{display:none}
.qs .qs-i{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}

/* 상태 띠 */
.qs .qs-st{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:11px 14px;background:var(--qs-ol);border-bottom:1px solid var(--qs-oline);font-size:15px}
.qs .qs-st-on{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--qs-od)}
.qs .qs-st-on::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--qs-o)}
.qs .qs-st-when{font-weight:700}
.qs .qs-st-left{margin-left:auto;padding:3px 10px;border-radius:999px;background:#fff;border:1px solid var(--qs-o);color:var(--qs-od);font-size:13px;font-weight:800;white-space:nowrap}
.qs .qs-st.is-off{background:#f3f4f6;border-bottom-color:var(--qs-line)}
.qs .qs-st.is-off .qs-st-on{color:#4b5563}
.qs .qs-st.is-off .qs-st-on::before{background:#9ca3af}
.qs .qs-st.is-off .qs-st-when{font-weight:600;color:var(--qs-sub)}
/* 정원이 차서 닫힌 건 — 잘 되는 견적이 죽어 보이지 않게 주황 글자(목록 '조기 마감'과 같은 뜻, 2026-09-15) */
.qs .qs-st.is-early{background:#fff;border-bottom-color:var(--qs-line)}
.qs .qs-st.is-early .qs-st-on::before{background:#fdba74}

/* 구역 공통 + 이름표 */
.qs .qs-z{padding:14px 14px 16px}
.qs .qs-z+.qs-z,.qs .qs-cols{border-top:1px solid var(--qs-line)}
.qs .qs-cols>:last-child{border-radius:0 0 13px 13px}
.qs .qs-tag{display:inline-flex;align-items:center;gap:5px;margin:0 0 9px;padding:3px 9px 3px 7px;border-radius:7px;font-size:13px;font-weight:800;line-height:1.5}
.qs .qs-tag em{font-style:normal;font-weight:600}

/* 건물 구역: 흰 바탕 */
.qs .qs-bd .qs-tag{background:#eef1f4;color:#374151}
.qs .qs-h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.3}
.qs .qs-est{padding:1px 7px;border:1px dashed #d1d5db;border-radius:6px;background:#fff;color:#6b7280;font-size:13px;font-weight:600;letter-spacing:0}
.qs .qs-hs{margin-top:5px;color:var(--qs-sub);font-size:15px}

/* 요청 구역: 모래색 바탕 + 왼쪽 세로줄 (옛 '상세 요청내용' 칸의 바탕을 잇는다) */
.qs .qs-rq{background:var(--qs-sand);box-shadow:inset 3px 0 0 #d9b98f}
.qs .qs-rq .qs-tag{background:#fff;border:1px solid var(--qs-sandline);color:#7a4b1c}
.qs .qs-rt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.3}
/* 세부 항목은 제목 옆 작은 알약 — 상담·시기 꼬리표와 헷갈리지 않게 테두리만, 글자 작게 */
.qs .qs-items{display:inline-flex;flex-wrap:wrap;gap:4px}
.qs .qs-items span{font-size:12.5px;font-weight:600;line-height:1;letter-spacing:0;color:#5b4a36;background:#fff;border:1px solid #e3d3bd;border-radius:999px;padding:4px 8px}
.qs .qs-rs{margin-top:3px;color:var(--qs-sub);font-size:14px}
.qs .qs-must{display:inline-flex;align-items:center;gap:5px;margin-top:9px;padding:5px 10px;border-radius:7px;background:#1f2937;color:#fff;font-size:14px;font-weight:700;letter-spacing:0}
.qs .qs-kv{display:grid;grid-template-columns:auto 1fr;gap:7px 12px;align-items:center;margin-top:11px}
.qs .qs-kv dt{color:var(--qs-mute);font-size:14px;font-weight:600;white-space:nowrap}
.qs .qs-kv dd{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-weight:700}
.qs .qs-pill{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:4px 10px;border-radius:8px;background:#fff;border:1px solid #cbb89d;color:#3b2a17;font-size:14px;font-weight:700}
.qs .qs-attn{color:var(--qs-sub);font-size:14px;font-weight:600;white-space:nowrap}

/* 첨부 띠 — 사진은 휴대폰 한 줄 3칸이 폭을 꽉 채운다(칸 약 115px), PC 요청 칸은 4칸(최대 130px).
   주 사용자가 40~60대라 크게(사용자). 넘치면 마지막 칸이 '+N' — 휴대폰은 3번째, PC 는 4번째 칸 */
.qs .qs-at{margin-top:12px}
.qs .qs-at-h{display:flex;align-items:center;gap:10px;min-height:28px;margin-bottom:6px}
.qs .qs-at-h b{color:var(--qs-mute);font-size:15px;font-weight:600}
.qs .qs-at-h span{color:#374151;font-size:15px;font-weight:700}
.qs .qs-at-all{margin-left:auto;display:inline-flex;align-items:center;min-height:40px;margin-block:-6px;padding:0 2px;border:0;background:none;color:#7a4b1c;font:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
.qs .qs-ph{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.qs .qs-ph>a,.qs .qs-ph>span{position:relative;display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#e5e7eb;border:1px solid rgba(0,0,0,.08)}
.qs .qs-ph>a[hidden]{display:none}
.qs .qs-ph>:nth-child(4){display:none}
.qs .qs-ph img{display:block;width:100%;height:100%;object-fit:cover}
.qs .qs-ph>a:focus-visible{outline:2px solid #7a4b1c;outline-offset:2px}
.qs .qs-zm{position:absolute;top:4px;right:4px;width:26px;height:26px;padding:4px;border-radius:6px;background:rgba(17,24,39,.55);stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.qs .qs-mb3,.qs .qs-mb4{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:rgba(17,24,39,.74);color:#fff;font-size:22px;font-weight:800}
.qs .qs-mb4{display:none}
/* 문서 줄: 종류 글자 표(PDF 빨강·DWG 파랑) + 이름 + 용량 + 보기/받기. 2줄 넘으면 접는다 */
.qs .qs-docs{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.qs .qs-at-h+.qs-docs{margin-top:0}
.qs .qs-doc{display:flex;align-items:center;gap:8px;min-height:50px;padding:4px 12px 4px 8px;border-radius:9px;background:#fff;border:1px solid var(--qs-sandline);color:var(--qs-ink);text-decoration:none}
.qs .qs-doc-k{flex:none;width:40px;padding:2px 0;border-radius:6px;background:#eef1f4;color:#374151;text-align:center;font-size:13px;font-weight:800;letter-spacing:.02em}
.qs .qs-doc-k.is-pdf{background:#fdecec;color:#b42318}
.qs .qs-doc-k.is-dwg{background:#e8f0fb;color:#1d4f91}
.qs .qs-doc-n{flex:1;min-width:0;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qs .qs-doc-s{flex:none;color:#6b7280;font-size:13px;font-weight:500}
.qs .qs-doc-go{flex:none;display:inline-flex;align-items:center;gap:4px;margin-left:2px;color:#7a4b1c;font-size:15px;font-weight:700;text-decoration:none}
.qs div.qs-doc .qs-doc-go{padding:6px 4px}
.qs div.qs-doc .qs-doc-go+.qs-doc-go{margin-left:6px}
.qs .qs-docx{margin-top:6px}
.qs .qs-docx summary{display:inline-flex;align-items:center;min-height:40px;color:#7a4b1c;font-size:14px;font-weight:700;cursor:pointer;list-style:none}
.qs .qs-docx summary::-webkit-details-marker{display:none}
.qs .qs-docx[open] summary{display:none}
.qs .qs-docx .qs-doc+.qs-doc{margin-top:6px}
/* 비회원·다른 손님: 같은 칸 수의 흐린 회색 칸 + 자물쇠. 문서는 종류·개수만, 이름은 감춘다 */
.qs .qs-at.is-lock .qs-ph>span{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e6e9ed,#d3d8de);color:#8a929c}
.qs .qs-at.is-lock .qs-ph>span .qs-i{width:20px;height:20px}
.qs .qs-at.is-lock .qs-ph>span:nth-child(4){display:none}
.qs .qs-at.is-lock .qs-mb3,.qs .qs-at.is-lock .qs-mb4{background:rgba(75,85,99,.82)}
.qs .qs-at.is-lock .qs-doc{background:#f6f7f9;border-color:#e3e6ea;color:var(--qs-mute)}
.qs .qs-at.is-lock .qs-doc-n{color:var(--qs-sub)}

/* 손님이 쓴 글: 흰 말풍선. 이름 앞 큰따옴표 아이콘 + 아래 옅은 점선, 본문은 한 단계 크고 진하게.
   처음부터 다 보인다(2026-10-19 사용자: 어차피 읽어야 하는 글). 14줄 넘는 글만 스크립트가 is-long 을 달아 10줄에서 흐리게 접는다
   — 2026-10-19 시험 사본 94건: 휴대폰 폭 기준 가운데 3줄 · 95% 가 9줄 이하, 14줄 넘는 글은 2건 */
.qs .qs-added{display:inline-block;margin-top:12px;padding:3px 9px;border-radius:7px;background:#fff4ec;color:var(--qs-od);font-size:14px;font-weight:700}
.qs .qs-memo{margin-top:12px;padding:10px 14px 8px;border:1px solid var(--qs-sandline);border-radius:10px;background:#fff}
.qs .qs-memo summary{list-style:none;cursor:default}
.qs .qs-memo summary::-webkit-details-marker{display:none}
.qs .qs-memo-h{display:flex;align-items:center;gap:6px;padding-bottom:7px;margin-bottom:8px;border-bottom:1px dashed var(--qs-sandline);font-size:13px;font-weight:700;color:#8a6a45}
.qs .qs-memo-h::before{content:"";flex:none;width:15px;height:15px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z'/%3E%3C/svg%3E") center/contain no-repeat}
.qs .qs-memo-t .rq_add{color:var(--qs-od);font-weight:700}
.qs .qs-memo-t{display:block;color:#1d2433;font-size:16px;line-height:1.7;font-weight:500}
.qs .qs-memo.is-long:not([open]) .qs-memo-t{max-height:17em;overflow:hidden;
  -webkit-mask-image:linear-gradient(#000 calc(100% - 3.4em),transparent);mask-image:linear-gradient(#000 calc(100% - 3.4em),transparent)}
/* 펼치기 단추 — 주 사용자 40~60대라 글자처럼 두지 않고 폭 꽉 찬 주황 테두리 단추로(2026-10-19 사용자) */
.qs .qs-memo-more{display:none}
.qs .qs-memo.is-long .qs-memo-more{display:flex;cursor:pointer;align-items:center;justify-content:center;gap:6px;height:48px;margin:8px 0 4px;border:1.5px solid #f3a56f;border-radius:10px;background:var(--qs-ol);color:var(--qs-od);font-size:16px;font-weight:800}
.qs .qs-memo.is-long .qs-memo-more::before{content:"글 전체 보기"}
.qs .qs-memo.is-long[open] .qs-memo-more::before{content:"접기"}
.qs .qs-memo.is-long .qs-memo-more::after{content:"";width:18px;height:18px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.qs .qs-memo.is-long[open] .qs-memo-more::after{transform:rotate(180deg)}
/* 비교담 메모 — 관리자가 적은 안내. 손님 글과 섞이지 않게 점선 위로 작게 */
.qs .qs-admin{margin-top:10px;padding:9px 12px;border-radius:10px;background:#fff;border:1px dashed #d9b98f}
.qs .qs-admin-h{color:#a07a2c;font-size:13px;font-weight:700}
.qs .qs-admin-t{margin-top:3px;color:#5b4630;font-size:15px;line-height:1.6}
/* 비회원: 같은 자리를 점선 상자로 */
.qs .qs-lock{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:12px;padding:10px 12px;border:1px dashed #cdb594;border-radius:10px;background:#fff;color:#5b4630;font-size:14px}
.qs .qs-lock span{display:inline-flex;align-items:center;gap:6px}

/* 설비 구역: 청회색 바탕 */
.qs .qs-fc{background:var(--qs-fbg)}
.qs .qs-fc .qs-tag{background:#fff;border:1px solid var(--qs-fline);color:#33506b}
.qs .qs-fr{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:start}
.qs .qs-fr+.qs-fr{margin-top:8px}
.qs .qs-fl{padding-top:6px;color:var(--qs-mute);font-size:13px;font-weight:700}
.qs .qs-chips{display:flex;flex-wrap:wrap;gap:6px}
.qs .qs-c{padding:5px 10px;border-radius:8px;border:1px solid #c7d2dd;background:#fff;color:#1f2f40;font-size:14px;font-weight:700;line-height:1.3}
.qs .qs-c.has_tip{cursor:help}
.qs .qs-c.is-yes{background:#ecf7ef;border-color:#b5dcc0;color:#14532d}
.qs .qs-c.is-chk{border-style:dashed;border-color:#9eabb8;color:#374151;font-weight:600}
.qs .qs-c.is-no{padding-left:0;padding-right:0;border-color:transparent;background:none;color:#7b8590;font-weight:500}
.qs .qs-none{padding-top:4px;font-size:15px;font-weight:800;color:#374151}
.qs .qs-etc{margin-top:10px}
.qs .qs-etc summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--qs-fline);border-radius:10px;background:#fff;color:#33506b;font-size:14px;font-weight:700;cursor:pointer;list-style:none}
.qs .qs-etc summary::-webkit-details-marker{display:none}
.qs .qs-etc summary b{color:#1f2f40}
.qs .qs-etc summary .qs-i{margin-left:auto;transition:transform .15s}
.qs .qs-etc[open] summary .qs-i{transform:rotate(180deg)}
.qs .qs-etc .qs-chips{margin-top:8px}

/* '추정'에 근거 말풍선(보험, 사용자): PC 는 마우스를 올리면, 휴대폰은 누르면(포커스) 뜬다. 스크립트 없이 */
.qs .qs-est,.qs .qs-est-t{position:relative;cursor:help}
.qs .qs-est-t{text-decoration:underline dotted;text-underline-offset:3px}
.qs .qs-est::after,.qs .qs-est-t::after{content:attr(data-tip);position:absolute;left:0;top:calc(100% + 8px);z-index:20;width:260px;max-width:72vw;
  padding:10px 12px;border-radius:10px;background:#1d2433;color:#fff;font-size:13px;font-weight:500;font-style:normal;line-height:1.55;letter-spacing:0;white-space:normal;text-decoration:none;
  box-shadow:0 8px 20px rgba(0,0,0,.18);opacity:0;visibility:hidden;transition:opacity .12s;pointer-events:none}
.qs .qs-est:hover::after,.qs .qs-est:focus::after,.qs .qs-est-t:hover::after,.qs .qs-est-t:focus::after{opacity:1;visibility:visible}
.qs .qs-est:focus,.qs .qs-est-t:focus{outline:2px solid #94a3b8;outline-offset:2px}
/* 등급 옆 추정은 오른쪽 끝에 붙어 있어 말풍선을 왼쪽으로 편다 — 카드 밖으로 잘리지 않게 */
.qs .qs-est::after{left:auto;right:-8px}
.qs .qs-est-t::after{width:min(260px, calc(100vw - 140px))}

/* PC(카드 폭 720px 이상): 건물 한 줄 → 아래 요청 | 설비 두 칸. 사진은 4칸(최대 130px) */
@container (min-width:720px){
  .qs .qs-st{padding:12px 20px}
  .qs .qs-z{padding:16px 20px 18px}
  .qs .qs-bd{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
  .qs .qs-bd .qs-tag{margin:0}
  .qs .qs-bd .qs-h{font-size:22px}
  .qs .qs-bd .qs-hs{margin:0}
  .qs .qs-cols{display:grid;grid-template-columns:1fr 1fr}
  .qs .qs-cols>.qs-z{border-top:0}
  .qs .qs-cols>.qs-fc{border-left:1px solid var(--qs-line)}
  .qs .qs-cols>:first-child{border-radius:0 0 0 13px}
  .qs .qs-cols>:last-child{border-radius:0 0 13px 0}
  .qs .qs-cols>:only-child{border-radius:0 0 13px 13px}
  .qs .qs-ph{grid-template-columns:repeat(4,minmax(0,130px))}
  .qs .qs-ph>:nth-child(4){display:block}
  .qs .qs-at.is-lock .qs-ph>span:nth-child(4){display:flex}
  .qs .qs-mb3{display:none}
  .qs .qs-mb4{display:flex}
}

/* 견적 내용이 끝나는 곳 — 글자 없이 화면 끝까지 닿는 회색 띠 하나로(사용자: 문구는 군더더기) */
.qs-end{height:12px;margin:36px 0 30px;width:100vw;margin-left:calc(50% - 50vw);background:#f1f3f5;border-top:1px solid #e3e7eb;border-bottom:1px solid #e3e7eb}

@media print{
  .qs{break-inside:avoid}
  .qs .qs-memo .qs-memo-t{max-height:none;-webkit-mask-image:none;mask-image:none}
  .qs .qs-memo .qs-memo-more,.qs .qs-est::after,.qs .qs-est-t::after{display:none}
  /* 접힌 '그 밖' 설비·3번째부터의 문서도 종이에 — 출력 단추가 인쇄 전에 펼친다(beforeprint). 근거는 인쇄 전용 한 줄 */
  .qs details summary .qs-i,.qs .qs-docx summary{display:none}
  .qs .qs-print-tip{display:block;margin-top:10px;color:#4b5563;font-size:12px;line-height:1.5}
  .qs-end{display:none}
}

/* ── 하단 고정 바 ── 공유(노란 카카오) · 주 단추(주황) · 보조 단추(주황 테두리). PC 는 가운데 920px 판 + 출력·PDF 저장 */
.qs_bar_space{height:calc(76px + env(safe-area-inset-bottom, 0px))}
@media print{.qs_bar_space{display:none}}
.qs_bar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px));background:#fff;border-top:1px solid #dfe4e8;box-shadow:0 -4px 12px rgba(0,0,0,.06)}
html.hide .qs_bar{display:none}
.qs_bar button,.qs_bar a{display:flex;align-items:center;justify-content:center;gap:4px;height:52px;padding:0 10px;border:0;border-radius:11px;font-family:inherit;font-size:17px;font-weight:800;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.qs_bar .qs-i{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.qs_bar .shr{flex:none;flex-direction:column;gap:2px;width:58px;padding:0;background:#fee500;color:#191919;font-size:13px}
.qs_bar .pri,.qs_bar .gst{flex:1;background:#ff6a13;color:#fff}
.qs_bar .sec{flex:1;background:#fff;color:#ff6a13;box-shadow:inset 0 0 0 2px #ff6a13}
.qs_bar .off{flex:1;background:#eef1f4;color:#7b868f;cursor:default}
/* 휴대폰은 칸이 좁고 인쇄할 일이 드물어 출력·PDF 를 숨긴다 */
.qs_bar .prt{display:none;flex:none;padding:0 16px;background:#fff;color:#1d2433;box-shadow:inset 0 0 0 1.5px #1d2433;font-size:15px}
@media (min-width:900px){
  .qs_bar{max-width:920px;margin:0 auto;border:1px solid #dfe4e8;border-bottom:0;border-radius:14px 14px 0 0}
  .qs_bar .prt{display:flex}
}
/* 바에 가리지 않게 '맨 위로' 단추를 바 위로 올린다 */
body.no_appnav a.goTop{bottom:calc(84px + env(safe-area-inset-bottom, 0px))}

/* '상담 요청' 확인 창 */
.qs_dlg{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.45)}
.qs_dlg[hidden]{display:none}
.qs_dlg .in{width:100%;max-width:340px;padding:20px 18px 14px;border-radius:14px;background:#fff;color:#1d2433;text-align:left}
.qs_dlg .in>b{font-size:18px;font-weight:800}
.qs_dlg p{margin:8px 0 16px;font-size:16px;line-height:1.6;color:#3b4650}
.qs_dlg p .u{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.qs_dlg .bt{display:flex;gap:8px}
.qs_dlg .bt button{flex:1;height:48px;border-radius:10px;border:1px solid #d3d9de;background:#fff;color:#1d2433;font:inherit;font-size:16px;font-weight:800;cursor:pointer}
.qs_dlg .bt .ok{background:#ff6a13;border-color:#ff6a13;color:#fff}
/* 'PDF 저장' 안내 — 인쇄 창의 '대상' 칸을 흉내 낸 그림 한 줄 */
.qs_pdf_eg{display:flex;align-items:center;gap:12px;margin:-4px 0 14px;padding:10px 12px;border:1px solid #dfe4e8;border-radius:10px;background:#f6f7f9;font-size:15px;color:#3b4650}
.qs_pdf_eg .sel{display:flex;align-items:center;justify-content:space-between;flex:1;padding:6px 10px;border:2px solid #1a73e8;border-radius:6px;background:#fff;font-weight:700;color:#1d2433}
.qs_pdf_eg .qs-i{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.qs_pdf_skip{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:15px;color:#3b4650;cursor:pointer}
/* 사이트 공용 CSS 가 기본 체크 칸을 숨기고 그림 칸(.skin-check)으로 바꿔 그린다 — 여기서는 브라우저 기본 칸을 되살린다 */
.qs_pdf_skip input{position:static !important;display:inline-block !important;flex:none;width:18px !important;height:18px !important;margin:0 !important;opacity:1 !important;visibility:visible !important;clip:auto !important;-webkit-appearance:checkbox !important;appearance:auto !important;accent-color:#ff6a13}

/* 사진 크게 보기 창의 '받기' 단추 — 글자를 붙여 40~60대도 알아보게. 기본 단추는 정사각 아이콘뿐이다 */
.fancybox__button--getfile{width:auto !important;padding:0 14px !important;gap:6px;font-size:15px;font-weight:700;color:#fff}
.fancybox__button--getfile span{white-space:nowrap}
.fancybox__button--getfile[hidden]{display:none !important}