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

/******************** 뷰 ********************/
/* movie_view */
.movie_view {margin-bottom:25px; height:480px;}
.movie_view .movie_frame {float:left; overflow:hidden; width:66.232%; height:480px; background:#000;}
.movie_view .movie_frame iframe {width:100%; height:100%;}
.movie_view .movie_text {position:relative; float:right; width:33.768%;}
.movie_view .movie_text h2 {overflow:hidden; margin:0; padding:15px 52px; white-space:nowrap; text-overflow:ellipsis; width:auto; height:30px; background:url('../../image/icon_movie.png') 17px center no-repeat; border:1px solid #e4e4e4; border-left:none; color:#000; font-weight:400; font-size:16px !important; line-height:30px;}
.movie_view .movie_text > p {overflow-y:scroll; margin:0; padding:17px; height:383px; border:1px solid #e4e4e4; border-left:none; border-top:none; color:#000; font-size:13px;}
.movie_view .movie_text .share {position:absolute; z-index:100; left:auto; top:17px; right:8px; bottom:auto;}
.movie_view .movie_text .share .sns_icon {margin-top:0;}









/*************** 리스트 ***************/
.board_list {padding:0;}
/* board_movie */
.board_movie {clear:both;}
.board_movie li {float:left; margin:0 0 15px 1.3%; width:32.466%;}
.board_movie li:nth-child(3n+1) {margin-left:0;}
.board_movie li.cut {margin-left:0;}
.board_movie li a {display:block;}
.board_movie li a * {font-weight:300; font-size:12px; color:#999;}
/* board_movie in wpb_pic */
.board_movie .wpb_pic {overflow:hidden; position:relative; background:#999; height:200px; text-align:center;}
.board_movie .wpb_pic img {width:100%; height:auto; min-height:100%;}
.board_movie .wpb_pic img.wpb_noimg {margin:77px auto 0; width:46px; height:46px; min-height:46px;}
.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(2, 163, 136, 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 {overflow:hidden; margin:0; padding:7px 5px 0; white-space:nowrap; text-overflow:ellipsis; width:auto; color:#000; font-weight:400; font-size:14px !important;}
.board_movie .wpb_content {overflow:hidden; margin:0; padding:0 5px; white-space:nowrap; text-overflow:ellipsis; width:auto; color:#555;}
.board_movie .wpb_date {display:inline-block; margin:0 0 10px; padding:0 5px;}
.board_movie .wpb_author, .board_movie .wpb_more {display:none;}

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

/***** IE8, IE7 대응 *****/
/* IE8 대응 */
@media \0screen {
.board_movie .wpb_hover {display:none;}
.board_movie a:hover .wpb_hover. .board_movie a:focus .wpb_hover {display:block; background-color:#02a388;}
}
/* IE7 대응 */
.board_movie li {.margin:0 0 15px 1.2%;}
.board_movie .wpb_hover {.display:none;}
.board_movie a:hover .wpb_hover, .board_movie a:focus .wpb_hover {.display:block; .background-color:#02a388; .line-height:214px;}