html,body{
  width:100vw;
  height:100vh;
  padding:0;
  margin:0;
}

.container{
  min-width:100%;
  height:100%;
  background-color:#B3DED7;
}

.topbar{
 width:100%;
 height:70px;
}



.login-box{
  margin-top:47px;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  flex-direction:column;
}

.login-btn {
    background-color: #171717;
    width: 510px;
    height: 58px;
    margin-top:16px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: white;
    border-radius: 45px;
    color: #F5F5F5;
text-align: center;
font-family: Pretendard;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.email-box {
    height: 62px;
    border: 1px solid lightgrey;
    position: relative;
    border-radius: 8px;
    margin-top: 23px;
    margin-left: auto;
    margin-right: auto;
    width: 510px;
    border: 2px solid #000;
}

.input-desc {
    height: 30px;
    background-color: transparent;
    margin-top: 19px;
    font-size: 14px;
    /* left: -5px; */
    margin-left: 15px;
    color: black;
    /* padding-left: 5px; */
    position: absolute;
    z-index: 333;
    margin-right:10px;
    font-size: 12px;
    color: #171717;
font-family: Pretendard;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

input {
    outline: none;
    border: none;
    width: 510px;
    background-color: transparent;
    font-size:20px;
    font-weight:200;
    height: 52px;
    /* margin-top: 10px; */
    position: absolute;
    z-index: 10;
    left: 10px;
    padding-left: 75px;
}

.find-pwd{
  font-size: 12px;
    color: #233140;
    width: 300px;
    margin-left: auto;
    text-align: right;
    margin-top: 12px;
    margin-bottom: 12px;
    cursor: pointer;
    color: #171717;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.save-id-desc{
  font-size:12px;
  color: #171717;
font-family: Pretendard;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.divider {
    width: 510px;
    border-bottom: 1px solid #555555;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    margin-top: 52.64px;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sign-up-row{
  font-size: 12px;
    color: #233140;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 12px;
}

.sign-up-btn{
  cursor:pointer;
  margin-left:3px;
  color:#3B4DFF;
}

.login-title {
    text-align: left;
    /* width: 300px; */
    margin-left: auto;
    margin-right: auto;
    font-size: 35px;
    color: #233140;
    margin-top: 100px;
    margin-bottom: -10px;
    justify-content: center;
    display: flex;
}

.tpis_logo{
  width:213.46px;
}

.save-id-box{
  display:flex;
  align-items:center;
}

.id-save-checkbox{
      width: 12px;
    height: 12px;
    border: 1px solid #171717;
    margin-right: 10px;
}

.row{
  width: 510px;
  margin-top:20px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    display: flex;
    justify-content: space-between;
    display: flex;
width: 510px;
height: 60px;
padding-top: 1px;
justify-content: center;
align-items: center;
flex-shrink: 0;
}

.divider-desc{
  font-size: 13px;
    background-color: #B3DED7;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #555555;
    color: #555;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.google_login {
    width: 170px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    margin-top: 35px;
    margin-bottom: 35px;
    cursor:pointer;
    color: #171717;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.new-id-row{
	cursor:pointer;
  color: #555;
text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}