/* BASIC css start */
/* ============================================================
	피시위즈 PC 이용안내 (useinfo) — 디자인(CSS) 탭   2026-08-11 · PC 세트 31265

	여기에는 「담는 칸」 만 적습니다 — 제목 · 안내 글 · 접기 줄 · 라벨값표 · 지도 칸.
	상품 카드 규칙은 한 줄도 없습니다.

	접기(부품표) 줄 높이 56 · 제목 15 Medium · 오른쪽 화살표(열리면 뒤집는다) ·
	줄마다 아래 1px 선 · 내용 12.5 · 아래 여백 14
	라벨값표 라벨 폭 120 고정 · 라벨 #8A9099 · 값 #14181D Medium · 줄 사이 10 · 선 없음
	화살표는 그림이 아니라 CSS 로 그린 모양입니다.
	폭 1260 · 색은 전부 부품표 값입니다.
============================================================ */

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

/* ───── 제목 ───── */
#fwUi .fw-ghead { padding: 28px 0 0; }
#fwUi .fw-ghead h2 {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.5px;
	color: #14181D;
}
#fwUi .fw-ghead p { margin: 8px 0 0; font-size: 14px; color: #8A9099; }
#fwUi .fw-gintro {
	margin: 24px 0 0;
	padding: 16px 20px;
	border-radius: 10px;
	background: #F7F8FA;
	font-size: 13.5px;
	line-height: 1.7;
	color: #14181D;
}
#fwUi .fw-glink { font-weight: 700; color: #14181D; text-decoration: underline; }

/* ───── 접기 ───── */
#fwUi .fw-acc {
	margin-top: 24px;
	border-top: 1px solid #14181D;
}
#fwUi .fw-ac { border-bottom: 1px solid #DFE3E8; }
#fwUi .fw-ach {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 56px;
	margin: 0;
	padding: 0 4px;
	border: 0;
	background: none;
	font-family: inherit;
	font-size: 15px;
	font-weight: 500;
	color: #14181D;
	text-align: left;
	cursor: pointer;
}
#fwUi .fw-ach:hover { color: #2B3138; }
#fwUi .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;
}
#fwUi .fw-ac.on .fw-acar { transform: rotate(225deg); border-color: #14181D; }
#fwUi .fw-acb { display: none; padding: 4px 4px 24px; }
#fwUi .fw-ac.on .fw-acb { display: block; }

/* ───── 주문 방법 단계 ───── */
#fwUi .fw-steps { margin: 0; padding: 0; }
#fwUi .fw-steps li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 8px 0;
	list-style: none;
}
#fwUi .fw-sn {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background: #14181D;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
}
#fwUi .fw-st { padding-top: 5px; font-size: 14px; line-height: 1.6; color: #2B3138; }
#fwUi .fw-st b { font-weight: 700; color: #14181D; }

/* ───── 라벨값표 ───── */
#fwUi .fw-lv { margin: 0; }
#fwUi .fw-lv dt {
	float: left;
	clear: left;
	width: 120px;
	padding: 5px 0;
	font-size: 13px;
	font-weight: 400;
	color: #8A9099;
}
#fwUi .fw-lv dd {
	margin: 0 0 0 120px;
	padding: 5px 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.7;
	color: #14181D;
}
#fwUi .fw-lv:after { content: ""; display: block; clear: both; }
#fwUi .fw-lv b { font-weight: 700; color: #14181D; }
#fwUi .fw-off { color: #EF6253; }
#fwUi .fw-more { margin: 16px 0 0; }

/* ───── 매장 소개 ───── */
#fwUi .fw-h3 {
	margin: 8px 0 8px;
	font-size: 17px;
	font-weight: 700;
	color: #14181D;
}
#fwUi .fw-p { margin: 0 0 16px; font-size: 15px; line-height: 1.7; color: #2B3138; }
#fwUi .fw-maps { display: flex; gap: 8px; margin-top: 16px; }
#fwUi .fw-mbtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 140px;
	height: 36px;
	border: 1px solid #DFE3E8;
	border-radius: 8px;
	background: #fff;
	font-size: 13px;
	font-weight: 500;
	color: #2B3138;
}
#fwUi .fw-mbtn:hover { border-color: #14181D; color: #14181D; }
#fwUi .fw-map {
	height: 360px;
	margin-top: 16px;
	border: 1px solid #DFE3E8;
	border-radius: 12px;
	overflow: hidden;
}
#fwUi .fw-map iframe { display: block; width: 100%; height: 100%; border: 0; }

/* BASIC css end */