@charset "utf-8";


/* 레이아웃 */
#yytvwrap { min-width:1280px; width:100%; }
#top { position:relative; width:100%; height:167px; border-bottom:1px solid #133557; background: url(/live/images/top_bg.gif) repeat-x; }
	#toparea { position:relative; width:1280px; height:167px; margin:0 auto; overflow:visible } 
	
#container { position:relative; width:100%; background:url(/live/images/container_bg.gif);  z-index:2; }	
	.containerarea { width:1280px; padding:50px 0 80px 0; overflow:hidden;margin:0 auto; }
	
	
#bottom { width:100%; background:#444; border-top:1px solid #222;  }
	#bottomarea { position:relative; width:1280px; padding:40px 0 70px 0; margin:0 auto; z-index:3; }
	


/* 타이틀 */
#top h1.title { position:absolute; left:calc(50% - 184px); top:71px; }



/* 외부 링크 */
.underLink { position:relative; float:left; }
.underLink > ul { overflow:hidden; border-left:1px solid #0f2943; }
.underLink > ul li { float:left; height:50px; border-right:1px solid #0f2943; }
.underLink > ul li a:link,
.underLink > ul li a:visited { width:120px; height:50px; line-height:50px; text-align:center; color:#ccc; 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:#1c4c75; color:#ffc000; }




/* sidemenu */
.sidemenu { float:right; }
.sidemenu ul { border-left:1px solid #0f2943; overflow:hidden; }
.sidemenu ul li { float:left; width:50px; height:50px; border-right:1px solid #0f2943; }
.sidemenu ul li a:link,
.sidemenu ul li a:visited { display:block; }
.sidemenu ul li a:active,
.sidemenu ul li a:focus,
.sidemenu ul li a:hover { background:#1c4c75; }





/* 메인플레이어 */
.mainPlayer { float:left; width:800px; margin-right:50px; }
.mainPlayer h1 { width:100%; height:35px; padding-left:27px; box-sizing:border-box; background:url(/live/images/blt_subject.png) no-repeat 0 6px; color:#000; font-size:125%;  }
.mainPlayer .vodarea { width:100%;  background:#fff; }

.mainPlayer .vodarea .video { width:100%; height:450px; background:#333; }
.mainPlayer .vodarea .video2 { display:none; }




/* 비주얼 */
.mvisible { float:right; width:430px; height:320px; padding-top:28px; border:1px solid #ddd; border-bottom:none; box-sizing:border-box; background:#fff url(/live/images/visible_bg.jpg) no-repeat right bottom; text-align:center; letter-spacing:-1px; margin-top:35px; }
.mvisible .txt1 { color:#333; font-family:NotoSans-Medium, "본고딕 미디엄"; font-size:100%; margin:0px 0 -8px 0;}
.mvisible .txt2 { color:#000; font-family:NotoSans-Medium, "본고딕 미디엄"; font-size:210%; margin-bottom:2px;}
.mvisible .txt3 { color:#555; font-size:90%; }

dl.notice { float:right; width:430px; height:130px; padding:15px; border:1px solid #ddd; background:#fff; box-sizing:border-box; }
dl.notice dt { width:100%; padding-bottom:5px; border-bottom:1px dashed #eee; font-weight:bold; font-size:110%; color:#ee5f08; text-align:center; margin-bottom:5px; }
dl.notice dd { padding:3px 0 3px 35px; color:#555; font-size:95%;  }
dl.notice dd a:link,
dl.notice dd a:visited { color:#333; }
dl.notice dd a:active,
dl.notice dd a:focus,
dl.notice dd a:hover { color:#1757b7; }
dl.notice dd span { font-weight:bold; color:#ee5f08; padding-right:8px; }
dl.notice dd a { width:75px; height:20px; line-height:20px; border-radius:3px; background:#078ff3; color:#fff !important; font-size:85%; text-align:center; display:inline-block; margin-left:20px; }


/* 하단 */
#bottom #bottomarea address { color:#fff; margin:0 0 7px 10px; }
#bottom #bottomarea address span { margin-right:20px; }

#bottom #bottomarea .copyright { color:#fff; font-size:90%; margin-left:10px; } 

#bottom #bottomarea .topbtn { position:absolute; right:0; top:0; z-index:10; }