@font-face{font-family:'Nanum Gothic'; src:url('../fonts/NanumGothic.woff') format("woff");}
@font-face{font-family:'Nanum Gothic'; src:url('../fonts/NanumGothic.eot')}
html, body{width: 100%; height: 100%; font-family: 'Nanum Gothic'}
.warp{width: 100%; height: 100%; background-color: #eee; position:relative; }
.login_box{position: absolute; width:525px; height:368px;  top:50%; margin-top:-284px; left:50%; margin-left: -283px; padding: 20px; background-color: #f3f3f3; border:1px solid #ccc;}
.login_inner_box{border:1px solid #ccc;}
.logo_box{background-color: #767dac; height: 40px; padding-top: 17px; padding-bottom: 17px;}
.input_box{position: relative; height: 230px; background-color: #fff;}
.input_inner_box{position: absolute; top:62px; left: 60px;}
.input_box .login_input_box{position: relative; width:402px; padding: 0; border:1px solid #ccc;}
.mb_10 {margin-bottom: 10px;}
.btn_box {height: 64px;}
.id_label{padding: 14px 20px; background-color: #f0f1f2; display: inline-block; border-right: 1px solid #ccc;}
.pw_label{padding: 14px 13px; background-color: #f0f1f2; display: inline-block; border-right: 1px solid #ccc;}
.input_text{width:286px; height: 30px; padding: 8px 10px; border: 0}
.logo_img{margin-left: 20px;}
.btn_box{background-color: #eee; line-height: 64px; text-align: right;}
.login_btn{margin-right: 40px; width:79px; height: 36px; border:1px solid #aaa; color:#fff; background-color: #405784}
.footer{position: absolute; top:620px; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); color:#aaa; font-size: 0.7em; }
.dept_box{width:150px; float:left;padding:10px; border:1px solid #ccc; margin:10px; background-color:#fff;cursor:pointer;}
.dept_box:hover{background-color: #eee; opacity: 0.8;}