@charset "utf-8";
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");

.wrap {
  /*background-color: transparent;*/
  display: grid;
  justify-items: center;
  align-items: start;
  width: 100%;
  background-color: #F2F2F2;
  overflow:hidden; 
}



.wrap .wrapper {
  width: 100%;
  max-width: 393px;
  min-width: 350px;
  background-color: #ffffff;	
  justify-items: center;
  align-items: center;	
  text-align: center;
}







/*상단타이틀+백버튼 */
.wrap .wrapper .toptitle {
  width: 100%;
  text-align: center;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-bottom: 10px;
}

.wrap .wrapper .toptitle .backbtl {
  width: 25px;
  aspect-ratio: 1;
  padding: 5px 0px 0px 12px;
}

.wrap .wrapper .toptitle .backbt img {
  width: 24px;
  height: 24px;
}

.wrap .wrapper .toptitle .texttitle {
  width: 270px;

  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #1b1a1a;
  font-size: 24px;
  text-align: center;
  margin: 0 auto;
  letter-spacing: -0.60px;
  line-height: 30px;
  white-space: break-all;
  padding: 5px 0px 0px 0px;
}
.wrap .wrapper .toptitle .backbtr {
  width: 25px;
  aspect-ratio: 1;
  padding: 5px 0px 0px 12px;
}
.wrap .wrapper .toptitle .backbtr img {
  width: 24px;
  height: 24px;
}
/*상단타이틀+백버튼 끝*/






/*로그인 박스*/
.wrap .wrapper .loginbg {
  width: 100%;
  height: 480px;
  background-color: #F7E31C;
  border: solid 1px #E8CD56;
  text-align: center;
  margin: 0px 0px 25px 0px;
}

.wrap .wrapper .loginbg .text01 {
  width: 96%;
  height: 90px;
  -webkit-text-stroke: 0.2px #000000;
  font-family: "Roboto-Bold", Helvetica;
  font-weight: 700;
  color: #1e1e1e;
  font-size: 30.5px;
  text-align: center;
  letter-spacing: -2.13px;
  line-height: 39px;
  margin: 0 auto;
  text-align: center;
  padding: 30px 0px 0px 0px; 
}


.wrap .wrapper .loginbg .text02 {
  width: 98%;
 height: 30px;
  -webkit-text-stroke: 0.1px #000000;
  font-family: "Noto Sans Gujarati UI-Bold", Helvetica;
  font-weight: 600;
  color: #000084;
  font-size: 20px;
  letter-spacing: -1px;
  line-height: 30px;
  margin: 0 auto;
  text-align: center;
  padding: 0px 0px 30px 0px; 
}



.wrap .wrapper .loginbg .btlogin {
  width: 339px;
  height: 120px;
  margin: 0 auto;
  background-image: url(../../assets/img/btkakao.png);
  background-size: 100% 100%;
}


.wrap .wrapper .loginbg .bttext {
  width: 97%;
  font-family: "Roboto-Bold", Helvetica;
  font-weight: 700;
  color: #fffafa;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  padding: 46px 0px 0px 20px; 
}

.wrap .wrapper .loginbg .text03 {
  width: 92%;
  height: 50px;
  -webkit-text-stroke: 0.1px #000000;
  font-family: "Roboto-SemiBold", Helvetica;
  font-weight: 600;
  color: #9b3214;
  font-size: 19px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0 auto;
  text-align: center;
  padding: 40px 0px 0px 0px; 	
}

.wrap .wrapper .loginbg .text04 {
  width: 90%;
 height: 30px;
  -webkit-text-stroke: 0.1px #817e7e;
  font-family: "Roboto-SemiBold", Helvetica;
  font-weight: 600;
  color: #878385;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0px 0px 0px; 
}

/*로그인 박스 끝*/