@charset "utf-8";
/* FAQ(faq) 게시판 - Figma 6549:3584 : 아코디언 Q&A */

.faq-top{display:flex;justify-content:flex-end;align-items:flex-end;gap:20px;margin-bottom:40px;font-family:'Pretendard',sans-serif}
.faq-total{display:flex;align-items:center;gap:11px;font-size:18px;color:#333;white-space:nowrap}
.faq-total em{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:#e6e6e6;border-radius:3px;font-style:normal;font-size:15px;color:#333}
.faq-search{display:flex;align-items:center;width:337px;max-width:46vw;height:50px;border-bottom:1px solid #919191}
.faq-search input{flex:1;min-width:0;border:0;background:transparent;padding:0 4px 0 15px;font-size:16px;color:#333;outline:none;font-family:'Pretendard',sans-serif}
.faq-search input::placeholder{color:#8d8d8d}
.faq-search button{border:0;background:transparent;color:#555;font-size:18px;padding:0 6px;cursor:pointer}

.faq-list{list-style:none;margin:0;padding:0;width:100%;border-top:1px solid #111;font-family:'Pretendard',sans-serif}
.faq-item{position:relative;border-bottom:1px solid #ccc}

/* 질문(Q) 행 */
.faq-q{width:100%;display:flex;align-items:center;gap:20px;padding:24px 35px;background:transparent;border:0;cursor:pointer;text-align:left;font-family:inherit}
.wg-list-admin-form .faq-q{padding-left:70px}
.faq-q__mark{flex:0 0 auto;font-size:25px;font-weight:600;color:#f42500;line-height:1}
.faq-q__text{flex:1;min-width:0;font-size:20px;font-weight:500;color:#111;line-height:1.5}
.faq-q__ic{position:relative;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#efefef;transition:background-color .25s ease,transform .35s ease}
/* 얇은 + 아이콘 (열림 시 45° 회전 → ×) */
.faq-q__ic::before,.faq-q__ic::after{content:"";position:absolute;top:50%;left:50%;background:#8a8a8a;transition:background-color .25s ease}
.faq-q__ic::before{width:13px;height:1.5px;transform:translate(-50%,-50%)}
.faq-q__ic::after{width:1.5px;height:13px;transform:translate(-50%,-50%)}
.faq-q:hover .faq-q__text{color:#f42500}
.faq-item.is-open .faq-q__ic{background:#f42500;transform:rotate(45deg)}   /* + → × */
.faq-item.is-open .faq-q__ic::before,.faq-item.is-open .faq-q__ic::after{background:#fff}

/* 답변(A) 패널 : 부드러운 아코디언 */
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a__inner{display:flex;gap:20px;align-items:flex-start;margin:0 0px 24px;padding:30px 35px;background:#fff;border:1px solid #ccc;border-radius:5px}
.faq-a__mark{flex:0 0 auto;font-size:25px;font-weight:600;color:#070707;line-height:1.4}
.faq-a__body{flex:1;min-width:0;font-size:18px;line-height:1.6;color:#222;letter-spacing:-.36px}
.faq-a__body p{margin:0 0 .5em}
.faq-a__body p:last-child{margin-bottom:0}
.faq-a__body img{max-width:100%;height:auto}

.faq-empty{padding:90px 0;text-align:center;color:#888;font-size:16px;border-bottom:1px solid #ccc}

.faq-btns{display:flex;justify-content:center;gap:10px;margin-top:36px}
.faq-btn{display:inline-flex;align-items:center;padding:12px 26px;border-radius:6px;background:#f42500;color:#fff;font-size:15px;font-weight:500;text-decoration:none}
.faq-btn:hover{background:#e02200}
.faq-btn--sub{background:#555}
.faq-btn--sub:hover{background:#3f3f3f}

/* 반응형 */
@media (max-width:1024px){
    .faq-q{padding:22px 20px;gap:14px}
    .faq-q__text{font-size:18px}
    .faq-a__inner{margin:0 20px 20px;padding:24px 24px}
    .faq-a__body{font-size:16px}
}
@media (max-width:768px){
    .faq-top{flex-direction:column;align-items:stretch;gap:14px}   /* Total ↑ / 검색 ↓ */
    .faq-search{width:100%;max-width:none}
    .faq-q{padding:18px 6px;gap:10px}
    .wg-list-admin-form .faq-q{padding-left:58px}
    .faq-q__mark{font-size:20px}
    .faq-q__text{font-size:16px}
    .faq-q__ic{flex-basis:30px;width:30px;height:30px;font-size:13px}
    .faq-a__inner{margin:0 6px 16px;padding:18px 16px;gap:10px}
    .faq-a__mark{font-size:20px}
    .faq-a__body{font-size:15px}
}