@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

:root {
    --primary: #004a99; /* 모아루 블루 */
    --dark: #333;
    --light: #f8f9fa;
    --white: #ffffff;
}

body { margin: 0; font-family: 'Pretendard', sans-serif; color: var(--dark); line-height: 1.6; background: #fff; }
a { text-decoration: none; color: inherit; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

/* 헤더 설정 */
.header { background: var(--white); border-bottom: 1px solid #eee; position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.header .container { display: flex; justify-content: space-between; align-items: center; padding: 5px 20px; } /* 헤더 높이 최적화 */

/* 로고 박스 */
.logo-box { display: flex; align-items: center; gap: 15px; } 

/* [수정] 마크(이미지)만 따로 크게 키우기 */
.logo-box img { 
    height: 120px; /* 마크 크기를 120px로 대폭 확대 */
    width: auto; 
    display: block;
    filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.1)); /* 마크 강조 효과 */
}

/* 회사 이름(텍스트) 설정 */
.logo-box h1 { 
    font-size: 26px; 
    color: var(--primary); 
    margin: 0; 
    font-weight: 800; 
    letter-spacing: -1px;
}

/* 네비게이션 */
.nav a { margin-left: 25px; font-size: 16px; font-weight: 600; transition: 0.3s; color: #444; }
.nav a:hover { color: var(--primary); }

/* 히어로 섹션 */
.hero { position: relative; height: 50vh; display: flex; align-items: center; color: var(--white); background: #000; overflow: hidden; }
.hero-bg { position: absolute; inset: 0; background: url('../images/welding-01.jpg') center/cover; opacity: 0.5; }
.hero-content { position: relative; z-index: 2; }
.hero h2 { font-size: 42px; margin-bottom: 15px; line-height: 1.3; }

/* 섹션 공통 */
.section { padding: 80px 0; }
.page-title { font-size: 36px; font-weight: 700; margin-bottom: 50px; text-align: center; color: var(--primary); }

/* 카드 스타일 */
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.card { background: var(--light); padding: 40px; border-radius: 15px; border: 1px solid #eee; transition: 0.3s; }
.card:hover { transform: translateY(-10px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.card h3 { margin-top: 0; color: var(--primary); font-size: 22px; margin-bottom: 15px; }

/* 푸터 */
.footer { background: #222; color: #bbb; padding: 50px 0; font-size: 15px; line-height: 1.8; }
.footer-inner { display: flex; justify-content: space-between; align-items: flex-start; }

/* 모바일 대응 */
@media (max-width: 768px) {
    .header .container { flex-direction: column; gap: 10px; padding: 15px 10px; }
    .logo-box img { height: 80px; } /* 모바일에서도 작지 않게 80px 유지 */
    .logo-box h1 { font-size: 20px; }
    .nav { margin-top: 5px; width: 100%; text-align: center; }
    .nav a { margin: 0 8px; font-size: 14px; display: inline-block; }
    .footer-inner { flex-direction: column; text-align: center; gap: 30px; align-items: center; }
}