@charset "euc-kr";

/* IMBC Web Operation Division, Lee gil hwan */ 

@import url("http://www.imbc.com/broad/css/default.css");

/* Type */
h1 		{position:absolute; left:0; top:0;}
h1 a 	{display:block; width:; height:;}
h1 span {position:absolute; width:0; height:0; overflow:hidden; text-indent:-5000px;}
hr 		{clear:both; display:none;}
em	 	{font-style:normal;}

/* Layout */
body		{background:#e3e3e3 url(http://img.imbc.com/broad/tv/culture/environment/images/bg_main_x.gif) repeat-x center 150px; text-align:center; font-size:75%;}
#wrap 		{width:100%; background:url(http://img.imbc.com/broad/tv/culture/environment/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; position:relative; width:990px; margin:0 auto; text-align:left;}
#container	{z-index:20; position:relative; width:990px; margin:0 auto; text-align:left;}
#content	{z-index:10; position:relative; overflow:hidden; width:820px; background:none; text-align:left;}
#footer		{z-index:10; clear:both; width:100%;}
#Adcode		{top:0 !important;}

/* Class */
.skip_navi {display:none;}
.display_none {display:none;}

/* flash */
.flash {width:820px; height:400px;}

/* spot */
.spot {position:relative; width:801px; *width:820px; height:22px; *height:33px; padding:11px 19px 0 0; background:#e0e0e0; text-align:right;}
.spot p {float:right; font-size:11px; color:#717171; letter-spacing:-1px; line-height:135%;}
.spot ul {position:absolute; left:0; top:0; width:180px; height:33px;}
.spot ul li {float:left;}

/* article */
.article {overflow:hidden; width:799px; *width:820px; margin: 0 0 50px 0; padding:0 0 0 19px; border:1px solid #e6e6e6;  background:#fff;}

/* menu section */
.menu_section {float:left; overflow:hidden; width:140px; margin:19px 19px 0 0; padding-top:1px; background:url(http://img.imbc.com/broad/tv/culture/environment/images/bg_menu_dott.gif) repeat-x left top; text-align:left;}
.menu_section ul {overflow:hidden; width:140px; margin-bottom:14px;}
.menu_section ul li {float:left; width:135px; *width:140px; height:22px; *height:28px; padding:6px 0 0 5px; line-height:120%; background:url(http://img.imbc.com/broad/tv/culture/environment/images/bg_menu_dott.gif) repeat-x left bottom; line-height:1em;}
.menu_section ul li a {font-size:12px; color:#333; font-weight:bold; letter-spacing:-1px; text-decoration:none;}
.menu_section ul li a:hover {text-decoration:none;}
.menu_section p {font-size:11px; color:#777; letter-spacing:-1px; line-height:16px;}

/* vod section */
.vod_section {float:left; overflow:hidden; width:580px; *width:620px; padding:11px 19px 25px 20px; border-left:1px solid #e6e6e6;}
.vod_section h2 {height:21px; *height:27px; padding:6px 0 0 0; font-size:12px; color:#446380; font-weight:bold; letter-spacing:-1px;}
.vod_section .vod {overflow:hidden; width:600px;}
.vod_section .vod .img {float:left; width:192px; height:173px; margin-right:15px;}
.vod_section .vod .text {float:left; overflow:hidden; width:393px; padding-top:2px;}
.vod_section .vod .text .title {margin-bottom:3px;}
.vod_section .vod .text .title a {font-size:14px; color:#333; font-weight:bold; line-height:130%; text-decoration:none}
.vod_section .vod .text .date {margin-bottom:4px;}
.vod_section .vod .text .date a {font-size:11px;; color:#3975ac; line-height:130%; text-decoration:none}
.vod_section .vod .text .content { font-size:12px; color:#777; line-height:18px; text-decoration:none; white-space:normal}
.vod_section .vod .text .content:first-line {color:red;}