/* =============================================
   FAQ / 고객센터 - PC
============================================= */
.faq-section { padding:40px 0 60px; }
.faq-wrap { width:800px; margin:0 auto; }
.faq-page-title { font-size:22px; font-weight:600; line-height:30px; letter-spacing:-0.5px; color:#212121; }

/* ─── 고객센터 카드 ─── */
.faq-support-card { margin-top:20px; background:#fff; border-radius:12px; box-shadow:0 0 40px 0 rgba(42,54,99,0.05); padding:60px 30px 30px; }
.faq-support-info { text-align:center; margin-bottom:30px; }
.faq-support-title { font-size:18px; font-weight:600; line-height:26px;  color:#212121; margin-bottom:4px; }
.faq-support-hours { font-size:16px; line-height:22px;  color:#424242; }
.faq-support-btns { display:flex; flex-direction:column; gap:8px; }
.faq-chat-btn,
.faq-call-btn { display:flex; align-items:center; justify-content:center; gap:4px; width:100%; height:56px; border-radius:8px; border:none; cursor:pointer; font-size:16px; font-weight:600; line-height:22px;  }
.faq-chat-btn { background:#2a3663; color:#fff; box-shadow:0 4px 40px 0 rgba(42,54,99,0.05); }
.faq-call-btn { background:#fff; color:#212121; border:1px solid #eee; }

/* ─── FAQ 카드 ─── */
.faq-list-card { margin-top:17px; padding:60px 0 ; background:#fff; border-radius:12px; box-shadow:0 0 40px 0 rgba(42,54,99,0.05); }
.faq-list-title { text-align:center; font-size:18px; font-weight:600; line-height:26px;  color:#212121; margin-bottom:16px; }

/* ─── 카테고리 탭 ─── */
.faq-tabs-wrap { display:flex; justify-content:center; margin-bottom:30px; }
.faq-tabs { display:flex; align-items:center; gap:10px; }
.faq-tab { padding:8px 20px; border-radius:20px; border:1px solid #eee; background:#fff; font-size:16px; line-height:22px;  color:#9e9e9e; cursor:pointer; white-space:nowrap; }
.faq-tab.is-active { background:#2a3663; color:#fff; border-color:#2a3663; font-weight:600; }

/* ─── FAQ 리스트 ─── */
.faq-list { list-style:none; padding:0 30px; margin:0; }
.accordion-box { border-bottom:1px solid #eee; }

/* Q 헤더 버튼 */
.faq-item-btn { display:flex; align-items:center; width:100%; min-height:56px; padding:14px 0; border:none; background:none; cursor:pointer; text-align:left; }
.faq-q { flex-shrink:0; width:21px; font-size:16px; font-weight:600; line-height:22px; color:#ffa000; }
.faq-item-title { flex:1; font-size:16px; font-weight:600; line-height:22px;  color:#212121; }
.faq-item-arrow { transition:transform 0.2s ease; }
.accordion-box.open .faq-item-arrow { transform:rotate(180deg); }

/* A 답변 영역 */
.acd-cont.faq-item-cont { display:flex; align-items:flex-start; overflow:hidden; max-height:0; margin-top:0; }
.faq-a { flex-shrink:0; width:21px; font-size:16px; font-weight:600; line-height:22px; color:#ffa000; opacity:0.5; }
.faq-item-answer { flex:1; font-size:16px; line-height:22px;  color:#212121; padding-bottom:14px; }

/* =============================================
   FAQ / 고객센터 - MOBILE
============================================= */
@media (max-width:1024px) {
    .faq-section { padding:0 0 30px; }
    .faq-wrap { width:100%; gap:0; }

    /* 고객센터 카드 */
    .faq-support-card { margin-top:0; border-radius:0; box-shadow:none; padding:30px 20px 16px; }
    .faq-support-info { margin-bottom:20px; }

    /* FAQ 카드 */
    .faq-list-card { border-radius:0; box-shadow:none; padding:30px 0; margin-top:10px; }
    .faq-list-title { text-align:left; padding:0 20px; }

    /* 탭 - 가로 스크롤 */
    .faq-tabs-wrap { justify-content:flex-start; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; padding:0 20px; margin-bottom:20px; }
    .faq-tabs-wrap::-webkit-scrollbar { display:none; }

    /* 리스트 */
    .faq-list { padding:0 20px; }
}