article#stnLogin {
    display: flex;
    align-items:center;justify-content:center;
    flex-direction:column;
    padding: 5rem 0;
    width:500px;
    margin:0 auto;
    gap: 2rem;
}

article#stnLogin > div.stnLoginLogo {
    display: flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}
article#stnLogin > div.stnLoginLogo > h3 {
    color: var(--c-primary);
}

article#stnLogin > div#stnLogin {
    width:100%;
    display: flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap: 1rem;
}
article#stnLogin > div#stnLogin > input {
    width:100%;
}
article#stnLogin > div.StnLoginBtn {
    width:100%;
}
article#stnLogin > div.StnLoginBtn > button.btn {
    width:100%;
}

article#stnLogin > div.stnRegisterBox {
    width:100%;
    border-top:1px solid #EBEBEB;
    padding:1rem 0;
    display:flex;align-items:flex-end;justify-content:space-between;
}
article#stnLogin > div.stnRegisterBox a {
    text-decoration: none;
    font-size:.875rem;
    color:#666;
}
article#stnLogin > div.stnRegisterBox > div.stnRegisterBoxFind {
    display:flex; gap: .5rem;
}
article#stnLogin > div.stnRegisterBox > div.stnRegisterBoxFind > a {
    font-size: .7778rem;
}
article#stnLogin > div.stnRegisterBox a:hover { color: #212121; }