@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
ul,li{ list-style:none;}
a{ text-decoration:none;}
img{ max-width:100%;}
#wrap{ width:100vw; height:100vh; position:relative; top:0px; left:0px; overflow:hidden;}
#log_box{ position:absolute;  width:660px; top:55vh; margin-top:-32vh; left:50%; margin-left:-330px;}
#log_box>p{ text-align:center;}
#log_box>p#log_logo{ width:100%; text-align:center;}

#log_box>p#log_text{ padding:15px 0px; text-align:center; width:100%;}
#log_form{ width:660px; margin:30px auto 0px;}
/*#log_form>form{ width:100%;}*/
#log_form>input{ width:180px; height:33px; background:#1e1e1e; color:#fff; font-size:14px; padding:7px 0px 5px 30px; border:1px solid #000; box-shadow:1px 1px 3px #111; position:relative;}
#log_form>input#log_id{background:url(/img/login/login_p.png) center left no-repeat; background-color:#1e1e1e;}
#log_form>input#log_pw{background:url(/img/login/login_key.png) center left no-repeat; background-color:#1e1e1e; }

#log_in {
    display: flex;
    float: right;
    width: 200px;
    margin-right: 30px;
    margin-left: 0px;
}
#log_in>li{ float:left; width:100px; height:40px; border:1px solid #333; line-height:40px; padding:2px; margin-left:5px; border-radius:3px;  background-image: linear-gradient(to bottom, #e7a854, #feeda1); }
#log_in>li>a{  display:block; width:100%; height:100%; border-radius:0px;}
#log_in>li>button{ width:100%; height:100%;padding:5px 0px; color:#000; font-size:14px;}
#copyright{ position:absolute; bottom:5px; text-align:center; font-size:12px; color:#666; letter-spacing:-0.5px; padding:15px 0px; width:100%; }
            @media screen and (max-width: 1520px) {
              #log_form{  margin:30px auto 0px;}

            }