/* BASIC css start */
/* ============================================================
	피시위즈 PC 게시판 목록 (board_list) — 디자인(CSS) 탭   2026-08-11 · PC 세트 31265

	여기에는 「담는 칸」 만 적습니다 — 탭 · 제목 · 검색 · 표 · 단추 · 페이지 번호.
	상품 카드 규칙은 한 줄도 없습니다 (카드는 헤더 CSS 탭 「카드 v3(PC)」 한 곳이 잡습니다).

	폭 1260 — 본문 칸이 1280 이라 좌우 10 씩 남깁니다. 메뉴가 붙어 좁아지면 저절로 줄어듭니다.
	표      머리 46 · 13 Bold #8A9099 · 바탕 #F7F8FA / 줄 52 · 아래 선 #DFE3E8
	칸 폭   번호 70 · 제목 남는 폭 · 작성자 130 · 날짜 110 · 조회 80
	색은 전부 부품표 값입니다 — 진함 #14181D · 보통 #2B3138 · 흐림 #8A9099 · 선 #DFE3E8 ·
	바탕 #F7F8FA · 골드 #F0D025 · 빨강 #EF6253
============================================================ */

#fwBl {
	box-sizing: border-box;
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 0 64px;
	font-family: 'Pretendard Variable', 'Pretendard', 'Apple SD Gothic Neo', system-ui, sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color: #2B3138;
}
#fwBl * { box-sizing: border-box; }
#fwBl a { text-decoration: none; color: inherit; }

/* ───── 게시판 탭 ───── */
#fwBl .fw-btabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	padding: 32px 0 0;
	border-bottom: 1px solid #DFE3E8;
}
#fwBl .fw-btab {
	display: inline-flex;
	align-items: center;
	height: 52px;
	padding: 0 24px;
	border: 0;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	border-radius: 0;
	background: transparent;
	font-size: 15px;
	font-weight: 400;
	color: #8A9099;
}
#fwBl .fw-btab:hover { color: #14181D; }

/* ───── 게시판 이름 ───── */
#fwBl .fw-bhead {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	padding: 24px 0 0;
}
#fwBl .fw-bhead h2 {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.5px;
	color: #14181D;
}

/* ───── 단추 ───── */
#fwBl .fw-btn1 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 104px;
	height: 36px;
	border-radius: 10px;
	background: #14181D;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
}
#fwBl .fw-btn1:hover { background: #2B3138; color: #fff; }
#fwBl .fw-btn2 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 90px;
	height: 36px;
	border-radius: 10px;
	background: #14181D;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
}
#fwBl .fw-btn2:hover { background: #F0D025; color: #14181D; }

/* ───── 검색 한 줄 ───── */
#fwBl .fw-bsch {
	margin-top: 16px;
	padding: 12px 16px;
	border: 1px solid #DFE3E8;
	border-radius: 10px;
	background: #F7F8FA;
}
#fwBl .fw-bsch fieldset { border: 0; margin: 0; padding: 0; }
#fwBl .fw-schrow {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 16px;
}
#fwBl .fw-rd {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 36px;
	font-size: 13.5px;
	color: #2B3138;
	cursor: pointer;
}
#fwBl .fw-rd input { width: 18px; height: 18px; margin: 0; }
#fwBl .fw-schbox { flex: 1; min-width: 220px; margin-left: auto; }
#fwBl .fw-schbox input {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid #DFE3E8;
	border-radius: 9px;
	background: #fff;
	font-size: 14px;
	line-height: 40px;
	color: #14181D;
}
#fwBl .fw-schbox input:focus { border-color: #14181D; }

/* ───── 표 ───── */
#fwBl .fw-tbwrap { margin-top: 24px; }
#fwBl .fw-tb {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-top: 1px solid #DFE3E8;
}
#fwBl .fw-tb .c1 { width: 70px; }
#fwBl .fw-tb .c3 { width: 130px; }
#fwBl .fw-tb .c4 { width: 110px; }
#fwBl .fw-tb .c5 { width: 80px; }
#fwBl .fw-tb th {
	height: 46px;
	padding: 0 8px;
	border-bottom: 1px solid #DFE3E8;
	background: #F7F8FA;
	font-size: 13px;
	font-weight: 700;
	color: #8A9099;
	text-align: center;
	white-space: nowrap;
}
#fwBl .fw-tb td {
	height: 52px;
	padding: 0 8px;
	border-bottom: 1px solid #DFE3E8;
	font-size: 14px;
	color: #2B3138;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#fwBl .fw-tb th.al,
#fwBl .fw-tb td.al { text-align: left; }
#fwBl .fw-tb .fw-num { font-size: 13px; color: #8A9099; }
#fwBl .fw-tb .fw-dt { font-size: 13px; color: #8A9099; }
#fwBl .fw-tb tr:hover td { background: #F7F8FA; }

/* 제목 칸 안쪽 */
#fwBl .fw-ind { display: inline-block; vertical-align: middle; }
#fwBl .fw-re {
	display: inline-block;
	margin-right: 4px;
	font-size: 13px;
	color: #B3B9C0;
	vertical-align: middle;
}
#fwBl .fw-thumb {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 12px;
	border-radius: 8px;
	background: #F7F8FA;
	overflow: hidden;
	vertical-align: middle;
}
#fwBl .fw-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; }
#fwBl .fw-pchip {
	display: inline-block;
	max-width: 220px;
	margin-right: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	font-size: 12px;
	color: #8A9099;
}
#fwBl .fw-pchip:hover { color: #14181D; }
#fwBl .fw-sj {
	font-size: 14px;
	color: #14181D;
	vertical-align: middle;
}
#fwBl .fw-sj:hover { text-decoration: underline; }
#fwBl .fw-spam { font-size: 14px; color: #8A9099; vertical-align: middle; }
#fwBl .fw-cc {
	margin-left: 4px;
	font-size: 12px;
	font-weight: 700;
	color: #EF6253;
	vertical-align: middle;
}

/* 공지 줄 */
#fwBl .fw-tb tr.fw-rnotice td { background: #F7F8FA; }
#fwBl .fw-nb {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	padding: 0 7px;
	border-radius: 4px;
	background: #14181D;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
}
#fwBl .fw-need { font-size: 14px; font-weight: 500; color: #14181D; }

/* 글이 하나도 없을 때 JS 가 넣는 줄 */
#fwBl .fw-tb td.fw-empty {
	height: 160px;
	font-size: 14px;
	color: #8A9099;
	text-align: center;
}

/* ───── 아래 단추 ───── */
#fwBl .fw-bfoot {
	display: flex;
	justify-content: flex-end;
	margin-top: 16px;
}

/* ───── 페이지 번호 ───── */
#fwBl .fw-pager {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	margin-top: 32px;
}
#fwBl .fw-pg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border: 1px solid #DFE3E8;
	border-radius: 8px;
	background: #fff;
	font-size: 13px;
	font-weight: 500;
	color: #2B3138;
}
#fwBl .fw-pg:hover { border-color: #14181D; color: #14181D; }
#fwBl .fw-pg.on {
	border-color: #14181D;
	background: #14181D;
	font-weight: 700;
	color: #fff;
}


/* 2026-08-20 (B01) : 지금 보고 있는 게시판 탭을 굵게 — JS 가 on 을 붙입니다 (부품표 탭 = 밑줄 2px) */
#fwBl .fw-btab.on { color: #14181D; font-weight: 700; border-bottom-color: #14181D; }

/* 2026-08-20 (B02) : 목록 썸네일 크기를 못박습니다.
   그림마다 원본 크기(150 · 500)로 나와 줄이 들쭉날쭉했습니다.
   진짜 원인은 header.1.css 의 상품카드 규칙입니다 —
     #wrap .fw-thumb { width:auto !important }
   우리도 !important 를 썼더니 세기가 같아 나중에 로드되는 헤더가 이겼습니다(실측).
   그래서 아이디를 하나 더 얹어 #wrap #fwBl a.fw-thumb 로 좁힙니다.
   헤더 CSS 는 건드리지 않습니다 — 상품 카드가 있는 전 화면이 흔들립니다.
   부품표 이미지 : 정사각 · 흰 바탕 · contain · 모서리 10 · 선 #F1F3F5.
   표 본문줄이 52 라 40 으로 둡니다. */
#wrap #fwBl a.fw-thumb {
	display: inline-block !important;
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	max-width: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;
	margin-right: 12px !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 1px solid #F1F3F5 !important;
	border-radius: 10px !important;
	background: #FFFFFF !important;
	vertical-align: middle !important;
}
#wrap #fwBl a.fw-thumb img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	display: block !important;
}

/* BASIC css end */