/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

.hidden {display: none !important;}

.modal-close {float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 var(--he-base); filter: alpha(opacity=20); opacity: .2; -webkit-appearance: none;
					padding: 0; cursor: pointer; background: transparent; border: 0; overflow: hidden; height: 48px;}

.modal-close:hover,
.modal-close:focus {color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5;}

/* modal style */
.modal-open {overflow: hidden;}

.modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; /* z-index: 990 !important; */
			display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0;}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {overflow-x: hidden; overflow-y: hidden;}

.modal-dialog,
.modal-dialog.hgt60 {position: relative; margin: 2% auto; /* width 값은 space.css의 class로 html에서 바로 제어 */ min-width:500px;}

.modal-dialog.root {/* jQuery 적용되지 않는 경우 대비 */  height: 91%;}

.modal-content {height: 100%; position: relative; background-color: var(--he-base); -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(var(--he-gray-400-rgb),.6);
				border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.modal-content.flex {flex-direction: column;}
.modal-content.flex .modal-header,
.modal-content.flex .modal-sch,
.modal-content.flex .modal-footer {flex-shrink: 0;}
.modal-content.flex .modal-body {position: static !important; height: auto !important; flex-grow: 1;}


.modal-header {border-bottom: 1px solid rgba(var(--he-gray-400-rgb),.6); padding: 0 15px; height: 50px; line-height: 50px;}

.modal-sch {border-bottom: 1px solid rgba(var(--he-gray-400-rgb),.6); padding: 8px 20px; background: var(--he-gray-100);}

.modal-body {position: relative; overflow-y: auto; position: absolute; width: 100%; padding: 15px 0;
    /* jQuery 적용되지 않는 경우 대비 */
    height: calc(100% - 51px);
    height: -o-calc(100% - 51px); /* opera */
    height: -webkit-calc(100% - 51px); /* google, safari */
    height: -moz-calc(100% - 51px); /* firefox */
}

.modal-body.hasFooter {
    /* jQuery 적용되지 않는 경우 대비 */
    height: calc(100% - 95px);
    height: -o-calc(100% - 95px); /* opera */
    height: -webkit-calc(100% - 95px); /* google, safari */
    height: -moz-calc(100% - 95px); /* firefox */
}

.modal-bodyIn {padding: 0 15px; height: 100%;}
.modal-bodyIn.hgt-auto {height: auto;} /* 콘텐츠 안에 트리그리드 말고 only html 사용시 / modal-content height 지정 사용시 */

.modal-bodyIn > .modal-section {
	/* 모달 트리그리드 띄울시 modal-bodyIn안에 추가 */
	width: 100% !important; height: 100% !important;
}
.modal-footer {padding: 0 15px; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; height: 45px; display: flex; align-items: center; justify-content: center; border-top: 1px solid rgba(var(--he-gray-400-rgb),.6); background: var(--he-gray-100);}
.modal-footer > a {margin: 0 2px;}

.modal-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;}

.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {display: table; content: " ";}
.modal-header:after,
.modal-footer:after {clear: both;}


.modal.fade.in {opacity: 1; -webkit-backface-visibility: hidden;}

.modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; /*   z-index: 980 !important; */ background-color: #000;}
.modal-backdrop.fade {filter: alpha(opacity=0); opacity: 0;}
.modal-backdrop.in {filter: alpha(opacity=40); opacity: .4;}




/* modal paging button */
.modalPaging {position: absolute; bottom: 0; left: 0; right: 0; height: 45px; line-height: 41px; text-align: center; border-top: 1px solid var(--he-main1); background: var(--he-gray-100);}
.modalPagingTit {color: var(--he-gray-600)0; font-size: 12px;}
.modalPagingTit span {font-weight: bold; color: var(--he-main1); margin-left: 4px;}
.modalPagingBtn {display: inline-block; width: 25px; height: 25px; vertical-align: middle; border: 1px solid rgba(var(--he-gray-400-rgb),.6);}
.modalPagingBtn.prev {
    margin-right: 8px;
    background: var(--he-base) url("/images/icon/web/modalPagingPrev.png") no-repeat center center;
}
.modalPagingBtn.prev:hover {
    background: var(--he-gray-100) url("/images/icon/web/modalPagingPrev.png") no-repeat center center;
    transition: 0.3s;
}
.modalPagingBtn.next {
    margin-left: 8px;
    background: var(--he-base) url("/images/icon/web/modalPagingNext.png") no-repeat center center;
}
.modalPagingBtn.next:hover {
    background: var(--he-gray-100) url("/images/icon/web/modalPagingNext.png") no-repeat center center;
    transition: 0.3s;
}





/* 인쇄 */
@media screen {
    #printSection {display: none;}
}

@media print {

    html,
    body {margin: 0 !important; padding: 0 !important; width: 100%; height: 100%; overflow: visible !important;}

    .modal-open > *:not(#printSection) {display: none;}

    #printSection,
    #printSection * {visibility: visible;}

    #printSection {position: absolute; left: 0; top: 0;}

    .modal-dialog {display: none;}

    /* background image print */
    * {-webkit-print-color-adjust: exact; color-adjust: exact !important;} /* Chrome, Safari, Firefox */

    #print {width: 100%; margin-top: 10px;}

    #print .tb-st th,
    #print .tb-st td {padding: 4px; font-size: 10px;}

    #print .approval-tb-st th,
    #print .approval-tb-st td {padding: 4px; font-size: 10px;}

    .MultiFile-label span,
    .MultiFile-label a {font-size: 10px;}
}

/*# sourceMappingURL=bootstrap.css.map */







/* 카드전표 관련 모달 */
.cardBillModal {}
.cardBillModal .fixCol {width: 380px;}
.cardBillModal .flexCol {margin-left: 15px;}