.latest-video {
	padding: 0 0 105px;
}
.latest-video .custom-title-line {
	margin-bottom: 3px;
}
.latest-video .custom-title-wrapper {
	margin-bottom: 38px;
}
.latest-video-wrapper {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 10px;
}
.latest-video-sub-wrapper {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 10px;
}
.latest-video-item {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.latest-video-item.big-video {
	padding-bottom: calc(56.25% + 10px);
}
.latest-video-item > img {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(1.05);
	transition: .3s;
	object-fit: cover;
}
.latest-video-item:hover > img {
	transform: scale(1);
}
.latest-video-item:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	opacity: .4;
	background: var(--color-1F1D1C);
}
.latest-video-item:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
	opacity: .4;
	background: linear-gradient(180deg, #1F1D1C 0%, rgba(31, 29, 28, 0.00) 100%);
}
.latest-video-name {
	position: absolute;
	left: 30px;
	top: 30px;
	width: calc(100% - 60px);
	z-index: 5;
	color: var(--color-FFF);
	font-family: var(--intro-book-ff);
	font-style: normal;
	font-weight: 400;
	line-height: 135%; /* 27px */
	padding-top: 12px;
}
.latest-video-name:not(.not-line):before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 70px;
	height: 2px;
	background: var(--color-C9AD6F);
}
.latest-video-name.not-line {
	padding: 0;
	line-height: 135%;
}
.btn-play-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	width: 49px;
	height: 49px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	box-shadow: 0px 4px 16.1px 0px rgba(0, 0, 0, 0.10);
	background: var(--color-FFF);
	overflow: hidden;
}
.btn-play-icon:before {
	position: absolute;
	content: '';
	left: -180%;
	top: 110%;
	width: 140px;
	height: 140px;
	transform: translate(-50%, -50%) rotate(45deg);
	transition: .5s;
	background: var(--color-C9AD6F);
	z-index: 1;
}
.btn-play-icon:hover:before {
	left: 50%;
}
.btn-play-icon > svg {
	position: relative;
	z-index: 3;
}
.mfp-iframe-holder .mfp-content {
	max-width: 1063px;
}
.mfp-iframe-holder .mfp-content:after {
	position: absolute;
	content: '';
	width: calc(100% + 140px);
	height: calc(100% + 90px);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: var(--color-FFF);
}
.mfp-iframe-holder .mfp-iframe-scaler {
	position: relative;
	z-index: 3;
	overflow: unset;
}
.mfp-iframe-holder .mfp-iframe-scaler .mfp-close {
	position: absolute;
	z-index: 4;
	right: -52px;
	top: -26px;
	width: 26px;
	height: 26px;
	padding: 0;
	font-size: 0;
	opacity: 1;
}
.mfp-iframe-holder .mfp-iframe-scaler .mfp-close:before {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"><path d="M5.20312 5.2002L20.8031 20.8002" stroke="%23797777" stroke-width="1.5" stroke-linecap="round"/><path d="M5.20312 20.7998L20.8031 5.1998" stroke="%23797777" stroke-width="1.5" stroke-linecap="round"/></svg>');
	width: 26px;
	height: 26px;
	transform: translate(-50%, -50%);
}
.mfp-iframe-holder .mfp-iframe-scaler iframe {
	box-shadow: none;
}
@media(min-width: 1100px) {
	.latest-video {
		padding: 0 0 5.469vw;
	}
	.latest-video .custom-title-wrapper {
		margin-bottom: 1.979vw;
	}
	.latest-video-name {
		left: 1.563vw;
		top: 1.563vw;
		width: calc(100% - 3.125vw);
		padding-top: 0.625vw;
	}
	.latest-video-name:not(.not-line):before {
		width: 3.646vw;
	}
	.btn-play-icon {
		width: 2.552vw;
		height: 2.552vw;
	}
	.btn-play-icon:before {
		width: 7.292vw;
		height: 7.292vw;
	}
	.mfp-iframe-holder .mfp-content {
		max-width: 55.365vw;
	}
	.mfp-iframe-holder .mfp-content:after {
		width: calc(100% + 7.292vw);
		height: calc(100% + 4.688vw);
	}
}
@media(max-width: 1099.99px) {
	.latest-video {
		padding: 0 0 50px;
	}
	.latest-video .custom-title-wrapper {
		margin-bottom: 20px;
		grid-template-columns: 1fr 2fr 1fr;
	}
}
@media(max-width: 990px) {
	.latest-video-wrapper {
		grid-template-columns: 1fr;
	}
	.latest-video-sub-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
	.latest-video-name {
		left: 10px;
		top: 10px;
	}
}
@media(max-width: 700px) {
	.latest-video-sub-wrapper,
	.latest-video-wrapper {
		grid-gap: 3px;
	}
	.latest-video-name {
		display: none;
	}
}