#sjsp_login{
	width:510px;
	margin:100px auto;
}

#sjsp_login .title{
	font-size:30px;
	text-align:center;
	color:#222;
	font-family:'roboto','noto sans kr';
}

#sjsp_login .inputList{
	width:100%;
	margin-top:20px;
}

#sjsp_login .inputList li{
	width:100%;
	margin-top:10px;
}

#sjsp_login .inputList li .w100{
	width:100%;
	padding:12px 10px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	font-size:15px;
	height:auto;
}

#sjsp_login .inputList li .submitBTN{
	width:100%;
	background:#222;
	border:0;
	color:#fff;
	padding:15px;
	box-sizing:border-box;
	font-size:15px;
}


#sjsp_login .sns_list_new { width:100%; display:flex; justify-content:space-between;padding:20px 0 ; }
#sjsp_login .sns_list_new li { margin-left:10px; width:100%; }
#sjsp_login .sns_list_new li:first-child { margin-left:0; }
#sjsp_login .sns_list_new li a { display:flex; align-items:center; border:1px solid #ddd; padding:10px; cursor:pointer; }
#sjsp_login .sns_list_new li a img { width:30px; margin-right:10px; border-radius:5px; }
#sjsp_login .sns_list_new li a span { text-align:center; flex-grow:1; line-height:110%; font-size:14px; }


#sjsp_login .snsList{
	width:100%;
	margin-top:20px;
	display:inline-block;
	text-align:center;
}

#sjsp_login .snsList li{
	width:100%;
	display:inline-block;
	text-align:center;
	padding:10px;
	box-sizing:border-box;
	margin-left:1%;
	cursor:pointer;
}

#sjsp_login .snsList li:first-child{
	margin-left:0%;
}

#sjsp_login .snsList .naverLogin{
	background:#1dc101;
}

#sjsp_login .snsList .kakaoLogin{
	background:#ffe803;
}


#sjsp_login .snsList .facebookLogin{
	background:#3a5ca9;
}


#sjsp_login .snsList li .ico{
	width:31px;
	display:inline-block;
	vertical-align:middle;
}

#sjsp_login .snsList li .text{
	font-size:15px;
	color:#fff;
	vertical-align:middle;
	display:inline-block;
}

#sjsp_login .snsList .kakaoLogin .text{
	color:#362121;
}


#sjsp_login .searchBTN{
	width:100%;
	margin-top:30px;
	padding-top:30px;
	text-align:right;
	font-size:15px;
	border-top:1px solid #e5e5e5;
}


#sjsp_login .goJoinBox{
	width:100%;
	padding:30px;
	background:#f7f7f7;
	box-sizing:border-box;
	margin-top:30px;
}

#sjsp_login .goJoinBox .subject{
	font-size:18px;
	text-align:center;
	font-weight:500;
	color:#222;
}

#sjsp_login .goJoinBox .substance{
	font-size:15px;
	text-align:center;
	font-weight:300;
	color:#444;
}

#sjsp_login .goJoinBox .goJoinBTN{
	width:180px;
	margin:30px auto 0;
	padding:15px;
	box-sizing:Border-box;
	border:1px solid #222;
	text-align:Center;
	color:#222;
	display:block
}


#sjsp_login .goJoinBox .goJoinBTN a{
	color:#222;
	display:block
}

#sjsp_login .goJoinBox .goJoinBTN:hover{
	background:#222;
	color:#fff;
	display:block
}

#sjsp_login .goJoinBox .goJoinBTN:hover a{
	color:#fff;
	display:block
}





#sjsp_pw_check { border:1px solid #ddd; background:#fff; margin:120px auto; width:700px; text-align:center; letter-spacing:-.5px; }
#sjsp_pw_check .title { font-size:23px; padding:15px 0; border-bottom:1px solid #ddd; font-weight:bold; color:#222; }
#sjsp_pw_check p { padding:50px 0 30px;  font-size:17px; }
#sjsp_pw_check .my_id { font-size:18px; font-weight:bold; }
#sjsp_pw_check .my_id strong { margin-left:10px; font-weight:bold; color:#222; }
#sjsp_pw_check .inputList{ width:70%; margin:20px auto 50px }
#sjsp_pw_check .inputList li {	width:100%;	margin-top:10px;}
#sjsp_pw_check .inputList li .w100{	width:100%;	padding:12px 10px;	border:1px solid #e5e5e5;	box-sizing:border-box;	font-size:20px;	height:auto;}
#sjsp_pw_check .inputList li .submitBTN{	width:100%;	background:#222;	border:0;	color:#fff;	padding:15px;	box-sizing:border-box; 	font-size:20px; }