@charset "UTF-8";

@font-face {
	font-family: 'inter-Lite';
	src: url('/font/Inter-Light-bd68bbe6f33671b4e0aff5e4e44511d2.ttf') format('truetype');
}

@font-face {
	font-family: 'inter-Medium';
	src: url('/font/Inter-Medium-e5f18cb987385760e628a9671f975412.ttf') format('truetype');
}

.MainIntro5 {
	padding-top: 3.8333333333rem;
	padding-bottom: 3.8333333333rem;
	background-color: #F4F4F4;
}

.IntroMain5 {
	width: 1600px;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
}

.IntroBox5 {
	width: 100%;
	border-radius: 35px;
	margin: 10px;
	height: 450px;
	position: relative;
	background-color: white;
	display: flex;
	justify-content: space-around;
	align-items: center;
	background-image: url('/img/MainIntro555-1175b220a94558aa4ad9b71f6b695b9e.png');
	background-repeat: no-repeat, no-repeat;
	/* 	background-position: 100% 50%;
	background-size: 50% 100%; */
	background-position: 100% 100%;
	background-size: 50% 77%;
}

.Intro5-1 {
	text-align: center;
}

.Intro-1 img {
	
}

.Intro5-2 {
	display: flex;
	flex-direction: column;
}

.Intro5-2-sub {
	font-family: lexend-Regular;
	font-size: 30px;
	font-weight: 400;
	color: #27272F;
	margin-bottom: 35px;
}

.Intro5-2-text1 {
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 300;
	font-family: inter-Lite;
}

.Intro5-2-text2 {
	font-family: inter-Lite;
	font-size: 20px;
	font-weight: 300;
}

@media all and (max-width: 1600px) {
	.IntroMain5 {
		width: 1200px;
	}
}

@media all and (max-width: 1200px) {
	.IntroMain5 {
		width: 800px;
	}
	.IntroBox5 {
		background-position: 124% 100%;
		background-size: 54% 66%;
	}
}