/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX.  co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-09-18
| 파일설명 : 광고 CSS
+----------------------------------------------------------------------+
| 작업자 : 우현진          
+----------------------------------------------------------------------+
| 수정이력
| 
+----------------------------------------------------------------------+
*/

#videoMov{width: 1200px; height: 675px;}
#videoBox{position: relative;}
#videoBox .videoPlayBtn{width: 51px;height:51px; cursor:pointer; border-radius: 50%;background: url('/smciImages/front/board/movie_playBtn.png') no-repeat 0 0;position: absolute;left: 50%;top: 50%;margin-left: -25px;z-index: 3;}

.videoSlide li{overflow:hidden; }
.videoSlide li .videoArea{float: left; margin-right: 37px;position: relative;border: 1px solid #D9D9D9;box-sizing: border-box;margin-bottom: 40px;}
.videoSlide li .videoArea:nth-child(4n){margin-right: 0;}

.videoArea a .videoText dt{font-size: 19px;line-height: 24px;color: #404040; display: inline-block; width: 240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.videoArea a .videoText dt span{font-size: 19px;line-height: 24px;color: #404040;}
.videoArea a .videoText dd{font-size: 15px; color: #8a8a8a; margin-top: 15px;}
.videoArea a .videoPlayBtn{display: none;width: 51px;height:51px;border-radius: 50%;background: url('/smciImages/front/board/movie_playBtn.png') no-repeat 0 0;position: absolute;left: 110px;top: 50px;z-index: 3; }
.videoSlide .thmbArea{overflow:hidden;position: relative;z-index: 1;}
.videoArea .videoText{border-top: 1px solid #D9D9D9;padding: 15px;text-align: left;}
.videoArea a .thmbArea .mask{display: none;}
.videoArea a .tumbImg{width: 270px; height: 151px;}

/*등록 정보가 없을시*/
.nonList{text-align: center; font-size: 20px; padding: 10% 0;}

/*Hover*/
.videoArea a:hover .videoText dt{text-decoration: underline;}
.videoArea a:hover .videoText dt span{text-decoration: underline;}
.videoArea a:hover .videoPlayBtn{display: block; background-position: right 0;}
.videoArea a:hover .tumbImg{ transform: scale(1.1); -webkit-transform: scale(1.1); transition: transform 0.2s; -webkit-transition: transform 0.2s;}

/*Active*/

.videoArea.active a .videoText dt{font-family: NotoSansKR-Bold,'Malgun Gothic', dotum, sans-serif;}
.videoArea.active a .videoPlayBtn{display: block; background-position: right 0;}
.videoArea.active a .tumbImg{transform: unset; -webkit-transform: unset;}
.videoArea.active a .thmbArea .mask{display: block; position: absolute;z-index: 2;left: 0;right: 0;top:0;bottom:0;background: rgba(0,0,0,0.5);opacity: 1; transition: all 0.3s;}

/*Slide*/
 .videoSlide {position:relative;} 
 .videoSlide .flex-direction-nav{position: absolute;left: 0;right: 0;top: 50%; margin-top: -59px;}
.videoSlide .flex-prev{position:absolute;top:0px;width:27px;height:48px; background-image:url('/smciImages/front/board/sl_left.png'); background-repeat :no-repeat;}
.videoSlide .flex-next{position:absolute;top:0px;width:27px;height:48px; background-image:url('/smciImages/front/board/sl_right.png'); background-repeat :no-repeat;}
.videoSlide .flex-prev{left:-60px; text-indent: -9999px; font-size: 0; }
.videoSlide .flex-next{right:-60px; text-indent: -9999px; font-size: 0;}
.flex-direction-nav a.flex-disabled{display: none;}
.videoSlide .flex-control-paging{text-align: center;}
.videoSlide .flex-control-paging li {margin: 0 10px;display: inline-block;zoom: 1; *display: inline;}
.videoSlide .flex-control-paging li a {width: 16px; height: 16px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.videoSlide  .flex-control-paging li a:hover {background-color: #F71C3C;}
.videoSlide  .flex-control-paging li a.flex-active {background-color: #F71C3C; cursor: default;}