/* 헤더 높이 지정 (예시로 60px) */
header {
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    padding-left: 10px;
}

header div {
    flex: 0 0 auto;
    display: flex;
}

header, footer {
    flex: 0 0 auto; /* 높이 고정(내용만큼) */
}

header .logo {
    margin: 0;
    font-size: 1rem;
    vertical-align: middle;
    width: 90px;
    height: 26px;
    margin-left: 10px;
    background-size: cover;       /* 요소를 꽉 채우도록 조절 (비율 유지) */
    background-repeat: no-repeat; /* 반복 없이 한 번만 표시 */
    background-position: center;  /* 중앙에 위치시킴 */
}


/* 메뉴 스타일 */
.nav__list {
  list-style: none;
  display: flex;
  gap: 10px;               /* 메뉴 간 간격 */
  align-items: center; /* 자식 요소를 아래쪽에 맞춤 */
}

.nav__link {
  text-decoration: none;
  font-size: 1rem;
}

/* 현재 페이지에 대한 스타일 (볼드 처리 등) */
.nav__link.active {
  font-weight: bold;
    font-size: 1.5rem;
}


/* 오른쪽 영역 (로그인/회원가입) */
.header__right {
  display: flex;
  gap: 10px; /* 버튼 사이 간격 */
}

.login-btn,
.signup-btn {
  text-decoration: none;
  padding: 10px 10px;
  border-radius: 4px;
  border: 1px solid transparent;
  transition: background-color 0.2s, border 0.2s;
}

.login-btn:hover,
.signup-btn:hover {
  background-color: #ddd;
}