ul, li {margin:0px;padding:0px;}
body {
	margin:0px;
	border:0px;
	padding:0px;
	font-family:sans-serif;
	background:#eee; /* 변수1 바디 배경색 */
}
.wrap {
	max-width:960px;
	margin:20px auto;
	border:1px solid #aaa;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;
	background:#fff;
}
.top {
	padding:10px 0px;
	height:100px;
}
.top .logo {
	width:400px;
	float:left;
}
.top .search {
	width:240px;
	float:right;
}
.top .search table {
	margin-top:30px;
}
.top .search .s_text {
	padding:0px;
	margin:0px;
	width:150px;
	height:30px;
	border:1px solid #aaa;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
}
.top .search .s_button {
	margin-left:5px;
}
.navigation {
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	padding:20px;
	font-size:1.2em;
	font-weight:bold;
	text-shadow:1px 1px 2px #aaa;
	background:#f1f1f1; /* 변수2 메뉴 배경색 */
	font-family:sans-serif;
}
.navigation li {
	padding:0px 20px;
	border-left:1px solid #ccc;
	list-style : none;
	display:inline;
}
.navigation li a {
	color:#333;
	font-family:sans-serif;
}
.navigation li a:link {
	text-decoration:none;
}
.navigation li a:hover {
	color:#ff4e00;
	text-decoration:underline;
}
.navigation li a:active {
}
.navigation li a:visited {
}
.navigation .first {
	border-left:0px;
}
.column {
	padding:20px;
}
.bottom {
	padding:20px;
	border-top:1px dashed #aaa;
	font-size:1em;
	color:#777;
	font-family:sans-serif;
	text-align:center;
}
.about {}
.about h1 {font-size:1.4em;padding:5px;border-bottom:1px solid #ccc;}
.about p {padding:5px;font-family:sans-serif;font-size:1.2em}
.rank {height:70px;border:1px solid #ddd;margin-top:5px; margin:15px 5px;font-family:sans-serif;border-left:5px solid #E87524;}
.rank:hover{border:1px solid #555;border-left:5px solid #00a;}
.rank p {padding:5px;}
.rankNum{font-size:18px;font-weight:bold;text-align:center;}
.stext {padding:20px;font-size:1.1em;line-height:160%;border-left:1px dotted #ddd;}
.stext b {color:#00a;text-decoration:underline;}
#lasted{margin-bottom:5px;}
.namedeco1 {background-color:#fff;border-bottom:1px solid #eee;border-top:1px solid #eee;border-left:10px solid #c5eca6;padding:5px;margin:0px;}
.namedeco2 {background-color:#fff;border-bottom:1px solid #eee;border-top:1px solid #eee;border-left:10px solid #a6e6ec;padding:5px;margin:0px;}
.namedeco3 {background-color:#fff;border-bottom:1px solid #eee;border-top:1px solid #eee;border-left:10px solid #e5baf0;padding:5px;margin:0px;}
.namedeco4 {background-color:#fff;border-bottom:1px solid #eee;border-top:1px solid #eee;border-left:10px solid #f3c4ca;padding:5px;margin:0px;}
.namedeco5 {background-color:#fff;border-bottom:1px solid #eee;border-top:1px solid #eee;border-left:10px solid #ecd3a4;padding:5px;margin:0px;}
.list {margin:5px;}
.list img {margin-right:3px;}
.kind {margin:10px 6px;font-weight:bold;}
.logoimg {border:1px solid #ddd;}
a:link {
	color: #171717;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #171717;
}
a:hover {
	text-decoration: underline;
	color: #009933;
}
a:active {
	text-decoration: none;
	color: #171717;
}
@media screen and (max-width: 660px){
	.search {display:none;}
	.top {height:60px;}
	.top .logo {width:100%;text-align:center;}
	.top .logo img {width:260px;}
	.navigation {padding:5px;}
	.navigation li {
	margin:5px;
	padding:5px 10px;
	border:1px solid #ccc;
	background:#fff;
	display:inline;
	line-height:36px;
	word-break:keep-all;
	}
	.navigation .first {
	border:1px solid #ccc;
	}
	.column {
	padding:10px 5px;
	}
	.rank {margin:10px 0px;}
	.rankNum {display:none;}
	.rankLogo {width:190px;}
	.logoimg {width:160px;}
	.rankData b {display:none;}
	.stext {padding:10px;}
	.about p {font-size:1em;}
	.td_name {width:20%;}
}
@media screen and (max-width: 540px){
	.rankLogo {width:150px;}
	.logoimg {width:120px;}
}