@charset "UTF-8";


.miniBtn{
	border: 1px solid #3879d9;
	padding: 4px 8px;
	border-radius: 5px;
	font-weight: 600;
	color: #3879d9 !important;
	z-index: 10;
}
.miniBtn:hover{
	border: 1px solid #3879d9;
	background: #DFDFDF;
	color: #000000 !important;
	z-index: 10;
}


.btn {
	height: 36px;
	font-size: 1em;
	padding: 0 15px;
	line-height: 36px;
	font-weight: 400;
	display: inline-block;
	border: 1px solid ;
	text-align: center;
	
}

.btn:hover{
	cursor: pointer;
}

.btn-base{
	position:relative;display:inline-block; padding:0 15px 0 15px;height:30px; line-height:30px;border:none; cursor:pointer;color:#3e454c; 
	font-size:12px; text-align:center;border:1px solid #bbbbbb;border-radius: 4px;background-color: #FFFFFF;}
.btn-base:hover{background:#d7d8d8;}

.btn-hope{
	padding: 0 5px !important;
	font-size: 12px;
}

.btn-rnd {
	display: inline-block;
	text-align: center;
	color: #656d78;
	border: 1px solid #808080;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease
}
.btn-rnd.sm{
	width: 20px;
	height: 20px;
	line-height: 20px;
}

.modal-search-box .btn{
	height: 36px;
/* 	padding: 4px 15px; */
}

/* .btn:hover{border-radius:15px;} */
.btn-search:hover{border-radius:0 !important;}
.btn i{
	font-size: 12px;line-height: inherit;vertical-align: bottom;
}
.btn.rnd5{border-radius: 5px;}

.btn.btn-lg, .btn-group-lg>.btn {font-size: 16px;padding: 0 20px;height: 38px;}
.btn.btn-sm, .btn-group-sm>.btn {font-size: 12px;padding: 0 10px;height: 30px !important;line-height: 30px !important;}
.btn.btn-xs, .btn-group-xs>.btn {font-size: 11px;padding: 0 5px}

.btn-default {border-color: #d6dbe1;background-color: #ececec;color: #333;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {background-color: #74a5df;border-color: #74a5df;color: #FFFFFF;}


.btn-success {background-color: #95b75d;border-color: #95b75d;color: #FFFFFF !important;}
.btn-success:hover, .btn-success:focus, .btn-success:active,.btn-success.active {background-color: #364b14;border-color: #89ad4d;color: #FFFFFF !important;}
.btn-success[disabled], .btn-success.disabled {background: #364b14;border-color: #a7c479}

.btn-gray {border-color: #9c9c9c;background-color: #9c9c9c;color: #FFFFFF !important;}
.btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active {background-color: #565656;border-color: #565656;color: #FFFFFF !important;}

.btn-primary {background-color: #8939b5;border-color: #8939b5;color: #FFFFFF;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,.btn-primary.active {background-color: #4d2165;border-color: #4d2165;color: #FFFFFF !important;}
.btn-primary[disabled], .btn-primary.disabled {background: #475b6d;border-color: #435667}

.btn-search {background-color: #74a5df;border-color: #74a5df;color: #FFFFFF;}
.btn-search:hover, .btn-search:focus, .btn-search:active, .btn-search.active{background-color: #2a75f3;border-color: #2a75f3}
.btn-search[disabled], .btn-search.disabled {background: #72a4f7;border-color: #699ef6}

.btn-danger {background-color: #ab0000;border-color: #ab0000;color: #FFFFFF;}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active{background-color: #ab0000;border-color: #ab0000;color: #FFFFFF;}
.btn-danger[disabled], .btn-danger.disabled {background: #c66968;border-color: #c36261}

.btn-warning {background-color: #fea223;border-color: #fea223}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {background-color: #fe970a;border-color: #fe970a}
.btn-warning[disabled], .btn-warning.disabled {background: #feb756;border-color: #feb34c}

.btn-petition {color: #fff;background-color: #ff6000;border-color: #ff6000}
.btn-petition:hover, .btn-petition:focus, .btn-petition:active,	.btn-petition.active {color: #fff;background-color: #e65600;border-color: #e65600}
.btn-petition[disabled], .btn-petition.disabled {background: #ff8033;border-color: #ff7929}

.btn-info {background-color: #3fbae4;border-color: #3fbae4;color: #FFFFFF;}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {background-color: #29b2e1;border-color: #29b2e1}
.btn-info[disabled], .btn-info.disabled {background: #6ccaea;border-color: #63c7e9}

.btn-link {font-weight: 600;color: #33414e !important;}
.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active {color: #33414e !important;}

.btn-pageLink {font-weight: 600;color: #FFFFFF !important;border: 1px solid #a5c7e3 !important;background-color: #a5c7e3;}
.btn-pageLink:hover, .btn-link:focus, .btn-link:active, .btn-link.active {color: #33414e;}

.btn-list {color: #333; border: 1px solid #ededed;background-color: #FAFAFA;}
.btn-list:hover, .btn-list:focus, .btn-list:active, .btn-list.active {background-color: #f7f7f7;}

.btn-return {background-color: #d48383;color: #fff !important;border-color: #c56f6f;}
.btn-return:hover, .btn-cancel:focus, .btn-cancel:active, .btn-cancel.active{color: #fff !important;background-color: #9a6b6b;border-color: #9a6b6b}
.btn-return[disabled], .btn-cancel.disabled {color: #666;background: #9a6b6b;border-color: #9a6b6b}


.btn-cancel {background-color: #905050;color: #fff !important;border-color: #5b5b5b;}
.btn-cancel:hover, .btn-cancel:focus, .btn-cancel:active, .btn-cancel.active{color: #fff !important;background-color: #663c00;border-color: #df8a13}
.btn-cancel[disabled], .btn-cancel.disabled {color: #666;background: #108ffd;border-color: #068bfd}

.btn-write {background-color: #026bd8;color: #fff;border-color: #026bd8;}
.btn-write:hover, .btn-write:focus, .btn-write:active, .btn-write.active{color: #fff;background-color: #174779;border-color: #174779}
.btn-write[disabled], .btn-write.disabled {color: #666;background: #108ffd;border-color: #068bfd}

.btn-modify {background-color: #7c63d1;color: #fff;border-color: #7c63d1;}
.btn-modify:hover, .btn-modify:focus, .btn-modify:active, .btn-modify.active{color: #fff;background-color: #7c63d1;border-color: #7c63d1}
.btn-modify[disabled], .btn-modify.disabled {color: #666;background: #6ccaea;border-color: #6ccaea}

.btn-submit {background-color: #33414e;color: #fff;border-color: #33414e;}
.btn-submit:hover, .btn-submit:focus, .btn-submit:active, .btn-submit.active{color: #fff;background-color: #29343f;border-color: #29343f}
.btn-submit[disabled], .btn-submit.disabled {color: #666;background: #475b6d;border-color: #435667}

.btn-del {background-color: #b64645;color: #fff !important;border-color: #b64645;}
.btn-del:hover, .btn-del:focus, .btn-del:active, .btn-del.active {color: #fff !important;background-color: #a43f3e;border-color: #a43f3e}
.btn-del[disabled], .btn-del.disabled {color: #666;background: #c66968;border-color: #c36261}

.btn-excel {background-color: #417505;color: #fff;border-color: #417505;}
.btn-excel:hover, .btn-excel:focus, .btn-excel:active, .btn-excel.active{color: #fff;background-color: #335d04;border-color: #335d04}
.btn-excel[disabled], .btn-excel.disabled {color: #666;background: #5ca607;border-color: #579c07}

.btn-print {background-color: #036147;color: #fff;border-color: #023e2d;}
.btn-print:hover, .btn-excel:focus, .btn-excel:active, .btn-excel.active{color: #fff;background-color: #023e2d;border-color: #023e2d}
.btn-print[disabled], .btn-excel.disabled {color: #666;background: #023e2d;border-color: #023e2d}

.btn-sync {background-color: #022b5d;border-color: #022b5d;color: #FFFFFF !important;}
.btn-sync:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {background-color: #3b7bca;border-color: #3b7bca;color: #FFFFFF !important;}
.btn-sync[disabled], .btn-warning.disabled {background: #feb756;border-color: #feb34c}

.btn .fa, .btn .glyphicon {font-size: 14px;margin-right: 0}

.btn.btn-rounded {background: transparent;color: #656d78;border-radius: 12px;-moz-border-radius: 12px;-webkit-border-radius: 12px;border-width: 2px;padding: 0 10px;font-weight: 600}
.btn.btn-rounded.btn-default:hover, .btn.btn-rounded.btn-default:focus,.btn.btn-rounded.btn-default:active, .btn.btn-rounded.btn-default.active{border-color: #CCC;color: #333}
.btn.btn-rounded.btn-success {color: #95b75d}
.btn.btn-rounded.btn-success:hover, .btn.btn-rounded.btn-success:focus,.btn.btn-rounded.btn-success:active, .btn.btn-rounded.btn-success.active{border-color: #89ad4d;color: #89ad4d}
.btn.btn-rounded.btn-warning {color: #fea223}
.btn.btn-rounded.btn-warning:hover, .btn.btn-rounded.btn-warning:focus,	.btn.btn-rounded.btn-warning:active, .btn.btn-rounded.btn-warning.active{border-color: #fe970a;color: #fe970a}
.btn.btn-rounded.btn-info {color: #3fbae4}
.btn.btn-rounded.btn-info:hover, .btn.btn-rounded.btn-info:focus, .btn.btn-rounded.btn-info:active,	.btn.btn-rounded.btn-info.active {border-color: #29b2e1;color: #29b2e1}
.btn.btn-rounded.btn-danger {color: #b64645}
.btn.btn-rounded.btn-danger:hover, .btn.btn-rounded.btn-danger:focus, .btn.btn-rounded.btn-danger:active, .btn.btn-rounded.btn-danger.active{border-color: #a43f3e;color: #a43f3e}
.btn.btn-rounded.btn-primary {color: #33414e}
.btn.btn-rounded.btn-primary:hover, .btn.btn-rounded.btn-primary:focus,	.btn.btn-rounded.btn-primary:active, .btn.btn-rounded.btn-primary.active{color: #29343f;background-color: #74a5df;}

.btn:active, .btn.active {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none}

.btn.btn-condensed {padding-left: 10px;padding-right: 10px;text-align: center}
.btn.btn-condensed .fa, .btn.btn-condensed .glyphicon {margin: 0;text-align: center}

.btn.btn-condensed.btn-sm {padding-left: 8px;padding-right: 8px}
.btn.btn-condensed.btn-lg {padding-left: 15px;padding-right: 15px}

.btn.btn-icon{padding: 5px;height: auto;width: auto;line-height: normal;}
.btn.btn-icon.blue{color: #343dcf; background: #b5bef2;}
.btn.btn-icon.blue:hover{background: #95b6c5;}


.btn-solid,.btn-solid:focus,.btn-solid:active,.btn-solid:visited{
	height:30px !important;padding:0 20px;background-color:#162A37;line-height:30px !important;color:#FFF !important;display:inline-block;border-radius:2px;
	}
.btn-solid:hover{background-color:#F84A07;color:#FFF;border-radius:15px;}
.btn-solid .glyphicon{padding-right:5px;color:#F84A07;}
.btn-solid:hover .glyphicon{color:#162A37;}

.btn-solid.new{margin-left:10px;background-color:#F84A07;}
.btn-solid.new:hover{background-color:#162A37;}
.btn-solid.new .glyphicon,.btn-solid.gray .glyphicon{color:#162A37;}
.btn-solid.new:hover .glyphicon,.btn-solid.excel:hover .glyphicon{color:#F84A07;}

/* .btn-solid.search{position:absolute;right:25px;padding:4px 33px;line-height:70px;font-size:13px;display:inline-block;height:78px;margin-top:-91px;} */

.btn-solid.gray{background-color:#989898;}
.btn-solid.gray:hover{background-color:#744d77;}

.btn-solid.search{background-color:#9ed1e8;font-weight: 800;color: #7b6969 !important;}
.btn-solid.gray:hover{background-color:#744d77;}

.btn-block{display: block;width: 100%;}


.file-down{height: 30px;border: 1px solid #dfdfdf;background-color: #efefef;border-radius: 3px;
font-size: 12px;padding: 0 15px;line-height: 30px;height: 30px; font-weight: 400; display: inline-block;text-align: center;
 }
.file-down i{
	font-size: 16px;line-height: inherit;vertical-align: bottom;margin-right: 3px;
} 







.ui-dialog-buttonset button{padding: 4px 8px 4px 8px;border: 1px solid #999;border-radius: 4px;}
.ui-dialog-titlebar-close{display: none;}

/*더 작은 버튼*/
.btn-miniBase{
	position:relative;display:inline-block; padding:0 15px 0 15px;height:22px; line-height:22px;border:none; cursor:pointer;color:#3e454c; 
	font-size:12px; text-align:center;border:1px solid #bbbbbb;border-radius: 4px;background-color: #FFFFFF;}
.btn-miniBase:hover{background:#d7d8d8;}

/* 달력 */
.ui-datepicker-trigger{ margin-left: 5px; }
.calendarTo{font-weight: bolder;margin-left: 10px;margin-right: 10px;font-size: 130%;}


.toolTip{width: 20px;margin-top: -4px;margin-left: 3px;}

.subSearch {
    width: 100px;
    height: 38px;
    background-color: #004ea2;
    border: none;
    border-radius: 10px;
    display: inline-block;
    line-height: 38px;
    text-align: center;
    margin-left: 5px;
    margin-top: 4px;
    color: #fff;
}
.subSearch:hover {
    background-color: #616cd3;
    color: #fff;
    border-radius: 15px;
}



.btn-handel{
	position: absolute;
    left: 8px;
    top: 8px;
    z-index: 2;
}





.sync-btn {
  margin-bottom: 16px;
}
.sync-btn span {
  display: block;
  text-align: center;
  padding: 4px 0;
}
.sync-btn span.tit {
  font-size: 14px;
  font-weight: 700;
}
.sync-btn span.desc {
  font-size: 12px;
/*   color: #919191; */
}






.btn.btn-rounded.btn-primary .material-icons {
  color: #4285F4;
}

.btn .material-icons {
  font-size: 18px;
  width: 20px;
  text-align: center;
/*   color: #fff; */
  vertical-align: bottom;
  line-height: inherit;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  vertical-align: middle;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
}

.tbl_basic .btn{border: 0;padding: 0 10px;height: 30px;line-height: 30px;font-weight: 600}
.tbl_basic .btn.line{
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.tbl .btn{border: 0;padding: 0 10px;height: 30px;line-height: 30px;font-weight: 600}
.tbl .btn.line{
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}




.badge {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 3px 10px 1px;
  letter-spacing: -0.5px;
  background-color: transparent;
  color: #909191;
/*   height: 30px; */
/*   line-height: 30px; */
}

.badgeBtn {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
  padding: 3px 10px 1px;
  letter-spacing: -0.5px;
  background-color: transparent;
  color: #909191;
}


.label-default,
.badge-default {
  background-color: #4876EF;
  color: #fff;
}
.label-yellow,
.badge-yellow {
  background-color: #c1bc1e;
  color: #fff;
}
.label-green,
.badge-green {
  background-color: #1f6d0c;
  color: #fff;
}
.label-pupple,
.badge-pupple {
  background-color: #9b48ef;
  color: #fff;
}


.badge-button {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 4px 5px 3px;
  letter-spacing: -0.5px;
  background-color: #4876EF;
  color: #fff;
}
.badge-button2 {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 4px 5px 3px;
  letter-spacing: -0.5px;
  background-color: #4c5374;
  color: #fff;
}
.label-round,
.badge-round {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
.label-primary,
.badge-primary {
  background-color: #4c5374;
  color: #fff;
}
.label-success,
.badge-success {
  background-color: #4876EF;
  color: #fff;
}
.label-info,
.badge-info {
  background-color: #3fbae4;
  border-color: #1ea4d2;
  color: #fff;
}
.label-warning,
.badge-warning {
  background-color: #fea223;
  border-color: #ed8a01;
  color: #fff;
}

.badgeBtn.badge-warning:hover {
  background-color: #fe6023;
  border-color: #fe6023;
  color: #fff;
}


.label-danger,
.badge-danger {
  background-color: #de6c2b;
  border-color: #ba561c;
  color: #fff;
}
.label-gray,
.badge-gray {
  background-color: #9b9b9b;
  border-color: #9b9b9b;
  color: #fff;
}

.badge-level1 {
  background-color: #969696;
  color: #fff;
}

.badge-level2 {
  background-color: #8e98a7;
  color: #fff;
}

.badge-level3 {
  background-color: #7888a0;
  color: #fff;
}

.badge-level4 {
  background-color: #6981a5;
  color: #fff;
}

.badge-level5 {
  background-color: #5372a0;
  color: #fff;
}

.badge-level6 {
  background-color: #385f9a;
  color: #fff;
}

.badge-level7 {
  background-color: #1c4d98;
  color: #fff;
}

.badge-level8 {
  background-color: #003b94;
  color: #fff;
}