.video-list{}
.video-list > li{float:left;width:calc(50% - 15px);height:300px;margin:0 30px 30px 0;padding:20px;text-align:center;border:1px solid #eee;overflow:hidden;box-sizing:border-box;position:relative;transition:.5s;}
.video-list > li:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2;z-index:-1;}
.video-list > li:nth-of-type(2n){margin:0 0 30px;}
.video-list > li:hover{background:rgba(0,101,180,.8);}
.video-list > li h4{font-size:18px;transform:translateY(30px);transition:.5s;}
.video-list > li .txt-box{margin:20px 0 0;text-align:left;transform:translateY(120%);transition:.5s;}
.video-list > li:hover h4{transform:none;color:#fff;}
.video-list > li:hover .txt-box{transform:none;color:#fff;}
.video-list > li:hover .txt-box ul.ul-type01 > li{color:#fff;}
.video-list > li .txt-box .txt-scroll{height:160px;font-size:14px;overflow-y:auto;}
.video-list > li .txt-box p{}
.video-list > li .txt-box a{display:block;max-width:120px;padding:12px;margin:20px auto 0;text-align:center;color:#fff;border:1px solid #fff;transition:.3s;}
.video-list > li .txt-box a:hover{background:#fff;color:#0065b4;}
.video-list > li .layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:10;}


.btn-vi-wrap{text-align: center;}
.btn-list-img{width:100%;height: 100%;position: absolute;background-color:#f3f3f3;z-index: -1;top: 0px;left: 0px;}
.btn-list-img img{height:100%;width: 100%;object-fit: cover;display: block;}

.video-list > li{float:left;width:calc(50% - 15px);height:300px;margin:0 30px 30px 0;padding:0px 20px 20px 20px;text-align:center;border:1px solid #eee;overflow:hidden;box-sizing:border-box;position:relative;transition: .5s;}
.video-list > li .txt-box .txt-scroll{height: 120px;font-size: 14px;overflow-y: auto;margin: 18px 0 26px 0;padding: 10px 0 0 0;}
.video-list > li .txt-box{margin: 33px 0 0;text-align: left;transform: translateY(120%);transition: .5s;}
.video-list > li h4 {font-size: 18px;color: #fff;text-align: left;padding: 30px 0 0 0;}
.video-list > li .txt-box a{display:inline-block;max-width:120px;padding:10px 15px;text-align:center;color:#fff;border:1px solid #fff;transition:.3s;margin: 0 5px;border-radius: 5px;}


.layer .layer-box{width:50%;min-width:700px;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);z-index:1;}
.layer .layer-box .fr-video{display:block;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.layer .layer-box .fr-video iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}
.layer .layer-box > div {padding: 3% 5% 100px 5%;background-color: #000;border-radius: 7px;}
.layer .close{position:absolute;top:calc(100% + -82px);left:50%;width:60px;height:60px;transform:translateX(-50%);background:#000 url(/_res/ajou/archives/img/btn-m-menu-close.png) no-repeat center;background-size:30px auto;border-radius:50%;box-sizing:border-box; opacity: 1;}

@media screen and (max-width:768px){
	.video-list > li{width:calc(50% - 10px);margin:0 20px 20px 0;padding:20px 10px;}
	.video-list > li:nth-of-type(2n){margin:0 0 20px;}
	.video-list > li h4{font-size:16px;}
	.video-list > li .txt-box .txt-scroll{height:100px;}
	.layer .layer-box{width:calc(100% - 30px);min-width:0;top:auto;margin:150px auto 0;transform:none;}
	.layer .close{top: calc(100% + -68px);left: 50%;width: 35px;height: 35px;}
}

@media screen and (max-height: 550px){
	.layer .layer-box{width:60%;min-width:0;top:50%;margin:0 auto;transform:translateY(-50%);}
    .layer .layer-box > div{padding:3% 5% 60px 5%;}
    .layer .close{width:35px;height:35px;top:auto;bottom:13px;}
}

@media screen and (max-width:480px){
	.video-list > li{float:none;width:100%;margin:0 0 10px;}
	.video-list > li:nth-of-type(2n){margin:0 0 10px;}
}