@charset "euc-kr";

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

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

/* Type */
#container h1 		{position:absolute; left:0; top:0;}
#container h1 a 	{display:block; width:; height:;}
#container h1 span {position:absolute; width:0; height:0; overflow:hidden; text-indent:-5000px;}
hr 		{clear:both; display:none;}
em	 	{font-style:normal;}
#accessibility{position:relative; 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}
/* Layout */
body		{background:#d4f8fb url(http://img.imbc.com/broad/tv/culture/spdocu/images2/bg_main.jpg) no-repeat center 150px; text-align:center}
#wrap 		{width:100%; background:url(http://img.imbc.com/broad/tv/culture/spdocu/images2/bg_footer.gif) repeat-x bottom;}
#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; overflow:hidden; width:990px; margin:0 auto; padding-top:350px; text-align:left;}
.spot 		{z-index:10; position:relative; width:820px; height:33px;}
#content	{z-index:10; position:relative; overflow:hidden; width:820px; margin-bottom:50px; 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;}

/* program info */
.program_info_area {z-index:10; position:absolute; left:0; top:0; width:820px; height:33px; background:#fba94d;}
.program_info {z-index:20; display:block; position:absolute; right:20px; top:11px; font-size:11px; color:#fff; letter-spacing:-1px; line-height:130%;}
.program_info strong {font-size:11px; color:#fff;}

/* spot menu */
.spot_menu {z-index:20; position:absolute; left:0; top:0; width:180px; height:33px;}
.spot_menu a {display:inline-block; height:33px;}
.spot_menu a img {vertical-align:top;}

/* content section */
.content_section {overflow:hidden; width:799px; *width:820px; margin-bottom:10px; padding:0 0 0 19px; border:1px solid #e7e6e6; background:#fff; text-align:left;}

/* menu section */
.menu_section {float:left; width:140px; min-height:300px; height:auto !important; height:300px; margin:19px 19px 0 0;}
.menu_section ul {overflow:hidden; width:140px; margin-bottom:22px; padding-top:1px; background:url(http://img.imbc.com/broad/tv/culture/spdocu/images2/bg_dott.gif) repeat-x left top; text-align:left;}
.menu_section li {float:left; width:140px; height:28px; background:url(http://img.imbc.com/broad/tv/culture/spdocu/images2/bg_dott.gif) repeat-x left bottom;}
.menu_section li a {display:block; width:135x; *width:140px; height:22px; *height:28px; padding:7px 0 0 5px; font-size:12px; color:#333; font-weight:bold; letter-spacing:-1px; text-decoration:none; line-height:130%;}
.menu_section li a:hover {color:#333; text-decoration:none;}

/* vod section */
.vod_section {float:left; overflow:hidden; width:607px; *width:640px; padding:11px 12px 24px 20px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.vod_section .vod {overflow:hidden; width:607px;}
.vod_section h2 {height:21px; *height:33px; padding:6px 0 6px 0; font-size:12px; color:#003f95; font-weight:bold; letter-spacing:-1px;}
.vod_section .vod .img {float:left; width:192px; height:173px; margin-right:14px;}
.vod_section .vod .img img {width:190px; height:171px; border:1px solid #e6e6e6}
.vod_section .vod .pic {float:left; width:192px; height:173px; margin-right:14px;}
.vod_section .vod .pic img {width:190px; height:171px; border:1px solid #e6e6e6}
.vod_section .vod .text {float:left; overflow:hidden; width:401px; padding-top:2px;}
.vod_section .vod .text .title {overflow:hidden; width:401px; margin-bottom:3px; white-space:nowrap; text-overflow:ellipsis}
.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:#777; line-height:130%; text-decoration:none}
.vod_section .vod .text .content {font-size:11px; color:#777; line-height:1.55; text-decoration:none; white-space:normal}

/* twitter section */
.bofore_vod_section {float:left; overflow:hidden; position:relative; width:600px; *width:640px; padding:13px 18px 30px 21px; border-left:1px solid #e6e6e6; }
.bofore_vod_section h2 {height:21px; *height:33px; padding:6px 0 6px 0; font-size:12px; color:#003f95; font-weight:bold; letter-spacing:-1px;}
.bofore_vod_section .list_wrap {overflow:hidden; width:621px;}
.bofore_vod_section .list_wrap li {float:left; overflow:hidden; width:100px; margin-right:20px}
.bofore_vod_section .list_wrap li .img {width:95px; height:73px; margin-bottom:6px}
.bofore_vod_section .list_wrap li .img img {vertical-align:top; border:1px solid #e6e6e6}
.bofore_vod_section .list_wrap li .detail {overflow:hidden; width:95px; letter-spacing:-1px}
.bofore_vod_section .list_wrap li .detail a {position:relative; font-size:11px; color:#777; text-decoration:none}
.bofore_vod_section .list_wrap li .detail a:hover {text-decoration:none}