a.btn,button.btn,input.btn {
	border: 1px solid #c9c7c7;
	background:#e8e6e6;
	font-size: 15px;
	letter-spacing: 0;
	color: #444!important;
	text-align: center;
	padding: 8px 25px;
	display: inline-block;
	box-shadow: 0 1px rgba( 255, 255, 255, 0.5 );
	cursor: pointer;
	margin: 0 3px;
	border-radius:3px!important;
	text-decoration:none!important;
}

a:hover.btn,button:hover.btn,input:hover.btn {

	background: #d4d2d2;
	border:1px solid #b4b3b3; 
	
}

button.red,a.red,input.red {
	background: #dd4b39 !important;
	border: 1px solid #dd4b39;
	color:#fff!important;
}

button:hover.red,a:hover.red,input:hover.red {
	background: #d73925 !important;
	border: 1px solid #b0210f;
	color:#fff!important;
}

button.green,a.green,input.green {
	background: #82be1d !important;
	border: 1px solid #82be1d;
	color:#fff!important;
}

button:hover.green,a:hover.green,input:hover.green {
	background: #6da115 !important;
	border: 1px solid #679b10;
	color:#fff!important;
}

button.blue,a.blue,input.blue {
	background: #0079bf !important;
	border: 1px solid #0079bf;
	color:#fff!important;
}

button:hover.blue,a:hover.blue,input:hover.blue {
	background: #036aa5 !important;
	border: 1px solid #025e94;
	color:#fff!important;
}


button.sky,a.sky,input.sky {
	background: #00c0ef !important;
	border: 1px solid #00c0ef;
	color:#fff!important;
}

button:hover.sky,a:hover.sky,input:hover.sky {
	background: #00acd6 !important;
	border: 1px solid #086c84;
	color:#fff!important;
}

button.orange,a.orange,input.orange {
	background: #f39c12 !important;
	border: 1px solid #f39c12;
	color:#fff!important;
}

button:hover.orange,a:hover.orange,input:hover.orange {
	background: #e08e0b !important;
	border: 1px solid #a96d0e;
	color:#fff!important;
}


button.small,a.small,input.small {
	font-size: 12px !important;
	padding: 5px 10px;
	height:auto;
}
button.small:hover, a.small:hover,input.small:hover{font-size:12px!important}

button.icon,a.icon,input.icon {height:auto;padding:5px}

button.lg,a.lg,input.lg {
	font-size: 15px;
	padding: 10px 20px;
	height:auto;
}
button.lg:hover, a.lg:hover,input.lg:hover{font-size:15px!important}

input[type=button], input[type=reset], input[type=submit] { margin: 0 -1px; }


/* --------------------------------------------
 * 아이콘
/* ------------------------------------------ */

a.icon,button.icon,input.icon {
	border: 1px solid #ddd;
	background:#f4f4f4;
	font-size: 10px;
	line-height:12px;
	letter-spacing: 0;
	color: #444;
	text-align: center;
	padding:1px 3px ;
	display: inline-block;
	box-shadow: 0 1px rgba( 255, 255, 255, 0.5 );
	cursor: pointer;
	margin: 0 3px;
	border-radius:3px;
	font-weight:300
}

a:hover.icon,button:hover.icon,input:hover.icon {

	background: #e7e7e7;
	border:1px solid #adadad;
	
	
}


.box-tools .btn{
	border:none;
	padding: 5px;
    font-size: 12px;
    background:transparent; }
.box-tools .btn:hover{border:none;background:transparent;color:#43b4db!important}

.btn-box-tool  .fa{position:relative}
.btn-box-tool .fa-minus:after{content:'close';position:absolute;top:0;left:-35px;font-size:12px;font-weight:300;font-family: 'Noto Sans KR'!important;display:block}
.btn-box-tool .fa-plus:after{content:'open';position:absolute;top:0;left:-35px;font-size:12px;font-weight:300;font-family: 'Noto Sans KR'!important;display:block}

.btn i { color: #fff; }

/* --------------------------------------------
 * 버튼영역
/* ------------------------------------------ */

.btnArea {
	margin: 4em 0 4em;
	text-align: center;
	*zoom: 1;
}

.btnArea:after {
	content: "";
	display: block;
	clear: both;
}

.btnArea .fLeft {
	float: left;
	display: block;
}

.btnArea .fRight {
	float: right;
	display: block
}