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

/******************** 뷰 ********************/
/* movie_view */
.movie_view {margin-bottom:25px; height:330px;}
.movie_view .movie_frame {float:left; overflow:hidden; width:66.232%; height:330px; background:#000; border-radius: 16px 0 0 16px;}
.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 20px 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:600; font-size:17px !important; line-height:30px; border-radius: 0 16px 0 0;}
.movie_view .movie_text > p {overflow-y:scroll; margin:0; padding:17px; height:268px; border:1px solid #e4e4e4; border-left:none; border-top:none; color:#000; font-size:15px; box-sizing: border-box;}
.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 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}
.board_movie li {overflow: hidden;}
.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; color:#555;}
/* board_movie in wpb_pic */
.board_movie .wpb_pic {display: flex; align-items: center;overflow:hidden; position:relative; background:#999; height:160px; text-align:center; border-radius: 8px;}
.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(14, 129, 54, 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:600; font-size:17px !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; font-size: 15px;}
.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:#0e8136;}
.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:#0e8136;}
}
/* 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:#0e8136; .line-height:214px;}