/* 관리자 로그인 css */

body {
	background:url("/public/img/admin/login_bg.png") no-repeat center center;
	background-size: cover;
	background-color:#f1f1F9;
}
.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 rgba(58, 80, 146, 0.4);
	animation: login01 1s linear;
	overflow:hidden;
	background-color:rgba(100, 122, 151, 0.4)
}
@keyframes login02{
	from{
		opacity:0;
		}
	to{
		opacity:1;
	}
}
@keyframes login01{
	from{
		opacity:0;
		}
	to{
		opacity:1;
	}
}
.logosection img{
	width: 230px;
	display:block;
	margin:0 auto 40px;
}
.input-zone{
	width: 100%;
	margin:auto;
	margin-bottom:25px;
}
.input-zone input {
	background-color:#ededed;
	border:1px solid #fff;
	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 #5C7DFB;
}

.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(92, 124, 251, 0.541)
}

.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:#333;
	transition:all 300ms;
	border-radius:7px;
	font-weight: bold;
	border:none;
}

.btn-box .btnlogin:hover {
	background-color:#5C7DFB;
	color:#fff;
}

.copy {
	margin-top: 20px;
	font-size:12px;
	color:#fff
}

.copy img {
	height: 15px;
}
