@charset "utf-8";

/**
 * @author https://www.cosmosfarm.com
 */

/* 홍보영상 */
.vimeo_list {display:flex; flex-wrap:wrap; margin: 0 -20px 80px;}
.vimeo_list li {width:calc(50% - 40px); margin:20px;}
.vimeo_list li a {display:block; width:100%;}
.vimeo_list li .img {flex-shrink:0; width:100%; height:325px;}
.vimeo_list li .img img {width:100%; height:100%; object-fit:cover;}
.vimeo_list li .txt {margin-top:24px;}
.vimeo_list li .txt .tit {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:24px; font-size:28px; line-height:1.6; word-break:keep-all;}
.vimeo_list li .txt .date {font-size:14px; line-height:1; opacity:.3;}

.vimeo_wrap .video_box iframe {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}

.vimeo_wrap .vimeo_list .btn {display:flex; justify-content:flex-end;}
.vimeo_wrap .vimeo_list .btn a {display:inline-block; max-width:56px; padding:9px 11px; font-size:12px; line-height:1; color:#fff; background:#000;}
.vimeo_wrap .vimeo_list .btn a + a {margin-left:4px;}


@media screen and (max-width: 1199px) {
	/* 홍보영상 */
	.vimeo_list {margin:-40px -20px;}
	.vimeo_list li {width:calc(50% - 40px); margin:40px 20px;}
	.vimeo_list li .txt .tit {margin-bottom:20px; font-size:24px;}
}

@media screen and (max-width: 1024px) {
	/* 홍보영상 */
	.vimeo_list li .img {height:220px;}
	.vimeo_list li .txt .tit {margin-bottom:16px; font-size:20px;}
}

@media screen and (max-width: 768px) {
	/* 홍보영상 */
	.vimeo_list {display:block; margin:0;}
	.vimeo_list li {width:100%; margin:0;}
	.vimeo_list li + li {margin-top:40px;}
	.vimeo_list li .img {height:240px;}
}

@media screen and (max-width: 640px) {
	/* 홍보영상 */
	.vimeo_list li + li {margin-top:40px;}
	.vimeo_list li .img {height:240px;}
	.vimeo_list li .txt .tit {font-size:18px;}

	.video_wrap .vimeo_list .popup_wrap .popup .pop_close {top:-35px; width:24px; height:24px;}
}

@media screen and (max-width: 480px) {
	/* 홍보영상 */
	.vimeo_list li .img {height:180px;}
}

@media screen and (max-width: 374px) {
	/* 홍보영상 */
	.vimeo_list li + li {margin-top:30px;}
	.vimeo_list li .txt {margin-top:20px;}
	.vimeo_list li .txt .tit {font-size:16px;}
	.vimeo_list li .txt .date {font-size:13px;}
}