/* ============================================================
   Product Page Content — 원격 방수총 (tab1)
   ============================================================ */

/* ─── 공통 inner ─── */
.prod-inner {
	max-width: 1680px;
	margin: 0 auto;
	padding: 0 40px;
	box-sizing: border-box;
}

/* ============================================================
   HERO
   ============================================================ */
.crow-hero {
	position: relative;
	padding: 100px 0 0;
	background: #fff;
	overflow: hidden;
}

/* 우측 배경 패턴 */
.crow-hero::after {
	content: '';
	position: absolute;
	right: -22%;
	top: -43%;
	bottom: 0;
	width: 58%;
	background: url('../img/product/pro_bg.png') center / auto no-repeat;
	opacity: 1;
	z-index: 0;
	pointer-events: none;
}

.crow-hero-inner {
	position: relative;
	z-index: 1;
	max-width: 1680px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 0;
}

/* 좌측 콘텐츠 */
.crow-hero-left {
	flex: 0 0 770px;
	padding: 0;
	overflow: hidden;
}

.crow-hero-title {
	color: #000;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: clamp(28px, 3.5vw, 42px);
	font-weight: 700;
	line-height: 56px;
	letter-spacing: -1.68px;
	margin: 0;
}

.crow-hero-tagline {
	color: #d60057;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: clamp(18px, 2vw, 22px);
	font-weight: 400;
	line-height: 58px;
	letter-spacing: -0.88px;
	margin: 0;
	word-break: keep-all;
}

.crow-hero-desc {
	color: #373737;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.64px;
	margin: 0 0 36px;
	word-break: keep-all;
}

/* ── 원격 방수총 가로형 스펙 카드 리스트 ── */
.crow-spec-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 24px;
}
.crow-spec-list-card {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-items: center;
	border-radius: 15px;
	background: #f8f8f8;
	padding: 18px 28px 18px 88px;
	min-height: 76px;
	transition: background 0.25s;
	cursor: default;
	justify-content: space-between;
}
.crow-spec-list-card:hover {
	background: #d60057;
}
.crow-spec-list-num {
	position: absolute;
	left: -6px;
	top: 50%;
	transform: translateY(-50%);
	color: #d0d0d0;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 80px;
	font-weight: 700;
	line-height: 58px;
	letter-spacing: -3.2px;
	pointer-events: none;
	z-index: 0;
	user-select: none;
	transition: color 0.25s;
}
.crow-spec-list-card:hover .crow-spec-list-num {
	color: #94003c;
}
.crow-spec-list-content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 24px;
	justify-content: space-between;
	width: 100%;
}
.crow-spec-list-title {
	display: block;
	flex-shrink: 0;
	min-width: 160px;
	color: #1c1c1c;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.6px;
	transition: color 0.25s;
}

#tab1 .crow-spec-list-title {
	max-width: 176px;
	width: 100%;
}

#tab1 .crow-spec-list-sub {
	max-width: 400px;
	width: 100%;
}

.crow-spec-list-card:hover .crow-spec-list-title {
	color: #fff;
}
.crow-spec-list-sub {
	display: block;
	color: #888;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.65;
	word-break: keep-all;
	transition: color 0.25s;
}
.crow-spec-list-card:hover .crow-spec-list-sub {
	color: rgba(255, 255, 255, 0.85);
}

/* ── 사족 보행 로봇 가로형 스펙 카드 리스트 (tab2 전용) ── */
.b2-spec-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 24px;
}
.b2-spec-list-card {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-items: center;
	border-radius: 15px;
	background: #f8f8f8;
	padding: 18px 28px 18px 88px;
	min-height: 76px;
	gap: 24px;
	transition: background 0.25s;
	cursor: default;
}
.b2-spec-list-card:hover {
	background: #d60057;
}
.b2-spec-list-num {
	position: absolute;
	left: -6px;
	top: 50%;
	transform: translateY(-50%);
	color: #d0d0d0;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 80px;
	font-weight: 700;
	line-height: 58px;
	letter-spacing: -3.2px;
	pointer-events: none;
	z-index: 0;
	user-select: none;
	transition: color 0.25s;
}
.b2-spec-list-card:hover .b2-spec-list-num {
	color: #94003c;
}
.b2-spec-list-title {
	position: relative;
	z-index: 1;
	flex: 0 0 170px;
	max-width: 170px;
	color: #1c1c1c;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.6px;
	transition: color 0.25s;
}
.b2-spec-list-card:hover .b2-spec-list-title {
	color: #fff;
}
.b2-spec-list-sub {
	position: relative;
	z-index: 1;
	flex: 1;
	max-width: 420px;
	color: #888;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.65;
	word-break: keep-all;
	transition: color 0.25s;
}
.b2-spec-list-card:hover .b2-spec-list-sub {
	color: rgba(255, 255, 255, 0.85);
}

/* tab5 고소 방수 드론 — 타이틀 폭 확장 */
#tab5 .b2-spec-list-title {
	flex: 0 0 270px;
	max-width: 270px;
}

/* sensor.html tab3 소형 다중센서 — sensor-hero-left 안에서 전체 너비 사용 */
#tab3 .sensor-hero-left .b2-spec-list {
	margin-top: 20px;
}

/* 스펙 카드 슬라이더 (원격 방수총 tab1) */
.crow-spec-slider-wrap {
	position: relative;
	padding-top: 28px;
	margin-bottom: 24px;
}

.crow-spec-dots {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	gap: 6px;
	align-items: center;
}

.crow-spec-dot {
	width: 8px;
	height: 8px;
	border-radius: 100px;
	background: #d0d0d0;
	cursor: pointer;
	transition:
		background 0.25s,
		width 0.25s;
	flex-shrink: 0;
}

.crow-spec-dot.active {
	background: #d60057;
	width: 8px;
}

.crow-spec-track-outer {
	overflow: hidden;
}

.crow-spec-track {
	display: flex;
	gap: 10px;
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.crow-spec-track .crow-spec-card {
	flex-shrink: 0;
	height: 237px;
	position: relative;
	overflow: hidden;
	gap: 30px;
}

.crow-spec-num {
	position: absolute;
	top: 23%;
	left: -6px;
	transform: translateY(-50%);
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 80px;
	font-style: normal;
	font-weight: 700;
	line-height: 58px;
	letter-spacing: -3.2px;
	color: #d0d0d0;
	pointer-events: none;
	user-select: none;
	z-index: 0;
	transition: color 0.25s;
}

.crow-spec-track .crow-spec-card:hover .crow-spec-num {
	color: #94003c;
}

.crow-spec-track .crow-spec-card .crow-spec-card-title,
.crow-spec-track .crow-spec-card .crow-spec-card-sub {
	position: relative;
	z-index: 1;
	text-align: center;
	word-break: keep-all;
}

.crow-spec-track .crow-spec-card {
	padding: 30px 10px;
	align-items: center;
	justify-content: space-between;
}

/* 스펙 카드 2×2 */
.crow-spec-grid {
	display: grid;
	grid-template-columns: repeat(2, 341px);
	gap: 15px;
	margin-bottom: 24px;
}

.crow-spec-card {
	height: 129px;
	border-radius: 15px;
	background: #f8f8f8;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 30px 20px;
	gap: 10px;
	cursor: pointer;
	transition: background 0.25s;
}

.crow-spec-card:hover {
	background: #d60057;
}

.crow-spec-card-title {
	display: block;
	color: #1c1c1c;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.8px;
	transition: color 0.25s;
}

.crow-spec-card:hover .crow-spec-card-title {
	color: #fff;
}

.crow-spec-card-sub {
	display: block;
	color: #1c1c1c;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	height: 80%;
	letter-spacing: -0.64px;
	margin-top: 4px;
	transition: color 0.25s;
}

.crow-spec-card:hover .crow-spec-card-sub {
	color: #fff;
}

/* View Detail 버튼 */
.crow-view-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 59px;
	border-radius: 600px;
	background: linear-gradient(87deg, #000624 20.38%, #9d0040 107.14%);
	border: none;
	cursor: pointer;
	color: #eaeaea;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.8px;
	transition: opacity 0.2s;
	max-width: 690px;
}

#tab1 .crow-view-btn {
	max-width: 100%;
}

.crow-view-btn:hover {
	opacity: 0.85;
}

/* 우측 제품 이미지 */
.crow-hero-img-wrap {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.crow-hero-img-wrap img {
	width: 666px;
	height: 476px;
	aspect-ratio: 326 / 233;
	max-width: 100%;
	object-fit: contain;
	display: block;
}

/* ============================================================
   DETAIL SECTION
   ============================================================ */
.crow-detail {
	background: #fff;
}

#crowDetail {
	scroll-margin-top: 80px;
}

/* 서브탭 */
.crow-sub-tabs {
	display: flex;
	gap: 40px;
	align-items: center;
	padding: 72px 40px 0;
	max-width: 1680px;
	margin: 0 auto;
}

.crow-sub-tab {
	background: none;
	border: none;
	cursor: pointer;
	color: #c3c3c3;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: clamp(20px, 3vw, 28px);
	font-weight: 500;
	line-height: 56px;
	letter-spacing: -1.28px;
	padding: 0;
	transition: color 0.2s;
}

.crow-sub-tab.active {
	color: #d60057;
}

/* 모델 패널 */
.crow-model-panel {
	position: relative;
	padding-bottom: 80px;
	display: none;
}

.crow-model-panel.active {
	display: block;
}

/* 배경 텍스트 클리핑 레이어 */
.crow-model-bg-wrap {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	z-index: 0;
}

/* 배경 텍스트 */
.crow-model-bg-text {
	position: absolute;
	left: 50%;
	top: 0%;
	transform: translate(-50%, 0%);
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-size: clamp(75px, 17vw, 320px);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -4.2px;
	opacity: 0.05;
	pointer-events: none;
	white-space: nowrap;
	z-index: 0;
	user-select: none;
}

/* 레이아웃: sticky 이미지 + 우측 스크롤 콘텐츠 */
.crow-model-layout {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-start;
	gap: 100px;
	max-width: 1680px;
	margin: 0 auto;
	padding: 60px 40px 0;
}

/* 좌측 sticky 이미지 */
.crow-model-left {
	position: sticky;
	top: 80px;
	flex: 0 0 43%;
	max-width: 43%;
	align-self: flex-start;
	display: flex;
	align-items: center;
	justify-content: center;
}

.crow-model-left img {
	width: 100%;
	height: clamp(300px, 41vw, 660px);
	object-fit: contain;
	display: block;
}
#b2UnitreePanel .crow-model-left img {
	height: clamp(700px, 75vw, 762px);
}
#b2RBQ10Panel .crow-model-left img {
	height: clamp(555px, 65vw, 762px);
}
/* 우측 스크롤 정보 */
.crow-model-right {
	flex: 1;
	min-width: 0;
	padding-bottom: 40px;
}

.description_wrapper {
	height: 480px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.crow-model-name {
	color: #000;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: clamp(28px, 3.5vw, 42px);
	font-weight: 700;
	line-height: 56px;
	letter-spacing: -1.68px;
	margin: 0 0 8px;
}

.crow-model-tagline {
	color: #d60057;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: clamp(18px, 2vw, 22px);
	font-weight: 400;
	line-height: 36px;
	letter-spacing: -1.04px;
	/* margin: 0 0 300px; */
}

/* Product Detail 헤더 */
.crow-detail-head {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
	color: #121212;
	font-family: 'Poppins', sans-serif;
	font-size: clamp(16px, 1.5vw, 24px);
	font-weight: 500;
	line-height: 58px;
	letter-spacing: -0.96px;
}

.crow-detail-head img {
	width: 3vw;
	height: fit-content;
	flex-shrink: 0;
	margin: 0 0 20px 0;
	max-width: 19px;
}

/* 스펙 테이블 */
.crow-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

/* th·td 사이 16px 투명 간격 열 */
.col-gap {
	width: 16px;
	padding: 0;
	background: transparent;
	border: none;
}

.crow-table th {
	width: clamp(130px, 20vw, 225px);
	background: #d60057;
	color: #ffe9f2;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: clamp(14px, 1.5vw, 18px);
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.72px;
	padding: 14px 16px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	word-break: keep-all;
}
.crow-table th::after {
	background: #b9004b;
	content: '';
	position: absolute;
	bottom: 0;
	left: 16px; /* 왼쪽 여백 */
	right: 16px; /* 오른쪽 여백 */
	height: 1px;
}
.crow-table td:not(.col-gap) {
	background: #f8f8f8;
	color: #121212;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: clamp(14px, 1.5vw, 18px);
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.72px;
	text-align: center;
	padding: 14px 24px;
	vertical-align: middle;
	position: relative;
	word-break: keep-all;
}

.crow-table td span {
	text-align: center;
	width: 100%;
}

.crow-table td:not(.col-gap)::after {
	background: #cdcdcd;
	content: '';
	position: absolute;
	bottom: 0;
	left: 16px; /* 왼쪽 여백 */
	right: 16px; /* 오른쪽 여백 */
	height: 1px;
}

/* th 열 — 상단/하단 pill 모서리 */
.crow-table tr:first-child th {
	border-radius: 20px 20px 0 0;
}
.crow-table tr:last-child th {
	border-radius: 0 0 20px 20px;
	border-bottom: none;
}

/* td 열 — 상단/하단 pill 모서리 */
.crow-table tr:first-child td:not(.col-gap) {
	border-radius: 15px 15px 0 0;
}
.crow-table tr:last-child td:not(.col-gap) {
	border-radius: 0 0 15px 15px;
	border-bottom: none;
}

.crow-table tr:last-child th::after,
.crow-table tr:last-child td:not(.col-gap)::after {
	display: none;
}

/* rowspan으로 마지막 th가 tr:last-child에 없을 때 */
.crow-table th.th-last {
	border-radius: 0 0 20px 20px;
	border-bottom: none;
}
.crow-table th.th-last::after {
	display: none;
}

/* 가동 범위 등 서브행 레이아웃 */
.td-sub {
	display: flex;
	align-items: center;
	gap: 16px;
}
.td-sub-key {
	flex: 0 0 90px;
	color: #888;
	font-size: 15px;
	border-right: 1px solid #cdcdcd;
}

/* ─── 갤러리 ─── */
.crow-gallery {
	position: relative;
	z-index: 1;
	display: flex;
	gap: 15px;
	max-width: 1680px;
	margin: 240px auto 0;
	padding: 0 40px;
}

.crow-gallery-left {
	flex: 0 0 665px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.crow-gallery-right {
	flex: 1;
}

.crow-gal-wrap {
	overflow: hidden;
	border-radius: 15px;
	background: #eee;
}

.crow-gallery-left .crow-gal-wrap {
	height: 315px;
}

.crow-gallery-right .crow-gal-wrap {
	height: 645px; /* 315 + 15 + 315 */
}

.crow-gal-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.crow-gal-wrap:hover img {
	transform: scale(1.06);
}

/* ── tab3 Detail 기본 숨김 ── */
#dtxDetail {
	scroll-margin-top: 80px;
}

/* ── Confined Space 두 줄 배경 텍스트 ── */
.dtx-bg-wrap {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	z-index: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding-top: 20px;
}

.dtx-bg-text-line {
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-size: clamp(54px, 11vw, 220px);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.2vw;
	opacity: 0.05;
	pointer-events: none;
	white-space: nowrap;
	user-select: none;
}

/* ── tab3 Key Technology 섹션 ── */
.dtx-key-tech {
	margin-top: 300px;
	padding-bottom: 80px;
}

.dtx-key-tech-head {
	display: flex;
	align-items: center;
	gap: 8px;
	max-width: 1680px;
	margin: 0 auto 24px;
	padding: 0;
	color: #121212;
	font-family: 'Poppins', sans-serif;
	font-size: clamp(16px, 1.5vw, 24px);
	font-weight: 500;
	line-height: 58px;
	letter-spacing: -0.96px;
}

.dtx-key-tech-head img {
	width: 3vw;
	height: fit-content;
	flex-shrink: 0;
	margin: 0 0 20px 0;
	max-width: 19px;
}

/* ── 영상 블록 ── */
.dtx-video-wrap {
	position: relative;
	max-width: 1680px;
	margin: 0 auto;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	cursor: pointer;
	background: #111;
	border-radius: 15px;
}

.dtx-video-thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: opacity 0.3s;
}

.dtx-play-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dtx-play-overlay img {
	width: 80px;
	height: 80px;
	pointer-events: none;
}

.dtx-iframe-wrap {
	display: none;
	position: absolute;
	inset: 0;
}

.dtx-iframe-wrap iframe {
	width: 100%;
	height: 100%;
	border: none;
}

.dtx-video-wrap.playing .dtx-video-thumb,
.dtx-video-wrap.playing .dtx-play-overlay {
	display: none;
}

.dtx-video-wrap.playing .dtx-iframe-wrap {
	display: block;
}

/* ── 4-image 그리드 ── */
.dtx-img-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 60px;
	max-width: 1680px;
	margin: 150px auto 0;
	padding: 0 40px;
}

.dtx-img-wrap {
	overflow: hidden;
	border-radius: 15px;
	height: 394px;
	background: #eee;
}

.dtx-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.dtx-img-item:hover .dtx-img-wrap img {
	transform: scale(1.06);
}

.dtx-img-caption {
	text-align: center;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 15px;
	color: #555;
	margin-top: 12px;
	letter-spacing: -0.5px;
}

/* ── tab2 Detail 기본 숨김 ── */
#b2Detail {
	scroll-margin-top: 80px;
}

/* ── 히어로 슬라이드쇼 ── */
.b2-slider-wrap {
	flex-direction: column;
	align-items: flex-end;
	gap: 16px;
}

.b2-slider {
	width: 100%;
	position: relative;
}

.b2-slider .b2-slide-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 800px;
	height: 500px;
	object-fit: contain;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.45s ease;
}

.b2-slider .b2-slide-img.active {
	position: relative;
	opacity: 1;
	pointer-events: auto;
}

.b2-slider-dots {
	display: flex;
	gap: 8px;
	justify-content: flex-end;
	width: 100%;
	max-width: 800px;
}

.b2-slide-dot {
	width: 12px;
	height: 12px;
	aspect-ratio: 1 / 1;
	border-radius: 12px;
	background: #d9d9d9;
	cursor: pointer;
	transition: background 0.2s;
	flex-shrink: 0;
}

.b2-slide-dot.active {
	background: #d60057;
}

/* ── Key Technology ── */
.b2-key-tech {
	max-width: 1680px;
	margin: 150px auto 80px;
	padding: 0 40px;
}

.b2-key-tech-title {
	color: #121212;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 58px;
	letter-spacing: -0.8px;
	margin: 0 0 32px;
}

.b2-key-tech-grid {
	display: flex;
	gap: 15px;
}

.b2-key-tech-item {
	flex: 1;
}

.b2-key-tech-img {
	width: 100%;
	height: 394px;
	border-radius: 15px;
	border: 1px solid #d3d3d3;
	overflow: hidden;
}

.b2-key-tech-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.b2-key-tech-item:hover .b2-key-tech-img img {
	transform: scale(1.06);
}

.b2-key-tech-caption {
	text-align: center;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 15px;
	color: #555;
	margin-top: 12px;
	letter-spacing: -0.5px;
}

/* ============================================================
   TAB4: 고소 방수 드론
   ============================================================ */
#droneDetail {
	scroll-margin-top: 80px;
}

/* 스펙 카드 3열 (드론 전용) */
.drone-spec-grid {
	grid-template-columns: repeat(3, 1fr);
}
.drone-spec-grid .crow-spec-card {
	height: 200px;
}

/* 배경 텍스트 두 줄 */
.drone-bg-wrap {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	z-index: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding-top: 30px;
}

.drone-bg-line {
	display: block;
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-size: clamp(50px, 10vw, 175px);
	font-weight: 800;
	line-height: 120%;
	letter-spacing: -0.5vw;
	opacity: 0.05;
	pointer-events: none;
	white-space: nowrap;
	user-select: none;
	text-align: center;
}

/* 소방드론 개념도 */
.drone-concept-wrap {
	max-width: 1680px;
	margin: 60px auto 0;
}

.drone-concept-img {
	width: 100%;
	height: auto;
	border-radius: 15px;
	display: block;
	border: 1px solid #e8e8e8;
}

.drone-concept-caption {
	text-align: center;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 15px;
	color: #555;
	margin-top: 12px;
	letter-spacing: -0.5px;
}

/* 영상 2개 그리드 */
.drone-video-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	max-width: 1680px;
	margin: 80px auto 0;
}

.drone-video-item {
	display: flex;
	flex-direction: column;
}

.drone-video-item .dtx-video-wrap {
	max-width: 100%;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

.b2-video-element {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
	background: #000;
}

.drone-video-caption {
	text-align: center;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 15px;
	color: #555;
	margin-top: 12px;
	letter-spacing: -0.5px;
}

/* 사진 2개 그리드 */
.drone-photo-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	max-width: 1680px;
	margin: 60px auto 0;
	padding: 0 0 80px;
}

.drone-photo-wrap {
	width: 100%;
	height: 25vw;
	overflow: hidden;
	border-radius: 15px;
	background: #eee;
	min-height: 250px;
	max-height: 420px;
}

.drone-photo-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.drone-photo-item:hover .drone-photo-wrap img {
	transform: scale(1.06);
}

.drone-photo-caption {
	text-align: center;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 15px;
	color: #555;
	margin-top: 12px;
	letter-spacing: -0.5px;
}

/* ============================================================
   저반동 관창 기술 섹션 (tab1 최하단)
   ============================================================ */
.crow-recoil {
	padding: 0 0 100px;
}

.crow-recoil-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
}

.crow-recoil-title-wrap {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.crow-recoil-key-label {
	align-self: flex-start;
	margin-bottom: 0;
	line-height: normal;
}

.crow-recoil-title-bg {
	display: block;
	width: auto;
	max-width: 100%;
	margin: 0 auto -24px;
	position: relative;
	z-index: 0;
	pointer-events: none;
	user-select: none;
}

.crow-recoil-title {
	color: #121212;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -1.44px;
	margin: 0 0 90px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.crow-recoil-title span {
	color: #d60057;
}

.crow-recoil-img-wrap {
	position: relative;
	width: 100%;
	margin-bottom: 40px;
}

.crow-recoil-img-wrap img {
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 20px;
	display: block;
}

.crow-recoil-box {
	width: 100%;
	border-radius: 20px;
	padding: 0 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 72px;
}

.crow-recoil-box p {
	color: #121212;
	text-align: center;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.96px;
	margin: 0;
}

.crow-recoil-box--gray {
	background: #f2f2f2;
	margin-bottom: 0;
}

.crow-recoil-box--gray p {
	line-height: 42px;
}

.crow-recoil-box--outline {
	background: #fff;
	border: 2px solid #d60057;
	margin-bottom: 24px;
}

.crow-recoil-box--outline p {
	line-height: 58px;
}

.crow-recoil-box--outline span {
	color: #d60057;
}

.crow-recoil-arrow {
	display: flex;
	justify-content: center;
	padding: 16px 0;
}

.crow-recoil-arrow img {
	height: 32px;
	width: auto;
}

/* ── 저반동 기술 비교 배너 ── */
.crow-rcb {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
	width: 100%;
	margin: 100px auto;
}

.crow-rcb-left {
	width: 425px;
	height: 425px;
	border-radius: 50%;
	background: url('../../img/product/tab_ellipse.png') center / cover no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 52px;
	box-sizing: border-box;
	flex-shrink: 0;
}

.crow-rcb-left p {
	color: #000;
	text-align: center;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 25px;
	font-weight: 500;
	line-height: 42px;
	letter-spacing: -1.12px;
	margin: 0;
	word-break: keep-all;
}

.crow-rcb-left strong {
	font-weight: 700;
}

.crow-rcb-arrow {
	height: 44px;
	width: auto;
	flex-shrink: 0;
}

.crow-rcb-right {
	width: 425px;
	height: 425px;
	border-radius: 425px;
	background: #d60057;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 52px;
	box-sizing: border-box;
	flex-shrink: 0;
}

.crow-rcb-right p {
	color: #fff;
	text-align: center;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 42px;
	letter-spacing: -1.12px;
	margin: 0;
	word-break: keep-all;
}

.crow-rcb-right strong {
	font-weight: 800;
}

.crow-recoil-compare {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	width: 100%;
	margin-bottom: 60px;
}

.crow-recoil-compare-item {
	border-radius: 20px;
	background: #f1f1f1;
	min-height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 32px;
	cursor: default;
	transition: background 0.25s;
}

.crow-recoil-compare-item:hover {
	background: #d60057;
}

.crow-recoil-compare-item p {
	color: #121212;
	text-align: center;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: -0.8px;
	margin: 0;
	transition: color 0.25s;
}

.crow-recoil-compare-item:hover p {
	color: #fff;
}

/* ── 저반동 특징 번호 리스트 ── */
.crow-recoil-list {
	width: 100%;
	margin-bottom: 60px;
}

.crow-recoil-list-item {
	display: flex;
	align-items: center;
	gap: 70px;
	padding: 50px 0;
	border-top: 1px solid #dadada;
}

.crow-recoil-list-item:last-child {
	border-bottom: 1px solid #dadada;
}

.crow-recoil-list-num {
	color: #d60057;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 80px;
	font-weight: 700;
	line-height: 58px;
	letter-spacing: -3.2px;
	flex-shrink: 0;
}

.crow-recoil-list-text {
	color: #121212;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 28px;
	font-weight: 500;
	line-height: 36px;
	letter-spacing: -1.12px;
	margin: 0;
	word-break: keep-all;
}

.crow-recoil-list-text strong {
	font-weight: 700;
}

.crow-recoil-spec-row {
	display: flex;
	align-items: center;
	gap: 40px;
	width: 100%;
	margin: 40px 0 32px;
}

.crow-recoil-spec-left {
	position: absolute;
	bottom: 60px;
	right: 60px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	z-index: 1;
}

.crow-recoil-spec-left p {
	display: flex;
	align-items: center;
	width: 552px;
	max-width: 100%;
	height: 93px;
	padding: 0 28px;
	box-sizing: border-box;
	border-radius: 20px;
	background: #565656;
	color: #fff;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 36px;
	letter-spacing: -0.96px;
	margin: 0;
	cursor: default;
	transition: background 0.2s ease;
}

.crow-recoil-spec-left p:hover {
	background: #d60057;
}

.crow-recoil-spec-right {
	flex: 1;
	border: 1.5px dashed #888;
	border-radius: 12px;
	padding: 20px 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.crow-recoil-spec-right p {
	color: #121212;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: -0.8px;
	margin: 0;
	text-align: center;
}

.crow-recoil-img-wrap--12 {
	margin-bottom: 40px;
}

.crow-recoil-img-wrap--12 img {
	height: auto;
	/* aspect-ratio: 16 / 9; */
	object-fit: contain;
}

/* ── 특허 등록 표 (tab1) ── */
.crow-patent {
	width: 100%;
	margin-top: 60px;
}

.crow-patent-title {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #121212;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -1.12px;
	margin: 25px 0 24px;
}

.crow-patent-mark {
	display: inline-block;
	height: 28px;
	width: auto;
	flex-shrink: 0;
	vertical-align: middle;
}

.crow-patent-title-text {
	flex: 1;
	min-width: 0;
	word-break: keep-all;
}

.crow-patent-title-country {
	font-weight: 400;
}

.crow-patent-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.crow-patent-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 10px;
	table-layout: auto;
}

.crow-patent-table thead th {
	background: #d60057;
	height: 53px;
	white-space: nowrap;
	color: #ffe9f2;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.72px;
	text-align: center;
	padding: 0 12px;
	position: relative;
}

.crow-patent-table thead th:first-child {
	border-radius: 15px 0 0 15px;
}

.crow-patent-table thead th:last-child {
	border-radius: 0 15px 15px 0;
}

.crow-patent-table thead th + th::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 44px;
	background: #b9004b;
}

.crow-patent-table tbody td {
	height: 53px;
	white-space: nowrap;
	background: #f8f8f8;
	color: #121212;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.72px;
	text-align: center;
	padding: 0 12px;
}

.crow-patent-table tbody td {
	position: relative;
}

.crow-patent-table tbody td:first-child {
	border-radius: 15px 0 0 15px;
}

.crow-patent-table tbody td:last-child {
	border-radius: 0 15px 15px 0;
}

.crow-patent-table tbody td + td::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 44px;
	background: #e2e2e2;
}

.crow-recoil-videos {
	width: 100%;
	margin-top: 100px;
	padding: 0;
}

/* ============================================================
   반응형
   ============================================================ */
@media (max-width: 1200px) {
	.crow-recoil-title {
		font-size: 30px;
	}
	.crow-recoil-box p {
		font-size: 20px;
	}
	.crow-recoil-compare-item p {
		font-size: 18px;
	}

	.prod-tab-bar {
		padding: 0 16px;
	}
	.prod-tab-inner {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		justify-content: flex-start;
	}
	.prod-tab-inner::before,
	.prod-tab-inner::after {
		content: '';
		flex: 1 0 0;
		min-width: 0;
	}
	.prod-tab-inner::-webkit-scrollbar {
		display: none;
	}
	.prod-tab {
		flex: 0 0 auto;
		white-space: nowrap;
	}
	.crow-hero-left {
		flex: 0 0 590px;
	}
	.crow-spec-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.crow-spec-card {
		width: auto;
	}
	.crow-view-btn {
		width: 100%;
		max-width: 590px;
	}
}

@media (max-width: 1024px) {
	.crow-recoil {
		padding: 80px 0 150px;
	}
	.crow-recoil-img-wrap img {
		height: 380px;
	}
	.crow-recoil-compare-item {
		min-height: 100px;
		padding: 20px 24px;
	}

	.crow-hero {
		padding: 10px 0;
	}
	.crow-hero-inner {
		flex-direction: column-reverse;
		padding: 0 20px;
		gap: 50px;
	}
	.crow-hero-left {
		flex: none;
		width: 100%;
		max-width: 100%;
		padding: 0;
	}
	.crow-hero-img-wrap {
		flex: none;
		width: 100%;
		justify-content: center;
	}
	.crow-hero-img-wrap img {
		width: 100%;
		max-width: 510px;
		height: auto;
	}
	.crow-model-layout {
		flex-direction: column;
		gap: 40px;
		padding: 30px 20px 0;
	}
	.description_wrapper {
		height: 150px;
	}

	#tab3 .description_wrapper {
		display: none;
	}

	.crow-model-left {
		position: relative;
		top: 5vw;
		flex: none;
		max-width: 100%;
		width: 100%;
	}
	.crow-model-right {
		max-width: 100%;
		width: 100%;
	}
	.crow-gallery {
		margin: 120px auto 0;
		flex-direction: column;
	}
	.crow-gallery-left {
		flex: 0 0 45%;
	}
	.crow-gallery-left .crow-gal-wrap {
		height: 400px;
	}
}

@media (max-width: 768px) {
	.crow-hero-title,
	.crow-hero-tagline,
	.crow-hero-desc {
		text-align: center;
		line-height: 160%;
	}
	.crow-recoil {
		padding: 60px 0 40px;
	}
	.crow-recoil-inner {
		padding: 0;
	}
	.crow-recoil-title-bg {
		max-width: 70%;
		margin-bottom: -16px;
	}
	.crow-recoil-title {
		font-size: 22px;
		line-height: 1.5;
		margin-bottom: 28px;
	}
	.crow-recoil-img-wrap img {
		height: auto;
		aspect-ratio: 4 / 3;
	}
	.crow-recoil-box {
		padding: 16px 20px;
		min-height: unset;
	}
	.crow-recoil-box p {
		font-size: 15px;
		line-height: 1.6;
	}
	.crow-recoil-box--outline p {
		line-height: 1.6;
	}
	.crow-recoil-compare {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.crow-recoil-compare-item {
		min-height: 80px;
		padding: 18px 20px;
	}
	.crow-recoil-compare-item p {
		font-size: 15px;
	}
	.crow-recoil-list-item {
		gap: 32px;
		padding: 28px 0;
	}
	.crow-recoil-list-num {
		font-size: 52px;
		line-height: 42px;
		letter-spacing: -2px;
	}
	.crow-recoil-list-text {
		font-size: 18px;
		line-height: 28px;
		letter-spacing: -0.72px;
	}

	.crow-rcb {
		flex-direction: column;
		gap: 24px;
	}
	.crow-rcb-left,
	.crow-rcb-right {
		width: 280px;
		height: 280px;
		padding: 36px;
	}
	.crow-rcb-left p,
	.crow-rcb-right p {
		font-size: 18px;
		line-height: 30px;
		letter-spacing: -0.72px;
	}
	.crow-rcb-arrow {
		height: 32px;
		transform: rotate(90deg);
	}

	.crow-recoil-spec-row {
		flex-direction: column;
		gap: 20px;
		margin: 28px 0 24px;
	}
	.crow-recoil-spec-left {
		top: 20px;
		right: 20px;
	}
	.crow-recoil-spec-left p {
		width: auto;
		height: 56px;
		font-size: 14px;
		padding: 0 16px;
	}
	.crow-recoil-spec-right {
		width: 100%;
		padding: 16px 20px;
	}
	.crow-recoil-spec-right p {
		font-size: 15px;
	}

	.crow-patent-title {
		font-size: 20px;
		line-height: 1.4;
		letter-spacing: -0.8px;
	}
	.crow-patent-mark {
		height: 20px;
	}
	.crow-patent-table {
		border-spacing: 0 6px;
	}
	.crow-patent-table thead th {
		height: 40px;
		font-size: 13px;
		padding: 0 8px;
		line-height: 40px;
	}
	.crow-patent-table tbody td {
		height: 40px;
		font-size: 13px;
		padding: 0 8px;
		line-height: 40px;
	}
	.crow-patent-table thead th + th::before,
	.crow-patent-table tbody td + td::before {
		height: 26px;
	}

	.crow-hero-desc {
		font-size: 16px;
		/* word-break:keep-all; */
	}

	.crow-spec-card-title {
		font-size: 18px;
	}

	.crow-view-btn {
		font-size: 18px;
	}

	.crow-spec-card-sub {
		font-size: 14px;
	}
	.crow-model-layout {
		padding: 30px 0 0;
	}
	.crow-spec-grid {
		grid-template-columns: 1fr;
	}
	.crow-spec-slider-wrap {
		padding-top: 24px;
	}
	.crow-spec-track .crow-spec-card {
		height: 200px;
	}

	.crow-model-tagline {
		font-size: 16px;
		line-height: 160%;
		text-align: center;
	}
	.crow-detail-head {
		margin: 10vw 0 0;
	}
	.col-gap {
		width: 8px;
	}
	.crow-table th {
		width: 130px;
		padding: 10px 10px;
	}
	.crow-table td:not(.col-gap) {
		font-size: 14px;
		padding: 10px 12px;
	}
	.td-sub-key {
		font-size: 13px;
		flex: 0 0 70px;
	}
	.crow-model-panel {
		padding-bottom: 0;
	}
	.crow-gallery {
		flex-direction: column;
		margin: 80px auto 0;
		padding: 0 0;
	}

	.crow-gal-wrap:hover img {
		height: auto;
	}

	.crow-gallery-left {
		flex: none;
		width: 100%;
	}
	.crow-gallery-right {
		width: 100%;
	}
	.crow-gallery-right .crow-gal-wrap,
	.crow-gallery-left .crow-gal-wrap {
		height: auto;
		max-height: 260px;
	}

	.description_wrapper {
		align-items: center;
	}
	.b2-key-tech {
		margin-top: 80px;
		padding: 0;
	}
	.b2-key-tech-grid {
		flex-direction: column;
	}
	.b2-key-tech-img {
		height: 220px;
	}
	.b2-slider-dots {
		max-width: 100%;
	}
	.dtx-video-wrap {
		height: 240px;
	}
	.dtx-img-grid {
		grid-template-columns: 1fr;
		margin-top: 60px;
		padding: 0;
	}
	.dtx-img-wrap {
		height: 220px;
	}
	.dtx-key-tech {
		margin-top: 100px;
	}
}
@media (max-width: 500px) {
	.drone-video-grid,
	.drone-photo-grid {
		grid-template-columns: 1fr;
		padding: 0;
	}
	.crow-recoil-videos,
	.crow-patent {
		margin-top: 20px;
	}
}
/* ============================================================
   SENSOR PAGE — 농연 가시화 센서 (tab1)
   ============================================================ */
#tab5 .sensor-hero {
	height: 100vh;
	/* display: flex; */
	/* align-items: center; */
}

/* Hero layout */
.sensor-hero-inner {
	max-width: 1680px;
	margin: 0 auto;
	padding: 40px 0 0;
	display: flex;
	gap: 5vw;
	align-items: center;
	box-sizing: border-box;
	justify-content: space-between;
}

.sensor-hero-left {
	flex: 0 0 auto;
	width: 50%;
}

.sensor-hero-right {
	flex: 1;
	min-width: 0;
}

.sensor-hero-title {
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: clamp(28px, 3.5vw, 42px);
	font-weight: 700;
	color: #121212;
	letter-spacing: -1.68px;
	line-height: 56px;
	margin-bottom: 14px;
}

.sensor-hero-tagline {
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: clamp(18px, 2vw, 22px);
	font-weight: 400;
	color: #d60057;
	letter-spacing: -0.88px;
	line-height: 160%;
	margin-bottom: 0;
	word-break: keep-all;
	padding-bottom: 20px;
}

.sensor-hero-desc-pink {
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 22px;
	font-weight: 400;
	color: #d60057;
	line-height: 58px;
	letter-spacing: -0.88px;
	margin-bottom: 0;
}

.sensor-hero-desc-gray {
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #929292;
	line-height: 22px;
	letter-spacing: -0.64px;
	margin-bottom: 40px;
	word-break: keep-all;
}

/* Spec cards */
.sensor-spec-grid {
	display: flex;
	gap: 12px;
}

.sensor-spec-card {
	width: 222px;
	height: 237px;
	border-radius: 15px;
	background: #f8f8f8;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: background 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	padding: 20px 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-shrink: 0;
}

.sensor-spec-num {
	position: absolute;
	top: 30px;
	left: -6px;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 80px;
	font-weight: 700;
	line-height: 58px;
	letter-spacing: -3.2px;
	opacity: 0.74;
	color: #c3c3c3;
	pointer-events: none;
	z-index: 0;
	transition: color 0.25s;
	user-select: none;
}

.sensor-spec-card:hover .sensor-spec-num {
	color: #94003c;
}

.sensor-spec-content {
	position: relative;
	z-index: 1;
	text-align: center;
}

.sensor-spec-card-title {
	display: block;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #121212;
	text-align: center;
	letter-spacing: -0.8px;
	line-height: 160%;
	margin-bottom: 20px;
	transition: color 0.25s;
}

.sensor-spec-card:hover .sensor-spec-card-title {
	color: #fff;
}

.sensor-spec-card-desc {
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #888;
	text-align: center;
	line-height: 22px;
	letter-spacing: -0.64px;
	transition: color 0.25s;
	word-break: keep-all;
}

.sensor-spec-card:hover .sensor-spec-card-desc {
	color: rgba(255, 255, 255, 0.85);
}

/* Tab1 — 농연 가시화 센서: horizontal row cards */
#tab1 .sensor-spec-grid {
	flex-direction: column;
	gap: 15px;
}

#tab1 .sensor-spec-card {
	width: 100%;
	height: fit-content;
	flex-direction: row;
	align-items: center;
	padding: 1.5vw 24px 1.5vw 80px;
	background: #f8f8f8;
	border-radius: 15px;
	justify-content: flex-start;
}

#tab1 .sensor-spec-num {
	position: absolute;
	top: 50%;
	left: -6px;
	transform: translateY(-50%);
	font-size: 80px;
	font-weight: 700;
	line-height: 58px;
	letter-spacing: -3.2px;
	color: #d0d0d0;
	opacity: 1;
}

#tab1 .sensor-spec-card:hover .sensor-spec-num {
	color: #94003c;
}

#tab1 .sensor-spec-content {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0;
	flex: 1;
	overflow: hidden;
	position: relative;
	z-index: 1;
	justify-content: space-between;
}

#tab1 .sensor-spec-card-title {
	color: #1c1c1c;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.8px;
	margin-bottom: 0;
	text-align: left;
	flex-shrink: 0;
	max-width: 250px;
	width: 100%;
}

#tab1 .sensor-spec-card:hover .sensor-spec-card-title {
	color: #fff;
}

#tab1 .sensor-spec-card-desc {
	color: #1c1c1c;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -1.64px;
	text-align: left;
	max-width: 310px;
	width: 100%;
}

#tab1 .sensor-spec-card:hover .sensor-spec-card-desc {
	color: rgba(255, 255, 255, 0.85);
}

/* Tab2 — 환경지도 생성 및 자율주행: horizontal row cards */
#tab2 .sensor-spec-grid {
	flex-direction: column;
	gap: 15px;
}

#tab2 .sensor-spec-card {
	width: 692px;
	height: 87px;
	flex-direction: row;
	align-items: center;
	padding: 0 24px 0 80px;
	background: #f8f8f8;
	border-radius: 15px;
	justify-content: flex-start;
}

#tab2 .sensor-spec-num {
	position: absolute;
	top: 50%;
	left: -6px;
	transform: translateY(-50%);
	font-size: 80px;
	font-weight: 700;
	line-height: 58px;
	letter-spacing: -3.2px;
	color: #d0d0d0;
	opacity: 1;
}

#tab2 .sensor-spec-card:hover .sensor-spec-num {
	color: #94003c;
}

#tab2 .sensor-spec-content {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 30px;
	flex: 1;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#tab2 .sensor-spec-card-title {
	color: #1c1c1c;
	font-size: 20px;
	font-weight: 700;
	line-height: 58px;
	letter-spacing: -0.8px;
	margin-bottom: 0;
	text-align: left;
	flex-shrink: 0;
	max-width: 220px;
	width: 100%;
}

#tab2 .sensor-spec-card:hover .sensor-spec-card-title {
	color: #fff;
}

#tab2 .sensor-spec-card-desc {
	color: #1c1c1c;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.64px;
	text-align: left;
}

#tab2 .sensor-spec-card:hover .sensor-spec-card-desc {
	color: rgba(255, 255, 255, 0.85);
}

/* Tab4 — 유해 기체 탐지 센서 로봇: horizontal row cards */
#tab4 .sensor-spec-grid {
	flex-direction: column;
	gap: 15px;
}

#tab4 .sensor-spec-card {
	width: 100%;
	height: 87px;
	flex-direction: row;
	align-items: center;
	padding: 0 24px 0 80px;
	background: #f8f8f8;
	border-radius: 15px;
	justify-content: flex-start;
}

#sensorHero04 .sensor-spec-card {
	height: 180px;
}

#tab4 .sensor-spec-num {
	position: absolute;
	top: 50%;
	left: -6px;
	transform: translateY(-50%);
	font-size: 80px;
	font-weight: 700;
	line-height: 58px;
	letter-spacing: -3.2px;
	color: #d0d0d0;
	opacity: 1;
}

#tab4 .sensor-spec-card:hover .sensor-spec-num {
	color: #94003c;
}

#tab4 .sensor-spec-content {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 30px;
	flex: 1;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#tab4 .sensor-spec-card-title {
	color: #1c1c1c;
	font-size: 20px;
	font-weight: 700;
	line-height: 58px;
	letter-spacing: -0.8px;
	margin-bottom: 0;
	text-align: left;
	flex-shrink: 0;
	max-width: 260px;
	width: 100%;
}

#sensorHero04 .sensor-spec-card-title {
	font-size: 18px;
	line-height: 160%;
}

#tab4 .sensor-spec-card:hover .sensor-spec-card-title {
	color: #fff;
}

#tab4 .sensor-spec-card-desc {
	color: #1c1c1c;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.64px;
	text-align: left;
}

#tab4 .sensor-spec-card:hover .sensor-spec-card-desc {
	color: rgba(255, 255, 255, 0.85);
}

/* Key Technology 우측 패널 */
.sensor-key-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

#tab4 .sensor-key-head {
	justify-content: flex-end;
}

.sensor-key-head-left {
	display: flex;
	align-items: center;
	gap: 6px;
}

.sensor-key-head-left span {
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #121212;
}

/* Slide */
.sensor-slide-dots {
	display: flex;
	gap: 6px;
	align-items: center;
}

.sensor-slide-dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #d9d9d9;
	cursor: pointer;
	transition: background 0.2s;
}

.sensor-slide-dot.active {
	background: #d60057;
}

.sensor-slide-img-wrap {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 0;
}

.sensor-slide-caption {
	position: absolute;
	bottom: 2%;
	right: 13%;
	text-align: left;
}

.sensor-slide-inner {
	position: relative;
}

.sensor-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.45s ease;
}

.sensor-slide.active {
	position: relative;
	opacity: 1;
	pointer-events: auto;
}

.sensor-slide-img {
	width: 100%;
	border-radius: 12px;
	display: block;
	margin-bottom: 16px;
}

.sensor-slide-label {
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #121212;
	letter-spacing: -0.96px;
	line-height: 28px;
	margin-bottom: 6px;
}

.sensor-slide-sub {
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #121212;
	letter-spacing: -0.72px;
	line-height: 28px;
}

/* 하단 이미지 2개 */
.sensor-img-pair {
	display: flex;
	gap: 26px;
	max-width: 1680px;
	margin: 240px auto 0;
	padding: 0 40px 80px;
	box-sizing: border-box;
}

.sensor-img-item {
	flex: 1;
}

.sensor-img-inner {
	height: 25vw;
	border-radius: 15px;
	overflow: hidden;
	background: #eee;
	min-height: 250px;
	max-height: 420px;
}

.sensor-img-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.sensor-img-item:hover img {
	transform: scale(1.06);
}

.sensor-img-caption {
	text-align: center;
	font-size: 15px;
	color: #555;
	margin-top: 14px;
}

/* 하단 동영상 2개 */
.sensor-video-pair {
	display: flex;
	flex-direction: column;
	gap: 26px;
	max-width: 1680px;
	margin: 26px auto 80px;
	padding: 0 40px;
	box-sizing: border-box;
	width: 100%;
}

.sensor-video-item {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.sensor-video-wrap {
	position: relative;
	width: 100%;
	height: 652px;
	border-radius: 15px;
	overflow: hidden;
	background: #111;
	cursor: pointer;
}

.sensor-video {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.sensor-video-play {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.sensor-video-play img {
	width: 80px;
	height: 80px;
}

.sensor-video-caption {
	text-align: center;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 15px;
	color: #555;
	margin-top: 12px;
	letter-spacing: -0.5px;
}

.sensor-spec-card:hover {
	background: #d60057 !important;
}

/* ============================================================
   SENSOR tab2 — 환경지도 생성 및 자율주행
   ============================================================ */

/* 비디오 슬라이드 */
.sensor-video-slide {
	position: relative;
	width: 100%;
	height: 384px;
	overflow: hidden;
	cursor: pointer;
	background: #111;
	border-radius: 12px;
	flex-shrink: 0;
}

.sensor-video-thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.sensor-video-play {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.sensor-video-iframe {
	display: none;
	position: absolute;
	inset: 0;
}

.sensor-video-iframe iframe {
	width: 100%;
	height: 100%;
	border: none;
}

.sensor-video-slide.playing .sensor-video-thumb,
.sensor-video-slide.playing .sensor-video-play {
	display: none;
}

.sensor-video-slide.playing .sensor-video-iframe {
	display: block;
}

.sensor-slide-cap {
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #121212;
	text-align: center;
	line-height: 24px;
	letter-spacing: -0.64px;
	margin-top: 14px;
}

/* 하단 이미지 2개 */
.s2-img-pair {
	display: flex;
	gap: 22px;
	max-width: 1680px;
	margin: 40px auto 0;
}

.s2-img-item {
	flex: 1;
}

.s2-img-wrap {
	height: 394px;
	border-radius: 15px;
	overflow: hidden;
	background: #eee;
}

.s2-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.s2-img-item:hover .s2-img-wrap img {
	transform: scale(1.06);
}

.s2-img-caption {
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #121212;
	text-align: center;
	line-height: 24px;
	letter-spacing: -0.64px;
	margin-top: 12px;
}

/* 4개 이미지 그리드 */
.s2-quad-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	max-width: 1680px;
	margin: 60px auto 0;
	/* padding: 0 40px; */
	box-sizing: border-box;
}

.s2-quad-img-wrap {
	height: 394px;
	border-radius: 15px;
	overflow: hidden;
	background: lightgray;
}

.s2-quad-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.s2-quad-caption {
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #121212;
	text-align: center;
	line-height: 24px;
	letter-spacing: -0.64px;
	margin-top: 12px;
	word-break: keep-all;
}

/* environ.mp4 비디오 */
.s2-environ-video-wrap {
	position: relative;
	width: 100%;
	max-width: 1678px;
	height: 650px;
	margin-top: 60px;
	overflow: hidden;
	cursor: pointer;
	background: #111;
	margin: 60px auto 0;
	border-radius: 15px;
}

.s2-environ-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.s2-environ-play {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.s2-environ-play img {
	width: 80px;
	height: 80px;
}

/* 기술 보유 섹션 */
.s2-tech-section {
	max-width: 1680px;
	margin: 170px auto 80px;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
}

.s2-tech-head {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 32px;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #121212;
	letter-spacing: -0.96px;
	word-break: keep-all;
}

.s2-tech-head img {
	width: 19px;
	height: 19px;
	flex-shrink: 0;
}

.s2-tech-grid {
	display: flex;
	gap: 40px;
}

.s2-tech-card {
	flex: 1;
	min-height: 183px;
	border-radius: 15px;
	background: #f8f8f8;
	padding: 32px 40px;
	box-sizing: border-box;
	transition: background 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	cursor: pointer;
}

.s2-tech-card:hover {
	background: #d60057;
}

.s2-tech-card-title {
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #121212;
	text-align: left;
	line-height: 58px;
	letter-spacing: -0.96px;
	transition: color 0.25s;
	margin-bottom: 4px;
}

.s2-tech-card:hover .s2-tech-card-title {
	color: #fff;
}

.s2-tech-card-list {
	list-style: disc;
	padding-left: 24px;
	margin: 0;
}

.s2-tech-card-list li {
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #333;
	line-height: 32px;
	letter-spacing: -0.8px;
	word-break: keep-all;
	text-align: left;
	transition: color 0.25s;
}

.s2-tech-card:hover .s2-tech-card-list li {
	color: #fff;
}
/* s2 대형 메인 비디오 */
.s2-video-main {
	position: relative;
	max-width: 1680px;
	height: 652px;
	margin: 240px auto 0;
	border-radius: 15px;
	overflow: hidden;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.78);
	aspect-ratio: 173 / 92;
	width: 100%;
}

.s2-video-main-thumb {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	max-width: 1226px;
	margin: 0 auto;
}

.s2-video-main-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
	pointer-events: none;
}

.s2-video-main-play {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.s2-video-main-iframe {
	display: none;
	position: absolute;
	inset: 0;
}

.s2-video-main-iframe iframe {
	width: 100%;
	height: 100%;
	border: none;
}

.s2-video-main.playing .s2-video-main-thumb,
.s2-video-main.playing .s2-video-main-overlay,
.s2-video-main.playing .s2-video-main-play {
	display: none;
}

.s2-video-main.playing .s2-video-main-iframe {
	display: block;
}

/* ─── Tab3: 소형 다중센서 통합 모듈 ─── */
.s3-slide-img-wrap {
	overflow: hidden;
	border-radius: 12px;
}
.s3-slide-img-wrap img {
	transition: transform 0.4s ease;
}
.s3-slide-img-wrap:hover img {
	transform: scale(1.05);
}
.s3-slide-cap {
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #121212;
	line-height: 28px;
	letter-spacing: -0.96px;
	text-align: center;
	margin-top: 16px;
}

/* s3 하단 이미지 그리드 */
.s3-bottom {
	max-width: 1680px;
	margin: 240px auto 0;
	padding: 0 0 80px;
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.s3-row1 {
	display: flex;
	gap: 22px;
	height: 652px;
}
.s3-row1 > .s3-col-stack {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.s3-row1 > .s3-col-stack > .s3-img-item {
	flex: 1;
}
.s3-row1 > .s3-col-large {
	flex: 1.5;
}
.s3-img-item {
	min-width: 0;
}
.s3-img-wrap {
	height: 100%;
	border-radius: 15px;
	overflow: hidden;
}
.s3-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}
.s3-img-item:hover .s3-img-wrap img {
	transform: scale(1.06);
}
.s3-img-full {
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
	/* height: 260px; */
}
.s3-img-full .s3-img-wrap {
	height: 800px;
}
.s3-img-full:hover .s3-img-wrap img {
	transform: scale(1.03);
}
.s3-row3 {
	display: grid;
	gap: 22px;
	grid-template-columns: 2fr 650px;
	height: 652px;
}
.s3-row3 > .s3-img-item {
	flex: 1;
}

.s3-row3 > .s3-col-large {
	flex: 1.5;
}

@media (max-width: 1400px) {
	#tab1 .crow-hero-left {
		flex: 0 0 620px;
	}

	#tab1 .sensor-spec-content {
		flex-direction: column;
		align-items: flex-start;
	}

	#tab1 .crow-spec-list-title {
		max-width: 160px;
		font-size: 18px;
		width: 100%;
	}

	#tab1 .crow-spec-list-sub {
		max-width: 400px;
		width: 100%;
	}

	.b2-spec-list-card {
		padding: 18px 24px 18px 80px;
	}
	.b2-spec-list-num {
		font-size: 70px;
		line-height: 52px;
	}
	.b2-spec-list-title {
		flex: 0 0 140px;
		max-width: 140px;
		font-size: 18px;
	}

	.crow-spec-card-sub {
		font-size: 14px;
	}

	.prod-section {
		padding: 0 40px;
		gap: 40px;
	}

	.sensor-hero-inner {
		padding: 40px 0 0;
		gap: 50px;
	}

	.sensor-slide-caption {
		right: 2%;
	}
	.sensor-slide-label {
		font-size: 18px;
		line-height: normal;
	}

	.sensor-slide-sub {
		font-size: 16px;
		line-height: normal;
	}

	.s3-bottom {
		margin: 100px auto 0;
	}
}
@media (max-width: 1200px) {
	.sensor-hero-inner {
		gap: 40px;
	}
	.sensor-spec-card {
		width: 190px;
	}

	.s3-row3 {
		/* grid-template-columns: 1fr; */
		display: flex;
	}
}

@media (max-width: 1024px) {
	.sensor-slide-caption {
		right: 2%;
	}
	.sensor-slide-label {
		font-size: 22px;
	}

	.sensor-slide-sub {
		font-size: 18px;
	}
	.sensor-hero-inner {
		flex-direction: column-reverse;
		gap: 50px;
	}
	.sensor-hero-left,
	.sensor-hero-right {
		width: 100%;
		flex: none;
	}
	.sensor-spec-grid {
		flex-wrap: wrap;
		gap: 10px;
	}
	.sensor-spec-card {
		flex: 1 1 calc(33.333% - 10px);
		width: auto;
		min-width: 160px;
	}

	.s3-row1,
	.s3-row3 {
		height: 370px;
	}
}

/* ============================================================
   SENSOR tab4 — 유해 가스 탐지 센서 로봇
   ============================================================ */

/* 4-수치 스펙 바 */
.s4-spec-bar {
	width: 693px;
	height: 129px;
	border-radius: 15px;
	background: #f8f8f8;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.s4-spec-col {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 92.5px;
}

.s4-spec-divider {
	width: 1px;
	height: 92.5px;
	background: #e0e0e0;
	flex-shrink: 0;
}

.s4-spec-num {
	color: var(--MainColor, #d60057);
	text-align: center;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 58px;
	letter-spacing: -1.28px;
}

.s4-spec-label {
	color: #555;
	text-align: center;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.5px;
}

/* 특징 카드 (HW/IP/AI) — 배경 텍스트 우측 정렬 */
.s4-feat-grid {
	margin-bottom: 24px;
}

.s4-feat-grid .sensor-spec-num {
	left: auto;
	right: -6px;
}

/* 슬라이드 이미지 (캡션 없는 심플형) */
.s4-slide-img-wrap {
	overflow: hidden;
	border-radius: 12px;
}

.s4-slide-img-wrap img {
	width: 100%;
	display: block;
	transition: transform 0.4s ease;
}

/* Detail 초기 숨김 */
#s4Detail {
	scroll-margin-top: 80px;
	position: relative;
	overflow: hidden;
}

/* 배경 텍스트 두 줄 */
.s4-det-bg-wrap {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding-top: 40px;
	gap: 0;
}

.s4-det-bg-line {
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-size: 180px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -7px;
	opacity: 0.05;
	white-space: nowrap;
	user-select: none;
}

/* 페어 레이아웃 컨테이너 */
.s4-det-layout {
	position: relative;
	z-index: 1;
	max-width: 1680px;
	margin: 0 auto;
	padding: 300px 40px 80px;
	display: flex;
	flex-direction: column;
}

/* 각 이미지+테이블 행 */
.s4-det-row {
	display: flex;
	align-items: flex-start;
	gap: 80px;
}

.s4-det-row-gap {
	margin-top: 50px;
}

/* 이미지 영역 */
.s4-det-img-wrap {
	flex: 0 0 43%;
	max-width: 43%;
}

.s4-det-img {
	width: 100%;
	height: auto;
	object-fit: contain;
	display: block;
}

/* 테이블 영역 */
.s4-det-content {
	flex: 1;
	min-width: 0;
}

/* Key Technology */
.s4-key-tech {
	max-width: 1680px;
	margin: 80px auto 80px;
	padding: 0 40px;
}

.s4-key-tech-head {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 32px;
	color: #121212;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 58px;
	letter-spacing: -0.8px;
}

.s4-key-tech-head img {
	width: 19px;
	height: 19px;
	flex-shrink: 0;
	margin: 0 0 20px 0;
}

.s4-key-tech-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 22px;
	row-gap: 150px;
}

.s4-key-tech-img-wrap {
	border: 1px solid #d3d3d3;
	border-radius: 15px;
	overflow: hidden;
	height: 394px;
}

.s4-key-tech-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.s4-key-tech-item:hover .s4-key-tech-img-wrap img {
	transform: scale(1.06);
}

.s4-key-tech-caption {
	text-align: center;
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 15px;
	color: #555;
	margin-top: 12px;
	letter-spacing: -0.5px;
	word-break: keep-all;
}

/* ============================================================
   SENSOR tab5 — UWB 인명탐지 레이더 센서
   ============================================================ */
#tab5 .sensor-hero-right {
	max-width: 850px;
}

#tab5 .sensor-spec-card {
	width: 340px;
}
/* Detail 영역 (항상 표시, 배경 텍스트 포함) */
.s5-detail {
	position: relative;
	overflow: hidden;
	padding-bottom: 80px;
}

#tab5 .crow-model-layout {
	padding: 300px 40px 80px;
	align-items: center;
}

/* 하단 갤러리 */
.s5-gallery {
	display: flex;
	gap: 22px;
	height: 652px;
	max-width: 1680px;
	margin: 0 auto 80px;
	padding: 0 40px;
	box-sizing: border-box;
}

.s5-gallery-left {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 22px;
	max-width: 637px;
}

.s5-gallery-right {
	flex: 1;
	display: flex;
}

.s5-gal-wrap {
	flex: 1;
	overflow: hidden;
	border-radius: 15px;
	background: #eee;
}

.s5-gal-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

.s5-gallery-left .s5-gal-wrap:hover img,
.s5-gallery-right .s5-gal-wrap:hover img {
	transform: scale(1.06);
}

/* Key Technology 이미지 영역 */
.s5-key-tech {
	max-width: 1680px;
	margin: 0 auto;
	padding: 0 40px 80px;
	box-sizing: border-box;
}

.s5-key-tech .sensor-key-head {
	margin-bottom: 20px;
}

.s5-key-img-grid {
	display: flex;
	gap: 20px;
	margin-bottom: 16px;
}

.s5-key-img-wrap {
	flex: 1;
	height: 533px;
	border-radius: 15px;
	border: 1px solid #d3d3d3;
	overflow: hidden;
	background: lightgray;
}

.s5-key-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.s5-key-caption {
	font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
	font-size: 15px;
	color: #555;
	text-align: center;
	margin: 0;
}

/* ── 반응형 ── */
@media (max-width: 1400px) {
	.s4-spec-bar {
		width: 100%;
		max-width: 693px;
	}
	.s4-det-bg-line {
		font-size: 130px;
		letter-spacing: -5px;
	}

	.s4-det-layout {
		padding: 60px 40px 80px;
	}

	.s5-gallery {
		padding: 0 40px;
		height: 450px;
	}
}

@media (max-width: 1200px) {
	.s4-spec-bar {
		max-width: 100%;
	}
	.s4-det-bg-line {
		font-size: 100px;
		letter-spacing: -4px;
	}
	.s5-gallery {
		height: 500px;
	}
}

@media (max-width: 1024px) {
	.s4-det-layout {
		padding: 50px 0 60px;
		gap: 50px;
	}
	/* 각 행을 세로(이미지 위, 테이블 아래)로 전환 */
	.s4-det-row {
		flex-direction: column;
		gap: 24px;
	}
	.s4-det-img-wrap {
		flex: none;
		max-width: 100%;
		width: 100%;
	}
	.s4-det-content {
		width: 100%;
	}
	.s4-key-tech {
		padding: 0;
	}
	.s4-key-tech-grid {
		row-gap: 60px;
	}
	.s4-key-tech-img-wrap {
		height: 300px;
	}
	.s4-det-bg-line {
		font-size: 70px;
		letter-spacing: -2.8px;
	}

	#tab4 .sensor-hero-inner {
		flex-direction: column-reverse;
	}

	.s5-gallery {
		height: auto;
		flex-direction: column;
		padding: 0 20px;
		width: 100%;
	}
	.s5-gallery-left,
	.s5-gallery-right {
		height: 400px;
	}
	.s5-gallery-left {
		height: auto;
		width: 100%;
		max-width: 100%;
	}
	.s5-gallery-left .s5-gal-wrap {
		/* height: 280px; */
		flex: none;
		width: 100%;
	}
	.s5-gallery-right .s5-gal-wrap {
		height: 400px;
	}
}

@media (max-width: 768px) {
	.prod-section {
		padding: 0 20px;
	}
	.sensor-hero {
		padding: 50px 0 0 0;
	}
	.sensor-hero-inner {
		gap: 32px;
		padding: 0;
	}
	.sensor-hero-title,
	.sensor-hero-tagline,
	.sensor-hero-desc-gray {
		text-align: center;
	}
	.sensor-spec-grid {
		flex-wrap: wrap;
		gap: 8px;
	}
	#tab1 .crow-hero-left {
		flex: none;
		width: 100%;
		max-width: 100%;
		padding: 0;
	}
	#tab1 .crow-spec-list-content {
		flex-direction: column;
	}

	.b2-spec-list-card {
		align-items: flex-start;
		padding: 14px 16px 14px 68px;
		min-height: 60px;
		gap: 5px;
		flex-wrap: wrap;
		flex-direction: column;
	}
	.b2-spec-list-num {
		font-size: 60px;
		line-height: 46px;
	}
	.b2-spec-list-title {
		flex: unset;
		max-width: unset;
		font-size: 16px;
	}
	.b2-spec-list-sub {
		font-size: 13px;
		max-width: 100%;
	}

	#tab1 .sensor-spec-content,
	#tab2 .sensor-spec-content,
	#tab4 .sensor-spec-content {
		flex-direction: column;
		justify-content: flex-start;
		gap: 0;
	}

	.sensor-spec-card {
		flex: 1 1 calc(50% - 8px);
		width: auto;
		height: 180px;
		/* */
	}
	#tab1 .sensor-spec-card,
	#tab2 .sensor-spec-card,
	#tab4 .sensor-spec-card {
		padding: 20px 24px 20px 80px;
		max-width: 100%;
		width: 100%;
	}

	.sensor-spec-num {
		font-size: 60px;
		line-height: 46px;
	}
	.sensor-spec-card-title {
		font-size: 16px;
		line-height: 40px;
	}
	#tab2 .sensor-spec-card-title,
	#tab2 .sensor-spec-card-desc,
	#tab1 .sensor-spec-card-title,
	#tab1 .sensor-spec-card-desc,
	#tab4 .sensor-spec-card-title,
	#tab4 .sensor-spec-card-desc {
		max-width: 100%;
		line-height: 160%;
		width: 100%;
	}

	.sensor-spec-card-desc {
		font-size: 13px;
	}
	.sensor-key-head-left span {
		font-size: 16px;
	}
	.sensor-slide-label {
		font-size: 15px;
		line-height: normal;
	}
	.sensor-slide-sub {
		font-size: 13px;
		line-height: normal;
	}
	.sensor-slide-caption {
		bottom: 2%;
		right: 2%;
	}
	.sensor-img-pair {
		flex-direction: column;
		margin-top: 20px;
		gap: 16px;
		padding: 0 0 40px;
	}

	.sensor-img-item {
		height: auto;
	}

	.sensor-video-pair {
		padding: 0;
	}

	#tab1 .sensor-img-item,
	#tab1 .sensor-img-inner,
	#tab1 .sensor-video-wrap {
		height: 250px;
	}

	#tab2.prod-section {
		padding: 20px 20px;
	}
	.sensor-video-slide {
		height: 280px;
	}

	.s2-video-main {
		margin: 50px auto 0;
		max-width: 100%;
		height: 260px;
	}

	.s2-video-main-thumb {
		padding: 0 20px;
	}

	.sensor-video-play img,
	.s2-video-main-play img {
		width: 100px;
		height: 100px;
	}
	.s2-img-pair {
		flex-direction: column;
	}

	.s2-img-wrap {
		height: 260px;
	}

	.s2-quad-grid {
		grid-template-columns: 1fr;
		gap: 16px;
		padding: 0;
		margin-top: 40px;
	}

	.s2-quad-img-wrap {
		height: 220px;
	}

	.s2-environ-video-wrap {
		height: 240px;
		margin-top: 40px;
	}

	.s2-tech-section {
		margin: 50px auto;
	}
	.s2-tech-grid {
		flex-direction: column;
		gap: 16px;
	}
	.s2-tech-head,
	.s2-tech-card-title,
	.s3-slide-cap {
		font-size: 22px;
	}

	.s2-tech-card-list li {
		font-size: 16px;
	}
	.s3-row1,
	.s3-row3 {
		flex-direction: column;
		/* height:260px; */
		height: auto;
	}

	.s3-row1 > .s3-col-stack {
		width: 100%;
	}

	.s3-row1 > .s3-col-large {
		flex: unset;
	}

	.s3-img-full .s3-img-wrap {
		height: 260px;
	}

	.s3-bottom {
		/* height:auto; */
		margin: 50px auto 0;
	}

	.s4-spec-bar {
		height: auto;
		min-height: 90px;
		padding: 12px 0;
	}
	.s4-spec-col {
		height: auto;
	}
	.s4-spec-divider {
		height: 60px;
	}
	.s4-spec-num {
		font-size: 22px;
		line-height: 36px;
	}
	.s4-spec-label {
		font-size: 11px;
	}
	.s4-det-row-gap {
		margin-top: 32px;
	}
	.s4-det-bg-line {
		font-size: 44px;
		letter-spacing: -1.8px;
	}
	.s4-table-gap {
		margin-top: 32px;
	}
	.s4-key-tech {
		margin: 40px auto 40px;
	}
	.s4-key-tech-grid {
		grid-template-columns: 1fr;
		row-gap: 40px;
	}
	.s4-key-tech-img-wrap {
		height: 220px;
	}
	.s4-key-tech-head {
		font-size: 18px;
		margin-bottom: 16px;
	}

	.s5-gallery {
		flex-direction: column;
		height: auto;
		gap: 16px;
		padding: 0;
		margin-bottom: 40px;
	}
	.s5-gallery-left {
		height: auto;
		gap: 16px;
	}
	.s5-gallery-left .s5-gal-wrap {
		height: 200px;
		flex: none;
	}
	.s5-gallery-right .s5-gal-wrap {
		height: 280px;
	}
	#tab5 .crow-model-layout {
		padding: 30px 0 0;
	}

	/* Key Technology 이미지 영역 */
	.s5-key-tech {
		padding: 0 0 80px;
	}
	.s5-key-img-grid {
		flex-direction: column;
	}
	.s5-key-img-wrap {
		height: 250px;
	}
}