@import url("/css/global/common_set.css");@import url("/css/global/datepicker.css");#gnbContainer #addon{margin-top:0}#gnbContainer #serviceHeader{position:relative;min-width:960px}#gnbContainer #serviceHeader .logo_wrap{left:0}#gnbContainer #serviceHeader .top_searcharea_wrap{display:inline-block;position:absolute;left:50%;transform:translateX(-50%);width:311px}#gnbContainer .innerHeader{width:960px;margin:0 auto}#accessibility{position:relative;z-index:10001}#accessibility a{position:absolute;top:-999px;left:0;width:200px;height:24px;padding-top:4px;background-color:#000;text-align:center;color:#fff !important;font:bold 14px '맑은 고딕',Malgun Gothic,'돋움',Dotum,sans-serif}#accessibility a:active,#accessibility a:focus{top:0}nav,section,article,header,aside,footer,figure,dialog{display:block}time,progress,mark,output{display:inline}html{-webkit-text-size-adjust:none}body{font-size:12px;color:#666;background-color:#fff;min-width:960px}body,ul,ol,li,dt,dl,dd,div,h1,h2,h3,h4,h5,h6,p,form,fieldset,blockquote,iframe,input,object,table,tr,th,td{margin:0;padding:0}ul,ol,li{list-style:none}hr{display:none}em{font-style:normal}fieldset,img{border:none}legend,caption{display:none}.hide{display:none}.blind{overflow:hidden;position:absolute;left:-1000%;top:0;width:0;height:0;font-size:0;line-height:0}.png24{tmp:expression(setPng24(this))}a{cursor:pointer}a:link,a:visited,a:active{text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;outline:0 none;border:0 none;background-color:transparent;padding:0;appearance:none;font-family:inherit;color:inherit}button:focus{outline:none}button:disabled{cursor:default}input::-ms-clear{display:none}.loading_list{position:relative;width:44px;height:44px;margin:0 auto 0;text-indent:-9999px;background:url("/images/common/loading.gif") no-repeat}#content{width:960px;margin:0 auto;padding:40px 0}.hd_area{position:relative}.hd_area h2.title{font-size:26px;color:#333;letter-spacing:-1px;line-height:100%}.hd_area h2.title .tit_desc{font-weight:normal;font-size:13px;color:#999;margin-left:13px}.hd_area .r-info{display:block;font-size:13px;color:#696969;cursor:pointer}.hd_area .r-info .icon_img{display:inline-block;width:15px;height:15px;background-position:-35px 0;margin:0 0 2px 6px;vertical-align:middle}.hd_area .r_guide{position:absolute;right:0;top:10px;z-index:20}.hd_area .r_guide .layer_info{display:none;position:absolute;top:29px;right:0;border:1px solid #c7c7c7;border-radius:3px;padding:26px 11px 16px 11px;width:833px;background:#fff;z-index:20}.hd_area .r_guide .layer_info.on{display:block}.hd_area .r_guide .r-detail{margin-bottom:20px;letter-spacing:-1px;line-height:100%;text-align:center}.hd_area .r_guide .r-detail dt{font-size:18px;color:#333;font-family:"NGB"}.hd_area .r_guide .r-detail dd{font-size:13px;color:#666;padding-top:15px}.hd_area .r_guide .tb_info{width:100%;border-collapse:collapse;letter-spacing:-1px}.hd_area .r_guide .tb_info th{height:42px;font-size:14px;color:#333;font-weight:normal;font-family:"NGB"}.hd_area .r_guide .tb_info .tit th{border-top:1px solid #e0e0e0;background:#fafbfb}.hd_area .r_guide .tb_info .tit2 th{border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;border-left:1px solid #e0e0e0}.hd_area .r_guide .tb_info td{font-size:14px;color:#777;padding:12px 0;border:1px solid #e0e0e0;text-align:center;line-height:1.5}.hd_area .r_guide .tb_info td:first-child,.hd_area .r_guide .tb_info th:first-child{border-left:none}.hd_area .r_guide .tb_info th:last-child,.hd_area .r_guide .tb_info td:last-child{border-right:none}.hd_area .r_guide .tb_info .gr td{color:#999;background:#fafbfb}.hd_area .icon_img{background:url(/images/contents/rank/img-ranking.png) -9999em -99999em no-repeat}.hd_area .shd_area{position:relative;width:100%;margin-top:30px}.hd_area .shd_area .tab_menu{height:42px;overflow:hidden;border-bottom:1px solid #ccc}.hd_area .shd_area .tab_menu li{float:left;margin-right:-1px;border:1px solid #ccc;border-bottom:none;width:115px}.hd_area .shd_area .tab_menu li a{display:block;height:42px;line-height:42px;font-size:15px;text-align:center;text-decoration:none;color:#777;background:#fff}.hd_area .shd_area .tab_menu li.on{position:relative;border:1px solid #4279ff}.hd_area .shd_area .tab_menu li.on a{font-size:16px;color:#fff;background:#4279ff}.hd_area .shd_area h3{position:absolute;top:9px;right:145px;font-size:15px;color:#333;line-height:100%}.hd_area .shd_area .select-box{position:absolute;top:0;right:0}.select-box{display:inline-block;position:relative;width:124px;background:#fff;z-index:10}.select-box a{text-decoration:none}.select-box .selected{display:block;position:relative;height:31px;text-indent:11px;border:1px solid #e0e0e0;color:#888;font-size:13px;line-height:31px}.select-box .selected:hover{background:#f9fbfc;color:#666}.select-box .selected:after{content:"";position:absolute;top:50%;right:10px;width:0;height:0;margin-top:-3px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #b6b6b6;transition:all .2s ease}.select-box .select-layer{display:none;position:absolute;top:32px;overflow:auto;width:122px;max-height:178px;background:#fff;border:1px solid #d9dddf;border-radius:2px}.select-box .select-layer li{padding:0 !important;border:0 !important;white-space:nowrap;animation:none}.select-box .select-layer li.local{height:30px;line-height:30px;font-size:13px;text-indent:11px}.select-box .select-layer li a{display:block;padding:10px 0 10px 11px;box-sizing:border-box;color:#888;font-size:13px;text-align:left;line-height:1.2}.select-box .select-layer li a:hover{background:#f9fbfc;color:#666}.select-box.active{background:#f9fbfc;z-index:11}.select-box.active .selected:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.select-box.active .select-layer{display:block}.day_control_area{position:relative;padding:18px 0 13px 50px;text-align:center}.day_control_area button{display:inline-block;text-indent:-9999px;vertical-align:middle;background:url(/images/img_game_ranking.png) no-repeat}.day_control_area .btn_prev{width:34px;height:34px;background-position:0 0}.day_control_area .btn_next{width:34px;height:34px;background-position:-36px 0}.day_control_area strong{display:inline-block;height:34px;line-height:34px;padding:0 30px;font-size:26px;color:#111;vertical-align:middle}.day_control_area .calendar_area{display:inline-block;position:relative;vertical-align:middle;margin-left:13px}.calendar_area .btn_calendar{width:22px;height:21px;background-position:-72px 0}.ranking_header{width:100%;border-collapse:collapse;border:1px solid #e0e0e0}.ranking_header th{height:50px;color:#000;font-size:15px;letter-spacing:-1px;vertical-align:middle;background:#f7f7f7}.ranking_header th.category{padding-left:7px;text-align:left}.ranking_list li{position:relative;height:87px;border:1px solid #e0e0e0;margin-top:8px;border-radius:2px}.ranking_list li.top .num{line-height:95px}.ranking_list li.top .num em{margin:0 2px 0 20px;font-size:50px;line-height:100%;color:#ff4545;font-style:italic;font-family:"Minion Pro"}.ranking_list li .num{line-height:87px;display:inline-block;width:112px}.ranking_list li .num em{display:inline-block;width:44px;margin-left:22px;text-align:center;vertical-align:middle;font-size:25px;color:#222}.ranking_list li .num .rup,.ranking_list li .num .rdown,.ranking_list li .num .same{display:inline-block;color:#888;line-height:100%;vertical-align:middle;padding-left:2px}.ranking_list li .num .same{padding-left:8px}.ranking_list li .num span:before{display:inline-block;width:7px;height:10px;margin:0 4px 2px 0;text-indent:-9999px;vertical-align:middle;background:url("/images/afmain/img_main.png") no-repeat}.ranking_list li .num .same:before{content:'-';width:5px;height:1px;background-position:-114px -258px}.ranking_list li .num .rup:before{content:'상승';background-position:-97px -248px}.ranking_list li .num .rdown:before{content:'하락';background-position:-105px -248px}.ranking_list li .title{font-size:18px;color:#222}.ranking_list li .title img{width:52px;height:52px;border-radius:50%;margin-right:15px;vertical-align:middle}.ranking_list li .genre{position:absolute;top:0px;right:420px;width:89px;font-size:14px;height:87px;line-height:87px;color:#777;text-align:center}.ranking_list li .play_time{position:absolute;top:0px;right:249px;width:171px;font-size:14px;height:87px;line-height:87px;color:#777;text-align:center}.ranking_list li .play_share{position:absolute;top:0px;right:217px;width:116px;font-size:18px;height:87px;line-height:87px;color:#777;text-align:center}.ranking_list li .play_share2{position:absolute;top:0px;right:133px;width:116px;font-size:18px;height:87px;line-height:87px;color:#777;text-align:center}.ranking_list li .graph{position:absolute;top:24px;right:120px;width:90px;text-align:center}.ranking_list li .graph2{position:absolute;top:24px;right:0;width:133px;text-align:center}.ranking_list li .vod{position:absolute;top:24px;right:0;width:127px;text-align:center}.ranking_list li .btn_graph{position:relative;display:inline-block;height:38px;line-height:38px;border:1px solid #74b3ff;padding:0 12px 0 37px;font-size:14px;color:#0072ff;background:#fff;letter-spacing:-1px}.ranking_list li .btn_graph:before{content:'';display:block;position:absolute;top:11px;left:12px;width:18px;height:15px;text-indent:-9999px;background:url(/images/img_game_ranking.png) no-repeat -98px 0}.ranking_list li .btn_vod{position:relative;display:inline-block;height:38px;line-height:38px;border:1px solid #74b3ff;padding:0 16px;font-size:14px;color:#0072ff;background:#fff;letter-spacing:-1px}.no_data{text-align:center;font-size:16px;color:#666;font-weight:400;min-height:500px;line-height:450px}.layer_vod_ranking{position:absolute;left:0;top:0;right:0;display:none;z-index:999999}.layer_vod_ranking .inner{border-radius:5px;position:absolute;left:0;right:0;top:0;margin:auto;background-color:#fff}.layer_vod_ranking .layer_header,.layer_graph .layer_header{text-align:center}.layer_header_inner{display:inline-block;position:relative;vertical-align:middle}.layer_header h3{display:inline-block;font-size:24px;color:#666;font-weight:400}.layer_header h3 strong{color:#000}.layer_header .aside{display:inline-block;padding-left:2px;position:relative;vertical-align:middle;margin-top:-5px}.layer_header .ic_desc{display:block;width:15px;height:15px;font:0/0 a;cursor:pointer;background:url(/images/img_game_ranking.png) no-repeat -118px 0}.layer_header .layer_desc{display:none;position:absolute;left:-31px;top:31px;width:215px;background-color:#fff;border:1px solid #c8c8c8;border-radius:4px;z-index:99}.layer_header .layer_desc.on{display:block}.layer_vod_ranking .btn_close,.layer_graph .btn_close{width:59px;height:63px;position:absolute;right:0;top:0;font:0/0 a}.layer_vod_ranking .btn_close:after,.layer_graph .btn_close:after{display:block;content:"";width:19px;height:19px;margin:0 auto;background:url(/images/img_game_ranking.png) no-repeat -172px 0}.layer_vod_ranking .calendar-whole .btn_close,.layer_graph .calendar-whole .btn_close{width:25px;height:25px}.layer_vod_ranking .inner{width:780px}.layer_vod_ranking .layer_header{padding:55px 0 50px}.layer_vod_ranking .list::-webkit-scrollbar{width:8px;height:8px;border:3px solid #fff}.layer_vod_ranking .list::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block;height:10px;background:#efefef}.layer_vod_ranking .list::-webkit-scrollbar-track{background:#efefef;-webkit-border-radius:10px;border-radius:10px}.layer_vod_ranking .list::-webkit-scrollbar-thumb{width:50px;height:50px;background:rgba(0,0,0,0.2);-webkit-border-radius:8px;border-radius:8px}.layer_vod_ranking .layer_header .layer_desc:before{position:absolute;left:32px;top:-9px;display:block;content:"";width:11px;height:9px;background:url(/images/img_game_ranking.png) no-repeat -160px 0}.layer_vod_ranking .layer_header .layer_desc p{padding:15px;font-size:14px;text-align:left;line-height:20px;letter-spacing:-1px;color:#999}.layer_vod_ranking .list{padding-left:19px;overflow-y:auto;height:740px}.vod_item .link .cover .later:after,.vod_item .link .cover .vr:after,.vod_item .information .three_dot:after,.vod_item .information .more_information .subscribe,.vod_item .information .more_information .fan,.vod_item .information .description .count:before{background-image:url(/images/af_vod/sp_vod.png)}.vod_item{display:inline-block;width:228px;height:242px;margin:4px 8px;white-space:normal;vertical-align:top}.vod_item .link{display:block}.vod_item .link .cover{overflow:hidden;position:relative;background:center no-repeat;background-size:cover;height:128px;border-top-right-radius:8px;border-top-left-radius:8px}.vod_item .link .cover .bullet{position:absolute;top:5px;left:5px;padding:1px 3px;border-radius:3px;color:#fff;line-height:1.4em;font-size:12px}.vod_item .link .cover .bullet.highlight{background-color:#ff572e;border:1px solid #f4451b}.vod_item .link .cover .bullet.again{background-color:#1987da;border:1px solid #0575c5}.vod_item .link .cover .bullet.live{background:#e72311;width:auto !important;height:auto !important;padding:1px 6px;border:1px solid #e72311 !important;text-indent:0}.vod_item .link .cover .later{display:none;position:absolute;top:7px;right:7px}.vod_item .link .cover .later:after{content:"";display:block;background-position:0 -271px;width:21px;height:21px}.vod_item .link .cover .later .later_tooltip{display:none;position:absolute;top:28px;right:-3px;background-color:rgba(0,0,0,0.8);width:70px;padding:5px 0;border-radius:3px;color:#d0d0d0;text-align:center;font-size:12px;white-space:nowrap}.vod_item .link .cover .later .later_tooltip:after{content:"";position:absolute;right:10px;bottom:100%;margin-top:0;border-color:transparent transparent rgba(0,0,0,0.8);border-style:solid;border-width:4px;letter-spacing:-1px}.vod_item .link .cover .later:hover .later_tooltip{display:block}.vod_item .link .cover .time{position:absolute;right:5px;bottom:5px;background-color:rgba(0,0,0,0.7);padding:2px 4px;border-radius:3px;color:rgba(255,255,255,0.8);font-size:12px}.vod_item .link:hover .cover .later,.vod_item .link:hover .cover .vr{display:block}.vod_item .information{position:relative;margin-top:14px;padding-right:20px;padding-left:46px;line-height:16px}.vod_item .information .num{position:absolute;left:0;top:0;display:block;padding-top:5px;text-align:center;width:46px;font-size:34px;color:#111;letter-spacing:-1px}.vod_item .information .thumbnail{display:none;float:left;background:center no-repeat;background-size:cover;width:50px;height:50px;margin:0 14px 36px 0;border-radius:50%}.vod_item .information .title{color:#333;font-size:13px;text-decoration:none}.vod_item .information .title strong{display:block;display:-webkit-box;overflow:hidden;max-height:32px;color:#333;text-overflow:ellipsis;word-wrap:break-word;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-decoration:none;line-height:1.2;font-weight:400}.vod_item .information .three_dot{display:none;position:absolute;top:-2px;right:0;width:21px;height:21px;border-radius:2px;opacity:.4}.vod_item .information .three_dot:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-position:0 -316px;width:3px;height:13px;margin:auto}.vod_item .information .three_dot:hover{background-color:#f3f3f3;opacity:.7}.vod_item .information .three_dot:focus+.list,.vod_item .information .three_dot:active+.list{display:block}.vod_item .information .more_information{margin-top:11px;color:#4279ff;font-size:13px}.vod_item .information .more_information .bj_name{display:inline-block;vertical-align:top;font-size:13px}.vod_item .information .more_information .bj_name .text{position:relative;color:#4279ff}.vod_item .information .more_information .subscribe{display:inline-block;overflow:hidden;background-position:-376px -203px;width:14px;height:13px;margin:2px 2px 0 4px;padding:.1px;text-indent:100%;white-space:nowrap;vertical-align:top}.vod_item .information .more_information .fan{display:inline-block;overflow:hidden;background-position:-412px -203px;width:12px;height:13px;margin:2px 2px 0;text-indent:100%;white-space:nowrap;vertical-align:top}.vod_item .information .description,.vod_item .information .viewer,.vod_item .information .viewer_detail{margin-top:5px;padding:0;color:#999;font-size:12px}.vod_item .information .description .count:before{content:"";display:inline-block;background-position:-395px -271px;width:7px;width:7px;height:8px;height:8px;margin-right:3px}.vod_item .information .description .date:before{content:"";display:inline-block;background-color:#999;width:2px;height:2px;margin:6px 6px 0 3px;border-radius:50%;vertical-align:top}.vod_item:hover .information .three_dot{display:block}#contextMenu{position:absolute;font-size:12px;z-index:1000}.ictBox{display:block;background:#fff;width:128px;border:1px solid #b4b4b4;border-radius:2px}.ictBox dl dt{padding:4px 0 4px 7px;color:#555;font-family:arial;font-weight:700}.ictBox dl dd{display:block;height:29.5px;border-top:1px solid #e8e8e8}.ictBox dl dd .ic_fav{display:inline-block;background:url(/images/common/ict_common.png) no-repeat -14px 0;width:15px;height:15px;margin:0 6px 4px 0;vertical-align:middle}.ictBox dl dd a{display:block;height:auto;padding:6px 0 4px 7px;color:#333;letter-spacing:-1px;text-decoration:none}.ictBox .btn_home{display:block;position:absolute;top:0;right:0;width:128px;height:23px}.ictBox .btn_home span{display:block;overflow:hidden;position:absolute;top:5px;right:7px;background:url(/images/common/ict_common.png) no-repeat 0 0;width:13px;height:13px;text-indent:-9999px}.three_dot_list{position:absolute;top:0;left:0;background-color:#fff;width:140px;border:solid 1px #d9dddf;z-index:1000}.three_dot_list .item{height:34px}.three_dot_list .item .link{display:block;height:100%;padding:0 16px;box-sizing:border-box;color:#333;line-height:34px;font-size:12px;text-decoration:none}.three_dot_list .item .link:hover{background-color:#e6edfb}.slide_vod.border_b_0{border-bottom:0}.later .ttip{display:none;position:absolute;top:25px;right:-1px;background:#333;background:rgba(0,0,0,0.8);width:70px;margin:0;padding:5px 0;border-radius:3px;color:#d0d0d0;letter-spacing:-1px;text-align:center;font-size:12.5px}.later:hover .ttip{display:block}.later .ttip .arr{display:block;position:absolute;right:8px;bottom:-5px;background:url(/images/afmain/img_main.png) -466px -84px no-repeat;width:8px;height:5px;margin:0;font:0/0 a}.bs-sns_layer{left:auto;background:#fff;width:201px;padding:30px 32px 40px;z-index:20}.bs-sns_layer .pop-body>div:after{content:"";display:block;clear:both}.bs-sns_layer .pop-body>div button{float:left;margin-left:27px}.bs-sns_layer .pop-body>div button:first-child{margin-left:0}.bs-sns_layer .pop-body>div button em{display:block;background:url(/images/bj/sp_bj.png) -999em -999em no-repeat;width:48px;height:48px}.bs-sns_layer .pop-body>div button span{display:block;margin-top:10px;color:#222;line-height:1.2;letter-spacing:-1px;text-align:center;font-size:13px;font-size:13px}.bs-sns_layer .pop-body>div button.tw em{background-position:0 -305px}.bs-sns_layer .pop-body>div button.fb em{background-position:-50px -305px}.bs-sns_layer .pop-body>div button.url em{background-position:-100px -305px}.layer_graph{width:960px;height:410px;position:fixed;left:0;top:0;right:0;bottom:0;margin:auto;display:none;z-index:999999;background-color:#fff;border-radius:5px}.layer_graph .layer_header{padding:36px 0 0}.layer_graph .graph_area{width:838px;height:250px;margin:0 auto;box-sizing:border-box;border:1px solid #e0e0e0}.layer_graph .prev,.layer_graph .next{position:absolute;top:120px;width:60px;height:250px;font:0/0 a}.layer_graph .prev.disable,.layer_graph .next.disable{cursor:default}.layer_graph .prev:after,.layer_graph .next:after{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;content:"";width:13px;height:30px;background-image:url(/images/img_game_ranking.png)}.layer_graph .prev{left:0}.layer_graph .prev:after{background-position:-193px 0}.layer_graph .prev.disable:after{background-position:-221px 0}.layer_graph .next{right:0}.layer_graph .next:after{background-position:-207px 0}.layer_graph .next.disable:after{background-position:-235px 0}.layer_graph .day_control_area{padding:15px 0 7px 0}.layer_graph .tab_menu{position:absolute;top:19px;left:60px}.layer_graph .tab_menu li{float:left;margin-right:-1px;border:1px solid #ccc;width:50px}.layer_graph .tab_menu li a{display:block;height:26px;line-height:26px;font-size:13px;text-align:center;text-decoration:none;color:#777;background:#fff}.layer_graph .tab_menu li.on{position:relative;border:1px solid #4279ff}.layer_graph .tab_menu li.on a{color:#fff;background:#4279ff}.layer_graph .day_control_area .layer_graph .calendar-whole .btn_close{position:absolute;right:1px;top:1px;width:25px;height:25px;font:0/0 a}.layer_graph .calendar-whole .btn_close:after{position:absolute;top:11px;right:6px;display:block;content:"\00d7";font-size:19px;color:#000000;width:auto;height:auto;background:none}.layer_graph .calendar-header .prev,.layer_graph .calendar-header .next{display:block;position:absolute;top:0;width:50%;height:39px;opacity:0.5}.layer_graph .calendar-header .prev:after,.layer_graph .calendar-header .next:after{display:none}.layer_graph .day_control_area .btn_prev{width:28px;height:28px;background-position:-258px 0}.layer_graph .day_control_area .btn_next{width:28px;height:28px;background-position:-287px 0}.layer_graph .day_control_area strong{font-size:20px;padding:0 14px}#overlay{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);z-index:8000}.calendar-whole{display:none;width:200px;position:absolute;left:0;z-index:9}.calendar-header .prev button,.calendar-header .next button,.calendar-whole .btn_close{text-indent:0;background-image:none}
/*# sourceMappingURL=game_ranking.css.map */