.login_wrap {
	display: flex;
	justify-content: space-between;
	align-self: start;
	gap: 20%;
	width: 100%;
	padding: 0;
	margin: 4rem 0 0 0;
  font-family: "Pretendard", system-ui, -apple-system, "Noto Sans", sans-serif;
}
.login_wrap .pic{
	width: 40%;
	padding: 0;
	margin: 0;
}
.login_wrap .pic img{
	width: 100%;
}
.login_wrap .login{
	display: flex;
	flex-direction: column;
	gap: 2rem;
	width: 40%;
	padding: 0;
	margin: 0;
}
.login_wrap .tt{
  font-family: "GmarketSansMedium", "Roboto", system-ui, -apple-system, "Noto Sans", sans-serif;
  font-weight: 800;
  font-size: 3.0rem;
	margin: 0;
	padding: 0 0 1.5rem 0;
}
.login_wrap .sub{
  font-family: "Pretendard", system-ui, -apple-system, "Noto Sans", sans-serif;
	font-weight: 500;
	font-size: .8rem;	
	color: #6e6e6e;
	padding: 0;
	margin: 0;
}
.login_wrap .form {
	width:100%;
	margin: 0;
	padding: 0;
}
.login_wrap ul{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: .5rem;
	width: 100%;
	margin: 0;
	padding: 0;
}
.form ul li{
	width: 100%;
	margin: 0;
	padding: 0;
}
.login_wrap input{
	width: 100%;
	margin: 0px;
	padding: 15px  10px;
	font-size: 0.9em;
  font-weight: normal;
	outline: 0 !important;
	border: 1px solid #e9e9e9;
	border-radius: 0;
	box-shadow: none;
	outline: 0 !important;
}
.login_wrap input.chk{
	padding: 5px;
	width: 15px;
	height: 15px;
}
.login_wrap input::placeholder {
  font-family: "Pretendard", system-ui, -apple-system, "Noto Sans", sans-serif;
	font-size: .8rem;
  color: #a5a9ac;
}
.login_wrap input:focus {
	background-color: rgb(238, 241, 240, .5);
	border: 1px solid #91aca1;
	box-shadow: none;
	outline: 0 !important;
}
.bt_login {
	width: 100%;
  font-family: "GmarketSansMedium", "Roboto", system-ui, -apple-system, "Noto Sans", sans-serif;
	font-size:1.4rem;
	color: #ffffff;
	padding: 20px 0px;
	background-color: #226348;
	border:0px;
	cursor:pointer;
  /*border-radius: 5px;*/
}
.bt_login:focus, .bt_login:hover {
  color: #fffda3;
	background-color: #144732;
	outline: 0;
}
.login_wrap .bt_group{
	display: flex;
	justify-content: center;
	padding: 0;
	margin: .5rem 0;
}
.login_wrap .bt_group a{
	position: relative;
	font-size: .8rem;
	font-weight: 800;
	color:#6e6e6e;
	padding: .5rem 1.5rem;
}
.login_wrap .bt_group a:hover{
	color: #19523a;
}
.login_wrap .bt_group a::after{
	position: absolute;
	content: '';
	width: 0;
	height: 1px;
	left: 50%;
	bottom: 0;
	background-color: #19523a;
	transform: translateX(-50%);
	transition: all .3s;
}
.login_wrap .bt_group a:hover::after{
	width: 100%;
	background-color: #578d77;
}
.line_top {
	border-top: 1px solid #f4f4f4;
}




@media (max-width: 768px) {
	.login_wrap {
		flex-direction: column;
		margin: 0;
	}
	.login_wrap .pic {
		display: none;
	}
	.login_wrap .login{
		width: 100%;
		padding: 0 10%;
	}
	.login_wrap .tt{
		font-size: 1.6rem;
		padding: 0 0 1rem 0;
	}
	.login_wrap .sub{
		font-size: .7rem;
	}
	.login_wrap input::placeholder {
		font-size: .7rem;
	}
	.login_wrap .bt_group a{
		padding: .5rem .5rem;
	}
}