@charset "euc-kr";

/* base */
	body		{text-align:center; font-size:75%; background:#000;}
	#wrap 		{z-index:10;}
	#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:center; padding-bottom:20px; letter-spacing:-1.3; word-spacing:-1.2}
	#content	{z-index:30; position:relative; text-align:left;}
	#Adcode		{display:none !important;}
	#right_common {position:absolute; top:0; right:0;} 
	.ads {margin-top:9px; width:250px; float:right; margin:20px 15px 0 0;}
	#footer		{z-index:30; width:100% !important;  clear:both;}
	#footer table {width:990px; margin:0 auto;}
	#f_copyright {color:#fff; padding:40px 0;}
	#accessibility {text-indent:-5000px;}
	.display_none, .hide, .skip_navi , .hide {display:none;}


/* main_style */
.main #wrap {background:url("http://img.imbc.com/broad/tv/culture/survival/images/bg_main.jpg") no-repeat center 150px; background-size:1920px 1130px; }
.main #container {overflow:hidden;}
.main #logo {width:257px; height:157px; text-indent:-5000px; position:absolute; top:17px; left:30px; background:url("http://img.imbc.com/broad/tv/culture/survival/images/h1_main.png") no-repeat 0 0; z-index:50;}
.main #logo a {width:257px; height:157px; display:block;}

.main #Minfo {position:absolute; top:195px; left:18px;}
.main .front01 {position:absolute; top:9px; right:31px;}
.main .front02 {position:absolute; top:338px; left:18px;}
.main .front03 {position:absolute; top:380px; right:18px;}
.main .front03 img {width:120px;}
.main #player {width:561px; height:403px; *height:433px; background:url("http://img.imbc.com/broad/tv/culture/survival/images/play_bg.png") no-repeat; *background:url("http://img.imbc.com/broad/tv/culture/survival/images/play_bg.png") no-repeat left 40px;  margin:37px 0 0 440px; padding-bottom:30px;}
.main .aod_wrap {padding:57px 10px 0 0; *padding:95px 10px 0 0;}

.main #content {width:990px; height:555px; *height:524px; padding-top:15px; margin-top:-34px; background:url("http://img.imbc.com/broad/tv/culture/survival/images/bgContent.png") no-repeat left top; text-align:left;}

.main #aside {float:left; width:170px;}
.main .Smenu {height:32px; background:url("http://img.imbc.com/broad/tv/culture/survival/images/btn_vnb.png") no-repeat 5px 0;}
.main .Smenu li {float:left; width:85px; text-indent:-5000px;}
.main .Smenu .vod a,
.main .Smenu .board a {width:85px; height:32px; display:block;}

.main #nav {padding:10px;}
.main #nav h3 {margin-top:12px; height:26px;}
.main #nav ul {width:150px; padding: 5px 0 10px; background:url("http://img.imbc.com/broad/tv/culture/survival/images/menubar.jpg") no-repeat left bottom;}
.main #nav .pro {text-indent:-5000px; background:url("http://img.imbc.com/broad/tv/culture/survival/images/h3_program.jpg") no-repeat 10px 0; }
.main #nav .refer{text-indent:-5000px; background:url("http://img.imbc.com/broad/tv/culture/survival/images/h3_data.jpg") no-repeat 10px 0; }
.main #nav .sym{text-indent:-5000px; background:url("http://img.imbc.com/broad/tv/culture/survival/images/h3_sympathy.jpg") no-repeat 10px 0; }
.main #nav li {width:126px; *width:150px; padding:4px 12px;}
.main #nav li a {width:126px; height:18px; display:block; color:#fff;}
.main #nav li a:hover {display:block; text-decoration:underline; font-weight:bold;}

.main #section {float:left; width:790px; *width:820px; padding-left:23px;}
.main #section h3 {padding-top:30px; padding-left:10px; background:url("http://img.imbc.com/broad/tv/culture/survival/images/h3_line.png") no-repeat left bottom;}

.main .m_photo {float:left; position:relative; width:510px; height:240px; color:#94abc2;}
.main .m_photo ul {margin-top:25px; padding-left:20px;}
.main .m_photo li {float:left; width:150px; height:100px; margin:0 5px;}
.main .m_photo li img {width:148px; *width:150px;  border:1px solid #a3a3a3}
.main .m_photo li p{width:130px; *width:150px; padding:10px;}
.main .m_photo li a { color:#94abc2; }

.main .m_news {clear:both; position:relative;  width:770px;}
.main .m_news ul{margin-top:25px; padding-left:10px;}
.main .m_news li {float:left; width:350px; height:110px; margin:0 15px;}
.main .m_news li img {float:left; margin-right:10px; width:148px; *width:150px;  border:1px solid #a3a3a3;}
.main .m_news li p {float:left; width:189px; line-height:1.5; color:#94abc2; padding:10px 0 10px; }
.main .m_news li span.txt {font-weight:bold; color:#94abc2 !important; line-height:1.5;}
.main .m_news li span.txt a {font-weight:bold; font-size:12px;   color:#94abc2 !important;  display:block;}
.main .m_news li span a {font-weight:bold; font-size:12px;  color:#94abc2 !important;  display:block;}

.main #f_copyright {color:#c0bab7 !important;}

.more {position:absolute; top:35px; right:0;}

/*sub_style */
.sub #wrap {background:url("http://img.imbc.com/broad/tv/culture/survival/images/bg_sub.jpg") no-repeat center 150px; background-size:1920px 1318px;}
.sub #visual {text-align:left;}
.sub #logo {width:254px; height:160px; text-indent:-5000px; position:absolute; top:10px; left:242px; background:url("http://img.imbc.com/broad/tv/culture/survival/images/h1_sub.png") no-repeat 0 0; z-index:50;}
.sub #logo a {width:254px; height:160px; display:block;}
.sub #topMenu {width:735px; height:51px; text-align:left; margin-right:255px;} 
.sub .Smenu {float:left; width:130px; height:50px; *height:51px; background:url("http://img.imbc.com/broad/tv/culture/survival/images/btn_subvnb.jpg") no-repeat 0 0; padding-top:1px; text-align:left;}
.sub .Smenu .vod a , 
.sub .Smenu .board a {width:115px; *width:130px; height:15px;  *height:25px; display:block;padding:5px 0 5px 15px; font-weight:bold; color:#fff;}
.sub .info_in {float:left; width:590px; *width:605px; height:43px; *height:51px; color:#a0a0a0 !important; font-weight:bold; text-align:right; letter-spacing:-1.2; word-spacing:1.2; background:url("http://img.imbc.com/broad/tv/culture/survival/images/bg_infoBar.jpg") repeat-x 0 0; padding:6px 15px 0 0;}
.sub .info_in li {color:#a0a0a0 !important; line-height:1.7; word-spacing:-1.4;}
.sub .info_in li span {color:#94abc2 !important; font-weight:bold; padding-right:10px;}


.sub #content {width:735px; overflow:hidden; margin-right:255px; background:url("http://img.imbc.com/broad/tv/culture/survival/images/bg_Scontent.jpg") repeat-y 0 0; text-align:left;}

.sub #aside {float:left; width:106px; *width:130px; padding:6px 12px; }
.sub #aside h3{width:100px; *width:106px;  height: 22px; padding:0 10px; margin-top:13px;}
.sub #aside ul{width:106px; padding:5px 0 10px 0; background:url("http://img.imbc.com/broad/tv/culture/survival/images/subMline.jpg") repeat-x left bottom;}
.sub #aside .pro {text-indent:-5000px; background:url("http://img.imbc.com/broad/tv/culture/survival/images/h3_Sprogram.jpg") no-repeat 0 0; }
.sub #aside .refer{text-indent:-5000px; background:url("http://img.imbc.com/broad/tv/culture/survival/images/h3_Sdata.jpg") no-repeat 0 0; }
.sub #aside .sym{text-indent:-5000px; background:url("http://img.imbc.com/broad/tv/culture/survival/images/h3_Ssympathy.jpg") no-repeat 0 0; }
.sub #aside li {width:100px; *width:106px; padding:4px 3px; color:#141414;}
.sub #aside li a:hover,
.sub #aside li a.on{background:url("http://img.imbc.com/broad/tv/culture/survival/images/ico_menu.jpg") no-repeat 0 3; padding-left:8px; text-decoration:underline; font-weight:bold;}

.sub #section {float:left; min-height:800px; height:auto !important; height:800px; width:585px; *width:605px; padding:10px 10px 50px 10px;}
.sub #section h4 {color:#37312b; font-size:16px; letter-spacing:-1.3; word-spacing:-1.2; padding:10px 0 22px;}
.sub #section h4 span {font-weight:200; font-size:12px;}

.sub .preTxt {padding:0 15px;}
.sub .preTxt dt {padding:20px 0 7px;}
.sub .preTxt dd {line-height:1.7;}
.sub .preTxt dd.img {padding:20px 0;}

.sub #f_copyright {color:#707171!important;}

.sub #prog_contents .pic {position:relative;}
.sub #prog_contents span {display:block;}
.sub #img4_pre {position:absolute; top:0; left:0;}
.sub .re_list_cmt3 .info {float:right !important;}