@charset "utf-8";


/* 레이아웃 */
#gaonwrap { min-width:1280px; width:100%; }

#top { position:relative; min-width:1280px; width:100%; height:156px; border-bottom:1px solid #ddd; background:url(/images/inc/top_bg.gif) repeat-x; }
	#toparea { position:relative; width:1280px; height:156px; margin:0 auto; overflow:visible; } 
	
#container { position:relative; min-width:1280px; width:100%; z-index:2; }
	
	#con1 { position:relative; width:100%; padding:50px 0; background:#85c1e5 url(/images/main/con1_bg.gif) no-repeat 50% 50%; }
		#con1area { width:1280px; margin:0 auto; }
	#con2 { width:1280px; padding:50px 0; margin:0 auto; }
	#con3 { width:100%; height:459px; padding:42px 0 50px 0; box-sizing:border-box; background:#f8f4eb; }
		#con3area { width:1280px; margin:0 auto; }
	#con4 { width:1280px; padding:50px 0; margin:0 auto; }
	
#bottom { position:relative; width:100%; min-width:1280px; border-top:1px solid #336ba7; background:#254e7a; z-index:4; }
	#bottomarea { position:relative; width:1280px; padding:0 0 70px 0; margin:0 auto; z-index:5; }


@media (min-width:1025px) and (max-width:1280px){
	#top { position:relative; min-width:100%; width:100%; height:156px; border-bottom:1px solid #ddd; background:url(/images/inc/top_bg.gif) repeat-x; }
		#toparea { position:relative; width:100%; height:156px; margin:0 auto; overflow:visible; } 
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		
		#con1 { position:relative; width:100%; padding:50px 15px; box-sizing:border-box; background:#85c1e5 url(/images/main/con1_bg.gif) no-repeat 50% 50%; }
			#con1area { width:100%; margin:0 auto; }
		#con2 { width:100%; padding:50px 15px; box-sizing:border-box; margin:0 auto; }
		#con3 { width:100%; height:459px; padding:42px 15px 50px 15px; box-sizing:border-box; background:#f8f4eb; }
			#con3area { width:100%; margin:0 auto; }
		#con4 { width:100%; padding:50px 15px; box-sizing:border-box; margin:0 auto; }
		
	#bottom { position:relative; width:100%; min-width:100%; border-top:1px solid #336ba7; background:#254e7a; z-index:4; }
		#bottomarea { position:relative; width:100%; padding:0 0 70px 0; margin:0 auto; z-index:5; }
}

@media (min-width:769px) and (max-width:1024px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
		
	#top { position:relative; min-width:100%; width:100%; height:88px; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; height:88px; margin:0 auto; overflow:visible; } 
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
	
		#con1 { position:relative; width:100%; padding:50px 30px; box-sizing:border-box; background:#85c1e5 url(/images/main/con1_bg.gif) no-repeat 50% 50%; }
			#con1area { width:100%; margin:0 auto; }
		#con2 { width:100%; padding:50px 30px; box-sizing:border-box; margin:0 auto; }
		#con3 { width:100%; height:439px; padding:42px 30px 50px 30px; box-sizing:border-box; background:#f8f4eb; }
			#con3area { width:100%; margin:0 auto; }
		#con4 { display:none;}
		
	#bottom { position:relative; width:100%; min-width:100%; border-top:1px solid #336ba7; background:#254e7a; z-index:4; }
		#bottomarea { position:relative; width:100%; padding:0 0 50px 0; margin:0 auto; z-index:5; }
}


@media (max-width:768px){
	html, body, #gaonwrap { min-width:100%; width:100%; }
		
	#top { position:relative; min-width:100%; width:100%; height:65px; border-bottom:1px solid #ddd; background:#fff; }
		#toparea { position:relative; width:100%; height:65px; margin:0 auto; overflow:visible; }
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		
		#con1 { position:relative; width:100%; padding:30px 15px; box-sizing:border-box; background:#85c1e5 url(/images/main/con1_bg.gif) no-repeat 50% 50%; }
			#con1area { width:100%; margin:0 auto; }
		#con2 { width:100%; padding:30px 15px; box-sizing:border-box; margin:0 auto; }
		#con3 { width:100%; height:439px; padding:22px 15px 30px 15px; box-sizing:border-box; background:#f8f4eb; }
			#con3area { width:100%; margin:0 auto; }
		#con4 { display:none;}
			
	#bottom { position:relative; width:100%; min-width:100%; padding:0 15px; box-sizing:border-box; border-top:1px solid #336ba7; background:#254e7a; z-index:4; }
		#bottomarea { position:relative; width:100%; padding:0 0 40px 0; margin:0 auto; z-index:5; }
}




/* 타이틀 */
#top h1.title { position:absolute; left:0; top:75px; }

@media (min-width:1025px) and (max-width:1280px){
	#top h1.title { left:15px; }
}


@media (min-width:769px) and (max-width:1024px){
	#top h1.title { left:calc(50% - 85px); right:auto; top:17px; text-align:center; margin:0; }
	
	.sidenav h1 img { height:37px; } 
}

@media (max-width:768px){
	#top h1.title { left:calc(50% - 57px); right:auto; top:14px; text-align:center; margin:0; }
	#top h1.title img { height:37px; }
	
	.sidenav h1 img { height:37px; } 
}



/* 모바일용 상단 버튼 */
.mobileTopBtn { display:none; width:0; height:0; overflow:hidden;  }

@media (min-width:769px) and (max-width:1024px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; left:25px; top:24px; display:block; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:21px; top:24px; display:block; }
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:68px; top:24px; display:block;}
}


@media (max-width:768px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; left:15px; top:22px; display:block; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:15px; top:22px; display:block; }
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:41px; top:22px; display:block; }
	.mobileTopBtn li.mobileTopBtn1 img { width:18px; }
	.mobileTopBtn li.mobileTopBtn2 img { width:20px; }
	.mobileTopBtn li.mobileTopBtn3 img { width:20px; }
}



/* 모바일용 외부 링크 */
.mobileLink { display:none; width:0; height:0; overflow:hidden; }

@media (min-width:769px) and (max-width:1024px){
	.mobileLink {position:absolute; left:0; top:88px; width:100%; height:auto; border-top:1px solid #ddd; border-bottom:1px solid #0b2557; background:#f9f9f9; overflow:visible; z-index:10; }
	.mobileLink ul { width:100%; overflow:hidden; }
	.mobileLink ul li { float:left; width:calc(20% + 1px); height:40px; line-height:40px; border:1px solid #ddd; box-sizing:border-box; text-align:center; font-size:90%; letter-spacing:-1px; margin:-1px 0 0 -1px; }
    .mobileLink ul li:nth-child(5n) { border-right:none; } 
	
	.mobileLink ul li a:link,
	.mobileLink ul li a:visited { width:100%; color:#555; display:block; }
	.mobileLink ul li a:active,
	.mobileLink ul li a:focus,
	.mobileLink ul li a:hover,
	.mobileLink ul li a.select { background:#fff; color:#0a72a7; }
	
	.mobileLink ul li a.ml { background:#f0f3f4; }
}


@media (max-width:768px){
	.mobileLink { position:absolute; left:0; top:65px; width:100%; height:auto; border-top:1px solid #ccc; border-bottom:1px solid #666; background:#fff; z-index:1000; }
	.mobileLink ul { width:100%; overflow:hidden; }
	.mobileLink ul li { float:left; width:calc(20% + 1px); height:40px; line-height:40px; border:1px solid #ddd; box-sizing:border-box; text-align:center; font-size:90%; letter-spacing:-1px; margin:-1px 0 0 -1px; }	
	.mobileLink ul li:nth-child(5n) { border-right:none; }
	
	.mobileLink ul li a:link,
	.mobileLink ul li a:visited { width:100%; color:#555; display:block; }
	.mobileLink ul li a:active,
	.mobileLink ul li a:focus,
	.mobileLink ul li a:hover,
	.mobileLink ul li a.select { background:#fff; color:#0a72a7; }
	
	.mobileLink ul li a.ml { background:#f0f3f4; }
}
@media (max-width:425px){
	.mobileLink ul li { float:left; width:calc(25% + 1px); }	
	.mobileLink ul li:nth-child(5n) { border-right:1px solid #ddd; }
	.mobileLink ul li:nth-child(4n) { border-right:none; } 
	
}


/* 외부 링크 */
.underLink { position:relative; float:left; }
.underLink > ul { overflow:visible; border-left:1px solid #6690b9; }
.underLink > ul > li { float:left; width:125px; height:50px; border-right:1px solid #6690b9; }
.underLink > ul > li > a:link,
.underLink > ul > li > a:visited { width:100%; height:50px; line-height:50px; text-align:center; color:#ccc; font-size:95%; display:block; }
.underLink > ul > li > a:active,
.underLink > ul > li > a:focus,
.underLink > ul > li > a:hover { color:#fff; }
.underLink > ul > li > a.select { background:#fff; color:#000; font-weight:bold; }

.underLink > ul > li:nth-child(3) { padding-right:32px; box-sizing:border-box; background: url(/images/inc/underLink_arrow.png) no-repeat right 50%; text-align:left; }

.underLink > ul li .memberHomeList { position:absolute; left:0; top:61px; width:500px; padding:15px; border:1px solid #ddd; box-sizing:border-box; background:#fff; display:none; z-index:10000; }
.underLink > ul li .memberHomeList li { float:left; width:20%; }
.underLink > ul li .memberHomeList li a:link,
.underLink > ul li .memberHomeList li a:visited { width:100%; height:30px; line-height:30px; color:#333; text-align:center; display:inline-block;  }
.underLink > ul li .memberHomeList li a:active,
.underLink > ul li .memberHomeList li a:focus,
.underLink > ul li .memberHomeList li a:hover { color:#ff7505; }


@media (min-width:1153px) and (max-width:1280px){
	.underLink > ul { border-left:none; }
}

@media (min-width:1025px) and (max-width:1152px){
	.underLink > ul { border-left:none; }
	.underLink > ul > li { width:118px;}
}


@media (min-width:769px) and (max-width:1024px){
	.underLink { display:none;}
}

@media (max-width:768px){
	.underLink { display:none;  }
}








/* 폰트설정 */
.fontszie { float:right; }
.fontszie ul { overflow:hidden; border-left:1px solid #6690b9; }
.fontszie ul li { float:left; width:50px; height:50px; border-right:1px solid #6690b9; }

.fontszie ul li a:link,
.fontszie ul li a:visited { display:block; }
.fontszie ul li a:active,
.fontszie ul li a:focus,
.fontszie ul li a:hover { background:#3e6d99; }


@media (max-width:1024px){
	.fontszie { display:none; } 	 	
}




/* 메인 메뉴 */
#menu { position:absolute; right:0; top:85px; }
#topMenu { position:relative; overflow:visible !important; }

#topMenu > li { position:relative; float:left; text-align:center; display:inline-block; }

#topMenu > li > a:link,
#topMenu > li > a:visited { height:100px; vertical-align:top; padding:0 27px; box-sizing:border-box; color:#222; font-size:140%; font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px; display:block; }
#topMenu > li > a:active,
#topMenu > li > a:focus,
#topMenu > li > a:hover,
#topMenu > li > a.select { color:#ff7505;  }


#topMenu > li:active > ul,
#topMenu > li:focus > ul,
#topMenu > li:hover > ul,
#topMenu > li.select > ul { background:#ecf2f8; border-top:1px solid #ddd; }

@media (min-width:1153px) and (max-width:1280px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:0 20px;  }
}


@media (min-width:1025px) and (max-width:1152px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:0 13px;  }
}

@media (min-width:769px) and (max-width:1024px){
	#menu { display:none;  }
}


@media (max-width:768px){
	#menu { display:none; } 
}
	


/* 서브메뉴 표시 */
#topMenu > li > ul { position:absolute; left:0; top:72px; width:100%; height:364px; padding:10px 0 0 0px; border-left: 1px solid #eee; box-sizing:border-box; display:none; clear:both; z-index:1003;  }
#topMenu > li > ul > li { position:relative; width:100%; padding:3px 10px 4px 10px; box-sizing:border-box; text-align:left; display:block; }
#topMenu > li > ul:last-child { border-right: 1px solid #eee;}

#topMenu > li > ul > li > a:link,
#topMenu > li > ul > li > a:visited { width:100%; height:auto; padding:0; text-decoration:none; color:#333; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-size:95%; margin:0; background:none; border:0; display:block; }
#topMenu > li > ul > li > a:active,
#topMenu > li > ul > li > a:hover,
#topMenu > li > ul > li > a:focus,
#topMenu > li > ul > li > a.select { clear:both; color:#ff8111; font-weight:bold; }



.submenu { display:none; overflow:hidden; }

.menubox { position:absolute; left:0; top:156px; width:100%; height:364px; border-top:1px solid #ddd; border-bottom:3px solid #ff7505; background:#fff; display:none; z-index:10; }
.menubox .menuboxarea { position:relative; width:1280px; margin:0 auto; }

.menubox .menuboxarea .slogan { width:411px; height:330px; padding-top:45px; box-sizing:border-box; background:url(/images/inc/submenu_img.png) no-repeat left bottom; text-align:center; font-size:115%; letter-spacing:-1px; color:#000; }
.menubox .menuboxarea .slogan strong { font-size:120%; display:block; }


@media (min-width:769px) and (max-width:1024px){
	.topMenu,
	.menubox { display:none; } 	
}

@media (max-width:768px){
	.topMenu,
	.menubox { display:none; } 	
}	



/*전체메뉴 표시*/
/*#abtn_allmenu { position:absolute; top:90px; right:-80px; }*/
.allMenu { position:relative; width:100%; height:700px; padding:25px; border-radius:10px; box-sizing:border-box; background:#fff; display:inline-block; margin:0 auto; }

.allMenu .mdepth1 { float:left; overflow:visible; }
.allMenu .mdepth1 > li { position:relative; float:left; width:12.5%; text-align:center; display:inline-block; }

.allMenu .mdepth1 > li > a:link,
.allMenu .mdepth1 > li > a:visited { padding-bottom:15px; border-bottom:3px solid #5584b1; box-sizing:border-box; color:#222; font-size:140%; font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px; display:block; }
.allMenu .mdepth1 > li > a:active,
.allMenu .mdepth1 > li > a:focus,
.allMenu .mdepth1 > li > a:hover,
.allMenu .mdepth1 > li > a.select { color:#ff7505;  }


.allMenu .mdepth1 > li > ul { position:absolute; left:0; top:51px; width:100%; height:550px; padding:10px 0 0 0px; border-left: 1px solid #eee; box-sizing:border-box; clear:both; z-index:1003;  }
.allMenu .mdepth1 > li > ul > li { position:relative; width:100%; padding:3px 10px 4px 10px; box-sizing:border-box; text-align:left; display:block; }
.allMenu .mdepth1 > li > ul:last-child { border-right: 1px solid #eee;}

.allMenu .mdepth1 > li .mdepth3 { letter-spacing:-1.5px; }

.allMenu .mdepth1 > li > ul > li > a:link,
.allMenu .mdepth1 > li > ul > li > a:visited { width:100%; height:auto; padding:0; text-decoration:none; color:#333; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; margin:0; background:none; border:0; display:block; }
.allMenu .mdepth1 > li > ul > li > a:active,
.allMenu .mdepth1 > li > ul > li > a:hover,
.allMenu .mdepth1 > li > ul > li > a:focus,
.allMenu .mdepth1 > li > ul > li > a.select { clear:both; color:#ff8111; font-weight:bold; }

.allMenu .mdepth1 > li > ul > li > ul { font-size:95%; color:#eee; margin-left:10px;  }

.allMenu .abtn_allMenuClose { position:absolute; left:50%; bottom:15px; width:100px; height:45px; line-height:45px; border-radius:10px; background:#5584b1; color:#fff; text-align:center; }




@media (max-width:1439px){
	#abtn_allmenu { display:none; }
}



/* 생방송알림 */
.onairNotice { width:100%; margin-bottom:30px; }
.onairNotice .onairNoticeBox { width:100%;padding:14px 10px 14px 30px;  border:1px solid #615144; box-sizing:border-box; background:#7c6d61; }

.onairNotice .onairNoticeBox .date { float:left; width:320px; color:#fff; font-size:125%; font-family:NotoSans-Medium, "본고딕 미디엄";  }
.onairNotice .onairNoticeBox .date span { color:#ffd40c; }

.onairNotice .onairNoticeBox .list { float:left; width:calc(100% - 585px); padding:0 15px; border-left:1px solid #887d74; border-right:1px solid #887d74; box-sizing:border-box; margin-right:15px;  }

.onairNotice .onairNoticeBox .list ul { width:100%;  }
.onairNotice .onairNoticeBox .list ul li { width:100%; height:30px; line-height:30px; overflow:hidden; display:block; }

.onairNotice .onairNoticeBox .list ul li .icon { float:left; width:75px; height:30px; line-height:30px; border-radius:3px; text-align:center; color:#fff; display:block; margin:0px 10px 0 0; }
.onairNotice .onairNoticeBox .list ul li .typeOn { background:#da131a; }
.onairNotice .onairNoticeBox .list ul li .typeOff { background:#dddddd; }
.onairNotice .onairNoticeBox .list ul li .typeEnd { background:#40423f; }

.onairNotice .onairNoticeBox .list ul li .subject { float:left; width:calc(100% - 185px);  }
.onairNotice .onairNoticeBox .list ul li .subject a:link,
.onairNotice .onairNoticeBox .list ul li .subject a:visited { width:100%; color:#fff; font-size:115%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;  }
.onairNotice .onairNoticeBox .list ul li .subject a:active,
.onairNotice .onairNoticeBox .list ul li .subject a:focus,
.onairNotice .onairNoticeBox .list ul li .subject a:hover { color:#ffd40c; } 

.onairNotice .onairNoticeBox .list ul li .time { display:none; float:left; width:100px; padding-left:41px; box-sizing:border-box; background:url(/broadcast/images/main/onair_icon_time.gif) no-repeat 0 50%; color:#fff; }

.onairNotice .onairNoticeBox .example { float:left; width:250px; }
.onairNotice .onairNoticeBox .example ul { width:100%; }
.onairNotice .onairNoticeBox .example ul li { float:left; color:#fff; margin-right:10px; }
.onairNotice .onairNoticeBox .example ul li span { position:relative; top:2px; width:15px; height:15px; line-height:15px; border-radius:50%; font-size:0; display:inline-block; }
.onairNotice .onairNoticeBox .example ul li .ex1 { background:#da131a;}
.onairNotice .onairNoticeBox .example ul li .ex2 { background:#40423f;}
.onairNotice .onairNoticeBox .example ul li .ex3 { background:#dddddd;}

@media (min-width:769px) and (max-width:1024px){
	.onairNotice .onairNoticeBox .date { float:none; width:100%; margin-bottom:8px; }
	.onairNotice .onairNoticeBox .list { width:calc(100% - 265px); padding-left:0; border-left:none;  }
}

@media (max-width:768px){
	.onairNotice .onairNoticeBox .date { float:none; width:100%; margin-bottom:8px; }
	.onairNotice .onairNoticeBox .list { width:calc(100% - 265px); padding-left:0; border-left:none;  }
}

@media (max-width:640px){
	.onairNotice .onairNoticeBox { padding:14px 15px 14px 15px; }
	.onairNotice .onairNoticeBox .list { width:100%; padding:8px 0 10px 0; border:none;  }
	.onairNotice .onairNoticeBox .example { float:none; width:100%; }
}




/* 메인 생방송 플레이어 */
#mainonair { width:100%; padding:38px 0 40px 0; background:url(/images/main/onair_bg.gif); }
#mainonairarea { position:relative; width:1280px; margin:0 auto; }


#mainonairarea .mplayer { float:left; width:calc(100% - 480px); margin-right:50px; }
#mainonairarea .mplayer h3 { height:44px; padding:0 0 0 27px; font-weight:normal; font-size:130%; color:#000; background:url(/images/main/onair_blt_title.png) no-repeat 0 7px; }
#mainonairarea .mplayer .mplayerarea { width:100%; height:450px }


#mainonairarea .monairlist { float:right; width:430px; margin-top:44px; }
#mainonairarea .monairlist .monairlistBox { width:100%; padding:0 20px; border:1px solid #615144; box-sizing:border-box; background:#7c6d61; margin-bottom:43px; }

#mainonairarea .monairlist .monairlistBox .dayarea { width:100%; height:65px; line-height:65px; font-weight:bold; font-size:125%; letter-spacing:-1px; color:#fff; text-align:center; }
#mainonairarea .monairlist .monairlistBox .dayarea strong { color:#ffd40c; font-weight:normal; }


#mainonairarea .monairlist .monairlistBox ul.list { width:100%; padding:10px 0; border-top:1px solid #887d74; border-bottom:1px solid #887d74; overflow:auto; }
#mainonairarea .monairlist .monairlistBox ul.list li { width:100%; height:40px; line-height:40px; overflow:hidden; display:block; }


#mainonairarea .monairlist .monairlistBox ul.list li .icon { float:left; width:75px; height:30px; line-height:30px; border-radius:3px; text-align:center; color:#fff; display:block; margin:5px 10px 0 0; }
#mainonairarea .monairlist .monairlistBox ul.list li .typeOn { background:#da131a; }
#mainonairarea .monairlist .monairlistBox ul.list li .typeOff { background:#dddddd; }
#mainonairarea .monairlist .monairlistBox ul.list li .typeEnd { background:#40423f; }

#mainonairarea .monairlist .monairlistBox ul.list li .subject { float:left; width:calc(100% - 185px); }
#mainonairarea .monairlist .monairlistBox ul.list li .subject a:link,
#mainonairarea .monairlist .monairlistBox ul.list li .subject a:visited { width:100%; color:#ccc; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;  }
#mainonairarea .monairlist .monairlistBox ul.list li .subject a:active,
#mainonairarea .monairlist .monairlistBox ul.list li .subject a:focus,
#mainonairarea .monairlist .monairlistBox ul.list li .subject a:hover { color:#fff; } 

#mainonairarea .monairlist .monairlistBox ul.list li .time {display:none; float:left; width:100px; padding-left:41px; box-sizing:border-box; background:url(/images/main/onair_icon_time.gif) no-repeat 0 50%; color:#fff; }


#mainonairarea .monairlist .monairlistBox ul.example { width:100%; overflow:hidden; }
#mainonairarea .monairlist .monairlistBox ul.example li { float:left; padding:14px 0 17px 0; color:#fff; margin-right:10px; }
#mainonairarea .monairlist .monairlistBox ul.example li span { position:relative; top:2px; width:15px; height:15px; line-height:15px; border-radius:50%; font-size:0; display:inline-block; }
#mainonairarea .monairlist .monairlistBox ul.example li .ex1 { background:#da131a;}
#mainonairarea .monairlist .monairlistBox ul.example li .ex2 { background:#40423f;}
#mainonairarea .monairlist .monairlistBox ul.example li .ex3 { background:#dddddd;}

#mainonairarea .monairlist .monair_visible { width:100%; text-align:center; }
#mainonairarea .monairlist .monair_visible .txt { margin-bottom:10px; }
#mainonairarea .monairlist .monair_visible .icon { width:99px; height:82px; background:url(/images/main/onair_icon.png) no-repeat; margin:0 auto 40px; }
#mainonairarea .monairlist .monair_visible a:link,
#mainonairarea .monairlist .monair_visible a:visited { color:#1c5497;}
#mainonairarea .monairlist .monair_visible a:active,
#mainonairarea .monairlist .monair_visible a:focus,
#mainonairarea .monairlist .monair_visible a:hover { color:#000; }
#mainonairarea .monairlist .monair_visible a strong { font-weight:normal; }
#mainonairarea .monairlist .monair_visible a span { padding-right:18px; background:url(/images/main/onair_blt_go.gif) no-repeat right 50%; color:#000; display:inline-block; }



#mainonairarea .mainonair_bottom { width:100%; padding-top:15px; text-align:right; overflow:hidden; }
#mainonairarea .mainonair_bottom form { float:right; vertical-align:top;  }
#mainonairarea .mainonair_bottom .close { position:relative; float:right; top:5px; padding-left:10px; display:inline-block;  }



@media (min-width:1025px) and (max-width:1280px){
	#mainonair { padding:38px 15px 40px 15px; box-sizing:border-box;  }
	#mainonairarea { width:100%; }

	#mainonairarea .mplayer { width:calc(100% - 430px); margin-right:30px; }
	#mainonairarea .monairlist { width:400px; }
}

@media (min-width:901px) and (max-width:1024px){
	#mainonair { padding:38px 30px 40px 30px; box-sizing:border-box;  }
	#mainonairarea { width:100%; }

	#mainonairarea .mplayer { width:calc(100% - 370px); margin-right:30px; }
	#mainonairarea .monairlist { width:340px; }


	#mainonairarea .mplayer .mplayerarea { height:334px }
	
}

@media (min-width:769px) and (max-width:900px){
	#mainonair { padding:38px 30px 40px 30px; box-sizing:border-box;  }
	#mainonairarea { width:100%; }

	#mainonairarea .mplayer { width:100%; margin-right:0px; }
	#mainonairarea .monairlist { width:100%; }

	#mainonairarea .mplayer .mplayerarea { height:450px }
	
}

@media (max-width:768px){
	#mainonair { padding:38px 15px 40px 15px; box-sizing:border-box;  }
	#mainonairarea { width:100%; }

	#mainonairarea .mplayer { width:100%; margin-right:0px; }
	#mainonairarea .monairlist { width:100%; }	


	#mainonairarea .mplayer .mplayerarea { height:415px; }
}


@media (max-width:640px){
	#mainonairarea .mplayer .mplayerarea { height:343px; }
}

@media (max-width:480px){
	#mainonairarea .mplayer .mplayerarea { height:253px; }
}

@media (max-width:425px){
	#mainonairarea .mplayer .mplayerarea { height:222px; }
}

@media (max-width:375px){
	#mainonairarea .mplayer .mplayerarea { height:194px; }
}

@media (max-width:375px){
	#mainonairarea .mplayer .mplayerarea { height:186px; }
}


/* 팝업존 */
.popupzone { position:relative; float:left; width:calc(100% - 430px); border-radius:20px; overflow:hidden; }

.popupzone .pulist { position:relative; width:100%; height:350px; overflow:hidden; margin:0 auto; }
.popupzone .pulist .list { position:relative; float:left; height:350px;}
.popupzone .pulist .list a { width:100%; display:block; }
.popupzone .pulist .list a img { width:100%; height:350px;}
.popupzone .pulist .list img { width:100%; height:350px;}


.popupzone .bar { position:absolute; right:20px; bottom:10px; width:160px; height:30px; border-radius:15px; background:rgba(0,0,0,0.6); text-align:center; }

.popupzone .slick-prev,
.popupzone .slick-next { position:absolute; bottom:18px; width:13px; height:13px; border:none; line-height:0; font-size:0; cursor:pointer; display:block; z-index:1000; }

.popupzone .slick-prev { right:80px; background:url(/images/main/pu_btn_prev.png) no-repeat; }
.popupzone .slick-next { right:40px; background:url(/images/main/pu_btn_next.png) no-repeat; }



			/*자동실행버튼(재생,일시정지)*/
.popupzone .btn_play { position:absolute; right:40px; bottom:8px; width:13px; height:13px; border:0; background:url(/images/main/pu_btn_pause.png) no-repeat; text-indent:-9999px; z-index:1001; }
.popupzone .btn_play.on { background:url(/images/main/pu_btn_play.png) no-repeat;  }



			/* Dots 메인 서브  */
.popupzone.slick-dotted.slick-slider {  }
.popupzone .slick-dots { position:absolute; width:50px !important; right:100px; bottom:11px; width:100%; height:30px; text-align:center; overflow:hidden; display:block; margin:0 auto; z-index:1002; }
			/* Dots 숫자표시 */
.popupzone .slick-dots li { height:30px; line-height:30px; color:#fff;  letter-spacing:5px; z-index:1003;}

@media (min-width:1025px) and (max-width:1280px){
	.popupzone { width:calc(100% - 330px); }
}


@media (min-width:769px) and (max-width:1024px){
	.popupzone { float:none; width:100%; margin-bottom:30px;}
}


@media (max-width:768px){
	.popupzone { float:none; width:100%; margin-bottom:15px; }
}

@media (max-width:640px){
	.popupzone .pulist { height:250px; }
	.popupzone .pulist .list { height:250px;}
	.popupzone .pulist .list a img { height:250px;}
	.popupzone .pulist .list img { height:250px;}
}


@media (max-width:425px){
	.popupzone .pulist { height:200px; }
	.popupzone .pulist .list { height:200px;}
	.popupzone .pulist .list a img { height:200px;}
	.popupzone .pulist .list img { height:200px;}

}




/* 오늘의 의사일정 */
.mSechedule { position:relative; float:right; width:380px; height:350px; padding:0 20px; box-sizing:border-box; border-radius:20px; background:#fff;}

.mSechedule h1 { padding-top:18px; font-size:140%; font-family:NotoSans-Medium, "본고딕 미디엄"; text-align:center; margin-bottom:2px; }
.mSechedule .today { color:#ff8111; font-size:155%; font-family:NotoSans-Medium, "본고딕 미디엄"; text-align:center; margin-bottom:19px; }

.mSechedule ul { width:100%; padding:10px 0; border-top:1px solid #ddd; }
.mSechedule ul li { width:100%; display:block; }
.mSechedule ul li a:link,
.mSechedule ul li a:visited { float:left; width:calc(100% - 56px); height:36px; line-height:36px; padding-left:13px; box-sizing:border-box; background:url(/images/main/blt_dot.gif) no-repeat 0 16px; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }
.mSechedule ul li a:active,
.mSechedule ul li a:focus,
.mSechedule ul li a:hover { color:#ff8111; }

.mSechedule ul li span { float:left; width:56px; height:36px; line-height:36px; text-align:center; }

.mSechedule a.more:link,
.mSechedule a.more:visited { position:absolute; left:0; bottom:0; width:100%; height:53px; line-height:53px; background:#f0eef1; border-radius:0 0 20px 20px; text-align:center; }
.mSechedule a.more:active,
.mSechedule a.more:focus,
.mSechedule a.more:hover { color:#ff8111; }



@media (min-width:1025px) and (max-width:1280px){
	.mSechedule { width:300px; }
}

@media (min-width:769px) and (max-width:1024px){
	.mSechedule { float:none; width:100%; height:auto; padding:0 30px 0 30px; }
	.mSechedule ul { padding-bottom:80px; }
}

@media (max-width:768px){
	.mSechedule { float:none; width:100%; height:auto; padding:0 15px 0 15px; }
	.mSechedule ul { padding-bottom:80px; }
}



/* 의장실 */
.mChairman { position:relative; float:left; width:300px; height:300px; border-radius:20px; background:#cce2ef url(/images/main/chairman_pic.png) no-repeat right bottom; margin-right:30px; display:none; }
.mChairman h1 { color:#000; font-size:145%; font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px; margin:18px 0 24px 30px; }
.mChairman p { color:#333; font-size:125%; line-height:1.3; letter-spacing:-1px; margin:0 0 26px 30px; }
.mChairman p strong { color:#ff8111; font-weight:normal; font-size:125%; font-family:NotoSans-Medium, "본고딕 미디엄"; }

.mChairman ul li a.btn1:link,
.mChairman ul li a.btn1:visited { width:140px; height:44px; line-height:44px; padding-left:30px; box-sizing:border-box; border-radius:0 22px 22px 0; background:#ff8111; color:#fff; display:block; margin-bottom:10px; }
.mChairman ul li a.btn1:active,
.mChairman ul li a.btn1:focus,
.mChairman ul li a.btn1:hover { text-decoration:underline; }

.mChairman ul li a.btn2:link,
.mChairman ul li a.btn2:visited { width:140px; height:44px; line-height:44px; padding-left:30px; box-sizing:border-box; border-radius:0 22px 22px 0; background:#47240e; color:#fff; display:block; }
.mChairman ul li a.btn2:active,
.mChairman ul li a.btn2:focus,
.mChairman ul li a.btn2:hover { text-decoration:underline; }

@media (min-width:769px) and (max-width:1024px){
	.mChairman { width:calc(50% - 15px); margin:0 15px 30px 0; }
}

@media (max-width:768px){
	.mChairman { width:100%; margin:0 0 15px 0; }
}






/* 의원소개 */
.mMember { position:relative; float:left; width:300px; height:300px; border-radius:20px; background:#e7e2df; overflow:hidden; margin-right:30px;  }
.mMember h1 { position:absolute; left:30px; top:18px; color:#000; font-size:145%; font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px; z-index:1000002;   }
.mMember .memberList { position:relative; width:100%; height:300px; overflow:hidden; }
.mMember .memberList .list { position:relative; float:left; height:300px; } 
.mMember .memberList .pic img { width:100%; }


.mMember .bar { position:absolute; left:0; bottom:0px; width:100%; height:80px;  background:rgba(0,0,0,0.6); text-align:center; z-index:100001; }
.mMember .bar p { width:100%; height:40px; line-height:40px; color:#fff; text-align:center; font-size:125%; font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px; }
.mMember .bar > ul { width:100%; }
.mMember .bar > ul > li { float:left; width:50%; }
.mMember .bar > ul > li a:link,
.mMember .bar > ul > li a:visited { width:100%; height:40px; line-height:40px; color:#fff; text-align:center; display:inline-block; }
.mMember .bar > ul > li a:active,
.mMember .bar > ul > li a:focus,
.mMember .bar > ul > li a:hover { background:#5584b1; }


.mMember .slick-prev,
.mMember .slick-next { position:absolute; top:20px; width:27px; height:27px; border:none; line-height:0; font-size:0; cursor:pointer; display:block; z-index:1000; }

.mMember .slick-prev { right:82px; background:url(/images/main/member_btn_prev.gif) no-repeat; }
.mMember .slick-next { right:30px; background:url(/images/main/member_btn_next.gif) no-repeat; }


			/*자동실행버튼(재생,일시정지)*/
.mMember .btn_play2 { position:absolute; right:56px; top:20px; width:27px; height:27px; border:0; background:url(/images/main/member_btn_pause.gif) no-repeat; text-indent:-9999px; z-index:1001; }
.mMember .btn_play2.on { background:url(/images/main/member_btn_play.gif) no-repeat;  }



@media (min-width:1025px) and (max-width:1280px){
	
}

@media (min-width:769px) and (max-width:1024px){
	.mMember { width:calc(50% - 15px);  margin:0 0 30px 15px;  }
}

@media (max-width:768px){
	.mMember { width:100%; margin:0 0 15px 0;  }
}







/* 최근게시물 */
#newcontent { float:left; position:relative; width:/*620px*/calc(100% - 330px); height:300px; border:1px solid #ddd; border-radius:20px; box-sizing:border-box; background:#fff; }
#newcontent ul#mtabmenu { width:100%; height:70px; border-radius:20px 20px 0 0; background:#5584b1; z-index:11; }
#newcontent ul#mtabmenu li { float:left; width:120px; height:70px; }

#newcontent ul#mtabmenu li a:link,
#newcontent ul#mtabmenu li a:visited { width:100%; height:70px; line-height:70px; color:#fff; font-family:NotoSans-Medium, "본고딕 미디엄"; font-size:125%; text-align:center;  display:inline-block; }
#newcontent ul#mtabmenu li a:active,
#newcontent ul#mtabmenu li a:focus,
#newcontent ul#mtabmenu li a:hover,
#newcontent ul#mtabmenu li a.select { color:#000; background:#fff;  }


#newcontent ul#mtabmenu ul { position:absolute; left:0px; top:89px; width:100%; height:165px; display:none; overflow:visible; }
#newcontent ul#mtabmenu ul li { float:none; width:100%; height:38px; line-height:38px; padding:0 30px; box-sizing:border-box; font-size:85%; display:block; overflow:hidden; }

#newcontent ul#mtabmenu ul li .icon_new { position:relative; top:11px; padding:0 0 0 5px; display:inline-block; vertical-align:top; }

#newcontent ul#mtabmenu ul li a:link,
#newcontent ul#mtabmenu ul li a:visited { float:left; width:calc(100% - 103px); height:38px; line-height:38px; padding-left:13px; box-sizing:border-box; background:url(/images/main/blt_dot.gif) no-repeat 0 16px; color:#333; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; text-align:left; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }
#newcontent ul#mtabmenu ul li a:active,
#newcontent ul#mtabmenu ul li a:focus,
#newcontent ul#mtabmenu ul li a:hover { color:#ff8111; }

#newcontent ul#mtabmenu ul li span { float:left; width:103px; text-align:right; color:#888; font-size:120%; display:inline-block; }

#newcontent ul#mtabmenu ul li.more { position:absolute; top:-62px; right:25px; width:16px !important; height:16px !important; line-height:16px; padding:0; margin:0; border:none; background:none; z-index:12; }
#newcontent ul#mtabmenu ul li.more a { width:16px; height:16px; line-height:16px; margin:0; padding:0; background:none; display:block; }



@media (min-width:1025px) and (max-width:1280px){
	#newcontent { width:calc(100% - 660px); }
	#newcontent ul#mtabmenu li { width:33.3%; }
	#newcontent ul#mtabmenu ul li.more { display:none; }
}

@media (min-width:769px) and (max-width:1024px){
	#newcontent { width:100%; }
}


@media (max-width:768px){
	#newcontent { width:100%; }
	#newcontent ul#mtabmenu li { width:33.3%; }	
	#newcontent ul#mtabmenu li a:link,
	#newcontent ul#mtabmenu li a:visited { font-size:120%; }
	
	#newcontent ul#mtabmenu ul li { padding:0 15px; }
	
	#newcontent ul#mtabmenu ul li.more { display:none; }

}



/* 포토갤러리 : 홍보동영상 */
#photoVod { position:relative; width:100%; }
#photoVod ul#mtabmenu2 { width:300px; height:50px; z-index:11; margin:0 auto; }
#photoVod ul#mtabmenu2 > li { float:left; width:150px; height:50px; }
#photoVod ul#mtabmenu2 > li:first-child { background:url(/images/main/photoVod_bgline.gif) no-repeat right 10px; } 


#photoVod ul#mtabmenu2 > li > a:link,
#photoVod ul#mtabmenu2 > li > a:visited { width:100%; color:#333; font-family:NotoSans-Medium, "본고딕 미디엄"; font-size:145%; text-align:center; letter-spacing:-1px;  display:inline-block; }
#photoVod ul#mtabmenu2 > li > a:active,
#photoVod ul#mtabmenu2 > li > a:focus,
#photoVod ul#mtabmenu2 > li > a:hover,
#photoVod ul#mtabmenu2 > li > a.select { color:#254e7a; }

#photoVod ul#mtabmenu2 > li > a:active span,
#photoVod ul#mtabmenu2 > li > a:focus span,
#photoVod ul#mtabmenu2 > li > a:hover span,
#photoVod ul#mtabmenu2 > li > a.select span { padding:0 10px 10px 10px; border-bottom:3px solid #254e7a; }

#photoVod ul#mtabmenu2 .area { position:absolute; left:0px; right:0; top:67px; width:100%; height:300px; overflow:visible;display:none; }
#photoVod ul#mtabmenu2 .area ul { width:100%;  }
#photoVod ul#mtabmenu2 .area ul li { float:left; width:calc(25% - 21px); height:300px; background:#fff; font-size:70%; display:block; overflow:hidden; margin-right:28px; }
#photoVod ul#mtabmenu2 .area ul li:last-child { margin-right:0px; }

#photoVod ul#mtabmenu2 .area ul li a { position:relative; width:100%; height:auto; display:block; }
#photoVod ul#mtabmenu2 .area ul li .pic { position:relative; width:100%; height:0; padding-top:calc(205 / 305 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */  display:block; overflow:hidden; margin-bottom:19px; }

#photoVod ul#mtabmenu2 .area ul li .pic img { width:100%; }

#photoVod ul#mtabmenu2 .area ul li .playBtn { position:absolute; left:calc(50% - 25px); top:calc(50% - 25px); }

#photoVod ul#mtabmenu2 .area ul li .subject { width:100%; padding:0 15px; box-sizing:border-box; margin-bottom:5px;  }
#photoVod ul#mtabmenu2 .area ul li .subject a:link,
#photoVod ul#mtabmenu2 .area ul li .subject a:visited { width:100%; color:#333; font-family:NotoSans-Medium, "본고딕 미디엄"; font-size:160%; letter-spacing:-1px; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }
#photoVod ul#mtabmenu2 .area ul li .subject a:active,
#photoVod ul#mtabmenu2 .area ul li .subject a:focus,
#photoVod ul#mtabmenu2 .area ul li .subject a:hover { color:#ff8111; }

#photoVod ul#mtabmenu2 .area ul li .date { color:#888; font-size:145%; text-align:center; display:block; }

#photoVod ul#mtabmenu2 .area .more { position:absolute; right:0; top:-57px; }



@media (min-width:1025px) and (max-width:1280px){	
	#photoVod ul#mtabmenu2 .area ul li { height:auto; padding-bottom:30px;  }

}


@media (min-width:769px) and (max-width:1024px){	
	#photoVod ul#mtabmenu2 .area ul li { height:auto; padding-bottom:30px;  }
}


@media (max-width:768px){
	#photoVod ul#mtabmenu2 .photoBody { width:100%; overflow:auto; } 
	
	#photoVod ul#mtabmenu2 .area ul { width:1045px; }
	#photoVod ul#mtabmenu2 .area ul li { width:250px; height:auto; padding-bottom:30px; margin-right:15px; }	
	#photoVod ul#mtabmenu2 .area ul li:last-child { margin-right:0px; }	
	

}

@media (max-width:425px){	
	
}


/* 배너모음 */
.mbanner {	position:relative;	width:100%; height:50px; z-index:3; }
.mbanner h1 { float:left; width:102px; height:50px; line-height:50px; font-size:145%; color:#000; font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px; }
.mbanner .control {	float:left;	margin-top:15px; display:inline; }
.mbanner .control a { margin-left:-1px; display:inline-block; }
.mbanner .bannerarea { position:absolute; left:207px; top:0px;	width:calc(100% - 215px); height:50px; padding:0; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.mbanner .bannerarea ul { position:relative; width:1280px !important;	height:50px;  white-space: nowrap; overflow:hidden;}
.mbanner .bannerarea ul li { float:left; width:166px; height:50px; margin:0 5px; }
.mbanner .bannerarea ul li img { width:164px; height:48px; border:1px solid #ddd; }
.mbanner .more { position:absolute;	left:151px;	top:15px;}






/* 하단 */
#bottom .bottomLink { width:100%;  border-bottom:1px solid #336ba7; background:#254e7a;  }
#bottom .bottomLink > ul { width:1280px; height:50px; overflow:visible; margin:0 auto; }
#bottom .bottomLink > ul > li { float:left; position:relative; width:calc(33.3% - 1px); height:50px; border-right:1px solid #336ba7; }
#bottom .bottomLink > ul > li:first-child { width:calc(33.4% - 2px); border-left:1px solid #336ba7; }

#bottom .bottomLink > ul > li > a:link,
#bottom .bottomLink > ul > li > a:visited { width:100%; height:50px; line-height:50px; padding-left:20px; box-sizing:border-box; background:url(/images/inc/bottom_link_more.gif) no-repeat right top; color:#ccc; display:block; }
#bottom .bottomLink > ul > li > a:active,
#bottom .bottomLink > ul > li > a:focus,
#bottom .bottomLink > ul > li > a:hover { color:#fff; } 

#bottom .bottomLink ul li ul { position:absolute; left:0; bottom:50px; width:100%; height:180px; border:1px solid #16385b; background:#1d426a; box-sizing:border-box; overflow:auto; z-index:1000; display:none; }
#bottom .bottomLink ul li ul li { display:block; }
#bottom .bottomLink ul li ul li a:link,
#bottom .bottomLink ul li ul li a:visited { width:100%; height:30px; line-height:30px; padding-left:10px; box-sizing:border-box; color:#ccc; display:block; }
#bottom .bottomLink ul li ul li a:active,
#bottom .bottomLink ul li ul li a:focus,
#bottom .bottomLink ul li ul li a:hover { color:#fff; }



#bottom #bottomarea .bottomMenu { padding:40px 0 25px 0; }
#bottom #bottomarea .bottomMenu ul { width:100%; overflow:hidden; }
#bottom #bottomarea .bottomMenu ul li { float:left; padding:0 0 0 15px;  }
#bottom #bottomarea .bottomMenu ul li:after { position:relative; top:-2px; content:'|'; padding-left:16px; font-size:90%; color:#666; }
#bottom #bottomarea .bottomMenu ul li:first-child { padding-left:20px; }
#bottom #bottomarea .bottomMenu ul li.end:after { content:''; }

#bottom #bottomarea .bottomMenu ul li a:link,
#bottom #bottomarea .bottomMenu ul li a:visited { color:#ccc; }
#bottom #bottomarea .bottomMenu ul li a:active,
#bottom #bottomarea .bottomMenu ul li a:focus,
#bottom #bottomarea .bottomMenu ul li a:hover { color:#fff; }

#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:link,
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:visited { color:#ffd40c; }
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:active,
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:focus,
#bottom #bottomarea .bottomMenu ul li:nth-child(1) a:hover { color:#ff5918; }

#bottom #bottomarea address { color:#ccc; margin:0 0 10px 20px; }
#bottom #bottomarea address span { margin-right:20px; }

#bottom #bottomarea .copyright { font-size:90%; font-family:Arial, Helvetica, sans-serif; color:#ccc; margin:0 0 0 20px; } 

#bottom .topbtn { position:absolute; right:30px; bottom:30px; z-index:100001; }


@media (min-width:1025px) and (max-width:1280px){
	#bottom .bottomLink > ul { width:100%; }
}



@media (min-width:769px) and (max-width:1024px){
	#bottom .bottomLink > ul { width:100%; }
}


@media (max-width:768px){
	#bottom .bottomLink { display:none; }
	
	
	#bottom #bottomarea .bottomMenu { width:100%; text-align:center; font-size:95%; letter-spacing:-1px; }
	#bottom #bottomarea .bottomMenu ul li { float:none; display:inline; line-height:1.8;  }	
	
	#bottom #bottomarea address { color:#ccc; margin:0 0 10px 20px; }
	#bottom #bottomarea address span { margin-right:20px; }
	
	#bottom #bottomarea .copyright { font-size:90%; font-family:Arial, Helvetica, sans-serif; color:#ccc; margin:0 0 0 20px; } 
	
	#bottom #bottomarea .topbtn { position:absolute; right:0; bottom:0; }
}

@media (max-width:425px){
	#bottom #bottomarea address { text-align:center; margin:0 0 10px 0px; }
	#bottom #bottomarea address span:first-child { display:block; margin-bottom:5px;}
	#bottom #bottomarea address span { text-align:center; margin-right:20px; }
	
	#bottom #bottomarea .copyright { text-align:center;  margin:0; } 
	
	#bottom #bottomarea .topbtn { position:absolute; right:0; bottom:0; }
}

.vobj{width:640px; height:360px;}
#gtplayer {width:100%; height:100%; border:none; padding:0; margin:0}
span.livetext{display:none; background:#FF0031;color:#fff; font-style:italic; font-size:14px; vertical-align:middle; letter-spacing:0.05em; padding:2px 12px; border:4px; border-radius:12px;}

.vobj {
	width: 640px;
	height: 360px;
}

span.livetext {
	display: none;
	background: #FF0031;
	color: #fff;
	font-style: italic;
	font-size: 14px;
	vertical-align: middle;
	letter-spacing: 0.05em;
	padding: 2px 12px;
	border: 4px;
	border-radius: 12px;
}
span.vodtext {
	background: #0505c7;
	color: #fff;
	font-style: italic;
	font-size: 14px;
	vertical-align: middle;
	letter-spacing: 0.05em;
	padding: 2px 12px;
	border: 4px;
	border-radius: 12px;
	margin-left: 10px;
}