.custom-modal.text-sm th, .custom-modal.text-sm td { font-size: 12px; }
.custom-modal.text-lg th, .custom-modal.text-lg td { font-size: 14px; }


.custom-modal label { display: flex; align-items: center; margin-right: 6px; }
.custom-modal label > input[type="checkbox"], label > input[type="radio"] { margin-right: 2px; }

.custom-modal input[type=text] {
	outline: none;
}

.custom-modal.modal-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.7);
	border: 1px solid #1c1c1c;
	z-index: 9000
}

.custom-modal .modal-dialog {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 100%;
	max-width: 90%;
	transition: 0.01s;
}

.custom-modal .modal-content {
	display: flex;
	flex-direction: column;
	background: rgba(255, 255, 255);
	/*     border-radius: 6px; */
	border: 2px solid #dee2e6;
	width: 100%;
	position: relative;
	max-height: 800px;
}

.custom-modal .modal-header {
	background: #f1f1f1;
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	border-bottom: 1px solid #dee2e6;
}

.custom-modal .modal-title {
	line-height: 1;
	font-size: 17px;
	font-weight: bold;
}

.custom-modal .btn-close {
	background: url('../images/btn_pop_close.png') no-repeat;
	box-sizing: content-box;
	width: 16px;
	height: 16px;
	border: 0;
	cursor: pointer;
}

.custom-modal .modal-body {
	flex: 1 1 auto;
	padding: 10px 16px;
	color: #000000;
	overflow-x: hidden;
	overflow-y: scroll;
}

.custom-modal .modal-body .memo-table { width: 100%; }

.custom-modal .no-scroll {
	overflow: visible;
}

.custom-modal .modal-body .table.default-table { border: 1px solid #dee2e6; }
.custom-modal .modal-body .table.default-table tr th, .custom-modal .modal-body .table.default-table tr td { border: 1px solid #dee2e6; padding: 4px 10px; }
.custom-modal .modal-body .table.default-table tr th { font-weight: bold; }
.custom-modal .modal-body .table.small-table tr th, .custom-modal .modal-body .table.small-table tr td { border: 1px solid #dee2e6; padding: 1px 10px; }
.custom-modal .modal-body .search-container {padding: 6px; border: 1px solid #CCCCCC; margin-bottom: 5px;}
.custom-modal .modal-body .search-container table {width: 100%;}
.custom-modal .modal-body .search-container table th {font-weight: bold;}
.custom-modal .modal-body .modal-btn { text-align: center; margin-left: 2px; height: 27px; padding: 0 5px; min-width: 85px; width: auto; box-sizing: border-box; font-family: 'Noto Sans KR'; font-size: 12px; line-height: 18px; vertical-align: middle; color: #000000; background: #ffffff; border-radius: 5px; border: 1px solid #CCCCCC; }
.custom-modal .tui-grid-container .tui-grid-pagination {display: none;}
.custom-modal .tui-grid-container .tui-grid-table .tui-grid-cell:not(.tui-grid-cell-editable) {background-color: #FFFFFF;}
.custom-modal .tui-page-container {display: flex; justify-content: center;}
.custom-modal .tui-page-container .tui-pagination {margin-right: 8px;}
.custom-modal .tui-page-container .search_per_page_count {margin: 14px 0 12px;}
.custom-modal .tui-page-container .tui-select-box .tui-select-box-input {height: 28px;}
.custom-modal .tui-page-container .tui-select-box .tui-select-box-dropdown {bottom: 28px; border-bottom: none; border-top: 1px solid #aaa;}
.custom-modal .modal-footer { display: flex; align-items: center; justify-content: center; padding: 20px 16px; }
.custom-modal .modal-footer .btn { margin: 0 5px; padding: 5px 20px; background-color: #FFFFFF; border: 1px solid #dee2e6; border-radius: 5px; font-weight: bold; cursor: pointer; }


.custom-modal .tui-datepicker {right: 0;}






#modal-progress .custom-modal .modal-header {
	background: #f1f1f1;
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	border-bottom: 1px solid #dee2e6;
}



#modal-progress .modal-content .modal-body .attachment-container { max-height: 360px; } 
#modal-progress .modal-content .attachment-container { box-sizing: border-box; } 
#modal-progress .modal-content .attachment-container .attachment { position: relative; padding: 8px 10px; width: 100%; box-sizing: border-box; border: 1px solid #DADADA; border-radius: 4px;} 
#modal-progress .modal-content .attachment-container .attachment:not(:last-child) { margin-bottom: 10px; } 
#modal-progress .modal-content .attachment-container .attachment .file-info { display: flex; align-items: center; margin-bottom: 5px; } 
#modal-progress .modal-content .attachment-container .attachment .file-info .file-icon{ margin-right: 5px; width: 16px; height: 16px; border: 0; background-image: url(../images/file_obj.png); background-repeat: no-repeat; background-size: 100%; display: inline-block; flex-shrink: 0;} 
#modal-progress .modal-content .attachment-container .attachment .file-info .file-name{ display: inline-block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#modal-progress .modal-content .attachment-container .attachment .file-info .file-status { display: flex; margin-left: 10px; color: #999999; align-items: center; } 
#modal-progress .modal-content .attachment-container .attachment .file-info .file-status .btn-attachment{ margin-left: 5px; width: 14px; height: 14px; border: 0; background-repeat: no-repeat; background-size: contain; } 
#modal-progress .modal-content .attachment-container .attachment.waitting .file-info .file-status .btn-attachment{ background-image:url("../images/grid-loading.gif"); } 
#modal-progress .modal-content .attachment-container .attachment.processing .file-info .file-status .btn-attachment{ background-image:url("../images/GenericError.png"); } 
#modal-progress .modal-content .attachment-container .attachment.canceled .file-info .file-status .btn-attachment{ display: none; } 
#modal-progress .modal-content .attachment-container .attachment.complete .file-info .file-status .btn-attachment{ background-image:url("../images/accept.png"); } 
#modal-progress .modal-content .attachment-container .attachment.error .file-info .file-status .btn-attachment{ background-image:url("../images/exclamation.png"); } 
#modal-progress .modal-content .attachment-container .attachment .progress { position: relative; width: 100%; height: 10px; border: 1px solid #DDDDDD; border-radius: 3px; background-color: #F5F5F5; cursor: default; }
#modal-progress .modal-content .attachment-container .attachment .progress .progress-bar { height: 100%; background-color: #0078D7; border-radius: 2px; text-align: center; color: #FFFFFF; width: 0%; }
#modal-progress .modal-content .attachment-container .attachment.canceled .progress .progress-bar { height: 100%; background-color: #DADADA; border-radius: 2px; text-align: center; color: #FFFFFF; width: 0%; }
#modal-progress .modal-content .attachment-container .attachment.complete .progress .progress-bar { height: 100%; background-color: #20d700; border-radius: 2px; text-align: center; color: #FFFFFF; width: 0%; }
#modal-progress .modal-content .attachment-container .attachment.error .progress .progress-bar { height: 100%; background-color: #e8342f; border-radius: 2px; text-align: center; color: #FFFFFF; width: 0%; }
#modal-progress .modal-content .attachment-container .attachment .progress .progress-bar { background-image: -webkit-linear-gradient(-45deg, rgb(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgb(255,255,255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent); background-size: 35px 35px; }
#modal-progress .modal-content .attachment-container .attachment .progress .progress-bar { background-image: linear-gradient(-45deg, rgb(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgb(255,255,255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent); background-size: 35px 35px; }
#modal-progress .modal-content .attachment-container .attachment.waitting .progress .progress-bar { animation: none; }
#modal-progress .modal-content .attachment-container .attachment.processing .progress .progress-bar { animation: progressActive 2s linear infinite; }
#modal-progress .modal-content .attachment-container .attachment.canceled .progress .progress-bar { animation: none; }
#modal-progress .modal-content .attachment-container .attachment.complete .progress .progress-bar { animation: none; }
#modal-progress .modal-content .attachment-container .attachment .progress .progress-percent { display:none; position: absolute; top: 0; left: 50%; width: 0%; transform: translateX(-50%); }


@-webkit-keyframes progressActive {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 35px 35px;
	}
}
@-ms-keyframes progressActive {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 35px 35px;
	}
}
@keyframes progressActive {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 35px 35px;
	}
}





.modal-content .btn { padding: 5px 10px; text-align: center; margin-left: 2px; height: 29px; min-width: 80px; box-sizing: border-box; font-family: 'Noto Sans KR'; font-size: 12px; line-height: 1; vertical-align: middle; color: #000000; background: #ffffff; border-radius: 2px; border: 1px solid #DADADA; outline: none; }
.modal-content .btn:hover { background-color: #0075ff; color: #FFFFFF; }