@charset "EUC-KR";
/*°øÅë CSS Document */
.sidebar .member {
    background-color: #d6dadc;
    border-radius: 25em;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    float: left;
    height: 45px;
    margin: 0 4px 4px 0;
    overflow: visible;
    position: relative;
    width: 45px;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 0;
}
.sidebar a.member-initials {
    display: block;
    font-size: 1.5em;
    font-weight: 700;
    /*height: 45px;*/
    left: 0;
    line-height: 45px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    color: #4d4d4d;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header{
	height: auto;
}

.sidebar-collapse .sidebar .member {
    width: 30px;
    height: 30px;
}
.sidebar-collapse .sidebar .member a.member-initials {
	font-size: 1em;
    font-weight: 700;
    line-height: 30px;
}



.custom-input-group {
  position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}


.custom-addon {
/*You will need to add media queries to make this responsive.*/
 width: 30%;
}

.custom-addon select > option{
	font-size: 0.9em;
}

.w10p{
	width: 10%;
}

.w20p{
	width: 20%;
}

.w30p{
	width: 30%;
}

.w40p{
	width: 40%;
}

.w50p{
	width: 50%;
}

.w60p{
	width: 60%;
}

.w70p{
	width: 70%;
}

.w80p{
	width: 80%;
}

.w90p{
	width: 90%;
}

.w100p{
	width: 100%;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}


.input-group .input-group-addon{
	background-color: #eee;
}

.table > thead > tr > th {
	text-align: center;
	vertical-align:middle;
	
	background-color:#ecf0f5;
	/*color: #b8c7ce;*/
}

.table.td-center th, .table.td-center td{
	text-align: center;
	/*font-size: 0.95em;*/
}

.table .left{
	text-align: left !important;
}

.table .center{
	text-align: cente !importantr;
}

.table .right{
	text-align: right !important;
}
.table p{
	margin:0;
	line-height: 1.2em;
}


.table.td-center .no-result td{
	text-align: center;
    vertical-align:middle;
	font-weight: bold;
	height: 5em;
	font-size: 1.2em;
}

.table.td-center th, .table.td-center td{
}


.table.nowrap th, .table.nowrap td{
	white-space: nowrap;
}


.table tfoot tr > th, .table tfoot tr > td, .sum{
	background-color:antiquewhite;
}

.table a:focus, .table a:hover{
    text-decoration-line: underline;
}



/*°Ë»ö¹öÆ°*/
.row.search-btns{
	margin-right: 0;
}
/* ÀÛÀº ±â±âµé (ÅÂºí¸´, 768px ÀÌ»ó) */
@media (max-width: 768px) {
	.row.search-btns{
		margin-left: 0;
	}
}
.search-btns > div{
	padding-left:3px;
	padding-right:3px;
}

.search-btns > div .btn{
	padding-left:0;
	padding-right:0;
}

/*Å×ÀÌºí ¸®½ºÆ® ¹öÆ°*/
.list-btns > div{
	padding-left:1px;
	padding-right:1px;
}

.list-btns .btn-group-justified{
	width: auto;
}

.notFound{
	background-position:0px 70px !important;
}

/*¿¡·¯ÆäÀÌÁö ó¸®*/
.notFound em{
	color: #d50c18 !important;
}
.notFound .btns {
    margin-top: 80px;
}
.notFound .btns [class^="btn-"][class*="-md"] {
    height: 54px;
    font-size: 18px;
	display: inline-block;
    padding: 0 30px;
    border-radius: 4px;
    background: transparent;
    border: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.notFound .btns .btn-md-border-red{
	border: 2px solid #929292 !important;
	border-color: #d50c18 !important;
    color: #d50c18 !important;
}
.notFound .btns .btn-md-submit{
	background: #d50c18 !important;
    color: #fff !important;
    margin-left: 7px !important;

}
.notFound .btns [class^="btn-"]:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

/*bootstrap-select º¯°æ*/
.bootstrap-select>.dropdown-toggle.bs-placeholder{
	color:#333;
	background-color: #fff;
}

/*ÇÊÅÍ ¿µ¿ª*/
.jm-filter .form-group{
	margin-bottom: 5px;
}

/*µµ¿ò¸»*/
.jm-comment li{
	font-size: 0.9em;
}

/* col-* padding ó¸®À§ÇÑ class */
.jm-padding{
	padding-left: 5px;
	padding-right: 5px;
}
.jm-padding-left{
	padding-left: 5px;
}

.jm-padding-left-none{
	padding-left: 0px;
}

.jm-padding-right{
	padding-right: 5px;
}
.jm-padding-right-none{
	padding-right: 0px;
}

.jm-padding-none{
	padding-left: 0px;
	padding-right: 0px;
}

.jm-xsmall{
	font-size: 0.75em;
}

.jm-small{
	font-size: 0.85em;
}

.jm-lsmall{
	font-size: 0.95em;
}

.jm-xlarge{
	font-size: 1.05em;
}

.jm-large{
	font-size: 1.15em;
}

.jm-llarge{
	font-size: 1.25em;
}

.jm-nowrap{
	white-space: nowrap;
}

/* validator*/
.help-block.valid{
	margin:0;padding:0;
}




/* ÆäÀÌÁö ·Îµù ó¸® */
.loader {
	background: 0;
	filter: Alpha(Opacity=40);
	opacity: .70;
	background-color: #fff;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
}
.loader *{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.loader .fa {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}

.datepicker{
	z-index: 9999 !important;
}


.jm-readonly{
	background-color:rgba(255, 255, 0, 0.5) !important;
}

.jm-ellipsis-50{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	max-width:50px;
}

.jm-ellipsis-100{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	max-width:100px;
}

.jm-ellipsis-150{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	max-width:150px;
}

.jm-ellipsis-200{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	max-width:200px;
}

select.exec-status{
	font-size:10px;
	height:25px;
	line-height:25px;
}


td.btn-open-form{
	cursor:pointer;
}

.small-box h3{
	font-size: 3vw;
	line-height: 35px;
}
.header-fixed {
    width: 100% 
}




.header-fixed > thead,
.header-fixed > tbody,
.header-fixed > tfoot,
.header-fixed > thead > tr,
.header-fixed > tbody > tr,
.header-fixed > tfoot > tr,
.header-fixed > thead > tr > th,
.header-fixed > tbody > tr > td,
.header-fixed > tfoot > tr > td {
    display: block;
}

.header-fixed > tbody > tr:after,
.header-fixed > thead > tr:after,
.header-fixed > tfoot > tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.header-fixed > tbody {
    overflow-y: scroll;
    height: calc(45vh);
}

.header-fixed > tfoot > tr > td,
.header-fixed > tbody > tr > td,
.header-fixed > thead > tr > th {
    float: left;
}


.header-fixed > thead,
.header-fixed > tfoot{
    width: calc( 100% - 1em )
}
.header-fixed.col-7 > tfoot > tr > td,
.header-fixed.col-7 > tbody > tr > td,
.header-fixed.col-7 > thead > tr > th {
    width: calc( 100%/7)
}

.header-fixed.col-7 > tfoot > tr > td,
.header-fixed.col-7 > tbody > tr > td,
.header-fixed.col-7 > thead > tr > th {
    width: calc( 100%/7)
}

.header-fixed.col-20 > tfoot > tr > td,
.header-fixed.col-20 > tbody > tr > td,
.header-fixed.col-20 > thead > tr > th {
    width: calc( 100%/20)
}


#tab_moneybook li{
	display: table-cell;width: 1%;
}

#tab_moneybook li a{
	border-bottom: 1px solid #ddd;
}

#tab_moneybook li.active a{
	border-bottom-color: #fff;
}


.btn-group.bootstrap-select.show-tick.form-control{
	height:auto;
}