/*----------[NEWS�G���A]--------------*/
.rank {
  list-style: none outside;
  overflow-y: auto;
  margin: 10px auto;
  padding: 10px;
  border-radius: 5px;
  height: 120px;
}


.rank:nth-child(1) {
  height: 80px;
  background: linear-gradient(135deg,rgba(236, 184, 254, 0.7) 0%, rgba(213, 250, 254, 0.7) 45%, rgba(180, 254, 215, 0.7) 80%, rgba(41, 211, 224, 0.7) 100%);
}
.rank:nth-child(1) .title{
  font-size: 24px;
  position: absolute;
  top: -20px;
}
.rank:nth-child(2) {
  height: 80px;
  background: linear-gradient(135deg,rgba(195, 200, 220, 0.7) 76%, rgba(224, 222, 254, 0.7) 100%, rgba(252, 252, 252, 0.7) 12%);
}
.rank:nth-child(3) {
  background: linear-gradient(180deg,rgba(252, 252, 252, 0.7) 0%, rgba(240, 221, 103, 0.7) 55%, rgba(178, 150, 60, 0.6) 100%);
}
.rank:nth-child(4) {
  background: linear-gradient(180deg,rgba(252, 252, 252, 0.7) 0%, rgba(237, 237, 237, 0.7) 30%, rgba(191, 191, 191, 0.7) 90%);
}
.rank:nth-child(5) {
  background: linear-gradient(180deg,rgba(252, 252, 252, 0.7) 0%, rgba(226, 158, 79, 0.7) 76%, rgba(204, 168, 106, 0.7) 100%);
}

.rank::-webkit-scrollbar {
  width: 6px;
  height: 10px;
  border-radius: 20px;
}
.rank::-webkit-scrollbar-thumb {
  background-color: #C0C0C0;
  border-radius: 25px;
}
.rank::-webkit-scrollbar-thumb:hover {
  background-color: #A9A9A9;
  border-radius: 25px;
}
.rank::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.2);
  border-radius: 25px;
}

.rank .item{

}

.rank .item .name{

}

.rank .item .point{

}



@media screen and (max-width: 767px){



}