/* common.css - 에이펙스 홈페이지 공통 스타일 */

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; }
body { background-color: #f4f6f9; color: #333; line-height: 1.6; }
a { text-decoration: none; color: inherit; transition: color 0.3s ease; }

/* Header (상단 네비게이션) 공통 */
header { display: flex; justify-content: space-between; align-items: center; padding: 15px 50px; background-color: #fff; border-bottom: 1px solid #ddd; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.logo img { height: 55px; width: auto; vertical-align: middle; }
nav ul { list-style: none; display: flex; gap: 40px; font-weight: 600; }
nav ul li a { display: inline-block; padding-bottom: 5px; position: relative; }
nav ul li a::after { content: ''; position: absolute; width: 0; height: 2px; display: block; margin-top: 5px; right: 0; background: #0d6b4a; transition: width 0.3s ease; }
nav ul li a:hover { color: #0d6b4a; }
nav ul li.active a { border-bottom: 2px solid #0d6b4a; padding-bottom: 3px; color: #0d6b4a; }

/* Footer (하단 정보) 공통 */
footer { background-color: #ffffff; border-top: 1px solid #eaeaea; padding: 50px 20px; text-align: center; margin-top: 60px; }
footer .footer-logo img { height: 80px; margin-bottom: 20px; display: inline-block; }
footer .footer-info { font-size: 14px; color: #555; margin-bottom: 8px; font-weight: 500; }
footer .copyright { font-size: 13px; color: #aaa; margin-top: 15px; }

/* 📱 모바일 반응형 설정 (아이폰 최적화 적용) */
@media (max-width: 768px) {
    header { flex-direction: column; padding: 15px 10px; gap: 12px; }
    nav ul { flex-wrap: wrap; justify-content: center; gap: 8px 12px; font-size: 13px; }
    /* ★ 핵심 해결책: 어떤 상황에서도 메뉴 글자가 두 줄로 쪼개지지 않도록 강제합니다. */
    nav ul li a { white-space: nowrap; word-break: keep-all; } 
    footer { padding: 30px 20px; }
    .container { padding: 50px 20px !important; }
}