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

/******************** 뷰 ********************/
/* movie_view */
.movie_view {margin:0 0 10px; margin:0 0 2.778vw;}
.movie_view .movie_frame {padding:0 0 10px; padding:0 0 2.778vw; height:200px; height:55.556vw;}
.movie_view .movie_frame iframe {width:100%; height:100%;}
.movie_view .movie_text {position:relative;}
.movie_view .movie_text h2 {margin:0; padding:10px 0 0; padding:2.778vw 0 0; color:#000; font-weight:400; }
.movie_view .movie_text > p {padding:10px 0; padding:2.778vw 0; color:#000;}
.movie_view .movie_text .share {vertical-align:middle;}









/*************** 리스트 ***************/
.board_list {padding:0;}
/* board_movie */
.board_movie {clear:both;}
.board_movie li {margin:0 0 10px; margin:0 0 2.778vw;}
.board_movie li a {display:table; overflow:hidden; width:100%; height:71.333px; height:19.815vw; border:1px solid #e4e4e4; border:0.278vw solid #e4e4e4; line-height:0; box-sizing:border-box;}
.board_movie li a * {font-weight:300; color:#999;}
/* board_movie in wpb_pic */
.board_movie .wpb_pic {overflow:hidden; position:relative; z-index:1; background:#999; height:71.333px; height:19.815vw; text-align:center; vertical-align:middle;}
.board_movie .wpb_pic img {width:100%; height:100%;}
.board_movie .wpb_pic img.wpb_noimg {display:none;}
.board_movie .wpb_hover {position:absolute; bottom:0; left:0; z-index:1000; visibility:visible; backface-visibility:hidden; width:100%; height:100%; margin:0; background-color:rgba(1, 64, 153, 0.80); opacity:0; transform:translateZ(0px); transition:opacity 0.4s ease 0s; text-align:center;}
.board_movie .wpb_ic {display:inline-block; margin:84px auto 0; width:46px; height:46px; background:url('../../image/icon_play.png') center center no-repeat;}
/* board_movie in wpb_text */
.board_movie .wpb_title {display:table-cell; padding:10px 7px; padding:2.778vw 1.944vw; width:70%; height:71.333px; height:19.815vw; color:#000; font-weight:400; text-align:left; vertical-align:middle; box-sizing:border-box; line-height:1.3;}
.board_movie .wpb_content {display:none;}
.board_movie .wpb_date {display:none;}
.board_movie .wpb_author, .board_movie .wpb_more {display:none;}

/***** hover, focus *****/
.board_movie .on a .wpb_title, .board_movie a:active * {color:#014099;}
.board_movie .on a .wpb_hover, .board_movie a:active .wpb_hover {opacity:1; transform:translateZ(0px); transition:opacity 0.4s ease 0s;}