.flat-button {
	height: 36px;
	min-width: 5em;
	font-family: 'Noto Sans KR', "Segoe UI Semibold","Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","HelveticaNeue-Medium","Helvetica Neue",Arial,sans-serif;
	font-size: 16px;
	font-weight: 400; 
	background-color: rgba(182,182,182,.7);
	color: #212121;
	padding: 0 15px;	
	border: solid 1px transparent;
	outline: none;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	user-select: none; 
	text-decoration: none; 
	border-radius: 5px;
}

.flat-button.full { width: 100%; }

.flat-button[disabled], 
.flat-button[disabled]:hover, 
.flat-button[disabled]:active { opacity: 0.5; cursor: default; background-color: rgba(182,182,182,.7); color: #212121; }

.flat-button:hover {
	opacity: 0.85;	
}

.flat-button:active {
	background-color: #212121;
	border: dotted 1px #fff;
	color: #fff;
}

.flat-button.default {
	background-color: #53708E;
	color: #fff;
}
.flat-button.clear {
	background-color: transparent;
	color: #111;
	border: solid 1px #999; 
}
.flat-button.clear:hover { border: solid 1px #111; }
.flat-button.white:hover { opacity: 1; border: solid 1px #555;  }
.flat-button.white:active { color: #111; }
.flat-button.white { 
	background: #fff; 
	border: solid 1px #999; 
}

a.flat-button.selected:active { color: #fff; }
.flat-button.selected {
	background-color: #3BAFDA;
	color: #fff;
}

a.flat-button.blue:active { color: #fff; }
.flat-button.blue {
	background-color: #3366FF;
	color: #fff;
}

a.flat-button.ms-blue:active { color: #fff; }
.flat-button.ms-blue {
	background-color: #2672ec;
	color: #fff;
}
.flat-button.dark-blue {
	background-color: #2D518B;
	color: #fff;
}
.flat-button.red {
	background-color: #C12141;
	color: #fff;
}
.flat-button.yellow {
	background-color: yellow;
	color: #000;
}
.flat-button.orange {
	background-color: #DCAD00;
	color: #fff;
}
.flat-button.teal {
	background-color: #019696;
	color: #fff;
}
.flat-button.dark-orange {
	background-color: #dc8600;
	color: #fff;
}
.flat-button.green {
	background-color: #5CB150;
	color: #fff;
}
.flat-button.default:active {
	background-color: #212121;
	border: dotted 1px #fff;
}

.flat-button.disabled {
	opacity: 0.5;
	cursor: default; 
}
.flat-button.disabled:hover {
	opacity: 0.4;
}

.flat-button.round {
	border-radius: 2em;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	border-bottom-left-radius: 2em;
	border-bottom-right-radius: 2em;
}
a.flat-button { text-decoration: none; }
a.flat-button:active { color: #111; }
.flat-button.large {
	padding: 0 30px;
    padding-top: 7px;
	vertical-align: middle; 
    height: 44px;
    font-size: 18px;
    text-decoration: none;
	min-width: 6em;
	line-height: 30px;
}

button.flat-button.large,
input.flat-button.large{ padding-top: 0; }
label.flat-button { cursor: pointer; padding-top: 5px; }
a.flat-button { padding-top: 5px; }
span.flat-button { padding-top: 3px; }