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

/*reset*/
div,h1,h2,h3,h4,p,ul,li,dl,dt,dd{margin:0; padding:0;}
li{list-style:none;}

/*base*/
body		{text-align:center}
#wrap 		{z-index:10; width:100%;}
#header		{z-index:30; position:relative; width:100%; height:150px; background:#fff; text-align:center;}
.gnb		{z-index:30; position:relative; width:990px; margin:0 auto; text-align:left;}
#footer		{clear:both; width:990px; margin:0 auto; z-index:10; }

/*background img*/
body.main {width:100%; background:url("http://img.imbc.com/broad/tv/culture/wizard/images/bg_bg.jpg") no-repeat center 140px;}
body.sub {width:100%; background:url("http://img.imbc.com/broad/tv/culture/wizard/images/bg_bg.jpg") no-repeat center 140px;}

body.main #wrap {width:100%; background:url("http://img.imbc.com/broad/tv/culture/wizard/images/bg_main_v2.jpg") no-repeat center 150px;}
body.sub #wrap {/*width:100%;*/ background:url("http://img.imbc.com/broad/tv/culture/wizard/images/bg_sub_v1.jpg") no-repeat center 150px; }

#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.main #container {z-index:20; position:relative; overflow:hidden; width:990px; margin:0 auto; padding-top:440px; text-align:left;}
body.main h1 {text-indent:-5000px;}
body.sub #container {z-index:20; position:relative; overflow:hidden; width:990px; margin:0 auto; text-align:left;}

/* Main */
body.main h2{color:#9464ce;}
#m_bar {overflow:hidden; width:990px; height:33px;}
#m_bar ul {display:block; float:right; overflow:hidden; width:180px; height:33px;}
#m_bar ul li {float:left; overflow:hidden; width:90px; height:33px; vertical-align:top;}
#m_bar ul li img {vertical-align:top;}
#m_bar .broad_info {float:right; overflow:hidden; width:791px; *width:810px; height:22px; *height:33px; padding:11px 19px 0 0; text-align:right; font-size:0.9em; letter-spacing:-1px; color:#fff; font-weight:bold; line-height:1.33; background:url("http://img.imbc.com/broad/tv/culture/wizard/images/bg_main_bar.jpg") no-repeat 0 0;}
body.main #content {overflow:hidden; width:990px; margin-bottom:10px; background:url("http://img.imbc.com/broad/tv/culture/wizard/images/bg_menu_v1.jpg") no-repeat 0 0px;}
.m_menu {float:left; overflow:hidden; width:129px; *width:180px; height:381px; padding:14px 27px 0 24px;}
.m_menu ul {overflow:hidden; width:129px;}
.m_menu ul li span {width:128px; *width:129px; color:#ffea00; font-weight:bold;line-height:1.5; margin-top:7px;}
.m_menu ul li a {color:#ffea00;}
.m_menu ul ul {border-bottom:1px solid #e4a136; padding-bottom:5px;}
.m_menu ul li li {width:128px; *width:129px; height:15px; *height:19px; padding:3px 0 0 1px; vertical-align:top;}
.m_menu ul li li a {display:block; color:#fff; letter-spacing:-1px; line-height:1.7;}

.load_con {position:relative; float:left; overflow:hidden; width:787px; *width:807px; padding:19px 0 14px 20px; background:#fff;}
.vod_con {overflow:hidden; width:540px; margin-bottom:14px; vertical-align:top;}
.vod_con h2 {margin-bottom:10px; padding:0 0 7px 0; color:#471818; letter-spacing:-1px; line-height:1.33; border-bottom:1px dotted #ccc;}
.vod_con dl {position:relative; width:289px; *width:550px; min-height:144px; height:auto !important; height:144px; padding-left:211px;}
.vod_con dl dt {margin-bottom:8px;}
.vod_con dl dt {font-size:16px; color:#666; font-weight:bold; line-height:1.33;}
.vod_con dl dt a {font-size:16px; color:#666;}
.vod_con dl dd {color:#666; line-height:1.55; letter-spacing:-0.5;}
.vod_con dl dd a {color:#666;}
.vod_con dl dd.vod {position:absolute; left:0; top:0; width:192px; height:144px; background:#000;}
.photo_con {overflow:hidden; width:500px; vertical-align:top;}
.photo_con h2 {margin-bottom:20px; padding:0 0 7px 0; color:#471818; letter-spacing:-1px; line-height:1.33; border-bottom:1px dotted #ccc;}
.photo_con .list {overflow:hidden; width:500px;}
.photo_con .list ul {overflow:hidden; width:504px; margin-top:-3px;}
.photo_con .list ul li {float:left; overflow:hidden; width:116px; margin-right:10px;}
.photo_con .list ul li a {display:block; overflow:hidden; text-align:center; font-size:0.9em; color:#666; line-height:1.33;}
.photo_con .list ul li a img {display:block; width:114px; height:78px; margin-bottom:4px; border:1px solid #eee; vertical-align:top;}
body.main #rectangle_banner {position:absolute; right:13px; top:20px; overflow:hidden; width:250px; height:250px; background:#000;}
body.main #footer {overflow:hidden; width:990px; height:82px; *height:100px; padding-top:18px; text-align:center;}

/*-- ÃֽŹæ¼Û --*/
.h2_recentlyWrap {overflow:hidden; float:left; margin:23px 13px 0 0; width:530px; height:182px;}
.h2_recentlyWrap h2 {float:left; margin:0 0 15px 0; width:530px; height:22px; border-bottom:1px dotted #7e7e7e;}
.recentlyImg {overflow:hidden; display:inline; float:left; margin:0 5px 0 5px; border:2px solid #dfdeea; text-align:center; width:188px; height:140px; *width:192px; *height:144px;}
.recentlyImg img {width:188px; height:140px;}
.recentlyDate {float:left; width:300px; *width:310px; padding:3px 0 1px 11px; font-size:14px; font-weight:bold; color:#666;}
.recentlyTitle {float:left; width:304px; *width:310px; padding:14px 5px 0 10px;}
.recentlyTitle a {font-size:12px; font-weight:bold; color:#666;}
.recentlyTxt {float:left; width:304px; *width:310px; padding:8px 5px 0 10px; *padding:10px 5px 0 10px;}
.recentlyTxt a {font-size:12px; color:#666;line-height:1.55;}


/*  Sub  */
#l_con {float:left; overflow:hidden; width:735px; margin-right:5px;}
#spot {position:relative; width:735px; height:200px; margin-bottom:50px;}
#spot h1 {position:absolute; left:14px; top:23px; width:236px; height:128px;}
#spot h1 a {display:block; height:200px; text-indent:-5000em; background:url("http://img.imbc.com/broad/tv/culture/wizard/images/bg_h1.png") no-repeat;}
#spot .broad_info {position:absolute; right:0; top:200px; width:594px; *width:605px; height:19px; *height:50px; padding:31px 11px 0 0; text-align:right; background:url("http://img.imbc.com/broad/tv/culture/wizard/images/bg_sub_bar.jpg") no-repeat; font-size:0.9em; letter-spacing:-1px; color:#fff; font-weight:bold; line-height:1.33;}
#colgroup {overflow:hidden; width:735px; height:auto;background:url("http://img.imbc.com/broad/tv/culture/wizard/images/bg_s_menu.jpg") repeat-y;}
.snb {float:left; overflow:hidden; width:110px; *width:130px; padding:11px 10px 0 10px;}
.snb ul {overflow:hidden; width:114px}
.snb ul li {line-height:1.5; padding-top:10px;}
.snb ul li span {width:114px; *width:130px; color:#ffea00; font-weight:bold; line-height:1.5; margin-top:2px;}
.snb ul li a {color:#ffea00;}
.snb ul ul {border-bottom:1px solid #e4a136; padding-bottom:5px;}
.snb ul li li {width:104px; height:15px; *height:19px; padding:3px 0 0 1px; vertical-align:top;}
.snb ul li li a {display:block; color:#fff; letter-spacing:-1px; line-height:1.5; padding-bottom:2px;}
body.sub #content {float:left; overflow:hidden; width:585px; *width:605px; padding:0 10px 30px 10px; border-bottom:1px solid #bdbdbd; } 
body.sub #content h2 {height:42px; *height:61px; padding:19px 0 0 10px; font-size:1.6em; color:#393939; line-height:1.33; letter-spacing:-1px;}
body.sub #content p {color:#f26d93; margin-top:-15px;padding:0 0 10px 11px; font-size:1.1em;font-weight:bold;  letter-spacing:-1px;}
.section {position:relative; width:585px; min-height:600px; height:auto !important; height:600px; background:url("http://img.imbc.com/broad/tv/culture/wizard/images/bg_section.gif") no-repeat;}
body.sub #rectangle_banner {overflow:hidden; width:250px; height:250px;}
body.sub #footer {overflow:hidden; width:735px; height:82px; *height:100px; padding-top:18px; text-align:center;}
body.sub #f_copyright {color:#471818; line-height:1.4;}
#right_common {float:left; overflow:hidden; width:250px;}
.t_menu {position:absolute; left:0; top:200px; overflow:hidden; width:130px; height:50px;}
.t_menu ul {overflow:hidden; width:130px; height:50px;}
.t_menu ul li {overflow:hidden; vertical-align:top;}
.t_menu ul li.vod {height:50px;}

/*  staff */
.staff_wrap {position:relative; overflow:hidden; width:585px; height:419px;}
.staff_wrap img {position:absolute; left:0; top:0;}

/*  Program  */
.program_wrap {position:relative; overflow:hidden; width:585px; height:634px;}
.program_wrap img {position:absolute; left:0; top:0;}

/*  Cast  */
.cast_wrap {position:relative; overflow:hidden; width:585px; height:650px; padding-top:15px; background:url("http://img.imbc.com/broad/tv/culture/wizard/images/btn_blank.png") no-repeat;}
.cast_wrap p img {position:absolute; left:0; top:0;}
.cast_wrap dt img { z-index:200;}
.cast_wrap dt.cast1 img {position:absolute; left:185px; top:145px;}
.cast_wrap dt.cast2 img {position:absolute; left:193px; top:235px;}
.cast_wrap dt.cast3 img {position:absolute; right:130px; top:135px;}
.cast_wrap dt.cast4 img {position:absolute; right:190px; top:300px;}

.cast_wrap dd.cast1 {position:absolute; left:79px; top:26px;}
.cast_wrap dd.cast2 {position:absolute; left:246px; top:54px;}
.cast_wrap dd.cast3 {position:absolute; right:8px; top:29px;}
.cast_wrap dd.cast4 {position:absolute; right:55px; top:214px;}