@charset "euc-kr";
@import url("http://www.imbc.com/commons/css/common2011v2.css");

/* base */
body		{text-align:center; background:#7cbee5;}
#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;}
#footer		{width:990px; margin:0 auto; text-align:center; clear:both; color:#111; margin-top:20px; height:80px;}

/* index */
#wrap{background:url(http://img.imbc.com/broad/tv/ent/dream2/images2/bgMain.jpg) no-repeat center 150px; background-size:1920px 1140px;}
#front{text-align:center; overflow:hidden; position:relative; top:143px;}
.mainInfo{margin-top:20px; position:relative; left:-15px;}
#content{height:589px; margin-top:228px; *margin-top:219px;}
.navBar{overflow:hidden; background:#ffe00a; height:33px;}
.navBar li{float:left;}
.navBar li span{font-size:1px; position:absolute; top:-50000px; line-height:1px;}
.navBar li.vod{background:url(http://img.imbc.com/broad/tv/ent/dream2/images2/btnMvod.jpg) no-repeat; width:85px; height:33px;}
.navBar li.board{background:url(http://img.imbc.com/broad/tv/ent/dream2/images2/btnMboard.jpg) no-repeat; width:95px; height:33px;}
.navBar li.vod a{display:block; width:85px; height:33px;}
.navBar li.board a{display:block; width:95px; height:33px;}
/*
.mediaWrap{width:299px; height:235px; overflow:hidden;}
#videoWrap{background:#000;}
*/
/* aside */
#aside{width:180px; padding:18px 9px 0 11px;}
#aside, #section{float:left;}
.aside{width:159px;}
.asideMenu{border-bottom:1px dotted #d4d4d4; color:#0086d6; font-weight:bold; line-height:28px; padding-left:13px; margin-bottom:5px;}
.last{border-bottom:none;}
.asideMenu a{color:#0086d6;}
.asideMlist li{color:#111; font-weight:normal; background:url(http://img.imbc.com/broad/tv/ent/dream2/images2/blick.jpg) no-repeat 4px 3px; padding-left:18px; line-height:20px; font-size:11px; letter-spacing:-1;}
.asideMlist li a{color:#111;}
.asideMlist li ul li{color:#b8b8b8; background:none; position:relative; left:-30px; line-height:17px;}
.asideMlist li ul li a{color:#3db800; text-decoration:underline; line-height:16px;}    

/**/
#section{padding:26px 0 0 22px; overflow:hidden; position:relative; width:760px; *width:810px;}
#section h2{color:#111; font-weight:bold; padding-bottom:8px; border-bottom:1px dotted #d4d4d4; margin-bottom:10px;}
#right_banner{position:absolute; top:20px; right:26px;}
.preview, .issue{float:left;}
#section .preview{width:315px; height:299px; position:relative;}
.issue{width:159px;}
.issue ul{width:100px; margin-left:29px;}
.issue ul li{height:132px;}
.issue ul li img{height:63px;}
.issue ul li span.txt{margin-top:5px; display:block;}
.issue ul li span.img a{border:1px solid #e6e6e6; height:63px; width:98px; text-align:center; overflow:hidden; display:block;}
.issue ul li a, .news ul li a{color:#222; line-height:16px;}
.news{clear:both; width:740px;}
.news ul{overflow:hidden;}
.news ul li{float:left; width:132px; margin-right:20px;}
.news ul li.last{margin-right:0;}
.news ul li img{height:84px;}
.news ul li span.txt{margin-top:10px; display:block;}
.news ul li span.img a{height:84px; width:129px; text-align:center; border:1px solid #634a35; overflow:hidden; display:block;}