/* 공통 스타일 */
body { margin:0; font-family: 'Noto Sans KR', sans-serif; background:#f7f7f7; color:#333; }
header { min-width: 800px; display:flex; justify-content:space-between; align-items:center; padding:10px 50px; background:#ffffff; box-shadow:0 2px 8px rgba(0,0,0,0.05); position:sticky; top:0; z-index:100; }
header nav a { margin-left:20px; text-decoration:none; color:#333; font-weight:500; }
header nav a.active { color:#ff6f61; font-weight:bold; }
.logo-img { height:50px; margin-right:10px; }
.logo-area { display:flex; align-items:center; }
.section { padding:50px 20px; max-width:1200px; margin:0 auto; }
h2 { text-align:center; margin-bottom:30px; }

/* Hero */
.hero { position: relative; min-width: 800px; width: 100%; height: 400px; background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.hero::after { content: ""; position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.5); z-index:1; }
.hero h1, .hero p, .hero a { position: relative; z-index:2; }
.hero .btn-primary { margin-top: 20px; padding: 10px 25px; border: none; border-radius: 4px; color: white; font-weight: bold; text-decoration: none; transition: background 0.3s ease; }
.hero .btn-primary:hover { filter: brightness(85%); }

/* 카드 */
.card-container, .product-container { display:flex; flex-wrap: wrap; justify-content:center; gap:30px; margin-top:30px; }
.card, .product-card { background:#fff; border-radius:8px; box-shadow:0 4px 12px rgba(0,0,0,0.1); padding:20px; max-width:300px; text-align:center; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.card img, .product-card img { width:100%; height:auto; object-fit:cover; border-radius:6px; }
.card h3, .product-card h3 { margin:15px 0 10px; color:#333; }
.card p, .product-card p { color:#666; font-size:14px; }
.card:hover, .product-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); }

/* 문의 폼 */
.contact-form { max-width:600px; margin:0 auto; display:flex; flex-direction:column; gap:15px; }
.contact-form input, .contact-form textarea { padding:10px; border-radius:4px; border:1px solid #ccc; width:100%; font-size:14px; }
.contact-form button { padding:12px; border:none; border-radius:4px; background:#ff6f61; color:#fff; font-weight:bold; cursor:pointer; transition: background 0.3s ease; }
.contact-form button:hover { filter: brightness(85%); }

/* Footer */
footer { text-align:center; padding:20px; background:#f0f0f0; margin-top:50px; font-size:14px; color:#666; }