@charset "UTF-8";

@font-face {
    font-family: 'lexend-Regular';
    src: url('/font/Lexend-Regular-fd2d8ea04e25585558f2396e4fa56c06.ttf') format('truetype');
}


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


.MainIntro3 {
  padding-top: 3.8333333333rem;
  padding-bottom: 3.8333333333rem;
  background-color: #F4F4F4;
  
  
  
  background-image: url('/img/MainIntro33-51087c728709856821f125effb964423.png'),url('/img/MainIntro3-6d3a9b11d8ffe5aaca6d3d4b28fd9158.png');
	background-repeat: no-repeat, no-repeat;

	background-position: 0% 100%, 10% 83%;
	background-size: 18% 100%, 18% 100%; 
  
}

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




.IntroMain3-left{
	width: 20%;
	height: 600px;
}


.MainIntro3-sub{
	font-size: 40px;
	color: #27272F;
	font-weight: 400;
	font-family: lexend-Regular;
	margin-bottom: 80px;
}

.MainIntro3-text{
	font-size: 22px;
	color: #27272F;
	font-weight: 300;
	font-family: inter-Lite;
	margin-bottom: 30px;
}

.IntroMain3-right{
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}


@media all and (max-width: 2200px) {
.MainIntro3{
	background-position: 0% 100%, 11% 83%;
    background-size: 21% 100%, 21% 100%;
	}
	.IntroMain3-right{
	width: 70%;
	}
}


@media all and (max-width: 1920px) {
.MainIntro3{
	background-position: 0% 100%, 11% 83%;
    background-size: 23% 100%, 26% 100%;
	}
	.IntroMain3-right{
	width: 60%;
	}
}


@media all and (max-width: 1600px) {
	.MainIntro3{
	background-position: 0% 100%, 14% 83%;
    background-size: 24% 100%, 26% 90%;
	}
	.IntroMain3{
		width: 1200px;
	}
	.IntroMain3-left{
	height: 500px;
	}
	.IntroMain3-right{
	width: 62%;
	}
}


@media all and (max-width: 1200px) {
	.MainIntro3{
	background-position: 0% 100%, 14% 83%;
    background-size: 24% 100%, 26% 90%;
	}
	.IntroMain3{
		width: 800px;
	}
	.IntroMain3-left{
	height: 500px;
	}
	.IntroMain3-right{
	width: 62%;
	}
	.MainIntro3-sub{
	font-size: 30px;
	}
	.MainIntro3-text{
	font-size: 16px;
	}
}

@media all and (max-width: 800px) {

	.IntroMain3{
		width: 600px;
	}

}