@charset "utf-8";

.ranking-box { 
	border:1px solid #ddd; background:#fafafa; 
	padding:20px 15px 10px; 
	margin-bottom:15px; 
	text-align: center;
}
.label-sp { margin-right:10px; }
@media all and (max-width:767px) {
	.responsive .search-btn { margin-top:15px }
}

.ranking-box button {
	
	padding: 10px 40px;
	border: 1px solid #999999;
	margin: 0px -15px;
	position: relative;
	background-color: #eeeeee;
	z-index: 10;
}
.ranking-box button.date.active,
.ranking-box button.week.active,
.ranking-box button.month.active,
.ranking-box button.year.active {
	z-index : 13;
	border-style : solid;
	border-radius: 30px;
	border-left-width: 1px;
	border-right-width: 1px;
}

.ranking-box button.date { 
	border-radius: 30px 0px 0px 30px;
	border-right-width: 0px;
}

.ranking-box button.week { 
	border-style: solid hidden solid hidden;
	border-left-width: 0px;
	border-right-width: 0px;
}
.ranking-box button.month { 
	border-style: solid hidden solid hidden;
	border-left-width: 0px;
	border-right-width: 0px;
}
.ranking-box button.year { 
	border-style: solid solid solid hidden;
	border-radius: 0px 30px 30px 0px;
	border-left-width: 0px;
}

.ranking-box .ftDate {
	color: firebrick;
}

.ranking-items .new {
	background-image: url("../Miso-Basic4/img/ico_new.png");
	width: 14px;
	height: 14px;
}

#conts.conts_ranking{padding: 50px 20px 60px;}
.tit_date{padding: 36px 0 30px;font-size:26px;color:#00b523;text-align:center;}
.rank_top{position:relative;padding-bottom: 5px;}
.rank_top .ctr{position:absolute;top:11px;right:0;}

.rank_top .select_design{min-width: 280px;}
.rank_top .select_design .select_open a {padding:5px 18px;font-size:14px;color:#333;}
.rank_top .select_design .select_open ul{overflow-y:scroll;height:184px;}
.rank_top .select_design .select_box .sel_r{font-size:14px;padding:9px 40px 9px 4px;}

.ranking-items{width:1009px;}
.ranking-items thead th{
		padding: 11px 4px;
		border-top:1px solid #e9e9e9;
		border-bottom:1px solid #e9e9e9;
		font-weight:normal;
		font-size:12px;
		color:#333;
		text-align: center;
	}
.ranking-items thead th.mid{padding-right: 18px;}
.ranking-items tbody td{padding: 14px 0 14px;text-align:center;border-bottom: 1px solid #e9e9e9;font-size:13px;}
.ranking-items tbody td.fst{position:relative;}
.ranking-items tbody td.lst{padding: 6px 0 27px;}
.ranking-items tbody td .ranking {position:absolute;top: 49px;left: 54px;width: 34px;height:32px;font-size:30px;color:#333;line-height:32px;text-align:center;}
.ranking-items tbody td .change {position:absolute;top:84px;left:62px;width:19px;height:20px;font-size:12px;line-height:18px;color:#888;text-align:center;}
.ranking-items tbody td .change .ico_change {display:inline-block;height:20px;padding-left:11px;background:url(http://cdnticket.melon.co.kr/resource/image/web/common/ico_change.png) no-repeat;vertical-align:top}
.ranking-items tbody td .change .ico_up {background-position:0 0;color:#f0780b;padding-top:2px}
.ranking-items tbody td .change .ico_down {background-position:0 -20px;color:#00be37;padding-top:1px}

.ranking-items tbody td .show_infor{
	position: relative;height:126px;padding-right:25px;text-align: left;overflow: hidden;
}
.ranking-items tbody td .show_infor .img{position:absolute;top:0;left:0;}
.ranking-items tbody td .show_infor .img a{display:block;overflow:hidden;width:90px;height:125px}
.ranking-items tbody td .show_infor .img a img{width:90px}
.ranking-items tbody td .show_infor .infor_text{padding-top: 35px;padding-left: 119px;font-size:13px;}
.ranking-items tbody td .show_infor .infor_text .ico_list{padding:0 4px 0;margin-bottom:5px}
.ranking-items tbody td .show_infor .infor_text .ico_list1{padding:1px 4px 1px;}
.ranking-items tbody td .show_infor .infor_text .show_title{display:block;width:255px;overflow:hidden;font-size:16px;}
.ranking-items tbody td .show_infor .infor_text .show_title a{line-height:18px;color:#333;}
.ranking-items tbody td .show_infor .infor_text .show_title a:hover{color:#000;}

.ranking-items tbody td .show_date{padding: 0 28px; letter-spacing:0}
.ranking-items tbody td .show_date li{text-align: right;line-height: 22px;}
.ranking-items tbody td .percent{padding-bottom: 10px;font-size:24px;color:#888;letter-spacing:0;}
.ranking-items tbody td .btn_rank{padding: 4px 20px;border:1px solid #ccc;}
.ranking-items tbody td .btn_rank:hover{border:1px solid #666; color:#000}
.ranking-items tbody td .ranking.top, .ranking-items tbody td .ranking.rank_top, .ranking-items tbody td .percent.top{
	color:firebrick;
}

.list_rank_info{padding-top:30px;}
.list_rank_info .tit_sub_float{margin-left:0;font-weight:normal}
.list_rank_info ul{margin-left:4px}

.ranking-items tbody td.result_null{margin-top: 20px;padding: 117px 0;font-size: 28px;line-height: 32px;color: #333;text-align: center;}

/* 랭킹 new */
.ranking-items tbody td .change .ico_new {background-position:0 -46px;padding-left:14px;margin-top:4px;margin-left:0;height:14px}

.ranking-items tbody td .change .fa-arrow-up { color: #ff6600; }
.ranking-items tbody td .change .fa-arrow-down { color: #0066ff; }