/* 기존 styles.css에 추가할 내용 */

/* 네비게이션 활성 링크 스타일 */
.nav-links a.active {
    color: var(--primary-color);
    font-weight: 700;
}

/* 페이지 배너 스타일 */
.page-banner {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/banner-bg.jpg') no-repeat center center/cover;
    color: white;
    text-align: center;
    padding: 8rem 2rem 5rem;
}

.page-banner .banner-content {
    max-width: 800px;
    margin: 0 auto;
}

.page-banner h1 {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.page-banner p {
    font-size: 1.2rem;
    opacity: 0.9;
}

/* 컨테이너 */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

/* 배경색 클래스 */
.bg-light {
    background-color: var(--background-light);
}

/* 기존 스타일 업데이트 */
body {
    padding-top: 80px; /* 고정 헤더 높이만큼 패딩 추가 */
}

header {
    height: 80px;
}

/* 추가 스타일은 additional-styles.css 파일에 있습니다 */