/* footer.css */

/* 푸터 스타일 */
.footer {
    background-color: #333; /* 배경 색상 */
    color: #fff; /* 글씨 색상 */
    padding: 20px 15px; /* 내부 여백 */
    text-align: center; /* 텍스트 가운데 정렬 */
    font-family: 'Pretendard', Arial, sans-serif; /* 폰트 */
    font-size: 12px; /* 기본 폰트 크기 */
}

.footer-container {
    max-width: 1200px; /* 푸터 너비 제한 */
    margin: 0 auto; /* 가운데 정렬 */
    display: flex;
    flex-direction: column; /* 모바일 환경에서는 세로로 배치 */
    align-items: center;    
}

.footer-info {
    text-align: center; /* 텍스트 가운데 정렬 */
    font-family: 'Pretendard', Arial, sans-serif;
    font-size: 12px;
    color: #fff;
    margin: 10px 0; /* 전체 푸터 정보 상하 여백 */
}

.footer-info p {
    margin: 5px 0; /* 각 줄 간격 */
}

.footer-info a {
    color: #ffcc00; /* 이메일 링크 색상 */
    text-decoration: none;
}

.footer-info a:hover {
    text-decoration: underline; /* 마우스 오버 시 밑줄 추가 */
}


/* 푸터 링크 스타일 */
.footer-legal {
    text-align: center; /* 중앙 정렬 */
    font-family: 'Pretendard', Arial, sans-serif;
    font-size: 12px;
    color: #fff;
    margin-bottom: 15px;
}

.footer-legal p {
    margin: 10px 0;
}

.footer-links {
    display: flex;
    flex-wrap: wrap; /* 줄바꿈 허용 */
    justify-content: center; /* 중앙 정렬 */
    gap: 15px; /* 그룹 간 간격 */
}

.footer-group {
    display: flex;
    gap: 10px; /* 그룹 내부 링크 간 간격 */
}

.footer-links a {
    color: white;
    text-decoration: none;
    font-size: 12px;
}

.footer-links a:hover {
    text-decoration: underline; /* 마우스 오버 시 밑줄 */
}