.margin {
    margin: 10px;
}

.AXbutton {
	background-color: #f2f2f2;
	background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
	border: 1px solid #bfbfbf;
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #d9d9d9, inset 0 0 0 1px
		#f2f2f2, 0 2px 4px rgba(0, 0, 0, 0.2);
	color: #8c8c8c;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	font-family: "NanumBarunGothic", 맑은 고딕, malgun gothic, AppleGothicNeoSD,
		Apple SD 산돌고딕 Neo, Microsoft NeoGothic, Droid sans, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	padding: 3px 10px 3px;
	transition: all 20ms ease-out;
	vertical-align: top;
	font-weight: bold;
}

.AXbutton:disabled {
	pointer-events: none;
	cursor: not-allowed;
	border: 1px solid #cccccc;
	background-color: #cccccc;
	background-image: linear-gradient(to bottom, #cccccc, #cccccc);
	box-shadow: inset 0 1px 0 #cccccc, inset 0 -1px 0 #cccccc, inset 0 0 0
		1px #cccccc, 0 2px 4px rgba(0, 0, 0, 0.2);
	font-weight: bold;
}

.AXbutton:hover, .AXbutton:focus {
	background: #f2f2f2;
	border-color: #8c8c8c;
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #d9d9d9, inset 0 0 0 1px
		#f2f2f2;
	font-weight: bold;
}

.AXbutton:active {
	background: #f2f2f2;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
	font-weight: bold;
}

.AXbutton .fa {
	color: #bfbfbf;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	font-weight: bold;
}

.AXbutton-blue {
	background-color: #76C8ED;
	background-image: linear-gradient(to bottom, #76C8ED, #5AB5DF);
	border: 1px solid #3cabe0;
	box-shadow: inset 0 1px 0 #7cd4fc, inset 0 -1px 0 #2696c9, inset 0 0 0
		1px #59b7e3, 0 2px 4px rgba(0, 0, 0, 0.2);
	color: white;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	font-weight: bold;
}

.AXbutton-blue:hover, .AXbutton-blue:focus {
	background: #2ba9e3;
	border-color: #004c6f;
	box-shadow: inset 0 1px 0 #7cd4fc, inset 0 -1px 0 #2696c9, inset 0 0 0
		1px #59b7e3;
	font-weight: bold;
}

.AXbutton-blue:active {
	background: #2ba9e3;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
	font-weight: bold;
}

.AXbutton-blue .fa {
	color: #107db0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	font-weight: bold;
}

.AXbutton-green {
	background-color: #97cc76;
	background-image: linear-gradient(to bottom, #afd895, #a1cd86);
	border: 1px solid #7dbf53;
	box-shadow: inset 0 1px 0 #c6e5b3, inset 0 -1px 0 #92cf6d, inset 0 0 0
		1px #a4cc8b, 0 2px 4px rgba(0, 0, 0, 0.2);
	color: white;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	font-weight: bold;
}

.AXbutton-green:hover, .AXbutton-green:focus {
	background: #97cc76;
	border-color: #66a53d;
	box-shadow: inset 0 1px 0 #c6e5b3, inset 0 -1px 0 #94c278, inset 0 0 0
		1px #a4cc8b;
	font-weight: bold;
}

.AXbutton-green:active {
	background: #97cc76;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
	font-weight: bold;
}

.AXbutton-green .fa {
	color: #5f993a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	font-weight: bold;
}

.AXbutton-purple {
	background-color: #9A90D9;
	background-image: linear-gradient(to bottom, #9A90D9, #8E83D2);
	border: 1px solid #6e62b0;
	box-shadow: inset 0 1px 0 #bab6d4, inset 0 -1px 0 #655aa1, inset 0 0 0
		1px #948dba, 0 2px 4px rgba(0, 0, 0, 0.2);
	color: white;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	font-weight: bold;
}

.AXbutton-purple:hover, .AXbutton-purple:focus {
	background: #7568ba;
	border-color: #1f1654;
	box-shadow: inset 0 1px 0 #bab6d4, inset 0 -1px 0 #655aa1, inset 0 0 0
		1px #948dba;
	font-weight: bold;
}

.AXbutton-purple:active {
	background: #7568ba;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
	font-weight: bold;
}

.AXbutton-purple .fa {
	color: #493e87;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	font-weight: bold;
}

.AXbutton-orange {
	background-color: #ffb57c;
	background-image: linear-gradient(to bottom, #ffb57c, #F79B55);
	border: 1px solid #ea761e;
	box-shadow: inset 0 1px 0 #ffb984, inset 0 -1px 0 #ffa765, inset 0 0 0
		1px #f59851, 0 2px 4px rgba(0, 0, 0, 0.2);
	color: white;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	font-weight: bold;
}

.AXbutton-orange:hover, .AXbutton-orange:focus {
	background: #FF9E63;
	border-color: #ea761e;
	box-shadow: inset 0 1px 0 #ffb984, inset 0 -1px 0 #ffa765, inset 0 0 0
		1px #f59851;
	font-weight: bold;
}

.AXbutton-orange:active {
	background: #F7915A;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
	font-weight: bold;
}

.AXbutton-orange .fa {
	color: #c25706;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	font-weight: bold;
}

.AXbutton-red {
	background-color: #F17970;
	background-image: linear-gradient(to bottom, #F17970, #ed6d64);
	border: 1px solid #ba3329;
	box-shadow: inset 0 1px 0 #ffb0aa, inset 0 -1px 0 #d44d44, inset 0 0 0
		1px #ed837b, 0 2px 4px rgba(0, 0, 0, 0.2);
	color: white;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	font-weight: bold;
}

.AXbutton-red:hover, .AXbutton-red:focus {
	background: #ed574c;
	border-color: #870c03;
	box-shadow: inset 0 1px 0 #ffb0aa, inset 0 -1px 0 #d44d44, inset 0 0 0
		1px #ed837b;
	font-weight: bold;
}

.AXbutton-red:active {
	background: #ed574c;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
	font-weight: bold;
}

.button-red .fa {
	color: #ba3329;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	font-weight: bold;
}

.AXbutton-yellow {
	background-color: #fce374;
	background-image: linear-gradient(to bottom, #fce374, #fcdf5b);
	border: 1px solid #c9ae34;
	box-shadow: inset 0 1px 0 #fff6ce, inset 0 -1px 0 #e3c852, inset 0 0 0
		1px #fce88d, 0 2px 4px rgba(0, 0, 0, 0.2);
	color: #967d09;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	font-weight: bold;
}

.AXbutton-yellow:hover, .AXbutton-yellow:focus {
	background: #fcdf5b;
	border-color: #967d09;
	box-shadow: inset 0 1px 0 #fff6ce, inset 0 -1px 0 #e3c852, inset 0 0 0
		1px #fce88d;
	font-weight: bold;
}

.AXbutton-yellow:active {
	background: #fcdf5b;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
	font-weight: bold;
}

.AXbutton-yellow .fa {
	color: #c9ae34;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	font-weight: bold;
}

.AXbutton .fa {
	float: left;
	font-size: 14px;
	line-height: 20px;
	margin: -1px 8px 0 -4px;
	vertical-align: top;
	font-weight: bold;
}

.btn {
	border-radius: 0; 
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid transparent;
	display: inline-block;
	height: 26px;
	margin-bottom: 0;
	font-weight: 500;
	text-align: center;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 1.5;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.btn.uppercase {
	text-transform: uppercase;
}

.btn.btn-flat {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-width: 1px;
}

.btn:active {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn:focus {
	outline: none;
}

.btn-default {
	background-color: #FFF;
	color: #666;
	border-color: #CCC !important;
}

.btn-default:hover, .btn-default:active, .btn-default.hover {
	background-color: #f4f4f4;
}

.btn-primary {
	background-color: #43A4DD;
	border-color: #3B9AD2;
	color: #FFF;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
	background-color: #3B9AD2;
	color: #FFF;
}

.btn-success {
	background-color: #87C055;
	border-color: #6BB552;
	color: #FFF;
}

.btn-success:hover, .btn-success:active, .btn-success.hover {
	background-color: #6BB552;
	color: #FFF;
}

.btn-info {
	background-color: #0D56A0;
	border-color: #08417C;
	color: #FFF;
}

.btn-info:hover, .btn-info:active, .btn-info.hover {
	background-color: #08417C;
	color: #FFF;
}

.btn-danger {
	background-color: #dd4b39;
	border-color: #d73925;
	color: #FFF;
}

.btn-danger:hover, .btn-danger:active, .btn-danger.hover {
	background-color: #d73925;
	color: #FFF;
}

.btn-warning {
	background-color: #F2B918;
	border-color: #F2A818;
	color: #FFF;
}

.btn-warning:hover, .btn-warning:active, .btn-warning.hover {
	background-color: #F2A818;
	color: #FFF;
}

.bg-maroon {
	background-color: #FFF;
	color: #d81b60 !important;
	border: 1px solid #d81b60 !important;
}

.bg-maroon-active {
	background-color: #ca195a !important;
	color: #FFF !important;
}

.bg-maroon:hover {
    background-color: #d81b60 !important;
    color: #FFF !important;
}

.bg-red {
    color: #FB574B !important;
    background-color: #FFF;
    border: 1px solid #FB574B !important;
}

.bg-red:hover {
    color: #FFF !important;
    background-color: #FB574B !important;
}

.bg-red-active {
    background-color: #FE564A !important;
    color: #FFF;
}

.bg-navy {
	color: #001f3f !important;
	background-color: #FFF;
	border: 1px solid #001f3f !important;
}

.bg-navy:hover{
    color: #FFF !important;
    background-color: #001f3f !important;
}

.bg-navy-active {
	background-color: #001a35 !important;
	color: #FFF;
}

.bg-orange {
	color : #ff851b !important;
	background-color: #FFF;
	border: 1px solid #ff851b !important;
}

.bg-orange:hover {
    color : #FFF !important;
    background-color: #ff851b !important;
}

.bg-orange-active {
    color : #FFF !important;
    background-color: #ff851b !important;
}

.bg-backNone {
    background-color: #FFF !important;
    border:1px solid #ff851b;
    color: #333;
}

.bg-backNone:hover {
    background-color: #ff851b !important;
    color: #FFF;
}

.bg-backNone:active {
    background-color: #ff851b !important;
    color: #FFF;
}

.bg-olive {
	color: #3d9970 !important;
	background-color: #FFF;
	border: 1px solid #3d9970 !important;
}

.bg-olive:hover {
    color: #FFF !important;
    background-color: #3d9970 !important;
}

.bg-olive-active {
	background-color: #368763 !important;
	color: #FFF;
}

.bg-purple {
    color: #605ca8 !important;
    background-color: #FFF;
    border: 1px solid #605ca8 !important;
}

.bg-purple:hover {
    color: #FFF !important;
    background-color: #605ca8 !important;
}

.bg-purple-active {
    background-color: #555299 !important;
    color: #FFF;
}

.bg-skyblue {
    color: #31b0d5 !important;
    background-color: #FFF;
    border: 1px solid #31b0d5 !important;
}

.bg-skyblue:hover {
    color: #FFF !important;
    background-color: #31b0d5 !important;
}

.bg-skyblue-active {
    background-color: #31b0d5 !important;
    color: #FFF;
}

.bg-blue {
    color: #337ab7 !important;
    background-color: #FFF;
    border: 1px solid #337ab7 !important;
}

.bg-blue:hover {
    color: #FFF !important;
    background-color: #337ab7 !important;
}

.bg-blue-active {
    background-color: #337ab7 !important;
    color: #FFF;
}

.btnBackNoneGrey{
    background: none; 
    border:none; 
    color:#5F6368; 
    font-size: 18px; 
    cursor: pointer;
    font-weight: bold;
    margin-top: 5px;
    display: inline-block;
}