@charset "UTF-8";
/*  로그인 페이지 스타일 파일입니다. */
.sign-in {
  margin-top: 22px;
}
.sign-in-form{
  width:380px;
  padding:0;
  margin:80px auto 0; 
}
.normal-sign-in__title{
  line-height: 1;
  font-size:30px
}
.guest-sns-form {
  margin-top: 50px;
  padding-top: 40px;
  border-top: 1px solid #e5e5e5;
}
.sns_btn_wrap{
  margin-top: 40px;
}
.sns_btn_wrap button{
  width: 100%;
  height:56px;
}
.sns_btn_wrap button.btn_naver{
  background: #03c75a;
  color:#fff;
  letter-spacing: -0.05em;
}
.sns_btn_wrap button.btn_kakao{
  background: #fee500;
  color:#000;
  letter-spacing: -0.05em;
}

.sns_btn_wrap button ~ button{
  margin-top: 10px;
 
}
.guest-order-form {
  margin-top: 50px;
  padding-top: 40px;
  border-top: 1px solid #e5e5e5;
}
.guest-order-form__link {
  width: 100%;
}
.guest-order-form__title {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}
.guest-order-form__input-wrap {
  margin-top: 50px;
}
.guest-order-form__input-wrap .input-field {
  margin-top: 10px;
}
.guest-order-form__input-wrap .input-field:first-child {
  margin-top: 0;
}
.guest-order-form__btn-wrap {
  margin-top: 20px;
}
.guest-order-form__btn-wrap button {
  width: 100%;
  height:56px;
  font-weight: 600;
  font-size:20px;
}
.normal-sign-in__input-wrap{
  margin:50px 0 18px
}
.input-field{
  border-radius: 5px;
  border:1px solid #e5e5e5;
  height: 52px;
}
.input-field input{
  font-size:16px;
  padding:0 20px;
  height: 50px;
  border-radius: 5px;
  letter-spacing: -0.05em;
}
input::placeholder{
  color:#999;
   font-size:16px;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: #000;
  font-size: 16px;
}
.form-check__label{
  font-size:15px;
}
.form-check--md{
  gap:10px;
}

.normal-sign-in button{
  margin-top: 18px;
  height:56px;
  font-size: 20px;
  font-weight: 600;
}
.normal-sign-in .sign-in-link{
  margin-top: 21px;
}
.normal-sign-in .sign-in-link__item{
  padding:0 22px;
}
.normal-sign-in .sign-in-link__item::after{
  top: 1px;
  background: #e5e5e5;
}