/* ---------------- navBar CSS ---------------- */
.navbar {
    position: fixed; /* 네비바 상단 고정 */
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030; /* 다른 요소보다 위로 오게 */
}

/* 메뉴 글씨 굵게 */
.navbar-nav .nav-link {
    font-weight: bold; /* 글씨를 굵게 */
    white-space: nowrap; /* 페이지 크기가 줄어들 때 줄바꿈 방지*/
    font-size: 20px
}

/* 메뉴 간 간격 넓히기 */
.navbar-nav .nav-item {
    margin-right: 50px; /* 메뉴 간 간격 추가 */
}

/* 마지막 메뉴 항목 오른쪽 여백 제거 */
.navbar-nav .nav-item:last-child {
    margin-right: 0;
}

/* 메뉴 오버 or 활성화 시 색 할당 */
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
  color: #DAA520;
}

/* 네비바 서비스 메뉴 서브 네비바 관련 */
.dropdown-parent { /* 서브 메뉴의 기준 위치를 잡음*/
  position: relative;
}

/* 서브 메뉴바 박스 스타일*/
.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #ffffff; /* 흰색 배경 */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  padding: 0;
  margin: 0;
  min-width: 160px;
  z-index: 1000;
}

/* 서브 메뉴 항목의 불릿(*이나 항목을 나타내는 점)을 제거 */
.dropdown-menu li {
  list-style: none;
}

/* 서브 메뉴바 박스 내 텍스트  스타일*/
.dropdown-menu .dropdown-item-navbar {
  color: black;
  padding: 12px 18px;
  font-size: 16px;
  text-decoration: none;
  display: block;
}

/* 서브 메뉴바 박스 내 텍스트 마우스 오버 시 */
.dropdown-menu .dropdown-item-navbar:hover {
  font-weight: bold;
  color: white;
  background-color: #003366;
}

/* 마우스 오버 시 드롭다운 표시 */
.dropdown-parent:hover .dropdown-menu {
  display: block;
}

/* 드롭다운 버튼 스타일 */
#languageDropdown { /* # : 하나의 요소에만 적용 / 강력한 우선순위 */
    font-size: 14px;
    font-weight: 600;
    padding: 8px 10px;
    border-radius: 4px;
    width: 80px;
}

/* 드롭다운 메뉴 항목 스타일 */
.dropdown-item {
    font-size: 14px;
    padding: 8px 10px;
}

/* 마우스 오버시 메뉴 항목 색상 변경 및 글씨 굵게 */
.dropdown-item:hover {
    font-weight: bold;
    background-color: #f1f1f1;
}

@media (max-width: 576px) {
  .navbar-brand {
    margin-right: 0 !important;   /* 오른쪽 간격 제거 */
    padding-right: 0 !important;
  }

  .navbar-toggler {
    margin-right: 0 !important;   /* 토글 버튼 오른쪽 간격 제거 */
    padding-right: 0 !important;
    /* 토글 버튼 테두리 박스 제거 */
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
  }
}