#bo_list.oracle-board { max-width:1224px; margin:0 auto; padding:152px 20px 96px; color:var(--text-primary); font-family:inherit; }
.oracle-board__head { border-bottom:1px solid var(--hairline); padding-bottom:28px; margin-bottom:28px; }
.oracle-board__eyebrow { margin:0 0 10px; font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-on-muted); font-weight:700; }
.oracle-board__head h2 { margin:0; font-size:clamp(32px, 4.2vw, 48px); line-height:1.18; font-weight:700; color:var(--text-primary); }
.oracle-board__summary { margin:14px 0 0; font-size:16px; line-height:1.7; color:var(--text-on-muted); }
.oracle-board__category { margin:0 0 30px; }
.oracle-board__category h2 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
.oracle-board__category ul { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.oracle-board__category a { display:block; padding:10px 16px; border:1px solid var(--hairline); border-radius:999px; color:var(--text-on-muted); background:#fff; font-size:14px; }
.oracle-board__category #bo_cate_on { background:var(--accent-point); border-color:var(--accent-point); color:#fff; }
.oracle-board__toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; }
.oracle-board__count { margin:0; font-size:14px; color:var(--text-on-muted); }
.oracle-board__count strong { color:var(--accent-point); }
.oracle-board__count span { margin-left:8px; color:var(--text-on-muted); }
.oracle-board__actions { display:flex; align-items:center; gap:8px; }
.oracle-board__icon, .oracle-board__write { display:inline-flex; align-items:center; justify-content:center; height:40px; border:0; box-shadow:inset 0 0 0 1.5px var(--hairline); background:#fff; color:var(--accent-point); text-decoration:none; }
.oracle-board__icon { width:40px; border-radius:50%; cursor:pointer; }
.oracle-board__write { padding:0 18px; border-radius:999px; background:var(--accent-point); box-shadow:inset 0 0 0 1.5px var(--accent-point); color:#fff; font-size:14px; font-weight:700; }
.oracle-board__admin { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 18px; padding:13px 16px; background:var(--surface-muted); border:1px solid var(--hairline); border-radius:8px; color:var(--text-on-muted); font-size:13px; }
.oracle-board__admin button { height:32px; padding:0 12px; border:0; box-shadow:inset 0 0 0 1.5px var(--hairline); border-radius:4px; background:#fff; color:var(--text-on-muted); }
.oracle-notice-list { margin:0; padding:0; list-style:none; border-top:2px solid var(--text-primary); }
.oracle-notice-list__item { position:relative; border-bottom:1px solid var(--hairline); background:#fff; transition:background .18s ease; }
.oracle-notice-list__item:hover { background:var(--surface-muted); }
.oracle-notice-list__item.is-notice { background:var(--surface-muted); }
.oracle-notice-list__link { display:grid; grid-template-columns:160px minmax(0,1fr) 140px; align-items:center; gap:22px; min-height:112px; padding:22px 10px; color:inherit; text-decoration:none; }
.oracle-notice-list__check { position:absolute; left:12px; top:12px; z-index:1; }
.oracle-notice-list__no { display:inline-flex; align-items:center; justify-content:center; width:52px; height:32px; border-radius:999px; background:var(--surface-muted); color:var(--text-on-muted); font-size:14px; font-weight:700; }
.is-notice .oracle-notice-list__no { background:var(--accent-point); color:#fff; }
.oracle-notice-list__body { min-width:0; display:block; }
.oracle-notice-list__meta { display:flex; align-items:center; gap:9px; margin-bottom:8px; color:var(--text-on-muted); font-size:14px; }
.oracle-notice-list__meta em { display:inline-flex; align-items:center; height:24px; padding:0 9px; border-radius:999px; background:var(--surface-muted); color:var(--accent-point); font-style:normal; font-weight:700; }
.oracle-notice-list__body strong { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:20px; line-height:1.45; color:var(--text-primary); font-weight:700; }
.oracle-notice-list__excerpt { display:block; margin-top:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:var(--text-on-muted); font-size:16px; line-height:1.55; }
.oracle-notice-list__comment { margin-left:6px; color:var(--accent-point); font-size:14px; }
.oracle-notice-list__stats { display:flex; flex-direction:column; align-items:flex-end; gap:6px; color:var(--text-on-muted); font-size:14px; }

/* ── [요청] 상담현황 배지(글 번호 오른쪽) + 작성자 마스킹(조회 위) ──────────────
   상담현황: 글쓰기 버튼처럼 스킨 accent 톤 pill. 답변완료=채움 / 상담대기=외곽선.
   작성자: 구 www 목록처럼 앞글자+나머지 ○ 마스킹. */
.oracle-notice-list__head { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.oracle-notice-list__state { display:inline-flex; align-items:center; justify-content:center; height:28px; padding:0 12px; border-radius:999px; font-size:12px; font-weight:700; line-height:1; white-space:nowrap; }
.oracle-notice-list__state.is-done { background:var(--accent-point); color:#fff; }
.oracle-notice-list__state.is-wait { background:#fff; color:var(--accent-point); box-shadow:inset 0 0 0 1.5px var(--accent-point); }
.oracle-notice-list__writer { color:var(--text-primary); font-weight:600; }
/* [요청] 비밀글 자물쇠(제목 옆) — G5 icon_secret(fa fa-lock) 톤/간격 */
.oracle-notice-list__body strong .fa-lock { margin-right:5px; color:var(--accent-point); font-size:0.85em; vertical-align:baseline; }
.oracle-board__empty { padding:70px 20px; border-bottom:1px solid var(--hairline); text-align:center; color:var(--text-on-muted); }
.bo_sch_wrap { display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; }
.bo_sch_bg { position:absolute; inset:0; background:rgba(18,28,26,.45); }
.bo_sch { position:absolute; left:50%; top:50%; z-index:2; width:min(520px, calc(100% - 32px)); padding:32px; transform:translate(-50%,-50%); border:0; border-radius:8px; background:#fff; box-shadow:0 22px 70px rgba(20,35,32,.22); }
.bo_sch h3 { margin:0 0 18px; font-size:22px; color:var(--text-primary); }
.bo_sch select, .bo_sch .sch_input { height:44px; border:1px solid var(--hairline); border-radius:4px; background:#fff; color:var(--text-primary); }
.bo_sch select { width:100%; margin-bottom:10px; padding:0 12px; }
.sch_bar { display:flex; gap:8px; }
.bo_sch .sch_input { flex:1; min-width:0; padding:0 14px; }
.bo_sch .sch_btn { width:46px; border:0; border-radius:4px; background:var(--accent-point); color:#fff; }
.bo_sch_cls { position:absolute; right:16px; top:16px; border:0; background:transparent; color:var(--text-on-muted); font-size:20px; }
/* ── [수정] 페이지네이션 깨짐 (모바일 2행 / 하단 tail 침범 / 버튼 테두리 소실) ────────────
   원인: 코어 default.css의 .pg_wrap{float:left}가 oracle.css flex 위에 남아(oracle는 float 미지정),
   플로트가 정상 흐름에서 빠져 부모 높이에 안 잡히며 하단 tail 영역을 침범. 모바일선 버튼이 2행 wrap.
   해결: float 해제로 흐름 복귀 + 모바일 한 줄 가로 스크롤 + pill 테두리(box-shadow) 명시 재확인. */
.oracle-board .pg_wrap { float:none; clear:both; margin-top:34px; }
.oracle-board .pg_page, .oracle-board .pg a { box-shadow:inset 0 0 0 1.5px var(--border-muted); border:0; background:transparent; }
.oracle-board .pg_current, .oracle-board .pg strong { box-shadow:inset 0 0 0 1.5px var(--accent-point); border:0; background:var(--accent-point); color:var(--surface-muted); }
/* [요청] PC=페이지 번호 10개 / 모바일=5개. 반응형 테마라 두 벌 렌더 후 미디어쿼리로 전환(가로 스크롤 없이 한 줄) */
.oracle-pg--mo { display:none; }
@media (max-width:768px) {
    .oracle-pg--pc { display:none; }
    .oracle-pg--mo { display:block; }
    .oracle-board .pg { flex-wrap:wrap; justify-content:center; gap:5px; }
    .oracle-board .pg_page, .oracle-board .pg_current, .oracle-board .pg a, .oracle-board .pg strong { min-width:38px; height:38px; }
}
.oracle-board-view { max-width:1224px; margin:0 auto; padding:152px 20px 96px; color:var(--text-primary); font-family:inherit; }
.oracle-board-view__hero { padding:0 0 32px; border-bottom:1px solid var(--hairline); }
.oracle-board-view__eyebrow { margin:0 0 10px; color:var(--text-on-muted); font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.oracle-board-view__cate { display:inline-flex; align-items:center; height:28px; margin-bottom:14px; padding:0 11px; border-radius:999px; background:var(--surface-muted); color:var(--accent-point); font-size:13px; font-weight:800; }
.oracle-board-view__hero h1 { max-width:900px; margin:0; color:var(--text-primary); font-size:clamp(28px, 3.4vw, 40px); font-weight:800; line-height:1.25; letter-spacing:0; word-break:keep-all; }
.oracle-board-view__meta { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:18px; color:var(--text-on-muted); font-size:14px; line-height:1.5; }
.oracle-board-view__actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:26px; }
.oracle-board-view__button { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 16px; border:0; box-shadow:inset 0 0 0 1.5px var(--hairline); border-radius:999px; background:#fff; color:var(--accent-point); font-size:14px; font-weight:700; text-decoration:none; }
.oracle-board-view__button--primary { background:var(--accent-point); box-shadow:inset 0 0 0 1.5px var(--accent-point); color:#fff; }
.oracle-board-view__body { margin:38px 0 0; } /* [수정] 히어로 구분선과 동일 전체폭 */
.oracle-board-view__content { color:var(--text-primary); font-size:18px; line-height:1.9; word-break:keep-all; }
.oracle-board-view__content p { margin:0 0 18px; }
.oracle-board-view__content img { display:block; width:100%; max-width:760px; height:auto !important; margin:0 auto 22px; object-fit:contain; }
.oracle-board-view--notice .oracle-board-view__content { padding:34px; border:1px solid var(--hairline); border-radius:8px; background:#fff; }
.oracle-board-view__signature { margin-top:32px; color:var(--text-on-muted); font-size:14px; }
.oracle-board-view__files { margin:34px 0 0; padding:22px; border:1px solid var(--hairline); border-radius:8px; background:var(--surface-muted); }
.oracle-board-view__files h2 { margin:0 0 12px; color:var(--text-primary); font-size:17px; }
.oracle-board-view__files ul { margin:0; padding:0; list-style:none; }
.oracle-board-view__files li { display:flex; flex-wrap:wrap; gap:8px 12px; color:var(--text-on-muted); font-size:14px; }
.oracle-board-view__files a { color:var(--accent-point); font-weight:700; }
.oracle-board-view__nav { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; margin:42px 0 0; }
.oracle-board-view__nav a { display:block; min-width:0; padding:18px 20px; border:1px solid var(--hairline); border-radius:8px; background:#fff; text-decoration:none; }
.oracle-board-view__nav span { display:block; margin-bottom:6px; color:var(--text-on-muted); font-size:13px; font-weight:800; }
.oracle-board-view__nav strong { display:block; overflow:hidden; color:var(--text-primary); font-size:15px; line-height:1.5; white-space:nowrap; text-overflow:ellipsis; }
.oracle-board-view #bo_vc,
.oracle-board-view #bo_vc_w { margin-left:0; margin-right:0; } /* [수정] 전체폭 */
#bo_w.oracle-board-write { max-width:1000px; margin:0 auto; padding:152px 20px 96px; color:var(--text-primary); font-family:inherit; }
.oracle-board-write__head { padding-bottom:28px; margin-bottom:28px; border-bottom:1px solid var(--hairline); }
.oracle-board-write__eyebrow { margin:0 0 10px; color:var(--text-on-muted); font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.oracle-board-write__head h1 { margin:0; color:var(--text-primary); font-size:clamp(32px, 4.2vw, 48px); font-weight:800; line-height:1.18; letter-spacing:0; }
.oracle-board-write__summary { margin:14px 0 0; color:var(--text-on-muted); font-size:16px; line-height:1.7; }
#bo_w.oracle-board-write #fwrite { width:100% !important; padding:36px 40px 40px; border:1px solid var(--hairline); border-radius:8px; background:#fff; }
#bo_w.oracle-board-write .write_div { margin:0 0 16px; }
#bo_w.oracle-board-write .bo_w_info { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; }
#bo_w.oracle-board-write .bo_w_info:empty { display:none; }
#bo_w.oracle-board-write .half_input {width:100% !important;margin-left:0 !important}
#bo_w.oracle-board-write input.frm_input,
#bo_w.oracle-board-write select,
#bo_w.oracle-board-write textarea { width:100%; min-height:52px; padding:0 16px; border:1px solid var(--hairline); border-radius:8px; background:var(--surface-muted); color:var(--text-primary); font-size:15px; line-height:1.5; transition:border-color .16s ease, background-color .16s ease; }
#bo_w.oracle-board-write input.frm_input:focus,
#bo_w.oracle-board-write select:focus,
#bo_w.oracle-board-write textarea:focus { border-color:var(--accent-point); background:#fff; outline:0; }
#bo_w.oracle-board-write textarea,
#bo_w.oracle-board-write .wr_content textarea { min-height:300px; padding:16px; resize:vertical; }
#bo_w.oracle-board-write .bo_v_option { display:flex; flex-wrap:wrap; gap:8px 16px; margin:0; padding:14px 16px; border:1px solid var(--hairline); border-radius:8px; background:var(--surface-muted); list-style:none; }
#bo_w.oracle-board-write .bo_v_option li { display:flex; align-items:center; min-height:24px; color:var(--text-on-muted); font-size:14px; }
#bo_w.oracle-board-write .bo_v_option input { margin-right:7px; }
#bo_w.oracle-board-write #autosave_wrapper { position:relative; margin-bottom:0; }
#bo_w.oracle-board-write #btn_autosave { position:absolute; right:8px; top:50%; height:36px; padding:0 13px; transform:translateY(-50%); border:0; box-shadow:inset 0 0 0 1.5px var(--hairline); border-radius:999px; background:#fff; color:var(--text-on-muted); font-size:13px; font-weight:700; }
#bo_w.oracle-board-write #wr_subject { padding-right:170px; }
#bo_w.oracle-board-write #autosave_pop { display:none; position:absolute; right:0; top:100%; margin-top:6px; z-index:1000; width:350px; padding:20px; border:1px solid var(--hairline); border-radius:8px; background:#fff; box-shadow:0 10px 30px rgba(29, 45, 41, 0.12); }
#bo_w.oracle-board-write #autosave_pop strong { display:block; margin-bottom:12px; font-size:16px; color:var(--text-primary); font-weight:700; }
#bo_w.oracle-board-write #autosave_pop ul { margin:0 0 16px; padding:0; list-style:none; max-height:200px; overflow-y:auto; }
#bo_w.oracle-board-write #autosave_pop li { display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-bottom:1px solid var(--surface-muted); }
#bo_w.oracle-board-write #autosave_pop li:last-child { border-bottom:0; }
#bo_w.oracle-board-write #autosave_pop li a { color:var(--accent-point); font-size:14px; text-decoration:none; }
#bo_w.oracle-board-write #autosave_pop li a:hover { text-decoration:underline; }
#bo_w.oracle-board-write #autosave_pop li span { display:inline-flex; align-items:center; gap:8px; font-size:12px; color:var(--text-on-muted); }
#bo_w.oracle-board-write #autosave_pop .autosave_del { height:22px; padding:0 8px; border:0; box-shadow:inset 0 0 0 1.5px var(--hairline); border-radius:4px; background:var(--surface-muted); color:var(--text-on-muted); font-size:11px; font-weight:500; cursor:pointer; }
#bo_w.oracle-board-write #autosave_pop .autosave_del:hover { background:var(--surface-muted); color:var(--feedback-error); box-shadow:inset 0 0 0 1.5px var(--hairline); }
#bo_w.oracle-board-write #autosave_pop .autosave_close { width:100%; height:36px; border:0; box-shadow:inset 0 0 0 1.5px var(--hairline); border-radius:4px; background:#fff; color:var(--text-on-muted); font-size:13px; font-weight:700; cursor:pointer; }
#bo_w.oracle-board-write #autosave_pop .autosave_close:hover { background:var(--surface-muted); }

#bo_w.oracle-board-write .cke_sc { margin:0 0 10px; text-align:right; }
#bo_w.oracle-board-write .btn_cke_sc { display:inline-flex; align-items:center; justify-content:center; height:32px; padding:0 12px; border:0; box-shadow:inset 0 0 0 1.5px var(--hairline); border-radius:4px; background:#fff; color:var(--text-on-muted); font-size:13px; font-weight:700; cursor:pointer; transition:background-color .16s ease, border-color .16s ease; }
#bo_w.oracle-board-write .btn_cke_sc:hover { background:var(--surface-muted); box-shadow:inset 0 0 0 1.5px var(--hairline); }
#bo_w.oracle-board-write .cke_sc_def { margin:10px 0; padding:20px; border:1px solid var(--hairline); border-radius:8px; background:var(--surface-muted); text-align:left; }
#bo_w.oracle-board-write .cke_sc_def dl { margin:0; }
#bo_w.oracle-board-write .cke_sc_def dt, #bo_w.oracle-board-write .cke_sc_def dd { padding:8px 0; border-bottom:1px solid var(--surface-muted); font-size:13px; }
#bo_w.oracle-board-write .cke_sc_def dt { font-weight:700; color:var(--text-primary); }
#bo_w.oracle-board-write .cke_sc_def dd { color:var(--text-on-muted); }

#bo_w.oracle-board-write .bo_w_link,
#bo_w.oracle-board-write .bo_w_flie { position:relative; }
#bo_w.oracle-board-write .bo_w_link label,
#bo_w.oracle-board-write .bo_w_flie .lb_icon { position:absolute; left:14px; top:16px; z-index:1; color:var(--text-on-muted); }
#bo_w.oracle-board-write .bo_w_link input { padding-left:42px; }
#bo_w.oracle-board-write .file_wr { display:flex; align-items:center; gap:10px; min-height:56px; padding:12px 14px 12px 42px; border:1px dashed var(--hairline); border-radius:8px; background:var(--surface-muted); }
#bo_w.oracle-board-write .frm_file { width:100%; color:var(--text-on-muted); font-size:14px; }
#bo_w.oracle-board-write .file_del { display:block; margin-top:8px; color:var(--text-on-muted); font-size:13px; }
#bo_w.oracle-board-write #char_count_desc,
#bo_w.oracle-board-write #char_count_wrap { color:var(--text-on-muted); font-size:13px; }
#bo_w.oracle-board-write .btn_confirm { display:flex; justify-content:flex-end; gap:10px; margin:24px 0 0; }
#bo_w.oracle-board-write .btn_confirm .btn,
#bo_w.oracle-board-write .btn_confirm a,
#bo_w.oracle-board-write .btn_confirm button { display:inline-flex; align-items:center; justify-content:center; min-width:124px; height:48px; padding:0 22px; border-radius:999px; font-size:15px; font-weight:800; text-decoration:none; cursor:pointer; }
#bo_w.oracle-board-write .btn_cancel { border:0; box-shadow:inset 0 0 0 1.5px var(--hairline); background:#fff; color:var(--text-on-muted); }
#bo_w.oracle-board-write .btn_submit { border:0; box-shadow:inset 0 0 0 1.5px var(--accent-point); background:var(--accent-point); color:#fff; }

/* Captcha styling */
#bo_w.oracle-board-write #captcha {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 16px;
    border: 1px solid var(--hairline);
    border-radius: 8px;
    background: var(--surface-muted);
}
#bo_w.oracle-board-write #captcha legend {
    display: none;
}
#bo_w.oracle-board-write #captcha_img {
    height: 44px !important;
    border: 1px solid var(--hairline) !important;
    border-radius: 6px;
}
#bo_w.oracle-board-write #captcha_key {
    height: 44px !important;
    min-height: 44px !important;
    width: 100px !important;
    padding: 0 10px !important;
    border: 1px solid var(--hairline) !important;
    border-radius: 6px;
    font-size: 16px !important;
    background: #fff !important;
}
#bo_w.oracle-board-write #captcha_mp3,
#bo_w.oracle-board-write #captcha_reload {
    width: 44px !important;
    height: 44px !important;
    border: 1px solid var(--hairline) !important;
    border-radius: 6px;
    background-color: #fff !important;
}
#bo_w.oracle-board-write #captcha_info {
    width: 100%;
    margin-top: 6px;
    color: var(--text-on-muted);
    font-size: 13px;
}

@media (max-width: 768px) {
    #bo_list.oracle-board { padding:112px 16px 72px; }
    .oracle-board__head h2 { font-size:32px; }
    .oracle-board__summary { font-size:16px; }
    .oracle-board__toolbar { align-items:flex-start; flex-direction:column; }
    .oracle-notice-list__link { grid-template-columns:auto minmax(0,1fr); gap:12px; min-height:auto; padding:18px 0; }
    .oracle-notice-list__stats { grid-column:2; align-items:flex-start; flex-direction:row; gap:12px; }
    .oracle-notice-list__body strong { font-size:18px; white-space:normal; }
    .oracle-notice-list__excerpt { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
    .oracle-board-view { padding:112px 16px 72px; }
    .oracle-board-view__hero h1 { font-size:28px; }
    .oracle-board-view__body { margin-top:28px; }
    .oracle-board-view__content { font-size:16px; line-height:1.8; }
    .oracle-board-view--notice .oracle-board-view__content { padding:22px; }
    .oracle-board-view__nav { grid-template-columns:1fr; }
    #bo_w.oracle-board-write { padding:112px 16px 72px; }
    .oracle-board-write__head { padding-bottom:24px; margin-bottom:24px; }
    .oracle-board-write__head h1 { font-size:32px; }
    .oracle-board-write__summary { font-size:16px; }
    #bo_w.oracle-board-write #fwrite { padding:0; border:0; border-radius:0; background:transparent; }
    #bo_w.oracle-board-write .bo_w_info { grid-template-columns:1fr; gap:10px; }
    #bo_w.oracle-board-write input.frm_input,
    #bo_w.oracle-board-write select,
    #bo_w.oracle-board-write textarea { min-height:50px; font-size:15px; }
    #bo_w.oracle-board-write textarea,
    #bo_w.oracle-board-write .wr_content textarea { min-height:260px; }
    #bo_w.oracle-board-write #wr_subject { padding-right:16px; }
    #bo_w.oracle-board-write #btn_autosave { position:static; width:100%; margin-top:8px; transform:none; }
    #bo_w.oracle-board-write #autosave_pop { width:100%; }
    #bo_w.oracle-board-write .bo_v_option { padding:13px 14px; }
    #bo_w.oracle-board-write .file_wr { padding-left:40px; }
    #bo_w.oracle-board-write .btn_confirm { flex-direction:column-reverse; gap:8px; margin-top:22px; }
    #bo_w.oracle-board-write .btn_confirm .btn,
    #bo_w.oracle-board-write .btn_confirm a,
    #bo_w.oracle-board-write .btn_confirm button { width:100%; height:50px; }
}

/* 공지사항·온라인상담(oracle_notice 스킨 공용): 콘텐츠 영역 배경 흰색 */
#bo_list.oracle-board { background:#fff; }
.oracle-board .oracle-notice-list__item,
.oracle-board .oracle-notice-list__item.is-notice,
.oracle-board .oracle-notice-list__item:hover { background:#fff; }
.oracle-board .oracle-board__empty { background:#fff; }

/* 컨테이너(메인 영역) 배경도 흰색 */
#container.oracle-main:has(#bo_list.oracle-board) { background:#fff !important; }

/* 게시판 링크 밑줄 제거 */
#bo_list a, #bo_list a:hover,
#bo_view a, #bo_view a:hover,
#bo_w a, #bo_w a:hover { text-decoration:none; }

/* 관리 툴바 + 게시글 view 페이지 배경 흰색 */
.oracle-board__admin { background:#fff !important; }
#bo_v.oracle-board-view { background:#fff !important; }
#bo_v .oracle-board-view__body { background:#fff !important; }
#bo_v .oracle-board-view__files { background:#fff !important; }
#container.oracle-main:has(#bo_v.oracle-board-view) { background:#fff !important; }

/* view 게시물 콘텐츠 영역 테두리 제거 */
#bo_v .oracle-board-view__content,
#bo_v .oracle-board-view__body { border:0 !important; }

/* 글쓰기 페이지: 제목을 다른 페이지처럼 진한 색으로 (oracle.css의 section:first-child h1 흰색 규칙 상쇄) */
#bo_w.oracle-board-write h1 { color:var(--text-primary); }

/* 글쓰기 페이지: 입력 필드 배경 흰색 */
#bo_w.oracle-board-write input.frm_input,
#bo_w.oracle-board-write select,
#bo_w.oracle-board-write textarea { background:#fff; }
#bo_w.oracle-board-write .file_wr { background:#fff; }
#bo_w.oracle-board-write .bo_v_option { background:#fff; }
#bo_w.oracle-board-write #captcha { background:#fff; }

/* 상담 전용: 개인정보 수집·이용 동의 박스 */
#bo_w.oracle-board-write .oracle-consult-agree { margin:22px 0 0; padding:16px 18px; border:1px solid var(--hairline); border-radius:8px; background:#fff; }
#bo_w.oracle-board-write .oracle-consult-agree__label { display:flex; align-items:flex-start; gap:9px; margin:0; cursor:pointer; font-size:14px; font-weight:700; color:var(--text-primary); }
#bo_w.oracle-board-write .oracle-consult-agree__label input { flex:0 0 auto; width:16px; height:16px; margin-top:2px; accent-color:var(--accent-point); }
#bo_w.oracle-board-write .oracle-consult-agree__label em { color:var(--accent-point); font-style:normal; }
#bo_w.oracle-board-write .oracle-consult-agree__desc { margin:8px 0 0 25px; font-size:12px; line-height:1.6; color:var(--text-on-muted); }
#bo_w.oracle-board-write .oracle-consult-agree__policy { max-height:170px; overflow-y:auto; margin:12px 0 0; padding:14px 16px; border:1px solid var(--hairline); border-radius:6px; background:#fff; font-size:12px; line-height:1.75; color:var(--text-on-muted); -webkit-overflow-scrolling:touch; }
#bo_w.oracle-board-write .oracle-consult-agree__policy:focus { outline:2px solid var(--accent-point); outline-offset:1px; }
#bo_w.oracle-board-write .oracle-consult-agree__policy h4 { margin:0 0 12px; font-size:13px; font-weight:800; color:var(--text-primary); }
#bo_w.oracle-board-write .oracle-consult-agree__policy p { margin:0 0 13px; white-space:normal; word-break:keep-all; }
#bo_w.oracle-board-write .oracle-consult-agree__policy p:last-child { margin-bottom:0; }
#bo_w.oracle-board-write .oracle-consult-agree__policy strong { color:var(--text-primary); font-weight:700; }

/* ==========================================================================
   [상담 스킨] 댓글(답변) 영역 — 오라클 UI 톤 정돈 (2026-07-23)
   기본 default.css의 회색 박스 스타일을 오라클 디자인 토큰으로 오버라이드
   ========================================================================== */

/* 댓글 토글 바 — 제거 (사용자 요청: 선/펼침접힘 불필요, 항상 펼침) */
.oracle-board-view .cmt_btn { display:none !important; }

/* 댓글 목록 — 본문(860px)과 동일 폭 정렬 */
.oracle-board-view #bo_vc { margin:44px 0 0; padding:28px 0 0; border:0; border-top:1px solid var(--hairline); background:transparent; } /* [수정] 본문-댓글 구분선 */
.oracle-board-view #bo_vc > h2 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
.oracle-board-view #bo_vc article { position:relative; margin:0; padding:20px 4px; border:0; border-bottom:1px solid var(--hairline); background:transparent; }
.oracle-board-view #bo_vc header { position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 10px; padding:0; background:transparent; border:0; font-size:14px; font-weight:700; color:var(--text-primary); }
.oracle-board-view #bo_vc header h2 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
.oracle-board-view #bo_vc .bo_vc_hdinfo { font-size:13px; font-weight:400; color:var(--text-on-muted); }
.oracle-board-view #bo_vc .bo_vc_hdinfo .fa { margin-right:4px; }
.oracle-board-view #bo_vc .cmt_contents { margin:0; padding:0; }
.oracle-board-view #bo_vc .cmt_contents p { margin:0; font-size:15px; line-height:1.75; color:var(--text-primary); word-break:break-word; }
.oracle-board-view #bo_vc_empty { margin:0; padding:26px 4px; border-bottom:1px solid var(--hairline); color:var(--text-on-muted); font-size:14px; text-align:center; }

/* 프로필 아이콘 숨김 (요청) */
.oracle-board-view #bo_vc .pf_img { display:none !important; }

/* 댓글 옵션(⋮) 버튼 + 드롭다운 */
.oracle-board-view #bo_vc .bo_vl_opt { position:absolute; top:16px; right:4px; z-index:500; } /* [수정] 헤더(inline z-index)가 버튼을 덮어 hover/클릭이 부분 차단되던 문제 */
.oracle-board-view #bo_vc .btn_cm_opt { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border:0; border-radius:50%; box-shadow:inset 0 0 0 1.5px var(--hairline); background:#fff; color:var(--text-on-muted); cursor:pointer; }
.oracle-board-view #bo_vc .btn_cm_opt:hover { box-shadow:inset 0 0 0 1.5px var(--accent-point); color:var(--accent-point); }
.oracle-board-view #bo_vc .bo_vc_act { display:none; position:absolute; top:36px; right:0; z-index:10; min-width:96px; margin:0; padding:6px 0; list-style:none; background:#fff; border:1px solid var(--hairline); border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,.08); }
.oracle-board-view #bo_vc .bo_vc_act li { margin:0; padding:0; border:0; }
.oracle-board-view #bo_vc .bo_vc_act a { display:block; padding:9px 16px; color:var(--text-primary); font-size:13px; text-decoration:none; }
.oracle-board-view #bo_vc .bo_vc_act a:hover { background:var(--surface-muted); color:var(--accent-point); }

/* 댓글쓰기 폼 — 카드/필드 스타일을 폼(#fviewcomment) 자체에 부여
   (수정/답변 시 JS comment_box()가 form만 떼어 댓글 안 슬롯으로 이동시키므로,
    컨테이너(#bo_vc_w) 기준 스타일은 이동 후 풀려 폼이 깨진다) */
.oracle-board-view #bo_vc_w { display:block; margin:28px 0 0; }
.oracle-board-view #bo_vc_w > h2 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
.oracle-board-view #fviewcomment { display:block; padding:24px; border:1px solid var(--hairline); border-radius:14px; background:var(--surface-muted); }
.oracle-board-view #fviewcomment #char_cnt { display:block; margin:0 0 6px; color:var(--text-on-muted); font-size:12px; font-weight:400; }
.oracle-board-view #fviewcomment textarea { display:block; width:100%; min-height:110px; padding:14px 16px; border:1px solid var(--hairline); border-radius:10px; background:#fff; color:var(--text-primary); font-size:15px; line-height:1.7; font-family:inherit; resize:vertical; box-sizing:border-box; }
.oracle-board-view #fviewcomment textarea:focus { outline:0; border-color:var(--accent-point); }
.oracle-board-view #fviewcomment .bo_vc_w_wr { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; margin-top:14px; }
.oracle-board-view #fviewcomment .bo_vc_w_info { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.oracle-board-view #fviewcomment .frm_input { height:44px; padding:0 14px; border:1px solid var(--hairline); border-radius:10px; background:#fff; color:var(--text-primary); font-size:14px; box-sizing:border-box; }
.oracle-board-view #fviewcomment .frm_input:focus { outline:0; border-color:var(--accent-point); }
.oracle-board-view #fviewcomment .btn_confirm { display:flex; align-items:center; gap:14px; margin-left:auto; }
.oracle-board-view #fviewcomment .secret_cm label { display:inline-flex; align-items:center; gap:6px; color:var(--text-on-muted); font-size:14px; cursor:pointer; }
.oracle-board-view #fviewcomment .btn_submit { display:inline-flex; align-items:center; justify-content:center; height:46px; padding:0 26px; border:0; border-radius:999px; background:var(--accent-point); color:#fff; font-size:14px; font-weight:700; cursor:pointer; }
.oracle-board-view #fviewcomment .btn_submit:hover { filter:brightness(.94); }

/* 답변/수정 인라인 폼 슬롯 — 댓글 본문 안으로 이동한 폼 */
.oracle-board-view #bo_vc .bo_vc_w { display:block; }
.oracle-board-view #bo_vc .bo_vc_w #fviewcomment { margin:14px 0 0; background:#fff; }

@media (max-width: 640px) {
    .oracle-board-view #fviewcomment { padding:18px 14px; }
    .oracle-board-view #fviewcomment .bo_vc_w_wr { flex-direction:column; align-items:stretch; }
    .oracle-board-view #fviewcomment .btn_confirm { margin-left:0; justify-content:space-between; }
    .oracle-board-view #fviewcomment .btn_submit { width:100%; }
    .oracle-board-view #fviewcomment .bo_vc_w_info { width:100%; }
    .oracle-board-view #fviewcomment .frm_input { flex:1 1 45%; }
}