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


.movie_list {
    margin-bottom:10px;
}
/******************** 뷰 ********************/
/* movie_view */
.movie_view {
    display: flex;
    margin-bottom:25px;
    height:695px;
}
.movie_view .movie_frame {
    overflow:hidden;
    width:100%;
    background:#000;
}
.movie_view .movie_frame iframe {
    width:100%;
    height:100%;
}
.movie_view .movie_text {
    /*display: flex;
    flex-direction: column;
    position:relative;
    width:33.768%;
    border:1px solid #e4e4e4;*/
	display: none;
}
.movie_view .movie_text h2 {
    /*overflow:hidden;*/
    margin:0;
    padding:15px 52px;
    /*white-space:nowrap;*/
    /*text-overflow:ellipsis;*/
    width:auto;
    background:url('../../image/icon_movie.png') 17px 20px no-repeat;
    border-bottom:1px solid #e4e4e4;
    border-left:none;
    color:#000;
    font-weight:400;
    font-size:16px !important;
    line-height:30px;
}
.movie_view .movie_text > p {
    flex:1;
    overflow-y:scroll;
    max-height: 100%;
    margin:0;
    padding:17px;
    border-left:none;
    border-top:none;
    color:#000;
}
.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 a {
    display:block;
}
.board_movie li a * {
    color:#555;
}
/* board_movie in wpb_pic */
.board_movie .wpb_pic {
    display: flex;
    align-items: center;
    overflow:hidden; 
    position:relative; 
    background:#000; 
    height:218px; 
    text-align:center;
}
.board_movie .wpb_pic img {
    width:100%; 
    height:auto; 
}
.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(3, 122, 78, 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 5px; 
    /*white-space:nowrap;*/ 
    /*text-overflow:ellipsis;*/ 
    width:auto; 
    color:#000; 
    font-weight:600; 
}
.board_movie .wpb_content {
    /*overflow:hidden;*/ 
    margin:0; 
    padding:0 5px; 
    /*white-space:nowrap;*/ 
    /*text-overflow:ellipsis;*/ 
    width:auto; 
    color:#555;
    font-size: 16px;
}
.board_movie .wpb_date {
    display:inline-block; 
    margin:10px 0 0; 
    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 .wpb_title, .board_movie a:focus .wpb_title {color:#037a4e;}
.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:#037a4e;}
}
/* 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:#037a4e; .line-height:214px;}