@charset "utf-8";

:root {
    --mh-ink: #303a3e;
    --mh-muted: #6f7b80;
    --mh-line: #e4e7e5;
    --mh-canvas: #f1f2f0;
    --mh-surface: #f7f8f6;
    --mh-accent: #4e7180;
    --mh-accent-dark: #3d5d69;
    --mh-accent-soft: #edf2f3;
    --mh-canvas-width: 1024px;
    --mh-canvas-height: 768px;
}

html,
body { width: 100%; height: 100%; overflow: hidden; }
body.mh-theme-page { background: var(--mh-canvas); color: var(--mh-ink); }

.mh-stage { position: relative; width: 100vw; height: 100vh; height: 100dvh; overflow: hidden; background: var(--mh-canvas); }
.mh-viewport { position: absolute; inset: 0 0 calc(68px + env(safe-area-inset-bottom, 0px)); overflow: hidden; touch-action: pan-x pan-y; }
.mh-viewport:focus-visible { outline: 2px solid rgba(65, 120, 175, .55); outline-offset: -3px; }
.mh-viewport.is-panning { cursor: grab; touch-action: none; }
.mh-viewport.is-dragging { cursor: grabbing; user-select: none; }

.mh-frame {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    width: var(--mh-canvas-width);
    height: var(--mh-canvas-height);
    padding: 17px 19px 14px;
    overflow: hidden;
    border: 1px solid var(--mh-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(38, 48, 52, .08);
    transform: translate(calc(-50% + var(--mh-pan-x, 0px)), calc(-50% + var(--mh-pan-y, 0px))) scale(var(--mh-scale, 1));
    transform-origin: center;
    will-change: transform;
}

.mh-skip { position: absolute; z-index: 120; top: 8px; left: 8px; padding: 8px 12px; transform: translateY(-150%); border-radius: 6px; background: #24364a; color: #fff; font-size: 12px; }
.mh-skip:focus { transform: translateY(0); }

.mh-header { display: grid; flex: 0 0 72px; grid-template-columns: 224px 205px minmax(0, 1fr); align-items: center; gap: 14px; min-width: 0; padding: 0 7px 10px; border-bottom: 1px solid var(--mh-line); }
.mh-brand { display: inline-flex; align-items: center; gap: 11px; min-width: 0; }
.mh-brand__mark { display: grid; flex: 0 0 42px; place-items: center; width: 42px; height: 42px; border: 1px solid #dce6ee; border-radius: 12px; background: #f1f6f9; color: #4c82b8; font-family: Georgia, serif; font-size: 28px; font-weight: 700; line-height: 1; }
.mh-brand__text { display: grid; min-width: 0; gap: 1px; }
.mh-brand__eyebrow { color: #8290a0; font-size: 9px; font-weight: 700; letter-spacing: .16em; }
.mh-brand__text strong { overflow: hidden; color: #28384c; font-size: 18px; font-weight: 750; letter-spacing: -.045em; text-overflow: ellipsis; white-space: nowrap; }

.mh-visits { display: grid; gap: 5px; min-width: 0; padding: 8px 11px; border-radius: 9px; background: #f5f7f9; }
.mh-visits__label { color: #7d8998; font-size: 10px; }
.mh-header__tools { display: grid; grid-template-columns: minmax(140px, 1fr) auto; grid-template-rows: 28px 18px; align-items: center; gap: 2px 10px; min-width: 0; }
.mh-search { position: relative; grid-row: 1 / span 2; min-width: 0; }
.mh-search input[type="search"] { display: block; width: 100%; height: 36px; padding: 0 37px 0 12px; border: 1px solid #dce4ea; border-radius: 8px; background: #fff; font-size: 12px; }
.mh-search input[type="search"]::placeholder { color: #9aa4ae; }
.mh-search input[type="search"]:focus { border-color: #9bb8d3; outline: 3px solid rgba(76, 130, 184, .12); }
.mh-search button { position: absolute; top: 0; right: 0; display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 0 8px 8px 0; background: transparent; color: #597a9c; }
.mh-account-links, .mh-shortcuts { display: flex; align-items: center; justify-content: flex-end; gap: 9px; min-width: 0; white-space: nowrap; }
.mh-account-links { grid-column: 2; grid-row: 1; }
.mh-account-links a { color: #657284; font-size: 10px; }
.mh-account-links .mh-account-links__admin { padding: 5px 9px; border-radius: 6px; background: #4c82b8; color: #fff; font-weight: 700; }
.mh-shortcuts { grid-column: 2; grid-row: 2; gap: 12px; }
.mh-shortcuts a { color: #8993a0; font-size: 10px; }
.mh-account-links a:hover, .mh-shortcuts a:hover { color: #315f92; }

.mh-layout { display: grid; flex: 1 1 auto; grid-template-columns: 211px minmax(0, 1fr) 154px; gap: 13px; min-height: 0; margin-top: 11px; }
.mh-profile, .mh-navigation, .mh-content { min-width: 0; min-height: 0; border: 1px solid var(--mh-line); border-radius: 11px; background: #fff; }
.mh-profile { display: flex; flex-direction: column; overflow: hidden; }
.mh-profile__identity { display: flex; flex: 0 0 252px; flex-direction: column; align-items: center; padding: 13px 15px 14px; text-align: center; }
.mh-panel-kicker { align-self: stretch; color: #8792a0; font-size: 10px; font-weight: 700; letter-spacing: .08em; }
.mh-panel-kicker::before { display: inline-block; width: 6px; height: 6px; margin: 0 7px 1px 0; border-radius: 50%; background: #d9b8c9; content: ""; }
.mh-avatar { display: grid; flex: 0 0 auto; place-items: center; width: 96px; height: 96px; margin: 15px auto 8px; overflow: hidden; border: 1px solid #e6ebee; border-radius: 50%; background: #edf2f5; }
.mh-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mh-profile__name { max-width: 100%; overflow: hidden; color: #2e3b4d; font-size: 17px; font-weight: 750; letter-spacing: -.045em; text-overflow: ellipsis; white-space: nowrap; }
.mh-profile__status { max-width: 175px; min-height: 32px; margin-top: 4px; color: #8792a0; font-size: 10px; line-height: 1.55; }
.mh-account-panel { flex: 1 1 auto; min-height: 0; padding: 12px 14px; border-top: 1px solid var(--mh-line); }

.mh-content { min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; padding: 13px; scrollbar-color: #91a9bc #f1f4f5; scrollbar-gutter: stable; scrollbar-width: auto; scroll-behavior: smooth; }
.mh-content::-webkit-scrollbar, .mh-navigation::-webkit-scrollbar { width: 9px; height: 9px; }
.mh-content::-webkit-scrollbar-track { border-radius: 6px; background: #f1f4f5; }
.mh-content::-webkit-scrollbar-thumb, .mh-navigation::-webkit-scrollbar-thumb { border: 2px solid #f1f4f5; border-radius: 6px; background: #91a9bc; }
.mh-content__heading { margin: 0 0 13px; padding: 1px 2px 10px; border-bottom: 1px solid var(--mh-line); }
.mh-content__eyebrow, .mh-section-eyebrow { color: #7890a8; font-size: 9px; font-weight: 700; letter-spacing: .14em; }
.mh-content__heading h2 { margin-top: 3px; color: #2b3a4e; font-size: 20px; font-weight: 750; letter-spacing: -.05em; }

.mh-home { display: grid; grid-template-rows: 190px minmax(0, 1fr); gap: 14px; min-height: 100%; }
.mh-home-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 39%; align-items: center; min-width: 0; overflow: hidden; padding: 17px 17px 15px 20px; border: 1px solid #e3eaf0; border-radius: 10px; background: #f7f9fa; }
.mh-home-hero__copy { position: relative; z-index: 1; min-width: 0; }
.mh-home-hero__eyebrow { display: flex; align-items: center; gap: 7px; color: #70869b; font-size: 9px; font-weight: 700; letter-spacing: .13em; }
.mh-home-hero__eyebrow span { width: 6px; height: 6px; border-radius: 50%; background: #c997ae; }
.mh-home-hero h2 { margin-top: 10px; color: #2d3c50; font-size: 24px; font-weight: 750; letter-spacing: -.06em; line-height: 1.25; }
.mh-home-hero h2 span { color: #426f9c; }
.mh-home-hero__description { margin-top: 7px; color: #718092; font-size: 12px; }
.mh-primary-link { display: inline-flex; align-items: center; gap: 9px; min-height: 32px; margin-top: 13px; padding: 0 12px; border-radius: 7px; background: #4c82b8; color: #fff; font-size: 11px; font-weight: 700; }
.mh-primary-link:hover { background: #3e70a4; }
.mh-primary-link i { font-size: 11px; }
.mh-room { display: grid; align-content: center; justify-items: center; min-width: 0; height: 100%; }
.mh-room img { display: block; width: 100%; max-height: 142px; object-fit: contain; }
.mh-room figcaption { margin-top: 2px; color: #8795a2; font-size: 8px; font-weight: 700; letter-spacing: .15em; }

.mh-stories { display: flex; flex-direction: column; min-height: 0; }
.mh-stories__heading { display: flex; flex: 0 0 39px; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.mh-stories__heading h2 { margin-top: 1px; color: #29394e; font-size: 18px; font-weight: 750; letter-spacing: -.05em; }
.mh-stories__heading > a { color: #73869a; font-size: 10px; white-space: nowrap; }
.mh-stories__heading > a:hover { color: #315f92; }
.mh-stories__grid { display: grid; flex: 1 1 auto; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(125px, 1fr); gap: 9px; min-height: 0; }
.mh-story-card { min-width: 0; min-height: 0; overflow: hidden; padding: 10px 11px; border: 1px solid #e4e9ed; border-radius: 9px; background: #fff; }
.mh-empty-state { display: flex; grid-column: 1 / -1; align-items: center; gap: 13px; min-height: 112px; padding: 18px; border: 1px dashed #d8e0e6; border-radius: 9px; background: #fafbfc; }
.mh-empty-state__mark { display: grid; flex: 0 0 38px; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: #eef3f6; color: #6283a1; font-family: Georgia, serif; font-size: 25px; font-weight: 700; }
.mh-empty-state h3 { color: #445367; font-size: 13px; font-weight: 700; }
.mh-empty-state p { margin-top: 3px; color: #86919d; font-size: 11px; }
.mh-empty-state > a { margin-left: auto; color: #4c82b8; font-size: 11px; white-space: nowrap; }

.mh-group { min-height: 100%; }
.mh-group .mh-stories__grid { grid-auto-rows: minmax(132px, auto); }

.mh-navigation { display: flex; flex-direction: column; overflow: auto; padding: 13px 10px 10px; scrollbar-color: #cbd5de transparent; scrollbar-width: thin; }
.mh-navigation__list { display: grid; align-content: start; gap: 4px; margin-top: 11px; }
.mh-navigation__item { min-width: 0; }
.mh-tab { display: flex; align-items: center; gap: 8px; min-height: 36px; min-width: 0; padding: 0 7px; border-radius: 7px; color: #566477; font-size: 11px; }
.mh-tab > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mh-tab:hover { background: #f5f8fa; color: #315f92; }
.mh-tab.is-active { background: #edf3f8; color: #345f88; font-weight: 700; }
.mh-tab__icon { display: grid; flex: 0 0 22px; place-items: center; width: 22px; height: 22px; border-radius: 6px; background: #f1f4f6; color: #70869b; font-size: 11px; }
.mh-tab.is-active .mh-tab__icon { background: #dce8f1; color: #4779a7; }
.mh-navigation__sublist { display: grid; gap: 1px; margin: 1px 0 5px 37px; padding-left: 8px; border-left: 1px solid #e7edf1; }
.mh-navigation__sublist a { display: block; overflow: hidden; padding: 4px 0; color: #788494; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.mh-navigation__sublist a:hover, .mh-navigation__sublist a[aria-current="page"] { color: #315f92; }
.mh-navigation__empty { margin-top: 12px; color: #8994a1; font-size: 10px; line-height: 1.6; }
.mh-navigation__setup { display: inline-flex; margin-top: 9px; padding: 5px 8px; border-radius: 5px; background: #edf3f8; color: #426f9c; font-size: 10px; }
.mh-navigation__footer { display: flex; justify-content: space-between; gap: 7px; margin-top: auto; padding-top: 9px; border-top: 1px solid var(--mh-line); }
.mh-navigation__footer a { color: #8993a0; font-size: 9px; }

.mh-footer { display: flex; flex: 0 0 37px; align-items: center; justify-content: center; gap: 14px; min-width: 0; padding: 6px 8px 0; color: #8792a0; }
.mh-footer__copy { overflow: hidden; max-width: 250px; color: #8390a0; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
#top_btn { display: grid; flex: 0 0 28px; place-items: center; width: 28px; height: 28px; border: 1px solid #dce4ea; border-radius: 7px; background: #fff; color: #66809b; }
#top_btn:hover { border-color: #b9cada; background: #f6f9fb; }

.mh-controls { position: absolute; z-index: 1000; bottom: calc(25px + env(safe-area-inset-bottom, 0px)); left: 50%; display: flex; align-items: center; justify-content: center; gap: 5px; width: max-content; max-width: calc(100vw - 24px); min-height: 42px; padding: 4px 6px; transform: translateX(-50%); border: 1px solid #dce4ea; border-radius: 10px; background: rgba(255, 255, 255, .96); box-shadow: 0 5px 20px rgba(35, 54, 74, .1); }
.mh-controls button { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; min-height: 32px; padding: 0 9px; border: 1px solid transparent; border-radius: 7px; background: #fff; color: #42556b; font-size: 10px; font-weight: 650; white-space: nowrap; }
.mh-controls button:hover { border-color: #dce4ea; background: #f7f9fa; }
.mh-controls button:disabled { opacity: .45; }
.mh-controls button[aria-pressed="true"] { border-color: #cbd9e5; background: #edf3f8; color: #315f92; }
.mh-controls output { min-width: 36px; color: #3d648c; font-size: 10px; font-weight: 700; text-align: center; font-variant-numeric: tabular-nums; }
.mh-controls__divider { width: 1px; height: 22px; margin: 0 2px; background: #e4e9ed; }
.mh-stage-note { position: absolute; right: 12px; bottom: calc(5px + env(safe-area-inset-bottom, 0px)); left: 12px; color: #84909c; font-size: 9px; text-align: center; }

#hd_pop { position: absolute; z-index: 60; top: 0; left: 0; width: 100%; height: 0; }
#hd_pop h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.hd_pops { position: absolute; border: 1px solid #dce4ea; border-radius: 8px; background: #fff; box-shadow: 0 8px 28px rgba(35, 54, 74, .18); }
.hd_pops img { max-width: 100%; }
.hd_pops_footer { position: relative; padding: 0; background: #33465a; color: #fff; text-align: left; }
.hd_pops_footer button { padding: 8px 10px; border: 0; color: #fff; }
.hd_pops_footer .hd_pops_reject { background: #33465a; text-align: left; }
.hd_pops_footer .hd_pops_close { position: absolute; top: 0; right: 0; background: #26384b; }

.mh-frame > .bo_sch_wrap { position: absolute; z-index: 100; inset: 0; width: auto; height: auto; background: rgba(35, 49, 64, .28); }
.mh-frame > .bo_sch_wrap .bo_sch_bg { position: absolute; inset: 0; width: auto; height: auto; background: transparent; }
.mh-frame > .bo_sch_wrap .bo_sch { top: 50%; left: 50%; width: min(330px, calc(100% - 40px)); max-height: calc(100% - 40px); margin: 0; transform: translate(-50%, -50%); }

@media (max-width: 640px) {
    .mh-viewport { bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
    .mh-controls { bottom: calc(24px + env(safe-area-inset-bottom, 0px)); flex-wrap: wrap; }
    .mh-stage-note { display: none; }
}

@media (max-height: 520px) {
    .mh-viewport { bottom: calc(58px + env(safe-area-inset-bottom, 0px)); }
    .mh-controls { bottom: calc(8px + env(safe-area-inset-bottom, 0px)); }
    .mh-stage-note { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* 게시글 읽기: 바깥 카드 없이 제목·작성 정보·본문·댓글의 역할을 나눕니다. */
#bo_v { width: 100% !important; margin: 0; padding: 0 1px 16px; overflow: visible; border: 0; border-radius: 0; background: transparent; box-sizing: border-box; }
#bo_v > header { position: relative; margin: 0 0 10px; padding: 0 0 12px; overflow: visible; border: 0; border-bottom: 1px solid var(--mh-line); border-radius: 0; background: transparent; }
#bo_v > header::before, #bo_v_title::before { display: none; }
#bo_v_title .bo_v_cate { display: inline-flex; align-items: center; min-height: 22px; padding: 0 9px; border-radius: 99px; background: #edf3f8; color: #557697; font-size: 10px; font-weight: 700; line-height: 1; }
#bo_v_title .bo_v_tit { display: block; margin: 0; color: var(--mh-ink); font-size: 26px; font-weight: 750; letter-spacing: -.045em; line-height: 1.35; overflow-wrap: anywhere; }

#bo_v_info { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 10px; padding: 7px 0 9px; border: 0; border-bottom: 1px solid var(--mh-line); border-radius: 0; background: transparent; color: var(--mh-muted); }
#bo_v_info::after { display: none; }
#bo_v_info .profile_info { display: flex; float: none; align-items: center; min-width: 0; margin: 0; }
#bo_v_info .profile_info .pf_img { float: none; flex: 0 0 38px; width: 38px; height: 38px; margin: 0 9px 0 0; overflow: hidden; border: 1px solid var(--mh-line); border-radius: 50%; background: var(--mh-surface); }
#bo_v_info .profile_info .pf_img img { display: block; width: 100%; height: 100%; object-fit: cover; }
#bo_v_info .profile_info .profile_info_ct { float: none; min-width: 0; padding: 0; font-size: 10px; line-height: 1.55; }
#bo_v_info .profile_info .profile_info_ct > br { display: none; }
#bo_v_info .profile_info .profile_info_ct > strong:first-of-type { display: block; margin: 0 0 2px; color: var(--mh-ink); font-size: 11px; font-weight: 700; }
#bo_v_info .profile_info .profile_info_ct > strong:not(:first-of-type) { margin: 0 8px 0 0; color: var(--mh-muted); font-size: 9px; font-weight: 500; }
#bo_v_info .profile_info .profile_info_ct .if_date { color: var(--mh-muted); }
#bo_v_top { flex: 0 0 auto; margin-left: auto; }
#bo_v_top .bo_v_com { float: none; margin: 0; }
#bo_v_top .bo_v_com > li { position: relative; float: none; margin: 0; }
#bo_v_top > .bo_v_com { display: flex; gap: 2px; margin: 0; padding: 0; background: transparent; }
#bo_v_top .bo_v_com > li > a,
#bo_v_top .bo_v_com > li > button { display: grid; place-items: center; width: 29px; height: 29px; min-height: 29px; padding: 0; border: 0; border-radius: 5px; background: transparent; color: var(--mh-muted); }
#bo_v_top .bo_v_com > li > a { display: grid; place-items: center; width: 29px; height: 29px; min-height: 29px; padding: 0; border: 0; border-radius: 5px; background: transparent; color: var(--mh-muted); }
#bo_v_top .bo_v_com > li > a:hover,
#bo_v_top .bo_v_com > li > button:hover,
#bo_v_top .bo_v_com > li > a:hover { background: var(--mh-accent-soft); color: var(--mh-accent-dark); }
#bo_v_top .more_opt { top: calc(100% + 5px); right: 0; z-index: 30; width: 136px; min-width: 136px; margin: 0; padding: 4px; border: 1px solid var(--mh-line); border-radius: 7px; background: #fff; box-shadow: 0 5px 14px rgba(38, 48, 52, .09); }
#bo_v_top .more_opt::before, #bo_v_top .more_opt::after { display: none; }
#bo_v_top .more_opt li { display: block; width: auto; margin: 0; padding: 2px; border: 0; }
#bo_v_top .more_opt a { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; padding: 7px 8px; border-radius: 4px; color: var(--mh-ink); font-size: 11px; }
#bo_v_top .more_opt a:hover { background: var(--mh-surface); color: var(--mh-accent-dark); }

#bo_v_atc { min-height: 0; height: auto; padding: 0; }
#bo_v_share { display: flex; justify-content: flex-end; min-height: 0; padding: 0 0 9px; }
#bo_v_share .btn { display: inline-flex; align-items: center; justify-content: center; width: auto; height: 29px; padding: 0 10px; border: 1px solid #e0e7ea; border-radius: 7px; background: #fff; color: #5e7489; font-size: 10px; line-height: 1; }
#bo_v_share .btn i { margin-right: 5px; color: #4c82b8; }
#bo_v_img { margin: 3px 0 10px; }
#bo_v_img img { display: block; max-width: 100%; height: auto; margin: 0 auto 12px; border-radius: 9px; }
#bo_v_con { min-height: 70px; margin: 0; padding: 7px 1px 14px; overflow: visible; border: 0; border-radius: 0; background: transparent; color: var(--mh-ink); font-size: 13px; line-height: 1.8; word-break: normal; overflow-wrap: anywhere; }
#bo_v_con > :first-child { margin-top: 0; }
#bo_v_con > :last-child { margin-bottom: 0; }
#bo_v_con a { color: #3e6f9d; text-decoration: underline; text-underline-offset: 2px; }
#bo_v_con img { max-width: 100%; height: auto; border-radius: 7px; }
#bo_v_act { display: flex; justify-content: center; gap: 7px; margin: 4px 0 16px; padding: 11px; border: 1px solid #e8edf1; border-radius: 8px; background: #f8fafb; }
#bo_v_act .bo_v_good, #bo_v_act .bo_v_nogood { display: inline-flex; align-items: center; justify-content: center; min-width: 62px; min-height: 31px; padding: 0 9px; border: 1px solid #e1e8ed; border-radius: 7px; background: #fff; color: #637589; font-size: 10px; }
#bo_v_act i { margin-right: 5px; font-size: 12px; }
#bo_v_act_good, #bo_v_act_nogood { border-radius: 6px; background: #34495e; }

#bo_v_file, #bo_v_link { margin: 10px 0 15px; }
#bo_v_file li, #bo_v_link li { min-height: 0; margin: 6px 0; padding: 10px 12px; overflow: hidden; border: 1px solid #e5ebf0; border-radius: 8px; background: #f8fafb; box-shadow: none; }
#bo_v_file li i, #bo_v_link li i { margin: 0 8px 0 0; color: #6d88a2; font-size: 14px; }
#bo_v_file a, #bo_v_link a { display: inline; float: none; color: #405e7b; font-size: 11px; }
#bo_v_file .bo_v_file_cnt, #bo_v_link .bo_v_link_cnt { color: #8995a1; font-size: 9px; }
#bo_v_file li:hover, #bo_v_link li:hover { border-color: #cbd9e5; background: #f4f8fa; color: #405e7b; }
#bo_v_file li:hover .bo_v_file_cnt, #bo_v_link li:hover .bo_v_link_cnt { color: #75889b; }
.bo_v_nb { display: grid; gap: 5px; margin: 12px 0 16px; padding: 9px 11px; border: 1px solid #e7edf1; border-radius: 8px; background: #fafbfc; }
.bo_v_nb li { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-width: 0; padding: 4px 0; font-size: 10px; }
.bo_v_nb li + li { border-top: 1px solid #edf1f4; }
.bo_v_nb .nb_tit, .bo_v_nb .nb_date { color: #8a95a1; }
.bo_v_nb li > a { overflow: hidden; color: #52677d; text-overflow: ellipsis; white-space: nowrap; }

.cmt_btn { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 8px 0 0; padding: 10px 1px; border: 0; border-top: 1px solid var(--mh-line); border-bottom: 1px solid var(--mh-line); border-radius: 0; background: transparent; color: var(--mh-muted); font-size: 11px; text-align: left; }
.cmt_btn b { color: var(--mh-ink); font-size: 12px; }
.cmt_btn span.total::after { display: none; }
.cmt_btn span.cmt_more { display: block; width: 8px; height: 8px; border: 0; border-right: 1.5px solid #8292a2; border-bottom: 1.5px solid #8292a2; background: none; transform: rotate(45deg); }
.cmt_btn_op span.cmt_more { transform: rotate(225deg); }
#bo_vc { padding: 0 1px; border: 0; border-radius: 0; background: transparent; }
#bo_vc article { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: start; gap: 9px; margin: 0; padding: 13px 0; border-bottom: 1px solid #edf1f4; }
#bo_vc article .pf_img { float: none; width: 34px; height: 34px; margin: 0; overflow: hidden; border-radius: 50%; background: #f0f3f5; }
#bo_vc article .pf_img img { display: block; width: 100%; height: 100%; object-fit: cover; }
#bo_vc article .cm_wrap { float: none; width: auto; max-width: none; min-width: 0; }
#bo_vc .cm_wrap header { width: auto; color: #738194; font-size: 10px; line-height: 1.5; }
#bo_vc .cm_wrap header > .sv_wrap { color: #3f5369; font-weight: 700; }
#bo_vc .bo_vc_hdinfo { color: #929ca7; font-size: 9px; }
#bo_vc .cmt_contents { padding: 6px 0 0; color: #495a6c; font-size: 11px; line-height: 1.75; }
#bo_vc .cmt_contents p { margin: 0; }
#bo_vc .bo_vl_opt { top: 0; right: 0; }
#bo_vc .btn_cm_opt { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid #e5ebf0; border-radius: 6px; background: #fff; color: #718398; }
#bo_vc .bo_vc_act { top: 31px; right: 0; width: 66px; padding: 4px; border: 1px solid #e1e8ed; border-radius: 7px; box-shadow: 0 7px 18px rgba(38, 56, 75, .12); }
#bo_vc .bo_vc_act::before { display: none; }
#bo_vc .bo_vc_act li a { display: block; padding: 6px 8px; border-radius: 4px; color: #526477; font-size: 10px; }
#bo_vc .bo_vc_act li a:hover { background: #f4f7f9; color: #315f92; }
#bo_vc #bo_vc_empty { margin: 0; padding: 14px 0 !important; border-bottom: 1px solid var(--mh-line); color: var(--mh-muted); font-size: 10px; text-align: center; }
#bo_vc_w { margin: 8px 0 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
#bo_vc_w textarea { display: block; width: 100%; height: 76px; min-height: 76px; padding: 9px 10px; border: 1px solid var(--mh-line); border-radius: 6px; background: #fff; color: var(--mh-ink); font-size: 11px; line-height: 1.6; box-shadow: none; resize: vertical; }
#bo_vc_w textarea:focus { border-color: var(--mh-accent); outline: 2px solid rgba(78, 113, 128, .12); }
#bo_vc_w .bo_vc_w_info { display: flex; float: none; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }
#bo_vc_w .bo_vc_w_info .frm_input { float: none; width: calc(50% - 3px); min-width: 0; height: 34px; margin: 0; border-color: #dce5e7; border-radius: 6px; font-size: 10px; }
#bo_vc_w .btn_confirm { display: flex; align-items: center; justify-content: space-between; gap: 9px; margin: 8px 0 0; }
#bo_vc_w .secret_cm { float: none; color: var(--mh-muted); font-size: 10px; }
#bo_vc_w .secret_cm label { font-size: 10px !important; }
#bo_vc_w .btn_submit { height: 34px; min-height: 34px; padding: 0 14px; border-radius: 6px; font-size: 10px; }

@media (max-width: 700px) {
    #bo_v { padding: 0 0 13px; }
    #bo_v > header { padding: 0 0 10px; }
    #bo_v_title .bo_v_tit { font-size: 22px; }
    #bo_v_info { align-items: flex-start; gap: 8px; padding: 7px 0 8px; }
    #bo_v_info .profile_info .pf_img { flex-basis: 34px; width: 34px; height: 34px; margin-right: 7px; }
    #bo_v_top .bo_v_com > li > a, #bo_v_top .bo_v_com > li > button { width: 26px; height: 28px; min-height: 28px; }
    #bo_v_con { min-height: 58px; padding: 6px 1px 12px; font-size: 13px; }
    #bo_vc { padding: 0 1px; }
    #bo_vc_w { padding: 0; }
    #bo_vc_w textarea { height: 72px; min-height: 72px; }
    #bo_vc article { grid-template-columns: 29px minmax(0, 1fr) auto; gap: 7px; }
    #bo_vc article .pf_img { width: 29px; height: 29px; }
}

/* 게시판 목록과 글쓰기: 테마의 차분한 표면과 조작 방식으로 통일 */
#bo_list { width: 100% !important; margin: 0; }
#bo_cate { margin: 0 0 12px; }
#bo_cate ul { display: flex; flex-wrap: wrap; gap: 5px; }
#bo_cate ul::after { display: none; }
#bo_cate li { padding: 0; }
#bo_cate a { display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; border: 1px solid #e1e8ed; border-radius: 99px; background: #fff; color: #758395; font-size: 10px; line-height: 1; }
#bo_cate a:hover, #bo_cate a:focus { border-color: #cbd9e5; background: #f5f8fa; color: #3d688f; }
#bo_cate #bo_cate_on { border-color: #d8e5ef; background: #edf3f8; box-shadow: none; color: #345f88; font-weight: 700; }
#bo_btn_top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 4px 0 10px; }
#bo_btn_top::after { display: none; }
#bo_list_total { float: none; color: #84909d; font-size: 10px; line-height: 1.4; }
#bo_list_total span { color: #52677d; font-weight: 700; }
#bo_list .btn_bo_user { display: flex; float: none; align-items: center; gap: 5px; margin-left: auto; }
#bo_list .btn_bo_user li { display: flex; float: none; align-items: center; width: auto; margin: 0; background: transparent; }
#bo_list .btn_bo_user > li > a,
#bo_list .btn_bo_user > li > button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: auto; min-width: 31px; height: 31px; min-height: 31px; padding: 0 9px; border: 1px solid #e2e8ed; border-radius: 7px; background: #fff; color: #65798e; font-size: 10px; }
#bo_list .btn_bo_user > li > a:hover,
#bo_list .btn_bo_user > li > button:hover { border-color: #cbd9e5; background: #f5f8fa; color: #315f92; }
#bo_list .btn_bo_user > li > a .sound_only,
#bo_list .btn_bo_user > li > button .sound_only { position: static !important; display: inline !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; clip: auto !important; border: 0 !important; color: inherit; font-size: 10px; white-space: nowrap; }
#bo_list .btn_bo_user > li > .btn_admin { border-color: #e2e8ed; background: #f7f9fa; color: #65798e; }
#bo_list .btn_bo_user .more_opt { z-index: 35; top: 36px; min-width: 110px; padding: 5px; border: 1px solid #e1e8ed; border-radius: 8px; box-shadow: 0 8px 22px rgba(38, 56, 75, .12); }
#bo_list .btn_bo_user .more_opt::before, #bo_list .btn_bo_user .more_opt::after { display: none; }
#bo_list .btn_bo_user .more_opt li { display: block; padding: 3px; border: 0; }
#bo_list .btn_bo_user .more_opt li button { display: flex; justify-content: space-between; padding: 7px; border-radius: 5px; background: #fff; color: #586b7f; font-size: 10px; text-align: left; }
#bo_list .btn_bo_user .more_opt li button:hover { background: #f4f7f9; color: #315f92; }
#bo_list .tbl_wrap { overflow-x: auto; border: 1px solid #e5ebf0; border-radius: 9px; }
#bo_list .tbl_head01 { margin: 0; }
#bo_list .tbl_head01 table { table-layout: fixed; background: #fff; }
#bo_list .tbl_head01 thead th { padding: 8px 6px; border-bottom: 1px solid #e8edf1; background: #f7f9fa; color: #84909d; font-size: 9px; font-weight: 650; text-align: center; }
#bo_list .tbl_head01 tbody td { padding: 10px 6px; border-bottom: 1px solid #edf1f4; background: #fff; color: #82909e; font-size: 9px; line-height: 1.45; text-align: center; }
#bo_list .tbl_head01 tbody tr:last-child td { border-bottom: 0; }
#bo_list .tbl_head01 tbody tr:hover td { background: #fafcfd; }
#bo_list .tbl_head01 tbody .even td { background: #fff; }
#bo_list .tbl_head01 tbody .bo_notice td { border-bottom-color: #e7edf1; background: #f6f9fb !important; }
#bo_list .tbl_head01 tbody .td_subject { padding-right: 8px; padding-left: 8px; text-align: left; }
#bo_list .td_chk, #bo_list .td_num2 { width: 37px; }
#bo_list .td_name { width: 66px; padding: 8px 3px !important; }
#bo_list .td_num { width: 40px; }
#bo_list .td_datetime { width: 58px; }
#bo_list .bo_tit { display: block; color: #35485d; font-size: 10px; font-weight: 650; line-height: 1.55; overflow-wrap: anywhere; }
#bo_list .bo_tit a:hover { color: #315f92; }
#bo_list .bo_cate_link { display: inline-flex; float: none; align-items: center; height: auto; min-height: 18px; margin: 0 4px 3px 0; padding: 2px 6px; border-radius: 5px; background: #eef3f6; color: #647f98; font-size: 8px; line-height: 1.2; vertical-align: middle; }
#bo_list .cnt_cmt { display: inline-block; height: auto; margin-left: 3px; padding: 1px 5px; border: 1px solid #e3e9ee; border-radius: 99px; background: #f7f9fa; color: #637b91; font-size: 8px; line-height: 1.35; }
#bo_list .notice_icon { display: inline-flex; align-items: center; min-height: 18px; padding: 0 5px; border-radius: 5px; background: #edf3f8; color: #527596; font-size: 8px; line-height: 1; }
#bo_list .bo_current { color: #4779a7; font-size: 8px; }
#bo_list .new_icon, #bo_list .hot_icon { width: 15px; height: 15px; border: 0; border-radius: 5px; background: #f3edf1; color: #9a657f; font-size: 8px; line-height: 15px; }
#bo_list .pg_wrap { margin: 12px 0 2px; }
#bo_list .pg_page, #bo_list .pg_current { min-width: 28px; min-height: 28px; border-radius: 7px; font-size: 9px; }
#bo_list .bo_fx { display: none; }
#bo_list .empty_table { padding: 26px 10px !important; background: #fafbfc; color: #8995a1; font-size: 10px; }

#bo_w { margin: 0; padding: 16px; border: 1px solid #e5ebf0; border-radius: 11px; background: #fff; }
#bo_w form { width: 100% !important; }
#bo_w .write_div { margin: 11px 0; }
#bo_w .write_div::after, #bo_w .bo_w_info::after { display: none; }
#bo_w .bo_w_select select { width: 100%; border-color: #dfe6eb; border-radius: 7px; background-color: #fff; color: #53677c; font-size: 11px; }
#bo_w .bo_w_info { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
#bo_w .bo_w_info .frm_input { float: none; width: 100%; min-width: 0; height: 36px; margin: 0; font-size: 11px; }
#bo_w .bo_w_info #wr_password, #bo_w #wr_homepage { margin-left: 0; }
#bo_w .bo_v_option { display: flex; flex-wrap: wrap; gap: 6px; }
#bo_w .bo_v_option li { float: none; margin: 0; padding: 5px 8px; border: 1px solid #e5ebf0; border-radius: 7px; background: #f8fafb; color: #67798b; font-size: 10px; }
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span { margin-right: 5px; }
#bo_w .bo_w_tit #autosave_wrapper { margin: 0; }
#bo_w .bo_w_tit .frm_input { height: 41px; padding-right: 130px; border-color: #dfe6eb; border-radius: 7px; font-size: 14px; font-weight: 650; }
#bo_w .bo_w_tit #btn_autosave { top: 5px; right: 5px; height: 30px; border: 1px solid #e2e8ed; border-radius: 6px; background: #f7f9fa; color: #687b8f; font-size: 9px; line-height: 1; }
#bo_w .wr_content { min-width: 0; }
#bo_w .wr_content textarea { width: 100%; min-height: 220px; border-color: #dfe6eb; border-radius: 8px; font-size: 12px; }
#bo_w .wr_content iframe { max-width: 100%; border: 1px solid #e5ebf0; border-radius: 8px; }
#bo_w #char_count_desc { color: #8793a0; font-size: 10px; }
#bo_w #char_count_wrap { color: #8793a0; font-size: 9px; }
#bo_w .bo_w_link .frm_input { height: 36px; padding-left: 40px; border-color: #dfe6eb; border-radius: 7px; font-size: 10px; }
#bo_w .bo_w_link label { top: 0; left: 0; width: 34px; height: 36px; border-radius: 7px 0 0 7px; color: #8090a0; font-size: 12px; line-height: 36px; text-align: center; }
#bo_w .bo_w_flie .file_wr { display: flex; align-items: center; gap: 8px; height: auto; min-height: 40px; padding: 6px 9px; border-color: #dfe6eb; border-radius: 7px; background: #fafbfc; }
#bo_w .bo_w_flie .lb_icon { position: static; flex: 0 0 22px; width: 22px; height: 24px; border-radius: 5px; background: #eef3f6; color: #70869b; font-size: 11px; line-height: 24px; text-align: center; }
#bo_w .bo_w_flie .frm_file { min-width: 0; margin: 0; padding: 0; color: #6d7d8d; font-size: 10px; }
#bo_w .bo_w_flie .frm_input { height: 34px; margin-top: 7px; border-color: #dfe6eb; font-size: 10px; }
#bo_w .bo_w_flie .file_del { position: static; display: block; margin-top: 6px; color: #8793a0; font-size: 9px; }
#bo_w .btn_confirm { gap: 7px; margin: 14px 0 0; }
#bo_w .btn_cancel, #bo_w .btn_submit { min-height: 35px; padding: 0 14px; border-radius: 7px; font-size: 10px; }
#bo_w #autosave_pop { z-index: 40; width: min(350px, 100%); border-color: #dce4ea; border-radius: 8px; box-shadow: 0 9px 24px rgba(35, 54, 74, .15); }
#bo_w #autosave_pop::before, #bo_w #autosave_pop::after { display: none; }

@media (max-width: 700px) {
    #bo_w { padding: 13px; }
    #bo_w .bo_w_info { grid-template-columns: minmax(0, 1fr); }
    #bo_list .tbl_head01 thead th, #bo_list .tbl_head01 tbody td { padding-right: 4px; padding-left: 4px; }
}

/* 테마 공통 색상: 회백색 바탕, 짙은 글자, 탁한 청록 포인트 */
body.mh-theme-page, .mh-stage { background: var(--mh-canvas); color: var(--mh-ink); }
.mh-frame { border-color: var(--mh-line); background: #fff; box-shadow: 0 16px 42px rgba(38, 48, 52, .08); }
.mh-header { border-color: var(--mh-line); }
.mh-brand__mark { border-color: var(--mh-line); border-radius: 10px; background: var(--mh-surface); color: var(--mh-accent); }
.mh-brand__text strong, .mh-profile__name, .mh-content__heading h2, .mh-home-hero h2, .mh-stories__heading h2 { color: var(--mh-ink); }
.mh-brand__eyebrow, .mh-visits__label, .mh-panel-kicker, .mh-profile__status, .mh-content__eyebrow, .mh-section-eyebrow, .mh-home-hero__description, .mh-room figcaption, .mh-footer, .mh-footer__copy, .mh-stage-note { color: var(--mh-muted); }
.mh-visits, .mh-home-hero, .mh-empty-state, .mh-empty-state__mark, .mh-navigation__setup { background: var(--mh-surface); }
.mh-home-hero { border-color: var(--mh-line); border-radius: 9px; }
.mh-panel-kicker::before, .mh-home-hero__eyebrow span { display: none; }
.mh-home-hero__eyebrow, .mh-empty-state > a, .mh-stories__heading > a, .mh-navigation__sublist a:hover, .mh-navigation__sublist a[aria-current="page"] { color: var(--mh-accent); }
.mh-home-hero h2 span, .mh-empty-state__mark, .mh-navigation__setup { color: var(--mh-accent); }
.mh-primary-link, .mh-account-links .mh-account-links__admin { border-radius: 6px; background: var(--mh-accent); color: #fff; }
.mh-primary-link:hover, .mh-account-links .mh-account-links__admin:hover { background: var(--mh-accent-dark); color: #fff; }
.mh-search input[type="search"], #bo_w input, #bo_w select, #bo_w textarea { border-color: var(--mh-line); color: var(--mh-ink); }
.mh-search input[type="search"]:focus, #bo_w input:focus, #bo_w select:focus, #bo_w textarea:focus { border-color: var(--mh-accent); outline-color: rgba(78, 113, 128, .14); }
.mh-search button, .mh-account-links a, .mh-shortcuts a { color: var(--mh-muted); }
.mh-account-links a:hover, .mh-shortcuts a:hover, .mh-search button:hover { color: var(--mh-accent-dark); }
.mh-profile, .mh-navigation, .mh-content { border-color: var(--mh-line); border-radius: 9px; background: #fff; }
.mh-avatar { border-color: var(--mh-line); background: var(--mh-surface); }
.mh-account-panel, .mh-content__heading, .mh-navigation__footer { border-color: var(--mh-line); }
.mh-content { scrollbar-color: #b9c3c5 #f2f4f2; scrollbar-width: thin; }
.mh-content::-webkit-scrollbar, .mh-navigation::-webkit-scrollbar { width: 6px; height: 6px; }
.mh-content::-webkit-scrollbar-track { background: #f2f4f2; }
.mh-content::-webkit-scrollbar-thumb, .mh-navigation::-webkit-scrollbar-thumb { border-color: #f2f4f2; background: #b9c3c5; }
.mh-tab { color: var(--mh-muted); }
.mh-tab:hover, .mh-tab.is-active { background: var(--mh-accent-soft); color: var(--mh-accent-dark); }
.mh-tab__icon, .mh-tab.is-active .mh-tab__icon { background: transparent; color: var(--mh-accent); }
.mh-navigation__sublist { border-color: var(--mh-line); }
.mh-navigation__empty, .mh-navigation__footer a { color: var(--mh-muted); }
.mh-story-card { border-color: var(--mh-line); border-radius: 8px; background: #fff; }
.mh-empty-state { border-color: var(--mh-line); border-radius: 8px; }
.mh-empty-state__mark { border-radius: 8px; }
.mh-empty-state h3 { color: var(--mh-ink); }
.mh-empty-state p { color: var(--mh-muted); }
#top_btn, .mh-controls { border-color: var(--mh-line); background: #fff; color: var(--mh-accent); }
#top_btn:hover, .mh-controls button:hover { border-color: var(--mh-line); background: var(--mh-surface); }
.mh-controls { box-shadow: 0 4px 15px rgba(38, 48, 52, .08); }
.mh-controls button { color: var(--mh-ink); }
.mh-controls button[aria-pressed="true"] { border-color: var(--mh-line); background: var(--mh-accent-soft); color: var(--mh-accent-dark); }
.mh-controls output { color: var(--mh-accent-dark); }
.mh-controls__divider { background: var(--mh-line); }

#bo_v_title .bo_v_cate, #bo_list #bo_cate_on, #bo_list .notice_icon { background: var(--mh-accent-soft); color: var(--mh-accent-dark); }
#bo_v_info, #bo_v_info .profile_info .profile_info_ct > strong:first-of-type, #bo_v_con, #bo_vc .cm_wrap header > .sv_wrap { color: var(--mh-ink); }
#bo_v_top .bo_v_com > li > a, #bo_v_top .bo_v_com > li > button, #bo_v_share .btn, #bo_v_act .bo_v_good, #bo_v_act .bo_v_nogood { color: var(--mh-muted); }
#bo_v_top .bo_v_com > li > a:hover, #bo_v_top .bo_v_com > li > button:hover, #bo_v_share .btn:hover, #bo_v_act .bo_v_good:hover, #bo_v_act .bo_v_nogood:hover { background: var(--mh-accent-soft); color: var(--mh-accent-dark); }
#bo_v_share .btn, #bo_v_act, #bo_v_act .bo_v_good, #bo_v_act .bo_v_nogood, #bo_v_file li, #bo_v_link li, .bo_v_nb, #bo_v_top .more_opt, #bo_vc .btn_cm_opt, #bo_vc .bo_vc_act { border-color: var(--mh-line); }
#bo_v_file li, #bo_v_link li, .bo_v_nb, #bo_v_act, #bo_v_top .more_opt { background: #fff; }
#bo_v_file li i, #bo_v_link li i, #bo_v_share .btn i { color: var(--mh-accent); }
#bo_v_file a, #bo_v_link a, .bo_v_nb li > a, #bo_v_con a { color: var(--mh-accent-dark); }
#bo_v_file .bo_v_file_cnt, #bo_v_link .bo_v_link_cnt, .bo_v_nb .nb_tit, .bo_v_nb .nb_date, #bo_v_info .profile_info .profile_info_ct > strong:not(:first-of-type), #bo_v_info .profile_info .profile_info_ct .if_date { color: var(--mh-muted); }
.cmt_btn { border-color: var(--mh-line); color: var(--mh-muted); }
.cmt_btn b { color: var(--mh-ink); }
#bo_vc article, #bo_vc #bo_vc_empty { border-color: var(--mh-line); }
#bo_vc article .pf_img { background: var(--mh-surface); }
#bo_vc .cm_wrap header, #bo_vc .bo_vc_hdinfo, #bo_vc .cmt_contents, #bo_vc #bo_vc_empty { color: var(--mh-muted); }
#bo_vc .btn_cm_opt, #bo_vc .bo_vc_act { border-color: var(--mh-line); background: #fff; }
#bo_vc .bo_vc_act li a:hover { background: var(--mh-surface); color: var(--mh-accent-dark); }
#bo_vc_w textarea, #bo_vc_w .bo_vc_w_info .frm_input { border-color: var(--mh-line); }
#bo_vc_w textarea:focus { border-color: var(--mh-accent); }
#bo_vc_w .btn_submit, #bo_w .btn_submit { border-color: var(--mh-accent); background: var(--mh-accent); color: #fff; }
#bo_vc_w .btn_submit:hover, #bo_w .btn_submit:hover { border-color: var(--mh-accent-dark); background: var(--mh-accent-dark); }

#bo_cate a, #bo_list .btn_bo_user > li > a, #bo_list .btn_bo_user > li > button, #bo_list .tbl_wrap, #bo_w { border-color: var(--mh-line); }
#bo_cate a, #bo_list .btn_bo_user > li > a, #bo_list .btn_bo_user > li > button, #bo_list .tbl_head01 table, #bo_w { background: #fff; }
#bo_cate a:hover, #bo_cate a:focus, #bo_list .btn_bo_user > li > a:hover, #bo_list .btn_bo_user > li > button:hover { border-color: var(--mh-line); background: var(--mh-surface); color: var(--mh-accent-dark); }
#bo_cate #bo_cate_on { border-color: var(--mh-line); background: var(--mh-accent-soft); color: var(--mh-accent-dark); }
#bo_list_total, #bo_list .tbl_head01 thead th, #bo_list .tbl_head01 tbody td, #bo_list .empty_table, #bo_w #char_count_desc, #bo_w #char_count_wrap { color: var(--mh-muted); }
#bo_list_total span, #bo_list .bo_tit, #bo_list .bo_tit a { color: var(--mh-ink); }
#bo_list .tbl_head01 thead th, #bo_list .empty_table, #bo_w .bo_v_option li, #bo_w .bo_w_tit #btn_autosave, #bo_w .bo_w_flie .file_wr { border-color: var(--mh-line); background: var(--mh-surface); }
#bo_list .tbl_head01 tbody tr:hover td, #bo_list .tbl_head01 tbody .bo_notice td { background: var(--mh-surface) !important; }
#bo_list .bo_cate_link, #bo_list .cnt_cmt, #bo_list .new_icon, #bo_list .hot_icon { border-color: var(--mh-line); background: var(--mh-accent-soft); color: var(--mh-accent-dark); }
#bo_list .bo_current, #bo_list .bo_tit a:hover, #bo_list .pg_current { color: var(--mh-accent-dark); }
#bo_list .btn_bo_user .more_opt, #bo_w #autosave_pop { border-color: var(--mh-line); }
#bo_list .btn_bo_user .more_opt li button:hover, #bo_w .bo_w_tit #btn_autosave:hover { background: var(--mh-accent-soft); color: var(--mh-accent-dark); }
#bo_w .bo_w_select select, #bo_w .bo_w_info .frm_input, #bo_w .bo_w_tit .frm_input, #bo_w .bo_w_link .frm_input, #bo_w .bo_w_flie .frm_input, #bo_w .wr_content textarea { border-color: var(--mh-line); color: var(--mh-ink); }
#bo_w .bo_v_option li { color: var(--mh-muted); }
#bo_w .bo_w_link label, #bo_w .bo_w_flie .lb_icon, #bo_w .bo_w_flie .frm_file, #bo_w .bo_w_flie .file_del { color: var(--mh-muted); }
#bo_w .btn_cancel { border: 1px solid var(--mh-line); background: #fff; color: var(--mh-muted); }