@charset "utf-8";

/* ── FAQ 검색 (주석처리 시 미사용) ── */
#faq_sch {background:rgba(31,41,55,0.5);padding:24px;text-align:center;margin:0 0 24px;border:1px solid rgba(75,85,99,0.4);border-radius:8px}
#faq_sch legend {position:absolute;font-size:0;line-height:0;overflow:hidden;width:0;height:0}
#faq_sch .sch_tit {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#faq_sch .frm_input {border:1px solid rgba(75,85,99,0.5);background:rgba(30,41,59,0.6);color:#E2E8F0;width:280px;height:44px;padding:0 16px;border-radius:6px}
#faq_sch .btn_submit {padding:0 20px;height:44px;font-weight:600;color:#fff;background:rgb(59 130 246);border:none;border-radius:6px;cursor:pointer;margin-left:8px}

/* ── FAQ 분류 탭 (인기순위 스타일) ── */
#bo_cate {margin-bottom:24px}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
#bo_cate li {margin:0;padding:0}
#bo_cate a {display:block;line-height:36px;padding:0 18px;border-radius:999px;border:1px solid rgba(75,85,99,0.5);color:#94A3B8;text-decoration:none;font-size:0.9rem}
#bo_cate a:hover {border-color:rgb(96 165 250);color:rgb(96 165 250)}
#bo_cate #bo_cate_on {background:rgba(59,130,246,0.2);border-color:rgb(96 165 250);color:rgb(96 165 250);font-weight:600}
#bo_cate #bo_cate_on:hover {color:rgb(147 197 253)}

/* ── FAQ 아코디언 (인기순위 카드 스타일) ── */
#faq_wrap {margin:0 0 40px}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;width:0;height:0}
#faq_wrap ol {margin:0;padding:0;list-style:none;background:rgba(31,41,55,0.5);border:1px solid rgba(75,85,99,0.4);border-radius:14px;overflow:hidden}
#faq_wrap li {border-bottom:1px solid rgba(75,85,99,0.3);position:relative}
#faq_wrap li:last-child {border-bottom:none}

/* 질문 헤더 */
#faq_wrap li h3 {display:flex;align-items:center;gap:12px;min-height:60px;margin:0;padding:18px 56px 18px 52px;cursor:pointer;position:relative;font-size:1rem;font-weight:600;color:#E2E8F0;line-height:1.5}
#faq_wrap li h3:hover {background:rgba(31,41,55,0.7)}
#faq_wrap li h3 a {flex:1;color:inherit;text-decoration:none}
#faq_wrap li h3 a:hover {color:rgb(96 165 250)}

/* Q 접두사 */
#faq_wrap li h3 .tit_bg {position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:1.1rem;font-weight:700;color:rgb(96 165 250);flex-shrink:0}

/* 토글 버튼 */
#faq_wrap li h3 .tit_btn {position:absolute;right:18px;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:0;border:none;background:transparent;color:#6B7280;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}
#faq_wrap li h3 .tit_btn:hover {color:rgb(96 165 250)}
#faq_wrap li h3 .tit_btn .faq-icon-plus {display:inline}
#faq_wrap li h3 .tit_btn .faq-icon-minus {display:none}
#faq_wrap li h3.faq_li_open .tit_btn .faq-icon-plus {display:none}
#faq_wrap li h3.faq_li_open .tit_btn .faq-icon-minus {display:inline}
#faq_wrap li h3.faq_li_open .tit_btn {color:rgb(96 165 250)}

/* 열린 항목 */
#faq_wrap li h3.faq_li_open {background:rgba(31,41,55,0.7)}
#faq_wrap li h3.faq_li_open a {color:rgb(96 165 250)}

/* 답변 영역 (어두운 배경) */
#faq_con .con_inner {display:none;padding:18px 56px 24px 52px;background:rgba(30,41,59,0.6);border-top:1px solid rgba(75,85,99,0.3);position:relative}
#faq_con .con_inner p {margin:0 0 12px;font-size:0.95rem;color:#94A3B8;line-height:1.7}
#faq_con .con_inner p:last-child {margin-bottom:0}
#faq_con .con_inner * {color:#94A3B8}
#faq_con .con_inner a {color:rgb(96 165 250)}
#faq_con .con_inner a:hover {color:rgb(147 197 253)}

/* 답변 내 닫기 버튼 */
#faq_con .con_inner .closer_btn {position:absolute;right:18px;top:18px;width:32px;height:32px;padding:0;border:none;background:transparent;color:rgb(96 165 250);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}
#faq_con .con_inner .closer_btn:hover {color:rgb(147 197 253)}

/* 빈 목록 */
.empty_list {padding:60px 20px;text-align:center;color:#6B7280;font-size:0.95rem}
.empty_list a {color:rgb(96 165 250)}

/* 관리자 버튼 */
.faq_admin {text-align:right;margin-top:20px}
.faq_admin .btn_admin {color:#6B7280;font-size:0.9rem}
.faq_admin .btn_admin:hover {color:rgb(96 165 250)}