/* Legacy Q/A content and accordion, scoped white styling for the new homepage (user 2026-10-10: scenes after #compare are white). */
#faq.hs-faq{--hs-frame-line:#1823340f;--hs-frame-rail-line:#1823340f;background:#fff;color:#151a23;padding:calc(var(--hs-nav-clearance,85px) + 40px) 0 72px;min-height:100svh;border-bottom:1px solid #e2e2dd;scroll-margin-top:0}
/* No frame bottom line here: it ran along the last question box's bottom border (user 2026-09-28). */
#faq.hs-faq .hs-frame{--hs-frame-content-max:1120px}
#faq.hs-faq .hs-frame::after{content:none}
#faq.hs-faq .faq-inner{padding-top:0}
#faq.hs-faq .faq-head{display:block;text-align:center;color:#151a23;font-size:44px;font-weight:500;line-height:1.35;letter-spacing:-.04em;margin:0 0 40px;word-break:keep-all}
#faq.hs-faq .faq-tabs{border-top:1px solid #1823341a;padding-top:26px;gap:8px;margin-bottom:24px}
#faq.hs-faq .faq-tab{background:#fff;border-color:#d9dde4;color:#3a404c;border-radius:6px;font-weight:400;padding:10px 18px}
#faq.hs-faq .faq-tab:hover{color:#151a23;border-color:#8a90a0}
#faq.hs-faq .faq-tab.active{background:#151a23;border-color:#151a23;color:#fff}
#faq.hs-faq .faq-list{gap:10px}
/* Soft box border, same in every state. */
#faq.hs-faq .faq-ac,#faq.hs-faq .faq-ac:hover,#faq.hs-faq .faq-ac.open{background:#fff;border-color:#d9dde4;border-radius:6px;box-shadow:none}
#faq.hs-faq .faq-q{padding:23px 26px;gap:18px}
#faq.hs-faq .faq-qtext,#faq.hs-faq .faq-ac.open .faq-qtext{font-size:18px;line-height:1.6;font-weight:500;color:#151a23;word-break:keep-all}
#faq.hs-faq .faq-q:hover .faq-qtext{color:#2e6bff}
#faq.hs-faq .faq-qbadge,#faq.hs-faq .faq-ac.open .faq-qbadge{font-size:15px;font-weight:600;color:#2e6bff}
#faq.hs-faq .faq-chev{background:#eef1f5;color:#3a404c;width:28px;height:28px;padding:7px}
#faq.hs-faq .faq-ac.open .faq-chev{background:#2e6bff;color:#fff}
#faq.hs-faq .faq-abox{padding:4px 26px 28px;gap:18px}
#faq.hs-faq .faq-arrow::before{font-size:15px;font-weight:600;line-height:30px;color:#2e6bff}
/* Q and A share one fixed-width column so question and answer text start on the same line (user 2026-09-28). */
#faq.hs-faq .faq-qbadge,#faq.hs-faq .faq-arrow{width:16px;text-align:center}
#faq.hs-faq .faq-atext,#faq.hs-faq .faq-atext p{font-size:16px;line-height:1.9;color:#3a404c;word-break:keep-all}
#faq.hs-faq .faq-lead{font-size:18px;line-height:1.7;font-weight:600;color:#151a23}
#faq.hs-faq button:focus-visible{outline:2px solid #2e6bff;outline-offset:3px}
@media(max-width:900px){#faq.hs-faq .faq-head{margin-bottom:30px}#faq.hs-faq .faq-q{padding:20px;gap:12px}#faq.hs-faq .faq-abox{padding:2px 20px 24px;gap:12px}}
@media(max-width:520px){#faq.hs-faq .faq-tab{font-size:13px;padding:8px 10px}#faq.hs-faq .faq-qtext,#faq.hs-faq .faq-ac.open .faq-qtext{font-size:15px}#faq.hs-faq .faq-atext,#faq.hs-faq .faq-atext p{font-size:15px}#faq.hs-faq .faq-lead{font-size:16px}}

@media(max-width:900px){#faq.hs-faq .faq-qtext{min-width:0}#faq.hs-faq .faq-atext{min-width:0;overflow-wrap:anywhere}#faq.hs-faq .faq-head{overflow-wrap:anywhere}}
/* Filter chips stay one row, as on PC — all four fit at 360px; the row scrolls sideways only on narrower screens (2×2 buttons read as main actions). */
@media(max-width:520px){#faq.hs-faq .faq-tabs{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none}#faq.hs-faq .faq-tab{flex:none}#faq.hs-faq .faq-q{padding:18px 16px}#faq.hs-faq .faq-abox{padding:0 16px 22px}#faq.hs-faq .faq-chev{width:24px;height:24px;padding:6px}}

/* Center the FAQ group below navigation; expanded answers grow naturally. */
/* 폰에서 overflow-anchor:none이면 브라우저가 아래 장면을 기준으로 붙잡아 답이 위로 펼쳐졌다(유저 2026-10-10) — 가운데 정렬하는 PC만 */
@media(min-width:901px){#faq.hs-faq{overflow-anchor:none;display:flex;align-items:center;padding-block:calc(var(--hs-nav-clearance,85px) + 48px) 48px}#faq.hs-faq>.hs-frame{flex-shrink:0}}