economy/wwwroot/css/style.css

@charset "UTF-8";
html {
  height: 100%;
}

header nav > div > div {
  cursor: grab;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: visible;
}
header nav > div > div > ul > li {
  display: inline-block;
}
header nav > div > div > ul > li a {
  user-select: none; /* 텍스트 선택 방지 */
  -webkit-user-drag: none; /* 드래그 방지 (웹킷 브라우저용) */
  -moz-user-select: none; /* 파이어폭스용 */
  -ms-user-select: none; /* IE/엣지용 */
}
header nav > div > div > ul > li a:hover {
  color: chocolate !important;
  text-decoration: underline;
}

body {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
body main {
  flex: 1;
  margin-bottom: 70px;
}

footer {
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}
footer iframe {
  width: inherit;
}
footer small {
  display: block;
  line-height: initial;
}

#priceItemList, #priceItemInfo, #goldPriceInfo, #oilPriceInfo, #emissionPriceInfo, #flowerPrice, #dayHoliday, #dayAnniversary, #daySeasonal, #daySundry, #financialExchange, #globalPriceList {
  min-width: 740px;
}
#priceItemList thead tr th, #priceItemInfo thead tr th, #goldPriceInfo thead tr th, #oilPriceInfo thead tr th, #emissionPriceInfo thead tr th, #flowerPrice thead tr th, #dayHoliday thead tr th, #dayAnniversary thead tr th, #daySeasonal thead tr th, #daySundry thead tr th, #financialExchange thead tr th, #globalPriceList thead tr th {
  text-align: center;
  background-color: #eee;
  vertical-align: middle;
}
#priceItemList tbody tr td, #priceItemInfo tbody tr td, #goldPriceInfo tbody tr td, #oilPriceInfo tbody tr td, #emissionPriceInfo tbody tr td, #flowerPrice tbody tr td, #dayHoliday tbody tr td, #dayAnniversary tbody tr td, #daySeasonal tbody tr td, #daySundry tbody tr td, #financialExchange tbody tr td, #globalPriceList tbody tr td {
  text-align: center;
  vertical-align: middle;
}
#priceItemList tbody tr td span[data-bs-toggle=tooltip], #priceItemInfo tbody tr td span[data-bs-toggle=tooltip], #goldPriceInfo tbody tr td span[data-bs-toggle=tooltip], #oilPriceInfo tbody tr td span[data-bs-toggle=tooltip], #emissionPriceInfo tbody tr td span[data-bs-toggle=tooltip], #flowerPrice tbody tr td span[data-bs-toggle=tooltip], #dayHoliday tbody tr td span[data-bs-toggle=tooltip], #dayAnniversary tbody tr td span[data-bs-toggle=tooltip], #daySeasonal tbody tr td span[data-bs-toggle=tooltip], #daySundry tbody tr td span[data-bs-toggle=tooltip], #financialExchange tbody tr td span[data-bs-toggle=tooltip], #globalPriceList tbody tr td span[data-bs-toggle=tooltip] {
  color: blue;
  cursor: pointer;
  font-weight: bold;
}

#financialInterest thead tr th, #fifaRanks thead tr th {
  text-align: center;
  background-color: #eee;
  vertical-align: middle;
}
#financialInterest tbody tr td, #fifaRanks tbody tr td {
  text-align: center;
  vertical-align: middle;
}
#financialInterest tbody tr td img, #fifaRanks tbody tr td img {
  width: 60%;
  max-width: 140px;
}

#financialInternational table thead tr th {
  text-align: center;
  background-color: #eee;
  vertical-align: middle;
}
#financialInternational table tbody tr td {
  text-align: center;
  vertical-align: middle;
}

.lotto thead th, .lotto tfoot th {
  text-align: center;
  background-color: #eee;
  vertical-align: middle;
}

#whois .no-data, #whois .result, #businessNumber .no-data, #businessNumber .result {
  background-color: #eee;
  border: 1px solid #bbb;
  border-radius: 5px;
  margin-top: 10px;
  padding: 20px;
}
#whois .no-data, #businessNumber .no-data {
  text-align: center;
}
#whois .result, #businessNumber .result {
  text-align: left;
}

#pagination {
  justify-items: center;
}

.navbar-nav .dropdown-menu {
  padding-left: 10px;
}

@media (min-width: 576px) {
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    padding-left: 0;
  }
}
@media (max-width: 767.98px) {
  a.navbar-brand {
    display: block !important;
  }
}
@media (max-width: 991.98px) {
  a.navbar-brand {
    display: none;
  }
  footer {
    position: relative !important;
    text-align: center;
  }
}