@charset "utf-8";

/* 경험치, 활동왕 랭킹 */
#exp_rank {}
#exp_rank:after {display:block;visibility:hidden;clear:both;content:""}
#exp_rank dl {width:100%;padding:10px;background:#fff;border-radius:10px;box-shadow:2px 2px 8px rgba(0,0,0,0.1);}
#exp_rank dl dt {display:block;font-weight:500;line-height:40px;}
#exp_rank dl dt i {font-size:16px;}
#exp_rank dl dt strong {color:#f00001;font-weight:600;}
#exp_rank dl dd {line-height:40px;}
#exp_rank dl dd:after {display:block;visibility:hidden;clear:both;content:""}
#exp_rank dl dd .rank {display:inline-block;width:30px;margin:0 10px 0 0;color:#fff;font-size:11px;line-height:20px;text-align:center;border-radius:3px;}
#exp_rank dl dd .rank.blue {background:#336ebe}
#exp_rank dl dd .rank.orange {background:#ff7700}
#exp_rank dl dd .rank.red {background:#f00001}
#exp_rank dl dd .rank.green {background:#39b54a}
#exp_rank dl dd .rank strong {font-weight:400;}
#exp_rank dl dd .rank_exp {display:block;float:right;color:#f00001;text-align:right;font-weight:500;}
#exp_rank dl dd .lv_icon img {width:24px;height:auto;border-radius:50%;}
#exp_rank dl dd .profile_img img {width:20px;height:auto;border-radius:50%;}


.rank_article {margin:0 0 20px 0;}
.rank_article:after {display:block;visibility:hidden;clear:both;content:""}
.rank_article li {display:block;float:left;width:32%;margin:0 2% 0 0;}
.rank_article li:last-child {margin:0;}

.rank_polv {margin:0 0 20px 0;}
.rank_polv:after {display:block;visibility:hidden;clear:both;content:""}
.rank_polv li {display:block;float:left;width:49%;margin:0 2% 0 0;}
.rank_polv li:last-child {margin:0;}



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




@media screen and (max-width:980px) {
.rank_article {margin:0 10px 20px 10px;}
.rank_polv {margin:0 10px 20px 10px;}
}




@media screen and (max-width:780px) {
.rank_article li {float:none;width:100%;margin:0 0 10px 0;}
.rank_article li:last-child {margin:0;}

.rank_polv li {float:none;width:100%;margin:0 0 10px 0;}
.rank_polv li:last-child {margin:0;}
}