/* 메인 FAQ 디자인을 서브페이지에서도 쓰기 위한 공용 스타일 (home.css의 .hfaq 블록과 동일) */
/* ===== FAQ ===== */
.hfaq-sec{background:#fff}
.hfaq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.hfaq-pill{display:inline-block;padding:6px 12px;border-radius:999px;background:#f5f5f5;font-size:12.5px;font-weight:700;color:#444}
.hfaq-side h2{margin:18px 0 0;font-size:clamp(30px,4vw,44px);line-height:1.2;letter-spacing:-.03em;color:#111}
.hfaq-sub{margin:20px 0 0;max-width:320px;font-size:16px;line-height:1.7;color:#777}
.hfaq-help{margin-top:40px;padding:24px;border-radius:20px;background:#f8f8f8}
.hfaq-help strong{display:block;font-size:16px;font-weight:600;color:#111}
.hfaq-help p{margin:8px 0 0;font-size:13.5px;color:#777}
.hfaq-help-btns{display:flex;gap:8px;margin-top:18px}
.hfaq-help-btns a{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:999px;font-size:13px;font-weight:700;text-decoration:none}
.hfaq-btn-d{background:#0b0b0b;color:#fff}
.hfaq-btn-l{background:#fff;color:#111;border:1px solid #ddd}
.hfaq-list{display:flex;flex-direction:column;gap:10px}
.hfaq-item{border-radius:20px;background:#f8f8f8;border:1px solid transparent}
.hfaq-item[open]{background:#fff;border-color:#e6e6e6}
.hfaq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 24px 24px 24px;font-size:16px;font-weight:600;color:#111;cursor:pointer;list-style:none}
.hfaq-item summary::-webkit-details-marker{display:none}
.hfaq-ico{position:relative;flex:none;width:28px;height:28px;border-radius:50%;background:#fff;transition:transform .2s ease,background .2s ease}
.hfaq-ico::before,.hfaq-ico::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;background:#111;transform:translate(-50%,-50%)}
.hfaq-ico::after{transform:translate(-50%,-50%) rotate(90deg)}
.hfaq-item[open] .hfaq-ico{background:#0b0b0b;transform:rotate(45deg)}
.hfaq-item[open] .hfaq-ico::before,.hfaq-item[open] .hfaq-ico::after{background:#fff}
.hfaq-a{padding:0 24px 26px;font-size:14.5px;line-height:1.85;color:#444}
.hfaq-a a{color:#111;border-bottom:1px solid #111;text-decoration:none}
.hfaq-item summary:focus-visible{outline:2px solid #111;outline-offset:-2px;border-radius:24px}
@media (max-width:860px){.hfaq{grid-template-columns:1fr;gap:36px}.hfaq-item summary{padding:20px}.hfaq-a{padding:0 20px 22px}}
/* 모바일: "더 궁금한 게 있으신가요?" 박스를 FAQ 목록 아래로 */
@media (max-width:860px){
  .hfaq{display:flex;flex-direction:column;gap:0}
  .hfaq-side{display:contents}
  .hfaq-help{order:3;margin-top:24px; width: 100%;}
}

.hfaq-sec{padding:56px 0}
.hfaq-shell{width:100%}

/* 서브페이지: 바탕은 페이지 색을 그대로 쓰고, 카드는 흰색으로 올린다 */
.hfaq-sec{background:transparent}
.hfaq-pill{background:#fff}
.hfaq-help{background:#fff;border:1px solid #e1e7e3}
.hfaq-btn-l{background:#fff}
.hfaq-item{background:#fff;border-color:#e1e7e3}
.hfaq-item[open]{border-color:#cfd8d3}
.hfaq-ico{background:#f1f4f2}
.hfaq-item[open] .hfaq-ico{background:#0b0b0b}