@charset "utf-8";

/* 인기검색어 */
#popular {}
#popular h2 {text-align:left;color:#8d8c8c;line-height:24px;padding:10px}
#popular div {position: relative;background:#fff;padding:0 15px;border-bottom:1px solid #e5ecee}

#popular div a {display: block;margin-left:0;width:auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;color: #333;font-weight:bold;}

#popular div .real_keywords_num {margin-right: 10px;color: #999;}
#popular div .real_ico_ranking_new {position: absolute;right: 12px;top: 12px;width: 20px;height: 7px;background: url(img/ico_txt_new_2.svg) no-repeat;}

#popular div .real_ico_ranking_up,
#popular div .real_ico_ranking_down {position: absolute;right: 12px;top: 12px;width: 9px;height: 10px;}
#popular div .real_ico_ranking_up {background: url(img/ico_ranking_up.svg) no-repeat;}
#popular div .real_ico_ranking_down {background: url(img/ico_ranking_down.svg) no-repeat;}

#popular a {display:block;text-align:left;color:#000;padding:10px 0;border-bottom:1px solid #e5ecee}
#popular a:last-of-type {border-bottom:0}
#popular a:hover {color:#3a8afd}

/* yeahnet dark mode */
body.dark #popular div {background:#222;border-bottom:1px solid #474747}
body.dark #popular div a {color:#eee;}