/* 공통 */
/*
.btn {
	align-items: center;
	border-radius: 4px;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-flex;
	font-family: Inter,sans-serif;
	font-size: 14px;
	font-weight: 600;
	height: 32px;
	justify-content: center;
	letter-spacing: -.8px;
	outline: 0;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}
*/

.btn{
	display: inline-block;
	cursor:pointer;
	padding-left:10px;padding-right:10px;
	height: 32px;
	font-family:'Noto Sans KR',sans-serif;font-size:14px;font-weight:500;color:#222;
	background-color:transparent;
	background-clip:padding-box;
	border:1px solid transparent;
	border-radius:.25rem;
	box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
	
	text-align:center;
	user-select:none;

	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


/* blue */
.btn_blue {
	background-color: #1a73e8;
	border: 1px solid #1a73e8;
	color: #fff;
}

.btn_blue:hover, .btn_blue:focus {
	background-color: #307de3;
}

.btn_blue:active {
	background-color: #3385ff;
}

/* green */
.btn_green {
	background-color: #13aa3e;
	border: 1px solid #13aa3e;
	color: #fff;
}

.btn_green:hover, .btn_green:focus {
	background-color: #48b266;
}

.btn_green:active {
	background-color: #389d55;
}

/* red */
.btn_red {
	background-color: #d22517;
	border: 1px solid #d22517;
	color: #fff;
}

.btn_red:hover, .btn_red:focus {
	background-color: #d54b40;
}

.btn_red:active {
	background-color: #9f1e14;
}

/* cyan */
.btn_cyan {
	background-color: #17a2b8;
	border: 1px solid #017689;
	color: #fff;
}

.btn_cyan:hover, .btn_cyan:focus {
	background-color: #149cb1;
}

.btn_cyan:active {
	background-color: #0e90a5;
}


/* white */
.btn_white {
	background-color: #fff;
	border: 1px solid #dadce0;
	color: #1a73e8;
}

.btn_white:hover, .btn_white:focus {
	background-color: #eaf2fd;
}

.btn_white:active {
	background-color: #d1e3fb;
}

/* gray */
.btn_gray {
	background-color: #e4e4e3;
	border: 1px solid #dadce0;
	color: #333;
}

.btn_gray:hover, .btn_gray:focus {
	background: linear-gradient(to bottom, #fdf9e8, #fde48a);
}

.btn_gray:active {
	background: linear-gradient(to bottom, #ffeeb0, #f9d568);
}





/* default */
.btn-default {
	color:#343a40;
	background-color:#f4f4f4;
	border-color:#dfdfdf;
}

.btn-default:hover, .btn-default:focus {
	color:#343a40;
	background-color:#e5e5e5;
	border-color:#dfdfdf;
}

.btn-default:active {
	color:#343a40;
	background-color:#d1d1d1;
	border-color:#bebebe;
}


/* primary */
.btn-primary {
	color:#fff;
	background-color:#4a90e2;
	border-color:#4a90e2;
}

.btn-primary:hover, .btn-primary:focus {
	color: #3052a9;
	background-color: #fde48a;
	border-color:#f1ca58;
}

.btn-primary:active {
	color: #3052a9;
	background-color: #f9d568;
	border-color:#e6ad00;
}



/* green */
.btn-green {
	color:#fff;
	background-color:#03c75a;
	border-color:#03c75a;
}

.btn-green:hover {
	color:#fff;
	background-color:#02b853;
	border-color:#02b853;
}




.input-group .btn.btn-default {
    border: 1px solid #ced4da;
}