#wrapper #content #rank {
  overflow: auto;
  margin-bottom: 2em;
}
#wrapper #content #rank h1 {
  text-align: center;
  color: #fff;
}
#wrapper #content #rank .active {
  background-color: #616161;
  color: #fff;
}
#wrapper #content #rank .active:hover {
  background-color: #616161 !important;
}
#wrapper #content #rank table {
  border-collapse: collapse;
  width: 100%;
  font-family: 'Secular One', 'Noto Sans Korean', sans-serif;
  color: #fff;
}
#wrapper #content #rank table tr {
  border-bottom: 1px solid #fff;
}
#wrapper #content #rank table tr:nth-of-type(1) {
  background-color: #2196f3;
  border: 0;
}
#wrapper #content #rank table tr:nth-of-type(1) td {
  border: 0;
  text-align: center;
  font-weight: 900;
}
#wrapper #content #rank table tr:not(:nth-of-type(1)):hover {
  background-color: #757575;
}
#wrapper #content #rank table td {
  font-size: 1.2em;
  padding: 0.5em;
  border-bottom: 2px solid #fff;
}
#wrapper #content #rank table td:nth-of-type(1) {
  width: 5%;
}
#wrapper #content #rank table td:nth-of-type(2) {
  width: 15%;
}
#wrapper #content #rank table td:nth-of-type(3) {
  width: 50%;
}
#wrapper #content #rank table td:nth-of-type(4) {
  width: 10%;
}
#wrapper #content #rank table td:nth-of-type(5) {
  width: 20%;
}
#wrapper #content #rank table td:not(:nth-of-type(3)) {
  text-align: center;
}
#wrapper #content #rank table td:not(:first-child) {
  border-left: 1px solid #fff;
}