/****************************
*******PC(1920 ~ 1441)********
****************************/
/* 공용 css */
.text-bold {
  font-weight: 700;
}
.flex {
  display: flex;
  align-items: center;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.required {
  color: #007aff;
  margin-left: 2px;
}

/* 로그인 팝업 css */
/* .login-popup {
  position: fixed;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0);
  max-width: 100vw;
  max-height: 100vh;
  padding: 100px 0;
  width: 100%;
  height: 100%;
  border: none;
} */
/* .login-popup .modal-content-wrap { */
  /* width: 816px;
  height: fit-content;
  margin: auto;
  background-color: #fcfcfc; */
  /* border: 1px solid #000; */
  /* border-radius: 25px;
  padding: 60px 78px;
  box-sizing: border-box;
  position: relative; */
/* } */
.login-popup .modal-header {
  text-align: center;
  margin-bottom: 60px;
}
.login-popup .close-btn {
  width: auto;
  position: absolute;
  top: 34px;
  right: 14px;
  font-size: 36px;
}
.login-popup .modal-title {
  font-family: "SamsungSharpSans";
  font-size: 32px;
  font-weight: 700;
}
.login-popup .login-form {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.login-popup .input-wrap {
  display: flex;
  flex-direction: column;
  align-items: start !important;
  gap: 16px;
}
.login-popup input[type="text"],
.login-popup input[type="password"] {
  font-family: "SamsungOne";
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  font-size: 18px;
  padding-bottom: 8px;
}
.login-popup input[type="text"]::placeholder,
.login-popup input[type="password"]::placeholder {
  color: #aaa;
  font-size: 18px;
}
.login-form .dd_txt {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: #666;
}
.login-form .btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 10px;
}
.login-form .btn-wrap button {
  width: 192px;
  height: 40px;
  /* padding: 13px 57px; */
  box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.15);

  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}
.login-form .btn-wrap .signIn-btn {
  background-color: #000;
  color: #fff;
}
/****************************
*********(1440 ~ 768)********
****************************/

@media only screen and (min-width: 769px) and (max-width: 1440px) {
  /* 로그인 팝업 */
  /* .login-popup .modal-content-wrap {
    width: 56.6667vw;
    height: fit-content;
    padding: 4.1667vw 5.4167vw;
  } */
  .login-popup .modal-header {
    margin-bottom: 4.1667vw;
  }
  .login-popup .login-form {
    gap: 3.4722vw;
  }
  .login-popup .input-wrap {
    gap: 1.1111vw;
  }
  .login-popup .login-form .dd_txt {
    font-size: 1.11vw;
  }
  .login-form .btn-wrap {
    margin-top: 0.6944vw;
  }
  .login-form .btn-wrap button {
    width: 50%;
    max-width: 13.3333vw;
  }
}

/****************************
***********(767 ~)***********
****************************/

@media only screen and (max-width: 768px) {
  /* 로그인 팝업 */
  /* .login-popup .modal-content-wrap {
    width: 86.6667vw;
    height: fit-content;
    padding: 15.7895vw 4.7368vw;
    border-radius: 6.9444vw;
  } */
  .login-popup .modal-header {
    margin-bottom: 16.6667vw;
  }
  .login-popup .modal-title {
    font-size: 7.6923vw;
  }
  .login-popup .close-btn {
    width: 7.2222vw;
    height: 7.2222vw;
    position: absolute;
    top: 9.4444vw;
    right: 3.8889vw;
    font-size: 36px;
  }
  .login-popup .login-form {
    gap: 11.1111vw;
  }
  .login-popup input[type="text"],
  .login-popup input[type="password"] {
    font-size: 4.7368vw;
  }
  .login-popup input[type="text"]::placeholder,
  .login-popup input[type="password"]::placeholder {
    font-size: 4.7368vw;
  }
  .login-form .dd_txt {
    font-size: 3.89vw;
  }
  .login-form .btn-wrap {
    gap: 2.2222vw;
    margin-top: 2.7778vw;
  }
  .login-form .btn-wrap button {
    width: 50%;
    height: 11.1111vw;
    border-radius: 5.5556vw;
    font-size: 3.8889vw;
  }
}