@charset "UTF-8";

.page-logo img {
    width: 122px;
    height: 64px;
}

.logBlack{
	width: 217px;
    height: 72px;
}

.logSolar {
	width:700px;
	height:486px;
}

.login-title {	
	font-family: NotoSansCJKkr;
	font-size: 34px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;	
	letter-spacing: -0.48px;	
	color: #024644;
}

.div-title {
	padding-left:28px
}

@media (min-width: 1399px){
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1240px;
	}
}

.login-btn  {  
  border-radius: 3px;
  background-color: #6db849;
  color: #ffffff;
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
}

.login-text{  
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;  
  color: #232323;
}

.img{
    position: relative;
	background-image: url(../../../assets/img/img_solar.png);
	width:800px;                                                               
    height: 486px;
    background-size: cover;
  }
  .img .content{
	 position: absolute;
	 width: 100%;
     top:5%;
     left:67%;
     transform: translate(-50%, -50%);
     color: white;
     z-index: 2;
     text-align: left;
  }

  .Progress_Bar {
	width: 120%;
	height: 100%;
	top: 50px;	
	position: fixed;
	display: none;
	opacity: 0.5;
	background-color: #E6E6E6;
	z-index: 99;
	text-align: center;
	left: -60px;
}
.Progress_Bar_Image {
	position: absolute;
	top: 40%;
	left: 45%;
	z-index: 100; 
	width:100px; 
	height:100px;
}