@charset "euc-kr";
@import url("http://imbc.com/commons/css/common2011.css");
body.main {background:#181818}
body.sub {background:#181818}
#wrap {width:100%; text-align:center}
#header {z-index:30; position:relative; clear:both; width:100%; height:150px; background:#fff; text-align:center}
.gnb	{z-index:30; position:relative; width:990px; margin:0 auto; text-align:left}
#spot {z-index:10; position:relative; width:830px; height:150px}
#colgroup	{overflow:hidden; width:830px; padding-bottom:30px; background:#fff}
#snb	 {float:left; overflow:hidden; width:180px}
#content {float:left; overflow:hidden; width:640px; text-align:center}
/* --- Main --- */
body.main #container {z-index:20; position:relative; overflow:hidden; width:990px; margin:0 auto; text-align:left}
.logo {position:absolute; z-index:30; left:16px; top:37px; width:312px; height:347px}
.logo img {vertical-align:top}
.m_thum {position:relative; z-index:10; overflow:hidden; width:990px; height:715px}
.m_thum li {display:none; vertical-align:top}
.m_thum li img {vertical-align:top}
body.main .t_bar {position:relative; z-index:20; overflow:hidden; width:967px; *width:990px; height:35px;  *height:50px; margin-top:-288px; padding:15px 23px 0 0; background:url("http://img.imbc.com/broad/tv/ent/dream/images2/bg_top_bar.gif") repeat-x left top; text-align:right}
body.main .s_thum {position:absolute; left:16px; top:14px; overflow:hidden; width:198px; height:24px}
body.main .s_thum ul {overflow:hidden; width:203px; height:33px}
body.main .s_thum ul li {position:relative; overflow:hidden; float:left; width:24px; height:24px; margin-right:5px; cursor:pointer}
body.main .s_thum ul li img {vertical-align:top}
body.main .s_thum ul li span {display:block; position:absolute; left:0; top:0; width:24px; height:24px; background:url("http://img.imbc.com/broad/tv/ent/dream/images2/bg_blank.gif")}
body.main .s_thum ul li span.on {width:20px; *width:24px; height:20px; *height:24px; border:2px solid #1676d0}
.m_bar {position:relative; z-index:20; overflow:hidden; width:990px; height:33px; background:#778d9f}
.m_bar  img {vertical-align:top}
.m_bar ul {overflow:hidden; width:180px; height:33px}
.m_bar ul li {float:left}
.m_bar ul li.vod {overflow:hidden; width:85px; height:33px}
.m_bar ul li.bbs {overflow:hidden; width:95px; height:33px}
.m_bar ul li.bbs a {display:block; height:33px}
.m_bar ul li.bbs a img {vertical-align:top}
.m_bar .broad_time {position:absolute; right:20px; top:11px; color:#fff; font-weight:bold; line-height:1.33; letter-spacing:-1px}
body.main .content {position:relative; z-index:20; overflow:hidden; width:990px; padding-bottom:23px; background:#fff}
.l_menu {overflow:hidden; float:left; width:160px; *width:179px; padding:15px 7px 0 12px}
.l_menu strong {display:block;margin-bottom:3px;padding-top:11px;color:#004a8f;letter-spacing:-1px;line-height:1.33; border-top:1px dotted #d4d4d4}
.l_menu ul {overflow:hidden;width:160px; margin-bottom:5px}
.l_menu ul li {margin-bottom:5px;padding-left:24px; letter-spacing:-1px;vertical-align:top; background:url("http://img.imbc.com/broad/tv/ent/dream/images2/bg_l_menu.gif") no-repeat 10px 2px}
.l_menu ul li a {font-size:11px;color:#111;line-height:1.33}
.l_menu ul li span {font-size:11px;color:#111;line-height:1.33}
.l_menu .etc {display:block; margin-bottom:9px}
.l_menu .etc strong {border-top:0}
.r_con {position:relative; overflow:hidden; float:left; width:789px; *width:811px; padding:25px 0 0 21px; border-left:1px solid #e4e4e4}
.r_pre {overflow:hidden; float:left; width:314px; margin-bottom:15px}
.r_pre h2 {margin-bottom:10px; padding-bottom:3px; color:#111; font-weight:bold; line-height:1.33; border-bottom:1px dotted #d4d4d4}
.r_pre .clip {overflow:hidden; width:299px; height:233px}
.r_pre .clip object {width:299px; height:233px}
.r_hot {overflow:hidden; float:left; width:160px; margin-bottom:15px}
.r_hot h2 {margin-bottom:10px; padding-bottom:3px; color:#111; font-weight:bold; line-height:1.33; border-bottom:1px dotted #d4d4d4}
.r_hot ul {overflow:hidden; width:100px; *width:160px; padding:0 30px}
.r_hot ul li {margin-bottom:12px; vertical-align:top}
.r_hot ul li .img {display:block; overflow:hidden; width:98px; *width:100px; height:63px; *height:65px; margin-bottom:7px; border:1px solid #e6e6e6}
.r_hot ul li .img img {height:63px; vertical-align:top}
.r_hot ul li .txt {color:#222; letter-spacing:-1px; line-height:1.33}
.r_photo {clear:both; overflow:hidden; width:610px}
.r_photo h2 {margin-bottom:14px; padding-bottom:3px; color:#111; font-weight:bold; line-height:1.33; border-bottom:1px dotted #d4d4d4}
.r_photo .list {overflow:hidden; width:604px; *width:610px; padding-left:6px}
.r_photo .list ul {overflow:hidden; width:634px}
.r_photo .list ul li {position:relative; float:left; width:131px; margin-right:20px}
.r_photo .list ul li .img {display:block; width:129px; *width:131px; height:84px; *height:86px; margin-bottom:9px; border:1px solid #634a35; text-align:center}
.r_photo .list ul li .img img {height:84px; vertical-align:top}
.r_photo .list ul li .txt {display:block; font-size:11px; color:#222; line-height:1.33}
.r_photo .list ul li .icon_play {position:absolute; left:7px; top:63px}
body.main #rectangle_banner {position:absolute; right:47px; top:24px}
body.main #footer {overflow:hidden; width:990px; height:82px; *height:100px; padding-top:18px; text-align:center}
body.main #f_copyright {font-size:12px; color:#fff; line-height:1.33}
/* --- Sub --- */
body.sub #container {z-index:20; position:relative; overflow:hidden; width:990px; margin:0 auto; text-align:left}
.l_con {position:relative; overflow:hidden; float:left; width:735px; margin-right:5px}
.l_con h1 {position:absolute; z-index:100; left:2px; top:31px; width:246px; height:119px}
.l_con h1 a {display:block; height:119px; background:url("http://img.imbc.com/broad/tv/ent/dream/images2/bg_blank.gif")}
.l_con h1 a img {vertical-align:top}
.spot {position:relative; z-index:10; width:735px; height:369px}
.spot ul {overflow:hidden; width:735px; height:369px}
.spot ul li {display:none; vertical-align:top}
.spot ul li img {vertical-align:top}
body.sub .t_bar {position:relative; z-index:20; overflow:hidden; width:722px; *width:735px; height:35px;  *height:50px; margin-top:-169px; padding:15px 23px 0 0; background:url("http://img.imbc.com/broad/tv/ent/dream/images2/bg_top_bar.gif") repeat-x left top; text-align:right}
body.sub .s_thum {position:absolute; left:16px; top:14px; overflow:hidden; width:198px; height:24px}
body.sub .s_thum ul {overflow:hidden; width:203px; height:33px}
body.sub .s_thum ul li {position:relative; overflow:hidden; float:left; width:24px; height:24px; margin-right:5px; cursor:pointer}
body.sub .s_thum ul li img {vertical-align:top}
body.sub .s_thum ul li span {display:block; position:absolute; left:0; top:0; width:24px; height:24px; background:url("http://img.imbc.com/broad/tv/ent/dream/images2/bg_blank.gif")}
body.sub .s_thum ul li span.on {width:20px; *width:24px; height:20px; *height:24px; border:2px solid #1676d0}
.colgroup {position:relative; z-index:20; overflow:hidden; width:735px; background:#fff}
.snb {overflow:hidden; float:left; width:112px; *width:130px; padding:15px 9px 0 9px}
.snb strong {display:block;margin-bottom:3px;padding:11px 5px 0 5px;color:#004a8f;letter-spacing:-1px;line-height:1.33; border-top:1px dotted #d4d4d4}
.snb ul {overflow:hidden;width:160px; margin-bottom:5px}
.snb ul li {margin-bottom:5px;padding-left:23px; letter-spacing:-1px;vertical-align:top; background:url("http://img.imbc.com/broad/tv/ent/dream/images2/bg_l_menu.gif") no-repeat 10px 1px}
.snb ul li a {font-size:11px;color:#111;line-height:1.33}
.snb ul li span {font-size:11px;color:#111;line-height:1.33}
.snb .etc {display:block; margin-bottom:9px}
.snb .etc strong {border-top:0}
.broad_info {position:relative; z-index:20; overflow:hidden; width:735px; height:51px; background:#778d9f}
.broad_info ul {overflow:hidden; width:131px; height:51px}
.broad_info ul li {overflow:hidden; vertical-align:top}
.broad_info ul li.vod {height:27px}
.broad_info ul li.bbs {height:24px}
.broad_info ul li a {display:block}
.broad_info ul li img {vertical-align:top}
body.sub .broad_time {position:absolute; right:10px; top:19px; color:#fff; font-weight:bold; line-height:1.33; letter-spacing:-1px}
body.sub .content {overflow:hidden; float:left; width:585px; *width:605px; padding:0 10px 30px 9px; border-left:1px solid #ebebeb}
body.sub .content h2 {height:28px; *height:46px; margin-bottom:20px; padding:17px 0 0 7px; border-bottom:1px solid #ebebeb; font-size:18px; color:#004a8f; letter-spacing:-1px; line-height:1.33}
body.sub .content h2 span {font-size:14px}
.section {position:relative; width:585px; min-height:600px; height:auto !important; height:600px}
#right_common {overflow:hidden; float:left; width:250px}
body.sub #footer {clear:both; overflow:hidden; width:735px; height:82px; *height:100px; padding-top:18px; text-align:center}
body.sub #f_copyright {font-size:12px; color:#d8d8d8; line-height:1.33}
/* --- Sub : Photo --- */
.photo_top {overflow:hidden; width:585px; margin-bottom:20px; text-align:center}
.photo_top img {vertical-align:top}
/* --- Sub : Peru --- */
.peru1 {width:585px; margin-bottom:25px; table-layout:fixed}
.peru1 th {height:25px; background:#ddf0f7; border:1px solid #747474; text-align:left}
.peru1 th img {margin-left:11px}
.peru1 td {width:25%; text-align:center; border:1px solid #747474}
.peru1 td img {vertical-align:top}
.peru2 {width:585px; margin-bottom:25px; table-layout:fixed}
.peru2 th {height:25px; background:#ddf0f7; border:1px solid #747474; text-align:left}
.peru2 th img {margin-left:11px}
.peru2 td {width:25%; text-align:center; border:1px solid #747474}
.peru2 td img {vertical-align:top}
.para1 {width:585px; margin-bottom:25px; table-layout:fixed}
.para1 th {height:25px; background:#ddf0f7; border:1px solid #747474; text-align:left}
.para1 th img {margin-left:11px}
.para1 td {width:14%; text-align:center; border:1px solid #747474}
.para1 td img {vertical-align:top}
.para2 {width:585px; margin-bottom:25px; table-layout:fixed}
.para2 th {height:25px; background:#ddf0f7; border:1px solid #747474; text-align:left}
.para2 th img {margin-left:11px}
.para2 td {width:25%; text-align:center; border:1px solid #747474}
.para2 td img {vertical-align:top}
.sri1 {width:585px; margin-bottom:25px; table-layout:fixed}
.sri1 th {height:25px; background:#ddf0f7; border:1px solid #747474; text-align:left}
.sri1 th img {margin-left:11px}
.sri1 td {width:14%; text-align:center; border:1px solid #747474}
.sri1 td img {vertical-align:top}
.sri2 {width:585px; margin-bottom:25px; table-layout:fixed}
.sri2 th {height:25px; background:#ddf0f7; border:1px solid #747474; text-align:left}
.sri2 th img {margin-left:11px}
.sri2 td {width:25%; text-align:center; border:1px solid #747474}
.sri2 td img {vertical-align:top}
.etio1 {width:585px; margin-bottom:25px; table-layout:fixed}
.etio1 th {height:25px; background:#ddf0f7; border:1px solid #747474; text-align:left}
.etio1 th img {margin-left:11px}
.etio1 td {width:25%; text-align:center; border:1px solid #747474}
.etio1 td img {vertical-align:top}
.sng1 {width:585px; margin-bottom:25px; table-layout:fixed}
.sng1 th {height:25px; background:#ddf0f7; border:1px solid #747474; text-align:left}
.sng1 th img {margin-left:11px}
.sng1 td {width:25%; text-align:center; border:1px solid #747474}
.sng1 td img {vertical-align:top}
/* --- Sub : Program --- */
.program_wrap {position:relative; overflow:hidden; width:585px; padding-top:540px; background:url("http://img.imbc.com/broad/tv/ent/dream/images/sprite_bg.gif") no-repeat 30px -3786px; text-align:left}
.program_wrap .vod {position:absolute; left:30px; top:0; overflow:hidden; width:244px; height:204px; background:#000}
.program_wrap dl {overflow:hidden; padding:0 30px}
.program_wrap dl dd {font-size:12px; color:#5d5d5d; line-height:1.55; letter-spacing:-1px}
.program_wrap .btn {overflow:hidden; padding-top:28px; border-top:1px dotted #d8d8d8; text-align:center}
.program_wrap .btn p {margin-bottom:18px; font-size:12px; color:#7ba1c4; letter-spacing:-1px; text-decoration:underline; line-height:1.335}
.program_wrap .btn a {display:block; width:234px; height:74px; background:url("http://img.imbc.com/broad/tv/ent/dream/images/btn_link.jpg"); text-indent:-5000em}