.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: #3BAFDA;
	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.purple {
	background-color: #8E44AD;
	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;
}