body {
  width:100%;
  height: auto;
  background:#1d2431;
  background-image: url('/admin_dir/images/admin_bg.jpg');
  background-size: cover;
  background-repeat:no-repeat;
  background-position:center top;
  background-attachment:fixed;
}

.container {
  width:100%;
  height:100%;
}

.login_box {
  top:50px;
  position:relative;
  margin: 0 auto;
  max-width: 330px;
  min-height: 426px;
  background-image: url('/admin_dir/images/login_box.png');
  background-size: cover;
  background-repeat:no-repeat;
  border-radius: 10px;
  box-shadow: 2px 3px 50px #4a78ac;
  opacity: 1;
  z-index: 1;
}


.form-signin {
  max-width: 330px;
  margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin .login_label {
  position: relative;
  float:left;
  text-align:right;
  width:70px;
  height:100px;
  left:25px;
  top:45px;
}

.form-signin .login_input {
  position: relative;
  float:left;
  text-align:center;
  left:40px;
  width:185px;
  height:100px;
  top:45px;
}

.form-signin .checkbox {
  width:330px;
  position: relative;
  float:left;
  text-align:center;
  top:15px;
  left:3px;
  color:#b0b0b0;
}
.form-signin .checkbox input{
  opacity: 0.4;
}

.form-signin .admin_line {
  width:330px;
  position: relative;
  float:left;
  text-align:center;
  top:70px;
}

.form-signin .login_img {
  width:330px;
  position: relative;
  float:left;
  text-align:center;
  top:110px;
  left:0px;
}


.form-signin .id_img {
  position: relative;
  top:11px;
}
.form-signin .pass_img {
  position: relative;
  top:36px;
}

.form-signin input[type="id"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  width:174px;
  height:45px;
  background-color: #333940;
  border:2px solid #282c32;
  padding:5px;
  color:#425a63;
  opacity: 0.8;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width:174px;
  height:45px;
  background-color: #333940;
  border:2px solid #282c32;
  padding:5px;
  color:#425a63;
  opacity: 0.8;
  top:3px;
}


/* 기울이기 */
.skew_div {
  -ms-transform:skew(20deg,20deg);       /* ie9 */
  -webkit-transform:skew(20deg,20deg);    /* Chrome, Safari, Opera */
  transform:skew(20deg,20deg);          /* 기본구문 : 위치이동 (x각도,y각도) */
}