*{margin: 0; padding: 0;}
li {list-style: none;}
a {text-decoration: none;}
img {border: none;}
body,html {height: 100%; width: 100%; font-family: "맑은 고딕","Malgun Gothic";}

#login {width: 480px; height: 320px; position: absolute; top: 50%; left: 50%; margin-left: -240px; margin-top: -160px; box-shadow: 0 0 3px #676767; border-radius: 5px;}
.left {width: 200px; background: url("../img/login_img.png") no-repeat #231f20; background-size: 250px; background-position: center 90px;  border-radius: 3px 0 0 3px; font-size: 25px; color: #fff; font-weight: bold; text-align: center; padding-top: 50px; height: 320px; box-sizing: border-box;}
.left span {font-size: 11px; font-weight: normal;}
.right {width: 280px; padding: 55px 38px 38px; box-sizing: border-box; font-size: 11px; font-weight: bold; letter-spacing: -1px; color: #787878; top: 0; right: 0; position: absolute;}
.right ul {margin-bottom: 10px;}
.right .class_select:after {content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.right .class_select li {float: left; margin-right: 15px;}
.right .class_select input {vertical-align: -2px; margin-right: 2px;}
.right .info_write li input {width: 200px; height: 20px; border: none; border-bottom: 1px solid #787878; outline: 0;}
.right .login_btn input {border: none; background: #787878; width: 200px; height: 35px; outline: 0; color: #fff; font-weight: bold; border-radius: 5px; cursor: pointer;}
.right p {font-size: 11px; text-align: center; margin-top: 40px; font-weight: normal; letter-spacing: 0;}

.buttonCursor { cursor:pointer; }