@charset "utf-8";

/* 메인 */
/* contents */
.ch8_wrap #wrap.main_bg{background:url('../img/main/main_bg.png') left 180px #ececec no-repeat;}
.ch8_wrap #mainWrapContainer { width:100%; float:left; }


.ch8_wrap #moveContent {position:fixed;right:100px;top:50%;margin-top:-120px;display:none;z-index:99; }
.ch8_wrap #moveContent .menu li{width:150px;background:url('/ch8/img/main/mc_time_shape_top.png') 5px repeat-y;padding:2px 0px;}
.ch8_wrap #moveContent .menu li a{font-size:16px;padding:2px 20px;color:#333;font-weight:bold;}
.ch8_wrap #moveContent .menu li.top{font-weight:bold;background:url('/ch8/img/main/mc_time_shape_top.png') 5px repeat-y;}
.ch8_wrap #moveContent .menu li.active{font-weight:bold;}
.ch8_wrap #moveContent .menu li.active a{color:#fff;border-radius:17px;margin:0;background:url('/ch8/img/main/mc_shape_on.png') 5px #4584c6 repeat-y;}
.ch8_wrap #moveContent .menu li.mid{background:url('/ch8/img/main/mc_time_shape.png') 5px repeat-y;}
.ch8_wrap #moveContent .menu li.bot{background:url('/ch8/img/main/mc_time_shape_bot.png') 5px repeat-y;}
				

/*메인-1-뉴스 공간*/
.ch8_wrap .main_news_Bor{width:1195px;height:590px;border:1px solid #fff;background:#fff;margin:0px;padding:0px;}


.ch8_wrap .main_news_Bor .mainBox>li{float:left;}


/*메인-1-뉴스 셀렉*/
.ch8_wrap .news_Select{width:220px;float:left;}
.ch8_wrap .news_Select li{background:#55556b;color:#b8b8b9;border-bottom:1px solid #808090;padding:27px 0;}
.ch8_wrap .news_Select li span{font-size:12px;}
.ch8_wrap .news_Select li a{padding-left:20px;color:#b8b8b9;font-size:16px;}
.ch8_wrap .news_Select li.over{background:#2d2d51;color:#fff;padding:27px 0;}
.ch8_wrap .news_Select li.over a{color:#fff;}



/*메인-1-뉴스영상*/
.ch8_wrap .news_intime{float:left;width:828px;height:320px;position:relative;border-right:1px solid #dcdcdc;background:#fff;}
.ch8_wrap .news_intime .playLk{position:absolute;margin:0 44%;margin-top:120px;}
.ch8_wrap #mainVideocontainer {
  margin: 0 auto;
  width: 828Px;
  height: 320px;
  overflow: hidden;
  position: relative;
  padding: 0px 0;  
  float:left;
  background:#000;
}


.ch8_wrap #mainVideocontainer #mainVideoPlaylist{
	width:540px;
	height:320px;
	float:right;
  background-color: #000;
  /*background-image: url('/ch8/img/main/main_newsintime.jpg');*/
}


.ch8_wrap #mainVideocontainer #mainVideoPlaylist .fp-playlist {
  position: absolute;
  text-align: center;
  left: -300px;
  z-index:2;
  width: 287px;
}

.ch8_wrap #mainVideocontainer #mainVideoPlaylist .fp-playlist a {
  width: 300px;
  height: 80px;
  display: block;
  background:#55556b;
  color:#b8b8b9;
  border-bottom:1px solid #808090;
  padding:27px 0;
  cursor: pointer;
  font-size:16px;
}


.ch8_wrap #mainVideocontainer #mainVideoPlaylist .fp-playlist a:hover {
  background:#2d2d51;
  color:#fff;
}

.ch8_wrap #mainVideocontainer #mainVideoPlaylist .fp-playlist a.is-active {
  background:#2d2d51;
  color:#fff;
}

.ch8_wrap #mainVideocontainer #mainVideoPlaylist .fp-prev,
.ch8_wrap #mainVideocontainer #mainVideoPlaylist .fp-next {
  position: absolute;
  bottom: -112px;
  /*background: url('/playlist/buttons.png') no-repeat;*/
  z-index: 99;
  cursor: pointer;
  color: #333;
  font-size: 14px;
  text-decoration: none;
}

.ch8_wrap #mainVideocontainer #mainVideoPlaylist .fp-prev {
  left: 0;
  padding-left: 16px;
  background-position: 0 -200px;
}
.ch8_wrap #mainVideocontainer #mainVideoPlaylist .fp-prev:hover {
  background-position: 0 -300px;
  color: #016682;
}
.ch8_wrap #mainVideocontainer #mainVideoPlaylist .fp-next {
  right: 0;
  padding-right: 16px;
  background-position: 28px -400px;
}
.ch8_wrap #mainVideocontainer #mainVideoPlaylist .fp-next:hover {
  background-position: 28px -500px;
  color: #016682;
  
}


.flowplayer {
	/*
   min-width: 560px;
   min-height: 340px;
   max-width: 560px;
   max-height: 340px;
   */
}

.flowplayer .fp-embed {
    display: none;
}


/*
.ch8_wrap .playwrap{width:604px;height:28px;position:absolute;}
.ch8_wrap .playwrap .play{width:499px;float:left;display:inline-block;padding:3px 0 0 5px;}
.ch8_wrap .playwrap .time{width:90px;text-align:right;display:inline-block;padding:3px 10px 0 0;}
*/


/*메인-1-뉴스제보*/
.ch8_wrap .news_report{width:363px;height:320px;float:left;background:#fff;}
.ch8_wrap .news_report dl{padding-left: 10px;}
.ch8_wrap .news_report dt{float:left;display:inline-block;padding:15px 0 7px 0px;margin:0;background:#fff;}
.ch8_wrap .news_report dt h5{font-size:15px;text-align:left;padding-left:10px;}
.ch8_wrap .news_report dd{/* width: 363px;*/margin:0 auto;text-align:center;background:#fff;}
.ch8_wrap .report_con{width:100%;padding:0 0 10px 0px;}
/*.ch8_wrap .report_con_w{width:300px;padding:0 0 50px 20px;}*/
.ch8_wrap .report_con_w{width:100%;padding-left:10px;}
.ch8_wrap .report_tare{float:left;width:300px;height:73px;border:1px solid #ccc;padding:10px;float:left;color:#999;font-size:14px;}
.ch8_wrap .report_Btn{width:100%;float:left;display:inline-block;text-align:center;}
.ch8_wrap .report_Btn span{width:150px;background:#4584c6;padding:10px;text-align:center;margin-top:10px;display:inline-block;}
.ch8_wrap .report_Btn a{width:150px;color:#fff;text-align:center;font-size:17px;letter-spacing:-1px;}
.ch8_wrap th,td{border:1px solid #ccc; font-size: 0.9em !important;}
.ch8_wrap th{background:#f8f8f8}

/*메인-1-헤드라인 뉴스 영상*/
.ch8_wrap .news_piece{width:828px;float:left;background:#fff;border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;padding-bottom:28px;position:relative;}
.ch8_wrap .news_piece dt{padding:15px 0 7px 0px;margin:0;background:#fff;}
.ch8_wrap .news_piece dt h5{font-size:22px;text-align:left;padding-left:90px;}
.ch8_wrap .news_piece dt h5 span{font-size:22px;color:#4584c6;}
.ch8_wrap .news_piece dd{width:828px;position:relative;background:#fff;}

.ch8_wrap .news_piece .mR_newsWrap{width:652px;margin:0 auto;}
.ch8_wrap .news_piece .mR_Lk{position:absolute;top:55px;}
.ch8_wrap .news_piece .mR_Lk.left_arrow{left:20px;}
.ch8_wrap .news_piece .mR_Lk.right_arrow{right:20px;}
.ch8_wrap .news_piece .mR_news li p{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}				
.ch8_wrap .news_piece .mR_news li img{width:200px;height:145px;}	


.ch8_wrap .pie_Top{width:200px;height:28px;position:absolute;background:#4d4d4d;color:#fff;margin-top:117px;filter:alpha(opacity=90);opacity: 0.9;}
.ch8_wrap .pie_Top .play{width:95px;float:left;display:inline-block;padding:3px 0 0 5px;}
.ch8_wrap .pie_Top .time{width:90px;text-align:right;display:inline-block;padding:3px 10px 0 0;}
.ch8_wrap .news_piece .date{display:block;}

/*메인-1-추천프로그램*/
.ch8_wrap .news_recom{width:333px;height:272px;float:left;background:#fff;padding-left:30px;border-top:1px solid #dcdcdc;}
.ch8_wrap .news_recom dt{padding:15px 0 7px 0px;margin:0;text-align:left;}
.ch8_wrap .news_recom dt h5{font-size:22px;}
.ch8_wrap .news_recom dt h5 span{font-size:22px;color:#4584c6;}
.ch8_wrap .news_recom dd{background:#fff;}
.ch8_wrap .rec_Top{width:305px;height:28px;position:absolute;background:#4d4d4d;color:#fff;margin-top:125px;filter:alpha(opacity=90);opacity: 0.9;}
.ch8_wrap .rec_Top .play{width:100px;float:left;display:inline-block;padding:3px 0 0 5px;}
.ch8_wrap .rec_Top .time{width:190px;text-align:right;display:inline-block;padding:3px 10px 0 0;}
.ch8_wrap .rec_List{float:left;width:305px;padding:0px;margin:0px;}
.ch8_wrap .rec_List_w{display:inline-block;padding-top:1px;margin:0px;}
.ch8_wrap .rec_List_w .tit{float:left;width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4584c6;}
.ch8_wrap .rec_List_w .time{width:120px;float:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ch8_wrap .rec_List_w .date{display:block;float:left;width:305px;padding:0px;margin:0px;}


/*메인-2-방영TV*/
.ch8_wrap .mBangAll{width:1200px;margin:0 auto;}
.ch8_wrap .mBangAll li{float:left;padding:0 10px 90px 10px;display:inline-block;position:relative;}
.ch8_wrap .mBangAll li div>img{width:280px;height:195px;}

.ch8_wrap .boxflip {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.ch8_wrap .actionFlip {
	 position:relative;
}

.ch8_wrap .actionFlip img {
	 width:100%;
	 height:100%;
}

.ch8_wrap .actionFlip .back {
	 display:block;
	 position:absolute;
	 top:0;
	 left:0;
	 width:100%;
	 height:100%;

	 background-color:rgba(0,0,0,0.5);
	 color:#fff;
	 text-align:center;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
	 transform:rotateY(180deg);
	 opacity:0;
}

.ch8_wrap .actionFlip .back .back_inner {
	 display:table-cell;
	 width:100%;
	 height:100%;
	 vertical-align:middle;
}

.ch8_wrap .actionFlip .back .back_inner span {
	 display:block;
}

.ch8_wrap .actionFlip:hover .back {
	 transform:rotateY(0deg);
	 opacity:1;
	 transition:opacity .3s, transform .8s;
}


/*메인-2-방영TV-마우스오버시 나타나는 창*/
.ch8_wrap .mBTopTxt{position:absolute;width:280px;height:195px;float:left;background:#242424;filter:alpha(opacity=90);opacity: 0.9;display:none;}
.ch8_wrap .mBTopTxt h5{color:#fff;font-size:27px;font-weight:bold;padding:10px 0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:260px;margin:0 auto;}
.ch8_wrap .mBTopTxt p{display:inline-block;float:left;width:100%;height:1px;background:#868686;}

/*메인-2-방영TV-기획/진행/연출/기획/방송시간안내*/
.ch8_wrap .mBTopTxt .mBPlan{float:left;width:240px;padding:5px 0;margin:10px 0 0 20px;}
.ch8_wrap .mBTopTxt .mBPlan dt{float:left;width:35px;padding:0 0 0 10px;text-align:left;color:#a7abaf;background:url(../img/main/icon_01.png) no-repeat left 8px;}
.ch8_wrap .mBTopTxt .mBPlan dd{float:left;width:75px;padding:0px;text-align:left;color:#fff;background:#242424;filter:alpha(opacity=90);opacity: 0.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ch8_wrap .mBTopTxt .mBTime{float:left;width:280px;padding:5px 0;margin:0 0 0 20px;}
.ch8_wrap .mBTopTxt .mBTime dt{float:left;width:200px;padding:0 0 0 10px;text-align:left;color:#a7abaf;background:url(../img/main/icon_01.png) no-repeat left 8px;}
.ch8_wrap .mBTopTxt .mBTime dd{float:left;width:200px;padding:0 0 0 12px;text-align:left;color:#fff;background:#242424;filter:alpha(opacity=90);opacity: 0.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


/*메인-2-방영TV-Title Date*/
.ch8_wrap .mBangAll .mBlist{width:280px;height:60px;padding-top:3px;position:absolute;float:left;bottom:25px;}
.ch8_wrap .mBangAll .mBlist dt{float:left;text-align:center;margin:1px 5px 1px 0;background:#ee6433;color:#fff;width:50px;height:25px;border-radius:5px;}
.ch8_wrap .mBangAll .mBlist dd{float:left;margin:1px 0;padding:0;width:225px;height:25px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ch8_wrap .mBangAll .mBlist dd span.tit{font-weight:bold;}
.ch8_wrap .mBangAll .mBlist dd span.date{color:#888;}

/*메인-2-방영TV-더보기*/
.ch8_wrap .mBmore{background:#474747;width:280px;height:115px;text-align:center;padding-top:80px;}
.ch8_wrap .mBmore a{color:#fff;font-size:16px;font-weight:bold;}


/*메인-3-채널편성표*/
.ch8_wrap .mChDay_week{float:left;width:1200px;background:#fff;}
.ch8_wrap .mChDay_week li{float:left;padding:5px 0;font-size:16px;width:170px;text-align:center;border-right:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.ch8_wrap .mChDay_week li.borL{border-left:1px solid #ccc;}
.ch8_wrap .mChDay_week li a{color:#565656;}
.ch8_wrap .mChDay_week li.on{background:#494949;padding:5px 1px;}
.ch8_wrap .mChDay_week li.on a{color:#fff;}

.ch8_wrap .mChTime_tit{float:left;width:1200px;background:#fff;border-bottom:1px solid #ccc;}
.ch8_wrap .mChTime_tit li{float:left;padding:10px 0;text-align:center;font-size:15px;}
.ch8_wrap .mChTime_tit li.time{width:260px;border-left:1px solid #ccc;}
.ch8_wrap .mChTime_tit li.program{width:738px;}
.ch8_wrap .mChTime_tit li.age{width:200px;border-right:1px solid #ccc;}

.ch8_wrap .mChCon_info{float:left;width:1200px;background:#fff;border-bottom:1px solid #ccc;margin:0;padding:0;}
.ch8_wrap .mChCon_info li{float:left;padding:10px 0;text-align:center;font-size:15px;}

.ch8_wrap .mChCon_info li.time{width:260px;background:url('../img/main/mc_time_shape.png') 80px repeat-y;line-height:27px;border-left:1px solid #ccc;}
.ch8_wrap .mChCon_info li.time span{text-align:center;}
.ch8_wrap .mChCon_info li.time_on{width:260px;font-size:16px;font-weight:bold;text-align:center;background:url('../img/main/mc_time_shape.png') 80px repeat-y;line-height:27px;border-left:1px solid #ccc;}
.ch8_wrap .mChCon_info li.time_on span{color:#fff;border-radius:17px;padding:7px 50px;width:200px;margin:0;
								background:url('../img/main/mc_time_shape_on.png') 21px #4584c6 repeat-y;}

.ch8_wrap .mChCon_info li.program{width:738px;line-height:27px;text-align:left;float:left;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ch8_wrap .mChCon_info li.program span{text-align:left;}
.ch8_wrap .mChCon_info li.program_on{text-align:left;color:#4584c6;font-weight:bold;width:738px;line-height:27px;float:left;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ch8_wrap .mChCon_info li.program_on span{float:left;text-align:left;color:#4584c6;font-weight:bold;}

.ch8_wrap .mChCon_info li.age{width:200px;text-align:center;border-right:1px solid #ccc;}
.ch8_wrap .mChCon_info li.age span{float:left;text-align:center;font-size:12px;background:#9d9d9d;border-radius:15px;width:30px;color:#fff;margin-left:85px;line-height:27px;}
.ch8_wrap .mChCon_info li.age_on{margin:0 auto;width:200px;text-align:center;border-right:1px solid #ccc;}
.ch8_wrap .mChCon_info li.age_on span{float:left;text-align:center;font-size:12px;background:#4584c6;border-radius:15px;width:30px;color:#fff;margin-left:85px;line-height:27px;}

.ch8_wrap .mChmore{float:left;width:1180px;padding:10px;background:#494949;text-align:center;}
.ch8_wrap .mChmore a{color:#fff;font-weight:bold;}

.ch8_wrap .mChcare{float:left;padding-top:10px;font-size:12px;}


/*메인-4-커뮤니티-공지사항*/
.ch8_wrap .mNoticeWr {
	width:585px;
	border:1px solid #dbdbdb;
	float:left;
	padding-bottom:24px;
	margin-right:20px;
}
.ch8_wrap .mNotice {
	width:525px;
	margin:30px auto;
}
.ch8_wrap .mNotice h5 {
	color:#f15118;
	font-size:30px;
	letter-spacing:-3px;
}
.ch8_wrap .mNotice h5 span { float:right; }
.ch8_wrap .mNotice li {
	padding:3px 0 3px 0px;
	float:left;
}
.ch8_wrap .mNotice li span {
	/*width:75px;*/
	float:left;
}
.ch8_wrap .mNotice .NoticeC {
	float:left;
	padding:7px 0;
}
.ch8_wrap .mNotice .NoticeC .notice {
	width:400px;
	float:left;
	display:inline-block;
	overflow:hidden;t
	ext-overflow:ellipsis;
	white-space:nowrap;
	background:url('../img/main/icon_02.png') left 8px no-repeat;
	padding-left:5px;
}
.ch8_wrap .notice a { color:#4b4b4b; }
.ch8_wrap .mNotice .NoticeC .date {
	width:110px;
	text-align:right;
	display:block;
	color:#8a8a8a;
}



/*메인-4-커뮤니티-시청자게시판*/
.ch8_wrap .mBoardWr {
	width:585px;
	border:1px solid #dbdbdb;
	float:left;
	padding-bottom:24px;
	/*padding-bottom:30px;*/
}
.ch8_wrap .mBoard {
	width:525px;
	margin:30px auto;
}
.ch8_wrap .mBoard h5 {
	color:#f15118;
	font-size:30px;
	letter-spacing:-3px;
}
.ch8_wrap .mBoard h5 span { float:right; }
.ch8_wrap .mBoard li { 
	padding:3px 0 3px 0px;
	/*padding:5px 0 5px 0px; */
	float:left; 
}
.ch8_wrap .mBoard li span { 
	/*width:75px;*/
	float:left;
}
.ch8_wrap .mBoard .BoardC {
	float:left;
	padding:7px 0;
}
.ch8_wrap .mBoard .BoardC .ques {
	width:400px;
	float:left;
	display:inline-block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background:url('../img/main/icon_02.png') left 8px no-repeat;
	padding-left:5px;
}
.ch8_wrap .mBoard .BoardC .ques a { color:#4b4b4b; }
.ch8_wrap .mBoard .BoardC .ans {
	width:375px;
	float:left;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background:url('../img/main/m_answer.png') 10px top no-repeat;
	padding-left:30px;
}
.ch8_wrap .mBoard .BoardC .ans a { color:#f15118; }
.ch8_wrap .mBoard .BoardC .date {
	width:110px;
	text-align:right;
	display:block;
	color:#8a8a8a;
}