/* webzine-game-ranking */
section.webzine-game-ranking {}
section.webzine-game-ranking div.rankfolder { position: relative; }
section.webzine-game-ranking div.rankfolder div.part { display: none; }
section.webzine-game-ranking div.rankfolder.invenrank div.part.invenrank { display: block; }
section.webzine-game-ranking div.rankfolder.party div.part.party { display: block; }
section.webzine-game-ranking div.rankfolder.android div.part.android { display: block; }
section.webzine-game-ranking div.rankfolder.ios div.part.ios { display: block; }
section.webzine-game-ranking div.rankfolder.off {  }
section.webzine-game-ranking div.rankfolder.off div.parts div.part { display: none; }
section.webzine-game-ranking div.rankfolder.off div.parts div.part.invenrank { display: block; }

section.webzine-game-ranking div.rankfolder.off div.rank-tab { display: none; }


section.webzine-game-ranking div.rank-tab::before { display: block; padding: 13px 13px 10px; height: 1.23em; content: " "; font-size: 1rem; }
section.webzine-game-ranking div.rank-tab ul { border: 1px solid #f2f2f2; border-width: 1px 0 0; background-color: #fafafa; }
section.webzine-game-ranking div.rank-tab ul::after { display: block; content: " "; clear: both; overflow: hidden; height: 0; }
section.webzine-game-ranking div.rank-tab ul li { width: 25%; float: left; overflow: hidden; box-sizing: border-box; font-size: 1em; text-align: center; }
section.webzine-game-ranking div.rank-tab ul li a { display: block; overflow: hidden; line-height: 1.5em; text-overflow: ellipsis; white-space: nowrap; padding: 0; margin: .3em 0; font-weight: normal; }
section.webzine-game-ranking div.rank-tab ul li a { border-left: 1px solid #f2f2f2; }
section.webzine-game-ranking div.rank-tab ul li:first-child a { border-left: none; }
section.webzine-game-ranking div.rank-tab ul li a { }
section.webzine-game-ranking div.rank-tab ul li a span { padding: .5em; line-height: 2em }
section.webzine-game-ranking div.rank-tab ul li.on a span { background-color: #0198ff; border-radius: 10px; color: #ffffff; }
section.webzine-game-ranking div.rank-tab ul li.on a[data-tab="party"] span { background-color: #4f7e34; }

section.webzine-game-ranking ul,
section.webzine-game-ranking li { list-style: none; }

section.webzine-game-ranking ul.invenrank { counter-reset: ordered; position: relative; /*border-top: 2px solid #0198FF;*/ }
section.webzine-game-ranking div.rankfolder.off ul.invenrank:before { display: block; padding: 13px 13px 10px; height: 1.23em; content: " "; font-size: 1rem; /*background-color: #0198FF; color: #ffffff;*/ font-weight: bold; }
section.webzine-game-ranking ul.invenrank > li { font-size: 1em; line-height: 1.5em; overflow: hidden; border-top: 1px solid #f2f2f2; }


section.webzine-game-ranking div.invenrank .rank.rankhot .btn{
    vertical-align: middle;
    border-radius: .28571429rem;
    background-color: #f45e5e;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    width: 4.6em;
    float:right;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: inline-block;
}

section.webzine-game-ranking div.invenrank .rank.rankhot a:before{
    content: "HOT";
    border-radius: .28571429rem;
    background-color: #f45e5e;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    width: 2.6em;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: inline-block;
}
section.webzine-game-ranking div.invenrank .rank.rankhot a{
    display: inline-block;
    width: calc(100% - 8px);
    vertical-align: middle;
    padding: .6em .8em;
}

section.webzine-game-ranking div.invenrank .rank.rankhot .ranksubject{
    color: #ec0606;
    padding-left: 5px;
    display: inline-block;
    width: calc(100% - 113px);
    height: 1.5em;
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}
section.webzine-game-ranking div.invenrank .rank.rankhot .ranksubject.btn0 {
    width: calc(100% - 50px);
}
section.webzine-game-ranking ul.invenrank > li > a,
section.webzine-game-ranking ul.invenrank > li > span.no-link { overflow: hidden; line-height: 1.5em; text-overflow: ellipsis; white-space: nowrap; padding: .6em .8em; font-weight: normal; height: 1.5em; line-height: 1.6em; }
section.webzine-game-ranking ul.invenrank > li > a:before,
section.webzine-game-ranking ul.invenrank > li.rankhot > span.no-link:before{ content: "HOT"; border-radius: .28571429rem; background-color: #868686; color: #ffffff; font-weight: bold; text-align: center; width: 1.6em; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; display: inline-block; }

section.webzine-game-ranking ul.invenrank > li:not(.rankhot) > a:before,
section.webzine-game-ranking ul.invenrank > li > span.no-link:before { counter-increment: ordered; content: counters(ordered,".") " "; border-radius: .28571429rem; background-color: #868686; color: #ffffff; font-weight: bold; text-align: center; width: 1.6em; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; display: inline-block; }

section.webzine-game-ranking ul.invenrank > li.rank1 > a,
section.webzine-game-ranking ul.invenrank > li.rank1 > span.no-link,
section.webzine-game-ranking ul.invenrank > li.rank2 > a,
section.webzine-game-ranking ul.invenrank > li.rank2 > span.no-link,
section.webzine-game-ranking ul.invenrank > li.rank3 > a,
section.webzine-game-ranking ul.invenrank > li.rank3 > span.no-link { color: #0198ff; }

section.webzine-game-ranking .party ul.invenrank > li.rank1 > a .ranksubject,
section.webzine-game-ranking .party ul.invenrank > li.rank1 > span.no-link,
section.webzine-game-ranking .party ul.invenrank > li.rank2 > a .ranksubject,
section.webzine-game-ranking .party ul.invenrank > li.rank2 > span.no-link,
section.webzine-game-ranking .party ul.invenrank > li.rank3 > a .ranksubject,
section.webzine-game-ranking .party ul.invenrank > li.rank3 > span.no-link { color: #4f7e34; }

section.webzine-game-ranking div.rankfolder.off ul.invenrank > li.rank1 > a,
section.webzine-game-ranking div.rankfolder.off ul.invenrank > li.rank1 > span.no-link,
section.webzine-game-ranking div.rankfolder.off ul.invenrank > li.rank2 > a,
section.webzine-game-ranking div.rankfolder.off ul.invenrank > li.rank2 > span.no-link,
section.webzine-game-ranking div.rankfolder.off ul.invenrank > li.rank3 > a,
section.webzine-game-ranking div.rankfolder.off ul.invenrank > li.rank3 > span.no-link { color: #ff6484; }

section.webzine-game-ranking ul.invenrank > li.rank1 > a:before,
section.webzine-game-ranking ul.invenrank > li.rank1 > span.no-link:before,
section.webzine-game-ranking ul.invenrank > li.rank2 > a:before,
section.webzine-game-ranking ul.invenrank > li.rank2 > span.no-link:before,
section.webzine-game-ranking ul.invenrank > li.rank3 > a:before,
section.webzine-game-ranking ul.invenrank > li.rank3 > span.no-link:before { background-color: #0198ff; color: #ffffff; }

section.webzine-game-ranking .party ul.invenrank > li.rank1 > a:before,
section.webzine-game-ranking .party ul.invenrank > li.rank1 > span.no-link:before,
section.webzine-game-ranking .party ul.invenrank > li.rank2 > a:before,
section.webzine-game-ranking .party ul.invenrank > li.rank2 > span.no-link:before,
section.webzine-game-ranking .party ul.invenrank > li.rank3 > a:before,
section.webzine-game-ranking .party ul.invenrank > li.rank3 > span.no-link:before { background-color: #4f7e34; color: #ffffff; }

section.webzine-game-ranking ul.invenrank > li span { display: block; }
section.webzine-game-ranking ul.invenrank > li span.ranknum { display: none; }
section.webzine-game-ranking ul.invenrank > li span.ranksubject { padding: 0 .4em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: left; }
section.webzine-game-ranking ul.invenrank > li span.risefall { font-weight: normal; width: 3em; }
section.webzine-game-ranking ul.invenrank > li span.risefall.rise:before,
section.webzine-game-ranking ul.invenrank > li span.risefall.fall:before { content: " "; display: inline-block; background: transparent url(//static.inven.co.kr/image_2011/ibuilder/common/icon_mt_1.png?cache=17) -471px -103px no-repeat; width: 17px; height: 18px; text-indent: 0;  -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); margin-right: 3px; margin-bottom: -3px; }
section.webzine-game-ranking ul.invenrank > li span.risefall.rise:before { background-position: -443px -103px; }
section.webzine-game-ranking ul.invenrank > li span.risefall.intact:before { content: "-"; margin-left: 21px; }
section.webzine-game-ranking ul.invenrank > li span.risefall.new:before { content: "NEW"; color: red; }

section.webzine-game-ranking div.rankfolder.off ul.invenrank { height: 45px; height: calc(1.5em + 24px); overflow: hidden; }
section.webzine-game-ranking div.rankfolder.off ul.invenrank:before { content: "인벤순위"; display: block;  height: 1.4em; line-height: 1.5em; width: 5em; padding: .3em; margin: 0 1em; position: absolute; z-index: 1; text-align: center; background-color: #0198ff; color :#ffffff; font-weight: normal; font-size: 0.9em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
section.webzine-game-ranking div.rankfolder.off ul.invenrank > li { position: relative; padding-right: 40px; background-color: #ffffff; padding-left: 6em; border-top-width: 0; margin-top: 1px; margin-top: calc(1px); height: 44px; height: calc(1.5em + 23px); overflow: hidden; }
section.webzine-game-ranking div.rankfolder.off ul.invenrank > li a { margin: 0; padding: 0 .8em; height: auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

section.webzine-game-ranking div.folder { }
section.webzine-game-ranking div.folder > a { display: block; text-align: center; -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); }
section.webzine-game-ranking div.folder > a:before { display: none;  content: ""; }
section.webzine-game-ranking div.folder > a > span.fold { display: none; width: 30px; float: right; text-align: center; }
section.webzine-game-ranking div.folder > a > span > i { display: none; background-position: -365px -106px; display: block; width: 26px; height: 18px; background-size: auto; float: right; -webkit-transform: scale(0.65); -ms-transform: scale(0.65); transform: scale(0.65); margin-top: 1px; }
section.webzine-game-ranking div.folder > a > span.unfold > i { /*background-position: -403px -106px;*/ background-position: -394px -106px; }
section.webzine-game-ranking div.folder { position: absolute; width: 100%; top: -1px; padding: 0; right: 0; margin-top: 0; background-color: transparent; z-index: 1; border: none; }
section.webzine-game-ranking div.folder a { margin: 0; padding: 13px .8em 10px; }
section.webzine-game-ranking div.folder a.rankArticleLink { display: block; float: left; width: 100%; text-align: left; }
section.webzine-game-ranking div.folder a.rankArticleLink > span { display: inline; line-height: 1.23em; font-size: 1em; font-weight: bold; }
section.webzine-game-ranking div.folder a.rankArticleLink > span.title { color: #333333; font-size: 1rem; margin-right: 1em; }
section.webzine-game-ranking div.folder a.folder { position: absolute; right: 0; }
section.webzine-game-ranking div.folder > a > span.unfold,
section.webzine-game-ranking div.rankfolder.off div.folder > a > span.fold { display: block; }
/*section.webzine-game-ranking div.folder > a > span.fold:before { content: "\02228"; display: block; line-height: 1.5em; font-weight: bold; font-size: 1.2em; }*/
section.webzine-game-ranking div.folder > a > span.fold,
section.webzine-game-ranking div.rankfolder.off > div.folder > a > span.unfold { display: none; }
section.webzine-game-ranking div.rankfolder.off > div.folder { margin-top: 0; width: auto; }
section.webzine-game-ranking div.rankfolder.off > div.folder a.rankArticleLink { display: none; }
section.webzine-game-ranking div.rankfolder.off > div.folder a.folder { position: relative; float: right; }

/* mobile-ranking */
section.webzine-game-ranking div.parts > div.mobilerank > table { width: 100%; border-collapse: collapse; border-top: 1px solid #f2f2f2; }
section.webzine-game-ranking div.parts > div.mobilerank col.rank { width: 10%; }
section.webzine-game-ranking div.parts > div.mobilerank col.download { width: 45%; }
section.webzine-game-ranking div.parts > div.mobilerank col.grossing { width: 45%; }
section.webzine-game-ranking div.parts > div.mobilerank th { text-align: center; padding: 10px 0 11px; border-bottom: 1px solid #e2e2e2; color: #484848; }
section.webzine-game-ranking div.parts > div.mobilerank th.rank { background: none; }
section.webzine-game-ranking div.parts > div.mobilerank td { padding: 5px 5px 6px; vertical-align: middle; color: #434343; }
section.webzine-game-ranking div.parts > div.mobilerank td.rank { text-align: center; font-weight: bold; }
section.webzine-game-ranking div.parts > div.mobilerank td.rank .bg { width: 20px; height: 20px; margin: 0 auto; background-color: #828282; color: #fff; }
section.webzine-game-ranking div.parts > div.mobilerank td.rank1 .bg,
section.webzine-game-ranking div.parts > div.mobilerank td.rank2 .bg,
section.webzine-game-ranking div.parts > div.mobilerank td.rank3 .bg { background-color: #fc6c90; }
section.webzine-game-ranking div.parts > div.mobilerank td span { display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; min-height: 20px; line-height: 20px; }

/*section.webzine-game-ranking ul.ranklist.fold.fold-min-1 > li.rank:not(.rolling):nth-child(n+2),
section.webzine-game-ranking ul.ranklist.fold.fold-min-2 > li.rank:not(.rolling):nth-child(n+3),
section.webzine-game-ranking ul.ranklist.fold.fold-min-3 > li.rank:not(.rolling):nth-child(n+4),
section.webzine-game-ranking ul.ranklist.fold.fold-min-4 > li.rank:not(.rolling):nth-child(n+5),
section.webzine-game-ranking ul.ranklist.fold.fold-min-5 > li.rank:not(.rolling):nth-child(n+6),
section.webzine-game-ranking ul.ranklist.fold.fold-min-6 > li.rank:not(.rolling):nth-child(n+7),
section.webzine-game-ranking ul.ranklist.fold.fold-min-7 > li.rank:not(.rolling):nth-child(n+8),
section.webzine-game-ranking ul.ranklist.fold.fold-min-8 > li.rank:not(.rolling):nth-child(n+9),
section.webzine-game-ranking ul.ranklist.fold.fold-min-9 > li.rank:not(.rolling):nth-child(n+10) { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; margin-bottom: -45px; margin-bottom: calc(-1.5em - 24px); }

section.webzine-game-ranking ul.ranklist.fold.fold-min-1.rolling > li.rank { -webkit-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; transition: .3s; }
section.webzine-game-ranking ul.ranklist.fold.fold-min-1.fold-min-1.rolling.rolling-2 > li.rank.rank1,
section.webzine-game-ranking ul.ranklist.fold.fold-min-1.rolling.rolling-3 > li.rank:nth-child(-n+2),
section.webzine-game-ranking ul.ranklist.fold.fold-min-1.rolling.rolling-4 > li.rank:nth-child(-n+3),
section.webzine-game-ranking ul.ranklist.fold.fold-min-1.rolling.rolling-5 > li.rank:nth-child(-n+4),
section.webzine-game-ranking ul.ranklist.fold.fold-min-1.rolling.rolling-6 > li.rank:nth-child(-n+5),
section.webzine-game-ranking ul.ranklist.fold.fold-min-1.rolling.rolling-7 > li.rank:nth-child(-n+6),
section.webzine-game-ranking ul.ranklist.fold.fold-min-1.rolling.rolling-8 > li.rank:nth-child(-n+7),
section.webzine-game-ranking ul.ranklist.fold.fold-min-1.rolling.rolling-9 > li.rank:nth-child(-n+8),
section.webzine-game-ranking ul.ranklist.fold.fold-min-1.rolling.rolling-10 > li.rank:nth-child(-n+9) { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; margin-bottom: -45px; margin-bottom: calc(-1.5em - 24px); }*/