@charset "utf-8";

/* 새글 스킨 (latest) */
.rank {position:relative;margin-bottom:10px;background:#fff;border:1px solid #dce5e6;padding:30px 20px;}
.rank .rank__title {display:block;padding-bottom:30px;background:#ffffff;font-size:1.2em;color:#253dbe}
.rank .rank__title a {position:relative;color:#303640;display:inline-block}

.rank ul {}
.rank li {display:flex; flex-direction:row; align-items:center; position:relative;height: 4rem; line-height:18px;border-top:1px solid #e5ecee;}
.rank li img {width:50px; border: 1px solid #ddd; border-radius: 25px;}
.rank .rank__item { padding: 5px 5px 5px 1rem; }
.rank .rank__item:nth-child(1) { width: 60px;}
.rank .rank__item:nth-child(2) { width: 90px; }
.rank .rank__item:nth-child(3) { flex:2;  }
.rank .rank__item:nth-child(4) { flex:1; padding-right:10px; }
.rank li .fa-heart {color:#ff0000}
.rank li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.rank li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.rank li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.rank li .fa-caret-right {color:#bbb}
.rank li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.rank li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.rank .profile_img img{border-radius:50%}


.rank__graph { min-width: 10px; padding: 0px 5px; border-radius: 0px 3px 3px 0px; font-size: 8px; color: #fff; background: #3a8afd }
.rank__info {text-align: right; }
.rank__item__button { border-radius:5px;padding:5px; color: #fff; background:#f66e5c;}
.rank__item__sponser { border-radius:5px;padding:2px 5px; color: #fff; background:crimson; position: absolute; top:2px; left: 30px; font-size: 11px; line-height: 19px;}
.rank__item__button:hover { color: #fff; background:#de2a5c;}

.rank .empty_li {line-height:145px;color:#666;text-align:center;padding:0}
.rank .empty_li:before {background:none;padding:0}

.rank .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.rank .lt_more {position:absolute;top:30px;right:18px;display:block;width:40px;line-height:25px;color:#9a9a9a;border-radius:3px;text-align:center}
.rank .lt_more:hover {color:#777}

@media (max-width: 500px) { 
.rank .rank__item:nth-child(3) { flex:1;  }
.rank .rank__item:nth-child(4) { flex:2; padding-right:5px; } 
}