.login-step-container{
	width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-step-container input {
	outline: none;
	border: none;
}

.login-step-container textarea {
  outline: none;
  border: none;
}

.login-step-container textarea:focus {
  border-color: transparent !important;
}
.login-step-container input:focus {
  border-color: transparent !important;
}
.login-step-container input:focus::-webkit-input-placeholder { color:transparent; }
.login-step-container input:focus:-moz-placeholder { color:transparent; }
.login-step-container input:focus::-moz-placeholder { color:transparent; }
.login-step-container input:focus:-ms-input-placeholder { color:transparent; }

.login-step-container textarea:focus::-webkit-input-placeholder { color:transparent; }
.login-step-container textarea:focus:-moz-placeholder { color:transparent; }
.login-step-container textarea:focus::-moz-placeholder { color:transparent; }
.login-step-container textarea:focus:-ms-input-placeholder { color:transparent; }

.login-step-container input::-webkit-input-placeholder { color: #fff;}
.login-step-container input:-moz-placeholder { color: #fff;}
.login-step-container input::-moz-placeholder { color: #fff;}
.login-step-container input:-ms-input-placeholder { color: #fff;}

.login-step-container textarea::-webkit-input-placeholder { color: #fff;}
.login-step-container textarea:-moz-placeholder { color: #fff;}
.login-step-container textarea::-moz-placeholder { color: #fff;}
.login-step-container textarea:-ms-input-placeholder { color: #fff;}

.login-step-container label {
  margin: 0;
  display: block;
}

/*---------------------------------------------*/
button {
	outline: none !important;
	border: none;
	background: transparent;
}

button:hover {
	cursor: pointer;
}
.login-step-wrap{
  width: 500px;
  height: 568px;
  border-radius: 10px;
  overflow: hidden;
  padding: 30px 20px 37px 30px;
  background: #9152f8;
  background: -webkit-linear-gradient(top, #29a6ff, #223d8a);
  background: -o-linear-gradient(top, #29a6ff, #223d8a);
  background: -moz-linear-gradient(top, #29a6ff, #223d8a);
  background: linear-gradient(top, #29a6ff, #223d8a);
  font-family: "Noto Sans KR", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.login-step-wrap .btn-back-wrap{
	display:flex;
	align-items: center;
}

.login-step-wrap .btn-back-wrap .btn-name{
	font-size: 17px;
    color: white;
    vertical-align: middle;
    margin-left: 5px;
    font-weight: 400;
}

.login-step-wrap .notice{
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
}

.login-step-wrap .notice .notice-content > p{
	font-size:15px;
	color:#FFFF97;
	font-family: "Noto Sans KR";
	line-height: 1.2;
}

.login-step-wrap .notice .btn-auth-code button{
    color: white;
    background: #2568BA;
    border-radius: 20px;
    width: 130px;
    height: 40px;
    font-size: 15px;
    font-weight: 500;	
}
.login-step-wrap .content{
	text-align:center;
}

.login-step-wrap .content > p{
	color: white;
	font-size:15px;
	font-family: "Noto Sans KR";
	line-height: 1.4;
} 

.login-step-wrap .content .title{
	font-size:32px;
	font-weight: 500;
	margin:42px 0 23px;
	line-height: 1.2;
}

.login-step-wrap .content .time{
	color:#FFFF97;
	font-size: 20px;
	margin:23px 0 32px;
	line-height: 1.2;
}

.login-step-wrap .auth-num > input{
	width:56px;
	height:64px;
	border-radius:10px;
	margin-right: 6px;
	text-align:center;
	font-size: 40px;
    font-weight: 700;
}

.login-step-wrap .auth-num{
	display: flex;
    justify-content: center;
}

.login-step-wrap .auth-num > input:nth-child(3){
	margin-right: 24px;
}
.login-step-wrap .btn-auth{
	margin-top: 25px;
	text-align: center;
}

.login-step-wrap .btn-auth button{
	width: 130px;
    height: 50px;
    background: white;
    border-radius: 25px;
    font-size: 16px;
}
@media (max-width: 500px) {
	.login-step-wrap{
		width: 100%;
		height: 100%;
		padding: 30px 20px;
		border-radius: 0;
	}
	.login-step-wrap .notice{
		flex-wrap: wrap;
    	justify-content: center;
    	gap: 10px;
	}
	.login-step-wrap .auth-num{
		margin-left: 0;
    	display: flex;
	}
	.login-step-wrap .auth-num > input{
		width: 48px;
    	height: 50px;
	}
	.login-step-wrap .auth-num > input:nth-child(3) {
    	margin-right: 16px;
	}
}