@charset "euc-kr";
@import url("http://www.imbc.com/commons/css/common2011v2.css");
/* ------------------------------------------------------------------------------------------------------------
MBC ¿¹´É '¸¸È­¸¶´ç' | Screen Style Sheet [for Home] | iMBC UI Developer ±è¼±ÇÊ [11.09. 01]
------------------------------------------------------------------------------------------------------------ */
body {text-align:center;}
#wrap {z-index:10; width:100%;}
#header {z-index:30; position:relative; width:100%; height:150px; background:#fff; text-align:center;}
.gnb {z-index:30; position:relative; width:990px; margin:0 auto; text-align:left;}
#container {z-index:10; position:relative; width:990px; margin:0 auto; text-align:left}
#content {z-index:30; position:relative;}
#f_copyright{z-index:10; clear:both; width:100%; text-align:center;}
#Adcode	{display:none !important;}


body {background:url(http://img.imbc.com/broad/tv/ent/mbcani/images/bg_pattern.png);}
#outer {background:url(http://img.imbc.com/broad/tv/ent/mbcani/images/bg_whiteBar.gif) repeat-x left bottom}
#wrap	{width:100%; text-align:center; background:url(http://img.imbc.com/broad/tv/ent/mbcani/images/bg_home.png) no-repeat 50% 150px; -webkit-background-size:1258px 350px}

#front {position:relative; width:100%; height:434px; overflow:hidden; background:url(http://img.imbc.com/broad/tv/ent/mbcani/images/logo.png) no-repeat 0 0}
#front .mon {position:absolute; width:297px; height:199px; left:280px; top:10px}
#front .tu {position:absolute; width:412px; height:199px; left:580px; top:10px}
#front .wed {position:absolute; width:506px; height:197px; left:0; top:222px}
#front .thu {position:absolute; width:473px; height:197px; left:519px; top:222px}

#formalBar {background:url(http://img.imbc.com/broad/tv/ent/mbcani/images/bg_formalBar.png) no-repeat; height:35px}
#formalBar ul {float:left; width:180px; height:35px;}
#formalBar ul li {float:left; height:35px;}
#formalBar ul li.vodlist {width:86px}
#formalBar ul li.opinion {width:94px}
#formalBar ul li a {display:block; width:100%; height:35px; text-indent:-5000em; background:url(http://img.imbc.com/bg_blank.gif)}
#formalBar p {text-align:right; color:#141414; font-size:11px; font-weight:bold; padding-right:20px; padding-top:5px; line-height:30px; letter-spacing:-1px}

#content {height:291px; background:url(http://img.imbc.com/broad/tv/ent/mbcani/images/bg_content.png) no-repeat}

#nav {float:left; width:180px; padding-top:20px; overflow:hidden}
#nav .byDay {margin:0 20px 30px; border-top:1px solid #cdd8d8; border-bottom:1px solid #cdd8d8; padding:10px 0 10px 9px}
#nav .byDay li {padding-left:27px; height:19px; background:left center no-repeat; margin-bottom:3px; letter-spacing:-1px;}
#nav .byDay li.mon {background-image:url(http://img.imbc.com/broad/tv/ent/mbcani/images/icon_mon.gif)}
#nav .byDay li.tu {background-image:url(http://img.imbc.com/broad/tv/ent/mbcani/images/icon_tu.gif)}
#nav .byDay li.wed {background-image:url(http://img.imbc.com/broad/tv/ent/mbcani/images/icon_wed.gif)}
#nav .byDay li.thu {background-image:url(http://img.imbc.com/broad/tv/ent/mbcani/images/icon_thu.gif)}
#nav .byDay li a {display:block; line-height:19px; color:#5c5c5c}
#nav .infoMenu {margin-left:16px}
#nav .infoMenu li {width:148px; height:40px; margin-bottom:5px; background:no-repeat}
#nav .infoMenu li.onair {background-image:url(http://img.imbc.com/broad/tv/ent/mbcani/images/btn_onair.png)}
#nav .infoMenu li.offair {background-image:url(http://img.imbc.com/broad/tv/ent/mbcani/images/btn_offair.png)}
#nav .infoMenu li a {display:block; height:40px; text-indent:-5000em}

#section {position:relative; float:left; width:810px; padding-top:10px}
#recentAir {float:left; margin-left:20px; width:515px; margin-right:10px}
#recentAir h3 {margin-top:10px; height:35px; color:#222; font-size:16px; font-weight:bold;}
#recentAir .video {float:left; width:208px; height:157px;}
#recentAir .info {padding-left:228px; margin-right:25px}

.rectangle_banner {float:left; width:250px}

#f_copyright	{height:53px; padding-top:50px; *height:103px; color:#1a1818;}

/* @ Accessibility */
#accessibility{z-index:9999; text-align:left; position:absolute; top:0; left:0; width:100%}
#accessibility a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-1000px; z-index:500; font-size:12px}
#accessibility a:focus, #accessibility a:active{position:absolute; top:0; height:40px; font-weight:bold; font-size:12px; color:#000; z-index:1000; background:#efefef; line-height:40px}