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

/* 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;}
#container	{z-index:10; position:relative; width:990px; margin:0 auto; text-align:left}
#content	{z-index:30; position:relative;}
#Adcode		{display:none !important;}
#footer		{ clear:both;  width:990px; margin:0 auto; text-align:center; margin-top:30px; height:50px; color:#326c7a; padding-top:30px; *padding-top:0;}
#f_copyright{color:#191919; margin-top:30px;}

/* layout */

#container{overflow:hidden;}
#content, #content a{color:#515050;}
#context{position:relative; width:990px; z-index:50;}
#banner{position:absolute; top:39px; right:30px;}
.main .ads {float:left; width:250px; margin-top:15px;} 
.main .ads #rectangle_banner {width:250px; height:250px; margin-bottom:10px; overflow:hidden;}
#right_common {position:absolute; top:0px; right:0px;}

/* main */
.main #wrap{background:url(http://img.imbc.com/broad/tv/culture/breath/images/bg_main.jpg) no-repeat center 150px;}
.main #container {position:relative;}
.main #container h1 {position:absolute; top:288px; right:20px;}
.main #container #nav {width:990px; height:30px;}
.main #container #nav .vod {float:left; width:84px; height:30px; background:url(http://img.imbc.com/broad/tv/culture/breath/images/btn_vod.jpg) no-repeat; text-indent:-5000px;}
.main #container #nav .vod a {width:84px; height:30px;display:block;}
.main #container #nav .board {float:left;width:87px; height:30px;  background:url(http://img.imbc.com/broad/tv/culture/breath/images/btn_board.jpg) no-repeat; text-indent:-5000px;}
.main #container #nav .board a {width:87px; height:30px;display:block;}
.main #container #nav p {float:left; color:#363737; width:809px; *width:819px; height:30px; background:#b1a24a; line-height:2.5; padding-right:10px; text-align:right;  }
.main #container #nav p span {font-weight:bold;}
.main #container #content {width:988px; *width:990px; height:auto; min-height:500px; border:1px solid #dddddc; background:#f6f7f5;}
.main #container #aside {float:left; width:166px; *width:171px; padding-left:5px;}
.main #container #aside .menu li a {display:block; color:#361703; font-weight:bold;}
.main #container #aside .menu li {color:#999999;  padding-left:15px; border-bottom:1px solid #dcdcdc; line-height:3;}
.main #container #aside ul {color:#999999; margin-top:10px; margin-left:5px;}
.main #container #aside ul li {line-height:1.5; padding-left:15px; font-size:11px;}
.main #container #aside ul li span {font-weight:bold;  font-size:11px;}
.main #container .section {float:left; width:556px; color:#606060; padding-bottom:20px;}
.main #container .section .recent {position:relative; width:529px; height:250px; margin:15px 0 0 15px; border:1px solid #c1c0c0; background:#f3f3f3;}
.main #container .section .recent h3 {font-weight:bold; height:15px; *height:38px;  padding:13px 0 10px 32px;  background:url(http://img.imbc.com/broad/tv/culture/breath/images/ico_recent.png) no-repeat  13px 50%; border-bottom:1px solid #dddddc;}
.main #container .section .recent .more {position:absolute; top:13px; right:15px;}
.main #container .section .recent .recentlyImg {float:left; width:192px; height:144px; margin:15px 10px 0 15px; background:#dcdcdc; border:4px solid #a79736; }
.main #container .section .recent .recentlyImg .re_list_cmt3 {width:192px; height:144px;}
.main #container .section .recent .recentlyImg .pic {width:192px; height:144px;}
.main #container .section .recent dl {float:left; width:255px; height:158px; margin:18px 0 0 10px;}
.main #container .section .recent dt.recentlyDate {font-size:1.2em; color:#242424; font-weight:bold; }
.main #container .section .recent dd.recentlyTitle {font-size:1.2em; color:#a7530f; font-weight:bold; margin-top:10px;}
.main #container .section .recent dd.recentlyTitle a {font-size:1.2em; color:#a7530f; font-weight:bold; margin-top:10px;}
.main #container .section .recent dd.recentlyTxt {color:#191919; margin-top:10px; overflow:hidden; line-height:1.4;}
.main #container .section .b_info {position:relative; width:529px; height:165px; margin:15px 0 0 15px;  border:1px solid #c1c0c0; background:#f3f3f3;}
.main #container .section .b_info h3 {font-weight:bold; height:15px; *height:38px;  padding:13px 0 10px 32px;  background:url(http://img.imbc.com/broad/tv/culture/breath/images/ico_info.png) no-repeat  13px 50%; border-bottom:1px solid #dddddc;}
.main #container .section .b_info .more {position:absolute; top:13px; right:15px;}
.main #container .section .b_info ul {margin:12px 0 0 15px;}
.main #container .section .b_info ul li {font-size:1.1em; line-height:1.5;}


/* sub */
.sub #wrap {background:url(http://img.imbc.com/broad/tv/culture/breath/images/bg_sub.jpg) no-repeat center 150px;}
.sub #container h1 {padding:60px 0 0 365px;}
.sub #container h1 img { height:143px; }
.sub #container #nav {width:735px;  overflow:hidden; height:50px;}
.sub #container #nav ul {float:left; height:50px; width:126px;}
.sub #container #nav ul  li{line-height:25px; height:25px;}
.sub #container #nav ul  li a {display:block;}
.sub #container #nav .vod {background:url(http://img.imbc.com/broad/tv/culture/breath/images/btn_sub_vod.jpg) no-repeat; text-indent:-5000px;}
.sub #container #nav .board {background:url(http://img.imbc.com/broad/tv/culture/breath/images/btn_sub_board.jpg) no-repeat; text-indent:-5000px;}
.sub #container #nav p {float:left; color:#363737; width:599px; *width:609px; height:50px; background:url(http://img.imbc.com/broad/tv/culture/breath/images/sub_bar.jpg) no-repeat; line-height:6; padding-right:10px; text-align:right;  }
.sub #container #nav p span {font-weight:bold;}
.sub #container #content {overflow:hidden; width:735px; border-bottom:1px solid #dddddc; background:url(http://img.imbc.com/broad/tv/culture/breath/images/bg_content.jpg) repeat-y;}
.sub #container #aside {float:left; width:116px; *width:126px; padding:0 5px;}
.sub #container #aside .menu li a {display:block; color:#361703; font-weight:bold;}
.sub #container #aside .menu li {color:#999999;  padding-left:5px; border-bottom:1px solid #dcdcdc; line-height:3;}
.sub #container #aside ul {color:#999999;  margin:10px 5px; }
.sub #container #aside ul li {line-height:1.5; padding-left:5px; font-size:11px;}
.sub #container #aside ul li span {font-weight:bold;  font-size:11px;}
.sub #container .section {float:left; width:589px; *width:609px; padding:10px; min-height:700px; height:auto !important; height:700px;}
.sub #container .section h2 {font-size:1.2em; color:#393939; font-weight:bold; line-height:1.5; padding-bottom:10px; margin:5px 0px 15px 0px; background:url(http://img.imbc.com/broad/tv/culture/breath/images/sub_line.jpg) repeat-x left bottom;}