#loginContainer {
	height : 100vh;
	top : 0px;
	padding-top : 15vh;
}

#loginDiv {
	width : 500px;
	height : 600px;
	margin : 0px auto; 
}     

#loginDiv > #loginForm { 
	width : 100%;
	height : auto;
	padding : 15px;  
	border : 4px solid rgba(30, 30, 30, 0.1);
	border-radius : 8px; 
}

#loginDiv > #loginForm > .inputDiv:first-child, #loginDiv > #loginForm > .inputDiv:nth-child(2) {
	width : 100%;
	height : 70px;   
}

#loginDiv > #loginForm > .inputDiv:first-child > input {
	background-image : url(/resources/include/images/email.png);
}
 
#loginDiv > #loginForm > .inputDiv:nth-child(2) > input {
	background-image : url(/resources/include/images/padlock.png);
}

#loginDiv > #loginForm > .inputDiv:nth-child(3) {
	display : inline-block; 
	width : 100%; 
	height : 33px;  
} 

#loginDiv > #loginForm > .inputDiv:nth-child(3) > .inputDivDiv {
	width : 50%;
	height : 100%; 
	float : left;
}

#loginDiv > #loginForm > .inputDiv:nth-child(3) > .inputDivDiv:first-child {
	text-align : left;
} 

#loginDiv > #loginForm > .inputDiv:nth-child(3) > .inputDivDiv:last-child {
	text-align : right;
}
 
#loginDiv > #loginForm > .inputDiv:nth-child(4) {
	width : 100%;
	height : 70px; 
}

#loginDiv > #loginForm > .inputDiv:nth-child(4) > input {
	width : 100%;  
	height : 60px;  
}  

#loginDiv > #loginForm > .inputDiv:nth-child(5), #loginDiv > #loginForm > .inputDiv:last-child {
	width : 100%;
	height : 23px;
	padding-top : 1px;
	text-align : center;
} 

input[type=checkbox], label {
	cursor : pointer; 
} 

/* 모바일 */
@media all and (min-width : 320px) and (max-width : 413px) {
}

/* 모바일 */
@media all and (min-width : 414px) and (max-width : 767px) {
}

/* 패블릿 */
@media all and (min-width : 768px) and (max-width : 1023px) {
}

/* PC */
@media all and (min-width : 1024px) and (max-width : 1600px){
}