@charset "utf-8";

.SampleVodCoverImage {
    float:left;
    /* background-color:#ffffff; */
    width:300px;
    height:190px;
    overflow:hidden;
    /* border:1px solid #e3e3e3; */
}

.SampleVodPlayBg { 
    position:absolute; 
    display:table; 
    width:300px; 
    height:190px; 
    color:#ffffff; 
    cursor:pointer; 
    text-align:center;
    opacity: 0;
    filter:alpha(opacity=0);
    background:#000000; 
}

.SampleVodPlayBg:hover {
    background:url("/images/common/vod_play_bg.png");
    transition-duration:0.5s;
    transition-property:opacity;
    /* transition:opacity 0.5; /* 0.5초의 속도로 변하게 해줍니다. */
    opacity: 1;
    filter:alpha(opacity=1);
}

.SampleVodPlayButton { 
    display:table-cell; 
    vertical-align:middle; 
}

.BodyVodList {
    display:inline-block;
    width:100%;
    background-color:#ffffff;
}

.BizTalkContentsTable { width:100%; border-collapse:collapse; table-layout:fixed; 
    box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
}

.BizTalkContentsTable td {
    font-size:11pt;
    border:0 solid #333333;
    padding-bottom:30px;
    -webkit-padding-after:30px;
}

.BizTalkContentsTable td.item0 {
    padding-right:50px;
    -webkit-padding-end:50px;
    border-right:1px solid #cccccc;
}
.BizTalkContentsTable td.item1 {
    padding-left:50px;
    -webkit-padding-start:50px;
}

.BizTalkContentsTable div {
    box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box;
}

.BodyVodCoverImage {
    float:left;
    background-color:#ffffff;
    height:140px;
    width:220px;
    overflow:hidden;
    /* border:1px solid #e3e3e3; */
}

.BodyVodInfo {
    float:left;
    margin-left:20px;
    max-height:140px;
    overflow:hidden;
}

.BodyVodCourse {
    width:260px;
    font-size:11pt;
    font-weight:bold;
    color:#ff6666;
    border-bottom:1px solid #333333;
    padding-bottom:3px;
    margin-bottom:5px;
    -webkit-padding-after:3px;
    -webkit-margin-after:5px;
}

.BodyVodSubject {
    width:260px;
    font-size:11pt;
    font-weight:bold;
    color:#333333;
}

.BodyVodContents {
    word-break:break-all;
    width:260px;
    overflow-y:hidden;
    border:0 solid #cccccc;
    margin-top:10px;
    -webkit-margin-before:10px;
}

.BodyVodList .item_time {
    display:block; 
    position:absolute; 
    color:#ffffff; 
    height:20px; 
    top:-20px;
    right:0;
    background-color:rgba(0, 0, 0, 0.9);
    text-align:center;
    padding:0 5px; -webkit-padding-before:0; -webkit-padding-end:5px; -webkit-padding-after:0; -webkit-padding-start:5px;
}

.VodPlayBg { 
    position:absolute; 
    display:table; 
    width:220px; 
    height:140px; 
    color:#ffffff; 
    cursor:pointer; 
    text-align:center;
    opacity: 0;
    filter:alpha(opacity=0);
    background:#000000; 
}

.VodPlayBg:hover {
    background:url("/images/common/vod_play_bg.png");
    transition-duration:0.5s;
    transition-property:opacity;
    /* transition:opacity 0.5; /* 0.5초의 속도로 변하게 해줍니다. */
    opacity: 1;
    filter:alpha(opacity=1);
}

.VodPlayButton { 
    display:table-cell; 
    vertical-align:middle; 
}