.login-box{
border-bottom:1px #e0e0e0 solid;
padding:100px 0;
}
.login-box-arae{
width:96%;
max-width:480px;
margin:0 auto;
}
.login-tit{
text-align:center;
font-size: 58px;
letter-spacing: 0.1em;
margin-bottom:30px;
}
.login-input{
display:flex;
flex-direction: column;
gap:20px;
}
.login-input input{
width:100%;
padding:20px;
border-radus:0;
border:1px #c5c5c5 solid;
font-size:16px;
font-weight:100;
box-sizing:border-box;
}
.mem-mid{text-align:center; font-size:14px; margin-top:20px;
display:flex;
align-items: center;
justify-content: center;
}
.login-btn{
display:flex;
justify-content: center;
align-items: center;
margin-top:40px;
gap:40px;
}
.login-btn a{
color:#566e6f;
position:relative;
}
.login-btn a:first-child:after{
content:"";
display:block;
width:1px;
height:12px;
position:absolute;
top:50%;
margin-top:-6px;
right:-20px;
background:#ccc;
}
.login-button{
background: #0d3538;
display: block;
color: #fff;
letter-spacing: 0.05em;
font-weight: 200;
padding: 20px 40px;
width:100%;
font-size:17px;
margin-top:30px;
border:0;
}
.login-top{
width:100%;height:150px;background:#1b3a3d;
}


@media (max-width:1024px){
	.login-top{height:104px;}
	.login-box{padding:40px 0;}
	.login-tit{font-size:38px;}
}

@media (max-width:768px){
	.login-top{height:67px}
}