@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:318px; top:58px;}
hr 		{clear:both; display:none;}
em	 	{font-style:normal;}

/* Layout */
body		{background:url(http://img.imbc.com//broad/tv/culture/livingtogether/images/main_bg.jpg) repeat 50% 0; text-align:center;}
#wrap {overflow:hidden; text-align:center;}
#container	{z-index:20; position:relative; overflow:hidden; width:990px; margin:0 auto; padding-top:320px; text-align:left;}
.spot 		{z-index:10; position:relative; width:990px; height:33px;}
#content	{z-index:10; position:relative; overflow:hidden; width:990px; margin-bottom:50px; background:#fff; text-align:left;}
.footer-wrap {overflow:hidden; width:100%; background:#fff;}
.footer {overflow:hidden; width:990px; margin:0 auto;}
#Adcode		{top:0 !important;}
#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}
/* Class */
.skip_navi {display:none;}
.display_none {display:none;}

/* program info */
.program_info_area {z-index:10; position:absolute; left:0; top:0; width:990px; height:33px; background:#46352b;}
.program_info {z-index:20; display:block; position:absolute; right:20px; top:11px; font-size:11px; color:#f1f0f0; letter-spacing:-1px; line-height:130%;}
.program_info strong {font-size:11px; color:#f1f0f0;}

/* 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; padding:0 0 0 19px; border:1px solid #e7e6e6; background:#fff; text-align:left;}

/* menu section */
.menu_section {float:left; overflow:hidden; width:141px; *width:161px; padding:19px 19px 0 0; border-right:1px solid #e6e6e6;}
.menu_section ul {overflow:hidden; width:140px; margin-bottom:15px; padding-top:1px; background:url(http://img.imbc.com/broad/tv/culture/together2/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/together2/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.title {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.title ul {background:none; margin-bottom:10px;}
.menu_section li.title ul li {background:none; font-weight:200; height:18px;}
.menu_section li.title ul li a {background:none; font-weight:200; height:18px; padding-top:3px !important;}
.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; position:relative; padding:44px 12px 0 20px;}
.vod_section .vod {overflow:hidden; width:607px;}
.vod_section .vod .img {position:absolute; left:0; top:0; width:192px; height:144px}
.vod_section .vod .text {overflow:hidden; position:relative; width:318px; *width:524px; padding:2px 0 0 206px;}
.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; font-size:11px;; color:#777; line-height:130%; font-weight:bold;}
.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}
.vod_section .vod .text .content a {text-decoration:none; font-size:11px; color:#777;}

#ad250 {position:absolute; top:55px; right:17px;}
.institution_link img {margin:70px 0 20px 0;}
#f_copyright {color:#191919;}

.btn-like-program-wrap {position:absolute; top:10px; right:10px; z-index:999;}