@charset "euc-kr";

/* IMBC Web Operation Division, Lee gil hwan */ 

@import url("http://www.imbc.com/broad/css/default.css");

/* Type */
#spot h1 		{position:absolute; left:0; top:0;}
#spot h1 a 	{display:block; width:200px; height:175px;}
#spot h1 span {position:absolute; width:0; height:0; overflow:hidden; text-indent:-5000px;}
em	 	{font-style:normal;}

/* Layout */
body		{background:#eaeaea url(http://img.imbc.com/broad/tv/culture/powermagazine/images/bg_sub_x.jpg) repeat-x 0 150px; text-align:center; font-size:75%;}
#wrap_outer {width:100%; background:url(http://img.imbc.com/broad/tv/culture/powermagazine/images/bg_sub_v4.jpg) no-repeat 50% 150px;}
#wrap 		{width:100%; background:url(http://img.imbc.com/broad/tv/culture/powermagazine/images/bg_footer.gif) repeat-x bottom;}
#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;}
#container	{z-index:20; position:relative; width:990px; margin:0 auto; text-align:left;}
#spot 		{z-index:10; position:relative; width:820px; height:208px;}
.colgroup	{z-index:10; position:relative; overflow:hidden; width:818px; *width:820px; background:#fff; margin-bottom:50px; border:1px solid #e6e6e6; border-top:0}
.snb		{z-index:10; float:left; overflow:hidden; width:178px; padding-top:25px; text-align:center;}
#content	{z-index:10; position:relative; float:left; width:639px; *width:640px; min-height:600px; height:auto !important; height:600px; border-left:1px solid #e6e6e6; text-align:center;}
#footer		{z-index:10; clear:both; width:100%;}
#Adcode		{top:0 !important;}

/* Class */
.skip_navi {display:none;}
.display_none {display:none;}

/* program info */
.program_info_area {z-index:10; position:absolute; left:0; top:175px; width:820px; height:33px; background:#ffd700;}
.program_info {z-index:20; display:block; position:absolute; right:20px; top:186px; font-size:11px; color:#564900; letter-spacing:-1px; line-height:130%;}
.program_info strong {font-size:11px; color:#564900;}

/* spot menu */
.spot_menu {z-index:20; position:absolute; left:0; top:175px; width:180px; height:33px;}
.spot_menu a {display:inline-block; height:33px;}
.spot_menu a img {vertical-align:top;}

/* section */
#content h2 {width:600px; height:37px; *height:54px; margin:0 auto; padding-top:16px; font-size:18px; font-weight:bold; color:#000; text-align:left; background:url("http://img.imbc.com/broad/tv/culture/powermagazine/images/bg_dott.gif") repeat-x left bottom}
#content .section {width:600px; min-height:600px; height:auto !important; height:600px; margin:0 auto 50px auto; padding-top:10px; text-align:center;}

/* menu */
.menu_section {overflow:hidden; width:140px; margin:0 auto 23px auto;}
.menu_section ul {overflow:hidden; width:140px; margin-bottom:14px; padding-top:1px; background:url(http://img.imbc.com/broad/tv/culture/powermagazine/images/bg_dott.gif) repeat-x left top; text-align:left;}
.menu_section li {float:left; width:140px; height:28px; background:url(http://img.imbc.com/broad/tv/culture/powermagazine/images/bg_dott.gif) repeat-x left bottom;}
.menu_section li a {display:block; width:135x; *width:140px; height:22px; *height:28px; padding:7px 0 0 5px; font-size:12px; color:#333; font-weight:bold; letter-spacing:-1px; text-decoration:none; line-height:130%;}
.menu_section li a:hover {color:#333; text-decoration:none;}

/* staff */
.staff {float:left; overflow:hidden; width:140px; text-align:left;}
.staff p {font:11px/1.4 Dotum; color:#777; letter-spacing:-1px;}
.staff .indent {padding-left:27px;}

.mc_wrap {overflow:hidden; width:600px}
.mc_list {overflow:hidden; width:600px}
.mc_list li {overflow:hidden; width:600px; margin:15px 0; padding-bottom:20px; border-bottom:1px solid #eaeaea; color:#777;}
.mc_list li.no_bg {border-bottom:0}
.mc_list li .img {float:left; width:145px; height:100px; margin-right:20px}
.mc_list li .img img {border:1px solid #e6e6e6; veritcal-align:top}
.mc_list li .detail {float:left; overflow:hidden; width:430px; padding-top:1px; text-align:left}
.mc_list li .detail dt {width:435px; margin-bottom:13px; color:#333; font-size:16px; line-height:20px; font-weight:bold}
.mc_list li .detail dd {overflow:hidden; width:435px; color:#777; line-height:20px}
.mc_list li .detail dd p {color:#777;}
.mc_list .seoinfo01 li {width:435px; line-height:1.5; overflow:hidden; margin:0px; padding-bottom:0px; border-bottom:none; color:#777;}
.mc_list .seoInfo {font-weight:bold; color:#777; padding:10px 0 5px 0;}

.common_top {overflow:hidden; width:600px; margin-bottom:15px; text-align:center}
.common_top img {vertical-align:top}
.tvinfo_top {overflow:hidden; width:585px; margin-bottom:15px; text-alignF:center}
.tvinfo_box {position:relative; overflow:hidden; width:585px; height:153px; margin-bottom:15px; background:url("http://img.imbc.com/broad/tv/culture/powermagazine/images/bg_tvinfo.jpg") no-repeat}
.tvinfo_box .tip {text-indent:-5000em}
.tvinfo_box .list {position:absolute; left:241px; top:40px; overflow:hidden; width:308px}
.tvinfo_box .list ul {overflow:hidden; width:324px}
.tvinfo_box .list ul li {float:left; overflow:hidden; width:90px; margin-right:18px}
.tvinfo_box .list ul li .img {display:block; width:88px; *width:90px; height:64px; *height:66px; margin-bottom:7px; border:1px solid #d7d3d4}
.tvinfo_box .list ul li .img img {vertical-align:top}
.tvinfo_box .list ul li .txt {display:block; width:90px; font-size:11px; color:#565656; letter-spacing:-1px; text-align:center; line-height:1.33}

/* ȸ¿øÁ¤º¸ */
.warning{width:495px; *width:600px; background:url(http://img.imbc.com/broad/tv/culture/powermagazine/images/bg_600.jpg) no-repeat; position:relative; padding:14px 0 20px 0; margin:10px 0 15px 0;}
.btn_warning{position:absolute; top:26px; right:31px;}
.war_dd, .warning dt{position:relative; left:-30px;}

/* @ Accessibility */
#accessibility{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}