@charset "euc-kr";
/* @ Lyaout */
body {text-align:center}
#wrapper {width:100%; }
#header {width:100%; height:150px}
#header .gnb {width:990px; margin:0 auto; text-align:left}
#container {width:990px; margin:0 auto; text-align:left}
.dreamh-m #footer {height:94px; line-height:68px; }
.dreamh-s #footer {margin-top:30px}
img {vertical-align:top}
.dreamh-m {background:url(http://img.imbc.com/broad/tv/culture/dreamhunter/images/bgrepeat.jpg) repeat-x center 150px }
.dreamh-m #wrapper {background:url(http://img.imbc.com/broad/tv/culture/dreamhunter/images/m-bg.jpg) no-repeat center 150px}
.dreamh-s {background:#f1f1f4 url(http://img.imbc.com/broad/tv/culture/dreamhunter/images/subrepeat.jpg) repeat-x center 150px }
.dreamh-s #wrapper {background:url(http://img.imbc.com/broad/tv/culture/dreamhunter/images/sm_bg.jpg) no-repeat center 150px}
.dreamh-s #container {position:relative}
#right_common {position:absolute; top:0; right:0}
/* @ Main Content */
.dreamh-m .front {height:460px}
.dreamh-m .front h1 { text-align:left; padding:134px 0 0 274px}
.dreamh-m .topinner {height:34px; overflow:hidden}
.dreamh-m .topinner ul {float:left; width:180px}
.dreamh-m .topinner ul li {float:left}
.dreamh-m .topinner ul li a {display:block; width:90px; height:34px; text-indent:-5000px; overflow:hidden;}
.dream-vod-hover a:hover {width:90px; background:url(http://img.imbc.com/broad/tv/culture/dreamhunter/images/bghover.jpg) no-repeat 0 0;}
.dream-board-hover a:hover {width:90px; background:url(http://img.imbc.com/broad/tv/culture/dreamhunter/images/bghover.jpg) no-repeat -90px 0;}
.dreamh-m .topinner p {float:right; color:#fff; line-height:34px}
.dreamh-m .contents {width:990px; height:568px; background:url(http://img.imbc.com/broad/tv/culture/dreamhunter/images/conre.jpg) no-repeat 180px 0px}
.dreamh-m .nav {float:left; padding:14px 0 0 20px;  width:160px; *width:180px}
.dreamh-m .nav ul li {line-height:29px; border-bottom:1px dotted #d9d9d9; width:141px; text-indent:1px}
.dreamh-m .nav ul li a {font-weight:bold; color:#333}
.dreamh-m .nav ul li a:hover {text-decoration: underline;}
.dreamh-m .nav .staff {padding-top:159px; font-size:11px}
.dreamh-m .nav .staff h4 {line-height:18px; font-weight:bold}
.dreamh-m .nav .staff p {line-height:18px}
.dreamh-m .nav .staff .writer {padding-top:19px}
.dreamh-m .colgroup {float:left;  padding:19px 0 0 39px; width:771px; *width:810px; position:relative;}
.dreamh-m .colgroup h3 {background:url(http://img.imbc.com/broad/tv/culture/dreamhunter/images/h3bg.jpg) no-repeat 70px 0 }
.dreamh-m .colgroup .newbroad {width:480px; position:relative; height:277px}
.dreamh-m .colgroup .more {position:absolute; top:1px; right:15px}
.dreamh-m .broad-number {padding:24px 0 0 245px}
.dreamh-m  .obj  {display:block; width:223px; height:135px; position:absolute; top:40px; left:0; border:1px solid #888 }
.dreamh-m  .obj img {width:223px; height:134px}
.dreamh-m .titleLink {padding: 18px 0 0 245px; line-height:19px; text-align: justify; font-weight:bold;}
.dreamh-m .content {padding:20px 0 0 245px; line-height:17px; text-align: justify}
.dreamh-m .content a {color:#333;}
.dreamh-m .content a:hover {text-decoration: underline;}
.dreamh-m .befobroad {width:480px; position:relative;}
.dreamh-m .befobroad ul {overflow:hidden; margin-top:21px}
.dreamh-m .befobroad li {width:211px; float:left;}
.dreamh-m .befobroad li img {border:1px solid #888; width:209px; height:125px}
.dreamh-m .befobroad li span {display:block; margin:18px 0 5px 0; font-size:11px}
.dreamh-m .befobroad li em {font-weight:bold; line-height:17px}
.dreamh-m #ad250 {position:absolute; top:20px; right:0;}
.dreamh-m .pic-listhunter {margin-right:50px}
.dohes li .txt {overflow:hidden; display:block;}
.dohes li .txt:hover {text-decoration: underline;}
.dreamh-m .infobroad {width:248px; position:absolute; top:296px; right:0}
.dreamh-m .infobroad ul {margin-top:20px;}
.dreamh-m .infobroad ul li {line-height:23px; width:248px;height:23px; position:relative; }
.dreamh-m .infobroad ul li a {display:block;  }
.dreamh-m .infobroad ul li a:hover {text-decoration: underline;}
.dreamh-m .infobroad ul li a:hover span {text-decoration: underline;}
.dreamh-m .infobroad ul li span {position:absolute; top:0; right:0; cursor: pointer;}
.dreamh-m .colgroup .infobroad .more {position:absolute; top:1px; right:4px}
/* @ Sub Content */ 
.dreamh-s .front {width:735px}
.dreamh-s .front h1 {height:221px; *height:278px; padding:57px 0 0 10px}
.dreamh-s .front ul {float:left; width:129px;}
.dreamh-s .front ul li a {display:block; width:129px; height:25px; text-indent:-5000px}
.dreamh-s .front ul .hunter-vod-s a:hover {background:url(http://img.imbc.com/broad/tv/culture/dreamhunter/images/sm_bg_hover.jpg) no-repeat -1px 0px;}
.dreamh-s .front ul .hunter-board-s a:hover {background:url(http://img.imbc.com/broad/tv/culture/dreamhunter/images/sm_bg_hover.jpg) no-repeat -1px -25px;}
.dreamh-s .front p {float:right; color:#fff; padding-right:16px; line-height:50px}
.dreamh-s .nav {float:left; width:129px; padding-top:2px}
.dreamh-s .nav ul li {height:34px; line-height:34px; border-top:1px solid #cdcdcd;}
.dreamh-s .nav ul li a {font-weight:bold; padding-left:11px; color:#333; word-spacing:-1px}
.dreamh-s .nav ul li a:hover {text-decoration: underline;}
.dreamh-s .nav .first-li {border-top:0}
.dreamh-s .section {float:left;  padding:23px 11px 0 10px; width:585px; *width:606px;}
.dreamh-s .contents {width:735px; border-bottom:1px solid #cdcdcd; overflow:hidden; background:url(http://img.imbc.com/broad/tv/culture/dreamhunter/images/conrepeat.jpg) repeat-y;}
.dreamh-s .visual {padding-top:20px; min-height: 650px;height: auto !important; height: 650px;}
.dreamh-s .section .sec-title {font-size:14px ; padding: 0 0 16px 14px; font-weight:bold; border-bottom:1px dotted #440000; background:url(http://img.imbc.com/broad/tv/culture/dreamhunter/images/titbg.jpg) no-repeat left 1px}
#dreamh-s-mc .visual {position:relative;}
.mc-najin {position:absolute; top:132px; left:41px}
.mc-najin li, .mc-leejin li {font-size:11px;line-height:17px}
.mc-najin h4, .mc-leejin h4  {padding-bottom:4px; font-weight:bold; color:#000}
.najin-radio {padding-top:20px;}
.mc-leejin {position:absolute; top:282px; right:58px}
.dreamh-guest ul {margin: 0 0 20px 41px; width:509px; overflow:hidden}
.dreamh-guest li {width:152px; font-size:11px; float:left; margin-right:25px;line-height:18px}
.dreamh-guest li span {display:block; margin:19px 0 6px 0; color:#000; font-weight:bold; font-size:14px; line-height:17px}
.dreamh-guest .noprog {margin-right:0;}