/* BASIC css start */
/* ============================================================
	피시위즈 PC 자주 묻는 질문 (faq) — 디자인(CSS) 탭   2026-08-11 · PC 세트 31265

	여기에는 「담는 칸」 만 적습니다 — 제목 · 찾기 줄 · 낱말 칩 · 분류 탭 · 접기 · 페이지 번호 · 문의 상자.
	상품 카드 규칙은 한 줄도 없습니다.

	접기(부품표) 줄 높이 56 · 제목 15 Medium · 오른쪽 화살표(열리면 뒤집는다) · 아래 1px 선
	칩 높이 34 · 좌우 14 · 모서리 8
	폭 1260 · 색은 전부 부품표 값입니다.
============================================================ */

#fwFq {
	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;
}
#fwFq * { box-sizing: border-box; }
#fwFq a { text-decoration: none; color: inherit; }

/* ───── 제목 ───── */
#fwFq .fw-fhead { padding: 28px 0 0; }
#fwFq .fw-fhead h2 {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.5px;
	color: #14181D;
}
#fwFq .fw-fhead p { margin: 8px 0 0; font-size: 14px; color: #8A9099; }

/* ───── 찾기 줄 ───── */
#fwFq .fw-fsch {
	margin-top: 24px;
	padding: 16px;
	border-radius: 12px;
	background: #F7F8FA;
}
#fwFq .fw-fsch fieldset { border: 0; margin: 0; padding: 0; }
#fwFq .fw-schrow { display: flex; align-items: center; gap: 8px; }
#fwFq .fw-schsel { flex: none; }
#fwFq .fw-schbox { flex: 1; min-width: 0; }
#fwFq .fw-schbox input {
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid #DFE3E8;
	border-radius: 9px;
	background: #fff;
	font-family: inherit;
	font-size: 14px;
	line-height: 48px;
	color: #14181D;
}
#fwFq .fw-schbox input:focus { border-color: #14181D; }
#fwFq select {
	height: 48px;
	min-width: 180px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid #DFE3E8;
	border-radius: 9px;
	background: #fff;
	font-family: inherit;
	font-size: 14px;
	color: #14181D;
}

/* ───── 단추 ───── */
#fwFq .fw-btn1,
#fwFq .fw-btn2 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 120px;
	height: 48px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 700;
}
#fwFq .fw-btn1 { background: #14181D; color: #fff; }
#fwFq .fw-btn1:hover { background: #2B3138; color: #fff; }
#fwFq .fw-btn2 { background: #14181D; color: #fff; }
#fwFq .fw-btn2:hover { background: #E3C31A; }

/* ───── 많이 찾는 낱말 ───── */
#fwFq .fw-best {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 16px;
}
#fwFq .fw-bestlb { margin-right: 4px; font-size: 12.5px; font-weight: 700; color: #8A9099; }
#fwFq .fw-chip {
	display: inline-flex;
	align-items: center;
	height: 34px;
	padding: 0 14px;
	border: 1px solid #DFE3E8;
	border-radius: 8px;
	background: #fff;
	font-size: 13px;
	color: #2B3138;
}
#fwFq .fw-chip:hover { border-color: #14181D; color: #14181D; }

/* ───── 분류 탭 ───── */
#fwFq .fw-ctabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0 24px;
	margin-top: 24px;
	border-bottom: 1px solid #DFE3E8;
}
#fwFq .fw-ctab {
	display: inline-flex;
	align-items: center;
	height: 52px;
	margin-bottom: -1px;
	border-bottom: 2px solid transparent;
	font-size: 15px;
	font-weight: 400;
	color: #8A9099;
}
#fwFq .fw-ctab:hover { color: #2B3138; }
#fwFq .fw-ctab.on { border-bottom-color: #14181D; font-weight: 700; color: #14181D; }

/* ───── 접기 ───── */
#fwFq .fw-acc { margin-top: 24px; border-top: 1px solid #14181D; }
#fwFq .fw-ac { border-bottom: 1px solid #DFE3E8; }
#fwFq .fw-ach {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	min-height: 56px;
	margin: 0;
	padding: 8px 4px;
	border: 0;
	background: none;
	font-family: inherit;
	text-align: left;
	cursor: pointer;
}
#fwFq .fw-acq { display: flex; align-items: center; gap: 12px; min-width: 0; }
#fwFq .fw-accat {
	flex: none;
	display: inline-flex;
	align-items: center;
	height: 22px;
	padding: 0 7px;
	border-radius: 4px;
	background: #F1F3F5;
	font-size: 11px;
	font-weight: 700;
	color: #8A9099;
}
#fwFq .fw-actx {
	min-width: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	color: #14181D;
}
#fwFq .fw-acar {
	flex: none;
	display: block;
	width: 10px;
	height: 10px;
	margin-right: 6px;
	border-right: 1.5px solid #8A9099;
	border-bottom: 1.5px solid #8A9099;
	transform: rotate(45deg);
	transition: transform 0.18s ease;
}
#fwFq .fw-ac.on .fw-acar { transform: rotate(225deg); border-color: #14181D; }
#fwFq .fw-acb {
	display: none;
	padding: 4px 4px 24px;
	font-size: 14px;
	line-height: 1.7;
	color: #2B3138;
	word-break: break-all;
}
#fwFq .fw-ac.on .fw-acb { display: block; }
#fwFq .fw-acb img { max-width: 100%; height: auto; }

/* 질문이 없을 때 JS 가 넣는 줄 */
#fwFq .fw-none {
	padding: 72px 0;
	border-bottom: 1px solid #DFE3E8;
	text-align: center;
	font-size: 14px;
	color: #8A9099;
}

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

/* ───── 1:1 문의 ───── */
#fwFq .fw-ask {
	margin-top: 32px;
	padding: 32px;
	border-radius: 12px;
	background: #F7F8FA;
	text-align: center;
}
#fwFq .fw-askt { margin: 0; font-size: 17px; font-weight: 700; color: #14181D; }
#fwFq .fw-askd { margin: 8px 0 0; font-size: 13.5px; color: #8A9099; }
#fwFq .fw-ask .fw-btn1 { min-width: 220px; height: 56px; margin-top: 24px; font-size: 15px; }


/* 2026-10-13 common.css 의 button span{visibility:hidden} 이 질문 글자까지 숨겨서 되살린다 */
#fwFq .fw-ach span { visibility: visible; }

/* 2026-10-13 답변의 줄바꿈을 그대로 보여 준다 */
#fwFq .fw-acb { white-space: pre-line; }

/* BASIC css end */