/*Variables - Color*/
/* Alert */
.alert {
	display: flex;
	padding-left: 0;
	padding-right: 0;
	border: 1px solid #0171BD;
}

.alert-success {
	background-color: #D9EAF5;
	color: #0171BD;
	border: 1px solid #0171BD;
}

.alert-danger {
	background-color: #F8DEDE;
	color: #CD2127;
	border: 1px solid #CD2127;
}

.close {
	text-shadow: none;
	font-size: 18px;
	opacity: 1;
}

.close:hover {
	color: inherit;
}

.close:not (:disabled ):not (.disabled ):hover {
	opacity: 1;
}

.close:not (:disabled ):not (.disabled ):focus {
	opacity: 1;
}

.close-success {
	color: #0171BD;
}

.close-danger {
	color: #CD2127;
}

.invalid-feedback {
	color: #CD2127;
}

.border-danger {
	border-color: #CD2127;
}

.alert.alert-message {
	position: fixed;
	z-index: 1000;
	width: 100%;
	max-width:800px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0 0;	
}

.alert.alert-message>.alert-inner-message {
	position: relative;
	width: 100%;
	padding: 1.25em 20px;
	font-size: 18px;
}

.alert.alert-message>.alert-inner-message>.close {
	margin: 0.2em 0;
}

.alert.alert-message>.alert-inner-message.alert-dismissible {
	padding-right: 4rem;
}

.alert-fail {
	color: #CD2127;
	background-color: #F8DEDE;
	border-color: #F8DEDE;
}

@media (min-width: 768px) {
	.alert.alert-message {
	left: 50%;                /* 중앙 기준 */
	transform: translateX(-50%); /* 정확히 가운데 정렬 */
	}
}