.youtube-recent-2-zoom .youtube-recent-2-zoom-flex {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.youtube-recent-2-zoom .youtube-recent-2-zoom-flex > div:first-child {
	width: 25%;
}
.youtube-recent-2-zoom .youtube-recent-2-zoom-flex > div:last-child {
	width: 70%;
}
.youtube-recent-2-zoom .youtube-recent-2-zoom-flex2 {
    width: 100%;
	display: flex;
	flex-wrap: wrap;
	row-gap: 40px;
}
.youtube-recent-2-zoom-flex2-con .youtube-img-box {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    background-color: #000;
}
.youtube-recent-2-zoom-flex2-con .youtube-img-box .youtube-img-box-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    transition: background-size ease 0.3s;
    -moz-transition: background-size .3s ease;
    -web-kit-transition: background-size .3s ease;
}
.youtube-recent-2-zoom-flex2-con:hover .youtube-img-box .youtube-img-box-area {
    background-size: 120%;
}
.youtube-recent-2-zoom-flex2-con .button-play-2 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: transparent;border: 0;background-image: url(img/play.svg);background-repeat: no-repeat;background-size: 20%;background-position-x: center;background-position-y: center;opacity: 0;}
.youtube-recent-2-zoom-flex2-con .button-play-2:hover {opacity: 1;transition: opacity ease-out 0.5s;}
.youtube-recent-2-zoom-flex2-con .text-box {
    position: relative;
	padding: 20px 5px 0;
    text-decoration: none;
}
.youtube-recent-2-zoom-flex2-con .text-box h6 {
	text-align: left;
	color: #101010;
	font-weight: 600;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 500;
	letter-spacing: -0.03em;
}
.youtube-recent-2-zoom-flex2-con .text-box p {
	text-align: left;
	margin-top: 15px;
	color: #909090;
	line-height: 1.1;
    overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.youtube-recent-2-zoom .animation-btn {
    margin-top: 50px;
}
@media only screen and (min-width: 992px) {
	.youtube-recent-2-zoom .youtube-recent-2-zoom-flex2 {
		column-gap: 20px;
	}
	.youtube-recent-2-zoom .youtube-recent-2-zoom-flex2 .youtube-recent-2-zoom-flex2-con {
		width: calc((100% - 40px) / 3);
	}
}
@media only screen and (min-width: 1200px) {
	.youtube-recent-2-zoom .youtube-recent-2-zoom-flex2 {
		column-gap: 20px;
	}
	.youtube-recent-2-zoom .youtube-recent-2-zoom-flex2 .youtube-recent-2-zoom-flex2-con {
		width: calc((100% - 40px) / 3);
	}
}
@media only screen and (max-width: 1199px) {
	.youtube-recent-2-zoom .youtube-recent-2-zoom-flex > div:first-child,
	.youtube-recent-2-zoom .youtube-recent-2-zoom-flex > div:last-child {
		width: 100%;
	}
}
@media only screen and (max-width: 991px) {
	.youtube-recent-2-zoom.section .container {
		padding-top: min(14.75vw, 100px);
		padding-bottom: min(5.25vw, 50px);
	}
	.youtube-recent-2-zoom .youtube-recent-2-zoom-flex2 {
		column-gap: 20px;
	}
	.youtube-recent-2-zoom .youtube-recent-2-zoom-flex2 .youtube-recent-2-zoom-flex2-con {
		width: calc((100% - 20px) / 2);
	}
}
@media only screen and (max-width: 640px) {
	.youtube-recent-2-zoom .youtube-recent-2-zoom-flex2 {
		column-gap: 10px;
	}
	.youtube-recent-2-zoom .img-hover-ban-1 .text-box-zone p {
		font-size: 16px;
	}
}