@charset "UTF-8";
/* CSS Document */
/* 교워 관리교사 스킨 CSS*/
@import url("fonts.css");
* {margin: 0;padding: 0;}
html, body {height: 100%;}
div.login {display: flex;justify-content: center;align-items: center;height: 100%;}
div.login img {vertical-align: baseline;}
div.login form {margin-top: 20px;padding: 30px 25px;width: 500px;border-radius: 10px;background-color: rgba(238,119,0,.6);}
div.login h2 {margin-bottom: 25px;font-weight: 500;font-size: 30px;color: #fff;}
div.login input[type=text],
div.login input[type=password] {margin-bottom: 15px;padding-left: 20px;width: 500px;height: 50px;font-size: 16px;border: 0;border-radius: 5px;box-sizing: border-box;}
div.login button {margin-bottom: 10px;width: 500px;height: 50px;font-size: 16px;color: #fff;border: 0;border-radius: 5px;background-color: #d5201c;cursor: pointer;}
div.login button:hover {color: #ababab;background-color: #964b49;}
div.login span {display: inline-block;position: relative;}
div.login input[type=checkbox] {position: absolute;left: 0;right: 0;z-index: -1;}
div.login label {position: relative;display: inline-block;font-size: 14px;color: #000;line-height: 24px;z-index: 0;}
div.login label:before {display: inline-block;margin-right: 6px;width: 24px;height: 24px;vertical-align: top;border: 1px solid rgb(170,170,170);box-sizing: border-box;background-color: #fff;content: "";}
div.login input:checked + label:before{border: none;background: rgb(216,55,71) url('/static/images/icon_chkBox_chk.svg') no-repeat center;background-size: 12px 9px;}
div.login p {margin-top: 50px;font-size: 13px;color: #7a7a7a;text-align: center;}