@charset "utf-8";

/* 메뉴 호버, 선택시 */
#nt_menu .me-li.on .me-a,
#nt_menu .me-li:hover .me-a {
  color: #ef4444 !important;
}

.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.page-item.active .page-link,
.show > .btn-outline-primary.dropdown-toggle,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox
  .custom-control-input:indeterminate
  ~ .custom-control-label::before {
  background-color: #ef4444 !important;
  border-color: #ef4444 !important;
}

hr.hr::after,
.dropdown-item.active,
.dropdown-item:active,
.bg-primary {
  background-color: #ef4444 !important;
}

.border-primary {
  border-color: #ef4444 !important;
}

.text-primary,
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #ef4444 !important;
}

/* ---------------------------------------------------------- */
/* ▼▼▼▼▼ #dc3545 기준 색상들을 #EF4444 기준으로 수정 ▼▼▼▼▼ */
/* ---------------------------------------------------------- */

/* [수정] 호버 색상: 기존 #c82333 (dc3545의 어두운 버전) 대신
  #EF4444 (Red-500)의 어두운 버전인 #DC2626 (Red-600)으로 변경 
*/
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover {
  background-color: #dc2626 !important;
  border-color: #dc2626 !important;
}

/* [수정] 아웃라인 버튼 색상: #c82333 대신 #DC2626으로 변경 */
.btn-outline-primary {
  color: #dc2626 !important;
  border-color: #dc2626 !important;
}

.btn-outline-primary:hover {
  color: #fff !important;
  /* 호버 시 배경색은 .btn-primary의 기본값(#EF4444)을 따름 */
}

/* [수정] .bg-primary 호버 색상: #c82333 대신 #DC2626으로 변경 */
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #dc2626 !important;
}

/* [수정] 포커스 그림자: 기존 rgba(225, 83, 97, 0.5) 대신
  #EF4444의 RGB 값인 (239, 68, 68)을 사용한 rgba로 변경
*/
.page-link:focus,
.btn-primary:focus,
.btn-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary.focus,
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(239, 68, 68, 0.5) !important;
}

/* ---------------------------------------------------------- */
/* ▲▲▲▲▲ 여기까지 수정 완료 ▲▲▲▲▲ */
/* ---------------------------------------------------------- */

/* 모바일 주메뉴 좌우측 그라데이션 (정상) */
.gra-left-primary {
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0, #ef4444 60%);
}
.gra-right-primary {
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, #ef4444 60%);
}