/* assets/css/main.css */

/* 로고 크기/여백 통일 */
.brand-logo {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: #fff;
  padding: 2px;
  display: block;
}

/* 네비바 좌우 패딩 완전 동일화 (container px-3와 매칭) */
.navbar .container {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

/* 브랜드 좌측 들여쓰기/줄맞춤 보정 */
.navbar-brand {
  margin-left: 0 !important;
  padding-left: 0 !important;
  line-height: 1; /* 폰트/아이콘 로딩 시 지터 방지 */
}

/* 모바일 토글 상태에서도 동일 간격 유지 */
.navbar-toggler {
  margin-left: 0;
}

/* 네비 안쪽 래퍼: 모든 페이지에서 동일한 폭/패딩 강제 */
.nav-inner {
  width: 1200px;            /* 원하는 기준 폭 */
  max-width: 100%;
  margin: 0 auto;           /* 가운데 정렬 (좌측은 똑같은 0 기준에서 시작) */
  padding-left: 24px;       /* 좌우 내부 패딩도 고정 */
  padding-right: 24px;
  box-sizing: border-box;
}

.navbar-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1;
}

/* 브레이크포인트가 바뀌어도 같은 규칙 유지 (container로 인한 반올림 오차 제거) */
.navbar {
  --bs-navbar-padding-x: 0;
}

.hero-header {
  background-image: url('../images/kookmin_bg.jpg'); /* 전경 사진 경로 */
  background-size: cover;      /* 화면 꽉 채우기 */
  background-position: center; /* 가운데 정렬 */
  background-repeat: no-repeat;
  min-height: 250px;           /* 높이 */
  display: flex;
  align-items: center;         /* 수직 가운데 정렬 */
}

.hero-header .container {
  background: rgba(0, 0, 0, 0.4); /* 글자 가독성을 위한 반투명 배경 */
  padding: 2rem;
  border-radius: 8px;
}