.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 60%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #3c434a;
  color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #3c434a;
  color: white;
}

/* Zeplin start from here */
img.iconlogoL {
  width: 124px;
  height: 36px;
  margin: 0 50px 0 0;
  object-fit: contain;
}

.Rectangle_signup {
  width: 82px;
  height: 36px;
  margin: 0 12px 0 70px;
  padding: 5px 15px 3px;
  border-radius: 18px;
  background-color: #111;
  text-align:center;
}

.Rectangle_signup span {
  width: 52px;
  height: 28px;
  font-family: Pretendard;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.87;
  letter-spacing: normal;
  text-align: right;
  color: #fff;
}

.Rectangle_signin {
  width: 82px;
  height: 36px;
  margin: 0 0 0 12px;
  padding: 5px 18px 3px 22px;
  border-radius: 18px;
  border: solid 1px #ddd;
  text-align:center;
}

.Rectangle_signin span {
  width: 39px;
  height: 28px;
  font-family: Pretendard;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.87;
  letter-spacing: normal;
  text-align: right;
  color: #111;
}

.main_letter {
  width: 400px;
  height: 136px;
  margin-left: 10%;
  margin-top: -18%;
  font-family: Pretendard;
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  color: #111;
}

.main_letter_sub {
  width: 400px;
  height: 34px;
  margin-left: -30%;
  margin-top: -9%;
  font-family: Pretendard;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  color: #555;
}

.main_mid_Rectangle {
  width: 310px;
  height: 200px;
  padding: 60px 20px 60px 50px;
  margin-left: -30%;
  margin-top: -5%;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  background-color: #025dda;
}

.main_mid_Rectangle span {
  width: 270px;
  height: 92px;
  font-family: Pretendard;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #fff;
}

.menu_divider_horizontal {
  width: 820px;
  height: 1px;
  margin-left:35%;
  margin-top:-4%;
  background-color: #ededed;
}

.footer {
  font-family: Pretendard;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #666;
}

img.img_login {
  width: 540px;
  height: 620px;
  margin: 0 40px 0 0;
  object-fit: contain;
}

.login_id {
  width: 80%;
  height: 52px;
  margin: 20px 0 16px 40px;
  padding: 13px 19px;
  border-radius: 6px;
  border: solid 1px #ddd;
}

.login_pw {
  width: 80%;
  height: 52px;
  margin: 16px 0 16px 40px;
  padding: 13px 19px;
  border-radius: 6px;
  border: solid 1px #ddd;
}

.login_btn {
  width: 80%;
  height: 52px;
  margin: 16px 0 16px 40px;
  padding: 14px 20px 12px;
  border-radius: 6px;
  background-color: #025dda;
}

.login_btn span {
  width: 42px;
  height: 26px;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

.login_find_pwd {
  width: 127px;
  height: 24px;
  margin: 17px 0 30px 15px;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: right;
  color: #333;
}

.login_divider {
  height: 1px;
  margin: 47px 0 38px 580px;
  background-color: #ddd;
}

.oval_kakao {
  width: 56px;
  height: 56px;
  padding: 16px;
  background-color: #f9e000;
  border-radius: 30px;
  float:left;
}

.oval_naver {
  width: 56px;
  height: 56px;
  padding: 16px;
  background-color: #21c801;
  border-radius: 30px;
  float:left;
  margin-left:30px;
}

.oval_google {
  width: 56px;
  height: 56px;
  padding: 16px;
  background-color: #f4f4f4;
  border-radius: 30px;
  float:left;
  margin-left:30px;
}

.login_footer {
  width: 391px;
  height: 44px;
  margin: 30px 0px 29px 58%;
  font-family: Pretendard;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.83;
  letter-spacing: normal;
  text-align: center;
  color: #888;
}

.signup_msg {
  width: 339px;
  height: 44px;
  font-family: Pretendard;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.83;
  letter-spacing: normal;
  text-align: center;
  color: #888;
}

.signup_input_head {
  width: 60%;
  height: 26px;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #111;
}

.signup_input_head span {
  color: #f00;
}

.signup_input {
  width: 60%;
  height: 52px;
  padding: 13px 19px;
  border-radius: 6px;
  border: solid 1px #ddd;
}

.post_new_head {
  width: 50%;
  height: 40px;
  font-family: Pretendard;
  font-size: 28px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #111;
}

.estimate_detail span {
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #111;
  margin-left:15px;
}

.self_description {
  white-space: pre-wrap;
}