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


.Intro2 {
  padding-top: 5.8333333333rem;
  padding-bottom: 5.8333333333rem;
  background-color: #F4F4F4;
}


.Intro2-text{
	color: #27272F;
	font-size: 50px;
	font-family: lexend-Regular;
	font-weight: 400;
	text-align: center;
}

.Intro2-img{
	margin: 0 auto;
    display: flex;
    justify-content: space-around;
    padding-top: 10rem;
    /* padding-bottom: 10rem; */
    width: 80%;
}



.Video-Background{
	max-width: 925px;
    width: 528px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 7px;
    transform: translateX(-50%);
}

.Video-bottom-text{
	text-align: center;
	padding-top: 5rem;
}

.Video-bottom-text h3{
	
	font-family: lexend-Regular;
	font-size: 37px;
}
.Video-bottom-text-p{
	padding-top: 2.5rem;
}

.Video-bottom-text p{
	
	font-family: inter-Lite;
	font-size: 20px;
}

@media all and (max-width: 1920px) {
	
	.Video-Background{
	max-width: 925px;
    width: 450px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 5px;
    transform: translateX(-50%);
	}
	
	.Video-Img{
	
		width:584px;
	}
	
	.Intro2-img{
		width:100%;
	}
	
}

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

	.Intro2Box{
		width:800px;
		margin: 0 auto;
	}
	
	.Intro2-img{
		flex-direction: column;
		
	}
	
	.Intro2-video-2{
		padding-top: 250px;
	}

	
	}