.article-video{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.article-video-full{
	width: calc(100% - 39rem);
	padding-right: 9.6rem;
	position: relative;
}
.article-video-full:after{
	position: absolute;
	content: "";
	right: 4.8rem;
	top: 0;
	height: 100%;
	width: 1px;
	background: #3A3A3A;
}
.article-video-list{
	width: 39rem;
}
@media(min-width:1200px) and (max-width:1307.98px){
	.article-video-list {
    	width: 36.5rem;
	}
	.article-video-full {
    	width: calc(100% - 36.5rem);
    	padding-right: 5.6rem;
    }
    .article-video-full:after {
    	right: 2.8rem;
    }
}
@media(min-width:992px) and (max-width:1199.98px){
	.article-video-full {
    	width: calc(100% - 36rem);
    	padding-right: 4rem;
    }
    .article-video-full:after {
    	right: 2rem;
    }
	.article-video-list {
    	width: 36rem;
	}
}
@media(min-width:768px) and (max-width:991.98px){
	.article-video-full {
    	width: 100%;
    	padding-right: 0;
    	margin-bottom: 4rem;
	}
	.article-video-full:last-child{
		margin-bottom: 0;
	}
    .article-video-full:after{
    	content: none;
    }
    .article-video-list {
    	width: 100%;
	}
	.article-video-list ul {
    	display: flex;
    	flex-wrap: wrap;
	}
	.article-video-list li{
		width: calc(50% - 0.75rem);
		margin-left: 1.5rem;
	}
	.article-video-list li:nth-child(2n + 1){
		margin-left: 0;
	}
	.article-video-list li:nth-child(2){
		padding-top: 0;
	}
}
@media(max-width:767.98px){
	.article-video-full {
    	width: 100%;
    	padding-right: 0;
    	margin-bottom: 4rem;
	}
	.article-video-full:last-child{
		margin-bottom: 0;
	}
    .article-video-full:after{
    	content: none;
    }
    .article-video-list {
    	width: 100%;
	}
}