@charset "utf-8";
/* ==========================================================================
   한로그북 게시판 공통 디자인 hlb-board.css (2026-10-28)
   대상: 목록(#bo_list·#bo_gall)·보기(#bo_v·#bo_vc)·쓰기(#bo_w) 와 콜북 조회 화면
   범위: 대상 스킨 마크업의 바깥 요소에 붙인 .hlbb 클래스 안에서만 적용 (LOG 북 화면은 .hlbb 가 없어 영향 없음)
   사이트 톤: hlb-2026.css 의 변수(--hlb-navy / --hlb-teal / --hlb-signal / --hlb-line / --hlb-bg / --hlb-radius)와 같은 값
   이 파일은 hlb-board.src.css(작업용)에서 만든 것: <L>=#bo_list.hlbb  <G>=#bo_gall.hlbb  <V>=#bo_v.hlbb  <W>=#bo_w.hlbb  <C>=콜북 .hlbb
   ========================================================================== */

.hlbb{
	--hlbb-ink:#0b1d33;--hlbb-muted:#4a5b6e;--hlbb-line:#dbe4ee;--hlbb-line-strong:#6f8197;--hlbb-bg:#f3f8fb;--hlbb-card:#ffffff;
	--hlbb-navy:#0b1d33;--hlbb-navy-2:#11294a;--hlbb-teal:#0a6e79;--hlbb-teal-soft:#e6f4f6;--hlbb-signal:#3ddc84;
	--hlbb-link:#0a5f6b;--hlbb-focus:#0a6e79;--hlbb-err:#b3261e;--hlbb-radius:14px;--hlbb-shadow:0 6px 20px rgba(11,29,51,.06);
	/* 글자색(fg) / 바탕색(bg) 쌍 — 모두 대비 4.5:1 이상 (시험이 계산해서 확인) */
	--hlbb-c-ink-fg:#0b1d33;--hlbb-c-ink-bg:#ffffff;
	--hlbb-c-muted-fg:#4a5b6e;--hlbb-c-muted-bg:#ffffff;
	--hlbb-c-link-fg:#0a5f6b;--hlbb-c-link-bg:#ffffff;
	--hlbb-c-head-fg:#ffffff;--hlbb-c-head-bg:#0b1d33;
	--hlbb-c-notice-fg:#3ddc84;--hlbb-c-notice-bg:#0b1d33;
	--hlbb-c-new-fg:#ffffff;--hlbb-c-new-bg:#0a6e79;
	--hlbb-c-hot-fg:#ffffff;--hlbb-c-hot-bg:#b54708;
	--hlbb-c-count-fg:#0a5f6b;--hlbb-c-count-bg:#e6f4f6;
	--hlbb-c-cate-fg:#0b1d33;--hlbb-c-cate-bg:#e6f4f6;
	--hlbb-c-req-fg:#b3261e;--hlbb-c-req-bg:#fdecea;
	--hlbb-c-primary-fg:#ffffff;--hlbb-c-primary-bg:#0b1d33;
	--hlbb-c-second-fg:#0b1d33;--hlbb-c-second-bg:#eef3f8;
	--hlbb-c-admin-fg:#ffffff;--hlbb-c-admin-bg:#a8231b;
	--hlbb-c-hover-fg:#0b1d33;--hlbb-c-hover-bg:#f3f8fb;
	--hlbb-c-hint-fg:#4a5b6e;--hlbb-c-hint-bg:#f3f8fb;
	--hlbb-c-place-fg:#5b6b7d;--hlbb-c-place-bg:#ffffff;
	font-family:var(--hlb-font,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕","Noto Sans KR","Segoe UI",Roboto,sans-serif);
	color:var(--hlbb-c-ink-fg);font-size:15px;line-height:1.5;
}
.hlbb *,.hlbb *::before,.hlbb *::after{box-sizing:border-box}
.hlbb ::placeholder{color:var(--hlbb-c-place-fg);opacity:1}

/* ---------- 바깥 여백 ---------- */
#bo_list.hlbb,#bo_gall.hlbb{margin-top:16px;margin-bottom:44px}
#bo_list.hlbb::after{content:"";display:block;clear:both}

/* ---------- 제목 헤더 (게시판 이름 · 글 수 · 버튼) ---------- */
#bo_list.hlbb #bo_btn_top,#bo_gall.hlbb #bo_btn_top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t b" "c b";align-items:center;gap:4px 16px;margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid var(--hlbb-line)}
#bo_list.hlbb #bo_btn_top::after,#bo_gall.hlbb #bo_btn_top::after{display:none}
#bo_list.hlbb .hlbb-title,#bo_gall.hlbb .hlbb-title{grid-area:t;display:block;position:static;width:auto;height:auto;margin:0;padding:0;font-size:26px;font-weight:800;line-height:1.3;letter-spacing:-.3px;text-align:left;color:var(--hlbb-c-ink-fg);overflow-wrap:anywhere}
#bo_list.hlbb .hlbb-title::before,#bo_gall.hlbb .hlbb-title::before{content:"";display:inline-block;width:10px;height:10px;margin:0 10px 3px 0;border-radius:50%;background:var(--hlbb-signal);box-shadow:0 0 0 4px rgba(61,220,132,.25)}
#bo_list.hlbb #bo_list_total,#bo_gall.hlbb #bo_list_total{grid-area:c;float:none;display:inline-flex;align-items:center;gap:6px;justify-self:start;margin:0;padding:3px 12px;border-radius:999px;background:var(--hlbb-c-count-bg);color:var(--hlbb-c-count-fg);font-size:13.5px;font-weight:700;line-height:1.6}
#bo_list.hlbb #bo_btn_top .btn_bo_user,#bo_gall.hlbb #bo_btn_top .btn_bo_user{grid-area:b;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;float:none;margin:0;padding:0;list-style:none}
#bo_list.hlbb #bo_btn_top .btn_bo_user li,#bo_gall.hlbb #bo_btn_top .btn_bo_user li{float:none;margin:0}

/* ---------- 분류 탭 ---------- */
#bo_list.hlbb #bo_cate,#bo_gall.hlbb #bo_cate{margin:0 0 16px;padding:0;background:none;border:0}
#bo_list.hlbb #bo_cate ul,#bo_gall.hlbb #bo_cate ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;border:0}
#bo_list.hlbb #bo_cate li,#bo_gall.hlbb #bo_cate li{display:block;margin:0;padding:0}
#bo_list.hlbb #bo_cate a,#bo_gall.hlbb #bo_cate a{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0 16px;border:1px solid var(--hlbb-line);border-radius:999px;background:#fff;color:var(--hlbb-c-ink-fg);font-size:14.5px;font-weight:600;line-height:1.2;text-decoration:none;box-shadow:none}
#bo_list.hlbb #bo_cate a:hover,#bo_gall.hlbb #bo_cate a:hover,#bo_list.hlbb #bo_cate a:focus,#bo_gall.hlbb #bo_cate a:focus{background:var(--hlbb-teal-soft);color:var(--hlbb-c-ink-fg);text-decoration:none}
#bo_list.hlbb #bo_cate #bo_cate_on,#bo_gall.hlbb #bo_cate #bo_cate_on{background:var(--hlbb-c-primary-bg);border-color:var(--hlbb-c-primary-bg);color:var(--hlbb-c-primary-fg);box-shadow:none}

/* ---------- 버튼 (목록·보기·쓰기·콜북 공통) ---------- */
#bo_list.hlbb .btn,#bo_gall.hlbb .btn,#bo_v.hlbb .btn,#bo_w.hlbb .btn,.hlbb.hlbb-callbook .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;height:auto;margin:0;padding:0 18px;border:1px solid transparent;border-radius:10px;font-family:inherit;font-size:15px!important;font-weight:700;line-height:1.2;white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:none}
#bo_list.hlbb .btn_b01,#bo_gall.hlbb .btn_b01,#bo_v.hlbb .btn_b01,#bo_w.hlbb .btn_b01,.hlbb.hlbb-callbook .btn_b01,#bo_list.hlbb a.btn_b01,#bo_gall.hlbb a.btn_b01,#bo_v.hlbb a.btn_b01,#bo_w.hlbb a.btn_b01,.hlbb.hlbb-callbook a.btn_b01{background:var(--hlbb-c-second-bg);border-color:var(--hlbb-line);color:var(--hlbb-c-second-fg);font-family:inherit}
#bo_list.hlbb .btn_b01:hover,#bo_gall.hlbb .btn_b01:hover,#bo_v.hlbb .btn_b01:hover,#bo_w.hlbb .btn_b01:hover,.hlbb.hlbb-callbook .btn_b01:hover,#bo_list.hlbb a.btn_b01:hover,#bo_gall.hlbb a.btn_b01:hover,#bo_v.hlbb a.btn_b01:hover,#bo_w.hlbb a.btn_b01:hover,.hlbb.hlbb-callbook a.btn_b01:hover{background:#dbe4ee;color:var(--hlbb-c-second-fg);font-family:inherit}
#bo_list.hlbb .btn_b02,#bo_gall.hlbb .btn_b02,#bo_v.hlbb .btn_b02,#bo_w.hlbb .btn_b02,.hlbb.hlbb-callbook .btn_b02,#bo_list.hlbb a.btn_b02,#bo_gall.hlbb a.btn_b02,#bo_v.hlbb a.btn_b02,#bo_w.hlbb a.btn_b02,.hlbb.hlbb-callbook a.btn_b02{background:var(--hlbb-c-primary-bg);color:var(--hlbb-c-primary-fg);box-shadow:inset 0 -3px 0 var(--hlbb-signal);font-family:inherit}
#bo_list.hlbb .btn_b02:hover,#bo_gall.hlbb .btn_b02:hover,#bo_v.hlbb .btn_b02:hover,#bo_w.hlbb .btn_b02:hover,.hlbb.hlbb-callbook .btn_b02:hover,#bo_list.hlbb a.btn_b02:hover,#bo_gall.hlbb a.btn_b02:hover,#bo_v.hlbb a.btn_b02:hover,#bo_w.hlbb a.btn_b02:hover,.hlbb.hlbb-callbook a.btn_b02:hover{background:var(--hlbb-navy-2);color:var(--hlbb-c-primary-fg);font-family:inherit}
#bo_list.hlbb .btn_b03,#bo_gall.hlbb .btn_b03,#bo_v.hlbb .btn_b03,#bo_w.hlbb .btn_b03,.hlbb.hlbb-callbook .btn_b03,#bo_list.hlbb a.btn_b03,#bo_gall.hlbb a.btn_b03,#bo_v.hlbb a.btn_b03,#bo_w.hlbb a.btn_b03,.hlbb.hlbb-callbook a.btn_b03{background:#fff;border-color:var(--hlbb-line-strong);color:var(--hlbb-c-ink-fg);font-family:inherit}
#bo_list.hlbb .btn_b03:hover,#bo_gall.hlbb .btn_b03:hover,#bo_v.hlbb .btn_b03:hover,#bo_w.hlbb .btn_b03:hover,.hlbb.hlbb-callbook .btn_b03:hover,#bo_list.hlbb a.btn_b03:hover,#bo_gall.hlbb a.btn_b03:hover,#bo_v.hlbb a.btn_b03:hover,#bo_w.hlbb a.btn_b03:hover,.hlbb.hlbb-callbook a.btn_b03:hover{background:var(--hlbb-teal-soft);color:var(--hlbb-c-ink-fg);font-family:inherit}
#bo_list.hlbb .btn_admin,#bo_gall.hlbb .btn_admin,#bo_v.hlbb .btn_admin,#bo_w.hlbb .btn_admin,.hlbb.hlbb-callbook .btn_admin,#bo_list.hlbb a.btn_admin,#bo_gall.hlbb a.btn_admin,#bo_v.hlbb a.btn_admin,#bo_w.hlbb a.btn_admin,.hlbb.hlbb-callbook a.btn_admin{background:var(--hlbb-c-admin-bg);color:var(--hlbb-c-admin-fg);font-family:inherit}
#bo_list.hlbb .btn_admin:hover,#bo_gall.hlbb .btn_admin:hover,#bo_v.hlbb .btn_admin:hover,#bo_w.hlbb .btn_admin:hover,.hlbb.hlbb-callbook .btn_admin:hover,#bo_list.hlbb a.btn_admin:hover,#bo_gall.hlbb a.btn_admin:hover,#bo_v.hlbb a.btn_admin:hover,#bo_w.hlbb a.btn_admin:hover,.hlbb.hlbb-callbook a.btn_admin:hover{background:#8a1c15;color:var(--hlbb-c-admin-fg);font-family:inherit}

/* ---------- 목록 표 (PC) ---------- */
#bo_list.hlbb .hlbb-tablewrap{margin:0 0 18px;padding:0;overflow:hidden;white-space:normal;background:#fff;border:1px solid var(--hlbb-line);border-radius:var(--hlbb-radius);box-shadow:var(--hlbb-shadow)}
#bo_list.hlbb .hlbb-tablewrap table{width:100%;margin:0;table-layout:fixed;border:0;border-collapse:separate;border-spacing:0;background:#fff}
#bo_list.hlbb .hlbb-tablewrap th,#bo_list.hlbb .hlbb-tablewrap td{font-family:inherit}
#bo_list.hlbb .hlbb-tablewrap thead th{height:auto;padding:14px 8px;border:0;border-bottom:3px solid var(--hlbb-signal);background:var(--hlbb-c-head-bg);color:var(--hlbb-c-head-fg);font-size:14px;font-weight:700;line-height:1.3;text-align:center;white-space:nowrap}
#bo_list.hlbb .hlbb-tablewrap thead th a{color:var(--hlbb-c-head-fg);text-decoration:none}
#bo_list.hlbb .hlbb-tablewrap thead th a:hover{text-decoration:underline}
#bo_list.hlbb .hlbb-tablewrap thead .fa-sort{opacity:.75}
#bo_list.hlbb .hlbb-th-chk{width:52px}
#bo_list.hlbb .hlbb-th-num{width:84px}
#bo_list.hlbb .hlbb-th-name{width:150px}
#bo_list.hlbb .hlbb-th-hit,#bo_list.hlbb .hlbb-th-good,#bo_list.hlbb .hlbb-th-nogood{width:84px}
#bo_list.hlbb .hlbb-th-date{width:104px}
#bo_list.hlbb .hlbb-tablewrap tbody td{height:auto;padding:14px 8px;border:0;border-top:1px solid var(--hlbb-line);background:#fff;color:var(--hlbb-c-muted-fg);font-size:14px;font-style:normal;line-height:1.45;text-align:center;vertical-align:middle;word-break:normal;overflow-wrap:anywhere}
#bo_list.hlbb .hlbb-tablewrap tbody tr:first-child td{border-top:0}
#bo_list.hlbb .hlbb-tablewrap tbody td.hlbb-subject{padding:12px 14px;text-align:left;color:var(--hlbb-c-ink-fg)}
#bo_list.hlbb .hlbb-tablewrap tbody td.hlbb-name{width:auto;text-align:center;padding:14px 8px;color:var(--hlbb-c-ink-fg)}
#bo_list.hlbb .hlbb-tablewrap tbody td.hlbb-date{width:auto;font-style:normal;white-space:nowrap}
#bo_list.hlbb .hlbb-tablewrap tbody td.td_chk{width:auto;text-align:center}
#bo_list.hlbb .hlbb-tablewrap tbody td input[type=checkbox],#bo_list.hlbb .hlbb-tablewrap thead th input[type=checkbox]{width:20px;height:20px;margin:0;vertical-align:middle;accent-color:var(--hlbb-teal)}
#bo_list.hlbb .hlbb-row{border-left:0}
#bo_list.hlbb .hlbb-row:hover td{background:var(--hlbb-c-hover-bg)}
#bo_list.hlbb .hlbb-tablewrap tbody tr.bo_notice td{background:var(--hlbb-c-hover-bg)!important;border-bottom:0}
#bo_list.hlbb .bo_notice td a{font-weight:700}
#bo_list.hlbb .bo_notice .notice_icon{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;padding:0 8px;border-radius:999px;background:var(--hlbb-c-notice-bg);color:var(--hlbb-c-notice-fg);font-size:12px;font-weight:700;line-height:1}
#bo_list.hlbb .bo_current{color:var(--hlbb-err);font-weight:700}
#bo_list.hlbb .bo_cate_link{display:inline-flex;align-items:center;height:auto;margin:0 0 4px;padding:2px 10px;border-radius:999px;background:var(--hlbb-c-cate-bg);color:var(--hlbb-c-cate-fg);font-size:12.5px;font-weight:700;line-height:1.5;text-decoration:none}

/* 제목 줄 */
#bo_list.hlbb .bo_tit,#bo_list.hlbb .bo_tit a{color:var(--hlbb-c-ink-fg)}
#bo_list.hlbb .bo_tit{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;min-width:0;font-size:15.5px;font-weight:600;line-height:1.5}
#bo_list.hlbb .bo_tit a{display:-webkit-box;flex:0 1 auto;min-width:0;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-decoration:none;overflow-wrap:anywhere}
#bo_list.hlbb .bo_tit a:hover{color:var(--hlbb-c-link-fg);text-decoration:underline}
#bo_list.hlbb .bo_tit i,#bo_list.hlbb .bo_tit img,#bo_list.hlbb .bo_tit .hlbb-new,#bo_list.hlbb .bo_tit .cnt_cmt{flex:0 0 auto}
#bo_list.hlbb .bo_tit .icon_reply{width:auto;height:auto;margin-right:2px}
#bo_list.hlbb .bo_tit .title_icon{margin-right:0}
#bo_list.hlbb .bo_tit .fa-download,#bo_list.hlbb .bo_tit .fa-link,#bo_list.hlbb .bo_tit .fa-lock{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0;border:0;border-radius:6px;background:var(--hlbb-c-count-bg);color:var(--hlbb-c-count-fg);font-size:11px;line-height:1;vertical-align:middle}
#bo_list.hlbb .bo_tit .fa-heart{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0;border-radius:6px;background:var(--hlbb-c-hot-bg);color:var(--hlbb-c-hot-fg);font-size:11px;line-height:1}
#bo_list.hlbb .hlbb-new,#bo_gall.hlbb .hlbb-new{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:6px;background:var(--hlbb-c-new-bg);color:var(--hlbb-c-new-fg);font-size:11px;font-weight:700;line-height:1;vertical-align:middle}
#bo_list.hlbb .cnt_cmt,#bo_gall.hlbb .cnt_cmt{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--hlbb-c-count-bg);color:var(--hlbb-c-count-fg);font-size:12px;font-weight:700;line-height:1;vertical-align:middle;box-shadow:none}
#bo_list.hlbb .profile_img img{width:20px;height:20px;border-radius:50%;vertical-align:middle}
#bo_list.hlbb .td_subject img{margin-left:0}

/* 빈 목록 */
#bo_list.hlbb td.hlbb-empty{height:auto;padding:64px 16px!important;color:var(--hlbb-c-muted-fg);font-size:16px;text-align:center}
#bo_gall.hlbb .hlbb-empty{margin:0 0 20px;padding:64px 16px;border:1px dashed var(--hlbb-line-strong);border-radius:var(--hlbb-radius);background:#fff;color:var(--hlbb-c-muted-fg);font-size:16px;text-align:center}

/* 아래 버튼 줄 */
#bo_list.hlbb .bo_fx,#bo_gall.hlbb .bo_fx{float:none;clear:both;margin:0 0 4px}
#bo_list.hlbb .bo_fx ul,#bo_gall.hlbb .bo_fx ul,#bo_list.hlbb .bo_fx .btn_bo_user,#bo_gall.hlbb .bo_fx .btn_bo_user{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;float:none;margin:0;padding:0;list-style:none}
#bo_list.hlbb .bo_fx li,#bo_gall.hlbb .bo_fx li{float:none;margin:0}

/* 검색 바 */
#bo_list.hlbb #bo_sch,#bo_gall.hlbb #bo_sch{display:block;float:none;max-width:680px;margin:24px auto 0;padding:0;border:0;background:none;border-radius:0}
#bo_list.hlbb #bo_sch legend,#bo_gall.hlbb #bo_sch legend{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#bo_list.hlbb #bo_sch form,#bo_gall.hlbb #bo_sch form{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin:0}
#bo_list.hlbb #bo_sch select,#bo_gall.hlbb #bo_sch select{flex:0 0 auto;float:none;height:44px;min-width:124px;margin:0;padding:0 12px;border:1px solid var(--hlbb-line-strong);border-radius:10px;background:#fff;color:var(--hlbb-c-ink-fg);font-family:inherit;font-size:15px}
#bo_list.hlbb #bo_sch .sch_input,#bo_gall.hlbb #bo_sch .sch_input{flex:1 1 180px;float:none;width:auto;min-width:0;height:44px;margin:0;padding:0 14px;border:1px solid var(--hlbb-line-strong);border-radius:10px;background:#fff;color:var(--hlbb-c-ink-fg);font-family:inherit;font-size:16px}
#bo_list.hlbb #bo_sch .sch_btn,#bo_gall.hlbb #bo_sch .sch_btn{flex:0 0 auto;float:none;width:auto;min-width:56px;height:44px;margin:0;padding:0 16px;border:0;border-radius:10px;background:var(--hlbb-c-primary-bg);color:var(--hlbb-c-primary-fg);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:inset 0 -3px 0 var(--hlbb-signal)}
#bo_list.hlbb #bo_sch .sch_btn:hover,#bo_gall.hlbb #bo_sch .sch_btn:hover{background:var(--hlbb-navy-2)}

/* 페이지 번호 (터치 영역 44px) */
#bo_list.hlbb .pg_wrap,#bo_gall.hlbb .pg_wrap{clear:both;float:none;display:block;margin:28px 0 0;text-align:center}
#bo_list.hlbb .pg,#bo_gall.hlbb .pg{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px}
#bo_list.hlbb .pg_page,#bo_gall.hlbb .pg_page,#bo_list.hlbb .pg_current,#bo_gall.hlbb .pg_current{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;margin:0;padding:0 12px;border:1px solid var(--hlbb-line);border-radius:10px;background:#fff;color:var(--hlbb-c-ink-fg);font-size:15px;font-weight:600;line-height:1;text-decoration:none;text-indent:0;vertical-align:middle;overflow:visible}
#bo_list.hlbb .pg_page:hover,#bo_gall.hlbb .pg_page:hover,#bo_list.hlbb .pg_page:focus,#bo_gall.hlbb .pg_page:focus{background:var(--hlbb-teal-soft);color:var(--hlbb-c-ink-fg);text-decoration:none}
#bo_list.hlbb .pg_current,#bo_gall.hlbb .pg_current{border-color:var(--hlbb-c-primary-bg);background:var(--hlbb-c-primary-bg);color:var(--hlbb-c-primary-fg);font-weight:700}
#bo_list.hlbb .pg_start,#bo_gall.hlbb .pg_start,#bo_list.hlbb .pg_prev,#bo_gall.hlbb .pg_prev,#bo_list.hlbb .pg_next,#bo_gall.hlbb .pg_next,#bo_list.hlbb .pg_end,#bo_gall.hlbb .pg_end{padding:0 14px;border:1px solid var(--hlbb-line);background-image:none;background-color:#fff;font-size:14px}

/* ---------- 갤러리 격자 (4 / 3 / 2 / 1 열, 썸네일 비율 고정) ---------- */
#bo_gall.hlbb .wrapper{display:block;width:100%;height:auto}
#bo_gall.hlbb .hlbb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 22px}
#bo_gall.hlbb .hlbb-grid>.hlbb-item{position:relative;float:none;width:auto;max-width:none;flex:none;margin:0;padding:0}
#bo_gall.hlbb .hlbb-item .card{display:flex;flex-direction:column;height:100%;margin:0;overflow:hidden;border:1px solid var(--hlbb-line);border-radius:var(--hlbb-radius);background:#fff;box-shadow:var(--hlbb-shadow);line-height:1.5;transition:box-shadow .2s,transform .2s}
#bo_gall.hlbb .hlbb-item .card:hover{box-shadow:0 12px 28px rgba(11,29,51,.14);transform:translateY(-2px)}
#bo_gall.hlbb .hlbb-thumb{position:relative;display:block;width:100%;height:auto;aspect-ratio:4/3;overflow:hidden;border-radius:0;background:var(--hlbb-bg)}
#bo_gall.hlbb .hlbb-thumb img{display:block;width:100%;height:100%;object-fit:cover}
#bo_gall.hlbb .hlbb-thumb .no_image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--hlbb-c-muted-fg);font-size:14px}
#bo_gall.hlbb .card-content{flex:1 1 auto;padding:14px 16px 8px;font-family:inherit;font-size:14px}
#bo_gall.hlbb .card-title{margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.45}
#bo_gall.hlbb .card-title a{color:var(--hlbb-c-ink-fg);text-decoration:none!important}
#bo_gall.hlbb .card-title a.bo_tit{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
#bo_gall.hlbb .card-title a:hover{color:var(--hlbb-c-link-fg);text-decoration:underline!important}
#bo_gall.hlbb .card-title .ks4{font-size:16px!important}
#bo_gall.hlbb .card-content p{margin:0;color:var(--hlbb-c-muted-fg);font-size:13.5px}
#bo_gall.hlbb .card-content p strong{font-weight:600}
#bo_gall.hlbb .card-read-more{margin-top:auto;border-top:1px solid var(--hlbb-line)}
#bo_gall.hlbb .hlbb-meta.row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;margin:0;padding:10px 16px;color:var(--hlbb-c-muted-fg);font-size:12.5px}
#bo_gall.hlbb .hlbb-meta>div{flex:0 1 auto;width:auto;max-width:none;padding:0;text-align:left}
#bo_gall.hlbb .hlbb-meta .gall_date,#bo_gall.hlbb .hlbb-meta .gall_name{font-size:12.5px}
#bo_gall.hlbb .gall_chk{position:absolute;top:10px;left:10px;z-index:3}
#bo_gall.hlbb .gall_chk input{width:22px;height:22px;margin:0;accent-color:var(--hlbb-teal);box-shadow:0 0 0 3px #fff}
#bo_gall.hlbb #gall_allchk{margin:0 0 12px}
#bo_gall.hlbb #gall_allchk input{width:20px;height:20px;accent-color:var(--hlbb-teal)}

/* ---------- 보기: 한 장의 카드처럼 이어지는 머리·메타·본문 ---------- */
#bo_v.hlbb{margin-top:16px;margin-bottom:44px;padding-top:0;padding-bottom:0;background:transparent;color:var(--hlbb-c-ink-fg)}
/* 갤러리 보기는 목록처럼 .container 안쪽에 들어 있어서 #bo_v 의 좌우 여백이 한 번 더 붙음 → 안쪽 것만 0 (목록 폭과 같게) */
.container .col-sm-12>#bo_v.hlbb{padding-left:0;padding-right:0;max-width:none}
#bo_v.hlbb header.hlbb-vhead,#bo_v.hlbb header{margin:0;padding:24px 28px 8px;border:1px solid var(--hlbb-line);border-bottom:0;border-radius:var(--hlbb-radius) var(--hlbb-radius) 0 0;background:#fff;box-shadow:var(--hlbb-shadow)}
#bo_v.hlbb #bo_v_title{margin:0;padding:0;font-size:inherit;font-weight:400;line-height:1.4;text-align:left}
#bo_v.hlbb #bo_v_title .bo_v_cate{display:inline-flex;align-items:center;min-height:28px;margin:0;padding:0 12px;border:0;border-radius:999px;background:var(--hlbb-c-cate-bg);color:var(--hlbb-c-cate-fg);font-size:13px;font-weight:700;line-height:1.4;box-shadow:none}
#bo_v.hlbb #bo_v_title .bo_v_tit{display:block;margin:10px 0 0;padding:0;color:var(--hlbb-c-ink-fg);font-size:26px;font-weight:800;line-height:1.4;letter-spacing:-.3px;word-break:normal;overflow-wrap:anywhere}
#bo_v.hlbb #bo_v_info{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:0;padding:10px 28px 18px;border:1px solid var(--hlbb-line);border-top:0;border-bottom:1px solid var(--hlbb-line);background:#fff;color:var(--hlbb-c-muted-fg);font-size:14px;line-height:1.5;box-shadow:var(--hlbb-shadow)}
#bo_v.hlbb #bo_v_info::after{display:none}
#bo_v.hlbb #bo_v_info strong{display:inline-flex;align-items:center;gap:5px;margin:0;font-weight:600;color:var(--hlbb-c-ink-fg)}
#bo_v.hlbb #bo_v_info .if_date{float:none;margin:0 0 0 auto;font-style:normal;font-weight:400;color:var(--hlbb-c-muted-fg)}
#bo_v.hlbb #bo_v_info a{color:var(--hlbb-c-link-fg);text-decoration:none}
#bo_v.hlbb #bo_v_info a:hover{text-decoration:underline}
#bo_v.hlbb #bo_v_info .profile_img img{width:22px;height:22px;border-radius:50%}
#bo_v.hlbb #bo_v_atc{min-height:0;height:auto;margin:0;padding:12px 28px 28px;border:1px solid var(--hlbb-line);border-top:0;border-radius:0 0 var(--hlbb-radius) var(--hlbb-radius);background:#fff;box-shadow:var(--hlbb-shadow)}
#bo_v.hlbb #bo_v_atc_title{position:absolute}

/* 본문: 가독 폭 880px, 16.5px / 줄간격 1.8 */
#bo_v.hlbb #bo_v_con{width:100%;max-width:880px;min-height:120px;margin:8px 0 26px;padding:0;overflow-x:auto;overflow-y:visible;color:var(--hlbb-c-ink-fg);font-size:16.5px;line-height:1.8;word-break:normal;overflow-wrap:anywhere}
#bo_v.hlbb #bo_v_con *{word-break:normal;overflow-wrap:anywhere}
#bo_v.hlbb #bo_v_con td,#bo_v.hlbb #bo_v_con th{overflow-wrap:normal}
#bo_v.hlbb #bo_v_con p{margin:0 0 1em}
#bo_v.hlbb #bo_v_con a{color:var(--hlbb-c-link-fg);text-decoration:underline;overflow-wrap:anywhere}
#bo_v.hlbb #bo_v_con img{max-width:100%;height:auto}
#bo_v.hlbb #bo_v_con video,#bo_v.hlbb #bo_v_con iframe,#bo_v.hlbb #bo_v_con embed,#bo_v.hlbb #bo_v_con object{max-width:100%}
#bo_v.hlbb #bo_v_con table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
#bo_v.hlbb #bo_v_con pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}
#bo_v.hlbb #bo_v_con pre{padding:14px 16px;border:1px solid var(--hlbb-line);border-radius:10px;background:#f6f9fb;font-size:14px;line-height:1.6}
#bo_v.hlbb #bo_v_con code{padding:1px 6px;border-radius:6px;background:#eef3f8;font-size:.92em}
#bo_v.hlbb #bo_v_con pre code{padding:0;background:none}
#bo_v.hlbb #bo_v_con table{border-collapse:collapse}
#bo_v.hlbb #bo_v_con td,#bo_v.hlbb #bo_v_con th{padding:6px 10px;border:1px solid var(--hlbb-line)}
#bo_v.hlbb #bo_v_con hr{margin:1.6em 0;border:0;border-top:1px solid var(--hlbb-line)}
#bo_v.hlbb #bo_v_con blockquote{margin:1em 0;padding:4px 16px;border-left:4px solid var(--hlbb-signal);color:var(--hlbb-c-muted-fg)}
#bo_v.hlbb #bo_v_con ul,#bo_v.hlbb #bo_v_con ol{padding-left:1.6em}
#bo_v.hlbb #bo_v_img{width:100%;max-width:880px;overflow:visible}
#bo_v.hlbb #bo_v_img img{display:block;max-width:100%;height:auto;margin:0 0 20px;border-radius:10px}
#bo_v.hlbb #bo_v_atc>p{max-width:880px;overflow-wrap:anywhere;color:var(--hlbb-c-muted-fg)}

/* 추천 / 비추천 */
#bo_v.hlbb #bo_v_act{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:10px 0 0;text-align:center}
#bo_v.hlbb #bo_v_act .bo_v_act_gng{position:relative}
#bo_v.hlbb #bo_v_act a{margin:0}
#bo_v.hlbb #bo_v_act .bo_v_good,#bo_v.hlbb #bo_v_act .bo_v_nogood{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-width:96px;min-height:48px;padding:0 22px 0 48px;border:1px solid var(--hlbb-line-strong);border-radius:999px;background-color:#fff;background-position:16px 50%;background-size:20px auto;background-repeat:no-repeat;color:var(--hlbb-c-ink-fg);font-size:16px;font-style:normal;font-weight:700;text-decoration:none}
#bo_v.hlbb #bo_v_act a.bo_v_good:hover,#bo_v.hlbb #bo_v_act a.bo_v_nogood:hover{background-color:var(--hlbb-teal-soft)}
#bo_v.hlbb #bo_v_act_good,#bo_v.hlbb #bo_v_act_nogood{top:calc(100% + 8px);left:50%;width:max-content;max-width:calc(100vw - 48px);padding:8px 14px;border-radius:8px;background:var(--hlbb-c-primary-bg);color:var(--hlbb-c-primary-fg);font-size:14px;transform:translateX(-50%);z-index:5}

/* 공유·스크랩 */
#bo_v.hlbb #bo_v_share{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin:14px 0 0;text-align:left}
#bo_v.hlbb #bo_v_share:empty{display:none}
#bo_v.hlbb #bo_v_share .btn{padding:0 14px;border:1px solid var(--hlbb-line-strong);border-radius:10px;background:#fff;color:var(--hlbb-c-ink-fg);line-height:1.2}
#bo_v.hlbb #bo_v_share .btn i{width:auto;margin:0;background:none;color:inherit;line-height:1}

/* 첨부파일 / 관련링크 카드 */
#bo_v.hlbb #bo_v_file,#bo_v.hlbb #bo_v_link{margin:16px 0 0;overflow:hidden;border:1px solid var(--hlbb-line);border-radius:var(--hlbb-radius);background:#fff;box-shadow:var(--hlbb-shadow)}
#bo_v.hlbb #bo_v_file h2,#bo_v.hlbb #bo_v_link h2{display:block;position:static;width:auto;height:auto;margin:0;padding:12px 20px;border-bottom:1px solid var(--hlbb-line);background:var(--hlbb-bg);color:var(--hlbb-c-ink-fg);font-size:15px;font-weight:700;line-height:1.4;overflow:visible}
#bo_v.hlbb #bo_v_file ul,#bo_v.hlbb #bo_v_link ul{margin:0;padding:0;list-style:none}
#bo_v.hlbb #bo_v_file li,#bo_v.hlbb #bo_v_link li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;position:static;min-height:52px;padding:10px 20px}
#bo_v.hlbb #bo_v_file li+li,#bo_v.hlbb #bo_v_link li+li{border-top:1px dashed var(--hlbb-line)}
#bo_v.hlbb #bo_v_file a,#bo_v.hlbb #bo_v_link a{display:inline;color:var(--hlbb-c-link-fg);text-decoration:underline;overflow-wrap:anywhere;word-break:break-all}
#bo_v.hlbb #bo_v_file img{float:none;margin:0}
#bo_v.hlbb .bo_v_file_cnt,#bo_v.hlbb .bo_v_link_cnt{position:static;margin-left:auto;color:var(--hlbb-c-muted-fg);font-size:13px}

/* 버튼 묶음 · 이전/다음 글 */
#bo_v.hlbb #bo_v_top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 0}
#bo_v.hlbb #bo_v_top::after{display:none}
#bo_v.hlbb #bo_v_top ul{padding:0;list-style:none;word-break:normal}
#bo_v.hlbb .bo_v_left,#bo_v.hlbb .bo_v_com{display:flex;flex-wrap:wrap;gap:8px;float:none;margin:0}
#bo_v.hlbb .bo_v_left li,#bo_v.hlbb .bo_v_com li{float:none;margin:0}
#bo_v.hlbb .bo_v_nb{order:-1;flex:0 0 100%;clear:none;margin:0;overflow:hidden;border:1px solid var(--hlbb-line);border-radius:var(--hlbb-radius);background:#fff}
#bo_v.hlbb .bo_v_nb li{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 18px;border:0}
#bo_v.hlbb .bo_v_nb li+li{border-top:1px solid var(--hlbb-line)}
#bo_v.hlbb .bo_v_nb li:hover{background:var(--hlbb-c-hover-bg)}
#bo_v.hlbb .bo_v_nb li .nb_tit{flex:0 0 auto;min-width:72px;padding:0;color:var(--hlbb-c-link-fg);font-weight:700;font-size:14px}
#bo_v.hlbb .bo_v_nb li a{display:block;flex:1 1 auto;min-width:0;padding:14px 0;overflow:hidden;color:var(--hlbb-c-ink-fg);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
#bo_v.hlbb .bo_v_nb li a:hover{color:var(--hlbb-c-link-fg);text-decoration:underline}
#bo_v.hlbb .bo_v_nb li .nb_date{flex:0 0 auto;float:none;margin-left:auto;color:var(--hlbb-c-muted-fg);font-size:13px}

/* ---------- 댓글 (심플: 얇은 구분선 · 작성자·날짜 한 줄 · 작은 글자 버튼 · 답글은 왼쪽 세로선) ---------- */
.hlbb-cmt{
	--hlbb-cm-line:#e3eaf1;--hlbb-cm-line-strong:#6f8197;--hlbb-cm-teal:#0a6e79;
	--hlbb-cm-c-ink-fg:#0b1d33;--hlbb-cm-c-ink-bg:#ffffff;
	--hlbb-cm-c-muted-fg:#4a5b6e;--hlbb-cm-c-muted-bg:#ffffff;
	--hlbb-cm-c-link-fg:#0a5f6b;--hlbb-cm-c-link-bg:#ffffff;
	--hlbb-cm-c-act-fg:#3b4d61;--hlbb-cm-c-act-bg:#ffffff;
	--hlbb-cm-c-submit-fg:#ffffff;--hlbb-cm-c-submit-bg:#0b1d33;
	--hlbb-cm-c-place-fg:#5b6b7d;--hlbb-cm-c-place-bg:#ffffff;
}
.cmt_btn.hlbb-cmt{display:flex;align-items:center;gap:6px;width:100%;min-height:44px;margin:22px 0 0;padding:0 2px 8px;border:0;border-bottom:1px solid var(--hlbb-cm-line);border-radius:0;background:none;color:var(--hlbb-cm-c-ink-fg);font-family:inherit;font-size:16px;font-weight:800;line-height:1.3;text-align:left;cursor:pointer;box-shadow:none}
.cmt_btn.hlbb-cmt.cmt_btn_op{background:none}
.cmt_btn.hlbb-cmt::after{content:"";flex:0 0 auto;width:8px;height:8px;margin:0 2px 0 auto;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(-135deg);transition:transform .2s}
.cmt_btn.hlbb-cmt.cmt_btn_op::after{margin-top:-4px;transform:rotate(45deg)}
.cmt_btn.hlbb-cmt i{color:var(--hlbb-cm-c-muted-fg)}
#bo_vc.hlbb-cmt{margin:0;padding:0;color:var(--hlbb-cm-c-ink-fg);font-family:inherit}
#bo_vc.hlbb-cmt h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;font-size:0;line-height:0}
#bo_vc.hlbb-cmt article{position:relative;margin:0;padding:14px 2px 12px;border:0;border-bottom:1px solid var(--hlbb-cm-line);border-radius:0;background:none;box-shadow:none}
#bo_vc.hlbb-cmt article[style*="margin-left"]{padding-left:12px;border-left:2px solid #c9d8e4;border-top-color:transparent!important}
#bo_vc.hlbb-cmt article[style*="margin-left:50px"]{margin-left:18px!important}
#bo_vc.hlbb-cmt article[style*="margin-left:100px"]{margin-left:36px!important}
#bo_vc.hlbb-cmt article[style*="margin-left:150px"]{margin-left:54px!important}
#bo_vc.hlbb-cmt article header{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:14px;line-height:1.4}
#bo_vc.hlbb-cmt article header:after{display:none}
#bo_vc.hlbb-cmt .member,#bo_vc.hlbb-cmt .guest,#bo_vc.hlbb-cmt .sv_member,#bo_vc.hlbb-cmt .sv_guest{color:var(--hlbb-cm-c-ink-fg);font-weight:700}
#bo_vc.hlbb-cmt .bo_vc_hdinfo{float:none;margin:0;color:var(--hlbb-cm-c-muted-fg);font-size:12.5px;font-style:normal}
#bo_vc.hlbb-cmt .profile_img img{width:20px;height:20px;border-radius:50%;vertical-align:-5px}
#bo_vc.hlbb-cmt .cmt_contents{margin:6px 0 0;padding:0;border:0;border-radius:0;background:none;color:var(--hlbb-cm-c-ink-fg);font-size:15px;line-height:1.7;overflow-wrap:anywhere}
#bo_vc.hlbb-cmt .cmt_contents p{margin:0;padding:0;word-break:normal;overflow-wrap:anywhere}
#bo_vc.hlbb-cmt p a{color:var(--hlbb-cm-c-link-fg);text-decoration:underline}
#bo_vc.hlbb-cmt .bo_vc_act{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0 14px;margin:6px 0 0;padding:0;list-style:none;text-align:left}
#bo_vc.hlbb-cmt .bo_vc_act li{display:block;margin:0}
#bo_vc.hlbb-cmt .bo_vc_act li a{position:relative;display:inline-block;min-width:0;min-height:0;margin:0;padding:2px 0;border:0;border-radius:4px;background:none;color:var(--hlbb-cm-c-act-fg);font-size:12.5px;font-weight:600;line-height:1.5;text-decoration:none;box-shadow:none}
#bo_vc.hlbb-cmt .bo_vc_act li a::after{content:"";position:absolute;top:-10px;right:-7px;bottom:-10px;left:-7px}
#bo_vc.hlbb-cmt .bo_vc_act li a:hover{background:none;color:var(--hlbb-cm-c-link-fg);text-decoration:underline}
#bo_vc.hlbb-cmt #bo_vc_empty{margin:0;padding:34px 0!important;border:0;border-bottom:1px solid var(--hlbb-cm-line);border-radius:0;background:none;color:var(--hlbb-cm-c-muted-fg);font-size:14px;text-align:center}
#bo_vc.hlbb-cmt .bo_vc_w{display:block;margin:0}
#bo_vc_w.hlbb-cmt,#bo_vc.hlbb-cmt .bo_vc_w #bo_vc_w{display:block;margin:12px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
#bo_vc_w.hlbb-cmt h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;font-size:0;line-height:0}
#bo_vc_w.hlbb-cmt #char_cnt{display:block;margin:0 0 4px;color:var(--hlbb-cm-c-muted-fg);font-size:12.5px;text-align:right}
#bo_vc_w.hlbb-cmt textarea{display:block;width:100%;min-height:92px;height:auto;padding:11px 14px;border:1px solid var(--hlbb-cm-line-strong);border-radius:10px;background:#fff;color:var(--hlbb-cm-c-ink-fg);font-family:inherit;font-size:16px;line-height:1.6;box-shadow:none;resize:vertical}
#bo_vc_w.hlbb-cmt textarea.required,#bo_vc_w.hlbb-cmt input.required{background-image:none!important}
#bo_vc_w.hlbb-cmt textarea:focus{border-color:var(--hlbb-cm-teal);outline:2px solid var(--hlbb-cm-teal);outline-offset:1px}
#bo_vc_w.hlbb-cmt textarea::placeholder{color:var(--hlbb-cm-c-place-fg);opacity:1}
#bo_vc_w.hlbb-cmt .bo_vc_w_wr{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 12px;margin:8px 0 0}
#bo_vc_w.hlbb-cmt .bo_vc_w_wr:after{display:none}
#bo_vc_w.hlbb-cmt .bo_vc_w_info{float:none;display:flex;flex-wrap:wrap;flex:1 1 220px;gap:8px;min-width:0;margin:0}
#bo_vc_w.hlbb-cmt .bo_vc_w_info .frm_input{float:none;flex:1 1 130px;min-width:0;height:42px;margin:0;padding:0 12px;border:1px solid var(--hlbb-cm-line-strong);border-radius:10px;background:#fff;font-size:16px}
#bo_vc_w.hlbb-cmt .bo_vc_w_info #captcha{flex:1 1 100%;display:block;padding-top:4px}
#bo_vc_w.hlbb-cmt .btn_confirm{float:none;display:flex;align-items:center;gap:8px;margin:0 0 0 auto}
#bo_vc_w.hlbb-cmt .btn_confirm input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--hlbb-cm-teal)}
#bo_vc_w.hlbb-cmt .btn_confirm label{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;margin:0;border:1px solid var(--hlbb-cm-line);border-radius:10px;background:#fff;color:var(--hlbb-cm-c-act-fg);font-size:16px;cursor:pointer}
#bo_vc_w.hlbb-cmt .btn_submit{height:auto;min-width:96px;min-height:42px;padding:0 20px;border:0;border-radius:10px;background:var(--hlbb-cm-c-submit-bg);color:var(--hlbb-cm-c-submit-fg);font-family:inherit;font-size:14.5px;font-weight:700;cursor:pointer;box-shadow:none}
#bo_vc_w.hlbb-cmt .btn_submit:hover{background:#11294a}

/* ---------- 쓰기 (라벨 위 · 도움말 아래 · 입력칸 44px) ---------- */
#bo_w.hlbb{margin-top:16px;margin-bottom:48px}
#bo_w.hlbb #fwrite{padding:26px 26px 0;overflow:visible;background:#fff;border:1px solid var(--hlbb-line);border-radius:var(--hlbb-radius);box-shadow:var(--hlbb-shadow)}
#bo_w.hlbb .write_div{position:relative;margin:0 0 20px}
#bo_w.hlbb .hlbb-lb{display:block;margin:0 0 7px;font-size:14px;font-weight:700;line-height:1.4;color:var(--hlbb-c-ink-fg)}
#bo_w.hlbb .hlbb-lb strong{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--hlbb-c-req-bg);color:var(--hlbb-c-req-fg);font-size:11.5px;font-weight:700;line-height:1.5;vertical-align:1px}
#bo_w.hlbb .hlbb-help{display:block;margin-top:6px;font-size:12.5px;line-height:1.5;color:var(--hlbb-c-muted-fg)}
#bo_w.hlbb input.frm_input:not([type=checkbox]):not([type=radio]),#bo_w.hlbb select,#bo_w.hlbb .bo_w_select select{display:block;float:none;width:100%;height:44px;min-height:44px;margin:0;padding:8px 12px;border:1px solid var(--hlbb-line-strong);border-radius:10px;background-color:#fff;color:var(--hlbb-c-ink-fg);font-family:inherit;font-size:15px;line-height:1.4;box-shadow:none}
#bo_w.hlbb input.frm_input:focus,#bo_w.hlbb select:focus,#bo_w.hlbb textarea:focus{border-color:var(--hlbb-focus);box-shadow:0 0 0 3px rgba(10,110,121,.22)}
#bo_w.hlbb .bo_w_info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
#bo_w.hlbb .bo_w_info::after{display:none}
#bo_w.hlbb .bo_w_info .hlbb-field{margin:0}
#bo_w.hlbb #wr_password{margin:0}
#bo_w.hlbb .hlbb-opts{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;padding:2px 12px;border:1px solid var(--hlbb-line);border-radius:10px;background:var(--hlbb-bg)}
#bo_w.hlbb .hlbb-opts input[type=checkbox]{width:20px;height:20px;margin:0 6px 0 0;accent-color:var(--hlbb-teal);vertical-align:middle}
#bo_w.hlbb .hlbb-opts label{display:inline-flex;align-items:center;min-height:44px;margin:0 16px 0 0;font-size:14.5px;font-weight:600;cursor:pointer}
#bo_w.hlbb .bo_w_tit>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#bo_w.hlbb .bo_w_tit>div>input.frm_input{flex:1 1 220px;width:auto;min-width:0;padding-right:12px}
#bo_w.hlbb #btn_autosave{position:static;flex:0 0 auto;height:44px;margin:0;padding:0 14px;border:1px solid var(--hlbb-line-strong);border-radius:10px;background:#fff;color:var(--hlbb-c-ink-fg);font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer}
#bo_w.hlbb #btn_autosave:hover{background:var(--hlbb-teal-soft)}
#bo_w.hlbb #autosave_pop{top:calc(100% + 6px);right:0;width:min(350px,100%);border:1px solid var(--hlbb-line-strong);border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(11,29,51,.18)}
#bo_w.hlbb #autosave_pop:before,#bo_w.hlbb #autosave_pop:after{display:none}
#bo_w.hlbb .wr_content{max-width:100%;min-width:0;padding:0;border:1px solid var(--hlbb-line-strong);border-radius:12px;background:#fff}
#bo_w.hlbb .wr_content textarea{display:block;width:100%;min-height:240px;padding:12px 14px;border:0;border-radius:10px;font-family:inherit;font-size:16px;line-height:1.6}
/* 위지위그(SmartEditor2): 도구 모음·입력 영역은 iframe 안쪽이라 못 건드림 → 바깥 래퍼가 한 겹 테두리·둥근 모서리를 갖고, iframe 안쪽의 자체 1px 테두리는 -1px 로 가려서 이중 테두리를 없앰 */
#bo_w.hlbb .wr_content{overflow:hidden}
#bo_w.hlbb .wr_content iframe{display:block;width:calc(100% + 2px)!important;max-width:none;margin:-1px 0 -1px -1px;border:0;background:#fff}
#bo_w.hlbb .wr_content.smarteditor2 iframe{background:#fff}
#bo_w.hlbb .wr_content .cke_sc{display:flex;justify-content:flex-end;padding:2px 8px 0;border:0;background:#f4f4f4}
#bo_w.hlbb .wr_content .btn_cke_sc{min-height:30px;padding:0 6px;border:0;background:none;color:var(--hlbb-c-link-fg);font-family:inherit;font-size:12.5px;font-weight:600;text-decoration:underline;cursor:pointer}
#bo_w.hlbb .wr_content .cke_sc_def{max-width:100%;overflow-x:auto;font-size:13px;text-align:left}
#bo_w.hlbb #char_count_desc{margin:0;padding:10px 14px 0;font-size:13px;color:var(--hlbb-c-muted-fg)}
#bo_w.hlbb #char_count_wrap{margin:0;padding:6px 14px 10px;font-size:13px;color:var(--hlbb-c-muted-fg)}
#bo_w.hlbb .bo_w_link .hlbb-lb{position:static;width:auto;height:auto;line-height:1.4;background:none;text-align:left;color:var(--hlbb-c-ink-fg)}
#bo_w.hlbb .bo_w_link input.frm_input{padding-left:12px}
#bo_w.hlbb .bo_w_flie{padding:14px;border:1px dashed var(--hlbb-line-strong);border-radius:12px;background:var(--hlbb-bg)}
#bo_w.hlbb .bo_w_flie .file_wr{display:block;height:auto;margin:0;padding:0;border:0;background:none}
#bo_w.hlbb .bo_w_flie .lb_icon{position:static;width:auto;height:auto;line-height:1.4;border-radius:0;background:none;text-align:left;color:var(--hlbb-c-ink-fg)}
#bo_w.hlbb .bo_w_flie input.frm_file{display:block;width:100%;height:auto;min-height:44px;margin:0;padding:6px;border:1px solid var(--hlbb-line-strong);border-radius:10px;background:#fff;color:var(--hlbb-c-ink-fg);font-family:inherit;font-size:14px}
#bo_w.hlbb .bo_w_flie input.frm_file::file-selector-button{min-height:32px;margin:0 12px 0 0;padding:0 14px;border:0;border-radius:8px;background:var(--hlbb-c-primary-bg);color:var(--hlbb-c-primary-fg);font-family:inherit;font-weight:700;cursor:pointer}
#bo_w.hlbb .bo_w_flie .frm_input{margin:10px 0 0}
#bo_w.hlbb .bo_w_flie .file_del{position:static;display:flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;color:var(--hlbb-c-ink-fg);font-size:14px}
#bo_w.hlbb .bo_w_flie .file_del label{margin:0}
#bo_w.hlbb .bo_w_flie .file_del input{width:20px;height:20px;margin:0;accent-color:var(--hlbb-teal)}
#bo_w.hlbb .hlbb-consent{padding:14px 16px;border:1px solid var(--hlbb-line);border-radius:12px;background:var(--hlbb-c-count-bg);color:var(--hlbb-c-count-fg);font-size:14px;line-height:1.7}
#bo_w.hlbb .hlbb-consent input[type=checkbox]{display:inline-block;width:20px;height:20px;margin:0 8px 0 0;vertical-align:middle;accent-color:var(--hlbb-teal)}
#bo_w.hlbb .hlbb-consent a{color:var(--hlbb-c-count-fg);text-decoration:underline}
#bo_w.hlbb #captcha{max-width:100%}
#bo_w.hlbb .btn_confirm{display:flex;justify-content:flex-end;gap:10px;margin:8px -26px 0;padding:16px 26px;border-top:1px solid var(--hlbb-line);border-radius:0 0 var(--hlbb-radius) var(--hlbb-radius);background:#fff;text-align:right}
#bo_w.hlbb .btn_confirm .btn_submit,#bo_w.hlbb .btn_confirm .btn_cancel,#bo_w.hlbb .btn_confirm a.btn_cancel{display:inline-flex;align-items:center;justify-content:center;min-width:120px;min-height:48px;height:auto;margin:0;padding:0 24px;border:1px solid transparent;border-radius:10px;font-family:inherit;font-size:15px!important;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer}
#bo_w.hlbb .btn_confirm .btn_submit{background:var(--hlbb-c-primary-bg);color:var(--hlbb-c-primary-fg);box-shadow:inset 0 -3px 0 var(--hlbb-signal)}
#bo_w.hlbb .btn_confirm .btn_submit:hover{background:var(--hlbb-navy-2);color:var(--hlbb-c-primary-fg)}
#bo_w.hlbb .btn_confirm .btn_cancel,#bo_w.hlbb .btn_confirm a.btn_cancel{border-color:var(--hlbb-line-strong);background:var(--hlbb-c-second-bg);color:var(--hlbb-c-second-fg)}
#bo_w.hlbb .btn_confirm .btn_cancel:hover{background:#dbe4ee;color:var(--hlbb-c-second-fg)}

/* ---------- 포커스 (키보드) ---------- */
/* default.css 의 입력칸 포커스(파란 테두리 !important)를 사이트 청록으로 맞춤 */
#bo_list.hlbb input[type=text]:focus,#bo_gall.hlbb input[type=text]:focus,#bo_v.hlbb input[type=text]:focus,#bo_w.hlbb input[type=text]:focus,.hlbb.hlbb-callbook input[type=text]:focus,#bo_list.hlbb input[type=password]:focus,#bo_gall.hlbb input[type=password]:focus,#bo_v.hlbb input[type=password]:focus,#bo_w.hlbb input[type=password]:focus,.hlbb.hlbb-callbook input[type=password]:focus,#bo_list.hlbb textarea:focus,#bo_gall.hlbb textarea:focus,#bo_v.hlbb textarea:focus,#bo_w.hlbb textarea:focus,.hlbb.hlbb-callbook textarea:focus,#bo_list.hlbb select:focus,#bo_gall.hlbb select:focus,#bo_v.hlbb select:focus,#bo_w.hlbb select:focus,.hlbb.hlbb-callbook select:focus{border:1px solid var(--hlbb-focus)!important;box-shadow:0 0 0 3px rgba(10,110,121,.22)}
#bo_list.hlbb a:focus-visible,#bo_gall.hlbb a:focus-visible,#bo_v.hlbb a:focus-visible,#bo_w.hlbb a:focus-visible,.hlbb.hlbb-callbook a:focus-visible,#bo_list.hlbb button:focus-visible,#bo_gall.hlbb button:focus-visible,#bo_v.hlbb button:focus-visible,#bo_w.hlbb button:focus-visible,.hlbb.hlbb-callbook button:focus-visible,#bo_list.hlbb input:focus-visible,#bo_gall.hlbb input:focus-visible,#bo_v.hlbb input:focus-visible,#bo_w.hlbb input:focus-visible,.hlbb.hlbb-callbook input:focus-visible,#bo_list.hlbb select:focus-visible,#bo_gall.hlbb select:focus-visible,#bo_v.hlbb select:focus-visible,#bo_w.hlbb select:focus-visible,.hlbb.hlbb-callbook select:focus-visible,#bo_list.hlbb textarea:focus-visible,#bo_gall.hlbb textarea:focus-visible,#bo_v.hlbb textarea:focus-visible,#bo_w.hlbb textarea:focus-visible,.hlbb.hlbb-callbook textarea:focus-visible,#bo_list.hlbb label:focus-visible,#bo_gall.hlbb label:focus-visible,#bo_v.hlbb label:focus-visible,#bo_w.hlbb label:focus-visible,.hlbb.hlbb-callbook label:focus-visible{outline:3px solid var(--hlbb-focus);outline-offset:2px}
#bo_list.hlbb .hlbb-tablewrap thead a:focus-visible,#bo_list.hlbb .btn_b02:focus-visible,#bo_gall.hlbb .btn_b02:focus-visible,#bo_v.hlbb .btn_b02:focus-visible,#bo_w.hlbb .btn_b02:focus-visible,.hlbb.hlbb-callbook .btn_b02:focus-visible,#bo_list.hlbb .btn_confirm .btn_submit:focus-visible,#bo_gall.hlbb .btn_confirm .btn_submit:focus-visible,#bo_v.hlbb .btn_confirm .btn_submit:focus-visible,#bo_w.hlbb .btn_confirm .btn_submit:focus-visible,.hlbb.hlbb-callbook .btn_confirm .btn_submit:focus-visible,#bo_list.hlbb .pg_current:focus-visible,#bo_gall.hlbb .pg_current:focus-visible,#bo_v.hlbb .pg_current:focus-visible,#bo_w.hlbb .pg_current:focus-visible,.hlbb.hlbb-callbook .pg_current:focus-visible,#bo_list.hlbb .sch_btn:focus-visible,#bo_gall.hlbb .sch_btn:focus-visible,#bo_v.hlbb .sch_btn:focus-visible,#bo_w.hlbb .sch_btn:focus-visible,.hlbb.hlbb-callbook .sch_btn:focus-visible,.hlbb.hlbb-callbook .hlbb-cb-submit:focus-visible{outline-color:var(--hlbb-signal)}
#bo_list.hlbb a:focus:not(:focus-visible),#bo_gall.hlbb a:focus:not(:focus-visible),#bo_v.hlbb a:focus:not(:focus-visible),#bo_w.hlbb a:focus:not(:focus-visible),.hlbb.hlbb-callbook a:focus:not(:focus-visible),#bo_list.hlbb button:focus:not(:focus-visible),#bo_gall.hlbb button:focus:not(:focus-visible),#bo_v.hlbb button:focus:not(:focus-visible),#bo_w.hlbb button:focus:not(:focus-visible),.hlbb.hlbb-callbook button:focus:not(:focus-visible){outline:none}

/* ---------- 태블릿·작은 노트북 ---------- */
@media (max-width:1199px){
	#bo_gall.hlbb .hlbb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1024px){
	#bo_list.hlbb .hlbb-th-name{width:120px}
	#bo_list.hlbb .hlbb-th-date{width:96px}
	#bo_v.hlbb header.hlbb-vhead,#bo_v.hlbb header{padding:22px 24px 8px}
	#bo_v.hlbb #bo_v_info{padding:10px 24px 16px}
	#bo_v.hlbb #bo_v_atc{padding:12px 24px 24px}
}

/* ---------- 768px 이하: 카드형 목록, 격자 2열 ---------- */
@media (max-width:768px){
	#bo_list.hlbb,#bo_gall.hlbb,#bo_v.hlbb,#bo_w.hlbb{margin-top:10px}
	#bo_list.hlbb #bo_btn_top,#bo_gall.hlbb #bo_btn_top{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "c" "b";gap:8px;padding-bottom:12px}
	#bo_list.hlbb #bo_btn_top .btn_bo_user,#bo_gall.hlbb #bo_btn_top .btn_bo_user{justify-content:flex-start}
	#bo_list.hlbb .hlbb-title,#bo_gall.hlbb .hlbb-title{font-size:23px}
	#bo_list.hlbb .hlbb-tablewrap{overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}
	#bo_list.hlbb .hlbb-tablewrap table,#bo_list.hlbb .hlbb-tablewrap tbody{display:block;width:100%;background:none}
	#bo_list.hlbb .hlbb-tablewrap thead{display:block;margin:0 0 10px}
	#bo_list.hlbb .hlbb-tablewrap thead tr{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
	#bo_list.hlbb .hlbb-tablewrap thead th{display:none}
	#bo_list.hlbb .hlbb-tablewrap thead th.hlbb-th-sort,#bo_list.hlbb .hlbb-tablewrap thead th.hlbb-th-chk{display:inline-flex;align-items:center;width:auto;min-height:44px;padding:0 14px;border:1px solid var(--hlbb-line);border-radius:999px;background:#fff;color:var(--hlbb-c-ink-fg)}
	#bo_list.hlbb .hlbb-tablewrap thead th.hlbb-th-chk{margin-right:auto}
	#bo_list.hlbb .hlbb-tablewrap thead th.hlbb-th-sort a{display:inline-flex;align-items:center;min-height:44px;color:var(--hlbb-c-ink-fg)}
	#bo_list.hlbb .hlbb-tablewrap thead th.hlbb-th-sort a:focus-visible{outline-color:var(--hlbb-focus)}
	#bo_list.hlbb .hlbb-tablewrap thead th label{margin:0}
	#bo_list.hlbb .hlbb-row{position:relative;display:flex;flex-wrap:wrap;align-items:center;margin:0 0 10px;padding:14px 16px;border:1px solid var(--hlbb-line);border-radius:var(--hlbb-radius);background:#fff;box-shadow:var(--hlbb-shadow)}
	#bo_list.hlbb.hlbb-has-chk .hlbb-row{padding-left:56px}
	#bo_list.hlbb .hlbb-row:hover td{background:transparent}
	#bo_list.hlbb .hlbb-tablewrap tbody tr.bo_notice{border-left:4px solid var(--hlbb-signal);background:var(--hlbb-c-hover-bg)}
	#bo_list.hlbb .hlbb-tablewrap tbody td{display:block;width:auto;padding:0;border:0;background:transparent;text-align:left}
	#bo_list.hlbb .hlbb-tablewrap tbody tr.bo_notice td{background:transparent!important}
	#bo_list.hlbb .hlbb-tablewrap tbody td.td_chk{position:absolute;left:6px;top:6px;display:flex;align-items:center;justify-content:center;width:44px;height:44px}
	#bo_list.hlbb .hlbb-tablewrap tbody td.hlbb-num{display:none}
	#bo_list.hlbb .hlbb-tablewrap tbody tr.bo_notice td.hlbb-num{display:block;order:0;flex:0 0 100%;margin:0 0 8px}
	#bo_list.hlbb .hlbb-tablewrap tbody td.hlbb-subject{order:1;flex:0 0 100%;min-width:0;padding:0 0 2px}
	#bo_list.hlbb .bo_tit{font-size:16px}
	#bo_list.hlbb .hlbb-tablewrap tbody td.hlbb-name{order:2;flex:0 0 auto;margin:8px 14px 0 0;padding:0;font-size:13.5px;font-weight:600;text-align:left}
	#bo_list.hlbb .hlbb-tablewrap tbody td.hlbb-date{order:3;flex:0 0 auto;margin:8px 14px 0 0;font-size:13.5px}
	#bo_list.hlbb .hlbb-tablewrap tbody td.hlbb-hit{order:4;flex:0 0 auto;margin:8px 14px 0 0;font-size:13.5px}
	#bo_list.hlbb .hlbb-tablewrap tbody td.hlbb-good{order:5;flex:0 0 auto;margin:8px 14px 0 0;font-size:13.5px}
	#bo_list.hlbb .hlbb-tablewrap tbody td.hlbb-nogood{order:6;flex:0 0 auto;margin:8px 14px 0 0;font-size:13.5px}
	#bo_list.hlbb .hlbb-hit::before{content:"조회 "}
	#bo_list.hlbb .hlbb-good::before{content:"추천 "}
	#bo_list.hlbb .hlbb-nogood::before{content:"비추천 "}
	#bo_list.hlbb .hlbb-tablewrap tbody td.hlbb-empty{padding:48px 16px!important;border:1px dashed var(--hlbb-line-strong);border-radius:var(--hlbb-radius);background:#fff;text-align:center}
	#bo_list.hlbb .hlbb-tablewrap tbody tr:has(td.hlbb-empty){display:block;padding:0;border:0;box-shadow:none;background:none}
	#bo_gall.hlbb .hlbb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
	#bo_list.hlbb .bo_fx ul,#bo_gall.hlbb .bo_fx ul,#bo_list.hlbb .bo_fx .btn_bo_user,#bo_gall.hlbb .bo_fx .btn_bo_user{justify-content:flex-start}
	#bo_v.hlbb header.hlbb-vhead,#bo_v.hlbb header{padding:20px 18px 6px}
	#bo_v.hlbb #bo_v_title .bo_v_tit{font-size:22px}
	#bo_v.hlbb #bo_v_info{padding:8px 18px 14px}
	#bo_v.hlbb #bo_v_info .if_date{margin-left:0}
	#bo_v.hlbb #bo_v_atc{padding:10px 18px 22px}
	#bo_v.hlbb #bo_v_con{font-size:16.5px}
	#bo_v.hlbb #bo_v_file h2,#bo_v.hlbb #bo_v_link h2{padding:12px 16px}
	#bo_v.hlbb #bo_v_file li,#bo_v.hlbb #bo_v_link li{padding:10px 16px}
	#bo_v.hlbb .bo_v_file_cnt,#bo_v.hlbb .bo_v_link_cnt{margin-left:0;flex:0 0 100%}
	#bo_v.hlbb .bo_v_nb li .nb_date{display:none}
	#bo_w.hlbb #fwrite{padding:18px 16px 0}
	#bo_w.hlbb input.frm_input:not([type=checkbox]):not([type=radio]),#bo_w.hlbb select,#bo_w.hlbb .wr_content textarea{font-size:16px}
	#bo_w.hlbb .btn_confirm{position:sticky;bottom:0;z-index:60;margin:8px -16px 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-radius:0 0 var(--hlbb-radius) var(--hlbb-radius);box-shadow:0 -4px 12px rgba(11,29,51,.1)}
	#bo_w.hlbb .btn_confirm .btn_cancel,#bo_w.hlbb .btn_confirm a.btn_cancel{flex:1 1 0;min-width:0}
	#bo_w.hlbb .btn_confirm .btn_submit{flex:2 1 0;min-width:0}
}

/* ---------- 600px 이하: 위지위그 도구 모음(안쪽 최소 폭 570px)이 잘리지 않게 상자 안에서 가로로 밀어 볼 수 있게 함 ---------- */
@media (max-width:600px){
	#bo_w.hlbb .wr_content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
	#bo_w.hlbb .wr_content iframe{width:max(570px,calc(100% + 2px))!important}
}

/* ---------- 480px 이하: 1열, 버튼은 꽉 차게 ---------- */
@media (max-width:480px){
	#bo_gall.hlbb .hlbb-grid{grid-template-columns:repeat(1,minmax(0,1fr))}
	#bo_list.hlbb .hlbb-title,#bo_gall.hlbb .hlbb-title{font-size:21px}
	#bo_list.hlbb #bo_btn_top .btn_bo_user,#bo_gall.hlbb #bo_btn_top .btn_bo_user{width:100%}
	#bo_list.hlbb #bo_btn_top .btn_bo_user li,#bo_gall.hlbb #bo_btn_top .btn_bo_user li{flex:1 1 auto}
	#bo_list.hlbb #bo_btn_top .btn_bo_user .btn,#bo_gall.hlbb #bo_btn_top .btn_bo_user .btn{width:100%}
	#bo_list.hlbb .bo_fx ul,#bo_gall.hlbb .bo_fx ul,#bo_list.hlbb .bo_fx .btn_bo_user,#bo_gall.hlbb .bo_fx .btn_bo_user{width:100%}
	#bo_list.hlbb .bo_fx li,#bo_gall.hlbb .bo_fx li{flex:1 1 auto}
	#bo_list.hlbb .bo_fx .btn,#bo_gall.hlbb .bo_fx .btn,#bo_list.hlbb .bo_fx li>input,#bo_gall.hlbb .bo_fx li>input{width:100%}
	#bo_list.hlbb #bo_sch select,#bo_gall.hlbb #bo_sch select{flex:1 1 100%}
	#bo_list.hlbb .pg,#bo_gall.hlbb .pg{gap:4px}
	#bo_list.hlbb .pg_page,#bo_gall.hlbb .pg_page,#bo_list.hlbb .pg_current,#bo_gall.hlbb .pg_current{min-width:44px;padding:0 8px}
	#bo_v.hlbb header.hlbb-vhead,#bo_v.hlbb header{padding:18px 14px 4px}
	#bo_v.hlbb #bo_v_title .bo_v_tit{font-size:20px}
	#bo_v.hlbb #bo_v_info{gap:4px 14px;padding:8px 14px 12px}
	#bo_v.hlbb #bo_v_atc{padding:8px 14px 20px}
	#bo_v.hlbb #bo_v_con{font-size:16px}
	#bo_v.hlbb #bo_v_act .bo_v_good,#bo_v.hlbb #bo_v_act .bo_v_nogood{min-width:84px;padding:0 16px 0 42px;background-position:12px 50%}
	#bo_v.hlbb .bo_v_left,#bo_v.hlbb .bo_v_com{flex:1 1 100%}
	#bo_v.hlbb .bo_v_left li,#bo_v.hlbb .bo_v_com li{flex:1 1 auto}
	#bo_v.hlbb .bo_v_left .btn,#bo_v.hlbb .bo_v_com .btn{width:100%}
	#bo_v.hlbb .bo_v_nb li{gap:8px;padding:0 14px}
	#bo_v.hlbb .bo_v_nb li .nb_tit{min-width:64px}
	#bo_w.hlbb #fwrite{padding:16px 12px 0}
	#bo_w.hlbb .bo_w_info{grid-template-columns:minmax(0,1fr)}
	#bo_w.hlbb .btn_confirm{margin:8px -12px 0;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
}

/* ---------- 380px 이하 ---------- */
@media (max-width:380px){
	#bo_list.hlbb .hlbb-title,#bo_gall.hlbb .hlbb-title{font-size:20px}
	#bo_list.hlbb .pg_page,#bo_gall.hlbb .pg_page,#bo_list.hlbb .pg_current,#bo_gall.hlbb .pg_current{min-width:40px;height:44px;padding:0 6px}
	#bo_list.hlbb #bo_sch .sch_input,#bo_gall.hlbb #bo_sch .sch_input{flex-basis:120px}
	#bo_v.hlbb #bo_v_title .bo_v_tit{font-size:19px}
	#bo_v.hlbb #bo_v_act{gap:8px}
	#bo_v.hlbb #bo_v_act .bo_v_good,#bo_v.hlbb #bo_v_act .bo_v_nogood{min-width:76px;padding:0 12px 0 38px;font-size:15px;background-position:10px 50%;background-size:18px auto}
	#bo_v.hlbb .bo_v_nb li .nb_tit{min-width:0}
	#bo_v.hlbb .bo_v_nb li .nb_tit i{display:none}
	#bo_w.hlbb .hlbb-opts label{margin-right:10px}
	#bo_w.hlbb .btn_confirm .btn_submit,#bo_w.hlbb .btn_confirm .btn_cancel{padding:0 12px}
}

/* ---------- 움직임 줄이기 ---------- */
@media (prefers-reduced-motion:reduce){
	#bo_list.hlbb *,#bo_gall.hlbb *,#bo_v.hlbb *,#bo_w.hlbb *,.hlbb.hlbb-callbook *,#bo_list.hlbb *::before,#bo_gall.hlbb *::before,#bo_v.hlbb *::before,#bo_w.hlbb *::before,.hlbb.hlbb-callbook *::before,#bo_list.hlbb *::after,#bo_gall.hlbb *::after,#bo_v.hlbb *::after,#bo_w.hlbb *::after,.hlbb.hlbb-callbook *::after{transition:none!important;animation:none!important}
	#bo_gall.hlbb .hlbb-item .card:hover{transform:none}
}

/* ---------- 인쇄: 메뉴·버튼·검색·댓글 쓰기 숨김 ---------- */
@media print{
	body:has(.hlbb) .hlb-topbar,body:has(.hlbb) .hlb-header,body:has(.hlbb) .hlb-footer,body:has(.hlbb) .hlb-copy{display:none!important}
	#bo_list.hlbb #bo_btn_top .btn_bo_user,#bo_gall.hlbb #bo_btn_top .btn_bo_user,#bo_list.hlbb .bo_fx,#bo_gall.hlbb .bo_fx,#bo_list.hlbb #bo_sch,#bo_gall.hlbb #bo_sch,#bo_list.hlbb .pg_wrap,#bo_gall.hlbb .pg_wrap,#bo_list.hlbb #bo_cate,#bo_gall.hlbb #bo_cate,#bo_list.hlbb #gall_allchk,#bo_gall.hlbb #gall_allchk,#bo_list.hlbb .gall_chk,#bo_gall.hlbb .gall_chk{display:none!important}
	#bo_v.hlbb #bo_v_top,#bo_v.hlbb #bo_v_share,#bo_v.hlbb #bo_v_act,.cmt_btn.hlbb-cmt,#bo_vc_w.hlbb-cmt,#bo_vc.hlbb-cmt .bo_vc_act,#bo_v.hlbb .bo_v_nb{display:none!important}
	#bo_list.hlbb *,#bo_gall.hlbb *,#bo_v.hlbb *,#bo_w.hlbb *,.hlbb.hlbb-callbook *{box-shadow:none!important}
	#bo_v.hlbb header.hlbb-vhead,#bo_v.hlbb header,#bo_v.hlbb #bo_v_info,#bo_v.hlbb #bo_v_atc{border-color:#999;padding-left:0;padding-right:0}
	#bo_v.hlbb #bo_v_con{max-width:none;font-size:12pt;line-height:1.7;overflow:visible}
	#bo_v.hlbb #bo_v_con a{color:#000}
	#bo_list.hlbb .hlbb-tablewrap thead th{background:#fff;color:#000;border-bottom:2px solid #000}
	#bo_list.hlbb .hlbb-tablewrap thead th a{color:#000}
}