/* 🔹 1. 배경 이미지 스타일 */
.location-header {
    position: relative;
    width: 100%;
    height: 250px; /* 높이 조정 */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.location-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/location/images/location.jpg') center/cover no-repeat;
    filter: brightness(50%); /* 흐림 효과 */
}

.location-title {
    position: relative;
    font-size: 3rem;
    color: white;
    font-weight: bold;
    margin-top: 5rem;
}

.location-info {
    text-align: center;
    margin: 2rem 0;
}

.location-subtitle {
    font-size: 1.8rem;
    font-weight: bold;
    color: #1A4B8C;
    margin-bottom: 1rem;
}

.location-text {
    font-size: 1.2rem;
    color: #333;
    margin: 0.3rem 0;
}

/* 🔹 4. 카카오맵 컨테이너 */
.map-container {
    display: flex;
    justify-content: center;
    margin: 2rem 0;
}

#map {
    width: 80%;
    max-width: 900px;
    height: 400px;
    border-radius: 10px;
    border: 2px solid #dcdcdc;
}