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

#accessibility{position:relative; z-index:9999; text-align:left; position:absolute; top:0; left:0; width:100%}
#accessibility a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-1000px; z-index:500; font-size:12px}
#accessibility a:focus, #accessibility a:active{position:absolute; top:0; height:40px; font-weight:bold; font-size:12px; color:#000; z-index:1000; background:#efefef; line-height:40px}

#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}
body.sub #rectangle_banner {overflow:hidden; width:250px; height:250px}
body.sub #footer {clear:both; overflow:hidden; width:735px; height:70px; *height:100px; padding-top:30px; text-align:center}
/* --- Main --- */
body.main {background:#010302 url("http://img.imbc.com/broad/tv/ent/mystery/images2/bg_main2.jpg") no-repeat center 150px}
body.main #container {z-index:20; position:relative; overflow:hidden; width:100%; padding-top:433px; text-align:center}
body.main  #content {overflow:hidden; width:990px; *width:1006px; height:343px; *height:350px; margin:0 auto 20px auto; padding:7px 8px 0 8px; background:url("http://img.imbc.com/broad/tv/ent/mystery/images2/bg_content.png") no-repeat}
body.main .bar {width:990px; height:33px; background:#041214}
body.main .t_menu {float:left; width:200px; height:33px; background:url("http://img.imbc.com/broad/tv/ent/mystery/images2/bg_sprite.gif") no-repeat}
body.main .t_menu li {float:left; width:90px; height:33px}
body.main .t_menu li a {display:block; height:33px; text-indent:-5000em}
body.main .info {float:right; height:22px; *height:33px; padding:11px 22px 0 0}
body.main .info li {float:left; font-size:11px; color:#a299f5; vertical-align:top; letter-spacing:-1px}
body.main .info li strong {font-weight:normal; color:#fff;}
body.main .info li span {margin-right:5px; color:#676767}
.menu {float:left; overflow:hidden; width:140px; *width:180px; height:320px; *height:340px; padding:12px 15px 0 25px; background:#041214 url("http://img.imbc.com/broad/tv/ent/mystery/images2/bg_sprite.gif") repeat-y 0 -34px; text-align:left}
.menu h3 {margin-bottom:4px; font-size:12px; letter-spacing:-1px; line-height:1.335}
h3.tit1,
h3.tit2,
h3.tit3,
h3.tit4 {color:#ffac1d;}
.menu ul {overflow:hidden; width:140px; margin-bottom:7px; border-bottom:1px dotted #293233}
.menu ul li {margin-bottom:5px; padding-left:13px; vertical-align:top; background:url("http://img.imbc.com/broad/tv/ent/mystery/images2/bg_sprite.gif") no-repeat 1px -483px}
.menu ul li a {font-size:11px; color:#fff; letter-spacing:-1px}
body.main .article {float:left; overflow:hidden; width:790px; *width:810px; height:311px; *height:330px; padding:19px 0 0 20px; background:#fff}
body.main .article .vod {float:left; overflow:hidden; width:311px; margin-right:10px}
body.main .article .vod h3 {width:311px; height:20px; margin-bottom:12px; background:url("http://img.imbc.com/broad/tv/ent/mystery/images2/bg_sprite.gif") no-repeat 0 -564px; text-indent:-5000em}
body.main .article .vod .flash {overflow:hidden; width:311px; height:218px; background:#000}
body.main .article .vod .flash img {width:311px}
body.main .article .news {float:left; overflow:hidden; margin-top:32px; margin-right:10px; padding-left:10px; height:218px; border-left:1px solid #d5d3d6;}
body.main .article .news h3 {width:178px; height:20px; margin-bottom:12px; background:url("http://img.imbc.com/broad/tv/ent/mystery/images2/bg_sprite.gif") no-repeat 0 -592px; text-indent:-5000em}
body.main .article .news ul {overflow:hidden}
body.main .article .news ul li {margin-bottom:10px;}
body.main .article .news ul li img {vertical-align:top}
body.main #rectangle_banner {float:left; overflow:hidden; width:250px; height:250px; background:#000}
body.main #footer {overflow:hidden; width:990px; height:82px; *height:100px; margin:0 auto; padding-top:18px; font-size:12px; color:#999; line-height:1.4}
/* --- Sub --- */
body.sub {background:#010302 url("http://img.imbc.com/broad/tv/ent/mystery/images2/bg_sub.jpg") no-repeat center 150px}
body.sub #container {overflow:hidden; width:990px; margin:0 auto; text-align:left}
#colgroup	{float:left; overflow:hidden; width:735px; margin-right:5px; }
#spot {position:relative; width:735px; height:250px}
#spot h2 {position:absolute; left:200px; top:0; width:310px; height:200px}
#spot h2 a {display:block; height:200px; background:url("http://img.imbc.com/broad/tv/ent/mystery/images2/bg_blank.gif"); text-indent:-5000em}
body.sub .bar {position:absolute; left:0; bottom:0; width:735px; height:50px; background:#041214}
body.sub .t_menu {float:left; overflow:hidden; width:130px; height:50px; background:url("http://img.imbc.com/broad/tv/ent/mystery/images2/bg_sprite.gif") no-repeat 0 -626px}
body.sub .t_menu li {width:130px; height:25px; vertical-align:top}
body.sub .t_menu li a {display:block; height:25px; text-indent:-5000em}
body.sub .info {float:right; height:33px; *height:50px; padding:17px 13px 0 0 }
body.sub .info li {float:left; margin-right:5px; font-size:12px; color:#7163e9; vertical-align:top; letter-spacing:-1px; line-height:1.335}
body.sub .info li strong {color:#fff; font-size:12px}
body.sub #content {overflow:hidden; width:735px; background:#041214}
.snb	 {float:left; overflow:hidden; width:130px; padding-top:14px; background:url("http://img.imbc.com/broad/tv/ent/mystery/images2/bg_sprite.gif") no-repeat 0 -683px}
.snb h3 {margin-bottom:4px; padding-left:9px; font-size:12px; letter-spacing:-1px; line-height:1.335}
.snb ul {overflow:hidden; width:130px; margin-bottom:7px; border-bottom:1px dotted #293233}
.snb ul li {margin-bottom:5px; padding-left:24px; vertical-align:top; background:url("http://img.imbc.com/broad/tv/ent/mystery/images2/bg_sprite.gif") no-repeat 10px -483px}
.snb ul li a {font-size:11px; color:#fff; letter-spacing:-1px}
.section {float:left; overflow:hidden; width:585px; *width:605px; padding:0 10px 30px 10px; background:#fff}
.section h3 {height:42px; *height:62px; padding:20px 0 0 8px; font-size:18px; color:#393939; line-height:1.3;}
.section h3 span.type1 {margin-left:5px; font-size:11px; color:#9a7eee; letter-spacing:-1px; font-weight:normal}
.section h3 span.type2 {margin-left:5px; font-size:11px; color:#e0779e; letter-spacing:-1px; font-weight:normal}
body.sub .article {width:585px; min-height:600px; height:auto !important; height:600px}
.program {overflow:hidden; width:585px; height:645px; background:url("http://img.imbc.com/broad/tv/ent/mystery/images/img_info.jpg") no-repeat}
.staff {overflow:hidden; width:585px; height:310px; background:url("http://img.imbc.com/broad/tv/ent/mystery/images2/staff.jpg") no-repeat}
.staff dl {overflow:hidden; padding:42px 0 0 245px}
.staff dl dt {margin-bottom:4px; font-size:16px; color:#e8bb41; line-height:1.335; text-align:center; font-weight:bold; letter-spacing:-1px}
.staff dl dd {margin-bottom:19px; font-size:12px; color:#fff; line-height:1.335; text-align:center; letter-spacing:-1px}
.idea_top {overflow:hidden; width:585px; height:85px; margin-bottom:15px; background:url("http://img.imbc.com/broad/tv/ent/mystery/images/idea_top_v1.jpg") no-repeat; text-indent:-5000em}
.opinion_top {overflow:hidden; width:585px; height:150px; margin-bottom:15px; background:url("http://img.imbc.com/broad/tv/ent/mystery/images2/opinion_top.jpg") no-repeat; text-indent:-5000em}
.opinion_top1 {overflow:hidden; width:585px; height:585px; margin-bottom:15px; background:url("http://img.imbc.com/broad/tv/ent/mystery/images2/opinion_top1.jpg") no-repeat; text-indent:-5000em}
.cast {overflow:hidden; width:505px; *width:585px; padding:0 40px}
.cast dl {display:block; position:relative; width:314px; *width:505px; *height:180px; min-height:160px; margin-bottom:17px; padding:4px 0 15px 150px; background:url("http://img.imbc.com/broad/tv/ent/mystery/images2/cast_line.gif") no-repeat center bottom}
.cast dl dt {margin-bottom:3px; padding-left:6px; font-size:14px; color:#000; font-weight:bold; line-height:1.335}
.cast dl dd {font-size:12px; color:#555; letter-spacing:-1px; vertical-align:top; line-height:1.55}
.cast dl dd.img {position:absolute; left:0px; top:0; padding:5px; width:108px; height:150px; background:url(http://img.imbc.com/broad/tv/ent/mystery/images/bg_actor.png) no-repeat;}
.cast dl dd.img img {width:108px; height:150px;}
#right_common {float:left; overflow:hidden; width:250px;}

body.main .pic {width:310px}





/* 20141020 */
.live1_top {overflow:hidden; width:585px; height:79px; margin-bottom:20px; background:url("http://img.imbc.com/broad/tv/ent/mystery/images/live1_top.jpg") no-repeat; text-indent:-5000em;}
.live2_top {overflow:hidden; width:585px; height:79px; margin-bottom:20px; background:url("http://img.imbc.com/broad/tv/ent/mystery/images/live2_top.jpg") no-repeat; text-indent:-5000em;}
ul.menu4 {border-bottom:0 none;}
.staffList {margin-top:335px;margin-left:107px;}
.staffList li {line-height:25px;font-size:14px;}
.staffList li strong {color:#ffcc00;}
.staffList li span {color:#fff;letter-spacing:-1px;}
.article.actor {margin-top:-4px;background:url(http://img.imbc.com/broad/tv/ent/mystery/images/bg_arctor1.gif) no-repeat;}
.article.actor .actorTab {margin-left:12px;padding-top:22px;}
.article.actor .actorTab img {vertical-align:top;}
.cast {padding-top:28px;}
#cast_for {display:none;}