@charset "euc-kr";

/* base */
body		{text-align:center}
#wrap 		{z-index:10; width:100%;}
#header		{z-index:30; position:relative; width:100%; height:150px; background:#090818; 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;}
#Adcode		{display:none !important;}
#footerWrap{width:100%; background:#fff; text-align:center;}
#footer{width:990px !important; margin:0 auto; text-align:center; height:50px; clear:both; color:#7d7d7d;}

button{background:none; border:none; margin:0; padding:0;}

body#main {background:#0a0a0a url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/bg_main.jpg") no-repeat center 150px; background-size:1920px 945px;}
#main  #wrap{padding-bottom:42px;}
#main #logo{text-indent:-5000px; position:absolute; top:27px; left:0px; z-index:30;}
#main #logo a{background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/h1.png") no-repeat; width:331px; height:112px; display:block;}

#ad{position:absolute; top:0; right:0; width:160px;}

.time{color:#fff; padding-top:50px; text-align:right; padding-right:173px; letter-spacing:-1.3; word-spacing:-1.2; }
#main #visual_area {width:800px; height:519px; z-index:10; overflow:hidden; margin-left:100px;}
#visual_area ul{width:4014px; margin:13px 0 0 80px;}
#main #visual_area li{float:left;}
#main #frame {position:absolute; top:63px; left:0; width:990px; height:595px;}
#main #btn {position:absolute; bottom:265px; left:790px; width:100px; height:30px; z-index:50;}
#main #btn .play,
#main #btn .stop {width:15px; height:15px; padding-right:3px; cursor:pointer;}  

#main #content{width:630px; margin-left:188px; top:-38px;}

#main#nav {position:absolute: top:0; left:0;}
#main #nav ul {overflow:hidden; background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/content_bar.png") no-repeat center 55px;}
#main #nav li {overflow:hidden; float:left; width:150px; height:46px;}
#main #nav li a {width:150px; height:46px;  display:block; line-height:9999px;}
#main #nav .drama {margin-right:10px; background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/btn_menu.png") no-repeat 0 0;}
#main #nav .drama a:hover {background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/btn_menu.png") no-repeat 0  -46px;}
#main #nav .vod {margin-right:10px; background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/btn_menu.png") no-repeat -160px 0;}
#main #nav .vod a:hover {background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/btn_menu.png") no-repeat -160px -46px;}
#main #nav .photo {margin-right:10px; background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/btn_menu.png") no-repeat -317px 0;}
#main #nav .photo a:hover {background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/btn_menu.png") no-repeat -317px -46px;}
#main #nav .winner { background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/btn_menu.png") no-repeat -477px 0;}
#main #nav .winner a:hover { background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/btn_menu.png") no-repeat -477px -46px;}
#main #nav .couple {width:310px; height:133px; margin-top:20px;  margin-right:7px; background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/best_couple.jpg") no-repeat left top;}
#main #nav .couple a, 
#main #nav .popular a {width:310px; height:133px; display:block;}
#main #nav .popular {width:310px; height:133px; margin-top:20px; background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/popular.jpg") no-repeat left top;}

#main #couple {position:absolute; top:93px; left:165px; width:119px; height:80px;}
#main #couple img {width:118px; height:80px;}
#main #popular {position:absolute; top:93px; right:39px; width:118px; height:80px;}
#main #popular img {width:119px; height:80px;}
#main .thanx {text-align:right; padding:12px 5px 0 0;}
#main .thanx img {padding-top:10px;}
#main #couple .fade,
#main #popular .fade {position:relative; width:119px; height:80px}
#main #couple .fade li,
#main #popular .fade li{position:absolute; top:0px; left:0px;width:119px; height:80px;  opacity:0; filter:alpha(opacity=0)}

/*sub*/
body#sub {background:#0a0a0a url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/bg_sub.jpg") no-repeat center 150px; background-size:1920px 945px;}

#sub #logo{text-indent:-5000px; position:absolute; top:8px; left:0px; z-index:30;}
#sub #logo a{background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/h1_sub.png") no-repeat; width:139px; height:57px; display:block;}

#sub #nav {float:left; width:170px; margin-top:10px; }
#sub #nav ul {overflow:hidden; background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/content_bar.png") no-repeat center 55px;}
#sub #nav li { width:150px; height:17px; text-align:left; margin:10px 0;}
#sub #nav li a {width:150px; height:17px;  display:block; text-indent:-5000;}
#sub #nav .drama {background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/menu_01.png") no-repeat right top;}
#sub #nav .vod { background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/menu_05.png") no-repeat right top;}
#sub #nav .photo { background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/menu_06.png") no-repeat right top;}
#sub #nav .winner { background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/menu_04.png") no-repeat right top;}
#sub #nav .couple {background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/menu_02.png") no-repeat right top;}
#sub #nav .couple a, 
#sub #nav .popular a {display:block;}
#sub #nav .popular { background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/menu_03.png") no-repeat right top;}

#sub #container {overflow:hidden;  background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/bg_line.png") no-repeat left bottom; margin-bottom:50px;}
#sub #content {width:830px; overflow:hidden; margin-top:6px; *margin-top:13px; margin-bottom:4px;}
#sub #section {float:right;width:659px; overflow:hidden; background:#fff url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/bgBottom_sec.jpg") repeat-x left bottom; padding-bottom:60px;}
#sub #section h2 {width:641px; *width:659px; padding:15px 9px 0 9px; background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/bgsection_h2.jpg") repeat-x left top;}
#sub #context {width:644px; overflow:hidden; background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/bg_context.jpg") repeat-y left top;}

#sub #context p.dra {width:644px; height:211px;float:left; overflow:hidden;}
.dramaList {float:left; width:644px; margin-top:-4px; overflow:hidden;  padding:35px 0 50px 39px; background:url("http://img.imbc.com/broad/tv/ent/event/2012mbc/images/bg_dramaSE.jpg") repeat-y left bottom;  }
.dramaList li {float:left;  letter-spacing:-1.2; margin-bottom:25px; margin-left:12px; margin-right:28px}
.dramaList li dl {width:250px; overflow:hidden;}
.dramaList li dt { margin-right:10px; width:250px; height:158px; }
.dramaList li dt a {width:250px; height:158px;}
.dramaList li dd { line-height:1.5;  text-align:center !important;}
.dramaList li dd.title span {font-weight:bold; color:#bf6e18; text-align:center !important;}
.dramaList li dd.title {padding-top:3px;width:250px; color:#3c4043; font-weight:bold; text-align:center !important;}
.txt_info {padding-right:10px; height:25px; line-height:25px; color:#555; text-align:right; font-weight:bold}