@charset "utf-8";
@import "loading.css";
@import "fonts.css";
@import "basic.css";
@import "layout.css";
@import "board.css";

/*로그인*/
.login_box{
	border:1px solid #ddd;
	padding:10rem 5rem;
}
.login_box .inner{
	position:relative;
	padding-left:300px;
	background:url(../img/login_img1.png) no-repeat left center;
	max-width:80rem;
	margin:0 auto;
}
.login_box .inner .login_form{
	padding-right:15rem;
	position:relative;
}
.login_box .inner .login_form .form-control{
	padding-left:45px;
}
.login_box .inner .login_form p{
	position:relative;
}
.login_box .inner .login_form p:last-child{
	position:absolute;
	right:0;
	top:0;
	width:13.5rem;
	height:100%;
}
.login_box .inner .login_form p button{
	background:#004b90;
	color:#fff;
	border:0;
	width:100%;
	height:100%;
	font-size:1.8rem;
	font-weight:600;
}
.login_box .inner .login_form p i{
	position:absolute;
	left:1.5rem;
	top:50%;
	transform:translatey(-50%);
	color:#999;
	font-size:2rem;
}
@media(max-width:991.98px){
	.login_box .inner{
		padding-left:200px;
		background:url(../img/login_img1.png) no-repeat left center / 160px auto;
	}
}
@media(max-width:767.98px){
	.login_box .inner{
		padding-left:0px;
		background:none;
	}
	.login_box{
		border:1px solid #ddd;
		padding:6rem 3rem;
	}
}


/**/
.charging_station_map{
	background:#ebedf0;
	border-radius:30px;
	overflow:hidden;
	position:relative;
	height:94rem;
	padding-left:40rem;
}
.charging_station_map .map_infomaiton{
	position:absolute;
	left:6rem;
	top:8rem;
	width:28rem;
}
.charging_station_map .map_infomaiton .station_count{
	margin-left:-8px;
	margin-right:-8px;
}
.charging_station_map .map_infomaiton .station_count > div{
	float:left;
	width:50%;
	text-align:center;
	padding:0px 8px;
}
.charging_station_map .map_infomaiton .station_count > div > div{
	width:100%;
	padding-top:100%;
	border-radius:100%;
	background:#fff;
	position:relative;
}
.charging_station_map .map_infomaiton .station_count > div > div > div{
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	width:100%;
	left:0;
}
.charging_station_map .map_infomaiton .station_count > div > div > div > p{
	margin-top:10px;
	font-size:1.6rem;
	color:#555;
	font-weight:600;
}

.charging_station_map .close_station_list h3{
	background:#004b90;
	border-radius:40px;
	padding:1.6rem;
	text-align:center;
	color:#fff;
	font-size:1.6rem;
	width:90%;
	margin:0 auto;
	position:relative;
	z-index:2;
}
.charging_station_map .close_station_list > div{
	background:#fff;
	border-radius:30px;
	background:#fff;
	margin-top:-30px;
	padding:5rem 3rem;
}
.charging_station_map .close_station_list > div > div{
	height:45rem;
	padding-right:20px !important;
}
.charging_station_map .close_station_list > div ul{}
.charging_station_map .close_station_list > div ul li{
	margin-bottom:25px;
}
.charging_station_map .close_station_list > div ul li strong{
	font-size:1.5rem;
	font-weight:500;
	display:block;
	margin-bottom:10px;
}
.charging_station_map .close_station_list > div ul li  div{
	position:relative;
	padding-left:60px;
	margin-bottom:5px;
	color:#666;
}
.charging_station_map .close_station_list > div ul li  div span{
	position:absolute;
	lefT:20px;
}

.charging_station_map .station_map{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}

@media(max-width:1199.98px){
	.charging_station_map{
		padding-left:36rem;
		height: 65rem;
	}
	.charging_station_map .map_infomaiton{
		left: 4rem;
		top: 5rem;
	}
	.charging_station_map .close_station_list > div > div{
		height:28rem;
	}
}
@media(max-width:991.98px){
	.charging_station_map{
		padding-left:0;
		height:auto;
	}
	.charging_station_map .map_infomaiton{
		position:relative;
		width:100%;
		left:0;
		top:0;
		padding:3rem;
	}
	.charging_station_map .map_infomaiton .station_count > div > div{
		padding:15px 0;
		border-radius:50px;
	}
	.charging_station_map .map_infomaiton .station_count > div > div > div{
		display:inline-block;
		position:relative;
		top: 0%;
		transform: translatey(0%);
		padding-left:25px;
		width:auto;
	}
	.charging_station_map .map_infomaiton .station_count > div > div > div > p{
		margin-top:0;
		
	}
	.charging_station_map .map_infomaiton .station_count > div > div > div i{
		position:absolute;
		left:0;
		top:50%;
		transform: translatey(-50%);
	}
	.charging_station_map .station_map{
		border-top:1px solid #ddd;
	}
	.charging_station_map .close_station_list > div{
		padding:5rem 2.5rem 2rem 2.5rem;
	}
	.charging_station_map .close_station_list > div > div{
		height:20rem;
	}
}