@charset "euc-kr";
/* layout */
.wrapper {width:100%; background:url(http://img.imbc.com/broad/tv/culture/dreamkids/images/bg.gif) repeat-x 0 120px}
.container {position:relative; width:990px; margin:0 auto; text-align:left}
.footer {width:100%; padding:30px 0; border-top:1px solid #c9c9c9; background:#e0e0e0; font:12px dutom; color:#000; text-align:center; clear:both}
body {background:#f7e86c; text-align:center}

/* container */
.visual {overflow:hidden; position:relative; width:990px; height:449px}
.visual-list{height:990px}
.visual-list li {position:absolute; left:0; top:0; height:449px; z-index:7}
.visual-list li.active {z-index:8}
.visual .num {z-index:20; position:absolute; bottom:10px; left:476px}
.visual .num li {overflow:hidden; float:left; display:block; width:14px; height:16px; margin-right:9px; background:url(http://img.imbc.com/broad/tv/culture/dreamkids/images/btn_off.png) no-repeat; cursor:pointer; text-indent:-9999px}
.visual .num li.on {background:url(http://img.imbc.com/broad/tv/culture/dreamkids/images/btn_on.png) no-repeat}

.aside {float:left; width:188px; height:483px; background:url(http://img.imbc.com/broad/tv/culture/dreamkids/images/bg_aside.gif) no-repeat}
.nav {margin-bottom:213px; border-bottom:1px solid #e5e5e5}
.nav li {overflow:hidden}
.nav li a {display:block}
.menu-vod {float:left; width:86px; height:40px; margin-bottom:23px; text-indent:13px; background:url(http://img.imbc.com/broad/tv/culture/dreamkids/images/line_nav.gif) no-repeat right center} 
.menu-board {float:left; width:101px; height:40px; margin-bottom:23px; text-indent:21px}
.menu-vod a, .menu-board a {font:bold 14px NanumGothic; color:#fff; letter-spacing:-0.4px; line-height:40px}
.menu {width:187px; height:31px; *height:32px; border-top:1px solid #e5e5e5}
.menu a {padding-top:9px; font:bold 12px dotum; color:#333; text-indent:13px}
.aside dl {margin-left:12px; font:11px dotum; color:#333; line-height:19px; letter-spacing:-0.75px}
.aside dl dt {float:left; margin-right:5px}

.content {float:left; position:relative; width:802px; height:433px; background:#f7e86c}
.spot {overflow:hidden; width:788px; *width:802px; height:40px; padding-right:14px; background:#01a083; font:11px dotum; color:#fff; letter-spacing:-0.85px; line-height:40px; text-align:right}
.spot strong {padding-right:8px; margin-right:10px; border-right:1px solid #e9974d}
.tit-h2 {width:100%; height:22px; margin:0 0 15px 0; border-bottom:1px solid #ded061; font:bold 16px NanumGothic; color:#262626; letter-spacing:-0.25px}
.preview-panel {position:relative; width:482px; height:206px; margin:24px 0 34px 29px}
.preview {position:relative; width:482px}
.preview .media-obj {position:absolute; top:0; left:0; width:240px; height:170px; background:#666}
.preview .media-obj img {width:100%; height:100%}
.preview a {display:block; position:relative; width:227px; margin-left:255px; font:12px dotum; color:#333; line-height:18px}
.preview span {display:block}
.preview .title {padding-bottom:3px; font:bold 14px dotum}
.preview .date {padding-left:4px}

.preview .con-text {padding-top:10px}
.btn-more {position:absolute; top:6px; right:2px; font:12px dotum; color:#3d3d3d}

.vod-panel {overflow:hidden; width:482px; height:155px; margin-left:29px}
.vod-panel ul {width:488px}
.vod-panel ul li {float:left; width:116px; margin-right:6px;}
.vod-panel ul li a {display:block; font:12px dotum; color:#000}
.vod-panel ul li img {display:block; width:116px; height:76px; margin-bottom:9px}
.vod-panel ul li a em {overflow:hidden; display:block; width:116px; font:bold 12px dotum; color:#3d3d3d; line-height:18px}

.ad250 {position:absolute; top:64px; right:10px}

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