﻿@import url("layout.css");

/* ranking_top01 */	
div.ranking_top01{
	width:715px;
	background:url('../images/ranking/bg_ranking_top01.gif') no-repeat left top;
}
div.ranking_mid01{
	width:715px;
	padding:0 0 62px 0;
	background:url('../images/ranking/bg_ranking_mid01.gif') no-repeat left bottom;
}
table.ranking_top01{margin:0 0 0 23px;}
table.ranking_top01 td{vertical-align:top;}
table.ranking_top01 td.borr{border-right:1px solid #262626;width:335px;}

table.ranking_top01 td p.one{width:356px;height:36px;}

table.ranking_top02{margin:0 0 0 22px;}
table.ranking_top02 td{vertical-align:top;}
table.ranking_top02 td p.one{width:356px;height:36px;}

div.ranking_mid02{border-left:1px solid #262626;}

ul.onethum{margin:0 0 0 6px;}
ul.onethum li{width:300px;height:19px;font-family:dotum;padding:2px 0 0 27px;}
ul.onethum li span.tit{color:#777;}
ul.onethum li.one{
	height:79px;
	padding:0 0 0 27px;
	background:url('../images/ranking/icon_num_main01.gif') no-repeat left 3px;
}

dl.one{overflow:hidden;}
dl.one dt{float:left;width:79px;position:relative;}
dl.one dt img.best{position:absolute;top:0px;left:0px;}
dl.one dd{float:left;width:194px;padding:16px 0 0 0;}
dl.one dd span.title{
	display:block;
	height:21px;
	font-family:dotum;
	color:#777;
}
dl.one dd strong{font-family:dotum;line-height:16px;}

ul.onethum li.two{background:url('../images/ranking/icon_num_main02.gif') no-repeat left top;}
ul.onethum li.three{background:url('../images/ranking/icon_num_main03.gif') no-repeat left top;}
ul.onethum li.four{background:url('../images/ranking/icon_num_main04.gif') no-repeat left top;}
ul.onethum li.five{background:url('../images/ranking/icon_num_main05.gif') no-repeat left top;}
ul.onethum li.six{background:url('../images/ranking/icon_num_main06.gif') no-repeat left top;}
ul.onethum li.seven{background:url('../images/ranking/icon_num_main07.gif') no-repeat left top;}
ul.onethum li.eight{background:url('../images/ranking/icon_num_main08.gif') no-repeat left top;}
ul.onethum li.nine{background:url('../images/ranking/icon_num_main09.gif') no-repeat left top;}
ul.onethum li.ten{background:url('../images/ranking/icon_num_main10.gif') no-repeat left top;}

div.ranking_top03{
	width:692px;
	height:39px;
	padding:30px 0 0 23px;
	background:url('../images/ranking/bg_ranking_top02.gif') no-repeat left top;
}
div.ranking_top04{
	width:690px;
	padding:0 0 0 25px;
	background:url('../images/ranking/bg_ranking_top03.gif') no-repeat right bottom;
}
table.ranking_top04{}
table.ranking_top04 td{width:230px;vertical-align:top;}
table.ranking_top04 td p.stit{height:24px;}
table.ranking_top04 td div.choice{border-bottom:1px solid #343434;height:19px;width:196px;margin-bottom:10px;position:relative;}
table.ranking_top04 td div.choice ul{}
table.ranking_top04 td div.choice li{float:left;padding-right:15px;}
table.ranking_top04 td div.choice img.more{position:absolute;top:2px;right:0px;}

ul.ranking_list{font-family:dotum;margin-bottom:22px;}
ul.ranking_list li{padding:0 0 0 20px;height:20px;}
ul.ranking_list li.list01{background:url('../images/ranking/num_01.gif') no-repeat left 1px;}
ul.ranking_list li.list02{background:url('../images/ranking/num_02.gif') no-repeat left 1px;}
ul.ranking_list li.list03{background:url('../images/ranking/num_03.gif') no-repeat left 1px;}
ul.ranking_list li.list04{background:url('../images/ranking/num_04.gif') no-repeat left 1px;}
ul.ranking_list li.list05{background:url('../images/ranking/num_05.gif') no-repeat left 1px;}
ul.ranking_list li.list06{background:url('../images/ranking/num_06.gif') no-repeat left 1px;}
ul.ranking_list li.list07{background:url('../images/ranking/num_07.gif') no-repeat left 1px;}
ul.ranking_list li.list08{background:url('../images/ranking/num_08.gif') no-repeat left 1px;}
ul.ranking_list li.list09{background:url('../images/ranking/num_09.gif') no-repeat left 1px;}
ul.ranking_list li.list10{background:url('../images/ranking/num_10.gif') no-repeat left 1px;}

/* form_radio */
div.form_radio {
	margin-top: 6px;
	width: 708px;
	text-align:right;
}

div.form_radio ul  {margin-right:12px;}
div.form_radio ul li {
	float:right;
	padding-right:0;
	font-size:11px;
	letter-spacing: -1px;
	color:#adadad;
}
div.form_radio ul li.free {
	margin-right: 10px; 
	_margin-right: 4px;
}
div.form_radio ul li label {
	position:relative;
	left:3px;
	top:1px;
	*left:3px;
	*top:2px;
	_left:0px;
	_top:1px;
	font-family:dotum;
	font-size:11px;
}

div.ranking_cont {
	width:719px;
	clear:both;
}
div.ranking_cont_tit{
	overflow:hidden;
	background:url('../images/ranking/bg_ranking_top.gif') no-repeat right -1px;
	width: 715px;
	height:38px;
}
div.ranking_cont_tit h4{
	float:left;
	padding:0 0 0 15px;
	font-family:dotum;
	font-size:14px;
	color:#e99806;
}
div.ranking_cont_tit p{float:left;}
/*div.ranking_cont h4 {
	height:38px;
	padding-left:2px;
	background:url('../images/ranking/bg_ranking_top.gif') no-repeat right -1px;
	width: 715px;
}
div.ranking_cont h4 strong{
	font-family:dotum;
	font-size:14px;
	color:#e99806;
}*/
div.ranking_cont_top {
	overflow:hidden;
	clear:both;
	padding-left:18px;
	background:url('../images/ranking/bg_ranking_cont_top.gif') repeat-y right top;
	position: relative; top:-1px; left: -2px;
}
p.ranking_cont_btn {
	width:686px;
	height:26px;
	padding:20px 31px 0 0;
	margin-top: -1px;
	text-align:right;
	background:url('../images/ranking/bg_ranking_cont_btn.gif') no-repeat right top;
}

div.ranking_cont_top ul.ranking_style {
	clear:both;
	width:690px;
	overflow:hidden;
}
ul.ranking_style li {
	float:left;
	width:206px;
	margin-right:31px;
	_margin-right:27px;
}
ul.ranking_style li.last {margin-right:0;}
ul.ranking_style li p.tit {
	height:21px;
	padding-top:4px;
	font-weight:bold;
	color:#a0a0a0;
	text-align:center;
	background:url('../images/ranking/bg_h_ranking.gif') no-repeat left top;
}
dl.thumb {
	width:170px;
	padding:12px 22px 0 14px;
}
dl.thumb dt {
	float:left;
	margin-right:2px;
}
dl.thumb dd {
	width:158px;
	line-height:20px;
	padding:0 0 5px 16px;
	font-family:dotum;
	letter-spacing:-1px;
}
dl.thumb dd.num1 {
	float:left;
	padding:0 0 2px 16px;
	font-weight:bold;
	line-height:18px;
	background: url('../images/ranking/icon_num_01.gif') no-repeat 2px 7px;
}
dl.thumb dd.num1 a.thum {
	float: left; width: 46px;
}
dl.thumb dd.num1 a.desc {
	float: left; width: 111px;
	font-family:dotum;letter-spacing:-1px;
	word-break:break-all; padding:3px 0 0 1px;
}

dl.thumb dd.num2 {
	clear:left;
	background: url('../images/ranking/icon_num_02.gif') no-repeat 1px 5px;
}
dl.thumb dd.num3 {
	clear:left;
	background: url('../images/ranking/icon_num_03.gif') no-repeat 1px 5px;
}
dl.thumb dd.num4 {
	clear:left;
	background: url('../images/ranking/icon_num_04_01.gif') no-repeat 1px 5px;
}
dl.thumb dd.num4_01 {
	clear:left;
	background: url('../images/ranking/icon_num_04_01.gif') no-repeat 1px 5px;
}
dl.thumb dd.num5 {
	clear:left;
	background: url('../images/ranking/icon_num_05_01.gif') no-repeat 1px 5px;
}
dl.thumb dd.num5_01 {
	clear:left;
	background: url('../images/ranking/icon_num_05_01.gif') no-repeat 1px 5px;
}
dl.thumb dd.num6 {
	clear:left;
	background: url('../images/ranking/icon_num_06_01.gif') no-repeat 1px 5px;
}
dl.thumb dd.num6_01 {
	clear:left;
	background: url('../images/ranking/icon_num_06_01.gif') no-repeat 1px 5px;
}
dl.thumb dd.num7 {
	clear:left;
	background: url('../images/ranking/icon_num_07_01.gif') no-repeat 1px 5px;
}
dl.thumb dd.num7_01 {
	clear:left;
	background: url('../images/ranking/icon_num_07_01.gif') no-repeat 1px 5px;
}
dl.thumb dd.num8 {
	clear:left;
	background: url('../images/ranking/icon_num_08_01.gif') no-repeat 1px 5px;
}
dl.thumb dd.num8_01 {
	clear:left;
	background: url('../images/ranking/icon_num_08_01.gif') no-repeat 1px 5px;
}
dl.thumb dd.num9 {
	clear:left;
	background: url('../images/ranking/icon_num_09_01.gif') no-repeat 1px 5px;
}
dl.thumb dd.num9_01 {
	clear:left;
	background: url('../images/ranking/icon_num_09_01.gif') no-repeat 1px 5px;
}
dl.thumb dd.num10 {
	clear:left;
	background: url('../images/ranking/icon_num_10_01.gif') no-repeat -1px 5px;
}
dl.thumb dd.num10_01 {
	clear:left;
	background: url('../images/ranking/icon_num_10_01.gif') no-repeat -1px 5px;
}

.mg_t30 {margin-top:30px !important;}

/* 100607 hgk */
/* ranking_top01 */	
div.ranking_0607 div.ranking_top01{
	width:715px;
	background:url('../images/ranking/bg_ranking_top01_0607.gif') no-repeat left top;
}
div.ranking_0607 div.ranking_mid01{
	width:715px;
	padding:0 0 62px 0;
	background:url('../images/ranking/bg_ranking_mid01_0607.gif') no-repeat left bottom;
}
div.ranking_0607 table.ranking_top01{margin:0 0 0 0;}
div.ranking_0607 table.ranking_top01 td{vertical-align:top;}
div.ranking_0607 table.ranking_top01 td.lborder{width:335px; padding-left:23px;}

div.ranking_0607 table.ranking_top01 td p.one{width:356px;height:36px; padding-left:23px;}

div.ranking_0607 table.ranking_top02{margin:0 0 0 0px;border:1px solid #262626;}
div.ranking_0607 table.ranking_top02 td{vertical-align:top;}
div.ranking_0607 table.ranking_top02 td p.one{width:356px;height:36px;}

div.ranking_0607 div.ranking_mid02{width:715px; border:0; background:url('../images/ranking/bg_ranking_mid02_0607.gif') no-repeat right bottom;}
div.ranking_0607 div.ranking_mid02 div.ranking_mid02_01{position:relative; top:-40px; left:25px;}
div.ranking_0607 div.ranking_mid02 div.ranking_mid02_01 table.ranking_top04{margin:20px 0 0 5px;}

