@charset "euc-kr";
/* @ Lyaout */
body {text-align:center;}
.wrapper {overflow:hidden; width:100%}
#header {width:100%; height:150px}
#header .gnb {width:990px; margin:0 auto; text-align:left}
.page-content-layout {position:relative; width:990px; margin:0 auto; text-align:left; overflow:hidden;}
.page-footer {}
/* @ Skip Navi */
.sknavi {display:block; z-index:1000; position:absolute; top:-500px; text-decoration:none; color:#000}
.sknavi:focus, .sknavi:active {top:0; height:40px; font-size:100%; font-weight:bold; background-color:#efefef; line-height:40px; text-align:center}
/* @ Common Control */
img {vertical-align:top;}
/* @ Main Content */
.ui-body-main {background:url('http://img.imbc.com/broad/tv/culture/tomorrowon/images/main_bg.jpg') no-repeat center 120px;}
.page-wrapper .page-footer {padding:14px 0 26px 0;}
.ui-body-main .logo-area {width:100%; height:455px;}
.ui-body-main .logo-area h1 {text-indent:-5000px;}
.main-content-area .spot {position:relative; width:100%; height:30px; overflow:hidden;}
.main-content-area .spot ul {overflow:hidden;}
.main-content-area .spot li {float:left;}
.main-content-area .spot p {position:absolute; top:9px; right:15px; color:#333; letter-spacing:-1; font-weight:bold;}
.main-content-box {padding-bottom:35px; background:#fff url('http://img.imbc.com/broad/tv/culture/tomorrowon/images/main_content_box.jpg') repeat-y; overflow:hidden;}
.main-content-box .navi-area {position:relative; float:left; width:175px; height:565px;}
.main-content-box .navi-area .navi {width:141px; padding:20px 0 8px 17px;}
.main-content-box .navi-area .navi li {width:100%; padding:12px 0 14px 0; background:#eae9ed url('http://img.imbc.com/broad/tv/culture/tomorrowon/images/border_dotted.jpg') repeat-x left bottom; text-indent:3px;}
.main-content-box .navi-area .navi a {color:#474747; font-weight:bold;}
.main-content-box .navi-area .fb {margin-left:17px;}
.main-content-box .navi-area .staff-info {margin:25px 0 0 14px;}
.main-content-box .navi-area .staff-info li {clear:both; margin-bottom:6px; font-size:11px; color:#555; overflow:hidden;}
.main-content-box .navi-area .staff-info span {display:block; float:left;}
.main-content-box .navi-area .staff-info-part {font-weight:bold;}
.main-content-box .navi-area .staff-info-name {width:120px;}
.main-content h2 {height:23px; background:url('http://img.imbc.com/broad/tv/culture/tomorrowon/images/vod_dotted.jpg') repeat-x left bottom; overflow:hidden;}
.main-content {position:relative; float:left; width:815px; overflow:hidden;}
.main-content .vod-new {width:100%; margin:23px 0 31px 20px; overflow:hidden;}
.main-content .vod-new h2 {width:515px; margin-bottom:11px;}
.main-content .vod-new .vod {float:left; width:269px; height:152px; margin-right:14px; border:1px solid #b5b5b5;}
.main-content .vod-new .vod img {width:100%; height:100%;}
.main-content .vod-new p {width:515px;}
.main-content .vod-new .title {padding:20px 0 10px 0;}
.main-content .vod-new .title a {color:#232121; font-size:16px; letter-spacing:-1; font-weight:bold;}
.main-content .vod-new .broad-num, .main-content .vod-new .address a {color:#555;} 
.main-content .vod-new .address {float:left; width:200px;}
.main-content .site-fb {position:relative; float:left; width:515px; margin:0 20px; overflow:hidden;}
.main-content .vod-before {position:relative; float:right; width:250px; margin:39px 9px 0 0; overflow:hidden;}
.main-content .vod-before ul {padding-top:12px;}
.main-content .vod-before li {clear:both; margin-bottom:23px; overflow:hidden;}
.main-content .vod-before li span {display:block;}
.main-content .vod-before .imgLink {display:block; float:left; width:128px; height:88px; margin-right:9px;}
.main-content .vod-before .imgLink img {width:126px; height:86px; border:1px solid #b5b5b5;}
.main-content .vod-before .num, .main-content .vod-before .day {margin-top:3px; color:#555; font-weight:bold;}
.main-content .vod-before .num {float:left; margin-right:13px;}
.main-content .vod-before .day {}
.main-content .vod-before .title {float:left; width:90px;}
.main-content .vod-before .title a {color:#555;}
.btn-more-fb {position:absolute; top:6px; right:1px;}
.btn-more {position:absolute; top:3px; right:3px;}
#ad250 {position:absolute; top:10px; right:10px;}

.twitter-grid{clear:both; overflow:hidden; float:left; position:relative; width:555px; margin-top:25px;}
.twitter-grid h2{height:19px; *height:22px; margin-bottom:10px; padding:2px 0 0 22px; color:#414141; font-weight:bold; border-bottom:1px solid #c6c6c6; background:url(http://img.imbc.com/broad/radio/fm4u/morningfm/images8/icon_twitter.jpg) no-repeat 2px 0;}
.twitter-grid ul{overflow:hidden; width:501px; *width:555px; padding:0 27px; background:#fff;}
.twitter-grid li{position:relative; width:443px; *width:501px; min-height:45px; height:auto !important; height:48px; padding:3px 0 0 58px; border-bottom:1px dotted #ddd; line-height:1.333;}
.twitter-grid .thumb{display:block; overflow:hidden; position:absolute; left:0; top:5px; width:48px; height:48px; background:#000}
.twitter-grid .thumb img{width:48px;}
.twitter-grid li em{display:block; margin-bottom:4px; padding-left:17px; color:#64b4d4; background:url("http://talk.imbc.com/images/star/ico_twitter.gif") no-repeat}
.twitter-grid .txt{margin-bottom:4px; color:#555}
.twitter-grid .tw-date{display:block; margin-bottom:3px; padding-left:17px; color:#808080; background:url("http://talk.imbc.com/images/star/ico_realtime2.jpg") no-repeat}
.twitter-grid .btn_more a{position:absolute; top:2px; right:8px; padding-left:12px; background:url(http://img.imbc.com/broad/radio/fm4u/morningfm/images8/icon_more.png) no-repeat 0 2px; font:12px dotum; color:#414141;}
/* @ Sub Content */
.ui-body-sub {position:relative; width:100%; background:#fff url('http://img.imbc.com/broad/tv/culture/tomorrowon/images/sub_bg.jpg') no-repeat center 120px;}
.ui-body-sub .logo-area {position:relative; width:100%; height:250px;}
.ui-body-sub .logo-area h1 {}
.ui-body-sub .logo-area h1 a {display:block; width:100%; height:250px; text-indent:-5000px;}
.sub-part {position:relative; overflow:visible;}
.sub-content-wrap {width:735px; overflow:hidden;}
.sub-content-area .spot {position:relative; width:100%; height:51px; overflow:hidden;}
.sub-content-area .spot p {position:absolute; top:19px; right:16px; color:#333; font-weight:bold; letter-spacing:-1;}
.sub-content-box {width:100%; overflow:hidden; background:url('http://img.imbc.com/broad/tv/culture/tomorrowon/images/sub_content_bg.jpg') repeat-y; border-bottom:1px solid #dfdfdf;}
.sub-content-box .navi-area {float:left; width:130px; text-align:center;}
.sub-content-box .navi-area .navi {width:111px; margin:3px 9px 8px 9px; text-align:left;}
.sub-content-box .navi-area .navi li {width:100%; padding:12px 0; text-indent:9px; background:#eae9ed url('http://img.imbc.com/broad/tv/culture/tomorrowon/images/border_dotted.jpg') repeat-x left bottom;}
.sub-content-box .navi-area .navi li a {color:#333; font-weight:bold; letter-spacing:-1;}
.sub-content-box .navi-area .staff-info {margin:25px 0 0 15px; text-align:left;}
.sub-content-box .navi-area .staff-info li {clear:both; margin-bottom:6px; color:#555; font-size:11px; overflow:hidden;}
.sub-content-box .navi-area .staff-info span {display:block; float:left;}
.sub-content-box .navi-area .staff-info-part {font-weight:bold;}
.sub-content-box .navi-area .staff-info-name {width:80px;}
.sub-content {float:left; width:585px; padding:24px 10px; 30px 10px; text-align:center;}
.sub-content h2 {margin-bottom:23px; text-align:left; color:#37312b; font-size:16px; letter-spacing:-1; font-weight:bold;}
#right_common {position:absolute; top:0; right:0;}

/*MC ¼Ò°³*/
.list-mc {text-align:left;}
.list-mc li {position:relative;overflow:hidden; width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #dfdfdf;}
.list-mc .img {display:block; float:left; width:168px; height:135px; margin-right:20px; background:url('http://img.imbc.com/broad/tv/culture/tomorrowon/images/bg_mc_img.gif') no-repeat 0 0;}
.list-mc .img img {display:block; width:148px; height:117px; margin:9px 0 0 10px;}
.list-mc .txt {float:left; width:377px; color:#767676;}
.list-mc .txt .name {display:block; margin-bottom:14px; padding-top:5px; font-weight:bold; font-size:18px; color:#393939;}


.btn-like-program-wrap {position:absolute; top:10px; right:10px; z-index:999;}