
/* 버튼 디자인 */
.input_kBtn {
	color: white;
	margin: 2px;
	display: inline-block;
	border: 1px solid rgba(0,0,0,0.21);
	border-bottom-color: rgba(0,0,0,0.34);
	text-shadow: 0 1px 0 rgba(0,0,0,0.15);
	box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0,0,0,0.13), 0 3px 0 -1px rgba(0,0,0,0.08), 0 3px 13px -1px rgba(0,0,0,0.21);
	border-radius: 8px;
	cursor: pointer;
	
	/* default */
	padding: 1px 3px;
	font-size: 8px;
	font-weight: bold;
	background-color: #fa5a5a;
}
.input_kBtn:active {
	top: 1px;
	border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
	box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
	position: relative;
}

.input_kBtn.nano { padding: 1px 1px; font-size: 5px; }
.input_kBtn.mini { padding: 1px 3px; font-size: 8px; }
.input_kBtn.small { padding: 3px 7px; font-size: 11px; }
.input_kBtn.medium { padding: 7px 12px; font-size: 15px; }
.input_kBtn.large { padding: 20px 40px; font-size: 22px; }
.input_kBtn.block { display: block; width: 60%; margin-left: auto; margin-right: auto; text-align: center; }
.input_kBtn.td { padding: 1px 5px; font-size: 10px; margin-top: 5px; }
.input_kBtn.erp { padding: 1px 4px; font-size: 11px;}

.input_kBtn.red { background-color: #fa5a5a; }
.input_kBtn.skyblue { background-color: #7fb1bf; }
.input_kBtn.blue { background-color: #3498db; }
.input_kBtn.green { background-color: #9abf7f; }
.input_kBtn.purple { background-color: #cb99c5; }
.input_kBtn.yellow { background-color: #f0d264; }
.input_kBtn.cyan { background-color: #7fccde; }

.input_kBtn.red:hover { background-color: #f91f1f; }
.input_kBtn.skyblue:hover { background-color: #6ca6b6; }
.input_kBtn.blue:hover { background-color: #1c87ce; }
.input_kBtn.green:hover { background-color: #80C49D; }
.input_kBtn.purple:hover { background-color: #bb7bb3; }
.input_kBtn.yellow:hover { background-color: #ebc437; }
.input_kBtn.cyan:hover { background-color: #5cbfd5; }

/* s_table 테이블 클래스 */
.s_table td ul { position:relative; }
.s_table td ul li { float:left; /* background:url(../../../../../../jsp/common/images/button/sbtn_right.gif) no-repeat right; */ }
.s_table td li a  {
	/* padding: 4px 10px; color: #22497a; font-weight: bold; float: left; background:url(../../../../../../jsp/common/images/button/sbtn_left.gif) no-repeat left; */
	
	color: white;
	margin: 2px;
	display: inline-block;
	border: 1px solid rgba(0,0,0,0.21);
	border-bottom-color: rgba(0,0,0,0.34);
	text-shadow: 0 1px 0 rgba(0,0,0,0.15);
	box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0,0,0,0.13), 0 3px 0 -1px rgba(0,0,0,0.08), 0 3px 13px -1px rgba(0,0,0,0.21);
	border-radius: 10px;
	cursor: pointer;
	
	/* default */
	padding: 2px 12px;
	font-size: 10px;
	font-weight: bold;
	background-color: #7fb1bf;
}
.s_table td li a.red { background-color: #fa5a5a; }
.s_table td li a.blue { background-color: #8baeda; }
.s_table td li a.skyblue { background-color: #7fb1bf; }
.s_table td li a.green { background-color: #9abf7f; }
.s_table td li a.purple { background-color: #cb99c5; }
.s_table td li a.yellow { background-color: #f0d264; }
.s_table td li a.cyan { background-color: #7fccde; }

.s_table td ul li a:active {
	top: 1px;
	border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
	box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
	position: relative;
}
.s_table td ul li a:hover { background-color: #82D1E3; }

.s_table td ul li a.red:hover { background-color: #e74c3c; }
.s_table td ul li a.skyblue:hover { background-color: #699DD1; }
.s_table td ul li a.blue:hover { background-color: #699DD1; }
.s_table td ul li a.green:hover { background-color: #80C49D; }
.s_table td ul li a.purple:hover { background-color: #D19ECB; }
.s_table td ul li a.yellow:hover { background-color: #F0D264; }
.s_table td ul li a.cyan:hover { background-color: #82D1E3; }