@charset "euc-kr";
/* layout */
.wrapper {width:100%; background:url(http://img.imbc.com/broad/tv/culture/evergreen/images2/bg.jpg) no-repeat center 120px;}
.container {width:990px; margin:0 auto; text-align:left}
.footer {width:100%; padding:30px 0; font:12px dutom; color:#3d3d3d; text-align:center; clear:both}
body {text-align:center}

/* container */
.visual {overflow:hidden; position:relative; width:990px; height:310px}
.visual h1 {padding-top:49px}
.visual p {padding:26px 0 0 5px}


.aside {float:left; width:180px; height:501px; background:url(http://img.imbc.com/broad/tv/culture/evergreen/images2/bg_aside.gif) no-repeat}
.nav {margin-bottom:28px}
.nav li {overflow:hidden}
.nav li a {display:block}
.menu-vod {float:left; width:86px; height:33px; margin-bottom:20px; text-align:center} 
.menu-bbs {float:left; width:94px; height:33px; margin-bottom:20px; text-align:center}
.menu-vod a, .menu-bbs a {font:bold 14px NanumGothic; color:#fff; letter-spacing:-0.4px; line-height:34px}
.menu {width:140px; height:27px; *height:28px; margin-left:20px; border-top:1px dotted #c7dbaa}
.menu-info {height:28px; *height:29px; border-bottom:1px dotted #c7dbaa}
.menu a {padding-top:8px; font:bold 12px dotum; color:#255b10; text-indent:6px; letter-spacing:-0.85px}
.aside dl {width:152px; margin-left:20px; *margin-left:15px; font:11px dotum; color:#959595; line-height:16px; letter-spacing:-0.85px}
.aside dl dt {float:left; width:35px; font-weight:bold}
.aside dl dd {float:left; width:117px}

.content {float:left; position:relative; width:810px; height:501px; background:url(http://img.imbc.com/broad/tv/culture/evergreen/images2/bg_content.gif) no-repeat}
.spot {overflow:hidden; width:790px; *width:810px; height:33px; padding-right:20px; background:#4e2a00; font:11px dotum; color:#fff; letter-spacing:-0.5px; line-height:34px; text-align:right}
.tit-h2 {width:479px; *width:500px; height:23px; *height:24px; margin:0 0 15px 0; padding-left:21px; border-bottom:1px dotted #d4d0bf; background:url(http://img.imbc.com/broad/tv/culture/evergreen/images2/icon_h2.gif) no-repeat; font:bold 12px NanumGothic; color:#255b10; letter-spacing:-0.25px}
.preview-panel {position:relative; width:500px; height:205px; margin:17px 0 25px 29px}
.preview {position:relative; width:500px}
.preview .media-obj {position:absolute; top:0; left:0; width:238px; *width:240px; height:168px; *height:170px; background:#666; border:1px solid #bdbdbd}
.preview .media-obj img {width:100%; height:100%}
.preview a {display:block; position:relative; width:250px; margin-left:250px; font:12px dotum; color:#666; line-height:18px; letter-spacing:-0.25px}
.preview span {display:block}
.preview .times-info {padding-top:10px; font-weight:bold}
.preview .title {padding:0 0 15px 0; font:bold 16px dotum; color:#313131}
.preview .date {}
.btn-more {display:block; position:absolute; top:4px; right:2px; width:35px; background:url(http://img.imbc.com/broad/tv/culture/evergreen/images2/icon_more.gif) no-repeat right center; font:12px dotum; color:#666}

.vod-panel {overflow:hidden; width:500px; height:173px; margin-left:29px}
.vod-panel ul {width:512px}
.vod-panel ul li {float:left; width:118px; margin-right:8px;}
.vod-panel ul li a {display:block; font:12px dotum; color:#666; line-height:16px}
.vod-panel ul li img {display:block; width:116px; *width:118px; height:87px; margin-bottom:7px; border:1px solid #d4d0bf}
.vod-panel ul li a em {display:block}

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