.login-form{width:100%; max-width:400px;margin:50px auto 10px auto}
.out-form{width:100%}
.login-form li,.out-form li{display:flex; flex-wrap:wrap; justify-content:space-between;margin-bottom:10px}
.login-form li span{display:inline-block; height:40px; line-height:40px; width:calc(100% - 100px)}
.login-form li span.tit{width:100px;text-align:left}
.login-form li span input{width:100%;height:40px;border-radius:3px; border:1px solid #ddd;padding:0 10px}
.login-form .btn-login button,.login-form .btn-login input{display:inline-block; width:100%;background:#f5821f; border:0; height:50px;border-radius:3px; color:#fff;font-size:1rem; font-weight:bold}
.forget-pass{margin-top:30px}
.forget-pass a, .forget-pass input {display:inline-block;font-size:1rem;font-family:"Noto Sans KR", "NanumGothic", dotum ,sans-serif;background:#fff; color:#666}
.forget-pass span{border-left:1px solid #ddd; margin:0 10px}

.login-form table{width:100%; table-layout:fixed}
.login-form table input{height:50px; line-height:50px; width:100%;background:#efefef;border:0;padding:0 10px}
.login-form table input[type="checkbox"]{width:15px; height:15px}
.login-form table td{padding:5px 0}
.login-form table td a{display:inline-block;background:#4a3837; width:100%; height:50px;line-height:50px; font-size:0.85rem;text-align:center; color:#fff}
.login-form .btn-login input{margin-top:20px}

.out-box{border:1px solid #ddd; font-size:0.9rem;padding:15px; line-height:1.5; color:#555}
.out-form {margin-top:10px}
.out-form li span{width:calc(100% - 100px);}
.out-form li span.tit{width:100px;line-height:40px}
.out-form li span input{width:100%; height:40px; line-height:40px;padding:0 15px}
.out-form li span br{display:none}
.out-form li span textarea{width:100% !important; height:200px}
.bth-harf{text-align:center;margin-top:20px}
.bth-harf a{display:inline-block; width:100%; max-width:150px;;background:#333;text-align:center;height:50px; line-height:50px;color:#fff;border-radius:3px}
.bth-harf a.bg-gray{background:#888}