.need{
	padding: 27rem 1rem 22rem;
	position: relative;
	z-index: 98;	
	background: url($img_dir + 'need_bg.jpg') no-repeat left bottom #e5ecfc;
	background-size: cover;
	.back{
		background: url($img_dir + 'need_bg.jpg') no-repeat left bottom #e5ecfc;
		background-size: cover;
		@include br1{
			background-position: -20rem bottom;
			background-size: auto 100%;
		}
		@include br2{
			background-position: -30rem bottom;
		}
		@include br3{
			background-position: -30rem bottom;
		}
	}
	@include br1{
		padding: 30rem 1rem 10rem;
		background-position: -20rem bottom;
		background-size: auto 100%;
	}
	@include br2{
		padding: 15rem 1rem;
		background-position: -30rem bottom;
	}
	@include br3{
		padding: 10rem 1rem;
		background-position: -30rem bottom;
	}
	&__block{
		width: 50%;
		margin-left: auto;
		position: relative;
		z-index: 100;
		@include br1{
			width: 80%;
		}
		@include br2{
			width: 100%;
		}
		.head{
			color: #000000;
			font: 4rem $KR;
			margin-bottom: 5rem;
		}
	}
	&__item{
		height: 10.5rem;
		border-radius: 5.3rem;
		border: 0.2rem solid #ccd8ee;
		@extend %center-flex;
		margin: 0 auto 4.5rem;
		max-width: 580px;
		padding: 0 2rem;
		background: transparent;
		position: relative;
		z-index: 100;
		&:hover{
			background: rgba(221,227,243,.4);
		}
		a{
			width: 100%;
			height: 100%;
			@extend %center-flex;

		}
	}
}