@charset "euc-kr";
@import url("http://www.imbc.com/commons/css/common2011v2.css");
body.m {background:#000 url("http://img.imbc.com/broad/tv/ent/mymancan/images/bg_main.jpg") no-repeat center 150px; text-align:center}
body.s {background:#000 url("http://img.imbc.com/broad/tv/ent/mymancan/images/bg_sub.jpg") no-repeat center 150px; text-align:center}
body.s #wrap {overflow:hidden; padding-bottom:30px}
#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 #footer {clear:both; overflow:hidden; width:735px; height:100px; text-align:center}
/* Main */
body.m #container {z-index:20; position:relative; overflow:hidden; width:990px; margin:0 auto; text-align:left}
body.m #content {overflow:hidden; position:relative; width:990px; height:685px}
body.m .m_txt {display:block; position:absolute; left:185px; top:33px; width:625px; height:268px}
body.m .m_time {display:block; position:absolute; left:497px; top:542px; width:154px; height:23px}
body.m .m_nav {overflow:hidden; position:absolute; left:35px; top:590px; width:621px; height:19px}
body.m .m_nav ul {overflow:hidden; width:621px; height:19px; width:445px; float:right;}
body.m .m_nav ul li {float:left; height:19px; background:url("http://img.imbc.com/broad/tv/ent/mymancan/images/bg_nav_bar.jpg") no-repeat right 0}
body.m .m_nav ul li a {display:block; float:left; height:19px}
body.m .m_nav ul li.vod {width:70px; margin-right:15px; display:none;}
body.m .m_nav ul li.bbs {width:84px; margin-right:15px}
body.m .m_nav ul li.photo {width:70px; margin-right:11px}
body.m .m_nav ul li.clip {width:81px; margin-right:13px; display:none;}
body.m .m_nav ul li.program {width:102px; margin-right:11px}
body.m .m_nav ul li.mc {width:65px; margin-right:11px}
body.m .m_nav ul li.staff {width:73px; background:none}
body.m #rectangle_banner {overflow:hidden; position:absolute; right:45px; top:356px; width:250px; height:250px}
body.m #footer {overflow:hidden; width:990px; height:70px; *height:100px; padding-top:30px; font-size:12px; text-align:center}
body.m #f_copyright {color:#e43738; line-height:1.33}
/* Sub */
body.s #container {z-index:20; position:relative; overflow:hidden; width:990px; margin:0 auto; text-align:left}
#l_con {overflow:hidden; float:left; width:735px; margin-right:5px}
#spot {position:relative; width:735px; height:225px; margin-bottom:51px}
#spot .logo {display:block; position:absolute; z-index:10; left:183px; top:53px; width:136px; height:136px; text-indent:-5000em; background:url("http://img.imbc.com/broad/tv/ent/mymancan/images/bg_blank.gif")}
#spot .s_txt {display:block; position:absolute; left:31px; top:24px; width:694px; height:226px}
#spot .s_nav {overflow:hidden; position:absolute; left:0; bottom:-51px; width:130px; height:26px; background:url("http://img.imbc.com/broad/tv/ent/mymancan/images/bg_t_nav.jpg") no-repeat}
#spot .s_nav ul {overflow:hidden; width:130px; height:51px}
#spot .s_nav ul li {height:19px; *height:25px; padding:6px 0 0 16px}
#spot .s_nav ul li a {color:#fff; font-weight:bold; letter-spacing:-1px; line-height:1.33}
#spot .b_info {position:absolute; left:130px; bottom:-51px; width:590px; *width:605px; height:18px; *height:26px; padding:8px 15px 0 0; background:#e43738; font-size:11px; color:#ffdede; line-height:1.33; font-weight:bold; text-align:right; letter-spacing:-1px}
#colgroup {overflow:hidden; width:733px; *width:735px; border:1px solid #ebebeb; border-top:0; background:#fff}
#snb {overflow:hidden; float:left; width:110px; *width:129px; padding:26px 10px 0 9px}
#snb strong {display:block; margin-bottom:5px; padding:0 4px; color:#b20000; line-height:1.33; letter-spacing:-1px}
#snb ul {overflow:hidden; width:110px; margin-bottom:11px; padding-bottom:6px; border-bottom:1px solid #e8e8e8}
#snb ul.nobg {border-bottom:0}
#snb ul li {width:86px; *width:110px; margin-bottom:5px; padding:0 5px 0 19px; background:url("http://img.imbc.com/broad/tv/ent/mymancan/images/icon_menu.jpg") no-repeat 5px 1px; letter-spacing:-1px}
#snb ul li a {color:#666; font-size:11px; line-height:1.33}
#snb ul li a:hover {color:#e43738; text-decoration:underline}
body.s #content {overflow:hidden; float:left; width:570px; *width:604px; padding:0 15px 30px 18px; border-left:1px solid #ebebeb}
body.s #content h2 {width:570px; height:57px; *height:73px; padding-top:16px; font-size:18px; color:#393939; letter-spacing:-1px; line-height:1.33; font-weight:bold}
body.s .section {width:570px; min-height:700px; height:auto !important; height:700px}
body.s #footer {overflow:hidden; width:735px; height:70px; *height:100px; padding-top:30px; font-size:12px; text-align:center}
body.s #f_copyright {color:#e43738; line-height:1.33}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#wrap {width:990px}
	#header {width:990px}
	.gnb {width:990px}
	body.m #container {overflow:hidden; width:990px}
	body.s #container {overflow:hidden; width:990px}
}
