@charset "UTF-8";
/* ============================================================
   GEC 제품소개 공통 디자인 시스템
   글로벌엔지니어링(주) — 메인/회사소개/라이선스 페이지와 통일된 컨셉
   (navy + gold, Noto Sans KR / Inter)
   ============================================================ */

:root {
	--navy-900:#0a1f3d; --navy-800:#112c50; --navy-700:#1a3f6b; --navy-600:#295585; --navy-500:#3d6fa3;
	--ink-900:#14213d; --ink-700:#344056; --ink-500:#677488; --ink-400:#8a94a6; --ink-300:#b6bdc9;
	--line:#e3e7ee; --line-soft:#eef1f6; --bg:#fff; --bg-soft:#f6f8fb;
	--accent:#c4823f; --accent-700:#a86a2c; --gold:#d4a55c;
	--shadow-card:0 1px 0 rgba(10,31,61,0.04), 0 2px 8px rgba(10,31,61,0.06);
	--shadow-elev:0 8px 28px rgba(10,31,61,0.10);
}

body {
	font-family:"Noto Sans KR","Inter",-apple-system,BlinkMacSystemFont,sans-serif;
	color:var(--ink-900); background:var(--bg); font-size:15px; line-height:1.6; -webkit-font-smoothing:antialiased;
}

/* PAGE HERO (blue banner) */
body .page-header {
	position:relative; width:100%; min-height:400px;
	display:flex; align-items:center; justify-content:center;
	text-align:center; color:#fff; overflow:hidden; margin-bottom:0;
	background:radial-gradient(120% 100% at 70% 30%, #295585 0%, #112c50 50%, #0a1f3d 100%);
}
body .page-header::before { content:""; position:absolute; inset:0; background-image:repeating-linear-gradient(115deg, rgba(255,255,255,0.03) 0 1px, transparent 1px 90px); }
body .page-header::after { content:""; position:absolute; right:-150px; top:-50px; width:500px; height:500px; background:radial-gradient(circle, rgba(196,130,63,0.20), transparent 60%); }
body .page-header-content { position:relative; z-index:1; padding:64px 32px 64px; }
body .page-header .eyebrow {
	display:inline-flex; align-items:center; gap:12px;
	font-family:"Inter"; font-size:11px; font-weight:600;
	letter-spacing:2.5px; text-transform:uppercase; color:var(--gold); margin-bottom:18px;
}
body .page-header .eyebrow::before, body .page-header .eyebrow::after { content:""; width:28px; height:1px; background:var(--gold); }
body .page-header h1 { font-size:48px; font-weight:700; letter-spacing:-1px; margin:0 0 14px; color:#fff; }
body .page-header p { font-size:16px; color:rgba(255,255,255,0.78); margin:0 auto; max-width:720px; line-height:1.65; white-space:pre-line; }

body .section-divider { display:none; }

/* CONTAINER */
body .product-container { max-width:1280px; margin:0 auto; padding:70px 32px 90px; position:relative; z-index:1; }

/* BREADCRUMB */
body .breadcrumb-nav { width:100%; margin-bottom:42px; display:flex; align-items:center; gap:8px; font-family:"Inter",sans-serif; font-size:13px; }
body .breadcrumb-nav a, body .breadcrumb-nav span { color:var(--ink-500); text-decoration:none; }
body .breadcrumb-home svg { fill:var(--ink-500); width:18px; height:18px; vertical-align:middle; transition:fill .2s; }
body .breadcrumb-home:hover svg { fill:var(--navy-900); }
body .breadcrumb-nav a:hover { color:var(--navy-900); }
body .breadcrumb-sep { margin:0 4px; color:var(--ink-300); }
body .breadcrumb-current { font-weight:700; color:var(--accent) !important; }

/* PRODUCT GRID */
body .product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; width:100%; }
body .product-card {
	display:flex; flex-direction:column; background:#fff; border:1px solid var(--line);
	border-radius:14px; overflow:hidden; box-shadow:var(--shadow-card);
	transition:transform .25s, box-shadow .25s, border-color .25s; text-decoration:none; color:inherit;
}
body a.product-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-elev); border-color:var(--accent); text-decoration:none; color:inherit; }
body .product-image {
	width:100%; height:200px; overflow:hidden; position:relative;
	background:linear-gradient(160deg, #f3f6fa 0%, #e9eef5 100%);
	border-bottom:1px solid var(--line);
	display:flex; align-items:center; justify-content:center; padding:26px;
}
body .product-image img { width:100%; height:100%; object-fit:contain; transition:transform .25s; }
body a.product-card:hover .product-image img { transform:scale(1.05); }
body .product-content { padding:22px 24px 24px; flex:1; }
body .product-content h3 { font-size:18px; color:var(--navy-900); margin:0 0 10px; font-weight:700; letter-spacing:-.3px; line-height:1.3; }
body .product-description { font-size:14px; color:var(--ink-500); line-height:1.6; text-align:left; }

/* NON-LINK CARDS (no hover lift) */
body .product-card.safety-nohover, body .product-card.rtu-nohover { cursor:default; }
body .product-card.safety-nohover:hover, body .product-card.rtu-nohover:hover { transform:none; box-shadow:var(--shadow-card); border-color:var(--line); }
body .product-card.safety-nohover:hover .product-image img, body .product-card.rtu-nohover:hover .product-image img { transform:none; }
body .product-card.safety-nohover .product-image, body .product-card.rtu-nohover .product-image { cursor:default; }

/* RESPONSIVE */
@media (max-width:1200px) { body .product-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:992px) {
	body .product-grid { grid-template-columns:repeat(2,1fr); }
	body .product-image { height:180px; padding:20px; }
}
@media (max-width:768px) {
	body .page-header { min-height:320px; }
	body .page-header h1 { font-size:34px; }
	body .page-header p { font-size:14px; padding:0 12px; }
	body .product-container { padding:48px 20px 60px; }
	body .breadcrumb-nav { margin-bottom:30px; }
}
@media (max-width:576px) {
	body .product-grid { grid-template-columns:repeat(2,1fr); gap:14px; }
	body .product-image { height:150px; padding:14px; }
	body .product-content { padding:16px; }
	body .product-content h3 { font-size:15px; margin-bottom:8px; }
	body .product-description { font-size:12.5px; }
}
@media (max-width:360px) {
	body .product-image { height:120px; padding:10px; }
	body .product-content h3 { font-size:13.5px; }
	body .product-description { font-size:11.5px; }
}