@charset "utf-8";
/* CSS Document */

  /* ──────────────────────────────────────
│                                                                                                                   │
│ * File Name: video_v.css                                                                                  │
│ * Description: video_v.php를 사용하는 페이지 style 지정                                       │
│ * Update: 2020-12-29                                                                                    │
│                                                                                                                   │
  ────────────────────────────────────── */

/* float 초기화 */
.info:after, .list dl:after{ content:''; display:block; clear:both; height:0; visibility:hidden; }

/* 01 */
.video-style01 .video_view{ border-top:2px solid #333; }
.video-style01 .video_view .title{ font-size:20px; font-weight:400; text-align:center; background:#f8f8f8; padding:20px 10px; }
.video-style01 .video_view .info{ font-size:18px; font-weight:400; padding:20px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.video-style01 .video_view .info .name{ float:left; }
.video-style01 .video_view .info ul{ float:right; }
.video-style01 .video_view .info ul li{ float:left; }
.video-style01 .video_view .info ul li:last-child{ margin-left:20px; position:relative; }
.video-style01 .video_view .info ul li:last-child:before{ content:''; width:1px; height:16px; background:#ccc; margin-top:-8px; position:absolute; top:50%; left:-10px; }
.video-style01 .video_view .cont{ padding:20px 10px; }
.video-style01 .video_view .cont .video-container{ height:0; padding:30px 0 56.25%; position:relative; overflow:hidden;margin:0 2% 2% 2%; }
.video-style01 .video_view .cont .video-container iframe, .video-style01 .video_view .cont .video-container object, .video-style01 .video_view .cont .video-container embed{ width:100%; height:100%; position:absolute; top:0; left:0; }
@media screen and (max-width: 978px){
}
@media screen and (max-width: 640px){
	.video-style01 .video_view .title{ font-size:18px; } 
	.video-style01 .video_view .info{ font-size:15px; }
	.video-style01 .video_view .info .name{ float:none; }
	.video-style01 .video_view .info ul{ float:none; margin-top:10px; }
}