/* login css */
body {
	background:black url("../img/login_bg.jpg") no-repeat center center;
	background-color:#ededed;
	background-size: cover;
	height: 100vh;
	width:100vw
}

.container_wrap {
	text-align:center;
	background-color: transparent !important;
	margin:0;
	padding: 0;
}
.loginzone {
	max-width:450px;
	width: 100%;
	margin: auto;
	/* padding: 0 20px; */
	border:1px solid #fff;
	border-radius:15px;
	box-shadow:1px 1px 20px 1px #555;
	animation: login01 1s linear;
	overflow:hidden;
	background-color:rgba(15, 19, 39, 0.3);
	padding: 0 0 15px ;
}

.div-table {
	display:table;
	width: 100%;
	height: 100%
}

.div-tablecell {
	display:table-cell;
	vertical-align:middle;
}

@keyframes login02{
	from{
		opacity:0;
		}
	to{
		opacity:1;
	}
}

@keyframes login01{
	from{
		opacity:0;
		margin-top:100px;
		}
	to{
		opacity:1;
		margin-top:0px;
	}
}
.logosection{
	margin: 0 auto 30px;
	text-align: center;
	width: 100%;
}

.logosection img {
	width: 240px;
	display:block;
	margin: 0 auto;
	animation: login02 1s linear;
}

.logosection p {
	font-size: 52px;
	color:#f2f2f2;
	margin-top: 15px;
	/* font-family: 'Raleway-Black'; */
	letter-spacing: 2px;
	line-height: 120%;
	font-style: italic;
    font-weight: 700;
}
.logosection b{
	color: #fff;
}

.logosection .title {
	font-size:30px;
	letter-spacing:1px;
	margin-bottom: 20px
}

.logosection .sub-title {
	font-size:14px;
	margin-bottom: 30px
}


/* 아이디/패스워드 입력창 */
.inputsection {
	width: 100%;
	margin: auto;
	/* background-color:rgba(0,0,0,0.5); */
	/* padding: 20px; */
	text-align: center;
	margin-bottom: 25px;
	
}
.inputsection input {
	background-color:#ededed;
	border:1px solid #bcbcbc;
	width: 330px !important;
	width: -webkit-calc(100% - 60px) !important;
	width: -moz-calc(100% - 60px) !important;
	width: calc(100% - 60px) !important;
	height: 40px !important;
	transition:all 300ms !important;
	border-radius:7px !important;
	margin-top: 10px !important;
	padding: 5px !important;

}

/* .inputsection input:hover, */
.inputsection input:focus,
.inputsection input:active {
	border:1px solid #679bfc;
	box-shadow: none !important;
}

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

.inputsection .id-title {
	width:100%;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #fff;
	margin-bottom:15px;
	color:#fff;
}
.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 {
	text-align: center;
}
.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:#679bfc;
	color:#fff;
	transition:all 300ms;
	border-radius:7px;
	border: 0px;
}

.btn-box .btnlogin:hover {
	background-color:#215dcc;
	color:#fff;
}

.copy {
	margin-top: 24px;
	font-size:12px;
	color:#fff;
	text-align: center;
}

.copy img {
	height: 15px;
}

.save {
	text-align: left;
	color: rgb(188, 217, 255);
	width: -webkit-calc(100% - 60px);
	width: -moz-calc(100% - 60px);
	width: calc(100% - 60px);
	margin: 10px auto 0;
	font-size: 13px;
}
.save input,
.save label{cursor: pointer;}
.save input[type='checkbox']+label{
	background-image: none !important;
	padding-left: 0;
}
.save input[type='checkbox']{
	display: inline-block;
}

/* 모바일 */
@media(max-width:575px) {
	
	.logosection .title {
		font-size:25px;
		margin-bottom: 10px;
	}

	.logosection .sub-title {
		margin-bottom: 20px
	}

}