@charset "UTF-8";

/**
 * modal_dialog.css
 *
 * @author 김상현
 * @since 2019. 10. 17.
 * @see
 * <pre>
 * &lt;&lt; Modification Information &gt;&gt;
 *
 * Date          Role      Change log
 * ----------    --------    ------------------------
 * 2019.10.17    hyun        최초 생성
 *
 * </pre>
 */

.modal-dialog {
	display: none;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
	display: inline-block;
	min-width: 200px;
	max-width: 80%;
	max-width: calc(80% - 6px);
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-name: modalani;
	-webkit-animation-duration: 0.4s;
	-moz-animation-name: modalani;
	-moz-animation-duration: 0.4s;
	-o-animation-name: modalani;
	-o-animation-duration: 0.4s;
	animation-name: modalani;
	animation-duration: 0.4s;
}

.modal-content p {
	padding: 5px;
}

.modal-content .message { color: #0065b3; font-size: .9em;}
.modal-content .message strong { color: #e40909;}

.modal-title {
	padding: 10px;
	background-color: #0c4ca4;
	color: #ffffff;
	font-size: 14px;
}

.modal-close {
	position: absolute;
	right: 7px;
	top: 9px;
	font-size: 12px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmY2MxZTJjMi0yYjdlLWQ1NDItOGU2MC1lMzNhYjZkN2M3MmQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzVFODRCRDI4NjA4MTFFNjgyRUU4MjFBN0JGNkFEQzkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzVFODRCRDE4NjA4MTFFNjgyRUU4MjFBN0JGNkFEQzkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NWRmOWQ2OWQtMTBiYy1hZjQ0LWE0YzctNTIyMDExNjdiYzFkIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmZjYzFlMmMyLTJiN2UtZDU0Mi04ZTYwLWUzM2FiNmQ3YzcyZCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhqYPMoAAABQSURBVHjaYvj///9aIHYGYgYisAtIPYzxmgiNcHUYAoQ0gPg4JfCJMxBQgNUgfE6pxOVkXJ6u+g8BFdjkqWITyX4iOfRIjieyUgTJaQ8gwAD9URujPi/EIwAAAABJRU5ErkJggg==) no-repeat !important;
	width: 13px;
	height: 13px;
	font-size: 0;
	line-height: 0;
	border: 0;
	top: 13px;
	display: block;
}

/*.modal-close:hover, .modal-close:focus {
	background: url(images/close.png) no-repeat;
}*/

.modal-body {
	padding: 10px;
}

.modal-footer {
	padding: 5px 10px 20px;
	text-align: center;
}

.modal-confirm {
	border-color: #555555;
	background-color: #0065b3;
	color: #ffffff;
	display: inline-block;
	cursor: pointer;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
	appearance: button; -webkit-appearance: button; -moz-appearance: button;
	border: 1px solid #7f7f7f;
	border-radius: 2px;
	padding: 2px 7px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#008bf2), to(#0065b3));
	background-image: -webkit-linear-gradient(top, #008bf2, #0065b3);
	background-image: -moz-linear-gradient(top, #008bf2, #0065b3);
	background-image: -ms-linear-gradient(top, #008bf2, #0065b3);
	background-image: -o-linear-gradient(top, #008bf2, #0065b3);
	background-image: linear-gradient(to bottom, #008bf2, #0065b3);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #008bf2, endColorstr = #0065b3);
}

.modal-confirm.bg_blue {
	background-color: #0065b3 !important;
}

.modal-cancel {
	border-color: #7f7f7f;
	background-color: #eaeaea;
	color: #000000;
	display: inline-block;
	cursor: pointer;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
	appearance: button; -webkit-appearance: button; -moz-appearance: button;
	border: 1px solid #7f7f7f;
	border-radius: 2px;
	padding: 2px 7px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f2f2f2, #eaeaea);
	background-image: -moz-linear-gradient(top, #f2f2f2, #eaeaea);
	background-image: -ms-linear-gradient(top, #f2f2f2, #eaeaea);
	background-image: -o-linear-gradient(top, #f2f2f2, #eaeaea);
	background-image: linear-gradient(to bottom, #f2f2f2, #eaeaea);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #f2f2f2, endColorstr = #eaeaea);
}

@-webkit-keyframes modalani {
	from {
		top: 0;
		opacity: 0;
	}
	to {
		/*top: 30%;*/
		opacity: 1;
	}
}
@-moz-keyframes modalani {
	from {
		top: 0;
		opacity: 0;
	}
	to {
		/*top: 30%;*/
		opacity: 1;
	}
}
@-o-keyframes modalani {
	from {
		top: 0;
		opacity: 0;
	}
	to {
		/*top: 30%;*/
		opacity: 1;
	}
}
@keyframes modalani {
	from {
		top: 0;
		opacity: 0;
	}
	to {
		/*top: 30%;*/
		opacity: 1;
	}
}