@charset "utf-8";

/* denall_vodHome */
#denall_vodHome {
	background-color: #f5f5f6;
	padding: 13px 0 40px;
}
#denall_vodHome .l-inner {
	max-width: calc(100% - 200px);
}

/* gnb 영역  program_list_gnb_area */
.program_list_gnb_area {position:relative; padding:0 0 20px 0;}
.program_list_gnb_area .l-inner {
	display: flex;
}
.program_list_gnb_area h3 {
	font-size: 26px; letter-spacing:-0.075em; line-height: 1;
	margin: 10px 40px 0 0; flex-shrink: 0;
}
.program_list_gnb_list { display: flex; flex-wrap: wrap; align-items: flex-end; padding-right: 182px; }
.program_list_gnb_listItem {
	position: relative; 
	font-size:16px; letter-spacing:-0.075em; font-weight:bold; line-height: 1;
	margin: 10px 30px 0 0; padding-bottom: 4px;
}
.program_list_gnb_listItem::after {
	content: ' '; display: inline-block;
	position: absolute; bottom: 0; left: 0; 
	width: 100%; height: 2px; 
	background-color: transparent;
}
.program_list_gnb_listItem a { color: #141414; }
.program_list_gnb_listItem:hover::after { background-color: #141414; }
.program_list_gnb_listItem:hover a { color:#141414; }
.program_list_gnb_listItem.selected::after { background-color: #1d4dc6; }
.program_list_gnb_listItem.selected a { color: #1d4dc6; }

/* 프로그램 리스트 */
.programAll_wrapper .l-inner {
	position: relative;
}
.programAll_list { margin: 0 -5px; }
.programAll_list::after { content: ' '; display: block; clear:both; }
.programAll_listItem {
	width: 14.28%; float: left; padding: 0 5px; 
}
.programAll_card {
	box-shadow: 0 0 7.8px 0.2px rgba(28, 34, 36, 0.2);
  	border: solid 1px #dbdbdb;
  	background-color: #ffffff; margin-bottom: 20px;
  	cursor: pointer;
}
.programAll_card .poster_img_area {
	width: 100%;
	padding-top: 101.71%;
	position: relative;
	background: #f0f0f0;
}
.programAll_card .poster_img {
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	max-width:100%; max-height: 100%;
}
.programAll_card .poster_img_info { height: 109px; padding: 16px; }
.programAll_list .poster_img_info .pro_title{
	font-weight: bold; font-size: 18px; display:block;
	overflow: hidden; white-space: no-wrap; text-overflow: ellipsis;
}
.programAll_list .poster_img_info .pro_subtitle {
	display: block; display: -webkit-box; -webkit-box-orient: vertical;
	font-size: 13px; color: #666;
	line-height: 1.38; max-height: calc(1.38 * 1em * 3); margin-top: 4px;
	overflow: hidden; text-overflow: ellipsis;
}

/* 분류 (최신,이름순,찜한순) */
.sort_list {
	display: flex; 
	position: absolute; top: -52px; right: 0;
	border: 1px solid #b3b5ba; background: #fff;
}
.sort_list li {
	position: relative;
	display: flex; justify-content: center; align-items: center;
	width: 90px; height: 36px; border-right:1px solid #b3b5ba;
	font-size:14px; cursor: pointer;
}
.sort_list li:last-child { border-right: 0; }
.sort_list a li { color: #999999; }
.sort_list li:hover::after { 
	content: ' '; display: block; border: 1px solid #666; 
	position: absolute; top: -1px; left: -1px; width: 100%; height: 100%;
	box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.23);
}
.sort_list li.selected::after { 
	content: ' '; display: block; border: 1px solid #666;
	position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; 
	box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.23);
}
.sort_list a li.selected { font-weight:bold; color:#141414; }


/* 상단배너 - 현재 비활성화. 새로운 디자인 시안에 없어서 유효한 코드인지는 검수해보지 않음 */
/* .live_banner {width:100%;height:80px;font-weight:bold;font-size:23px;background-repeat:no-repeat;background-position:center;margin:0 auto;overflow:hidden;background-color:#858c9e;position: relative; overflow:hidden; clip: rect(0,0,0,0);}
.live_banner .fade_container{max-width:1920px;width:100%;height:80px;position: relative;margin:0 auto;overflow: hidden;}
.live_banner .fade_container .banner_item{display:block; text-align:center; height:80px; clip:rect(0,0,0,0); overflow:hidden;}
.live_banner .fade_container .banner_item.slick-slide img{display:inline-block}
.fade_container .slick-dots{width:auto; right:0; bottom:12px;}
.fade_container .slick-dots li button, .fade_container .slick-dots li{width:10px; height:10px; }
.fade_container .slick-dots li button{width:10px; height:10px; background-color:rgba(0,0,0,.2); border-radius:5px;}
.fade_container .slick-dots li.slick-active button{background-color:#f1f5f9; width:15px;}
.fade_container .slick-dots li button:before{display:none;}
.vod-slick-arrow{position:absolute; top:50%; margin-top:-65px; width:54px; height:86px;z-index:9}
.prev-arrow{left:-50px; background:url(../../images/btn-left-w-n.png) no-repeat; }
.prev-arrow:hover{background-image:url(../../images/icn-programthumbnail-arrow-l-h.png)}
.next-arrow{right:-50px; background:url(../../images/btn-right-w-n.png) no-repeat;}
.next-arrow:hover{background-image:url(../../images/icn-programthumbnail-arrow-r-h.png)} */

@media (min-width: 1921px) {
	#denall_vodHome .l-inner {
		max-width: calc(1920px - 200px);
	}
}

@media (max-width: 1440px) {
	#denall_vodHome .l-inner {
		max-width: calc(100% - 210px);
	}
	.programAll_listItem {
		width: 20%;
	}
}

@media (max-width: 1280px) {
	#denall_vodHome .l-inner {
		max-width: calc(1280px - 50px);
	}
	.sort_list li { height: 34px; }
}