/* findeal2.0 — faq.css */

/* ── 페이지 배경 흰색 ── */
.phone-wrap { background: #fff; }

/* ── 탭 ── */
.fd-tabs { display:flex; padding:20px 18px 0; gap:8px; margin-bottom:12px; }
.fd-tab { flex:1; padding:13px 0; text-align:center; font-size:14px; font-weight:700; border-radius:8px; border:1.5px solid #ddd; color:#999; background:#fff; transition:all .2s; cursor:pointer; }
.fd-tab.active { background:#5F0080; border-color:#5F0080; color:#fff; }

/* ── 패널 ── */
.fd-panel { display:none; padding:0; }
#panelFaq { padding-top:8px; }
.fd-panel.active { display:block; }

/* ── FAQ 아코디언 ── */
.faq-item { border-bottom:1px solid #f0f0f0; }
.faq-item:last-child { border-bottom:none; }

.faq-q { display:flex; align-items:center; gap:12px; padding:18px 24px; cursor:pointer; }
.faq-q-icon {
  width:28px; height:28px; border-radius:50%;
  background:#5F0080;
  display:flex; align-items:center; justify-content:center;
  font-size:13px; font-weight:900; color:#fff; flex-shrink:0;
}
.faq-q-txt { flex:1; font-size:14px; font-weight:600; color:#222; line-height:1.5; word-break:keep-all; }
.faq-q-arr { font-size:13px; color:#aaa; transition:transform .25s; flex-shrink:0; }
.faq-item.open .faq-q-arr { transform:rotate(180deg); }

.faq-a { display:none; padding:0 24px 20px 24px; }
.faq-item.open .faq-a { display:block; }

.faq-a-row { display:flex; gap:12px; align-items:flex-start; }
.faq-a-icon {
  width:28px; height:28px; border-radius:50%;
  background:#bbb;
  display:flex; align-items:center; justify-content:center;
  font-size:12px; font-weight:900; color:#fff; flex-shrink:0; margin-top:1px;
}
.faq-a-txt { font-size:14px; color:#222; line-height:1.8; word-break:keep-all; padding-top:3px; font-weight:500; }

/* ── 문의하기 폼 ── */
.fd-panel #panelContact,
#panelContact { padding:24px 18px 0; }
.fd-form-row { margin-bottom:20px; }
.fd-form-lbl { display:flex; align-items:center; gap:4px; font-size:12px; font-weight:700; color:#888; margin-bottom:7px; }
.fd-form-lbl .req { color:#ff4d4d; }
.fd-textarea { width:100%; background:#f7f8fa; border:1.5px solid #e8e8e8; border-radius:10px; padding:14px 16px; font-size:14px; color:#222; font-family:inherit; outline:none; resize:none; height:160px; line-height:1.7; transition:border-color .2s; box-sizing:border-box; }
.fd-textarea:focus { border-color:#5F0080; background:#fff; }
.fd-textarea::placeholder { color:#bbb; }

/* 휴대폰 3분할 */
.fd-mobile-row { display:flex; gap:6px; align-items:center; }
.fd-mobile-row .fd-input { text-align:center; }
.fd-mobile-sep { color:#ccc; font-size:16px; flex-shrink:0; }

/* 캡차 */
.fd-captcha-wrap { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.fd-captcha-box { flex-shrink:0; width:120px; height:46px; border:1.5px solid #e8e8e8; border-radius:8px; background:#f7f8fa; display:flex; align-items:center; justify-content:center; cursor:pointer; overflow:hidden; }
.fd-captcha-box canvas { display:block; }
.fd-captcha-refresh { font-size:20px; color:#aaa; cursor:pointer; }
.fd-msg { font-size:11px; margin-top:5px; font-weight:600; }
.fd-msg.err { color:#ff4d4d; }
.fd-msg.ok { color:#5F0080; }

/* 개인정보 동의 */
.fd-privacy-box { background:#f7f8fa; border-radius:8px; padding:12px 14px; margin-top:10px; margin-bottom:12px; font-size:12px; color:#999; line-height:1.8; display:none; }
    .fd-privacy-box.open { display:block; }
.fd-privacy-check { display:flex; align-items:center; gap:10px; }
    .fd-privacy-toggle { font-size:12px; color:#5F0080; font-weight:700; cursor:pointer; margin-left:auto; flex-shrink:0; display:flex; align-items:center; gap:3px; }
    .fd-privacy-toggle .arr { transition:transform .2s; display:inline-block; }
    .fd-privacy-toggle.open .arr { transform:rotate(180deg); }
.fd-chk { width:20px; height:20px; border-radius:50%; border:1.5px solid #ccc; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all .2s; font-size:10px; color:transparent; }
.fd-chk.checked { background:#5F0080; border-color:#5F0080; color:#fff; }
.fd-privacy-lbl { font-size:13px; font-weight:600; color:#555; }

/* 제출 버튼 */
.fd-submit { width:100%; padding:15px; background:#5F0080; color:#fff; border:none; border-radius:10px; font-size:15px; font-weight:700; cursor:pointer; margin-top:8px; font-family:inherit; }
.fd-submit:disabled { opacity:.6; }