/* 관리자 로그인 css */

body {
	background:url('/public/3d-space/home/img/login_bg.jpg') no-repeat center center;
	background-size: cover;
}
.container{
	width:100%; height: 100%;
	text-align:center;
	display:table;
	min-width:400px;
}
.div-tablecell{
	display:table-cell; vertical-align:middle;
	}
.loginsection{
	max-width:400px;
	width:100%;
	height: 330px;
	margin: auto;
	border:1px solid #fff;
	border-radius:15px;
	box-shadow:1px 1px 20px 1px #555;
	animation: login01 1s linear;
	overflow:hidden;
	background-color:rgba(0,0,0,0.5);
}
@keyframes login02{
	from{
		opacity:0;
		}
	to{
		opacity:1;
	}
}
@keyframes login01{
	from{
		opacity:0;
		}
	to{
		opacity:1;
	}
}
.logosection img{
	width: 200px;
	display:block;
	margin:0 auto 30px;

}
.input-zone{
	width: 100%;
	margin:auto;
	margin-bottom:25px;
}
.input-zone input {
	background-color:#ededed;
	border:1px solid #bcbcbc;
	width: 330px;
	width: -webkit-calc(100% - 60px);
	width: -moz-calc(100% - 60px);
	width: calc(100% - 60px);
	height: 40px;
	transition:all 300ms;
	border-radius:7px;
	margin-top:10px;

}


.input-zone input:focus,
.input-zone input:active {
	border:1px solid #312C54;
}

.input-zone input.inputID {
	margin-bottom: 10px;
}

.input-zone .id-title {
	width:100%;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #fff;
	margin-bottom:20px;
	color:#fff;
	background-color:rgba(0,131,173,0.8);
}

.id p, .pw p {
	text-align:left;
	color:#fff;
	width: 330px;
	width: -webkit-calc(100% - 60px);
	width: -moz-calc(100% - 60px);
	width: calc(100% - 60px);
	margin:0 auto;
	font-size:14px;
	line-height:20px;
}

.btn-box .btnlogin {
	width: 330px;
	width: -webkit-calc(100% - 60px);
	width: -moz-calc(100% - 60px);
	width: calc(100% - 60px);
	height: 40px;
	cursor:pointer;
	background-color:#fff;
	color:#222;
	transition:all 300ms;
	border-radius:7px;
	border:none;
}

.btn-box .btnlogin:hover {
	background-color:rgb(0,131,173);
	color:#fff;
}

.copy {
	margin-top: 20px;
	font-size:12px;
	color:#fff
}

.copy img {
	height: 15px;
}

.copy strong {
	
}