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

/******************** 뷰 ********************/
/* movie_view */
.movie_view {width:100%;}
.movie_view .movie_frame {overflow:hidden; height:562px; background:#000; border-radius:20px;}
.movie_view .movie_frame iframe {width:100%; height:100%;}
.movie_view .movie_text {position:relative; overflow:hidden; margin:30px 0 20px; padding:0 0 40px;}
.movie_view .movie_text h2 {position:relative; float:left; width:25%; margin:0; padding:0; color:#000; font-weight:400; font-size:30px !important; line-height:1.3;}
.movie_view .movie_text:after {content:""; display:block; position:absolute; top:0; left:30%; margin:-40px 0 0 -3px; width:0; height:100%; border-right:6px solid #e4e4e4;}
.movie_view .movie_text > p {float:right; width:65%; margin:0; padding:0; color:#555; font-size:15px;}
.movie_view .movie_text .share {position:absolute; z-index:100; left:auto; top:auto; right:0; bottom:0;}
.movie_view .movie_text .share .sns_icon {margin-top: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:14px; color:#999;}
/* board_movie in wpb_pic */
.board_movie .wpb_pic {overflow:hidden; position:relative; background:#999; height:243px; text-align:center; border-radius:20px;}
.board_movie .wpb_pic img {width:100%; height:auto; min-height:100%;}
.board_movie .wpb_pic img.wpb_noimg {margin:84px 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(35, 188, 183, 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:10px 10px 5px; white-space:nowrap; text-overflow:ellipsis; width:auto; color:#000; font-weight:normal; font-size:15px !important;}
.board_movie .wpb_content {overflow:hidden; margin:0; padding:0 10px; white-space:nowrap; text-overflow:ellipsis; width:auto; color:#555;}
.board_movie .wpb_date {display:inline-block; margin:0 0 10px; padding:0 10px;}
.board_movie .wpb_author, .board_movie .wpb_more {display:none;}

/***** hover, focus *****/
.board_movie a:hover *, .board_movie a:focus * {color:#23bcb7;}
.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:#23bcb7;}
}
/* 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:#23bcb7; .line-height:214px;}