#modal {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 100;
}
#modal .dim {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}
.modal-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 512px;
	padding:0 1rem;
	transform: translate(-50%, -50%);
}
.modal-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:1.25rem;
	color: #fff;
	background-color: #FE9520;
}
.modal-head h2 {
	font-size: 1.25rem;
}
.modal-head button {
	width: 1.125rem;
	height: 1.125rem;
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Close-Menu' clip-path='url(%23clip0_4011_3594)'%3E%3Crect id='Rectangle 11' x='1.2218' y='-0.192383' width='24' height='2' transform='rotate(45 1.2218 -0.192383)' fill='white'/%3E%3Crect id='Rectangle 13' x='-0.192383' y='16.7782' width='24' height='2' transform='rotate(-45 -0.192383 16.7782)' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4011_3594'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.modal-body {
	padding:1.25rem;
	background-color: #fff;
}
.modal-body .form-group {
	display: flex;
	gap: 0.5rem;
	margin-bottom: 1.25rem;
}
.modal-body .form-group:after {
	display: none;
}
.modal-body .form-control {
	position: relative;
	width: 100%;
	height: 3.25rem;
	padding: 0 1.25rem;
	color: #222;
	font-size: 1.125rem;
	font-weight: 400;
	border: 1px solid #ddd !important;
	border-radius: 4px;
	border-radius: 0.25rem;
}
.modal-body .form-btn {
	flex-shrink: 1;
	width: auto;
	height: 3.25rem;
	padding: 0 2rem;
	color: #fff;
	text-wrap: nowrap;
	border: 1px solid #222;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: #222;
}
.modal-body .table {
	width: 100%;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.modal-body .table-head  {
	display: flex;
	width: 100%;
	padding:0;
	border-bottom: 1px solid #ddd;
	background-color: #f6f6f6;
}
.modal-body .table-head li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding:0.75rem 0;
	border-right: 1px solid #ddd;
}
.modal-body .table-head li:last-child {
	border-right: none;
}
.modal-body .table-head li.w-sm {
	flex-shrink: 1;
	max-width: 4rem;
}
.modal-body .table-head li.w-md {
	flex-shrink: 1;
	max-width: 8.5rem;
}
.modal-body .table-body {
	overflow-y: auto;
	max-height: 13.125rem;
	padding:0;
}
/* 스크롤 */
.modal-body .table-body::-webkit-scrollbar {
	width: 0.25rem;
	height: 0.25rem;
}

.modal-body .table-body::-webkit-scrollbar-thumb {
	background-color: #999;
	border: none;
	border-radius: 8px;
}

.modal-body .table-body::-webkit-scrollbar-thumb:hover {
	background-color: #999;
}

.modal-body .table-body::-webkit-scrollbar-track {
	border-radius: 8px;
	background-color: #d9d9d9;
}
.modal-body .table-body li {
	display: flex;
	align-items: center;
}
.modal-body .table-body li:hover {
	background-color: #F0F8FF;
}
.modal-body .table-body li span {
	width: 100%;
	padding:0.75rem 0;
	line-height: 1.4;
	/* word-break: keep-all; */
}
.modal-body .table-body li span.w-sm {
	flex-shrink: 1;
	max-width: 4rem;
}
.modal-body .table-body li:hover span.w-sm {
	font-weight: bold;
}
.modal-body .table-body li span.w-md {
	flex-shrink: 1;
	max-width: 8.5rem;
}
.modal-body .table-body li:hover span.w-md {
	font-weight: bold;
}
.modal-body .table-default,
.modal-body .table-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 11.25rem;
	color: #999;
	text-align: center;
}
.modal-body .table-empty:before{
	display: inline-block;
	width: 1.3125rem;
	height: 1.3125rem;
	margin-right: 0.5rem;
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='21' height='21' rx='10.5' fill='%23999999'/%3E%3Cpath d='M11.5971 12.1065C11.5961 12.2069 11.5753 12.3061 11.536 12.3984C11.4966 12.4908 11.4395 12.5745 11.3678 12.6448C11.2961 12.715 11.2112 12.7705 11.1181 12.808C11.025 12.8455 10.9253 12.8642 10.825 12.8632H10.1751C10.0747 12.8642 9.97513 12.8455 9.88199 12.808C9.78885 12.7705 9.70402 12.715 9.63232 12.6448C9.56062 12.5745 9.50344 12.4908 9.46409 12.3984C9.42474 12.3061 9.40398 12.2069 9.40297 12.1065L9.07422 4.84104C9.07625 4.63827 9.15873 4.44461 9.30353 4.30265C9.44833 4.16068 9.64357 4.08204 9.84635 4.08402H11.1537C11.3565 4.08204 11.5518 4.16068 11.6966 4.30265C11.8414 4.44461 11.9239 4.63827 11.9259 4.84104L11.5971 12.1065Z' fill='white'/%3E%3Cpath d='M11.6332 16.3015C11.6333 16.3821 11.6176 16.462 11.5868 16.5366C11.5561 16.6112 11.511 16.679 11.4541 16.7361C11.3972 16.7932 11.3295 16.8386 11.2551 16.8696C11.1806 16.9006 11.1008 16.9167 11.0201 16.9168H9.9822C9.90154 16.9167 9.82171 16.9006 9.74725 16.8696C9.67279 16.8386 9.60515 16.7932 9.54822 16.7361C9.4913 16.679 9.4462 16.6112 9.41547 16.5366C9.38474 16.462 9.36899 16.3821 9.36914 16.3015V15.2599C9.36899 15.1792 9.38474 15.0993 9.41547 15.0247C9.4462 14.9502 9.4913 14.8824 9.54822 14.8252C9.60515 14.7681 9.67279 14.7227 9.74725 14.6917C9.82171 14.6607 9.90154 14.6447 9.9822 14.6445H11.0201C11.1008 14.6447 11.1806 14.6607 11.2551 14.6917C11.3295 14.7227 11.3972 14.7681 11.4541 14.8252C11.511 14.8824 11.5561 14.9502 11.5868 15.0247C11.6176 15.0993 11.6333 15.1792 11.6332 15.2599V16.3015Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: cover;
	content:'';
}
.modal-body .long-login {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.modal-body .long-login img {
	width: 6.9375rem;
}
.modal-body .long-login p {
	margin-top: 1.5rem;
	font-size: 1.5rem;
}
.modal-body .long-login small {
	margin-top: 1rem;
	color: #999;
	font-size: 1rem;
	font-weight: 700;
}

.modal-body .btn_wrap {
	display: flex;
	gap: 1.25rem;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ddd;
}
.modal-body .btn_wrap button,
.modal-body .btn_wrap a,
.modal-body .btn_wrap input,
.modal-body .btn_wrap label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 3.4375rem;
	padding:0.875rem 0;
	font-size: 1rem;
	text-align: center;
	border-radius: 0.25rem;
	border: 1px solid #F8F8F8 !important;
	box-sizing: border-box;
	background-color: #F8F8F8;
	cursor: pointer;
}
.modal-body .btn_wrap button.on,
.modal-body .btn_wrap a.on,
.modal-body .btn_wrap label.on {
	color:#FAA74A;
	background-color: #FFF8F0;
    border-color: #FAA74A !important;
}

.modal-foot {
	display: flex;
	border-top: 1px solid #ddd;
	background-color: #fff;
}
.modal-foot button {
	width: 100%;
	padding:1.25rem 1rem;
	font-size: 1rem;
	font-weight: bold;
}
.modal-foot button.btn-false {
	color: #999;
}
.modal-foot button + button {
	border-left: 1px solid #ddd;
}