/*!
 * 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 */



/* ---------------------
	:: basic style
	--------------------- */	
.hidden {display: none !important;}

.modal-open {overflow: hidden;}

.modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0;}

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

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

.modal-dialog {position: relative; margin: 25px auto; min-width: 500px; height: calc(100% - 50px);}
.modal-dialog.root {}
.modal-dialog.fullScreen {margin: 0; width: 100%; height: 100%;}

.modal-content {background-color: var(--he-base); border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0;
							-webkit-background-clip: padding-box; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
							background-clip: padding-box; box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
							display: flex; flex-direction: column; max-height: 100%; min-height:300px;}
.modal-content.type02 {min-height: 100px;}

.modal-content .modal-header,
.modal-content .modal-sch,
.modal-content .modal-footer {flex-shrink: 0;}
.modal-content .modal-body {flex-grow: 1; min-height: 0;}


.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: .7;}


/* :: 위임설정 모달은 해당 스타일 사용 --- popMandateSet.jsp */
#mandateFrm {flex-grow: 1; display: flex; flex-direction: column;}

#mandateFrm .modal-sch,
#mandateFrm .modal-footer {flex-shrink: 0;}
#mandateFrm .modal-body {flex-grow: 1; min-height: 0;}



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

.modal-btnArea {position: absolute; top: 9px; right: 90px; display: flex;}
.modal-btnArea > * {margin-left: 4px;}
.modal-btnArea:after {content: ''; width: 1px; position: absolute; top: 7px; bottom: 7px; right: -20px; background: var(--he-gray-400);}

.modal-close {position: absolute; right: 20px; top: 9px; width: 32px; height: 32px; overflow: hidden; margin-left: 20px; background: var(--he-gray-200); border-radius: 50%;}
.modal-close .inner {display: block; position: relative; height: 100%; display: flex; align-items: center; justify-content: center;}
.modal-close .inner:before,
.modal-close .inner:after {content: ""; position: absolute; height: 2px; width: 16px; background-color: var(--he-gray-600); left: 50%; top: 50%; transition: ease-out 0.2s all;}
.modal-close .inner:before {transform: translate(-50%, -50%) rotate(-45deg);}
.modal-close .inner:after {transform: translate(-50%, -50%) rotate(45deg);}
.modal-close .label {color: var(--he-gray-600); opacity: 0; transition: all 0.2s ease-out;}
.modal-close:hover {border-radius: 0;}
.modal-close:hover .inner:before,
.modal-close:focus .inner:before {transform: translate(-50%, 0%) rotate(0); top: 0; height: 1px; width: 32px;}
.modal-close:hover .inner:after,
.modal-close:focus .inner:after {transform: translate(-50%, 0%) rotate(0); top: auto; bottom: 0; height: 1px; width: 32px;}
.modal-close:hover .label,
.modal-close:focus .label {opacity: 1;}
.modal-close:before {content: '';}



/* ---------------------
	:: search style
	--------------------- */	
.modal-sch {border-bottom: 1px solid rgba(var(--he-gray-400-rgb),.6); padding: 8px 20px; background: var(--he-gray-100);}
.modal-sch.notPadding {padding: 0;}
.modal-sch table {width: 100%; border-right: 1px solid var(--he-gray-400); table-layout: fixed;}
.modal-sch table th,
.modal-sch table td {border-left: 1px solid var(--he-gray-400); font-size: 16px; height: 50px; padding: 5px 10px; background: var(--he-gray-100);}
.modal-sch table th:fisrt-child {borader-left: none;}
.modal-sch table td {background: #fff; font-weight: bold;}



/* ---------------------
	:: body style
	--------------------- */	
.modal-body {position: relative; overflow-y: auto; width: 100%; padding: 15px 0;}
.modal-bodyIn {padding: 0 15px; height: 100%;}

.modal-body.js-dragScl {overflow: visible;}
.modal-body.js-dragScl .modal-bodyIn {height: auto;}

.modal-body.notPadding {padding: 0;}
.modal-body.notPadding .modal-bodyIn {padding: 0;}

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

/* 모달 트리그리드 띄울시 modal-bodyIn안에 추가 */
.modal-bodyIn > .modal-section {width: 100% !important; height: 100% !important;}



/* ---------------------
	:: foot style
	--------------------- */	
.modal-footer {padding: 0 15px; text-align: center; 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,
.modal-footer > button,
.modal-footer > .btn {margin: 0 2px;}



/* ---------------------
	:: modal paging
	--------------------- */	
.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("/static/images/icon/web/modalPagingPrev.png") no-repeat center center;
}
.modalPagingBtn.prev:hover {
    background: var(--he-gray-100) url("/static/images/icon/web/modalPagingPrev.png") no-repeat center center;
    transition: 0.3s;
}
.modalPagingBtn.next {
    margin-left: 8px;
    background: var(--he-base) url("/static/images/icon/web/modalPagingNext.png") no-repeat center center;
}
.modalPagingBtn.next:hover {
    background: var(--he-gray-100) url("/static/images/icon/web/modalPagingNext.png") no-repeat center center;
    transition: 0.3s;
}



/* header Gradient / body box 형태 --- ex) 주문페이지 생계시세 팝업 */
.modal-content.graStyle {background: var(--he-gray-100); border: none;}
.modal-content.graStyle .modal-header {font-family: 'esamanru_Light', sans-serif; font-size: 15px; color: #fff; position: relative; z-index: 1; border-bottom: none; line-height: 80px; padding: 0 25px;}
.modal-content.graStyle .modal-header:before {width: 100%; height: 120px; background: var(--he-gradient); position: absolute; left: 0 ; right: 0; z-index: -1;}
.modal-content.graStyle .modal-close {right: 20px; top: 22px;}

.modal-content.graStyle .modal-body {z-index: 1; background: #fff; box-shadow: 0px 1px 4px #e6e8eb; margin: 25px auto 15px; width: calc(100% - 30px); padding: 0; border-radius: 5px;}
.modal-content.graStyle .modal-bodyIn {padding: 20px;}

.modal-content.graStyle .modal-footer {background: #fff;}




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

@media print {
	@page {
	margin: 15px;
	size: portrait;
	}
	
    html,
    body {margin: 0 !important; padding: 0 !important; width: 100%; height: 100%; overflow: visible !important;}
    * {-webkit-print-color-adjust: exact; color-adjust: exact !important;} /* Chrome, Safari, Firefox */

	body *:not(#printSection):not(#printSection *) {display: none;}

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

    #printSection {position: absolute; left: 0; top: 0;}
    #printSection #print {width: 100%;}
    
    #printSection #print th,
    #printSection #print td {font-size: 10px; height: 32px; word-break: break-all;}
    #printSection .tb-st.type03 th,
    #printSection .tb-st.type03 td {padding: 0 5px; height: 32.13px !important }
    
    #printSection .tb-st.type03 select {text-align: center;}
    #printSection .sel-wrap.dtlDisable {height: auto;}
    #printSection .sel-wrap.dtlDisable select {font-size: 10px;}
    
    #printSection .appr-table table th,
	#printSection .appr-table table td {width: 68px;}
	
	#printSection .warningP {display: none;}
	#printSection .referPerson {max-height: none;}
}

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