@charset "utf-8";

.faq-page{max-width:900px;margin:0 auto;padding:0 20px}

/* 헤더 */
.faq-header{text-align:center;margin-bottom:50px}
.faq-sub{font-size:14px;font-weight:800;color:#2d86d9;letter-spacing:.1em;margin-bottom:8px}
.faq-h1{font-size:34px;font-weight:900;color:#0f172a;margin:0 0 14px;letter-spacing:-.03em}
.faq-desc{font-size:15px;color:#64748b;line-height:1.7}

/* 아코디언 */
.faq-list{margin-bottom:50px}
.faq-item{border-bottom:1px solid #e8ecf1}
.faq-item:first-child{border-top:2px solid #0f172a}
.faq-q{display:flex;align-items:center;gap:16px;width:100%;padding:22px 0;background:none;border:0;cursor:pointer;text-align:left;font-family:inherit;transition:color .2s}
.faq-q:hover{color:#2d86d9}
.faq-num{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#f1f5f9;color:#2d86d9;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.faq-question{flex:1;font-size:17px;font-weight:700;color:#0f172a;line-height:1.5;transition:color .2s}
.faq-arrow{flex-shrink:0;font-size:14px;color:#94a3b8;transition:transform .3s,color .3s}

/* 열린 상태 */
.faq-item.is-open .faq-num{background:#2d86d9;color:#fff}
.faq-item.is-open .faq-question{color:#2d86d9}
.faq-item.is-open .faq-arrow{transform:rotate(180deg);color:#2d86d9}

/* 답변 */
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}
.faq-item.is-open .faq-a{max-height:400px;padding:0 0 24px 52px}
.faq-a p{margin:0;font-size:15px;color:#475569;line-height:1.85;word-break:keep-all}
.faq-a b{color:#0f172a;font-weight:700}

/* CTA */
.faq-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);padding:32px 40px;border-radius:16px;margin-bottom:40px}
.faq-cta-title{font-size:20px;font-weight:900;color:#fff;margin:0 0 4px}
.faq-cta-desc{font-size:14px;color:rgba(255,255,255,.7);margin:0}
.faq-cta-phone{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;background:#2d86d9;color:#fff;font-size:18px;font-weight:900;border-radius:999px;text-decoration:none;transition:background .2s}
.faq-cta-phone:hover{background:#1b6fbf}

/* 모바일 */
@media(max-width:768px){
  .faq-h1{font-size:24px}
  .faq-desc{font-size:13px}
  .faq-q{padding:16px 0;gap:12px}
  .faq-num{width:30px;height:30px;font-size:11px}
  .faq-question{font-size:15px}
  .faq-item.is-open .faq-a{padding:0 0 16px 42px}
  .faq-a p{font-size:14px}
  .faq-cta{flex-direction:column;text-align:center;padding:24px 20px}
  .faq-cta-title{font-size:17px}
  .faq-cta-phone{font-size:16px;padding:12px 24px}
}

@media(max-width:520px){
  .faq-h1{font-size:22px}
  .faq-desc{font-size:12px}
  .faq-q{padding:14px 0;gap:10px}
  .faq-num{width:28px;height:28px;font-size:10px}
  .faq-question{font-size:14px}
  .faq-item.is-open .faq-a{padding:0 0 14px 38px}
  .faq-a p{font-size:13px}
  .faq-cta{padding:20px 16px}
  .faq-cta-title{font-size:15px}
  .faq-cta-phone{font-size:15px;padding:10px 20px}
}
@media(max-width:390px){
  .faq-h1{font-size:20px}
  .faq-question{font-size:13px}
  .faq-a p{font-size:12px}
  .faq-cta-title{font-size:14px}
}