@import url(./checkbox.css);
@import url(./radio-button.css);
@import url(./switch.css);
@import url(../font/nanumsquare/nanumsquare.css);
@import url(../font/nanum_gothic/nanumgothic.css);
@import url(../font/GmarketSansTTF/GmarketSansTTF.css);
@import url(../font/Swiss721BlackBT/Swiss721BlackBT.css);
html, body {
  font-family: "NanumSquare";
  margin: 0 auto;
  height: 100%;
  color: #232323;
  font-size: 16px;
}

.navbar-white .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(55, 55, 55, 0.3);
}

.navbar-white .navbar-toggler i {
  color: rgba(31, 31, 31, 0.7);
}

.pagination .page-link {
  border: 0;
  color: #272530;
  margin: 0 0.2rem;
}

.page-item.active .page-link {
  border-radius: 30px;
  padding: 0.5rem 0.85rem;
  background: #fff;
  color: #4471bf;
  border: 2px solid #4471bf;
  font-weight: bold;
}

nav {
  border-bottom: 8px solid #eef1f7;
}

#vue-app {
  background: #f6f6f6;
  padding: 3rem 1rem;
}

.card {
  background: #fff;
}

.shadow-2xl {
  background: #fff;
}

#navbar {
  border-bottom: 3px solid #bebebe;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 1000px;
  }
  .modal-dialog-thin {
    max-width: 500px;
  }
}