/*******밝은계열*******/

.ButtonLightBlueCss {
	-moz-box-shadow: inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow: inset 0px 1px 0px 0px #cae3fc;
	box-shadow: inset 0px 1px 0px 0px #cae3fc;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background: -moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color: #79bbff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #469df5;
	display: inline-block;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	font-family: 나눔고딕;
	font-size: 14px;
	font-weight: bold;
	/*text-shadow:1px 1px 0px #287ace;*/
}

	.ButtonLightBlueCss:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
		background: -moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
		background-color: #4197ee;
	}

	.ButtonLightBlueCss:active {
		position: relative;
		top: 1px;
	}



/***********************************************************************/
.ButtonLightGrayCss {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color: #f9f9f9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #dcdcdc;
	color: #666666;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	font-family: 나눔고딕;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px 0px #ffffff;
}

	.ButtonLightGrayCss:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
		background: -moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
		background-color: #e9e9e9;
	}

	.ButtonLightGrayCss:active {
		position: relative;
		top: 1px;
	}



/***********************************************************************/
.ButtonLightGreenCss {
	-moz-box-shadow: inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow: inset 0px 1px 0px 0px #d9fbbe;
	box-shadow: inset 0px 1px 0px 0px #d9fbbe;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background: -moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color: #b8e356;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #83c41a;
	display: inline-block;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	font-family: 나눔고딕;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px 0px #86ae47;
}

	.ButtonLightGreenCss:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
		background: -moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
		background-color: #a5cc52;
	}

	.ButtonLightGreenCss:active {
		position: relative;
		top: 1px;
	}



/***********************************************************************/

.ButtonLightOrangeCss {
	-moz-box-shadow: inset 0px 1px 0px 0px #f9eca0;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f9eca0;
	box-shadow: inset 0px 1px 0px 0px #f9eca0;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffb700), color-stop(1, #ff8400) );
	background: -moz-linear-gradient( center top, #ffb700 5%, #ff8400 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb700', endColorstr='#ff8400');
	background-color: #ffb700;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #e69045;
	display: inline-block;
	color: #ffffff;
	cursor: pointer;
	font-family: 나눔고딕;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #e39000;
}

	.ButtonLightOrangeCss:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff8400), color-stop(1, #ffb700) );
		background: -moz-linear-gradient( center top, #ff8400 5%, #ffb700 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8400', endColorstr='#ffb700');
		background-color: #ff8400;
	}

	.ButtonLightOrangeCss:active {
		position: relative;
		top: 1px;
	}




/*****************************진한계열*****************************/

.ButtonBlueCss {
	-moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
	box-shadow: inset 0px 1px 0px 0px #97c4fe;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background: -moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color: #3d94f6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #337fed;
	display: inline-block;
	color: #ffffff;
	cursor: pointer;
	font-family: 나눔고딕;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #1570cd;
}

	.ButtonBlueCss:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
		background: -moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
		background-color: #1e62d0;
	}

	.ButtonBlueCss:active {
		position: relative;
		top: 1px;
	}




/***********************************************************************/
.ButtonGrayCss {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e8e8e8), color-stop(1, #b8b8b8) );
	background: -moz-linear-gradient( center top, #e8e8e8 5%, #b8b8b8 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#b8b8b8');
	background-color: #e8e8e8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #4e4e4e;
	cursor: pointer;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-shadow: 0px 0px 0px #ffffff;
}

	.ButtonGrayCss:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8b8b8), color-stop(1, #e8e8e8) );
		background: -moz-linear-gradient( center top, #b8b8b8 5%, #e8e8e8 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b8b8', endColorstr='#e8e8e8');
		background-color: #b8b8b8;
	}

	.ButtonGrayCss:active {
		position: relative;
		top: 1px;
	}



/***********************************************************************/
.ButtonGreenCss {
	-moz-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
	box-shadow: inset 0px 1px 0px 0px #c1ed9c;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8bc700), color-stop(1, #42a600) );
	background: -moz-linear-gradient( center top, #8bc700 5%, #42a600 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8bc700', endColorstr='#42a600');
	background-color: #8bc700;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #83c41a;
	display: inline-block;
	color: #ffffff;
	cursor: pointer;
	font-family: 나눔고딕;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #689324;
}

	.ButtonGreenCss:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #42a600), color-stop(1, #8bc700) );
		background: -moz-linear-gradient( center top, #42a600 5%, #8bc700 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42a600', endColorstr='#8bc700');
		background-color: #42a600;
	}

	.ButtonGreenCss:active {
		position: relative;
		top: 1px;
	}




/***********************************************************************/
.ButtonOrangeCss {
	-moz-box-shadow: inset 0px 1px 0px 0px #f9eca0;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f9eca0;
	box-shadow: inset 0px 1px 0px 0px #f9eca0;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffa200), color-stop(1, #ff7700) );
	background: -moz-linear-gradient( center top, #ffa200 5%, #ff7700 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa200', endColorstr='#ff7700');
	background-color: #ffa200;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #f06c00;
	display: inline-block;
	color: #ffffff;
	cursor: pointer;
	font-family: 나눔고딕;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #e34f00;
}

	.ButtonOrangeCss:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7700), color-stop(1, #ffa200) );
		background: -moz-linear-gradient( center top, #ff7700 5%, #ffa200 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7700', endColorstr='#ffa200');
		background-color: #ff7700;
	}

	.ButtonOrangeCss:active {
		position: relative;
		top: 1px;
	}

/***********************************************************************/
.ButtonDarkOrangeCss {
	-moz-box-shadow: inset 0px 1px 0px 0px #f9eca0;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f9eca0;
	box-shadow: inset 0px 1px 0px 0px #f9eca0;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff0024), color-stop(1, #890215) );
	background: -moz-linear-gradient( center top, #ffa200 5%, #ff7700 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa200', endColorstr='#ff7700');
	background-color: #ffa200;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #f06c00;
	display: inline-block;
	color: #ffffff;
	cursor: pointer;
	font-family: 나눔고딕;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #e34f00;
}

/*
        .ButtonDarkOrangeCss:hover 
        {
	        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7700), color-stop(1, #ffa200) );
	        background:-moz-linear-gradient( center top, #ff7700 5%, #ffa200 100% );
	        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7700', endColorstr='#ffa200');
	        background-color:#ff7700;
        }
        
        .ButtonDarkOrangeCss:active 
        {
	        position:relative;
	        top:1px;
        }
        */



/***********************************************************************/
.ButtonYellowCss {
	-moz-box-shadow: 1px 1px 1px #545757;
	-webkit-box-shadow: 1px 1px 1px #545757;
	box-shadow: 1px 1px 1px #545757;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff66e), color-stop(1, #fbcc5d) );
	background: -moz-linear-gradient( center top, #fff66e 5%, #fbcc5d 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff66e', endColorstr='#fbcc5d');
	background-color: #fff66e;
	border: 1px solid #fff66e;
	display: inline-block;
	color: #545757 #97c4fe;
	cursor: pointer;
	font-family: 나눔고딕;
	font-size: 1.2em;
	font-weight: bold;
	outline: none;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #fbcc5d;
}

	.ButtonYellowCss:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fbcc5d), color-stop(1, #fff66e) );
		background: -moz-linear-gradient( center top, #fbcc5d 5%, #fff66e 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbcc5d', endColorstr='#fff66e');
		background-color: #fbcc5d;
	}

	.ButtonYellowCss:active {
		position: relative;
		top: 1px;
	}



/***********************************************************************/
.ButtonJadeCss {
	-moz-box-shadow: 1px 1px 1px #545757;
	-webkit-box-shadow: 1px 1px 1px #545757;
	box-shadow: 1px 1px 1px #545757;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8ed0b6), color-stop(1, #32a097) );
	background: -moz-linear-gradient( center top, #8ed0b6 5%, #32a097 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ed0b6', endColorstr='#32a097');
	background-color: #32a097;
	border: 1px solid #32a097;
	display: inline-block;
	color: #ffffff;
	cursor: pointer;
	font-family: 나눔고딕;
	font-size: 1.2em;
	font-weight: bold;
	outline: none;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #32a097;
}

	.ButtonJadeCss:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #32a097), color-stop(1, #8ed0b6) );
		background: -moz-linear-gradient( center top, #32a097 5%, #8ed0b6 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32a097', endColorstr='#8ed0b6');
		background-color: #545757;
	}

	.ButtonJadeCss:active {
		position: relative;
		top: 1px;
	}


/***********************************************************************/
.ButtonLightJadeCss {
	-moz-box-shadow: 1px 1px 1px #545757;
	-webkit-box-shadow: 1px 1px 1px #545757;
	box-shadow: 1px 1px 1px #545757;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #C8E4D1), color-stop(1, #8ed0b6) );
	background: -moz-linear-gradient( center top, #C8E4D1 5%, #8ed0b6 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C8E4D1', endColorstr='#8ed0b6');
	background-color: #C8E4D1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #54AEAB;
	display: inline-block;
	color: #545757;
	cursor: pointer;
	font-family: 나눔고딕;
	font-size: 1.2em;
	font-weight: bold;
	outline: none;
	text-decoration: none;
	text-align: center;
}

	.ButtonLightJadeCss:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8ed0b6), color-stop(1, #C8E4D1) );
		background: -moz-linear-gradient( center top, #8ed0b6 5%, #C8E4D1 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ed0b6', endColorstr='#C8E4D1');
		background-color: #8ed0b6;
	}

	.ButtonLightJadeCss:active {
		position: relative;
		top: 1px;
	}


/***********************************************************************/
.ButtonBlackCss {
	-moz-box-shadow: inset 0px 1px 0px 0px #545757;
	-webkit-box-shadow: inset 0px 1px 0px 0px #545757;
	box-shadow: inset 0px 1px 0px 0px #545757;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #545757), color-stop(1, #1b2830) );
	background: -moz-linear-gradient( center top, #545757 5%, #1b2830 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545757', endColorstr='#1b2830');
	background-color: #545757;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #545757;
	display: inline-block;
	color: #ffffff;
	cursor: pointer;
	font-family: 나눔고딕;
	font-size: 1.2em;
	font-weight: bold;
	outline: none;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #545757;
}

	.ButtonBlackCss:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1b2830), color-stop(1, #545757) );
		background: -moz-linear-gradient( center top, #1b2830 5%, #545757 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b2830', endColorstr='#545757');
		background-color: #545757;
	}

	.ButtonBlackCss:active {
		position: relative;
		top: 1px;
	}



/***********************************************************************/
.ButtonPurpleCss {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #D2C8E0), color-stop(1, #9692C7) );
	background: -moz-linear-gradient( center top, #D2C8E0 5%, #9692C7 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2C8E0', endColorstr='#9692C7');
	background-color: #9692C7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #9692C7;
	display: inline-block;
	color: #ffffff;
	cursor: pointer;
	font-family: 나눔고딕;
	font-size: 1.2em;
	font-weight: bold;
	outline: none;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #545757;
}

	.ButtonPurpleCss:hover {
		-moz-box-shadow: inset 0px 1px 0px 0px #545757;
		-webkit-box-shadow: inset 0px 1px 0px 0px #545757;
		box-shadow: inset 0px 1px 0px 0px #545757;
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9692C7), color-stop(1, #D2C8E0) );
		background: -moz-linear-gradient( center top, #9692C7 5%, #D2C8E0 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9692C7', endColorstr='#D2C8E0');
		background-color: #545757;
	}

	.ButtonPurpleCss:active {
		position: relative;
		top: 1px;
	}