/* BASIC css start */
.sr-only {position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
/* FAQ 안내 카드 */
.m2-faq {display:flex; align-items:center; gap:12px; margin:0 16px 16px; padding:14px 16px; border-radius:14px; background:var(--b-soft); color:var(--b-ink);}
.m2-faq-ico {flex:none; display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; background:#fff; color:var(--b-deep);}
.m2-faq-txt {flex:1; min-width:0; display:flex; flex-direction:column; gap:2px;}
.m2-faq-txt strong {font-size:14px; font-weight:700;}
.m2-faq-txt span {font-size:12px; color:var(--b-mute);}
.m2-faq > svg {flex:none; color:var(--b-mute);}
/* 답변 상태 */
.m2-st {display:inline-flex; align-items:center; height:22px; padding:0 8px; border-radius:11px; font-size:11.5px; font-weight:700; white-space:nowrap;}
.m2-st.is-done {background:#e4f0f3; color:var(--b-deep);}
.m2-st.is-wait {background:var(--m-gray); color:var(--b-mute);}

/* =========================================================
   FAQ (리뉴얼)
   ※ 광고차단 앱(유니콘 등)이 숨기는 이름(ad, adv, banner, sponsor 등)은 쓰지 않음
   ========================================================= */
#faqWrap {padding-bottom:24px;}
#faqWrap .search-wrap {padding:0 16px 14px; background:none;}
#faqWrap .search-wrap .item-search {display:flex; align-items:center; gap:6px; margin:0;}
#faqWrap .search-wrap .item-search .faq-cat {flex:none; width:96px;}
#faqWrap .search-wrap .item-search .faq-cat select {width:100% !important; display:block; border-radius:22px; padding-left:14px;}
#faqWrap .search-wrap .item-search .wrap {flex:1; min-width:0; width:auto; display:block;}
#faqWrap .search-wrap .item-search .wrap input {width:100% !important; height:44px; border-radius:22px; padding:0 16px; background:var(--m-gray); border-color:var(--m-gray);}
#faqWrap .search-wrap .item-search .wrap input:focus {background:#fff;}
#faqWrap .faq-search-btn {flex:none; display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:22px; background:var(--b-ink); color:#fff;}
#faqWrap .keywords {margin-top:12px; overflow:visible;}
#faqWrap .search-wrap .keywords h5 {margin-bottom:8px; font-size:12.5px; font-weight:700; color:var(--b-mute);}
#faqWrap .search-wrap .keywords ul {display:flex; flex-wrap:wrap; gap:6px;}
#faqWrap .search-wrap .keywords li {float:none; margin:0;}
#faqWrap .search-wrap .keywords li a {display:inline-flex; align-items:center; height:30px; padding:0 12px; border-radius:15px; background:var(--m-gray); font-size:12.5px; color:#3a464c;}
#faqWrap .faq-menu {display:flex; gap:6px; padding:0 16px 14px; border:0; overflow-x:auto; scrollbar-width:none; text-align:left;}
#faqWrap .faq-menu::-webkit-scrollbar {display:none;}
#faqWrap .faq-menu a {flex:none; display:inline-flex; align-items:center; width:auto; float:none; height:34px; margin:0; padding:0 14px; border:1px solid var(--m-line2); border-radius:17px; font-size:13.5px; color:var(--b-ink);}
#faqWrap .faq-menu a.is-on {background:var(--b-ink); border-color:var(--b-ink); color:#fff; font-weight:700;}
#faqWrap #faqTable {display:block; width:100%; border-top:1px solid var(--b-line);}
#faqWrap #faqTable tbody {display:block;}
#faqWrap #faqTable tr {display:block; border-bottom:1px solid #eef2f3;}
#faqWrap #faqTable tr td {display:block; padding:0;}
#faqWrap #faqTable tr.faq-q {cursor:pointer;}
#faqWrap #faqTable tr.faq-q td {position:relative; display:flex; flex-direction:column; gap:4px; padding:16px 48px 16px 16px;}
#faqWrap #faqTable tr.faq-q td:after {content:""; position:absolute; right:20px; top:50%; width:8px; height:8px; margin-top:-6px; border-right:2px solid #8a959a; border-bottom:2px solid #8a959a; transform:rotate(45deg); transition:transform .2s;}
#faqWrap #faqTable tr.faq-q.is-open td:after {transform:rotate(225deg); margin-top:-2px;}
#faqWrap .faq-cate {font-size:12px; font-weight:700; color:var(--b-point);}
#faqWrap .faq-subj {font-size:15px; font-weight:600; line-height:1.45; color:var(--b-ink);}
/* 답변 줄: 질문 줄의 열림 상태로만 보이고 숨김 (메이크샵 기본 동작 무시) */
#faqWrap #faqTable tr.faq-q + tr {display:none !important;}
#faqWrap #faqTable tr.faq-q.is-open + tr {display:block !important;}
#faqWrap #faqTable tr.faq-q + tr td,
#faqWrap #faqTable tr.faq-q + tr dl {display:block !important; height:auto !important; overflow:visible !important; opacity:1 !important;}#faqWrap #faqTable tr.slide-hide td, #faqWrap #faqTable tr.slide-show td {padding:4px 16px 18px; background:none !important;}
#faqWrap #faqTable dl {padding:14px 16px; border-radius:12px; background:var(--m-gray);}
#faqWrap #faqTable dl dd {display:flex; gap:10px; white-space:normal;}
#faqWrap #faqTable dl dd + dd {margin-top:12px; padding-top:12px; border-top:1px dashed #d6dee1;}
#faqWrap #faqTable tr td .q, #faqWrap #faqTable tr td .a {flex:none; display:flex; align-items:center; justify-content:center; width:24px; height:24px; margin:0; padding:0; border-radius:50%; font-size:12px; font-weight:900; font-family:'Roboto',sans-serif;}
#faqWrap #faqTable tr td .q {background:#fff; color:var(--b-mute);}
#faqWrap #faqTable tr td .a {background:var(--b-point); color:#fff;}
#faqWrap .faq-txt {flex:1; min-width:0; font-size:14.5px; line-height:1.7; white-space:pre-line; word-break:break-word;}
#faqWrap .faq-txt img {max-width:100%; height:auto !important;}
#faqWrap .paging a svg {display:block;}
#faqWrap .faq-empty {margin:40px 16px; text-align:center; font-size:14px; color:var(--b-mute);}
#faqWrap .faq-more {margin:8px 16px 0; padding:18px; border-radius:14px; background:var(--b-soft); text-align:center;}
#faqWrap .faq-more p {margin-bottom:10px; font-size:14px; font-weight:700;}
/* BASIC css end */