@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:url(http://img.imbc.com/broad/tv/culture/happytrain/images/bg_main_x.gif) repeat-y center; text-align:center; font-size:75%;}
#wrap_outer {width:100%; background:url(http://img.imbc.com/broad/tv/culture/happytrain/images/bg_main.jpg) no-repeat 50% 150px;}
#wrap 		{width:100%; background:url(http://img.imbc.com/broad/tv/culture/happytrain/images/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:#0089a3;}
.program_info {z-index:20; display:block; position:absolute; right:20px; top:11px; font-size:11px; color:#e6f3f6; letter-spacing:-1px; line-height:130%;}
.program_info strong {font-size:11px; color:#e6f3f6;}

/* 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; overflow:hidden; width:140px; margin:19px 19px 0 0;}
.menu_section ul {overflow:hidden; width:140px; margin-bottom:13px; padding-top:1px; background:url(http://img.imbc.com/broad/tv/culture/happytrain/images/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/happytrain/images/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;}

/* staff */
.staff {float:left; overflow:hidden; width:140px;}
.staff p {font:11px/1.4 Dotum; color:#777; letter-spacing:-1px;}
.staff .indent {padding-left:27px;}

/* vod section */
.vod_section {float:left; overflow:hidden; width:607px; *width:640px; padding:11px 12px 24px 20px; border-left:1px solid #e6e6e6;}
.vod_section h2 {height:21px; *height:33px; padding:6px 0 6px 0; font-size:12px; color:#0084a3; font-weight:bold; letter-spacing:-1px;}
.vod_section .vod {position:relative; overflow:hidden; width:607px;}
.vod_section .vod .img {float:left; width:192px; height:144px; margin-right:14px;}
.vod_section .vod .text {float:left; overflow:hidden; width:400px; 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:#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}

/* request section */
.request_section {float:left; overflow:hidden; width:190px; *width:229px; padding:11px 19px 0 20px;}
.request_section h2 {height:21px; *height:33px; padding:6px 0 6px 0; font-size:12px; color:#0084a3; font-weight:bold; letter-spacing:-1px;}
.request_section .request_box {overflow:hidden; position:relative; width:160px; *width:190px; padding:14px 19px 10px 11px; margin:0 auto; border:1px solid #e8e8e8; background:#b5e4d4; font:12px/1.5 Dotum; color:#777; letter-spacing:-1px;}
.request_section .request_box a, .request_section .request_box a:hover {position:relative; font:12px/1.5 Dotum; color:#777; text-decoration:none;}

.re_list_cmt3 {position:absolute; left:0; top:0;}