/* 비디오 리스트 */
.video_tep{margin-top:50px;}
.video_group{overflow:hidden;border-top:2px solid #000;border-bottom:1px solid #000}
.video_box{display:flex;flex-wrap:wrap;align-items:flex-start;border-bottom:1px solid #ddd;padding:20px 0;}
.video_box .num{font-size:20px;line-height:1.2;order:1;margin-bottom:10px;border-bottom:1px solid #000;font-weight:400;}
.video_box .text{width:100%;padding-top:20px;order:3;}
.video_box .img{width:100%;order:2;cursor:pointer;background-position:center center;background-size:100% auto;position:relative;}
.video_box .img.imgn{cursor:default;}
.video_box .img span{position:absolute;top:50%;left:50%;transform:translate(-50%, -40%);font-size:80px;color:rgba(255,255,255,1);text-shadow:1px 1px 5px rgba(0,0,0,0.1);background:rgba(0,0,0,0.005);line-height:1;}
.video_box .text .subject{font-size:20px;margin-bottom:10px;line-height:1.3;}
.video_box .text .subject.unit{cursor:pointer}

.video_box .text .subject.unit:hover{color:#008236;}
.video_box .text .date{font-size:12px;margin-top:20px;color:#666;}
.video_box .text .url{margin-top:15px;}
@media (min-width:768px){
	.video_tep{margin-top:70px;}
	.video_box{padding:30px 10px 30px 0;}
	.video_box .num{width:5%;text-align:center;font-size:30px;border:0;font-weight:100;}
	.video_box .text{width:55%;padding:0 30px;order:2;}
	.video_box .img{width:40%;order:3;}
	.video_box .img span{font-size:60px;}
	.video_box .text .subject{font-size:24px;margin-bottom:15px;}
	.video_box .text .date{font-size:14px;}
}
@media (min-width:1100px){
	.video_tep{margin-top:90px;}
	.video_box{padding:50px 10px 50px 0;}
	.video_box .num{width:10%;font-size:40px;}
	.video_box .text{width:55%;}
	.video_box .img{width:35%;}
	.video_box .text .subject{font-size:28px;margin-bottom:30px;}
	.video_box .text .date{margin-top:30px;}
}

/* 비디오 슬라이드 팝업 */
.popup_video.open{display:block;}
.popup_video{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.8);z-index:1000;padding:90px 0 30px 0;color:#fff}
.popup_video .gp_title{text-align:center;}
.popup_video .gp_title .slide_title{font-size:16px;line-height:1.2}
.popup_video .gp_title .slide_date{font-size:13px}
.popup_video .popup_video_close{position:fixed;font-size:40px;top:30px;right:30px;cursor:pointer;z-index:10}
.player_box{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:15px;overflow:hidden;width:90%;max-width:1300px}
.player_box img{width:100%;z-index:1;}
.player_box .player{position:absolute;z-index:2;top:0;left:0;width:100%}

@media (min-width:768px){
	.popup_video{padding:100px 20px 30px 20px;}
	.popup_video .gp_title .slide_title{border-radius:20px;font-size:18px}
	.popup_video .popup_video_close{font-size:50px;}
	.player_box{transform:translate(-50%, -43%);}
}
@media (min-width:1024px){
	.popup_video{padding:40px;}
	.popup_video .gp_title .slide_title{font-size:26px}
}

.video_box.none_content{display:block;text-align:center;padding:100px 0;}
.video_box.none_content .gicon{font-size:5em;margin-bottom:20px}

.video_tep{line-height:1}
.video_tep button{border:1px solid #ddd;border-bottom:0;padding:14px 20px 12px 20px;margin-right:-1px}
.video_tep button.select{background:#000;color:#fff;border-color:#000}
@media (min-width:992px){
	.video_tep button{padding:16px 30px 14px 30px;font-size:1.2em;}
}