@charset "euc-kr";
@import url("http://www.imbc.com/broad/css/default.css");
/*
iMBC Web Design Team (http://imbc.co.kr/)
Author : Kwon, hyeok min 090622
E-mail : crossfire@imbc.co.kr
*/

/* Layout Selector */
body{background:#020202 url(http://img.imbc.com/broad/tv/drama/2009_friend/images/main_img.jpg) no-repeat center 150px;}
#wrap		{position:relative; width:100%; background:url(http://img.imbc.com/broad/tv/drama/2009_friend/images/bg_footer.gif) repeat-x bottom; text-align:center;}
#header		{z-index:30; position:relative; clear:both; width:100%; height:150px; background:#fff; text-align:center;}
.gnb		{z-index:30; width:990px; margin:0 auto;}
#container	{z-index:20; position:relative; width:990px; margin:0 auto; text-align:left;}
.spot		{z-index:10; position:relative; clear:both; width:830px; height:265px;}
.lnb		{z-index:10; position:absolute; left:195px; top:150px;}
.colgroup	{z-index:10; position:relative; float:left; width:830px; margin-bottom:35px;}
.snb		{z-index:10; position:relative; float:left; width:180px; height:auto; margin-top:-115px; text-align:left;}
#content	{z-index:20; position:relative; float:left; width:635px; background:url(http://img.imbc.com/broad/tv/drama/2009_friend/images/main_mid.gif) repeat-y 0 0; text-align:left; overflow-x:hidden; }
#footer		{z-index:10; clear:both; width:100%; height:163px;}
#Adcode		{top:0 !important;}

/* Default Class Selector */
h1{position:absolute; top:0; left:0;}
h1 a{display:block; width:270px; height:150px; font:0/0 Sans-serif; text-indent:-2000px; ovrflow:hidden;}
h2{display:inline-block; width:100%;  height:60px; background:url(http://img.imbc.com/broad/tv/drama/2009_friend/images/h2_bg.jpg) no-repeat 0 0; text-align:left;}
h2 img{display:block; margin:12px 0 0 67px}

/* Sub Main Selector */
.mainContent{ *height:660px; min-height:625px; padding-bottom:35px; background:url(http://img.imbc.com/broad/tv/drama/2009_friend/images/main_btm.gif) no-repeat 0 bottom; text-align:center}

/* Side Menu Class Selector */
.sideMenu{margin-bottom:35px;}

.select_list{clear:both; width:131px; margin:0 auto; *margin:0; margin-left:31px;}
.select_list li{width:100%; float:left; margin-bottom:5px;}

/* Class Selector */
#2008_vod_table{width:585px !important;}
.program_info{position:absolute; right:0; top:0;}

#list_event{display:inline; float:left; width:585px; height:54px; padding:4px 0 0 8px; margin-left:25px; margin-bottom:15px; background:url(http://img.imbc.com/broad/tv/drama/images/event_bg.jpg) no-repeat;}
  #list_event a{display:block; width:91px; height:27px; font:0/0 Sans-serif; text-indent:-2000px}
  #list_event li{float:left; margin-right:19px;}
    #list_event li.eve_nav1 a{background:url(http://img.imbc.com/broad/tv/drama/images/event_menu1_off.jpg) no-repeat;}
    #list_event li.eve_nav2 a{background:url(http://img.imbc.com/broad/tv/drama/images/event_menu2_off.jpg) no-repeat;}
    #list_event li.eve_nav3 a{background:url(http://img.imbc.com/broad/tv/drama/images/event_menu3_off.jpg) no-repeat;}
    #list_event li.eve_nav1 a:hover, .eve_nav1_on a{background:url(http://img.imbc.com/broad/tv/drama/images/event_menu1_on.jpg) no-repeat;}
    #list_event li.eve_nav2 a:hover, .eve_nav2_on a{background:url(http://img.imbc.com/broad/tv/drama/images/event_menu2_on.jpg) no-repeat;}
    #list_event li.eve_nav3 a:hover, .eve_nav3_on a{background:url(http://img.imbc.com/broad/tv/drama/images/event_menu3_on.jpg) no-repeat;}
.event_bx{width:585px; margin-left:auto; margin-right:auto; text-align:center;}