/* BASIC css start */
/**** ·Î±×ÀÎ ****/

#pageContent {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    margin: 3rem 0 5rem 0;
    gap: 3rem;
}

.loginBox {
    width: 50rem;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    gap: 2.5rem;
    padding: 5rem 2.5rem;
    border-radius: 2.5rem;
    background-color: var(--white);
    box-shadow: 0px 3px 10px #00000020;
}

.loginContentsFlex {
    position: relative;

    width: 22rem;
    display: flex;
    flex-flow: column nowrap;
    gap: 2.5rem;
    /* background-color: #536fac; */
}

.login_title {
    font-weight: 700;
    text-align: center;
    margin-bottom: 1rem;
}
/* ·Î±×ÀÎ ÀÎDz */
.login_input_container label {
    position: absolute;
    bottom: 110%;
    left: 0.25rem;
    font-size: 0.875rem;
    color: var(--darkgrey);
}
.login_input_container input {
    width: 100%;
    border: 1px solid var(--black);
    height: 2.5rem;
    border-radius: 2.5rem;
    padding: 0 1rem;
}
/* ·Î±×ÀÎ ¹öÆ° */
.loginBtn {
    line-height: 2.5rem;
    background-color: var(--black);
    border-radius: 2.5rem;
    color: var(--white);
    text-align: center;
}

/* ¾ÆÀ̵ð ºñ¹Ð¹øÈ£ ã±â */
.login_sub_menu {
    display: flex;
    justify-content: space-evenly;
}

/* SNS ¿¬µ¿ */
#loginpage .login fieldset .snsAreaNotice {
    text-align: center;
}
#loginpage .login fieldset .snsArea {
    display: flex;
    justify-content: space-evenly;
}
#loginpage .login fieldset .snsArea li {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 0.5rem;
}
#loginpage .login fieldset .snsArea li a {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}
#loginpage .login fieldset .snsArea .sns_login_01 a {
    background: #26c826;
}
#loginpage .login fieldset .snsArea .sns_login_02 a {
    background: #536fac;
}
#loginpage .login fieldset .snsArea .sns_login_03 a {
    background: #ffca13;
}
#loginpage .login fieldset .snsArea .sns_login_01 a svg {
    width: 1.75rem;
}
#loginpage .login fieldset .snsArea .sns_login_03 a svg {
    width: 2rem;
}
#loginpage .login fieldset .snsArea li span {
    float: left;
    width: 20%;
    display: block;
    height: 30px;
    padding: 8px 0 7px;
    border-right: 1px solid #fff;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
#loginpage .login fieldset .snsArea li em {
    float: right;
    width: 80%;
    font-style: normal;
}

/* BASIC css end */