@charset "utf-8";
/* ===== 컨텐츠 카드 목록 (장비 / 시험물질정보) ===== */
.content-card-list{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
	gap:28px;
	margin-top:24px;
	list-style:none;
	padding:0;
}
.content-card{
	border:1px solid #e5e8ee;
	border-radius:10px;
	overflow:hidden;
	background:#fff;
	display:flex;
	flex-direction:column;
	transition:box-shadow .2s ease, transform .2s ease;
}
.content-card:hover{
	box-shadow:0 8px 24px rgba(32,52,79,.12);
	transform:translateY(-3px);
}
.content-thumb{
	position:relative;
	padding-top:100%; /* 1:1 정사각형 */
	background:#fff; /* 제품사진(흰 배경)과 동화 — contain 여백이 안 보이게 */
	overflow:hidden;
	display:block;
}
.content-thumb img{
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	object-fit:contain; /* 비율이 달라도 확대·크롭 없이 원본 전체 표시 */
}
.content-thumb img.content-noimg{
	object-fit:cover;
}
.content-meta{
	padding:18px;
	display:flex;
	flex-direction:column;
	gap:8px;
}
.content-cat{ font-size:12px; color:#00C3BF; font-weight:600; }
.content-title{
	font-size:17px;
	font-weight:700;
	color:#00393C;
	margin:0;
	line-height:1.45;
}
.content-title a{ color:inherit; text-decoration:none; }
.content-title a:hover{ color:#0063e9; }
.content-desc{
	font-size:14px;
	color:#666;
	line-height:1.5;
	margin:0;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.content-empty{
	grid-column:1 / -1;
	text-align:center;
	padding:80px 0;
	color:#888;
}

/* ===== 상세 다중이미지 갤러리 ===== */
.content-gallery{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
	gap:16px;
	margin-bottom:40px;
}
.content-gallery-item{
	display:block;
	border:1px solid #e5e8ee;
	border-radius:8px;
	overflow:hidden;
	aspect-ratio:1 / 1;
	background:#fff; /* 제품사진(흰 배경)과 동화 — contain 여백이 안 보이게 */
}
.content-gallery-item img{
	width:100%; height:100%;
	object-fit:contain; /* 비율이 달라도 확대·크롭 없이 원본 전체 표시 */
	display:block;
}

@media (max-width:640px){
	.content-card-list{ grid-template-columns:repeat(2,1fr); gap:16px; }
}