@charset "UTF-8";
/* custom bootstrap */
:root,
[data-bs-theme=light] {
  --bs-primary: #9d6b0b;
  --bs-primary-rgb: 157, 106, 11;
}

body {font-size: 0.9rem;}

.pagination {
  --bs-pagination-color: var(--bs-secondary);
}

.badge {
  padding-top: 0.4em;
}

.btn-group-xs>.btn, .btn-xs {
    --bs-btn-padding-y: 0.15rem;
    --bs-btn-padding-x: 0.3rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

/* 모달 관련 */
.modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1055;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1045;
}
.modal-dialog {
  position: relative;
  z-index: 1056;
}
.problem-modal .modal-body img {
  max-width: 100% !important;
  height: auto !important;
}
.problem-modal .modal-body iframe {
  max-width: 100% !important;
}