/* ──────────────────────────────────────────
   견적문의 전용 모던 게시판 스킨
   - 카드형 리스트
   - 답변상태 pill (답변완료 / 답변대기)
   - 카테고리 칩 필터
   - 코랩샵 amber 톤앤매너
   ────────────────────────────────────────── */
/* gnuboard 자동생성 page-title-wrap 제거 — 자체 헤더로 대체됨 */
.page-title-wrap { display: none !important; }

/* ── 에디터 영역 보장 — DHTML editor / textarea 모두 정상 노출 ── */
.kq-editor-wrap {
    width: 100%;
    min-height: 280px;
}
.kq-editor-wrap > textarea,
.kq-editor-wrap textarea#wr_content,
.kq-editor-wrap .nbeditor,
.kq-editor-wrap .smarteditor2,
.kq-editor-wrap .se2_inputarea,
.kq-editor-wrap iframe {
    width: 100% !important;
    min-height: 320px !important;
    box-sizing: border-box !important;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    padding: 14px;
    font-size: 14px;
    line-height: 1.7;
    color: #111827;
    background: #fff;
    resize: vertical;
    outline: none;
}
.kq-editor-wrap > textarea:focus,
.kq-editor-wrap textarea#wr_content:focus {
    border-color: #f8b500;
    box-shadow: 0 0 0 4px rgba(248,181,0,0.12);
}
/* SmartEditor2 / CKEditor / 기타 wrapper 대응 — child 들이 자체 스타일 가짐 */
.kq-editor-wrap .se2_iframe,
.kq-editor-wrap .cke_chrome,
.kq-editor-wrap .cke,
.kq-editor-wrap [id^="cke_wr_content"] {
    border-radius: 10px;
    overflow: hidden;
    border: 1.5px solid #e5e7eb;
}
.kq-help-text {
    margin: 0 0 8px;
    font-size: 12px;
    color: #6b7280;
}
.kq-help-text strong { color: #b45309; font-weight: 800; }
.kq-help-text + .kq-help-text { margin: 8px 0 0; }
.kq-file-desc {
    flex-basis: 100%;
    margin-top: 6px;
    padding: 8px 12px !important;
    font-size: 13px;
}

/* ══════════════════════════════════════════════
   견적문의 — write/view 공통 (qa 와 동일 톤)
   ══════════════════════════════════════════════ */
.kq-write { max-width: 880px; margin: 0 auto; padding: 0 4px; }
.kq-view  { max-width: 900px; margin: 0 auto; padding: 0 4px; }

/* write 헤더 */
.kq-write-head {
    text-align: center;
    margin: 22px 0 26px;
    padding-bottom: 22px;
    border-bottom: 2px solid #f8b500;
}
.kq-write-eyebrow {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 18px;
    background-image: linear-gradient(110deg,
        #f8b500 0%, #fcae18 40%, #ffd76b 50%, #fcae18 60%, #f8b500 100%);
    background-size: 220% 100%;
    color: #fff;
    font-size: 12px; font-weight: 800; letter-spacing: 1.2px;
    text-transform: uppercase;
    border-radius: 999px;
    box-shadow: 0 2px 10px rgba(248,181,0,0.30);
    animation: kqQuoShimmer 6s linear infinite;
    margin-bottom: 12px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.12);
}
@keyframes kqQuoShimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
.kq-write-title {
    margin: 0 0 6px !important;
    font-size: 28px !important; font-weight: 900;
    color: #111827 !important;
    letter-spacing: -0.6px;
    background: none !important; border: 0 !important; padding: 0 !important;
}
.kq-write-sub {
    margin: 0 !important;
    color: #6b7280; font-size: 14px;
    line-height: 1.7;
}
.kq-write-sub strong { color: #b45309; font-weight: 800; }

/* form card / fields */
.kq-form-card {
    width: 100%;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 14px;
    padding: 28px 32px;
    box-shadow: 0 1px 2px rgba(17,24,39,0.04);
    box-sizing: border-box;
}
.kq-form-fields {
    list-style: none; margin: 0; padding: 0; width: 100%;
}
.kq-field {
    display: block;
    width: 100%;
    padding: 18px 0;
    border-bottom: 1px solid #f5f5f5;
    box-sizing: border-box;
}
.kq-field > .kq-field-input {
    display: block;
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
}
.kq-field:first-child { padding-top: 0; }
.kq-field:last-child { border-bottom: 0; padding-bottom: 0; }
.kq-field-label {
    display: block;
    margin: 0 0 8px;
    font-size: 13px; font-weight: 700;
    color: #1f2937;
}
.kq-required { color: #ef4444; margin-left: 2px; }
.kq-field-input { width: 100%; }
/* 입력 — 에디터와 동일하게 풀폭 보장 + gnuboard 기본 클래스도 강제 풀폭 */
.kq-input,
.kq-field-input input[type="text"],
.kq-field-input input[type="email"],
.kq-field-input input[type="password"],
.kq-field-input input[type="tel"],
.kq-field-input input[type="number"],
.kq-field-input input[type="search"],
.kq-field-input input[type="url"],
.kq-field-input select,
.kq-field-input textarea,
.kq-field .frm_input,
.kq-field .full_input {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px 14px;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    font-size: 14px;
    color: #111827;
    background: #fff;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
    box-sizing: border-box !important;
    display: block;
}
.kq-input:focus,
.kq-field-input input:focus,
.kq-field-input select:focus,
.kq-field-input textarea:focus {
    border-color: #f8b500;
    box-shadow: 0 0 0 4px rgba(248,181,0,0.12);
}
select.kq-input {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7280' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 36px;
}
.kq-checkbox {
    display: inline-flex; align-items: center; gap: 7px;
    font-size: 13px;
    color: #4b5563;
    cursor: pointer;
}
.kq-checkbox input[type="checkbox"] {
    width: 16px; height: 16px;
    accent-color: #f8b500;
    cursor: pointer;
}
.kq-file-list { display: flex; flex-direction: column; gap: 10px; }
.kq-file-row {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    padding: 10px 14px;
    background: #fafafa;
    border: 1px dashed #e5e7eb;
    border-radius: 10px;
    transition: border-color .15s ease, background .15s ease;
}
.kq-file-row:hover { border-color: #f8b500; background: #fffbeb; }
.kq-file-btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 14px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #4b5563;
    font-size: 13px; font-weight: 600;
    cursor: pointer;
    transition: all .15s ease;
    white-space: nowrap;
}
.kq-file-btn:hover { border-color: #f8b500; color: #b45309; background: #fffbeb; }
.kq-file-btn.is-selected { border-color: #f8b500; color: #b45309; background: #fffbeb; }
.kq-file-input { display: none; }
.kq-file-help { font-size: 12px; color: #9ca3af; }
.kq-file-del { margin-left: auto; }

.kq-form-actions {
    display: flex; justify-content: center; gap: 12px;
    margin: 26px 0;
    flex-wrap: wrap;
}
.kq-btn-primary {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 13px 32px;
    background: linear-gradient(135deg, #f8b500 0%, #fcae18 100%);
    color: #fff !important;
    border: 0;
    border-radius: 999px;
    font-size: 15px; font-weight: 800;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(248,181,0,0.35);
    transition: all .15s ease;
}
.kq-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(248,181,0,0.50);
    background: linear-gradient(135deg, #fcae18 0%, #f8b500 100%);
    color: #fff !important;
}
.kq-btn-primary:disabled {
    background: #d1d5db; box-shadow: none; transform: none; cursor: not-allowed;
}
.kq-btn-secondary {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 11px 22px;
    background: #fff;
    color: #4b5563 !important;
    border: 1.5px solid #e5e7eb;
    border-radius: 999px;
    font-size: 13.5px; font-weight: 700;
    cursor: pointer;
    text-decoration: none !important;
    transition: all .15s ease;
}
.kq-btn-secondary:hover {
    border-color: #f8b500; color: #b45309 !important;
    background: #fffbeb;
}
.kq-btn-secondary.kq-btn-danger { color: #b91c1c !important; border-color: #fee2e2; }
.kq-btn-secondary.kq-btn-danger:hover { border-color: #ef4444; background: #fef2f2; color: #b91c1c !important; }

/* ── view 페이지 ── */
.kq-view-head {
    text-align: left;
    margin: 22px 0 26px;
    padding-bottom: 22px;
    border-bottom: 1px solid #ececec;
}
.kq-view-title {
    margin: 14px 0 16px !important;
    font-size: 28px !important; font-weight: 900;
    color: #111827 !important;
    letter-spacing: -0.5px;
    line-height: 1.35;
    word-break: keep-all;
    background: none !important; border: 0 !important; padding: 0 !important;
}
.kq-view-meta {
    display: flex; flex-wrap: wrap; gap: 14px;
    color: #6b7280;
    font-size: 13px;
}
.kq-view-meta .kq-meta-item { display: inline-flex; align-items: center; gap: 6px; }
.kq-view-meta i { color: #f8b500; font-size: 12px; }
.kq-view-meta strong { color: #1f2937; font-weight: 700; }

.kq-view-body { margin: 0 0 26px; }
.kq-view-img { text-align: center; margin: 0 0 22px; }
.kq-view-img img {
    max-width: 100%; height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}
.kq-view-content {
    font-size: 15px; line-height: 1.85; color: #1f2937;
    word-break: keep-all; min-height: 80px;
}
.kq-view-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 12px 0; }
.kq-view-content p { margin: 0 0 14px; }
.kq-view-content blockquote {
    margin: 18px 0; padding: 14px 20px;
    background: #fff8e6; border-left: 4px solid #f8b500;
    border-radius: 0 8px 8px 0;
    color: #4b5563; font-style: italic;
}

.kq-view-files {
    margin: 24px 0 0;
    padding: 18px 20px;
    background: #f9fafb;
    border: 1px solid #ececec;
    border-radius: 12px;
}
.kq-view-files-title {
    display: flex; align-items: center; gap: 8px;
    margin: 0 0 12px !important;
    font-size: 13px !important; font-weight: 800;
    color: #6b7280;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    background: none !important; border: 0 !important; padding: 0 !important;
}
.kq-view-files-title i { color: #f8b500; }
.kq-view-files ul { list-style: none; margin: 0; padding: 0; }
.kq-view-files li { padding: 8px 0; border-bottom: 1px dashed #ececec; }
.kq-view-files li:last-child { border-bottom: 0; }
.kq-file-link {
    display: inline-flex; align-items: center; gap: 8px;
    color: #1f2937 !important;
    text-decoration: none !important;
    font-size: 13.5px; font-weight: 600;
}
.kq-file-link i { color: #f8b500; }
.kq-file-link:hover { color: #b45309 !important; }
.kq-file-meta { color: #9ca3af; font-size: 12px; font-weight: 500; margin-left: 6px; }

.kq-view-actions {
    display: flex; justify-content: space-between; align-items: center;
    flex-wrap: wrap; gap: 10px;
    margin: 26px 0;
    padding: 18px 0;
    border-top: 1px dashed #ececec;
    border-bottom: 1px dashed #ececec;
}
.kq-view-actions-left,
.kq-view-actions-right { display: flex; gap: 6px; flex-wrap: wrap; }
.kq-view-actions .kq-btn-secondary,
.kq-view-actions .kq-btn-primary {
    padding: 9px 18px; font-size: 13px; font-weight: 700;
}
.kq-view-actions .kq-btn-primary { box-shadow: 0 3px 10px rgba(248,181,0,0.30); }

@media (max-width: 720px) {
    .kq-write-title, .kq-view-title { font-size: 22px !important; }
    .kq-form-card { padding: 18px 16px; }
    .kq-view-actions { flex-direction: column; align-items: stretch; }
    .kq-view-actions-left, .kq-view-actions-right { justify-content: center; }
}

.kq-board {
    font-family: 'Noto Sans KR', sans-serif;
    color: #1f2937;
    padding: 0 4px;
}

/* ── 헤더 ── */
.kq-header {
    margin-bottom: 18px;
    padding: 18px 20px;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    border-left: 4px solid #f8b500;
}
.kq-title-row {
    display: flex; justify-content: space-between; align-items: center;
    flex-wrap: wrap; gap: 10px;
}
.kq-title {
    margin: 0; font-size: 22px; font-weight: 800; color: #111827;
    display: inline-flex; align-items: center; gap: 10px;
    letter-spacing: -0.5px;
}
.kq-title-text { line-height: 1.2; }
.kq-total-badge {
    display: inline-block; padding: 3px 12px; border-radius: 12px;
    background: #fffbeb; color: #92400e; font-size: 12px; font-weight: 700;
}
.kq-desc {
    margin: 8px 0 0; color: #6b7280; font-size: 13px;
}
.kq-write-btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 9px 18px; border-radius: 6px;
    background: #f8b500; color: #fff !important; font-weight: 700; font-size: 14px;
    text-decoration: none; transition: background .15s ease, transform .15s ease;
}
.kq-write-btn:hover { background: #e6a300; transform: translateY(-1px); }

/* ── 카테고리 안내 배너 (대량구매/턴키구매/구매대행/비교견적) ── */
.kq-banner-row {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;
    margin-bottom: 14px;
}
.kq-banner-item {
    display: flex; flex-direction: column; align-items: center;
    padding: 16px 12px;
    background: #fff; border: 1px solid #f0f0f0; border-radius: 8px;
    text-align: center;
    transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.kq-banner-item:hover {
    border-color: #f8b500;
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(248,181,0,0.12);
}
.kq-banner-item img {
    width: 84px; height: 84px; object-fit: contain; margin-bottom: 10px;
}
.kq-banner-text strong {
    display: block; font-size: 14px; font-weight: 700; color: #1f2937; margin-bottom: 4px;
}
.kq-banner-text span {
    display: block; font-size: 11px; color: #6b7280; line-height: 1.4;
}

@media (max-width: 767px) {
    .kq-banner-row { grid-template-columns: repeat(2, 1fr); }
    .kq-banner-item { padding: 14px 10px; }
    .kq-banner-item img { width: 64px; height: 64px; }
}

/* ── 카테고리 칩 ── */
.kq-cat-row {
    display: flex; flex-wrap: wrap; gap: 6px;
    margin-bottom: 14px; padding: 12px 14px;
    background: #fff; border: 1px solid #f0f0f0; border-radius: 8px;
}
.kq-cat-chip {
    display: inline-flex; align-items: center;
    padding: 6px 14px; border-radius: 20px;
    border: 1px solid #e5e7eb; background: #fff;
    color: #6b7280; font-size: 13px; font-weight: 500;
    text-decoration: none; transition: all .12s ease;
}
.kq-cat-chip:hover { border-color: #f8b500; color: #f8b500; text-decoration: none; }
.kq-cat-chip.active { background: #f8b500; color: #fff !important; border-color: #f8b500; font-weight: 700; }

/* ── 검색바 ── */
.kq-search-bar { margin-bottom: 14px; }
.kq-search-form {
    display: flex; gap: 6px; padding: 10px 12px;
    background: #f9fafb; border-radius: 6px; border: 1px solid #f0f0f0;
    flex-wrap: wrap;
}
.kq-search-select, .kq-search-input {
    padding: 7px 12px; border: 1px solid #d1d5db; border-radius: 4px;
    font-size: 13px; font-family: inherit;
}
.kq-search-select { width: 100px; flex-shrink: 0; }
.kq-search-input { flex: 1; min-width: 200px; }
.kq-search-input:focus, .kq-search-select:focus {
    outline: none; border-color: #f8b500; box-shadow: 0 0 0 3px rgba(248,181,0,0.15);
}
.kq-search-btn {
    padding: 7px 18px; background: #1992df; color: #fff;
    border: 0; border-radius: 4px; font-weight: 600; font-size: 13px; cursor: pointer;
    transition: background .15s ease;
}
.kq-search-btn:hover { background: #0066cc; }

/* ── 게시글 카드 리스트 — 테이블형 ── */
.kq-post-list {
    list-style: none; margin: 0; padding: 0;
    display: flex; flex-direction: column; gap: 0;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
}
.kq-post-card {
    background: #fff;
    border: 0;
    border-bottom: 1px solid #e9ecef;
    border-radius: 0;
    transition: background .12s ease;
    overflow: hidden;
    position: relative;
}
.kq-post-list > li:last-child .kq-post-card { border-bottom: 0; }
.kq-post-card:hover {
    background: #fffbeb !important;
    transform: none;
    box-shadow: none;
}

/* 짝수 행 줄무늬 */
.kq-post-list > li:nth-child(even) .kq-post-card { background: #f9fafb; }

/* 답변대기 */
.kq-post-card.is-pending { background: #fff5f5 !important; }
.kq-post-card.is-pending .kq-status-bar { background: #ef4444; }

/* 답변완료 */
.kq-post-card.is-answered { background: #f0fdf4 !important; }
.kq-post-card.is-answered .kq-status-bar { background: #10b981; }

/* 공지 */
.kq-post-card.is-notice { background: #fffbeb !important; }
.kq-post-card.is-notice .kq-status-bar { background: #f8b500; }

/* 좌측 상태 바 */
.kq-status-bar {
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 4px;
    background: #d1d5db;
}

.kq-post-link {
    display: flex; align-items: center; gap: 12px;
    padding: 16px 18px 16px 22px;
    text-decoration: none !important;
    color: inherit !important;
}
.kq-post-content { flex: 1; min-width: 0; }
.kq-post-arrow {
    flex-shrink: 0;
    color: #d1d5db; font-size: 24px; font-weight: 300;
    transition: color .15s ease, transform .15s ease;
}
.kq-post-card:hover .kq-post-arrow {
    color: #f8b500;
    transform: translateX(3px);
}

.kq-post-meta-top {
    display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px;
}
.kq-pill {
    display: inline-flex; align-items: center;
    padding: 3px 10px; border-radius: 12px;
    font-size: 11px; font-weight: 700; letter-spacing: 0;
}
.kq-pill-answered {
    background: #10b981; color: #fff;
    box-shadow: 0 1px 3px rgba(16, 185, 129, 0.25);
}
.kq-pill-pending  {
    background: #ef4444; color: #fff;
    box-shadow: 0 1px 3px rgba(239, 68, 68, 0.25);
    animation: kq-pulse 2s ease-in-out infinite;
}
@keyframes kq-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.75; }
}
.kq-pill-notice   { background: #fef3c7; color: #92400e; }
.kq-pill-cat      { background: #e0e7ff; color: #4338ca; }
.kq-pill-new {
    background: #dc2626; color: #fff;
    width: 18px; height: 18px; padding: 0;
    border-radius: 50%; justify-content: center;
    font-size: 10px;
}
.kq-pill-secret { background: #f3f4f6; color: #6b7280; }

.kq-post-title {
    margin: 0 0 8px; font-size: 16px; font-weight: 600; color: #111827;
    line-height: 1.4; letter-spacing: -0.3px;
}
.kq-reply-arrow { color: #1992df; font-weight: 700; margin-right: 2px; }
.kq-comment-cnt { color: #f8b500; font-weight: 700; font-size: 13px; margin-left: 4px; }

.kq-post-meta-bottom {
    display: flex; flex-wrap: wrap; gap: 14px;
    color: #6b7280; font-size: 12px;
}
.kq-post-meta-bottom span { display: inline-flex; align-items: center; gap: 4px; }
.kq-post-meta-bottom i { color: #9ca3af; }

/* ── 빈 상태 ── */
.kq-empty {
    padding: 60px 20px; text-align: center;
    background: #fafafa; border: 1px dashed #d1d5db; border-radius: 8px;
    color: #9ca3af; list-style: none;
}
.kq-empty i { font-size: 40px; color: #d1d5db; margin-bottom: 10px; display: block; }
.kq-empty p { margin: 0 0 14px; font-size: 14px; }
.kq-empty-cta {
    display: inline-block; padding: 10px 20px;
    background: #f8b500; color: #fff !important; border-radius: 6px;
    font-weight: 700; font-size: 13px; text-decoration: none;
    transition: background .15s ease;
}
.kq-empty-cta:hover { background: #e6a300; }

/* ── 하단 액션 ── */
.kq-bottom-actions {
    text-align: center; margin: 20px 0;
}
.kq-write-btn-large {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 12px 32px; border-radius: 28px;
    background: #f8b500; color: #fff !important; font-weight: 700; font-size: 14px;
    text-decoration: none; transition: background .15s ease, transform .15s ease;
}
.kq-write-btn-large:hover { background: #e6a300; transform: translateY(-1px); }

/* (페이지네이션 정의는 파일 끝 END OVERRIDE 블록으로 통합) */

/* 모바일 */
@media (max-width: 767px) {
    .kq-header { padding: 14px 16px; }
    .kq-title { font-size: 18px; }
    .kq-write-btn { padding: 7px 14px; font-size: 13px; }
    .kq-post-link { padding: 12px 14px; }
    .kq-post-title { font-size: 15px; }
    .kq-post-meta-bottom { gap: 10px; font-size: 11px; }
}

/* ══════════════════════════════════════════
   게시글 테이블 — PC 기본 + 모바일 카드 변환
   ══════════════════════════════════════════ */

/* PC 테이블 기본 스타일 */
.kq-table-wrap {
    overflow-x: auto;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    margin-bottom: 16px;
}
.kq-post-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
}
.kq-post-table thead tr {
    background: #f8fafc;
    border-bottom: 2px solid #e5e7eb;
}
.kq-post-table thead th {
    padding: 12px 14px;
    text-align: left;
    font-size: 12px;
    font-weight: 700;
    color: #6b7280;
    letter-spacing: 0.4px;
    white-space: nowrap;
}
.kq-post-table tbody tr {
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background 0.1s;
}
.kq-post-table tbody tr:last-child { border-bottom: 0; }
.kq-post-table tbody tr:hover { background: #fffbeb !important; }

/* 상태별 행 배경 */
.kq-post-table tbody tr.is-pending  { background: #fff8f8; border-left: 3px solid #ef4444; }
.kq-post-table tbody tr.is-answered { background: #f8fffe; border-left: 3px solid #10b981; }
.kq-post-table tbody tr.is-notice   { background: #fffdf0; border-left: 3px solid #f8b500; }

.kq-post-table tbody td {
    padding: 13px 14px;
    vertical-align: middle;
    color: #374151;
    font-size: 13.5px;
}
.kq-post-table .col-no   { width: 52px; text-align: center; color: #9ca3af; font-size: 13px; }
.kq-post-table .col-status { width: 80px; text-align: center; }
.kq-post-table .col-cat  { width: 80px; }
.kq-post-table .col-title { }
.kq-post-table .col-author { width: 80px; text-align: center; color: #6b7280; font-size: 13px; }
.kq-post-table .col-date { width: 80px; text-align: center; color: #9ca3af; font-size: 12px; white-space: nowrap; }
.kq-post-table .col-hit  { width: 50px; text-align: center; color: #9ca3af; font-size: 12px; }

.kq-title-link {
    color: #1f2937 !important;
    text-decoration: none !important;
    font-weight: 500;
    line-height: 1.4;
    transition: color 0.1s;
}
.kq-title-link:hover { color: #b45309 !important; }

.kq-no-notice {
    display: inline-block; padding: 2px 8px;
    background: #f8b500; color: #fff;
    border-radius: 4px; font-size: 11px; font-weight: 800;
}
.kq-flag { display: inline-block; margin-left: 4px; font-size: 11px; }
.kq-flag-new { background: #dc2626; color: #fff; padding: 1px 5px; border-radius: 3px; font-weight: 700; }
.kq-cat-empty { color: #d1d5db; }

/* 빈 행 */
.kq-empty-row td { text-align: center; padding: 48px 0; }
.kq-empty { color: #9ca3af; }
.kq-empty i { font-size: 28px; display: block; margin-bottom: 10px; }
.kq-empty p { margin: 0 0 12px; font-size: 14px; }
.kq-empty-cta {
    display: inline-block; padding: 8px 20px;
    background: #f8b500; color: #fff !important;
    border-radius: 20px; font-weight: 700; font-size: 13px;
    text-decoration: none !important;
}

/* ══════════════════════════════════════════
   모바일 카드 변환 (≤ 767px)
   ══════════════════════════════════════════ */
@media (max-width: 767px) {
    .kq-table-wrap { border: 0; border-radius: 0; overflow: visible; }
    .kq-post-table { display: block; }

    /* 헤더 숨기기 */
    .kq-post-table thead { display: none; }

    /* tbody */
    .kq-post-table tbody { display: flex; flex-direction: column; gap: 8px; }

    /* 각 행 → 카드 */
    .kq-post-table tbody tr {
        display: block;
        border: 0 !important;
        border-left: 4px solid #e9ecef !important;
        border-radius: 10px;
        padding: 14px 14px 12px 14px;
        background: #fff;
        box-shadow: 0 1px 4px rgba(0,0,0,0.06);
        cursor: pointer;
        transition: background 0.12s, box-shadow 0.12s;
    }
    .kq-post-table tbody tr:hover {
        background: #fffbeb !important;
        box-shadow: 0 2px 8px rgba(248,181,0,0.15);
    }

    /* 상태별 카드 */
    .kq-post-table tbody tr.is-pending  {
        background: #fff8f8 !important; border-left-color: #ef4444 !important;
    }
    .kq-post-table tbody tr.is-answered {
        background: #f0fdf4 !important; border-left-color: #10b981 !important;
    }
    .kq-post-table tbody tr.is-notice {
        background: #fffbeb !important; border-left-color: #f8b500 !important;
    }

    /* 모든 td block */
    .kq-post-table tbody td {
        display: block; padding: 0; border: 0;
        color: #374151; font-size: 13.5px;
    }

    /* 번호·조회 숨기기 */
    .kq-post-table tbody td.col-no,
    .kq-post-table tbody td.col-hit { display: none; }

    /* 상태 pill — 제목 위 */
    .kq-post-table tbody td.col-status {
        margin-bottom: 6px;
    }
    .kq-post-table tbody td.col-cat {
        display: inline-block; margin-bottom: 6px; margin-left: 4px;
    }

    /* 제목 — 메인 텍스트 */
    .kq-post-table tbody td.col-title {
        font-size: 14px; font-weight: 600; color: #1f2937;
        line-height: 1.45; margin-bottom: 10px;
    }

    /* 메타 — 작성자 + 날짜 한 줄 */
    .kq-post-table tbody td.col-author {
        display: inline-block; font-size: 12px; color: #6b7280;
        margin-right: 12px;
    }
    .kq-post-table tbody td.col-author::before {
        content: '👤 '; font-size: 11px;
    }
    .kq-post-table tbody td.col-date {
        display: inline-block; font-size: 12px; color: #9ca3af;
    }
    .kq-post-table tbody td.col-date::before {
        content: '📅 '; font-size: 11px;
    }

    /* 빈 행 */
    .kq-post-table tbody tr.kq-empty-row {
        border-left: 0 !important; background: #f9fafb !important;
        text-align: center;
    }
    .kq-post-table tbody td.kq-empty { display: block; }

    /* 하단 작성 버튼 */
    .kq-bottom-actions {
        text-align: center; margin-top: 16px;
    }
    .kq-write-btn-large {
        display: inline-flex; align-items: center; gap: 8px;
        padding: 12px 28px;
        background: linear-gradient(135deg, #f8b500, #fcae18);
        color: #fff !important; font-weight: 700; font-size: 14px;
        border-radius: 999px; text-decoration: none !important;
        box-shadow: 0 4px 14px rgba(248,181,0,0.35);
    }
}

/* ─── basic 스킨 호환 (view/write 페이지) ─── */
@charset "utf-8";

/* ### 기본 스타일 커스터마이징 시작 ### */

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {}
#bo_list a.btn_b01:focus, #bo_list .btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list .btn_b02:hover {}
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list a.btn_admin:hover {}
.chk_all {margin:10px 0}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v .btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v .btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {}
#bo_w .btn_cancel {}
#bo_w .btn_frmline {} /* 우편번호검색버튼 등 */


/* 게시판 목록 */
#bo_list .td_chk {width:30px;text-align:center}
#bo_list .td_group {width:100px;text-align:center}
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_num {width:50px;text-align:center}
#bo_list .td_numbig {width:80px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_name {width:100px;text-align:left}
#bo_list .td_date {width:60px;text-align:center}
#bo_list .td_datetime {width:150px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}
#bo_list .notice_icon {display:inline-block;background:#fbe2e6;padding:0 5px;line-height:20px;border-radius:5px;font-weight:bold;font-size:11px;color:#f1364c}
#bo_list .bo_subject .fa-download {width:16px;line-height:16px;background:#ffefb9;color:#daae37;text-align:center;font-size:10px;border-radius:2px;vertical-align:baseline}
#bo_list .bo_subject .fa-link {width:16px;line-height:16px;background:#edd3fd;color:#b451fd;text-align:center;font-size:10px;border-radius:2px;vertical-align:baseline}
#bo_list .bo_subject .fa-heart {color:#ff0000;text-align:center;font-size:10px;border-radius:2px}
#bo_list .bo_subject .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin:0 4px;font-weight:bold;vertical-align:middle}
#bo_list .bo_subject .fa-lock {display:inline-block;line-height:16px;width:16px;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:baseline}


#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {background:#fff;padding-left:1px;border-bottom:1px solid #d9dce3;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_cate li {display:inline-block;float:left}
#bo_cate a {display:block;line-height:24px;padding:15px}
#bo_cate #bo_cate_on {display:inline-block;position:relative;color:#3a8afd}
#bo_cate #bo_cate_on:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;display:inline-block;background:#3a8afd}


/* 관리자일 때 */
#bo_list_admin th label {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_list_admin th:nth-of-type(1) {width:40px}
#bo_list_admin th:nth-of-type(3) {width:100px}

#bo_list_admin td:nth-of-type(1) {text-align:center}
#bo_list_admin td:nth-of-type(3) {text-align:center}

/* 관리자가 아닐 때 */
#bo_list th:nth-of-type(2) {width:100px}
#bo_list td:nth-of-type(2) {text-align:center}

/* 게시판 목록 공통 */
#bo_list {}
#bo_list li {background:#fff}
#bo_list li.bo_notice {background:#fff6fa}

.bo_fx {margin-bottom:5px;padding:0 10px}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {margin:10px;padding:10px;text-align:center;background:#e3e7ec;color:#8b8b8b;border-radius:3px}

.btn_bo_user > li {float:left;text-align:center;margin-left:5px}
.btn_bo_adm button {border:0;padding:0 10px;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle}
.btn_more_opt {width:30px}
.more_opt {display:none;position:absolute;top:50px;right:7px;background:#fff;border:1px solid #b8bfc4;z-index:999}
.more_opt:before {content:"";position:absolute;top:-8px;right:6px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:6px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt.is_list_btn{width:90px}
.more_opt li {display:block;border-bottom:1px solid #f1f1f1;padding:10px;margin:0;color:#6b757c;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {line-height:20px}

.bo_share {position:relative}
#bo_v_share {display:none;position:absolute;top:42px;right:0;padding:10px;text-align:right;background:#fff;border:1px solid #b8bfc4}
#bo_v_share:before {content:"";position:absolute;top:-8px;right:6px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
#bo_v_share:after {content:"";position:absolute;top:-6px;right:6px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
#bo_v_share .btn_scrap {display:inline-block;background:#d4d4d4;color:#444;line-height:40px;width:40px;font-weight:bold;text-align:center;border-radius:3px}

#bo_v_sns {padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {text-align:center;margin:5px 0 0}
#bo_v_sns li a {display:block;width:40px;height:40px;padding:10px 0}
#bo_v_sns li .sns_f {background:#415b92;border-radius:3px}
#bo_v_sns li .sns_t {background:#35b3dc;border-radius:3px}
#bo_v_sns li .sns_g {background:#d5503a;border-radius:3px}
#bo_v_sns li .sns_k {background:#fbe300;border-radius:3px}
#bo_v_sns li img {vertical-align:top}
#bo_v_sns li span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

.bo_cate_link {display:inline-block;background:#e2eaf6;padding:0 5px;line-height:20px;border-radius:5px;font-weight:bold;font-size:11px;color:#3ca1ff !important;text-decoration:none;/*font-size:0.92em*/} /* 글제목줄 분류스타일 */
.bo_cate_ico {margin-bottom:5px}
.bo_cnt {display:block;width:100%;font-size:1.083em;font-weight:bold;line-height:1.4em}
.bo_cnt i {color:#8d96c2;font-size:12px}
.bo_cnt .fa-heart {color:#ff0000}
.bo_chk {display:inline-block;float:left;margin-right:5px}

.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {padding-left:20px;color:#676e70}
.chk_box input[type="checkbox"] + label:hover{color:#2172f8}
.chk_box input[type="checkbox"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.all_chk.chk_box input[type="checkbox"] + label span {top:18px;left:15px}

.bo_cmt {background:#e9eff5;color:#3a8afd;font-size:0.925em;height:16px;padding:0 5px;border-radius:2px;vertical-align:top;min-width:16px}

.bo_subject {display:block;width:100%;padding-bottom:5px}
.bo_current {color:#e8180c}
.bo_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_info {position:relative;padding-top:5px;line-height:20px;color:#646464;vertical-align:top}
.bo_info i {margin-left:10px}
.bo_info .comment_icon {background:url(./img/icon_comment.png) no-repeat 50% 50%;display:inline-block;width:20px;height:28px;text-indent:-999px;overflow:hidden;vertical-align:top;background-size:70%;margin:0 0px 0 5px}
.bo_info .bo_date {}
.bo_info .cnt_cmt {display:inline-block;margin: 0 5px 0 3px}
.bo_info .profile_img img {border-radius:50%;vertical-align:top}

#bo_sch {background:#fff;border:1px solid #d0d3db;position:relative;margin:10px}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select {border:0;height:38px;border-right:1px solid #f8f8f8;float:left;width:30%}
#bo_sch .sch_input {height:38px;border:0;background-color:transparent;float:left;width:70%;padding:0 40px 0 10px}
#bo_sch .sch_btn {height:38px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px}

.view_is_list.btn_top {position:relative;z-index:auto;top:0;left:0}
.view_is_list {margin:8px 10px 0;height:50px;padding:10px;line-height:30px;border-radius:3px;border-bottom:1px solid #ccc;background:#fff;color:#333;text-align:right}
.view_is_list li {display:inline-block}

/* 게시판 쓰기 */
#bo_w #wr_email, #bo_w #wr_homepage, #bo_w #wr_subject {width:100%}

#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#wr_email, #wr_homepage, #wr_subject, .wr_link {width:100%}
.fix_btn.write_btn{z-index:99}

/* 게시판 읽기 */
#bo_v {padding:20px 0 0;background:#fff}
#bo_v>header {padding:0 15px;border-bottom:1px solid #eee}
#bo_v_table {padding:10px;color:#999;font-size:0.9em;font-weight:bold}

#bo_v_title {}
.bo_v_cate {display:inline-block;background:#e2eaf6;color:#3a8afd;line-height:20px;border-radius:5px;padding:0 5px;font-weight:bold}
.bo_v_tit {display:block;font-size:1.5em;margin:10px 0 0}

#bo_v_info {padding:15px 0;color:#8e8e8e;line-height:20px}
#bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;font-weight:normal;margin:0 5px}
#bo_v_info .profile_img img {border-radius:50%;vertical-align:top}
#bo_v_info .icon_view {display:inline-block;background:url('./img/icon_view.png') no-repeat 50% 50%;background-size:80%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px}
#bo_v_info .icon_comment {display:inline-block;background:url('./img/icon_comment.png') no-repeat 50% 50%;background-size:70%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px}

#bo_v_file {padding:0 15px;margin-bottom:20px}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf}
#bo_v_file li i {float:left;color:#b2b2b2;font-size:1.6em;margin-right:20px}
#bo_v_file a {float:left;display:block;margin-right:10px;text-decoration:none;word-wrap:break-word;color:#000}

@media (max-width:450px){
	#bo_v_file a {float:inherit}
}

#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#3a8afd}
#bo_v_file img {float:left;margin:0 10px 0 0}
#bo_v_file .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4}
#bo_v_file li:hover i {color:#3a8afd}
#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc}

#bo_v_link {padding:0 15px;margin-bottom:20px}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf}
#bo_v_link li i {float:left;color:#b2b2b2;font-size:1.6em;margin-right:20px}
#bo_v_link a {float:left;display:block;margin-right:10px;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:#3a8afd}
#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4}
#bo_v_link li:hover i {color:#3a8afd}
#bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}

#bo_v_top {margin:10px 15px}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}
#bo_v_top ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top ul li {display:inline-block}
.bo_v_left {float:left}
.bo_v_right {float:right}

#bo_v_bot {padding:0 10px}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {position:relative;margin:10px 0 0;border-top:1px solid #e4e4ec;border-bottom:1px solid #e4e4ec;text-align:left}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {}
.bo_v_nb li a {display:block;padding:15px;color:#777}
.bo_v_nb li a i {color:#c5cfdd}
.bo_v_nb li.bo_v_prev {border-bottom:1px solid #f8f8f8}
.bo_v_nb li.bo_v_next {}


#bo_v_atc {min-height:200px;padding:15px}
#bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}

#bo_v_img {width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image {display:block}
#bo_v_img img {margin-bottom:15px;max-width:100%;height:auto}

#bo_v_con {min-height:200px;margin-bottom:20px;width:100%;font-size:1.250em;line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle;color:#4a5158}
#bo_v_act a:hover {background-color:#fff;color:#ff484f;border-color:#ff484f}
#bo_v_act i {font-size:1.4em;margin-right:5px}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;z-index:9999;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
#bo_v_act .bo_v_good {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}
#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}

/* 게시판 댓글 */
#bo_vc {background:#f8f8f8;padding:15px}
#bo_vc h2.bo_vc_tit {}
#bo_vc h2 span {color:#3a8afd}
#bo_vc article {}
#bo_vc article .comment_inner{margin:15px 0 0;padding:15px;background:#fff;border-bottom:1px solid #e4e4ec}
#bo_vc article h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_vc header {position:relative;padding:0;line-height:20px;padding-right:18px}
#bo_vc .profile_img {vertical-align:text-bottom}
#bo_vc .profile_img img {width:23px;height:23px;border-radius:50%}
#bo_vc header .bo_vl_opt {position:absolute;top:-5px;right:-8px}
.comment_inner .bo_vc_w{margin-top:10px;padding-top:15px}

#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;color:#777}
#bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {margin:10px 0 0;border-radius:5px;line-height:1.8em}
#bo_vc .cmt_contents p {font-size:1.083em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:15px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:center;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.bo_vc_act li {border-bottom:1px solid #f0f0f0}
.bo_vc_act li:last-child {border-bottom:0}
.bo_vc_act li a {display:inline-block;padding:10px 15px}
.bo_vc_act li a:hover {color:#3a8afd}

#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w {display:block;position:relative;padding:0 15px 15px;background:#f8f8f8}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea {width:100%;height:120px;padding:5px;border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle}
#wr_secret {}

.bo_vc_w_info {margin:10px 0}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input {float:left;width:49.5%;margin:0 0 5px 0}
.bo_vc_w_info #wr_password {float:right}
.bo_vc_w_info #captcha {display:block;clear:both}
.bo_vc_w .btn_confirm {margin-top:5px;clear:both}
.bo_vc_w .icon_lock {display:inline-block;font-size:1em;vertical-align:baseline}
.bo_vc_w .btn_submit {height:50px;width:100%;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w .bo_vc_secret {display:block}

#bo_vc_send_sns {display:block;margin-bottom:10px}
#bo_vc_sns {display:block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;padding: 10px 0 10px 10px}
#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;padding: 10px 0 10px 10px}
#bo_vc_sns .sns_li_off {background:#bbb}
#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px}
#bo_vc_sns input {margin:0 5px 0 0}

/* 게시판 쓰기 */
#bo_w {padding:15px}
#bo_w .bo_v_option li {display:inline-block;float:left;margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_select select {border:1px solid #d0d3db;background:#fff;width:100%}
#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;width:45px;height:43px;line-height:43px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_link .frm_input {padding-left:50px}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;width:45px;height:43px;line-height:43px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px}
#bo_w .bo_w_flie .file_wr {position:relative;color:#000;vertical-align:middle;margin:0}
#bo_w .bo_w_flie .frm_input {margin:5px 0 0}

.filebox .btn_file {display:inline-block;position:absolute;right:8px;top:8px;border:1px solid #3a8afd;border-radius:3px;width:60px;height:30px;color:#3a8afd;font-size:1em;line-height:30px;font-weight:bold;background:#fff;text-align:center;vertical-align:middle;cursor:pointer}
.filebox .fileName {display:inline-block;position:relative;width:100%;height:45px;padding-left:45px;line-height:30px;border:1px solid #d0d3db;background-color:#fff;color:red;vertical-align:middle;border-radius:0}
.filebox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

#bo_w .btn_confirm {text-align:center;margin:20px 0}
#bo_w .btn_submit {width:49%;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em}
#bo_w .btn_cancel {width:49%;line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em;background:#fff;border-radius:3px;border:1px solid #dcdcdc}
/* ════════════════════════════════════════════════════
   END OVERRIDE — basic 스킨 위에 덮어쓰기 (마지막 정의가 우선)
   ════════════════════════════════════════════════════ */

/* 페이지네이션 — gnuboard get_paging() 출력 구조:
   <nav class="pg_wrap"><span class="pg">
     <a class="pg_page pg_start">처음</a> <a class="pg_page pg_prev">이전</a>
     <a class="pg_page">2<span class="sound_only">페이지</span></a>
     <strong class="pg_current">3</strong>
     <a class="pg_page pg_next">다음</a> <a class="pg_page pg_end">맨끝</a>
   </span></nav> */
.pg_wrap {
    display: block !important;
    margin: 24px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: center !important;
    clear: both !important;
}
.pg_wrap::after { display: none !important; content: none !important; }
.pg_wrap > .pg {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    height: auto !important;
    min-width: 0 !important;
    line-height: normal !important;
}
.pg_wrap a.pg_page,
.pg_wrap strong.pg_current {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 12px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    color: #374151 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    background: #fff !important;
    margin: 0 !important;
    box-shadow: none !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
}
.pg_wrap a.pg_page:hover {
    border-color: #f8b500 !important;
    color: #f8b500 !important;
    background: #fffbeb !important;
}
.pg_wrap strong.pg_current {
    background: #f8b500 !important;
    color: #fff !important;
    border-color: #f8b500 !important;
    font-weight: 700 !important;
}

/* 처음/이전/다음/맨끝 → 화살표 아이콘으로 표시
   원본 한글 텍스트는 숨기고 ::before 로 화살표 출력 */
.pg_wrap a.pg_start,
.pg_wrap a.pg_prev,
.pg_wrap a.pg_next,
.pg_wrap a.pg_end {
    font-size: 0 !important;     /* 원본 텍스트 숨김 */
    color: transparent !important;
    text-indent: -9999px !important;   /* 보조 — 일부 브라우저용 */
    overflow: hidden !important;
    position: relative !important;
}
.pg_wrap a.pg_start::before,
.pg_wrap a.pg_prev::before,
.pg_wrap a.pg_next::before,
.pg_wrap a.pg_end::before {
    position: absolute !important;
    left: 0 !important; right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    text-align: center !important;
    text-indent: 0 !important;
    font-size: 20px !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
    color: #374151 !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    display: block !important;
}
.pg_wrap a.pg_start::before { content: '\00AB' !important; }   /* « */
.pg_wrap a.pg_prev::before  { content: '\2039' !important; }   /* ‹ */
.pg_wrap a.pg_next::before  { content: '\203A' !important; }   /* › */
.pg_wrap a.pg_end::before   { content: '\00BB' !important; }   /* » */
.pg_wrap a.pg_start:hover::before,
.pg_wrap a.pg_prev:hover::before,
.pg_wrap a.pg_next:hover::before,
.pg_wrap a.pg_end:hover::before {
    color: #f8b500 !important;
}
/* sound_only (스크린리더용) — 시각적 숨김 */
.pg_wrap .sound_only {
    position: absolute !important;
    width: 1px !important; height: 1px !important;
    padding: 0 !important; margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* ─── 관리자 답변 영역 ─── */
.kq-answer-area {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 2px dashed #e5e7eb;
}
.kq-answer-title {
    display: flex; align-items: center; gap: 8px;
    margin: 0 0 16px;
    font-size: 18px; font-weight: 800; color: #1f2937;
    letter-spacing: -0.4px;
}
.kq-answer-count {
    display: inline-block; padding: 2px 10px; border-radius: 10px;
    background: #d1fae5; color: #065f46;
    font-size: 12px; font-weight: 700;
}

.kq-answer-empty {
    background: #fffaf9; border: 1px dashed #fecaca; border-radius: 8px;
    padding: 30px 20px; text-align: center;
    color: #991b1b;
}
.kq-answer-empty p { margin: 0 0 4px; font-size: 14px; font-weight: 600; }
.kq-answer-empty small { color: #6b7280; font-size: 12px; }

.kq-answer-card {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-left: 5px solid #10b981;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 10px;
}
.kq-answer-head {
    display: flex; justify-content: space-between; align-items: flex-start;
    margin-bottom: 12px;
}
.kq-answer-author {
    display: flex; align-items: center; gap: 10px;
}
.kq-answer-avatar {
    display: inline-flex; align-items: center; justify-content: center;
    width: 36px; height: 36px;
    background: #10b981; border-radius: 50%;
    font-size: 18px;
}
.kq-answer-author strong {
    display: block; color: #065f46; font-size: 14px; font-weight: 700;
}
.kq-answer-author small {
    display: block; color: #6b7280; font-size: 11px; margin-top: 2px;
}
.kq-answer-num {
    color: #9ca3af; font-size: 12px; font-weight: 600;
}
.kq-answer-subject {
    margin: 0 0 8px; font-size: 14px; color: #065f46; font-weight: 700;
}
.kq-answer-body {
    color: #1f2937; font-size: 14px; line-height: 1.7;
    white-space: pre-wrap; word-break: break-word;
}
.kq-answer-body img { max-width: 100%; height: auto; }
.kq-answer-body p { margin: 0 0 8px; }
.kq-answer-body a { color: #1992df; text-decoration: underline; }

/* ──────────────────────────────────────────
   견적문의 — 모던 표 리스트 (minimal, clean)
   ────────────────────────────────────────── */
.kq-table-wrap {
    margin: 16px 0;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(17,24,39,0.04);
}
.kq-post-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    color: #111827;
    table-layout: fixed;
    font-feature-settings: "tnum" 1;          /* tabular numbers */
}
.kq-post-table col.col-no     { width: 60px; }
.kq-post-table col.col-status { width: 100px; }
.kq-post-table col.col-cat    { width: 110px; }
.kq-post-table col.col-author { width: 110px; }
.kq-post-table col.col-date   { width: 100px; }
.kq-post-table col.col-hit    { width: 70px; }

/* 헤더 — 라이트 그레이, 미니멀 */
.kq-post-table thead th {
    padding: 14px 12px;
    background: #fafafa;
    color: #6b7280;
    font-size: 11.5px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    border-bottom: 1px solid #ececec;
}

/* 본문 셀 — 넉넉한 여백, 부드러운 구분선 */
.kq-post-table tbody td {
    padding: 16px 12px;
    border-bottom: 1px solid #f5f5f5;
    text-align: center;
    vertical-align: middle;
    color: #374151;
}
.kq-post-table tbody tr {
    cursor: pointer;
    transition: background-color .15s ease;
}
.kq-post-table tbody tr:hover { background: #fafafa; }
.kq-post-table tbody tr:last-child td { border-bottom: 0; }

/* 공지 행 — 아주 살짝만 강조 */
.kq-post-table tbody tr.is-notice td {
    background: #fffdf5;
    color: #111827;
    font-weight: 600;
}
.kq-post-table tbody tr.is-notice:hover td { background: #fffaeb; }

/* 제목 컬럼 */
.kq-post-table .col-title { text-align: left; padding-left: 18px; padding-right: 18px; }
.kq-post-table .col-title .kq-title-link {
    color: #111827;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    transition: color .12s ease;
}
.kq-post-table tbody tr:hover .col-title .kq-title-link { color: #b45309; }

/* 번호 — 톤 다운 */
.kq-post-table .col-no {
    color: #9ca3af;
    font-size: 13px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}
.kq-no-notice {
    display: inline-block;
    padding: 3px 9px;
    background: #fef3c7;
    color: #92400e;
    font-size: 10.5px;
    font-weight: 700;
    border-radius: 999px;
    letter-spacing: 0.3px;
}

/* 상태 — 좌측 dot 인디케이터 + 텍스트 (pill 대신) */
.kq-post-table .kq-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    background: #fff;
    border: 1px solid transparent;
}
.kq-post-table .kq-pill::before {
    content: '';
    display: inline-block;
    width: 6px; height: 6px;
    border-radius: 50%;
    background: currentColor;
}
.kq-post-table .kq-pill-notice {
    background: #fffbeb; color: #92400e; border-color: #fef3c7;
}
.kq-post-table .kq-pill-answered {
    background: #ecfdf5; color: #047857; border-color: #d1fae5;
}
.kq-post-table .kq-pill-pending {
    background: #fef2f2; color: #b91c1c; border-color: #fee2e2;
}
.kq-post-table .kq-pill-cat {
    background: #eff6ff; color: #1d4ed8; border-color: #dbeafe;
}
.kq-post-table .kq-pill-cat::before { display: none; }     /* 분류는 dot 없이 */
.kq-cat-empty { color: #d1d5db; font-size: 13px; }

/* 제목 옆 플래그 */
.kq-flag {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
    vertical-align: middle;
    letter-spacing: 0.3px;
}
.kq-flag-new    { background: #fef2f2; color: #ef4444; }
.kq-flag-secret { background: transparent; color: #9ca3af; padding: 0; font-size: 12px; }

/* 작성자/날짜/조회 — 톤 다운 */
.kq-post-table .col-author { color: #4b5563; font-size: 13px; font-weight: 500; }
.kq-post-table .col-date   { color: #9ca3af; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.kq-post-table .col-hit    { color: #9ca3af; font-size: 12.5px; font-variant-numeric: tabular-nums; }

/* 빈 상태 — 깔끔한 일러스트풍 */
.kq-post-table .kq-empty-row td.kq-empty {
    padding: 80px 20px;
    text-align: center;
    background: #fff;
    color: #9ca3af;
}
.kq-post-table .kq-empty-row td.kq-empty i {
    font-size: 42px;
    color: #f3f4f6;
    display: block;
    margin-bottom: 12px;
}
.kq-post-table .kq-empty-row td.kq-empty p {
    margin: 0 0 16px;
    font-size: 14px;
    color: #6b7280;
}
.kq-post-table .kq-empty-row td.kq-empty .kq-empty-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    background: #111827;
    color: #fff !important;
    text-decoration: none;
    font-weight: 600;
    border-radius: 999px;
    font-size: 13px;
    transition: background .15s ease;
}
.kq-post-table .kq-empty-row td.kq-empty .kq-empty-cta:hover { background: #1f2937; }

/* ── 모바일 (720px↓): 표 → 카드형 ── */
@media (max-width: 720px) {
    .kq-table-wrap { border-radius: 12px; }
    .kq-post-table { table-layout: auto; }
    .kq-post-table colgroup,
    .kq-post-table thead { display: none; }
    .kq-post-table, .kq-post-table tbody, .kq-post-table tr, .kq-post-table td {
        display: block;
        width: 100%;
    }
    .kq-post-table tbody tr {
        position: relative;
        padding: 16px 18px;
        border-bottom: 1px solid #f5f5f5;
    }
    .kq-post-table tbody tr.is-notice {
        background: #fffdf5;
    }
    .kq-post-table tbody tr.is-notice td { background: transparent; }
    .kq-post-table tbody tr:last-child { border-bottom: 0; }
    .kq-post-table tbody td {
        padding: 0;
        border: 0;
        text-align: left;
    }
    .kq-post-table .col-no { display: none; }
    .kq-post-table .col-status,
    .kq-post-table .col-cat {
        display: inline-block;
        margin-right: 6px;
    }
    .kq-post-table .col-title {
        display: block;
        padding: 0;
        margin: 8px 0 8px;
    }
    .kq-post-table .col-title .kq-title-link {
        font-size: 15px;
        font-weight: 600;
        white-space: normal;
        line-height: 1.5;
        color: #111827;
    }
    /* 조회수 완전 제거 (mobile) */
    .kq-post-table .col-hit { display: none !important; }

    .kq-post-table .col-author,
    .kq-post-table .col-date {
        display: inline-block;
        font-size: 12px;
        color: #6b7280;
        margin-right: 10px;
        font-weight: 500;
    }
    .kq-post-table .col-author::before { content: "👤 "; font-size: 11px; }
    .kq-post-table .col-date::before   { content: "📅 "; font-size: 11px; }

    /* 카드 배경 강화 — 흰색↔흰색 가독성 개선 */
    .kq-post-table tbody tr {
        background: #f9fafb !important;
        border: 1px solid #e5e7eb !important;
        border-left: 4px solid #e9ecef !important;
        box-shadow: none !important;
    }
    .kq-post-table tbody tr.is-pending {
        background: #fff5f5 !important;
        border-color: #fecaca !important;
        border-left-color: #ef4444 !important;
    }
    .kq-post-table tbody tr.is-answered {
        background: #f0fdf4 !important;
        border-color: #bbf7d0 !important;
        border-left-color: #10b981 !important;
    }
    .kq-post-table tbody tr.is-notice {
        background: #fffbeb !important;
        border-color: #fde68a !important;
        border-left-color: #f8b500 !important;
    }
    .kq-post-table tbody tr:hover {
        background: #fffbeb !important;
        border-color: #f8b500 !important;
    }
}