/* Modern Minimal Footer Styles */ .modern-minimal-footer { background: var(--bg-primary); border-top: 1px solid var(--border-color); margin-top: var(--spacing-2xl); } .footer-container { max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); } .footer-main { padding: var(--spacing-2xl) 0 var(--spacing-xl); } .footer-content { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: var(--spacing-2xl); } /* 회사 정보 */ .footer-info { display: flex; flex-direction: column; gap: var(--spacing-md); } .company-logo { margin-bottom: var(--spacing-md); } .footer-logo { height: 40px; width: auto; object-fit: contain; opacity: 0.8; } .company-details p { margin: 0 0 var(--spacing-xs) 0; font-size: 0.875rem; color: var(--text-secondary); line-height: 1.5; } .company-name { font-weight: 600; color: var(--text-primary); font-size: 1rem; margin-bottom: var(--spacing-sm); } /* 푸터 메뉴 */ .footer-menu { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-xl); } .menu-section h4 { font-size: 1rem; font-weight: 600; color: var(--text-primary); margin-bottom: var(--spacing-md); } .menu-section ul { list-style: none; margin: 0; padding: 0; } .menu-section li { margin-bottom: var(--spacing-sm); } .menu-section a { color: var(--text-secondary); text-decoration: none; font-size: 0.875rem; transition: color 0.3s ease; } .menu-section a:hover { color: var(--primary-color); } /* 소셜 미디어 */ .footer-social h4 { font-size: 1rem; font-weight: 600; color: var(--text-primary); margin-bottom: var(--spacing-md); } .social-links { display: flex; gap: var(--spacing-sm); } .social-link { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: var(--bg-secondary); color: var(--text-secondary); border-radius: var(--radius-md); text-decoration: none; transition: all 0.3s ease; } .social-link:hover { background: var(--primary-color); color: white; transform: translateY(-2px); } /* 푸터 하단 */ .footer-bottom { border-top: 1px solid var(--border-color); padding: var(--spacing-lg) 0; } .footer-bottom-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--spacing-sm); } .copyright { color: var(--text-secondary); font-size: 0.875rem; margin: 0; } .powered-by { color: var(--text-light); font-size: 0.75rem; margin: 0; } .powered-by a { color: var(--text-light); text-decoration: none; transition: color 0.3s ease; } .powered-by a:hover { color: var(--primary-color); } /* 반응형 디자인 */