.button, .button a, .button button, .button input { position : relative; margin : 0; display : inline-block; border : 0; white-space : nowrap; vertical-align : middle; overflow : visible;}
.button { height : 20px; padding : 0; margin-right : 2px; background-position : left top;}
.button a, .button button, .button input { left : 2px;cursor : pointer; }
.button a, .button button, .button input { height : 20px; padding : 0 8px 0 8px; line-height : 20px; background-position : right top; }
.button, .button a, .button button, .button input { background-image : url(../../../images/egovframework/com/cmm/btn/bu2.jpg); color : black;}
.button *:hover, .button *:active, .button *:focus { color : red; }

.button a { padding : 0 10px 0 10px;}
.link, .link a, .link button, .link input { border-style : none; background-color : transparent;cursor : pointer;}
.link, .link a, .link button, .link input { color : black;}
.link *:hover, .link *:active, .link *:focus { color : red;}

/* button */
.btn-mps{position: absolute;z-index: 1;right: 4px; top: 6px;}
.btn-jps{position: absolute;z-index: 1; right: 4px; top: 9px;}
.btn-pss{position: absolute; top: 76px; z-index: 1;right: 852px;}
.btn-ps{position: absolute;top: 6px;z-index: 1;right: 4px;}
.btn-primary {background-color: transparent; border: 1px solid #01B2D8; color: #01B2D8;}
.btn-primary:hover {background-color: #01B2D8; border: 1px solid #01B2D8; color: #fff; transition: 0.2s ease-in-out; }
.btn-success {background-color: #8e929b; border: 1px solid #8e929b; color: #fff; white-space: pre;}
.btn-success:hover {background-color: #7e8594; border: 1px solid #7e8594; color: #fff; transition: 0.2s ease-in-out; }
.btn-success:not(:disabled):not(.disabled):active{background-color: #7e8594; border: 1px solid #7e8594; color: #fff;}
.btn-danger {background-color: #f9019f; border: 1px solid #f9019f; color: #fff;}
.btn-danger:hover {background-color: #fff; border: 1px solid #fff; color: #f9019f; transition: 0.2s ease-in-out; }
.btn-danger:not(:disabled):not(.disabled):active{background-color: #fff; border: 1px solid #fff; color: #f9019f;}
.btn-info {background: transparent; border: none; color: rgba(0,0,0,0.54);}
.btn-info:hover{background: #e0e4e8; border: none; color: #fff; transition: 0.2s ease-in-out; }
.text-sm .btn {font-size: 0.875rem !important;}
.btn {font-size: .8rem; transition: 0.2s ease-in-out; cursor: pointer !important; }
.delBtn{ padding: 0.4rem 0.9rem !important; background: #e77152; border-radius: 3px; color: #fff; border: 1px solid #e77152}
.delBtn:hover{ padding: 0.4rem 0.9rem !important; background: #e15a3c; color: #fff; border: 1px solid #e15a3c; transition: 0.2s ease-in-out; box-shadow: 0 0 5px 0 rgb(0 0 0 / 5%), 0 3px 10px rgb(0 0 0 / 10%); }
.btn.disabled, .btn:disabled {cursor: not-allowed;}
.btn.btn-flat {border-width: 1px; box-shadow: none;}
.btn.btn-file {overflow: hidden;  position: relative;}
.btn.btn-file > input[type='file'] {
  background: #ffffff;
  cursor: inherit;
  display: block;
  font-size: 100px;
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  outline: none;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
.btn-regist:hover{
	text-decoration: underline;
}
.btn-default {
	padding: 0.4rem 0.9rem !important; 
	font-size: .8rem; 
	margin-right: 5px;
	cursor: pointer; 
	border-radius: 3px; 
	background-color: #3d5583; 
	color: #fff; 
	border: 1px solid #3d5583;
	transition: background-color .2s,color .2s,-webkit-box-shadow .2s
}
.btn-default:hover {
	border-radius: 3px; 
	background-color: #204d9f; 
	color: #fff; 
	border: 1px solid #204d9f; 
	box-shadow: 0 3px 5px -3px #50545a;
}

.btn-default:active, .btn-default.hover {
  background-color: #7E8796;
  border: 1px solid #7E8796;
  padding: 0.4rem 0.9rem
}
.btn-white{
	padding: 0.4rem 0.9rem !important; 
	font-size: .8rem; 
	margin-right: 5px;
	cursor: pointer; 
	border-radius: 3px; 
	background-color: #fff; 
	color: #333; 
	border: 1px solid #dfd9d9;
	transition: background-color .2s,color .2s;
}
.btn-white:hover{
	margin-right: 10px; 
	cursor: pointer; 
	border-radius: 3px; 
	background-color: #eef3ff; 
	color: #333; 
	border: 1px solid #dfd9d9;
}
.btn-app {
  background-color: #f8f9fa;
  border: 1px solid #ddd;
  color: #6c757d;
  font-size: 12px;
  height: 60px;
  margin: 0 0 10px 10px;
  min-width: 80px;
  padding: 15px 5px;
  position: relative;
  text-align: center;
}

.btn-app > .fa,
.btn-app > .fas,
.btn-app > .far,
.btn-app > .fab,
.btn-app > .glyphicon,
.btn-app > .ion {
  display: block;
  font-size: 20px;
}

.btn-app:hover {
  background: #f8f9fa;
  border-color: #aaaaaa;
  color: #444;
}

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

.btn-app > .badge {
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: -10px;
  top: -3px;
}

.btn-sm{padding: 0.3rem 0.9rem !important;white-space: nowrap; }
.btn-sm:hover{padding: 0.3rem 0.9rem !important}

/* 검색버튼 */
.form-group .btn-lg {
	vertical-align: top;
	margin-left: 2px;
}

.form-group .btn-md {
	vertical-align: top;
	margin-left: 2px;
}

.form-group .btn-sm {
	vertical-align: baseline;
	margin-left: 2px;
}

.form-group .btn-xs {
	vertical-align: top;
	margin-left: 2px;
}

.btn-md {
	vertical-align: middle;
	line-height: 2
}
/*찾기버튼*/ 
.cusSearch  {border: 1px solid #35415c!important; transition: 0.2s ease-in-out; }
/*조회버튼*/
#btnSearch { border: 1px solid #35415c; border-radius: 3px; box-shadow: none; background: #35415c; padding: 6px 11px;  color: #fff; font-size: .75rem}
#btnSearch:hover { background: #7e8796; color: #fff; transition: 0.2s ease-in-out; }
.btnSearch { border: 1px solid #3d5583; box-shadow: none; background: #3d5583; padding: 6px 11px; border-radius: 2px; color: #fff; font-size: .75rem; white-space: nowrap;}
.btnSearch:hover { border: 1px solid #2c5094; background: #2c5094; color: #fff; transition: 0.2s ease-in-out; }

/*차량등록버튼*/
.btnCar { background-color: #5cb85c; box-shadow: none; coplor: #fff; border: 0px}
.btnCar:hover { background-color: #47a447; box-shadow: none; coplor: #fff; border: 0px; transition: 0.2s ease-in-out; }

/*플랜생성 버튼*/
.btn-planmake {background: #7e8594; border: 1px solid #7e8594; box-shadow: none; color: #fff;}
.btn-planmake:hover {background: #b5bfc5; border: 1px solid #b5bfc5; color: #fff; transition: 0.2s ease-in-out; }

/*회계관리 버튼*/
.btnUploadCMS { font-size: .75rem; border-radius: 2px; background-color: #70ad47; border: none; color: #fff; }
.btnUploadCMS:hover { background-color: #649049; border: none; color: #fff; transition: 0.2s ease-in-out; }

form { margin : 0;}
.invisible { width:0px;height:0px;visibility: hidden;}

.hipen {
	line-height: 33px;
	height: 19px;
	padding: 0rem 0.3rem
}
/* 통합검색 버튼 */
.genBtn:hover{background-color: #a4dbff !important; border-radius: 0.2rem !important; }

/* 식대신청 버튼*/
.applyMealPrice{padding: 0px 15px !important}

/*뱃지*/
.num_badge{position: relative; color: #fff; z-index: 1; margin: 0px 10px 0px 20px; font-weight: 100 !important; }
.num_badge::after{content: ""; position: absolute; background-color: #05A7AD; border-radius: 10rem; color: #fff; width: 17px; height: 17px; display: inline-block; top: -2px; left: -5px; z-index: -1; }

/* 모바일 팝업 상단 버튼 컨트롤*/
.btn-defaultM { font-size: 0.9rem; background-color: #fff; color: #353535; margin-right: 3px; border-radius: 2px; }
@media (max-width: 576px) {
	.box-wrap1 .grid-wrapper ul.primary .title { font-size: 0.9rem; }
	.box-wrap1 .grid-wrapper ul.primary button { margin: 0px 0.1rem; padding: 0.3rem 0.75rem; font-size: 0.9rem; border: 1px solid #d2d6de; }
}

@media (min-width: 576px) and (max-width: 769px) {
	/*그리드 상단 버튼*/
	.box-wrap1 .grid-wrapper ul.primary .title { font-size: 0.9rem; }
	.box-wrap1 .grid-wrapper ul.primary button { padding: 0.35rem 0.8rem; font-size: 0.9rem; }
	
}