header {
background-color: #FFFFFF;
color: #222222;
padding: 15px 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); 
position: relative; /* 바를 위치시키기 위한 상대 위치 설정 */
}

.header-content {
display: flex;
justify-content: center;
align-items: center;
max-width: 1000px; /* 최대 너비 설정 */
margin: 0 auto; /* 가운데 정렬 */
padding: 0 20px; /* 좌우 패딩 */
}

.logo img {
height: 25px; /* 로고 이미지 높이 설정 */
vertical-align: middle;
}

nav {
display: flex;
gap: 60px;
}

nav a {
color: #959595;
text-decoration: none;
position: relative; /* 하단 바를 위치시키기 위한 상대 위치 설정 */
font-size: 16px; /* 글자 크기 조정 */
padding: 5px 0px; /* 좌우 여백 추가 */
font-weight: bold;
}

nav a:hover, nav a.menu_sel {
color: #000000; /* 메뉴 1의 색상 설정 */
}

@media (max-width: 760px) {
nav {
gap: 30px;
}
}