.holics_login{
  margin: 0 auto;
  width:1400px; height:400px;
  background: rgb(247, 247, 247);
  font-family: 'Noto Sans KR', sans-serif;
  color: #79808d;
  margin-top: 150px;
}
.login_logo{
  width: 650px; height:300px;
  margin-top: 50px; margin-bottom: 50px;
  float: left;
  border-right:3px solid #79808d;
}
.login_logo img{
  width: 380px; height: 89.984px;
  margin-left: 133px;
  margin-top: 105px;
}
.login_part{
  width: 477px; height:300px;  float: right;
  margin-top: 80px; margin-bottom: 50px;
  margin-left: 135px; margin-right: 135px;
}

.login_header{
  font-size: 30px; font-weight: 300;
}
.login_header label{
  font-weight: bold;
}
.login{
  width: 100%; height:230px;
  display: block;
}
.login_info{
  width:397px;
  font-size: 18px; font-weight: 400;
  margin-top: 28px;
  margin-bottom: 10px;
  float: left;
}
.login_info input{
  width:265px; height:30px;
  font-weight: 300; color: black;
  border:1.3px solid #79808d;
  font-size: 18px; font-weight: 400;
}
.login_account{
  margin-bottom: 26px;
}
.login_button{
  float: right;
  width:80px; height:96px;
  margin-top: 28px;
  margin-bottom: 10px;
}
.login_button button{
  width: 100%; height: 100%;
  border:none;
  color: white;
  background-color: rgb(121, 128, 141);
  font-size: 15px;
  font-weight: bold;
}
.error_notice{
  width: 477px; height: 25px;
  color: red; font-size: 14px; font-weight: 700;
  float: right; display: block;
  text-align:right; margin-top: 10px; margin-bottom: 10px;
}
.login_revision{
  font-size: 11px; font-weight: 400;
  margin-top: 18px;
}
.login_revision a{
  text-decoration: none;
  color:#79808d;
  font-size: 11px; font-weight: 400;
  text-decoration: underline;
}
@media (max-width:1400px) {
  .holics_login{
    width:800px; height:600px;
    margin-bottom: 250px;
  }
  .login_logo{
    width: 400px; height:130px;
    margin-top: 50px; margin-bottom: 50px;
    float: left;
    border-right:3px solid #79808d;
  }
  .login_logo img{
    width: 325px; height: 70px;
    margin-left: 30px;
    margin-top: 30px;
  }
  .login_part{
    width: 477px; height:300px;  float: right;
    margin-top: 40px; margin-bottom: 50px;
    margin-left: 135px; margin-right: 135px;
  }
  }
  @media (max-width:740px) {
    .holics_login{
      width:600px; height:600px;
    }
    .login_logo{
      width: 300px; height:100px;
      margin-top: 50px; margin-bottom: 50px;
      border-right:3px solid #79808d;
    }
    .login_logo img{
      width: 250px; height: 60px;
      margin-left: 30px;
      margin-top: 25px;
    }
    .login_part{
      width: 500px; height:300px;  float: right;
      margin-top: 40px; margin-bottom: 50px;
      margin-left: 50px; margin-right: 50px;
    }
    }
    @media (max-width:600px) {
      .login{
        height: 220px;
      }
      .holics_login{
        width:500px; height:500px;
      }
      .login_logo{
        width: 50%; height: 70px;
        float: none;
        margin: 0 auto;
        padding: 40px 0;
        border-style: none;
      }
      .login_logo img{
        width: 100%; height: 100%;
        margin-left: 0px; margin-top: 0px;
      }
      .login_part{
        float: none;
        width: 400px; height:300px;
        margin: 20px auto;
      }
      .login_header{
        font-size: 20px;
      }
      .login_info{
        font-size: 15px;
        margin-top: 20px;
        margin-bottom: 0px;
        margin-right: 0px;
        float: none;
      }
      .login_info input{
        height:20px;
        width: 280px;
      }
      .login_account{
        margin-bottom: 10px;
      }
      .login_button{
        float: none;
        width:100%; height: 35px;
        margin-top: 20px;
        margin-bottom: 10px;
      }
      .login_button button{
        font-size: 15px;
      }
      .error_notice{
        margin-top: 0px;
      }
      }