/* /guide/ 전용 스타일 — 기존 사이트 색상(네이비 #16233c·골드·크림 #f7f3ea) 계승, body.qg 범위 밖에는 적용되지 않음 */
.qg{margin:0;font-family:'Noto Sans KR',sans-serif;color:#16233c;background:#fff;line-height:1.75;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}
.qg *,.qg *::before,.qg *::after{box-sizing:border-box}
.qg a{color:#8a5f22}
.qg a:focus-visible,.qg summary:focus-visible{outline:3px solid #B8863E;outline-offset:2px}
.qg h1,.qg h2,.qg h3{font-family:'Noto Serif KR',serif;color:#16233c;line-height:1.4}
.qg-nowrap{white-space:nowrap}
.qg-skip{position:absolute;left:-9999px;top:0}
.qg-skip:focus{left:12px;top:12px;z-index:100;background:#16233c;color:#fff;padding:8px 14px}
.qg-wrap{max-width:1120px;margin:0 auto;padding:0 20px}

/* header */
.qg-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);border-bottom:1px solid #ece4d0}
.qg-header-in{display:flex;justify-content:space-between;align-items:center;min-height:68px;gap:16px}
.qg-logo{font-family:'Noto Serif KR',serif;font-weight:700;font-size:20px;letter-spacing:.18em;line-height:1;color:#16233c!important;text-decoration:none}
.qg-logo span{display:block;font-family:'Noto Sans KR',sans-serif;font-weight:300;font-size:10px;letter-spacing:.2em;color:#94a3b8;margin-top:5px}
.qg-nav{display:flex;align-items:center;gap:22px}
.qg-nav>a:not(.qg-btn){font-size:14px;font-weight:500;color:rgba(22,35,60,.72);text-decoration:none}
.qg-nav>a:not(.qg-btn):hover{color:#16233c}

/* buttons */
.qg-btn{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:0 6px;background:linear-gradient(135deg,#C59A3F 0%,#E8C162 100%);color:#16233c!important;font-weight:700;text-decoration:none;border-radius:999px;padding:12px 26px;font-size:15px}
.qg-btn:hover{filter:brightness(1.05)}
.qg-btn-sm{padding:9px 20px;font-size:13px}
.qg-btn-line{display:inline-block;border:1px solid #16233c;color:#16233c!important;text-decoration:none;border-radius:999px;padding:11px 22px;font-weight:500;font-size:15px}

/* article */
.qg-article{max-width:820px;padding-top:24px;padding-bottom:72px}
.qg-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px;font-size:13px;color:#64748b}
.qg-crumbs li+li::before{content:'›';margin-right:4px;color:#B8863E}
.qg-crumbs a{color:#64748b;text-decoration:none}
.qg-head{margin:28px 0 18px}
.qg-kicker{margin:0 0 10px;color:#8a5f22;font-size:12px;font-weight:700;letter-spacing:.14em}
.qg-head h1{font-size:clamp(26px,4.2vw,38px);margin:0}
.qg-lead{font-size:17px;line-height:1.9;color:#334155;margin:0 0 28px;padding:20px 22px;background:#f7f3ea;border-left:3px solid #B8863E}
.qg-lead strong{color:#16233c}
.qg-hero{margin:0 0 28px}
.qg-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.qg-toc{border:1px solid #e5ddc8;padding:16px 22px;margin:0 0 12px}
.qg-toc p{margin:0 0 6px;font-weight:700;font-size:14px}
.qg-toc ol{margin:0;padding-left:20px;font-size:15px}
.qg-toc a{color:#16233c;text-decoration:none}
.qg-toc a:hover{text-decoration:underline}
.qg-sec{margin-top:44px;scroll-margin-top:84px}
.qg-sec h2{font-size:clamp(21px,3vw,26px);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #e5ddc8}
.qg-sec p{margin:0 0 14px;color:#334155}
.qg-note{font-size:14px;color:#64748b!important}
.qg-formula{font-weight:700;color:#16233c!important;background:#fff;border:1px dashed #B8863E;padding:12px 16px}
.qg-list,.qg-src,.qg-related,.qg-qlist{margin:0 0 14px;padding-left:20px;color:#334155}
.qg-list li,.qg-src li,.qg-related li{margin:4px 0}
.qg-steps{margin:0 0 14px;padding-left:22px;color:#334155}
.qg-steps li{margin:8px 0;padding-left:4px}
.qg-steps li::marker{color:#8a5f22;font-weight:700}
.qg-qlist{list-style:none;padding:0;border-top:1px solid #e5ddc8}
.qg-qlist li{border-bottom:1px solid #e5ddc8}
.qg-qlist a{display:block;padding:14px 28px 14px 2px;color:#16233c;text-decoration:none;font-weight:500;position:relative}
.qg-qlist a::after{content:'→';position:absolute;right:4px;color:#B8863E}
.qg-qlist a:hover{color:#8a5f22}

/* tables */
.qg-tablewrap{overflow-x:auto;margin:6px 0 18px;-webkit-overflow-scrolling:touch}
.qg-table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.qg-table caption{text-align:left;font-weight:700;font-size:15px;padding:0 0 8px;color:#16233c}
.qg-table th,.qg-table td{border-bottom:1px solid #e5ddc8;padding:10px 12px;text-align:left;vertical-align:top}
.qg-table thead th{background:#16233c;color:#fff;font-weight:500;font-size:14px}
.qg-table tbody th{background:#f7f3ea;font-weight:700;min-width:7.5em}
.qg-table td{color:#334155}

/* cards (상품) */
.qg-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.qg-cards a{display:flex;flex-direction:column;height:100%;border:1px solid #ece4d0;padding:20px;text-decoration:none;color:#16233c;background:#fff;transition:border-color .2s}
.qg-cards a:hover{border-color:#B8863E}
.qg-card-name{font-family:'Noto Serif KR',serif;font-weight:700;font-size:19px}
.qg-card-price{color:#8a5f22;font-weight:700;margin:6px 0 8px}
.qg-card-desc{font-size:14px;color:#64748b;line-height:1.6}

/* FAQ accordion: 네이티브 details — 키보드(Enter/Space) 동작, 답변은 초기 HTML에 포함 */
.qg-faq{border-top:1px solid #e5ddc8}
.qg-faq details{border-bottom:1px solid #e5ddc8}
.qg-faq summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;position:relative}
.qg-faq summary::-webkit-details-marker{display:none}
.qg-faq summary::after{content:'+';position:absolute;right:6px;top:12px;font-size:24px;color:#B8863E;font-weight:300}
.qg-faq details[open] summary::after{content:'−'}
.qg-faq summary h3{display:inline;font-size:17px;margin:0;font-family:'Noto Sans KR',sans-serif;font-weight:700}
.qg-ans{padding:0 0 16px}
.qg-ans p{margin:0;color:#334155}

/* CTA, source */
.qg-cta{margin:40px 0 0;padding:22px;background:#f7f3ea;border:1px solid #ece4d0}
.qg-cta p{margin:0 0 14px;font-weight:500;color:#16233c}
.qg-cta-btns{display:flex;flex-wrap:wrap;gap:10px}
.qg-source{font-size:15px}

/* footer (기존 footer 문구·NAP 동일) */
.qg-footer{background:#0b1a2b;color:#94a3b8;font-size:14px;padding:48px 0}
.qg-footer p{margin:0 0 6px}
.qg-footer a{color:#cbd5e1}
.qg-footer-in{display:flex;justify-content:space-between;align-items:center;gap:32px}
.qg-footer-lead{color:#cbd5e1}
.qg-copy{color:#64748b}
.qg-footer-logo{font-family:'Noto Serif KR',serif;font-size:22px;font-weight:700;letter-spacing:.18em;color:#64748b;line-height:1.2}
.qg-footer-logo span{display:block;font-family:'Noto Sans KR',sans-serif;font-size:12px;font-weight:300}

/* mobile sticky bar — 기존 사이트와 같은 3버튼, 본문·푸터를 가리지 않게 body 하단 여백 확보 */
.qg-mbar{display:none}
@media (max-width:767px){
  .qg-nav>a:not(.qg-btn){display:none}
  .qg-nav .qg-btn span:first-child{display:none}
  .qg-header-in{min-height:60px}
  .qg-logo{font-size:17px}
  .qg-lead{font-size:16px;padding:16px}
  .qg-cards{grid-template-columns:1fr}
  .qg-footer-in{flex-direction:column;align-items:flex-start}
  .qg{padding-bottom:56px}
  .qg-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;box-shadow:0 -6px 24px rgba(0,0,0,.15)}
  .qg-mbar a{flex:1;text-align:center;padding:16px 4px;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
  .qg-mbar-call{background:#16233c;color:#fff!important}
  .qg-mbar-sms{background:#FEE500;color:#191600!important}
  .qg-mbar-form{background:linear-gradient(135deg,#C59A3F 0%,#E8C162 100%);color:#16233c!important}
  .qg-table{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.qg *{transition:none!important;scroll-behavior:auto!important}}