@charset "euc-kr";
@import url("http://www.imbc.com/commons/css/common2011v2.css");
/* ------------------------------------------------------------------------------------------------------------
MBC ¿¹´É '¸¸È­¸¶´ç' | Screen Style Sheet [for Home] | iMBC UI Developer ±è¼±ÇÊ [11.09.  ]
------------------------------------------------------------------------------------------------------------ */
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);}
#wrap	{width:100%; text-align:center; background:url(http://img.imbc.com/broad/tv/ent/mbcani/images/bg_footerBar.gif) repeat-x left bottom;}
#content {float:left; width:735px; margin-right:5px}
#spot {position:relative; width:100%; height:200px; overflow:hidden; background:url(http://img.imbc.com/broad/tv/ent/mbcani/images/spotImage.png) no-repeat 0 0}
#spot h2 {width:170px; height:175px; position:absolute; left:278px; top:0;}
#spot h2 a {display:block; height:175px; text-indent:-5000em;}

#formalBar {background:url(http://img.imbc.com/broad/tv/ent/mbcani/images/bg_formalBarSub.png) no-repeat; height:50px}
#formalBar ul {float:left; width:130px; height:50px;}
#formalBar ul li {float:left; height:25px; width:130px;}
#formalBar ul li a {display:block; font-weight:bold; padding-top:8px; padding-left:17px; color:#fff; line-height:1}
#formalBar p {text-align:right; color:#26211a; font-size:11px; font-weight:bold; padding-right:20px; line-height:50px; letter-spacing:-1px}

#columnWrapper {background:url(http://img.imbc.com/broad/tv/ent/mbcani/images/bg_section.jpg) repeat-y; margin-bottom:35px}
#columnOuter {background:url(http://img.imbc.com/broad/tv/ent/mbcani/images/bg_section_tail.png) no-repeat left bottom;}
#sidebar {float:left; width:130px; overflow:hidden; padding-top:20px;}
#sidebar .byDay {margin:0 11px 30px 14px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:10px 0}
#sidebar .byDay li {padding-left:27px; background:left center no-repeat; margin-bottom:3px;}
#sidebar .byDay li.mon {background-image:url(http://img.imbc.com/broad/tv/ent/mbcani/images/icon_mon.gif);}
#sidebar .byDay li.tu {background-image:url(http://img.imbc.com/broad/tv/ent/mbcani/images/icon_tu.gif);}
#sidebar .byDay li.wed {background-image:url(http://img.imbc.com/broad/tv/ent/mbcani/images/icon_wed.gif)}
#sidebar .byDay li.thu {background-image:url(http://img.imbc.com/broad/tv/ent/mbcani/images/icon_thu.gif)}
#sidebar .byDay li a {display:block; line-height:19px; color:#5c5c5c; letter-spacing:-1px}
#sidebar .infoMenu {margin-left:13px}
#sidebar .infoMenu li {width:107px; height:34px; margin-bottom:2px; background:no-repeat}
#sidebar .infoMenu li.onair {background-image:url(http://img.imbc.com/broad/tv/ent/mbcani/images/btn_onairSub.png);}
#sidebar .infoMenu li.offair {background-image:url(http://img.imbc.com/broad/tv/ent/mbcani/images/btn_offairSub.png)}
#sidebar .infoMenu li a {display:block; height:34px; text-indent:-5000em}

#section {float:left; width:595px; *width:605px;}
#section h2 {height:37px; *height:50px; padding-top:13px; padding-left:10px; color:#393939; font-size:18px; font-weight:bold}
.context {width:585px; padding:0 10px 20px}
.programInfo {width:565px; margin-bottom:15px}
.programInfo ul {height:64px; background:url(http://img.imbc.com/broad/tv/ent/mbcani/images/bg_programTab.gif) no-repeat left bottom; overflow:hidden;}
.programInfo li {float:left; width:149px; height:32px; margin-right:3px; background:url(http://img.imbc.com/broad/tv/ent/mbcani/images/bg_pTab_off.gif) no-repeat left top}
.programInfo li.on {background-image:url(http://img.imbc.com/broad/tv/ent/mbcani/images/bg_pTab_on.gif); background-color:#f0f5f9}
.programInfo li a {display:block; height:29px; text-align:center; color:#8e8e8e; font-weight:bold; line-height:29px;}
.programInfo li.on a {color:#39709c}
.programInfo .program {position:relative; width:545px; *width:565px; height:123px; *height:152px; padding-top:29px; padding-right:20px; background:url(http://img.imbc.com/broad/tv/ent/mbcani/images/bg_programInfo.gif) no-repeat left top}
.programInfo .program img {float:left; margin-left:17px; width:128px; height:97px; border:1px solid #bbb}
.programInfo .program h4 {padding-left:165px; padding-top:10px; font-weight:bold; color:#2e2e2e; font-size:14px;}
.programInfo .program p {padding-left:165px; padding-top:15px; color:#2e2e2e; font-size:12px}
.programInfo .program a {position:absolute; width:77px; height:25px; background:url(http://img.imbc.com/broad/tv/ent/mbcani/images/btn_openDetail.gif) no-repeat left top; text-indent:-5000em; left:467px; top:75%}

.endAni {position:relative; width:568px; *width:570px; padding-bottom:40px; border:1px solid #c5d1af; margin-bottom:14px; overflow:hidden;}
.endAni .thumb {float:left; width:160px; height:120px; border:1px solid #c5d1af; margin-top:26px; margin-left:11px}
.endAni dl {*width:100%; padding-left:25px; margin-top:23px; overflow:hidden;}
.endAni dt {float:left; clear:both; width:53px; *width:55px; margin-bottom:5px; padding-right:2px; height:13px; background:no-repeat right center; line-height:13px; margin-right:5px}
.endAni dd {float:left; width:290px; line-height:13px; margin-bottom:5px}
.endAni .btn {display:block; position:absolute; right:10px; bottom:20px; width:116px; height:18px; text-align:right;}
.paging {text-align:center; height:19px;}
.paging a {vertical-align:middle}


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

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

/* ºÒ·® ÅÛÇø´ Fix */
#2008_vod_table {width:565px !important; overflow:hidden}

/* @ 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}