@charset "UTF-8";
/*
    Document    : Layout.css
    Created on  : 21. 02. 09
    Author      : Nexist
    Description : 로그인 스타일 시트입니다.
*/
html { width: 100%; height: 100%; }
body.signin { position: relative; background: #031f39; width: 100%; min-height: 100%; display: flex; justify-content: center; align-items: center; }
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

#admin_signin { position: relative; min-width: 300px; width: 90%; height: 480px; text-align: center; z-index: 10;}
#admin_signin h1 { padding: 30px 0; margin: 0; line-height: 30px; font-size: 28px; font-weight: 400; font-family: 'Nanum Square', NanumSquare; color: #fff; }
#admin_signin h1 b { font-weight: 900; font-size: 30px; }
#admin_signin h1 img { max-width: 300px; }
#admin_signin form fieldset { margin: 0; padding: 0; border: none; }
#admin_signin form legend { display: none; }
#admin_signin dl { width: 100%; max-width: 400px; background: rgba(255,255,255,0.80); border-radius: 5px; text-align: center; overflow: hidden; border-radius: 4px; box-shadow: 0 3px 30px rgba(0,0,0,0.5); margin: 0 auto; padding: 15px 0; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
#admin_signin dl dt { display: block; width: 84%; margin: 0 auto; padding: 10px 0 5px 5px; color: #999; text-align: left; font-size: 12px; }
#admin_signin dl dd { padding: 0 0 15px 0; margin: 0; }
#admin_signin dl dd input { width: 84%; transition: 0.3s ease-out; border: solid 1px #ccc; }
#admin_signin dl dd input::placeholder { visibility: hidden; }
#admin_signin dl dd input:hover { border: solid 1px #aaa; }
#admin_signin dl dd input:focus { border: solid 1px #999; background: #fff; }
#admin_signin dl dt.auto_login { text-align: left; padding: 0 0 15px 0; display: flex; }
#admin_signin dl dt.auto_login input { width: unset; }
#admin_signin dl dt.auto_login label { display: inline-block; padding-left: 5px; }

#admin_signin .login_btn { padding: 20px 0 0 0; }
#admin_signin .login_btn input[type='submit'] { width: 100%; max-width: 400px; padding: 15px 0 15px 5px; font-weight: 700; font-size: 19px; border-radius: 4px; text-shadow: 0 1px 2px rgba(0,0,0,0.3); box-shadow: 0 3px 30px rgba(0,0,0,0.5); background: #e1ab55; color: white; letter-spacing: 5px; border: none; text-decoration: none !important; white-space: nowrap; transition: 0.3s ease-out; font-family: 'NanumSquare', 'Nanum Square'; }
#admin_signin #login_btn2 { padding: 20px; font-size: 12px; color: #999; }
#admin_signin #login_btn2 a { color: #999; }
#background { height: 100vh; width: 100vw; overflow: hidden; }

.input_box { border: solid 1px #dbdbdb; border-radius: 3px; background: #fdfdfd; padding: 10px; width: 150px; }
.input_box:hover { border: solid 1px #aaa; }
.input_box:focus { background: #fff; }
.input_box::placeholder { color: #ccc; }