@charset "utf-8";

/******** HJ daily news Area Start ********/

/*** 공동선언 영역 ***/
/* float 해제 */
#wrap{background-color: #f5f5f6;}
.clearfix::after{
  content:''; display: block; clear: both;
}
.program_visaul_poster {
	height: 266px; 
	background: url(/images/img-video-title.png) no-repeat;
  	background-size: cover;
  	background-position: center;
}
/* 배너 영역입니다 */
.vod_info_tab{
	position:relative;
	margin-top:-52px;
  	z-index: 10;
	text-align:center;
	height: 50px;
  	box-shadow: 1.9px 2.3px 5px 0 #9da3af;
  	background-color: rgb(0,0,0, 0.7);;
  	font-size: 15px;
  	color: #b6b6b6;
}

/*** 개별선언 영역 ***/
/* 탭메뉴 구성 영역입니다. */
.vod_info_tab ul{
	display: inline-block;
}
.vod_info_tab ul.news_tab_menu li{
	margin: 0 0 0 64px;
}
.video_share_area .video_share_item{
    margin: 0 0 0 22px;
}
.video_share_area .video_share_item:not(:last-child){
	margin-right:inherit;
}
.video_share_item .broad{border-right: 1px solid #fff; padding-right: 20px;}
.vod_info_tab a{
	font-size: 15px;
	font-weight: bold;
 	letter-spacing: -0.75px;
	color: #b6b6b6;
}
.doReport{
	display: inline-block;
	width: 120px;
	height: 32px;	
	margin-left: 59px;
	background-color: rgba(184, 201, 227, 0.26);
	font-size: 14px;
	font-weight: bold;	
	color: #ffffff;
}
.doReport:before{
	content: url('/images/icn-newsreport-n.svg');
	display: inline-block;
	width: 20px;
	height: 18px;
	margin-right: 4px;
	vertical-align: middle;
}
.doReport:hover{ color: #a8d2fc; }
.doReport:hover:before{	content: url('/images/icn-newsreport-hp.svg'); }
.vod_info_tab .l_liner{
	height: 100%;
}
.vod_info_tab .video_share{
	display: inline-block;
	position:absolute; right: 5.3%;
	line-height: 50px
}
/* 우측 공유버튼 */
.video_share_img_wrapper{
    display: inline-block;
    height: 23px;
    line-height: 23px;
}
.video_share_desc{display: inline;} 
.video_share_area .video_share_item img{height: 100%;}
/* 방영중 아이콘 */
.broad_wrap{height: 17px; line-height: 17px;}

/* side nav */
.news_nav{
	margin: -16px 20px 0 -20px;
    padding: 16px 0 235px 0;
    border-right: 1px solid #c9c9c9;
    width: 13.28%; height: auto;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: -1.05px;
    text-align: left;
    color: #000;
    float: left;
}
.news_nav ul li{
	height: 18px;
	padding-left: 11px;
    margin: 0 13.7% 16px 40%;
	text-align: left;
	cursor: pointer;
}
.news_nav ul li:last-child{
	padding-top: 7px;
	border-top: 1px solid #c0c0cd; 

}
/* 버튼 활성화 */
.news_nav ul li div:hover{
	display:inline-block;
	color:#1137c6;
	border-bottom: 3px solid #1137c6;
	padding-bottom: 3px;
}
.btn-act{
	display:inline-block;
  	color: #1137c6 !important;
  	border-bottom: 3px solid #1137c6;
 	padding-bottom: 3px;
}
.icn-bookmark-news{
	margin-right: 3px;

}
.news_nav ul li div:hover .icn-bookmark-news{
  -webkit-filter: opacity(.5) drop-shadow(0 0 0 blue);
  filter: opacity(.5) drop-shadow(0 0 0 blue);
}
.btn-act2{
  -webkit-filter: opacity(.5) drop-shadow(0 0 0 blue);
  filter: opacity(.5) drop-shadow(0 0 0 blue);
}

/* 본문영역 위치 */
.vod_info_panel .l_liner{
	width:100%; 
	display:flex;
    padding: 16px 0 0 0;
}
/* new 게시물 영역 */
.news_right_wrap{width:81.5%;}
.news_panel{
	width:80%;
	margin: 0 auto;
}
panel2 헤더 영역
.news_header{float: left; display: inline-block;}

/* panel2 본문 영역 */
.panel2{ display: flex; padding: 0; margin: 0 -12.5%;}
.panel2 h2{
	display:inline-block;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -1.65px;
    color: #030303;
    margin: 0 10px 10px 0; 
}
.panel2 h3{
	display:inline-block;
    font-size: 12px;
    letter-spacing: -0.6px;
    color: #6b7395;
}
.news_wrap{display: inline-block; width:103%; height:auto; margin-bottom: 85px;}
.news_wrap ul li{
	width:48%; height:auto;
	float:left;
	margin: 0 1.1% 17px 0;
	padding-bottom: 14px;
    border-bottom: 1px solid #d7d7da;
}
/* .news_wrap ul li:nth-child(even){ margin-right: -1.1%; } */
.news_wrap ul li .news_contents{
	display: table;
	width:100%; height:auto;
}
.news_left_contents{
	width: 31%; height:134px;
	    background: #cccccc url(../images/img-no-movie-n.png) no-repeat center;
	float:left; 
	margin-right: 17px;
}
.news_left_contents img{width:100%; height:100%;}
.news_wrap .news_right_contents{
	height: 100%; display: inline;
}
.news_right_head{display: flex;}
.news_wrap .news_right_contents h4{  
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -1.8px;
    color: #090909;
    padding-top: 2.9px;
    padding-right: 2px;
    height: 26.89px;
/*     display: inline; */
    display: -webkit-box;
/*   여러 줄 자르기 추가 스타일 */
    overflow: hidden;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
 	text-overflow: ellipsis;
 }

.news_wrap .news_right_contents .news_time{display: flex; align-items:center; margin: 3px 0 0 0;}
.news_wrap .news_right_contents .news_time p{
	font-size: 12px;
	letter-spacing: -0.9px;
 	color: #606060;
 	height: 21px;
 	line-height: 21px
}
.normal_news_p{margin: 5px 15px 0 0;}
.news_time p span img{
	    height: 18px;
    position: relative;
    top: 1px; 
}
.news_time a img{
	height: 14px; 
	position: relative;
    top: 4px;
}
.news_wrap .news_right_contents .news_text{  
	margin-top:9px;
	overflow: hidden;
	/* 여러 줄 자르기 추가 스타일 */
	white-space: normal;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
 	text-overflow: ellipsis;
	font-size: 13px;
	line-height: 1.5;
	letter-spacing: -0.98px;
	text-align: left;
	color: #322f2f;
	word-wrap:normal;
	  -webkit-line-clamp: 4;
    height: 74.5px;
}
.news_wrap .news_right_contents span{
  color: #3f63bf;
  margin: 0 15px 0 7px;
  padding-left: 7px;
  border-left: 1px solid #000;
}
.newsItemPubDate {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}
.icn-news-link-n{
	position: relative;
	width: 26px;
    height: 14px;
/*     margin: 8px -7px 0 0; */
    margin-top: 8px;
    padding-left: 19px;
    background: url('/images/icn-news-link-n.png')no-repeat 50%;
}
 .icn-news-link-n:hover{background-image: url('/images/icn-news-link-s.png');}
.icn-news-bookmark-n{
	display:none;
	width:10px; height:15px;
	margin-right:10px; 
	margin-top: 5px;
	cursor: pointer;
	background-image: url('/images/icn-news-bookmark-n.png');
}
.on{
	background-image: url('/images/icn-news-bookmark-h.png');
}
.icn-news-share-n{
	display:none;
	width:12px; height:13px;
	margin-right:10px; 
	margin-top: 5px;
	cursor: pointer;
	background-image: url('/images/icn-news-share-n.png');
}
.on2{
	background-image: url('/images/icn-news-share-h.png');
}
.show{
	display: block;
}
.news_contents:hover .news_time>div{display: block;}

#vod_pro_home{position: relative;background: #404349;}
/* visual */
.program_visaul_poster { max-height: 300px; overflow:hidden; }
.program_visaul_poster .program_visaul_poster--img { width: 100%; vertical-align: top; }

/* video area */
.video_info { background-color: #152235; color: #fff; }
/* share */


/* pro info area - Tab/panel area */

.vod_info_tab li { display: inline-block; margin:0 44px 0 0; }
.vod_info_tab a { position: relative; display: block; padding: 15px 0;}
.vod_info_tab .news_tab_menu li:hover a,
.vod_info_tab .news_tab_menu .selected a{
	color: #fff;
}
.vod_info_tab .news_tab_menu li:hover a::after,
.vod_info_tab .news_tab_menu .selected a::after {
	content: '';
	position: absolute; bottom: -1px; left: 0;
	display: block; width: 100%; height: 4px;
	background-color: #7d9bd5;	
}
.vod_info_panel{background-color: #f5f5f6; }
.panel1 { display: block; padding: 20px 0 99px; }
.panel3 { display: none; padding: 20px 0 99px; }
.news_head{display: inline-block;}
.panel2 .btn_area{
	width:100%;
}
.panel2 .keep_playing{
	float: left;
	width:69.77%; 
	line-height:38px;
    text-align:center;
/* 	border:1px solid #c3c3c3;  */
    margin-bottom: 14px;
	background-color: #fff; 
	color:#000;
	box-sizing: border-box;
	padding: 0 38px;
	height: 38px;
}
.panel2 .keep_playing ul{ display:block; height: 38px; font-weight: bold; size:16px; color: #000; border: 1px solid #c3c3c3;}
.panel2 .keep_playing ul li{height:38px; cursor:pointer; float:left; width:14.28%;}
.panel2 .keep_playing ul li.slick-current::after{content: inherit;}
.panel2 .keep_playing ul li::after{
	content: ''; 
	height: 15px;
	position: relative;
    left: 31%;
    border-left: 1px solid #c2c2c2;;
    
}
.panel2 .keep_playing ul .slick-slide:hover{color: #205ad0;}
.panel2 .keep_playing ul li:focus {
    outline: none;
}
.slick-prev.slick-arrow,
.slick-next.slick-arrow{
	width: 38px; height: 38px; border: 1px solid #c3c3c3;
}
button.slick-prev:hover{background:#eaeaea url(/images/btn-news-date-left-n3.png) no-repeat 50%;}
button.slick-next:hover{background:#eaeaea url(/images/btn-news-date-right-n3.png) no-repeat 50%;}
.slick-prev.slick-arrow{
	left: -38px; 
	background: url(/images/btn-news-date-left-n.png) no-repeat 50%;
/* 	border-right: solid 1px #c4c4c4;  */
}
.slick-next.slick-arrow{
	right: -37px;
	background: #fff url(/images/btn-news-date-right-n.png) no-repeat 50%;
	border-left: solid 1px #c4c4c4;
}
.slick-prev:before, .slick-next:before{display: none;}
button.slick-prev.slick-disabled{background:#e7e7e7 url(/images/btn-news-date-left-n4.png) no-repeat 50%; cursor:default;}
button.slick-next.slick-disabled{background:#e7e7e7 url(/images/btn-news-date-right-n4.png) no-repeat 50%; cursor:default;}
.slick-current{ 
	position: relative;
	box-shadow: 0px 1px 5px 0 rgba(98, 100, 133, 0.7);
    background-color: #205ad0;
    letter-spacing: -0.4px;
    color: #fff;
}
.panel2 .keep_playing ul .slick-current:hover{color: #fff; }

/* --- sort 영역 --- */
.panel2 .list_option{ width:6.47%; margin: 0 1.22% 0 0.58%; float: left;}
.panel2 .list_option .sort_list{display: flex; }
/* Normal 상태 */
.panel2 .sort_list li{width:100%; height:38px; border: 1px solid #c4c4c4; background-color:#fff;}
.panel2 .sort_list li:first-child{width: 60%;}
.panel2 .sort_list li:nth-child(n+2){margin-left: -1px; width: 40%; height:38px;}
/* .sort_list li:nth-child(3){width: 86px;} */
.panel2 .sort_list li a{display:block; line-height: 34px; font-size: 15px; color: #999; text-align:center;}
/* Hover 시 */
.panel2 .sort_list li:hover{position:relative; border: 1px solid #000;}
.panel2 .sort_list li:hover a{font-weight:bold;}
/* Selected 시 */
.panel2 .sort_list li:active,
.panel2 .sort_list .selected{position:relative; border:1px solid #666;}
.panel2 .sort_list li:active a,
.panel2 .sort_list .selected a{font-weight:bold; color:#141414;}
.panel2 .sort_list li input{
	color: transparent;
	width: 100%; 
    height: 100%;
    border: none;
    outline: none;
    cursor: pointer;
    background: url("/images/icn-mypage-calendar-n.png") no-repeat 50%;
}

/* 캘린더 커스텀 */
div.ui-widget-content{
  padding: 17px 17px 30px 17px;
  box-shadow: 2.1px 2.1px 12px 0 rgba(97, 117, 145, 0.45);
  border: solid 1px #cfd2d6;
  background-color: #ffffff;
  text-align: center;
}
.ui-datepicker-header{display:flex; position: relative;}
.ui-datepicker-title{
	margin: 0 auto;  padding-right: 7px;

}
.ui-datepicker-prev{
	 width: 7px; height: 29px;
	 cursor: pointer;
	 background: url(/images/icn-mypage-calendar-left-n.png) no-repeat 50%;
}
.ui-datepicker-next{
	width: 7px; height: 29px;
	cursor: pointer;
	position: absolute;
    right: 0;
    background: url(/images/icn-mypage-calendar-right-n.png) no-repeat 50%;
}
.ui-datepicker-prev span, .ui-datepicker-next span{display: none;}
.ui-datepicker-month, .ui-datepicker-year{
	border: #fff solid 1px; margin-bottom: 20px;
	background: inherit; padding: 0;
	font-size: 20px;
  	font-weight: bold;
  	text-align: center;
 	 color: #333333;
}
.ui-datepicker-month:focus, .ui-datepicker-year:focus{
	border: #fff solid 1px;
}
.ui-datepicker-month{margin-left:10px;}
.ui-datepicker-prev::after{
    position: absolute;
    top: 38%;
    right: 42%;
    display: block;
    content: '';
    width: 4px;
    height: 4px;
    background-color: #333;
    border-radius: 50%;
}

.ui-datepicker-calendar tbody tr td{
  padding: 3px 9px;
  font-size: 14px;
  line-height: 2;
  letter-spacing: -0.28px;
  text-align: center;
  color: #333333;
  cursor:pointer;
 }
 .ui-datepicker-calendar tbody tr td:first-child .ui-state-default,
 .ui-datepicker-calendar tbody tr td:last-child .ui-state-default{color: inherit;}
 .ui-datepicker-calendar tbody tr td:first-child{color: #f55845;}
 .ui-datepicker-calendar tbody tr td:last-child{color: #04a4f0;}
 .ui-datepicker-calendar tbody tr td:hover{background-color: #e7edf2;}
 .ui-datepicker-calendar tbody tr td.ui-state-disabled{cursor: default !important;}
 
.ui-datepicker-today{background-color: #232121;}
.ui-datepicker-today:hover{background-color: #e7edf2;}  
.ui-datepicker-today:hover .ui-state-highlight{color: #000;}
.ui-datepicker-today .ui-state-highlight{color:#fff;}


/* 검색영역 */
.input-group{position: relative;}
.search{ width: 21.94%; float: right; }
.form-control{
	width: 100%;
	box-sizing:border-box;
	height: 38px;
	padding: 11px;
	position: relative;
	font-size: 13px;
	letter-spacing: -0.98px;
    color: #050505;
    border: solid 1px #c4c4c4;
}
.input-group-addon{
	height: 20px;
	position: absolute; right: 11px;
	margin-top: -29px;
}
.input-group-addon img{height: 100%;}
/* 기존 코드이지만 패널 넘버만 수정하였습니다. */
.panel3 .vod_comment_text{
	color: #000;
}
.panel3 .comment_list .comment_list_title p {
	color: #fff;
}
.panel3 .comment_desc {
	color: #000;
}
.video_share{ flex-shrink: 0; }
/* .share_export{position: relative;} */
.share-tooltip{ 
	display:none;
/*   position:absolute; */
/*   top: 90px; right: 0;    */
  width: 274px;
  height: auto;
  padding: 18px 22px 22px;
  top: 50px;
  box-shadow: 0 0 16px 0 rgba(108, 131, 178, 0.45);
  background-color: #ffffff;
}
.share-tooltip p {
  float: left;
  margin-bottom: 17px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -1.8px;
  color: #090909;
}
.share-tooltip ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 60px;
}
.share-tooltip>div {padding: 0 0 17px 0; border-bottom:1px solid #eaeaea; height: auto;}
.share-tooltip ul li{margin: 0;}
.share-tooltip ul >li >a {
    width: 36px;
 	font-size: 10px;
 	font-weight: bold;
 	letter-spacing: -1px;
 	color: #090909;
 	padding: 0 0 17px 0;
}
.share-tooltip>div>input{
	width: 166px;
  	height: 25px;
  	font-size: 12px;
 	margin-right: 0;
 	letter-spacing: -0.6px;
 	text-align: left;
  	color: #090909;
}
.share-tooltip>div>input[type="text"] {
    display: inline-block;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    text-indent: 6px;
}
.share-tooltip>div>button {
    font-size: 12px;
 	letter-spacing: -0.6px;
 	color: #090909;
    font-size: 12px;
    color: #666;
    display: block;
    float: left;
    width: 64px;
	height: 25px;
  	border: solid 1px #d8d8d8;
  	background-color: #ffffff;
}
.share-tooltip label{
	display:flex;
  	font-size: 12px;
  	letter-spacing: -0.3px;
 	color: #000000;
 	font-weight: normal;
	margin-top: 10px;
}
.share-tooltip label>input{
	margin-right: 9px;
	height: 22px;
    width: 22px;
}
.news_time_box{
	padding: 3px;
    border: solid 1px #d8d8d8;
    background-color: #f8f8f8;
    margin-left: 5px;
}

/* 페이지네이션 */
.pagination-wrap{
	display: flex;
}
.pagination {
  padding-left: 0;
  margin: 20px auto;
}
.pagination > li {
  display: inline;
  cursor: pointer;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  margin-left: -1px;
  line-height: 36px;
  color: #999;
  text-decoration: none;
  background-color: #fff;
  text-align:center;
  width: 36px;
  height: 36px;
  border: solid 1px #c0c0c0;
  font-size: 14px;
  font-weight: bold;
}
/* .pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:nth-child(2) > a,
.pagination > li:nth-child(2) > span,
.pagination > li:nth-last-child(2) > a,
.pagination > li:nth-last-child(2) > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span 
 
  {background-color: #f5f5f5;
  margin-left: 0;
} */
.pagination > li.first > a,
.pagination > li.first > span,
.pagination > li.prev > a,
.pagination > li.prev > span,
.pagination > li.next > a,
.pagination > li.next > span,
.pagination > li.last > a,
.pagination > li.last > span
{
	background-color: #f5f5f5;
	margin-left: 0;
}

.pagination > li:nth-child(2) > a,
.pagination > li:nth-child(2) > span{}
.pagination > li:nth-last-child(2) > a,
.pagination > li:nth-last-child(2) > span{}
.pagination > li:first-child > a img, .pagination > li:last-child > a img{position: relative; top: -2.5px;}
.pagination > li:nth-child(2) > a img, .pagination > li:nth-last-child(2) > a img {position: relative; top: 1.5px;} 
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #999;
  background-color: #f5f5f5;
  border-color: #c0c0c0;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #999;
  cursor: pointer;
  background-color: #424242;;
  border-color: #999;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  cursor: not-allowed;
  background-color: #f5f5f5;
  border-color: #c0c0c0;
  line-height: 36px;
}



.bootstrap-timepicker-widget table td input{
	width: 30px !important;
}
.bootstrap-timepicker-widget table td a{ 
	display: flex !important;
	justify-content: center;
	padding: 0 !important;
	margin-left: 6px !important;
}
.bootstrap-timepicker-widget table tr:last-child td{
	padding-top: 14px;
}
.bootstrap-timepicker-widget table td span{
	width: 7px;
    height: 14px;
	background: url(/images/icn-mypage-calendar-right-n.png) no-repeat 50%; 
}
.bootstrap-timepicker-widget table td span.fa-angle-up{ transform: rotate(-90deg); }
.bootstrap-timepicker-widget table td span.fa-angle-up:before{ content: '';}
.bootstrap-timepicker-widget table td span.fa-angle-down{ transform: rotate(90deg); }
.bootstrap-timepicker-widget table td span.fa-angle-down:before{ content: '';}




/*********************** Media Area Start ***********************/
@media screen and (min-width: 1280px) and (max-width: 1600px){
.program_visaul_poster {height: 267px;}
.vod_info_tab .l-inner{margin: 0;}
.video_share_item .broad{
    padding-right: 11px;
}
.video_share_area .video_share_item{
    margin: 0px 0 0 7px;
}
.panel2 .keep_playing ul li::after{left: 27%;}

.news_nav ul li{margin: 0 13% 16px 21.1%;}

.news_wrap ul li{
  	padding-bottom: 12px;
    margin-bottom: 13px;
}
.news_wrap .news_right_contents .news_time{margin: 0 0 0 0;}
.news_wrap ul li .news_contents{width: 100%; }
.news_wrap .news_right_contents h4{
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1.8px;
    padding-top: 0;
    letter-spacing: -1.6px;
    height: 22px;
}
.news_left_contents{
	height: 103px;
    width: 37.2%;
    margin:  0 10.3px 9px 0;
}	

.news_wrap .news_right_contents .news_text{
	-webkit-line-clamp: 3;
    height: 60px;
    margin-top: 9.1px;
}


	
}/*********************** Media Area End ***********************/

/******** HJ daily news Area End ********/


.vod_info_panel{background-color: #f5f5f6; }
.panel1 .btn_area {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.panel1 .keep_playing{ width:104px;height:36px;line-height:36px;text-align:center;border:1px solid #c3c3c3;margin-bottom: 10px; background-color: #fff;}
.panel1 .keep_playing a{ display:block;font-weight: bold;size:16px;color: #000;}

/* --- sort 영역 --- */
.list_option .sort_list{display: flex;}
/* Normal 상태 */
.sort_list li{width:100px; height:36px; border: 1px solid #b3b5ba; background-color:#fff;}
.sort_list li:nth-child(n+2){margin-left: -1px;}
.sort_list li:nth-child(3){width: 86px;}
.sort_list li a{display:block; line-height: 34px; font-size: 15px; color: #999; text-align:center;}
/* Hover 시 */
.sort_list li:hover{position:relative; border: 1px solid #a3a7ae;}
.sort_list li:hover a{font-weight:bold;}
/* Selected 시 */
.sort_list li:active,
.sort_list .selected{position:relative; border:1px solid #666;}
.sort_list li:active a,
.sort_list .selected a{font-weight:bold; color:#141414;}

/* 기존 sort
.panel1 .sort select { 
	border-radius: 0; width:156px; height:40px; line-height:40px; 
	text-indent:5px;font-size:16px; 
}*/
.panel1 .normal_vod_list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}
.panel1 .normal_vod_listItem {
	width: 16.666666667%;
	padding: 0 5px;
}
.vod_info_tab .news_tab_menu .selected a {
	color: #fff !important;
}

.vod_info_tab .news_tab_menu li:hover a {
	color: #fff;
}

.panel1 .btn_area {
	display: flex;
	justify-content: space-between;
	margin-bottom: 14px;
}

.panel2 .keep_playing ul .slick-date .views {
	color: #333;
}

.panel2 .keep_playing ul .slick-date:hover .views {
	color: #003399;
}

.panel2 .keep_playing ul .slick-date.slick-current:hover {
	color: #fff;
}

.panel2 .keep_playing ul .slick-date.slick-current .views {
	color: #fff;
}

.panel2 .keep_playing ul .slick-date:hover {
	color: #205ad0;
}

.panel2 .keep_playing ul .slick-date .day {
	font-size: 12px;
	letter-spacing: -0.6px;
}

.panel2 .keep_playing ul .slick-date .views {
	font-size: 10px;
	font-weight: normal;
	display: block;
	line-height: 10px;
	letter-spacing: -0.25px;
}

.panel2 .keep_playing ul li {
	height: 37px;
	cursor: pointer;
	float: left;
	width: 14.28%;
}


.panel2 .keep_playing .slick-date .day-wrap {
	height: 23px;
	line-height: 23px;
}

.panel2 .keep_playing .slick-date .date-wrap {
	height: 38px;
	cursor: pointer;
	float: left;
	width: 100%;
}

.panel2 .keep_playing ul li::after {
	content: '';
	height: 15px;
	position: relative;
	left: 0%;
	border-left: 1px solid #c2c2c2;
}

.news_wrap .news_board{
	margin: 0;
}





.panel2.clearfix {
	
}