@charset "urf-8";

*{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
#logo{
	text-align: center;
	border-bottom: 1px solid #A6A6A6;
	height: 50px;
}
#logo img{
	width: 100px;
	margin-top: 10px;
}	
#login{
	text-align: center;

}
h2 img{
	width: 100px;

}
#box{
	border: 3px solid #93B1D3;
	width: 500px;
	height: 400px;
	margin: 0 auto;
	border-radius: 60px;
	padding: 50px ;
	overflow: hidden;
}
#id, #pw{
	width: 100%;
	height: 70px;
	text-indent: 15px;
	border-radius: 17px;
	border: 1px solid #aaa;
	margin-bottom: 12px;
}
#idpwjoin{
	overflow: hidden;
	margin: 10px 0 20px;
}
.idpw_find li{
	float: left;
}
.idpw_find li a{
	color: #898989;
	font-size: 13px;
}
.join{
	float: right;
}
.join a{
	color: black;
}
.join a:hover{
	text-decoration: underline;
}
#box .box_log{
	width: 100%;
	height: 70px;
	background: #CCE1F9;
	border: none;
	border-radius: 17px;
	font-size: 1.2em;
	font-weight: bold;
	color: #565656;
}
#sns_login{
	
	margin-top: 40px;
}
#sns_login ul{
	overflow: hidden;
}
#sns_login ul li:nth-child(1){
	border: 3px solid #69C960;
	border-radius: 22px;
	float: left;
	
}
#sns_login ul li a{
	width: 220px;
	height: 60px;
	line-height: 60px;
	display: flex;
    align-items: center;
    justify-content: space-around;
	color: #000;
	padding: 5px 0;
}
#sns_login ul li:nth-child(2){
	border: 3px solid #FFE100;
	border-radius: 22px;
	float: right;
}