@charset "utf-8";


/* 서브 레이아웃 */
#sleft { float:left; width:250px; margin-right:50px; }
#sright { float:left; width:calc(100% - 300px); }
	 #content { width:100%; } 


#scontainer { width:1400px; margin:30px auto 100px; }
	#sleft { float:left; width:250px; margin-right:50px; }
	#sright { float:left; width:calc(100% - 300px); }
		 #content { width:100%; } 


@media (min-width:1025px) and (max-width:1280px){
	#scontainer { width:100%; padding:0 15px; margin:30px auto 100px; }
		#sleft { float:left; width:220px; margin-right:30px; }
		#sright { float:left; width:calc(100% - 250px); }
			#content { width:100%; }
}



@media (min-width:769px) and (max-width:1024px){
	#scontainer { width:100%; padding:0 30px; margin:30px auto 75px; }
		#sleft { display:none; }
		#sright { float:none; width:100%; }
			#content { width:100%; }
}


@media (max-width:768px){
	#scontainer { width:100%; margin:0px auto 50px; }		
		#sleft { display:none; }
		#sright { float:none; width:100%; }
			#content { width:100%; padding:0 15px; }
	
}









/* 좌측배너 */
.leftbanner { width:100%; }

.leftbanner ul li { width:100%; height:130px; margin-bottom:10px; }
.leftbanner ul li a { padding:20px 85px 0 15px; color:#fff; display:block;  }

.leftbanner ul li .txt1 { font-weight:bold; font-size:120%; margin-bottom:10px;  }
.leftbanner ul li .txt2 { font-size:85%; word-break:keep-all !important; letter-spacing:-1px; }

.leftbanner ul li.li1 { background:#016893 url(/images/onair/leftbanner_icon1.png) no-repeat right 50%; }
.leftbanner ul li.li2 { background:#f7683e url(/images/onair/leftbanner_icon2.png) no-repeat right 50%; }
.leftbanner ul li.li3 { background:#353b55 url(/images/onair/leftbanner_icon3.png) no-repeat right 50%; }







/* 페이지 타이틀 */
.pagetitle { position:relative; width:100%; height:110px; border-bottom:1px solid #eee; margin-bottom:50px; }

.pagetitle .path { position:absolute; left:5px; bottom:15px; font-size:90%; color:#888; }
.pagetitle .path img { position:relative; top:4px; }

.pagetitle h1 { padding:0px 0 0 5px; font-weight:700; font-size:250%; color:#000; }

.pagetitle .snsbtn { position:absolute; right:0; bottom:10px; height:35px; }
.pagetitle .snsbtn ul { height:35px; overflow:hidden;}

.pagetitle .snsbtn ul.pcTabletBtn { display:block; }
.pagetitle .snsbtn ul.mobileBtn { display:none; }

.pagetitle .snsbtn ul li { float:left; margin-left:10px; }


@media (min-width:769px) and (max-width:1024px){		
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:5px; }
	
}

@media (max-width:768px){
	.pagetitle { height:110px; border-bottom:none; }
	.pagetitle .path { position:static; width:100%; height:55px; line-height:55px; padding-left:10px; padding-right:80px; background:#0c295f; color:#fff; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.pagetitle .path img { position: relative; top:19px; }
	
	.pagetitle h1 { padding:38px 15px 0 15px; font-size:200%; color:#000; }

	
	.pagetitle .snsbtn { position:absolute; right:5px; top:10px; }
	
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:5px; }
}







/* 생방송 */
.onair { width:100%; }

.on_air .top_box { width:100%; border-bottom:1px solid #ddd; margin-bottom:30px; }
.on_air .top_box + div { overflow:hidden; }
.on_air .top_boxArea { position:relative; text-align:center; margin-bottom:50px; }
.on_air .top_boxArea .area { min-height:101px; padding-left:280px; background:url(/images/broadcast/onair_icon_on.jpg) no-repeat 0 0; text-align:left; display:inline-block; }
.on_air .top_box p.txt1 { color:#333; font-size:180%; font-weight:700; letter-spacing:-1px; margin:15px 0 0 0;   }
.on_air .top_box p.txt2 { padding-left:1px; color:#ff8e16;  }


.on_air .thumbnail { float:left; width:240px; }
.on_air .thumbnail img { padding:5px; border:1px solid #ccc; }


.on_air table { float:left; width:calc(100% - 370px); border-top:2px solid #ff8e16; }
.on_air table th,
.on_air table td { padding:11px 15px 9px 24px; border-bottom:1px solid #ccc; line-height:160%; text-align:left; vertical-align:top; }

.on_air table .thd1 { width:20%; box-sizing:border-box; }
.on_air table .thd2 { width:80%; box-sizing:border-box; }

.on_air table th { background: url(/images/broadcast/onair_table_blt.gif) no-repeat 10px 17px; font-weight:normal; color:#333; }
.on_air table td { background:url(/images/broadcast/onair_table_bgline.gif) no-repeat; }
.on_air table td.subject { color:#fe660d; font-weight:bold; }

.on_air p.btn { float:right; width:130px; text-align:right; }



.on_air .onairofftxt { padding-top:48px; text-align:center; display:block;}

.off_air { position:relative; width:100%; padding:60px 0 50px 0;  border-bottom:1px solid #ddd; text-align:center; }
.off_air .area { min-height:101px; padding-left:280px; background:url(/images/broadcast/onair_icon_off.jpg) no-repeat 0 0; display:inline-block; }
.off_air .area .txt1 { font-size:180%; color:#333; font-weight:bold; letter-spacing:-1px; text-align:left; margin:10px 0 10px; }
.off_air .area .txt2 { padding-left:2px; color:#888; font-size:95%; text-align:left; }



@media (min-width:769px) and (max-width:1024px){		
	.off_air { padding:30px 0 100px; }
	.off_air .area .txt1 { font-size:150%; letter-spacing:-1px; margin:10px 0 5px; }
}



@media (max-width:768px){
	.on_air .thumbnail { display:none;  }
	.on_air table { width:calc(100% - 130px); }


	.on_air .top_boxArea { margin-bottom:50px; }
	.on_air .top_boxArea .area { min-height:150px; padding-left:0; background:url(/images/broadcast/onair_icon_on.jpg) no-repeat 50% 0; text-align:center; }
	.on_air .top_box p.txt1 { font-size:150%; margin:130px 0 0 0;   }
	.on_air .top_box p.txt2 { padding-left:0px; }


	
	.off_air { padding:30px 0 100px; border-bottom:none; }
	.off_air .area { min-height:150px; padding-left:0; background:url(/images/broadcast/onair_icon_off.jpg) no-repeat 50% 0;  display:inline-block; }
	.off_air .area .txt1 { font-size:150%; text-align:center; margin:130px 0 5px 0; }
	.off_air .area .txt2 { text-align:center; }
}


@media (max-width:700px){
	.on_air table { width:100%; margin-bottom:15px; }
	.on_air table .thd1 { width:30%; box-sizing:border-box; }
	.on_air table .thd2 { width:70%; box-sizing:border-box; }
	.on_air p.btn { float:none; width:100%; text-align:center; }
	



}


/* 생방송일정 */
.onairsc { width:100%; } 

.onairsc #datebar { position:relative; width:200px; height:29px; text-align:center; margin:0 auto 15px; }
.onairsc #datebar .arrow_pre { position:absolute; left:0; top:0px;}
.onairsc #datebar .arrow_next { position:absolute; right:0; top:0px;}
.onairsc #datebar .date span { position:relative; top:0px; font-weight:bold; color:#666; text-align:center; vertical-align:top; display:inline-block; }
.onairsc #datebar .date strong { position:relative; top:-11px; font-weight:bold; font-size:180%; color:#fe660d; display:inline-block; vertical-align:top; padding-left:5px; }


.onairsc #onaircalendar { margin-bottom:30px; width:100%; border-top:2px solid #98a8b0; border-right:1px solid #ddd; }
.onairsc #onaircalendar th,
.onairsc #onaircalendar td { border-left:1px solid #ddd; border-bottom:1px solid #ddd; }

.onairsc #onaircalendar th { height:26px; line-height:26px; color:#555; font-weight:bold; background:#f4f4f4; }


.onairsc #onaircalendar td { position:relative; width:14.285%; height:40px; line-height:40x; text-align:center; color:#666; background:#fff; }
.onairsc #onaircalendar td.sun { color:#da131a; }
.onairsc #onaircalendar td.sat { color:#06c; }


.onairsc #onaircalendar td.today { color:#06c; text-decoration:underline; font-weight:bold; }

.onairsc #onaircalendar td.none { background:#fcfcfc;}
.onairsc #onaircalendar td.today { text-decoration:underline; font-weight:bold;}
.onairsc #onaircalendar td.onday a { width:100% !important; height:40px; line-height:40px; background:#ff8e16; color:#fff; text-decoration:none; font-weight:bold; display:block; }
.onairsc #onaircalendar td.today a { width:100% !important; height:40px; line-height:40px; background:#ff8e16; color:#fff; text-decoration:underline; font-weight:bold; display:block; }



.onairsc table td.today span:after { position:absolute; left:50%; top:10px; content:'오늘'; height:20px; line-height:20px; padding:0 5px; border-radius:3px; background:#da131a; color:#fff; font-size:90%; transform:translate(-50%,0); display:inline-block; margin-left:32px;  }



.onairsc #schedule { width:100%; margin:0; padding:0;}

.onairsc #schedule #schedule_datebar { width:100%; border:1px solid #afb9c5; box-sizing:border-box; background:#fafafa; }
.onairsc #schedule #schedule_datebar .date { padding:8px 10px 8px 33px; background:url(/images/broadcast/broadcast_onairsc_blt.png) no-repeat 12px 15px; font-weight:bold; font-size:110%; color:#555; }
.onairsc #schedule #schedule_datebar .date span { color:#fe660d; margin-right:10px; }


.onairsc #schedule .schedule_list { position:relative; width:100%; border-bottom:1px solid #ddd; margin-bottom:15px; }
.onairsc #schedule .schedule_list .subject { padding:8px 10px 8px 33px; background:#fafafa url(/images/broadcast/broadcast_onairsc_blt.png) no-repeat 12px 15px; font-weight:bold; font-size:110%; color:#555; border:1px solid #afb9c5; }
.onairsc #schedule .schedule_list .subject .time { color:#06c; margin-left:7px;}
.onairsc #schedule .schedule_list .schedule_content { padding:15px 20px 20px 20px; line-height:170%; }