@charset "utf-8";
/* ------------------ 로딩바 { ------------------ */
.loading-indicator-overlay {
    width: 100% !important;
	height: 100vh !important;
	background-color: #FFFFFF;
    position: fixed !important;
	opacity: 0.7;
}
.loading_wrapper {
	position:fixed !important; 
	top:50% !important; 
	left:50% !important; 
	transform:translate(-50%, -50%); 
	width:200px;
	text-align:center; font-size:10px; 
	z-index: 999999 !important;
}
.loading_wrapper > div {
	width: 100%; height: 150px; margin-bottom: 40px;
	display: flex;
    justify-content: center;
}
.loading_wrapper > div > .loading_rect {
  height:100%; width:14px; margin: 0 3px;
  background-color:#003c8a; 
  display:inline-block; 
  -webkit-animation:stretchDelay 1.2s infinite ease-in-out; 
  animation:stretchDelay 1.2s infinite ease-in-out;
}
.loading_wrapper > div > .loading_rect2 {-webkit-animation-delay: -1.1s; animation-delay:-1.1s;}
.loading_wrapper > div > .loading_rect3 {-webkit-animation-delay: -1s; animation-delay:-1s;}
.loading_wrapper > div > .loading_rect4 {-webkit-animation-delay:-0.9s; animation-delay:-0.9s;}
.loading_wrapper > div > .loading_rect5 {-webkit-animation-delay: -0.8s; animation-delay:-0.8s;}

.loading_wrapper > .loading_txt{
	font-size:20px; 
	font-weight:bold; 
	color:#333;
}


@-webkit-keyframes stretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}

@keyframes stretchDelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}