/* <a href="#" class="GrayButton">버튼</a> */

.IconButton {
	width: 20px;
	height: 20px;
	margin-top: 3px;
	margin-left: 5px;
	font-weight: bold;
	font-size:14px;
	border-width: 0px;
	border-radius: 20px;
	display:inline-flex;align-items:center;justify-content: center;
	cursor:pointer;
}

.GreenButton {
	background-color:#34a853;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:12px;
	padding:4px 6px;
	text-decoration:none;
}
.GreenButton:hover {
	background-color:#5cbf2a;
}
.GreenButton:active {
	position:relative;
	top:1px;
}


.DarkblueButton {
	background-color:#007dc1;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:12px;
	padding:4px 6px;
	text-decoration:none;
}
.DarkblueButton:hover {
	background-color:#0061a7;
}
.DarkblueButton:active {
	position:relative;
	top:1px;
}

.RedButton {
	background-color:#ea4335;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:12px;
	padding:4px 6px;
	text-decoration:none;
}
.RedButton:hover {
	background-color:#bc3315;
}
.RedButton:active {
	position:relative;
	top:1px;
}


.BlueButton {
	background-color:#4285f4;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding:4px 6px;
	text-decoration:none;
}
.BlueButton:hover {
	background-color:#019ad2;
}
.BlueButton:active {
	position:relative;
	top:1px;
}


.YellowButton {
	background-color:#fbbc05;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-size:12px;
	font-weight:bold;
	padding:4px 6px;
	text-decoration:none;
}
.YellowButton:hover {
	background-color:#ffab23;
}
.YellowButton:active {
	position:relative;
	top:1px;
}


.GrayButton {
	background-color:#f9f9f9;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:12px;
	padding:4px 6px;
	text-decoration:none;
}
.GrayButton:hover {
	background-color:#e9e9e9;
}
.GrayButton:active {
	position:relative;
	top:1px;
}

.WhiteButton {
	background-color:#ffffff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:12px;
	padding:4px 6px;
	text-decoration:none;
}
.WhiteButton:hover {
	background-color:#efefef;
}
.WhiteButton:active {
	position:relative;
	top:1px;
}