/* [2026-06-05] dc_board.css — 고객센터 게시판 (mydb-scope 보조) */
.mydb-board{max-width:1180px;margin:0 auto;padding:24px 16px 64px}
.mydb-board__head{margin-bottom:18px}
.mydb-board__title{font-size:24px;font-weight:800;margin:0 0 12px;color:var(--mydb-text,#0F172A)}
.mydb-board__tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--mydb-border,#E2E8F0)}
.mydb-board__tab{padding:9px 16px;font-size:14px;font-weight:600;color:#64748B;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}
.mydb-board__tab:hover{color:#0F172A}
.mydb-board__tab.is-active{color:#2563EB;border-bottom-color:#2563EB}

.mydb-board__search{display:flex;gap:8px;align-items:center;margin:16px 0}
.mydb-board__list{width:100%;border-collapse:collapse;font-size:14px}
.mydb-board__list th{padding:10px 8px;border-bottom:2px solid #E2E8F0;color:#475569;font-size:13px;text-align:left}
.mydb-board__list td{padding:11px 8px;border-bottom:1px solid #F1F5F9;vertical-align:middle}
.mydb-board__list .c-no{width:64px;text-align:center;color:#94A3B8}
.mydb-board__list .c-w{width:110px}.mydb-board__list .c-d{width:90px;color:#94A3B8}.mydb-board__list .c-v{width:56px;text-align:center;color:#94A3B8}
/* [2026-06-25 17:00] 1:1문의 상태 컬럼(접수/답변완료) */
.mydb-board__list .c-st{width:90px;text-align:center}
.mydb-board__list .c-st .mydb-board__st{margin-left:0}
.mydb-board__list tr.is-notice{background:#F8FAFC}
.mydb-board__list tr.is-notice .c-no{color:#2563EB;font-weight:700}
.mydb-board__list .c-title a{color:#0F172A;text-decoration:none;font-weight:500}
.mydb-board__list .c-title a:hover{color:#2563EB;text-decoration:underline}
.mydb-board__cc{color:#2563EB;font-size:12px;margin-left:4px;font-weight:700}
.mydb-board__lock{font-size:12px}
.mydb-board__st{display:inline-block;margin-left:6px;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px}
.mydb-board__st--answered{background:#ECFDF5;color:#065F46}
.mydb-board__st--open{background:#FEF3C7;color:#92400E}
.mydb-board__empty{text-align:center;color:#94A3B8;padding:40px 0}
.mydb-board__pager{display:flex;gap:4px;justify-content:center;margin-top:20px}
.mydb-board__pager a{padding:6px 11px;border:1px solid #E2E8F0;border-radius:6px;text-decoration:none;color:#475569;font-size:13px}
.mydb-board__pager a.is-active{background:#2563EB;color:#fff;border-color:#2563EB}

/* FAQ 아코디언 */
/* [2026-06-05] 그누보드형 FAQ — 분류 탭 + 그룹 + Q/A 마크 */
.mydb-faq-cats{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}
.mydb-faq-cat{padding:7px 14px;border:1px solid #E2E8F0;border-radius:999px;font-size:13px;font-weight:600;color:#475569;text-decoration:none;background:#fff}
.mydb-faq-cat:hover{border-color:#94A3B8}
.mydb-faq-cat.is-active{background:#2563EB;color:#fff;border-color:#2563EB}
.mydb-faq-group{margin-bottom:22px}
.mydb-faq-group__title{font-size:15px;font-weight:800;color:#0F172A;margin:0 0 10px;padding-left:10px;border-left:3px solid #2563EB}
.mydb-faq{display:flex;flex-direction:column;gap:8px;margin-top:0}
.mydb-faq__item{border:1px solid #E2E8F0;border-radius:10px;overflow:hidden;background:#fff}
.mydb-faq__q{display:flex;align-items:center;gap:10px;padding:14px 16px;font-weight:600;cursor:pointer;font-size:15px;list-style:none}
.mydb-faq__q::-webkit-details-marker{display:none}
.mydb-faq__item[open] .mydb-faq__q{background:#F8FAFC;border-bottom:1px solid #F1F5F9}
.mydb-faq__mark{flex:none;width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff}
.mydb-faq__mark--q{background:#2563EB}
.mydb-faq__mark--a{background:#10B981}
.mydb-faq__qt{flex:1}
.mydb-faq__cat{color:#2563EB;font-weight:700}
.mydb-faq__a{display:flex;gap:10px;padding:14px 16px;color:#334155;line-height:1.7}
.mydb-faq__at{flex:1}

/* 상세 */
.mydb-post{border:1px solid #E2E8F0;border-radius:12px;padding:24px;background:#fff;margin-top:8px}
.mydb-post__title{font-size:20px;font-weight:800;margin:0 0 12px}
.mydb-post__meta{display:flex;gap:14px;flex-wrap:wrap;color:#94A3B8;font-size:13px;padding-bottom:16px;border-bottom:1px solid #F1F5F9}
.mydb-post__body{padding:20px 0;line-height:1.8;color:#1E293B;min-height:80px;word-break:break-word}
.mydb-post__actions{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid #F1F5F9;padding-top:14px}

/* 댓글 */
.mydb-cmts{margin-top:24px}
.mydb-cmts__h{font-size:15px;font-weight:700;margin:0 0 12px}
.mydb-cmt{padding:14px 16px;border:1px solid #E2E8F0;border-radius:10px;margin-bottom:8px;background:#fff}
.mydb-cmt--admin{background:#EFF6FF;border-color:#BFDBFE}
.mydb-cmt__head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px;color:#64748B}
.mydb-cmt__body{font-size:14px;line-height:1.6;color:#1E293B}
.mydb-cmt__form{margin-top:12px}
.mydb-cmt__submit{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin-top:8px}

/* [2026-06-30 15:30] 글작성/수정 폼 가로 넓게(운영자 요청) - 760px 제한 제거, 컨테이너 100% 폭(본문 보기와 동일) */
/* 원본: .mydb-board__write{max-width:760px;margin-top:8px} */
.mydb-board__write{max-width:100%;margin-top:8px}
/* [2026-06-29] 웹진 작성/수정은 넓게 — 제목/분류/요약/내용 전부 컨테이너 폭(=상단 메뉴 폭)까지 */
.mydb-board--wide .mydb-board__write{max-width:100%}
.mydb-board--wide .mydb-form,
.mydb-board--wide .mydb-form__field{max-width:100%}
.mydb-board--wide .mydb-form__field .mydb-input{width:100%;box-sizing:border-box}
@media (max-width:600px){
  .mydb-board__list .c-w,.mydb-board__list .c-v{display:none}
}