@charset "utf-8";

/* ==========================================================================
 * board-common.css
 * 2026-04-13 r002
 *
 * [description]
 * - 게시판 공통 스타일
 * - 카테고리 탭 전체 클릭 영역 적용
 * - hover / on 상태 정돈
 * ========================================================================== */

/* 게시판 :: 제목 */
div.board-title-wrap {display:block;width:100%;margin:20px 0;}
div.board-title-wrap a {color:#333;}
div.board-title-wrap h2 {font-size:20px;font-weight:600;}
div.board-title-wrap span.board-desc {display:block;font-size:13px;color:#333;margin-top:8px;}

/* 게시판 :: 뷰 목록 카테고리 */
div.cate-wrap {display:flex;}

div.cate-head {
	display:flex;
	flex-wrap:wrap;
	align-content:center;
	gap:0;
}

div.cate-wrap a {
	color:#333;
	text-decoration:none;
}

div.cate-item {
	display:inline-block;
	margin:8px 2px 0 2px;
	padding:0;
	font-size:13px;
	font-weight:400;
	text-align:center;
	border:1px solid #d7dceb;
	border-radius:4px;
	background-color:#e9ebf5;
	box-sizing:border-box;
	overflow:hidden;
	transition:
		border-color .18s ease,
		background-color .18s ease,
		box-shadow .18s ease;
}

div.cate-item > a {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	min-height:34px;
	padding:6px 12px;
	color:#333;
	line-height:1.2;
	text-decoration:none;
	box-sizing:border-box;
	transition:
		color .18s ease,
		background-color .18s ease;
}

div.cate-wrap div.cate-item:hover {
	border-color:#aeb8d0;
	background-color:#d7def0;
	box-shadow:0 1px 2px rgba(0,0,0,.05);
}

div.cate-wrap div.cate-item:hover > a {
	color:#222;
	text-decoration:none;
}

div.cate-wrap div.cate-item:focus-within {
	border-color:#8ea2d4;
	box-shadow:0 0 0 2px rgba(142,162,212,.18);
}

div.cate-wrap div.cate-item > a:focus,
div.cate-wrap div.cate-item > a:focus-visible {
	outline:none;
}

div.cate-wrap div.on {
	border-color:#98a7c7;
	background-color:#d7def0;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}

div.cate-wrap div.on > a {
	color:#222;
	font-weight:600;
}

div.sub_cate {
	display:flex;
	flex-wrap:wrap;
	margin:10px 0;
	line-height:1.8;
}

div.sub_cate span {
	display:inline-block;
	margin-top:4px;
	padding:0 6px;
	font-size:11px;
	font-weight:500;
	word-break:break-all;
}

div.sub_cate span a {
	display:inline-block;
	padding:2px 6px;
	color:#555;
	text-decoration:none;
	border:1px solid transparent;
	border-radius:2px;
	transition:
		color .18s ease,
		background-color .18s ease,
		border-color .18s ease;
}

div.sub_cate span:hover a {
	color:#d63c3c;
	background-color:#f7f3f1;
	border-color:#e3dfdc;
	text-decoration:none;
}

div.sub_cate span.on a {
	color:#f53838;
	font-weight:600;
	background-color:#f1edeb;
	border-radius:2px;
	border:1px solid #dfdfdf;
}

div.cate-wrap-select {display:none;}
div.sub_cate_select {display:none;}

/* 맨하단 전체목록 , 글쓰기 */
div.list-bot {margin:16px 0;}

/* 게시판 :: 뷰 + 목록 여백 */
div.board-content-separator {display:block;margin-top:60px;}