@charset "utf-8";


/* view page player list */
.view .visual .play_list.hiding {
	transition:border-top 0s 0.4s, border-bottom 0s 0.6s;
}
.view .visual .play_list.hiding .inner_list  {
	transition: opacity .3s, height .4s;
}
.view .visual .play_list.hiding .inner .palyer_button a {
	transition: all .12s .4s;
}
.view .visual .play_list {
	transition: border-bottom 0s .4s;
}
.view .visual .play_list .black_bg {
    transition: height .4s;

}
.view .visual .play_list .inner .palyer_button a {
    transition: all .6s;

}
.view .visual .play_list .play_list_controler {
	/*transition: all .12s .6s;*/
	transition: all .12s .01s;
}
.view .visual .play_list .bg_gradient {
	transition: all .3s;
}
.view .visual .play_list .inner_list {
	transition: opacity .3s .3s, height 0s .3s;
}
/*tab color overlay*/
.tab_sort > li { transition:font-weight .1s;}
.tab_sort > li > a {transition:color .6s;}
.tab_sort > li > a:hover {color:#000; font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica; /*transition:font-weight .1s,color .6s;*/}
/*tab sorting 방식*/
.sortSection .tab_sort .sortListPro > li {
	 transition:transform .2s, opacity .2s; transform:scale(1,1);
}
/*main thumbnail image scale*/
.prInfoList > li .prInfo_item .prLink .thum {
	width:276px;
	height:155px;
	overflow:hidden;
}
.prInfoList > li .prInfo_item .prLink .thum img{
	transform: scale(1,1);
	transition:transform 1s;
}
.prInfoList > li .prInfo_item .prLink .thum .deemed{
	opacity:0;
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#000;
	transition:opacity .6s;
	filter:alpha(opacity=0);} /* 2016-02-14 수정 */
}
.prInfoList > li .prInfo_item .prLink .thum .ico_thum_play {
	opacity:0;
	display:block;
	transition:opacity .6s;
	filter:alpha(opacity=0);} /* 2016-02-14 수정 */
}
.prInfoList > li .prInfo_item .prLink:hover .thum img{
	transform: scale(1.5,1.5);
}
.prInfoList > li .prInfo_item .prLink:hover .thum .deemed,
.prInfoList > li .prInfo_item .prLink:focus .thum .deemed{
	opacity:0.5;
	filter:alpha(opacity=50); /* 2016-02-14 수정 */
}
.prInfoList > li .prInfo_item .prLink:hover .thum .ico_thum_play,
.prInfoList > li .prInfo_item .prLink:focus .thum .ico_thum_play {
	opacity:1;
	transition:opacity .3s;
	filter:alpha(opacity=100); /* 2016-02-14 수정 */
}
.ch480 #header.fixed .inner_gnb {border-bottom:none}
/*#header.fixed .inner_gnb {box-shadow:1px 1px 0px rgba(0,0,0,0.15);}*/
/*html>body #header.fixed .box_in .gnbToggle {top:25px;}*/
/*html>body #header.fixed .box_in .util {top:25px;}*/

#header .inner_gnb .hotTagBx {display:block; border-bottom:1px solid #e5e5e5; background:#fff;}
#header.fixed .inner_gnb .hotTagBx {}

.search_menu .searchBody {position:relative !important; top:auto !important;}
#header {
	z-index:100;	
/*	border-bottom:0 none;*/
/*	background:transparent;*/
}
.ch480 #header .inner_gnb {top:0;}
#header .inner_gnb {
	position:absolute;
	top:30px;
	left:0;
	box-sizing:border-box;
	max-height:105px;
	width:100%;
	background:url('/images/menu_bg.png') repeat-x;
	/* border-top:1px solid #e5e5e5; */
	z-index:99999999;
}

.searchArea {display:none;}

.topPlayer .bx-wrapper .bx-controls {position:absolute; bottom:0; left:0; z-index:99;}
.movTop .topPlayer .movCtbx {z-index:80;}
.topPlayer .bx-wrapper img {width:100%;}
.asideSm .asideSmBx > ul > li  {width:160px;}


/*.sortSection .tab_sort .sortListPro {margin-left: -20px;}
.sortSection .tab_sort .sortListPro.active > li {margin-left:20px;}


.ch1280 .sortSection .tab_sort .sortListPro {margin-left:-20px;}
.ch1280 .sortSection .tab_sort .sortListPro > li {margin-left:20px;}
.ch1030 .sortSection .tab_sort .sortListPro {margin-left:-22px;}
.ch1030 .sortSection .tab_sort .sortListPro > li {margin-left:22px;}
.ch816 .sortSection .tab_sort .sortListPro {margin-left:-41px;}
.ch816 .sortSection .tab_sort .sortListPro > li {margin-left:41px;}
.ch768 .sortSection .tab_sort .sortListPro {margin-left:-40px;}
.ch768 .sortSection .tab_sort .sortListPro > li {margin-left:40px;}
*/
.ch480 .sortSection .tab_sort .sortListPro {margin-left:0;}
.ch480 .sortSection .tab_sort .sortListPro > li {margin-left:0; margin-top:15px;}


.ch1500 .programNew .sortSection .box_in {padding:0 40px; box-sizing:border-box;}
.ch1030 .programNew .sortSection .box_in {/*padding:0 40px; box-sizing:border-box;*/ width:1024px;}
.ch816 .programNew .sortSection .box_in {/*padding:0 40px; box-sizing:border-box;*/ width:816px;}
.ch768 .programNew .sortSection .box_in {/*padding:0 40px; box-sizing:border-box;*/ width:768px;}

.ch1500 .programNew.sortBx .box_in,
.ch1030 .programNew.sortBx .box_in,
.ch816 .programNew.sortBx .box_in,
.ch768 .programNew.sortBx .box_in {padding:0;}

.ch1500 .lazy_inner_wrap {width:226px; overflow:hidden;}
.ch1030 .lazy_inner_wrap {width:172.8px; overflow:hidden;}
.ch816 .lazy_inner_wrap {width:169px; overflow:hidden;}
.ch768 .lazy_inner_wrap {width:219px; overflow:hidden;}
.prLink .thum img {width:100%; height:auto}
.ch1030 .prLink .thum img,
.ch816 .prLink .thum img,
.ch768 .prLink .thum img {height:auto;}
.ch1500 .programNew.sortBx .box_in .h_title3 {padding:0;}


/* .movTop .topPlayer .thum .deemed {position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:0; width:100%; z-index:1; transition:opacity .3s; filter:alpha(opacity=0);}*/ /* 2016-02-14 수정 */
.movTop .topPlayer .loling_content_wrap .deemed,
.movTop .topPlayer .thum .deemed {position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; width:100%; opacity:0; transition:opacity 300ms; background:url('../images/bg/bg_mask_pick.png') repeat-x left bottom;filter: alpha(opacity=0);}
.movTop .topPlayer .loling_content_wrap .deemed{-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";}
.movTop .topPlayer .thum .ico_thum_playB {z-index:82; margin-top:-45px; margin-left:-45px;}


.movTop .topPlayer .hoverVisual .thum .deemed,
.movTop .topPlayer .hoverVisual .thum:hover .deemed,
.movTop .topPlayer .main_loling_wrap.hoverVisual .loling_content_wrap.deemed_on .deemed {opacity:0.5;filter: alpha(opacity=50);} /* 2016-02-14 수정 */
.movTop .topPlayer .main_loling_wrap.hoverVisual .loling_content_wrap.deemed_on .deemed{-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";}
.movTop .topPlayer .main_loling_wrap.hoverVisual .loling_content_wrap.deemed_on .ico_thum_playB{display:block;}

/*
.movTop .topPlayer .hoverVisual .controlBx .btnPn .btn_prev {background: url('/images/btn/btn_prev2_over.png') no-repeat left top; transition:background .3s;}
.movTop .topPlayer .hoverVisual .controlBx .btnPn .btn_next {background: url('/images/btn/btn_next2_over.png') no-repeat left top; transition:background .3s;}
*/

.topPlayer2 > .thum .ico_thum_playB {display:none;z-index:2;}
.topPlayer2 .deemed {position:absolute; top:0; left:0; bottom:0; right:0; width:100%; background:#000; opacity:0; transition:opacity .3s; z-index:1; filter:alpha(opacity=0);} /* 2016-02-14 수정 */
.topPlayer2.hoverVisual .deemed,
.topPlayer2 a:focus .deemed {opacity:0.5; filter:alpha(opacity=50);} /* 2016-02-14 수정 */
.topPlayer2.hoverVisual .ico_thum_playB{display:block;}
.topPlayer2.hoverVisual .movCtbx,
.topPlayer2 a:focus.movCtbx { z-index:3;}
.lazy_inner_wrap .prLink .thum .deemed {position:absolute; top:0; left:0; bottom:0; right:0; opacity:0; background:#000; transition:opacity .3s; filter: alpha(opacity=0); }
.lazy_inner_wrap .prLink:hover .thum .deemed {opacity:0.5; filter: alpha(opacity=50); }

.search_deem {position:fixed; top:30px; left:0; right:0; bottom:0; background:#222; z-index:99; opacity:0; display:none; transition:opacity 1s; filter:alpha(opacity=0);} /* 2016-02-14 수정 */
.search_deem.active {display:block; opacity:.7; filter: alpha(opacity=0.7);}


.listTy2 > li {/*opacity:0; filter: alpha(opacity=0);*/ transform:scale(1,1)}/* 2016-02-16 수정 */
.listTy2.active > li {/*opacity:1; filter: alpha(opacity=100);*/ transform:scale(1,1)}/* 2016-02-16 수정 */


.sortSection .tab_sort > li > span.title {display:none;}
.ch480 .sortSection .tab_sort > li > span.title {font-family:dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica; display: block; text-align: left; padding:0 16px 0 16px; background: none; color: #333; font-size: 14px; border-top:1px solid #e5e5e5; height: 48px;line-height: 48px;}
.ch480 .sortSection .tab_sort > li > a {display:none;}
.ch480 .sortSection .tab_sort > li > a.icn_play2 {display:block;}
.ch480 .sortSection .lazy_load_button span {display:block; text-indent: -9999em; }
.ch480 .sortSection .lazy_load_button {text-align:center;}
.prLink .prLink_cnt {transition:color .2s;}
.prLink .prLink_tit .tit {transition:color .2s;}
.prLink .thum .deemed {position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:0; filter: alpha(opacity=0); transition:opacity .3s;}
.prLink:hover .thum .deemed,
.prLink:focus .thum .deemed {opacity:.5; filter: alpha(opacity=50); }
.movCtbx .movList1 li a .deem {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; background:#000; transition:opacity .3s; opacity:0;filter: alpha(opacity=0); }
.movCtbx .movList1 li a:hover .deem {opacity:.6; filter: alpha(opacity=60); }

.view .visual .rolling_play_list li .now_playing .thumb .deemed {}
.view .visual .rolling_play_list li .thumb .deemed {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; background:#000; transition:opacity .3s; opacity:0; filter: alpha(opacity=0); }
.view .visual .rolling_play_list li a:hover .thumb .deemed {opacity:.5; filter:alpha(opacity=50);} /* 2016-02-14 수정 */
.view .visual .rolling_play_list li .text {transition:opacity .3s;}

.prmList_item .thum > * {z-index:3;}
.prmList_item .thum .ico_thum_play {opacity:0; transition:opacity .3s; filter:alpha(opacity=0);} /* 2016-02-14 수정 */
.prmList_item .thum:hover .ico_thum_play,
.prmList_item .thum:focus .ico_thum_play {opacity:1; filter:alpha(opacity=100);} /* 2016-02-14 수정 */
.prmList_item .thum .deemed {position:absolute; top:0; left:0; right:0; bottom:0; background:#000; z-index:1; opacity:0; transition:opacity .3s; filter:alpha(opacity=0);} /* 2016-02-14 수정 */
.prLink.viewed .thum .deemed,
.prmList_item .thum.viewed .deemed,
.prmList_item .thum:hover  .deemed,
.prmList_item .thum:focus  .deemed {opacity:0.5; filter:alpha(opacity=50);} /* 2016-02-14 수정 */
.prLink.viewed .thum .deemed{z-index:2;}
.viewed .viewed_text{margin:-12px 0 0 -22px;padding:5px 0;width:44px;height:24px;font-size:12px;color:#ccc;text-align:center;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;position:absolute;top:50%;left:50%;z-index:2;}