/* Preview-FAQ.html(자주 묻는 질문) 페이지 전용. CSSBASE(about-base+site-ui+unify) 뒤에 로드 */

/* ===== 섹션 라벨 ===== */
.sec-label{display:flex;align-items:center;gap:14px;margin-bottom:18px;font-family:"Space Grotesk",sans-serif;}
.sec-label .num{font-size:14px;font-weight:600;color:var(--point);letter-spacing:.06em;}
.sec-label .ln{width:30px;height:1px;background:var(--point);opacity:.55;}
.sec-label .lab{font-size:13px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--body);}

/* ===== 2단 레이아웃 ===== */
.faq-layout{display:grid;grid-template-columns:340px 1fr;gap:clamp(40px,5vw,88px);padding:clamp(56px,6.5vw,100px) var(--pad);align-items:start;}
.faq-side{position:sticky;top:120px;}
.faq-side .display{font-size:clamp(24px,2.8vw,40px);font-weight:300;letter-spacing:-.035em;line-height:1.14;color:var(--ink);}
.faq-side .lead{font-size:clamp(15px,1.3vw,17px);color:var(--body);line-height:1.85;margin-top:18px;}
.faq-contact{margin-top:clamp(28px,3vw,40px);padding:clamp(26px,2.6vw,34px);background:var(--soft);border-radius:0 22px 0 22px;}
.faq-contact .fh{font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--ink);line-height:1.45;}
.faq-contact .fs{font-size:14px;color:var(--body);margin-top:10px;line-height:1.7;}
.faq-contact .ftel{font-family:"Space Grotesk",sans-serif;font-size:23px;font-weight:700;color:var(--ink);margin-top:18px;letter-spacing:-.01em;}
.faq-contact .cta{display:inline-flex;align-items:center;gap:10px;margin-top:18px;background:#666666;color:#fff;font-size:15px;font-weight:700;padding:14px 26px;border-radius:0 12px 0 12px;transition:.25s;}
.faq-contact .cta:hover{background:var(--point);transform:translateY(-2px);}

/* ===== 필터 ===== */
.faq-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(22px,2.6vw,34px);}
.faq-filter a,.faq-filter button{font-family:"Space Grotesk",sans-serif;font-size:12.5px;font-weight:600;color:var(--body);background:#fff;border:1px solid var(--line);padding:10px 18px;cursor:pointer;transition:.2s;min-height:42px;display:inline-flex;align-items:center;border-radius:0 10px 0 10px;text-decoration:none;}
.faq-filter a:hover,.faq-filter button:hover{border-color:var(--point);color:var(--point);}
.faq-filter a.on,.faq-filter button.on{background:var(--ink);border-color:var(--ink);color:#fff;}

/* 아코디언이 열을 채우도록 */
.acc{max-width:none;}
.acc-item[hidden]{display:none;}

/* ===== 리빌 ===== */
@media(prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}
  .reveal.in{opacity:1;transform:none;}
}

@media(max-width:860px){
  .faq-layout{grid-template-columns:1fr;gap:clamp(28px,4vw,40px);}
  .faq-side{position:static;}
}