@charset "utf-8";

/* --------------   버튼 폼  ------------------- */
.SH_button {
	margin-bottom: 20px;
	background-color:#fafafa;
	color:#999;
	position: relative;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #c9c9c9;
	padding: 7px 5px;
	font-size: 12px;
}

.SH_search_button {
	margin-bottom: 5px;
	background-color:#fafafa;
	color:#999;
	position: relative;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #c9c9c9;
	padding: 7px 5px;
	font-size: 12px;
}

.SH_button:hover, .SH_search_button:hover {
	background:#d3d3d3;
	color:#999;
}

/* 검색창 지우기 버튼 */
.SH_clear_button {
	position: absolute;
	right: 70px;
	top: 15px;
	transform: translateY(-50%);
	background: none;
	border: none;
	font-size: 16px;
	cursor: pointer;
	display: none;
	color: #999;
}

/* --------------------- 텍스트 폼 ------------------------------- */
.SH_text {
  box-shadow: 0 0 0;
  border: 1px solid #c9c9c9;
  background-color: #fafafa;
  font-size: 12px;
  font-style: normal;
  padding: 7px 5px;
  border-radius: 3px;
  color: #999;
  margin-bottom: 10px;
  font-family:'Nanum Gothic';
}

.SH_search_text {
  box-shadow: 0 0 0;
  border: 1px solid #c9c9c9;
  background-color: #fafafa;
  font-size: 12px;
  font-style: normal;
  font-weight: 700; /* 글자 굵기 */	
  padding: 7px 5px;
  border-radius: 3px;
  color: #999;
  margin-bottom: 5px;
  font-family:'Nanum Gothic';
}

.SH_text:hover, .SH_search_text:hover {
  border-color: #08c;
}

.SH_text:focus, .SH_search_text:focus  {
  outline: none;
  border-color: #ff7800;
}

/* --------------------- 셀렉트 폼 ------------------------------- */

.SH_select {
appearance: none; /* 기본 브라우저 스타일 제거 */
background-color: #ffffff;
border: 1px solid #ccc;
border-radius: 6px;
padding: 8px 12px;
font-size: 12px;
font-weight: bold;	
color: #333;
cursor: pointer;
transition: border-color 0.3s, box-shadow 0.3s;
background-image: url('../img/ico_arrow-down.png');
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 12px;
margin-bottom: 10px;
font-family:'Nanum Gothic';	
}

.SH_select:hover {
  border-color: #08c;
}

.SH_select:focus {
  outline: none;
  border-color: #ff7800;
}

/* --------------------- Ranking 투표 버튼 ------------------------------- */
.Vote_Button_type1 {
	background-color:#3d94f6;
	text-indent:0;
	border:1px solid #0853c0;
	border-radius: 3px;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:101%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
	margin-bottom:5px;
	margin-top:5px;
}

.Vote_Button_type1:hover {
	background-color:#f63d3d;
	border:1px solid #b81314;
}

.Vote_Button_type2 {
	background-color:#FDA94E;
	text-indent:0;
	border:1px solid #D27107;
	border-radius: 3px;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:100%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000;
	margin-bottom:5px;
	margin-top:5px;
}

.Vote_Button_type3 {
	background-color:#c1deff;
	text-indent:0;
	border:1px solid #396fad;
	border-radius: 3px;
	display:inline-block;
	color:#FFF;
	font-family:Arial;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:100%;
	text-decoration:none;
	text-align:center;
	margin-bottom:5px;
	margin-top:5px;
}

/* ---------------------  버튼 ------------------------------- */