@charset 'utf-8';

body {background-color:var(--phoenix-white)}
.login {display:flex; height:100vh; width:100%; align-items:center; justify-content:center; /*background:center / cover no-repeat url('../img/bg.jpg')*/}

.login .login_area {min-width:300px; width:400px}
.login .login_logo{width:350px; margin:0 auto 40px}
.login .login_logo a {width:100px; display:inline-block}
.login .login_logo h4 {float:right; padding-top:15px}

.login .login_cont {padding:40px 50px; margin-left:0; margin-right:0; border-radius:1rem; /*box-shadow:0px 2px 10px -2px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.28);*/ background-color:var(--bs-gray-light)}

.login .btn#login {width:100%; height:100%; padding:0; background-color:var(--bs-primary); color:var(--phoenix-white); padding:13px}
.login .btn_icon {margin:0 var(--bs-s10)}
.login .btn_icon img {height:var(--bs-s40)}

.login .btn_find{display:inline-block; padding:0 var(--bs-s20); position:relative; font-size:var(--bs-s13)}
.login .btn_find:not(:last-child):after {content:'\007c'; position:absolute; right:0; color:var(--bs-gray-300)}

.login .link_kakao img {width:30px}

.btn_kakao {position:fixed; right:50px; bottom:50px}


.modal_join .modal-dialog{width:var(--bs-s500)}
.modal_pw .find_cert {display:none}