@charset "utf-8";
/* -----------------------------------------------
	* 로그인 화면 스타일 정의
--------------------------------------------------
	- 최초 작성일 : 2021.08.15
	- 최초 작성자 : 아보카도
	- 최종 수정일 : 
	- 최종 수정자 : 
--------------------------------------------------*/

/****************************************************
	Login Style
****************************************************/

html,
body {
  height: 100%;
}
.loginWrap {
  display: table;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(10px);
}
.login-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
}

.login-logo {
  margin-top: -50px;
}

.login-form-box {
  position: relative;
  box-sizing: border-box;
  max-width: 441px;
  width: 95%;
  height: auto;
  aspect-ratio: 441 / 601;
  margin: 0 auto;
  padding: 70px 60px !important;
  border-radius: 10px;
  box-shadow: 0 0 10px #759bd150;
}

.login-form-box .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
}

.login-form-box .login_tit h1 {
  font-size: 48px;
  font-family: "NyghtSerif", serif !important;
  font-style: italic;
  font-weight: 400;
  line-height: 1em;
}
.login-form-box .login_tit p {
  font-size: 18px;
  margin-top: 20px;
}
.login-form-box h3 {
  color: #545454;
  font-size: 18px;
  text-align: left;
  margin-bottom: 10px;
}

.login-form-box fieldset + fieldset {
  margin-top: 5px;
}
.login-form-box input {
  width: 100%;
}

.login-form-box .inner form {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
}

/* 로그인 버튼 */
.login-form-box .login-btn-box p {
  text-align: right;
  font-size: 12px;
}
.login-form-box button,
.login-form-box a.register {
  display: block;
  width: 100%;
  padding: 15px 25px;
  height: auto;
  font-size: 18px;
  box-sizing: border-box;
  border-radius: 5px;
  margin-top: 10px;
}

.login-inner .logo {
  display: none;
  transition: all 0.3s ease-in-out;
}
/*****************************
  모바일 
*****************************/
@media all and (max-width: 900px) {
  .login-inner {
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
  }

  .login-inner .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }

  .login-inner .logo img {
    width: auto;
    max-height: 10vh;
    max-width: 250px;
  }
  .login-form-box {
    border-radius: 50px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 50px !important;
  }
}

/* -----------------------------------------------
  * Input Style
--------------------------------------------------*/
.form-input,
input[type="text"],
input[type="password"],
input[type="file"],
select {
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  padding: 15px 25px;
  max-width: 100%;
  font-size: 16px;
  box-sizing: border-box;
}