@charset "euc-kr";
/* --- @ Accessibility --- */
#accessibility {position:absolute; left:-1000%; top:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden}
#accessibility:focus, #accessibility:active {z-index:1000; position:absolute; left:50%; top:0; width:200px; height:20px; margin-left:-495px; text-align:left; color:#222; font-weight:bold; background-color:#fff; line-height:20px; font-size:12px}
/* --- @ Layout --- */
body {background:#2e303d url("http://img.imbc.com/broad/tv/culture/storytelling/images/bg_body.jpg") no-repeat center 150px; text-align:center}
#wrapper {overflow:hidden; position:relative; width:100%}
#header .gnb {width:990px; margin:0 auto}
#container {overflow:hidden; width:990px; margin:0 auto; padding-bottom:30px; text-align:left}
.wrap {overflow:hidden; float:left; width:735px; margin-right:5px}
#spot {overflow:hidden; position:relative; width:735px; height:300px}
#colgroup {overflow:hidden; *width:733px; width:735px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; background:#fff}
#footer {width:735px; padding:18px 0 30px; text-align:center}
/* --- @ Spot --- */
#spot h1 {position:absolute; left:64px; top:0; width:603px; height:250px}
#spot h1 a {display:block; width:603px; height:250px}
#broad_info {position:absolute; left:129px; top:251px; width:597px; *width:606px; height:39px; *height:49px; padding:10px 9px 0 0; background:#464646; text-align:right; color:#c8c8c8}
#nav_popular {overflow:hidden; position:absolute; left:0; top:250px; width:129px; height:50px; background:url("http://img.imbc.com/broad/tv/culture/storytelling/images/bg_nav.jpg") no-repeat 0 1px}
#nav_popular ul {overflow:hidden; width:129px; height:50px}
#nav_popular ul li {overflow:hidden; width:129px; height:25px; letter-spacing:-1px}
#nav_popular ul li a {display:block; height:19px; *height:25px; padding:6px 0 0 16px; font-size:12px; color:#fff; font-weight:bold}
/* --- @ Left Menu (Snb) --- */
#nav {overflow:hidden; float:left; width:128px}
#nav ul {overflow:hidden; width:128px}
#nav ul li {height:37px; *height:38px; border-bottom:1px solid #e8e8e8; letter-spacing:-1px}
#nav ul li a {display:block; height:23px; *height:37px; padding:14px 0 0 17px; color:#2e303d; line-height:100%; font-weight:bold}
/* --- @ Content --- */
#content {overflow:hidden; float:left; width:564px; *width:605px; padding:0 20px 30px; border-left:1px solid #cfcfcf}
#content h2 {height:33px; *height:53px; margin-bottom:20px; padding-top:19px; border-bottom:1px solid #c5c5c5; color:#2e303d; font-size:18px; font-weight:bold; letter-spacing:-1px}
/* --- Right Common --- */
#right_common {overflow:hidden; float:left; width:250px}
/* --- Footer --- */
#f_copyright {color:#ff8888; line-height:100%}
/* -- @ Sub Menu Content --- */
.mc_wrap {overflow:hidden; position:relative; width:564px}
.mc_summary {overflow:hidden; position:absolute; left:243px; top:273px; width:294px; padding:12px 0; border-top:1px solid #a3a3a3; border-bottom:1px solid #a3a3a3; line-height:100%}
.mc_summary h4 {color:#444; font-weight:bold; line-height:1.6}
.mc_summary p {color:#a3a3a3; line-height:1.6}