@charset "euc-kr";
@import url(http://font.imbc.com/nanumgothic/nanumgothic.css);

/* layout */
.wrapper {width:100%; background:url(http://img.imbc.com/broad/tv/culture/powermagazine/images2/bg_sub_v6.jpg) no-repeat center 88px;}
.header {width:100%; height:120px}
.header .gnb {width:990px; margin:0 auto; text-align:left}
.container {position:relative; width:990px; margin:0 auto; text-align:left}
.footer {width:990px; margin:0 auto; padding:30px 0; text-align:center; clear:both}
body {text-align:center}

.r-grid{position:absolute; top:0; right:0; z-index:100}
/* container */
.container {width:990px}

.visual {position:relative;width:100%; height:219px}
.visual h1 {position:absolute;width:140px; top:10px; left:298px;}
.visual img {width:100%}
.visual p {float:left; width:231px; height:44px; margin:152px 0 0 252px;}

.content-wrap {overflow:hidden; width:735px; background:#fff url(http://img.imbc.com/broad/tv/culture/powermagazine/images2/bg_sub_content.gif) repeat-y; border-bottom:1px solid #d1d1d1}

.aside {float:left; width:130px; padding-bottom:40px}
.aside li {overflow:hidden}
.aside li a {display:block}
.nav {margin-bottom:18px}
.menu-vod {float:left; width:130px; height:24px; *height:25px; text-indent:17px; background:#fcb515 url(http://img.imbc.com/broad/tv/culture/powermagazine/images2/icon_arrow.gif) no-repeat 105px center; border-bottom:1px solid #f6cd71}
.menu-board {float:left; width:130px; height:25px; text-indent:17px; background:#fcb515 url(http://img.imbc.com/broad/tv/culture/powermagazine/images2/icon_arrow.gif) no-repeat 105px center}
.menu-vod a, .menu-board a {font:bold 12px dotum; color:#2a2217; letter-spacing:-0.85px; line-height:27px}
.menu-concept {*height:44px !important; padding-top:15px}
.menu {width:100%; height:29px; border-bottom:1px dotted #a2a2a2}
.menu a {padding-top:7px; font:bold 12px dotum; color:#191919; text-indent:16px}
.aside dl {width:106px; margin-left:15px; font:11px dotum; color:#515151; line-height:15px}
.aside dl dt {float:left; width:32px}
.aside dl dd {overflow:hidden; float:left; width:73px}
.staff-ad dt {width:44px !important}
.staff-ad dd {width:62px !important}

.content {float:left; position:relative; width:605px}
.spot {overflow:hidden; height:40px; *height:50px; padding:10px 10px 0 0; background:#000; font:11px dotum; color:#fff; letter-spacing:-0.85px; line-height:17px; text-align:right}
.spot strong {display:block}
.tit-h2 {width:585px; height:35px; margin:21px 0 15px 10px; border-bottom:1px dotted #d4d4d4; font:bold 16px dotum; color:#393939; letter-spacing:-0.85px}
.section {overflow:hidden; width:585px; margin-left:10px; padding-bottom:20px}

.mc {width:585px}
.mc .mc-list {overflow:hidden; width:585px; margin:15px 0; padding-bottom:20px; border-bottom:1px solid #eaeaea}
.mc li img {float:left; width:145px; height:100px; margin-right:20px;}
.mc li dl {float:left; width:420px}
.mc li dl dt {margin-bottom:13px; font:bold 16px dotum; color:#333}
.mc li dl dd {font:12px dotum; color:#777; line-height:18px}
.mc li dl dd .seoInfo {font-weight:bold}
.mc li dl dd .seoInfo01 {padding:5px 0 10px 0}

.page-info .tip {width:555px; *width:585px; height:24px; *height:27px; padding:8px 0 0 20px; margin-bottom:13px; background:url(http://img.imbc.com/broad/tv/culture/powermagazine/images2/bg_tip.gif) repeat-x; font:12px dotum; color:#686868; letter-spacing:-0.4px}
.tvinfo {overflow:hidden; width:585px; margin-bottom:18px}
.tvinfo h3 {float:left; width:180px; margin:0 10px 0 20px}
.tvinfo .tvin-t {float:left; width:351px; margin-top:20px}
.tvinfo ul {overflow:hidden; width:340px; *width:355px; height:112px; padding-left:15px}
.tvinfo li {float:left; width:90px; margin:0 10px}
.tvinfo li a {display:block; font:11px dotum; color:#565656; letter-spacing:-0.4px; line-height:14px}
.tvinfo li img {display:block; width:88px; *width:90px; height:64px; margin-bottom:5px; border:1px solid #d7d3d4}