@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');
}

.MainIntro2 {
  padding-top: 3.8333333333rem;
  padding-bottom: 3.8333333333rem;
  background-color: #D9D9D9;
}

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




.IntroMain2-left{
	width: 80%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 10rem;
}


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

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

.IntroMain2-right{
	/* width: 20%; */
}


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


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

	.IntroMain2{
		width: 800px;
	}
	
	.IntroMain2-left{
		width: 50%;
	}
	
	.IntroMain2-right{
		width: 50%;
	}
		
	}

@media all and (max-width: 800px) {
	.IntroMain2{
		width: 600px;
	}
}