button{
    width:300px; height:45px;
    margin:10px;
}
#terms-agree, #auto-login{
    display:inline-block;
}
/* join S */
#frmJoin{
    display:relative;
    max-width:450px;
    min-width:380px;
    width:100%;
}
.themeButton>button{
    margin-left:calc(100% - 310px);
    border:0;
    border-radius:3px;
}
.joinList li, .loginList li{
    margin-bottom:10px;
}
.termBox{
    margin-bottom:10px;
    width:100%;
    border: 1px solid rgba(0,0,0,0.5);
    border-radius:3px;
}
.terms{
    margin:10px;
    width:calc(100% - 20px);
    border: 1px solid rgba(0,0,0,0.5);
    border-radius:3px;
}
.agreement{height:20px;}
.agreement *{
    margin-right:10px;
    float: right;
}
.kakaoTheme{background:#FEE500;}
.naverTheme{background:#2DB400;}
.term{margin-top:20px;}
/* join E */
/* login S */
.additionalMenu{justify-content:space-between;}
.buttons{width:300px; margin:0 auto;}
.buttons>*{
    width:300px; height:45px;
    margin:5px 0;
    font-size:15px; line-height:45px; font-weight:bold; text-align:center
}
.buttons>a:last-child{
    display:block;
    width:300px; height:45px;
    background:#fdf0d5;
    border:1px solid #22526b;
    border-radius:1px;
}
/* login E */