#joinContainer {
	height : 100vh;
	top : 0px;
	padding-top : 15vh;
}
 
#joinDiv {
	width : 500px;
	height : 600px;
	margin : 0px auto; 
} 

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

#joinDiv > #joinForm > .inputDiv:nth-child(4) > .inputDivDiv:first-child, #joinDiv > #joinForm > .inputDiv:nth-child(5) > .inputDivDiv:first-child,
#joinDiv > #joinForm > .inputDiv:nth-child(6) > .inputDivDiv:first-child  {
	width : 30%;  
	text-align : center;
}  
   
#joinDiv > #joinForm > .inputDiv:nth-child(4) > .inputDivDiv:last-child, #joinDiv > #joinForm > .inputDiv:nth-child(5) > .inputDivDiv:last-child,
#joinDiv > #joinForm > .inputDiv:nth-child(6) > .inputDivDiv:last-child {
	width : 68%;
	margin-left : 2%;
}
 
#joinDiv > #joinForm > .inputDiv:nth-child(4) > .inputDivDiv > input {
	width : 100%;
} 

#joinDiv > #joinForm > .inputDiv:nth-child(5) > .inputDivDiv:first-child > h2, #joinDiv > #joinForm > .inputDiv:nth-child(6) > .inputDivDiv:first-child > h2 {
	margin-top : 15px;
} 

#joinDiv > #joinForm > .inputDiv:last-child > .inputDivDiv {
	width : 49%;
	height : 100%; 
}

#joinDiv > #joinForm > .inputDiv:last-child > .inputDivDiv:first-child {
	margin-right : 2%;
}

#joinDiv > #joinForm > .inputDiv:last-child > .inputDivDiv > input {
	width : 100%;
	height : 60px;
} 

input[type=date] {
	cursor : pointer; 
}

#user_email {
	background-image : url(/resources/include/images/email.png);
}

#user_pwd {
	background-image : url(/resources/include/images/padlock.png);
}

#user_pwd_check {
	background-image : url(/resources/include/images/padlock.png);
}

#user_name {
	background-image : url(/resources/include/images/name.png);
}

#user_phone {
	background-image : url(/resources/include/images/smartphone-call.png);
}

#user_birth, #user_join_date {
	background-image : url(/resources/include/images/calendar.png);
	float : left;
	border-right : 0px solid white;
	border-bottom-right-radius : 0px; 
	border-top-right-radius : 0px;   
} 
 
#joinDiv > #joinForm > .inputDiv:nth-child(5) > .inputDivDiv:last-child > .date_btn, #joinDiv > #joinForm > .inputDiv:nth-child(6) > .inputDivDiv:last-child > .date_btn { 
	width : 59px;
	height : 60px; 
	float : left; 
	border-bottom-left-radius : 0px;  
	border-top-left-radius : 0px;   
	background-image : url(/resources/include/images/search-icon.png); 
	background-size : 30px;
	background-position : center;
	background-repeat : no-repeat;  
}

#popUp {   
	top : 0px;
	height : 100vh;
}
   
/* 모바일 */
@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){
}