@charset "utf-8";

.keywordRank{ position:relative; width:auto!important; height:100%; background:#fff; border:none; border-radius:0.5rem; overflow:hidden; font-family: Noto Sans Korean,'나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic,sans-serif;}
.keywordRank .keyword_module{ position:absolute; right:5px; }
.keywordRank .rankHeader{ text-align:center; padding:0; margin:0; margin-right:8px; margin-bottom:10px; padding:5px; color: #555; font-size:14px; font-weight:bold; }
.keywordRank .rankBottom{ padding:5px; margin:0; margin-top:10px; font-size:12px; font-family: Noto Sans Korean, Tahoma; color:#999; text-align:center; } /* 기간 */
.keywordRank .rankList{list-style:none; margin:0; padding:5px 0 5px 0; position:relative; clear:both; *zoom:1; height:100%!important;}
.keywordRank .rankList:after{content:""; display:block; clear:both;}
.keywordRank .rankList li{position:relative; margin:0; padding:0; padding:0; height:26px; overflow:hidden; background: #FFF; font-size:14px}
.keywordRank .rankList li a{display:block; padding:4px 5px; height:24px; text-decoration:none; cursor:pointer; }
.keywordRank .rankList li a:hover{background: #F1F1F1}
.keywordRank .rankList li span{display:inline-block}



.keywordRank .rankList li span.rank_num{float:left; width:16px; height:16px; line-height: 14px; padding:0;  border:1px solid #ccc; color:#333; font-size:12px; text-align:center; font-family: Noto Sans Korean,Tahoma; letter-spacing:-.1em;}
.keywordRank .rankList li span.rank_text{float:left; width:55%!important; height:16px; line-height: 16px; padding: 0 0 0 5px; color:#333; font-size:13px; overflow:hidden;}
.keywordRank .rankList li span.rank_fluc{float:right; height:16px; line-height:16px; padding:0px; color:#777!important; font-size:10px; font-weight:bold; font-family:Noto Sans Korean,Tahoma; text-align:right; overflow:hidden;}
.keywordRank .rank_num_1,
.keywordRank .rank_num_2,
.keywordRank .rank_num_3{color:tomato!important;}