/* webzine-article-rank */
section.webzine-article-rank { width: 100%; overflow: hidden; }
section.webzine-article-rank ul,
section.webzine-article-rank li { list-style: none; }
section.webzine-article-rank > ul.tab { width: 100%; }
section.webzine-article-rank > ul.tab > li { /*float: left; width: 50%;*/ -webkit-box-flex: 1; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; background-color: #f0f0f0; border-top: 1px solid #f0f0f0; }
section.webzine-article-rank > ul.tab > li > a { display: block; text-align: center; font-weight: bold; font-size: 1.1em; line-height: 2.5em; height: 2.5em; overflow: hidden; }
section.webzine-article-rank > ul.tab > li.on { width: calc(50% - 2px); border: 1px solid #e3e3e3; border-bottom-width: 0; background-color: #ffffff; }
section.webzine-article-rank > div.list { clear: both; }
section.webzine-article-rank > div.list > div.part { display: none; }
section.webzine-article-rank > div.list > div.part.on { display: block; }
section.webzine-article-rank > div.list > div.part > ul { counter-reset: ordered; }
section.webzine-article-rank > div.list > div.part > ul > li { font-size: 1em; line-height: 1.5em; overflow: hidden; border-top: 1px solid #e3e3e3; }
section.webzine-article-rank > div.list > div.part > ul > li > a { overflow: hidden; line-height: 1.5em; text-overflow: ellipsis; white-space: nowrap; padding: .5em .8em; }
section.webzine-article-rank > div.list > div.part > ul > li > a { overflow: hidden; line-height: 1.5em; text-overflow: ellipsis; white-space: nowrap; padding: .5em .8em; }
section.webzine-article-rank > div.list > div.part > ul > li > a:before { border-radius: .28571429rem; background-color: #868686; color: #ffffff; font-weight: bold; text-align: center; width: 1.6em; display: block; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; }
section.webzine-article-rank > div.list > div.part > ul > li.rank > a:before { counter-increment: ordered; content: counters(ordered,".") " "; }
section.webzine-article-rank > div.list > div.part > ul > li.ad > a:before { width: 1.6em; height: 22px; border-radius: 0; background: url('//static.inven.co.kr/image_2011/ibuilder/icon/icon_22x22_friendship5.png') no-repeat left top; content: ''; }
section.webzine-article-rank > div.list > div.part > ul > li.ad > a > span { padding: 0 .4em; }
section.webzine-article-rank > div.list > div.part > ul > li:nth-child(1) { border-top-width: 0; }
section.webzine-article-rank > div.list > div.part > ul > li:nth-child(1) > a:before { background-color: #0198FF; color: #ffffff; }
/*section.webzine-article-rank > div.list > div.part > ul > li:nth-child(2) > a:before { background-color: #0198FF; color: #ffffff; }
section.webzine-article-rank > div.list > div.part > ul > li:nth-child(3) > a:before { background-color: #0198FF; color: #ffffff; }*/
section.webzine-article-rank > div.list > div.part > ul > li > a > span.subject { padding: 0 .4em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; /*-webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto;*/ }
section.webzine-article-rank > div.list > div.part > ul > li > a > span.comment { display: block; color: #3d85c6; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; }