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

/* @ accessibility */
#accessibility{position:relative; z-index:9999; text-align:left}
#accessibility li {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}

/* @ lyaout */
body{text-align:center; background:#cbc1f6;}
#wrapper{position:relative; width:100%; background:url(http://img.imbc.com/broad/tv/culture/with/images2/bg.jpg) no-repeat center 150px;}
#header{position:relative; width:100%;}
#header .gnb{width:990px; margin:0 auto; text-align:left;}
#container{position:relative; width:990px; margin:0 auto; text-align:left;}
#footer {position:relative; padding:40px 0;}

/* container */
#visual{position:relative; width:990px; height:456px;}
#content{width:988px; *width:990px; height:278px; *height:278px; border:1px solid #939393; border-top:none;}

/* visual */
#visual h1{width:240px; height:215px; margin:41px 0 0 15px;}
#visual p{position:absolute; top:118px; right:65px; width:402px; height:73px;}

/*nav*/
#nav{width:990px; height:30px; background:url(http://img.imbc.com/broad/tv/culture/with/images2/bar_bg.gif) no-repeat;}
#nav ul {float:left; width:171px;}
#nav ul li{float:left;}
#nav ul li img{vertical-align:top;}
#nav p{float:right; padding:10px 10px 0 0; font:12px dotum; color:#fff;}

/* content */
#aside{float:left; width:155px; *width:170px; height:267px; *height:278px; padding:11px 0 0 15px; background:#f2f2f2;}
#section{float:left; position:relative; width:805px; * width:818px; height:266px; *height:278px; padding:12px 0 0 13px; background:#fff;}

/* aside */
#aside ul{width:140px;}
#aside ul li{padding:12px 0 12px 19px; border-bottom:1px dotted #a2a2a2; font:bold 12px #191919; letter-spacing:-1;}
#aside dl{width:113px; *width:130px; padding:11px 0 0 17px; font:12px dotum; color:#4e4e4e; line-height:18px; letter-spacing:-1;}
#aside dl dt{float:left; font-weight:bold;}
#aside dl dd span{display:block; text-indent:35px;}

/* section */
.broad{width:529px; height:250px; background:url(http://img.imbc.com/broad/tv/culture/with/images2/broad_bg.gif) no-repeat;}
.broad h3{width:498px; *width:529px; height:25px; *height:38px; padding:12px 0 0 31px; background:url(http://img.imbc.com/broad/tv/culture/with/images2/broad_icon.gif) no-repeat 13px 13px; border-bottom:1px solid #cfcfcf;}
.broad_con{height:134px; *height:145px; padding:11px 0 0 11px;}
.broad_con img{overflow:hidden; float:left; width:192px; height:144px; margin-right:15px;}
.broad_con dl{overflow:hidden; float:left; width:287px; height:145px; font:12px dotum; color:#555;}
.broad_con dl dt{font:16px dotum;}
.broad_con dl dt span{display:block; margin:13px 0 15px; font:bold 12px dotum;}
.broad_con dl dd{line-height:14px;}

.banner{position:absolute; top:12px; right:13px;}