@charset "utf-8";
@import url("layout.css");
/*
Title : main.css
Description : 헤럴드경제메인
Author : 권오덕,
Date : 2010.01
*/

	.famlink02 {width:100%; min-width:1000px; height:22px; border-bottom:1px solid #e8e8e8; background:#fbfbfb;}
	.famlink02 .center {position:relative; margin:0 auto; width:980px; height:22px; padding:0 10px;}
	.famlink02 h2 {position:absolute; left:501px; top:3px; z-index:10;}
	.famlink02 ul {float:right; width:400px; text-align:right;}
	.famlink02 li {float:left; padding:6px 7px 0 7px; background:url(../images/common/top_link_bar.gif) no-repeat right top;}
	.famlink02 li.last {padding-right:0; background:none;}
	.famlink02 li img {vertical-align:top;}
	.favorlink {position:absolute; left:10px; top:6px; width:119px; height:9px; z-index:99;}	
	.favorlink a {display:block;}
			#search {vertical-align:middle;margin:0 auto; padding:2px 0 0 4px; width:308px; height:32px; border:1px solid #79b6da; background:url(../images/common/top_src_bg.gif) no-repeat left top;}
			#search input {float:left; margin:3px 5px 0 5px;}
			#search input.top_src {  padding:4px; width:240px; height:15px; border:0 none;}
		
			.recom {overflow:hidden; float:left; margin-top:5px; padding-left:334px; width:312px;}
			.recom h2 {float:left;}
			.recom ul li {font-size:13px; font-family:wooridotum; display:block; float:left; white-space:nowrap; padding:3px 8px 0 7px; background:url(../images/common/recom_bar.gif) no-repeat right 5px;}
			.recom ul li.last {padding-right:0; background:none;}
			
			.login {position:absolute; right:0; top:8px;}
			.login li { float:left; padding-right:8px; background:url(../images/common/top_login_bar.gif) no-repeat right 2px;}
			.login li img {vertical-align:top;}
			.login li.last { padding:0 0 0 7px; background:none;}	
		/* banner */
			#leftbanner {position:absolute; left:0; top:42px;}
			#rightbanner {position:absolute; right:0; top:42px;}		
	
	#head h1 {margin:0 auto 15px auto; padding:11px 0 0 0; width:173px; height:37px; background:none; z-index:0;}
	.user_service {position:absolute; left:0; top:8px;}
	.user_service li { float:left; margin-right:7px; padding-right:8px; background:url(../images/common/top_login_bar.gif) no-repeat right 3px;}
	.user_service li img {vertical-align:top;}
	.user_service li.last {background:none;}			
	#date {font-size:13px; color:#666666; float:right; padding-top:9px; width:268px;}
	#date img {vertical-align:middle;}	
	#date p {float:right; font-family:wooridotum;}
	#date ul li {float:left; padding:0 9px 0 8px; background:url(../images/common/date_gu.gif) no-repeat right 3px;}
	#date ul li.last {padding-right:0; background:none;}
	
		/* navigation */
			#navigation {float:left; position:relative; margin-top:9px; width:980px;background:#62b7e9 url(../images/common/bg_nav_biz.gif) repeat-x left top;}
			#navigation h2 {float:left; margin:10px 10px 0 0;}	
			#navigation div.nav_left {float:left; width:770px;}
			/* width 700px */
			#navigation ul#heraldmenu {float:left; height:41px; background:url(../images/common/bg_nav_biz_l.gif) no-repeat left top;}
			#navigation ul li {font-size:13px; font-family:wooridotum; font-weight:bold; color:#fff; float:left; height:41px; background:url(../images/common/biz_nav_gu.gif) no-repeat right 17px;}
			#navigation ul li.last {padding-right:0; background:none;}
			#navigation ul li a {display:block; color:#fff; padding:14px 12px 0 10px;}
			#navigation ul li a:hover {display:block; color:#000; padding:14px 11px 10px 9px !important; padding-bottom:9px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background:url(../images/common/bg_nav_on.gif) repeat-x left top;}
			#navigation ul#heraldmenu li div li {padding:0;}
			#navigation ul li div {visibility:hidden; position:absolute; left:0; top:40px; width:978px; height:32px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background:url(../images/common/bg_nav_sub.gif) repeat-x left bottom; z-index:90;}
			#navigation ul li div li {font-weight:normal; height:30px; background:url(../images/common/nav_sub_gu.gif) no-repeat right 13px;}
			#navigation ul li div a {color:#000; padding:8px 12px 8px 10px;} 
			#navigation ul li div a:hover {padding:8px 12px 8px 10px !important; border:none; background:none;}
			#navigation .hotmenu {float:right; padding:9px 3px 0 0;}
			#navigation .hotmenu li {float:left; height:22px;}
			#navigation .hotmenu li a {margin:0; padding:0;}
			#navigation ul.hotmenu li a:hover {margin:0; padding:0 !important; border:none;}
			#navigation ul.servicemenu { display:block; float:right; padding-left:20px; border-left:1px solid #59a6d2; background:#28cc38 url(../images/common/bg_hot_biz.gif) repeat-x left top;}
			#navigation ul.servicemenu li {font-size:13px; font-family:wooridotum; font-weight:bold; letter-spacing:-1px; color:#fff; float:left; padding-top:10px; height:30px; background:url(../images/common/nav_link_gu2.gif) no-repeat right 18px;}
			#navigation ul.servicemenu li.last {padding-right:25px; background:url(../images/common/bg_hot_r.gif) no-repeat right top;}
			#navigation ul.servicemenu li a {display:block; color:#fff; padding:2px 10px 0 0; white-space:nowrap;}	
			#navigation ul.servicemenu li a:hover {  padding:4px 10px 0 9px; border:none; background:none;}	
			#navigation ul.servicemenu li a.blog { padding-left:29px; background:url(../images/bul/ico_cub.gif) no-repeat 11px 3px;}	
			#navigation ul.servicemenu li a.blog:hover { padding:0 10px 0 29px !important; background:url(../images/bul/ico_cub.gif) no-repeat 11px 3px; color:#fff;}	
			#navigation ul.servicemenu li a.hservice { padding-left:29px; background:url(../images/bul/ico_cam.gif) no-repeat 11px 3px;}	
			#navigation ul.servicemenu li a.hservice:hover {  padding:0 10px 0 29px !important; background:url(../images/bul/ico_cam.gif) no-repeat 11px 3px; color:#fff;}	
			#navigation ul.servicemenu li a.down { padding-left:29px; background:url(../images/bul/ico_tv.gif) no-repeat 11px 2px;}	
			#navigation ul.servicemenu li a.down:hover { padding:0 10px 0 29px !important; background:url(../images/bul/ico_tv.gif) no-repeat 11px 2px; color:#fff;}							
			
			#navigation ul li div .sub01 {padding-left:10px;}
			#navigation ul li div .sub02 {padding-left:20px;}
			#navigation ul li div .sub03 {padding-left:30px;}
			#navigation ul li div .sub04 {padding-left:40px;}
			#navigation ul li div .sub05 {padding-left:50px;}
			
			#navigation ul li div .sub21 {padding-left:40px;}
			#navigation ul li div .sub22 {padding-left:50px;}	
			#navigation ul li div .sub23 {padding-left:60px;}
			#navigation ul li div .sub24 {padding-left:70px;}
			#navigation ul li div .sub25 {padding-left:80px;}	
				.left_menu h2 { font-size:12px; font-weight:bold; color:#1f4057; margin-top:-1px; padding:5px 0 5px 6px; border-top:1px solid #ccdae3; border-bottom:1px solid #ccdae3; background:#e2f2fc;}
				.left_menu ul li {font-size:13px;font-family:wooridotum; color:#000; padding:5px 0 5px 6px; border-bottom:1px solid #ebebeb; background:#fff;}
				.left_menu ul li a, 
				.left_menu ul li a:active, 
				.left_menu ul li a:hover, 
				.left_menu ul li a:visited {color:#000;}

				.left_menu ul li.submenu {font-size:12px; color:#000; padding:0; border-bottom:1px solid #ebebeb; background:#fff;}
				.left_menu ul li.submenu a, 
				.left_menu ul li.submenu a:active, 
				.left_menu ul li.submenu a:hover, 
				.left_menu ul li.submenu a:visited {color:#000;display:block; padding:5px 0 5px 6px;}

				.left_menu ul li.submenu a.tabbtn {display:block; padding-right:12px; background:url(../images/bul/bul_plus.gif) no-repeat 100px 50%;}
				.left_menu ul li.submenu a.tabbtn_over {display:block; padding-right:12px; font-weight:bold; background:#f6f6f6 url(../images/bul/bul_mnus.gif) no-repeat 100px 50%;}
				.left_menu ul li img {margin-left:5px;}
				.left_menu ul li div {margin:0;background:#f6f6f6;}
				.left_menu ul li div a, 
				.left_menu ul li div a:active, 
				.left_menu ul li div a:hover, 
				.left_menu ul li div a:visited {color:#666;}
				.left_menu ul li div li {border-bottom:none;}
				.left_menu ul li.submenu div.dep01 li {_height:27px;}
				.left_menu ul li.submenu div.dep01 li a,
				.left_menu ul li.submenu div.dep01 li a:active,
				.left_menu ul li.submenu div.dep01 li a:hover,
				.left_menu ul li.submenu div.dep01 li a:visited	{display:block; padding:5px 5px 5px 11px; background:url(../images/bul/bul_l_m.gif) no-repeat left 8px;} 
				.left_menu ul li.submenu div.dep01 li {border-bottom:none; background:#f6f6f6; padding:0 0 0 5px;}				
				
		/* headline contents */
			.headline_contents { float:left;margin-bottom:26px; width:598px; border:1px solid #ededed; border-bottom:0 none;}
				.headline_content {float:left; width:599px;}
			 /*   .headline_contents div#head_news { position:relative; width:599px; height:225px;}*/
				.headline_contents div#head_news { position:relative; width:599px;}

				/* 20110317 추가 */
			  .headline_contents div#head_news_2011 { position:relative; width:599px; height:260px;}

					.top_text_banner {font-size:12px; position:absolute; right:20px; top:10px;}
					.top_text_banner img {margin-right:5px;}
					
				.headline_contents div#head_news h3 {position:relative;float:left; margin-top:-1px; height:33px; overflow:hidden; z-index:99;}
				.headline_contents div#head_news h3 a.tabbtn {display:block; font-size:12px;font-weight:normal; float:left; padding:9px 7px 0 7px; height:22px; border-top:1px solid #cbd2db;border-right:1px solid #cbd2db; border-bottom:1px solid #cbd2db; background:#f5f4f5}
				.headline_contents div#head_news h3 a.tabbtn:hover {text-decoration:none; background:#f9f8f9 url(../images/common/bg_head_news_tab.gif) repeat-x left 1px}
				.headline_contents div#head_news h3 a.tabbtn_over {display:block; font-weight:bold; font-size:12px; color:#000; float:left; padding:9px 7px 0 7px; height:22px; border-top:1px solid #cbd2db; border-right:1px solid #cbd2db; border-bottom:1px solid #fff; background:#fff;}
				.headline_contents div#head_news h3 a.tabbtn_over:hover {text-decoration:none;}		
			   
			/*
			 .headline_contents div#head_news div.head_con {position:absolute; left:0; top:31px; padding:12px 0 0 15px; width:584px; height:178px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; overflow:hidden; z-index:10;}
			*/				 
				.headline_contents div#head_news div.head_con {padding:40px 0 10px 15px; width:584px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; z-index:10;}

				/* 20110317 추가 */
					.headline_contents div#head_news div.head_con_2011 {position:absolute; left:0; top:31px; padding:12px 0 0 15px; width:584px; height:215px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; overflow:hidden; z-index:10;}
				
				.headline_contents div#head_news div dd.text {font-weight:bold; font-size:14px;font-family:wooridotum; color:#666; margin:9px 0 12px 0;}
				.headline_contents div#head_news div dd.img  img {float:left; margin-right:14px; padding:2px; width:149px; height:93px; border:1px solid #e8e8e8; background:#ededed;}
				.headline_contents div#head_news div ul { width:350px; margin-right:10px;overflow:hidden;}
				.headline_contents div#head_news div ul li {font-size:14px;font-family:wooridotum; font-weight:bold; color:#575654; line-height:20px; padding-left:12px; background:url(../images/bul/bul_b01.gif) no-repeat left 6px;}
				.headline_list {position:relative; width:410px; height:105px; float:left;}
				.headline_list a.prev_btn {position:absolute; top:88px;right:13px; }
				.headline_list a.next_btn {position:absolute; top:88px;right:0;}
				
				div.news_summary {margin-left:-9px; margin-bottom:10px;}
				div.news_summary dl {position:relative; margin:0 10px; padding:12px 0 12px 103px; width:236px;}			
				div.news_summary dl.first {border-bottom:1px solid #e8e8e8;}
				div.news_summary dl dt {font-size:14px; font-weight:bold;font-family:wooridotum; color:#000; margin-bottom:5px;}
				div.news_summary dl dt a {color:#000;}
				div.news_summary dl dd.text {font-size:12px; color:#656565; line-height:130%; height:37px; overflow:hidden;}		
				div.news_summary dl dd.img {position:absolute; left:0; top:12px;}
				div.news_summary dl dd img {border:1px solid #dcdcdc; margin-right:13px;}
				
				
				div.blog h3 {margin-bottom:10px;}
				div.blog li {font-size:12px; line-height:140%; padding-left:9px; background:url(../images/bul/bul_dot_05.gif) no-repeat left 8px;}
					
				div.photo_news {padding:10px 0; float:left;}
				div.photo_news a.btn_l,
				div.photo_news a.btn_r {float:left; padding:25px 3px;}
				div.photo_news ul {float:left;}
				div.photo_news li {font-size:12px; float:left; padding:0 3px; width:96px;}
				div.photo_news li img {margin-bottom:10px !important; margin-bottom:3px;}
				div.photo_news li span {display:block;width:96px; text-align:center;font-family:wooridotum;}
				.kospi {width:245px; height:73px;}	
				.headline_banner {margin-bottom:0px;}		
							
		/* content */
			.content_area_left {float:left; padding:0 0 0 9px; width:351px; border-right:1px solid #e8e8e8;}
			.content_area_middle {float:left; padding:10px 0 0 9px; width:228px;}				
			.content_area_right {float:left; width:259px; overflow-x:hidden; border-top:1px solid #e8e8e8;}	
					
				.content_area_left ul {margin-bottom:10px;}
				.content_area_left ul li {font-size:15px; color:#000; line-height:180%;font-family:wooridotum;}
				.content_area_left ul li a {color:#000;}		
				.content_area_left .news_flash {margin-bottom:0px;}
				.content_area_left .news_flash ul li {font-size:12px; font-weight:bold; font-family:dotum; line-height:130%; margin-left:10px; padding:4px 0 2px 8px; height:14px; background:url(../images/bul/bul_dot.gif) no-repeat left 9px; overflow:hidden;}			
				.content_area_left .news_flash ul li a {color:#306483;}   
				
		/* content_area */
				
				.content_area_left .banner {width:351px; text-align:center;}
				.content_area_left	 h3,
				.content_area_middle h3 {margin-bottom:10px;} 
				.content_area_right	 h3 {margin:5px 0 5px 10px;}
				.content_area_left   h3.hidden,
				.content_area_middle h3.hidden,
				.content_area_right  h3.hidden { visibility:hidden; font-size:0; text-indent:-1000px; margin:0;padding:0; width:0; height:0; overflow:hidden;}					
						
				#event, #star_news, #herald24, #freshnews, #hm_net, #heraldtv {position:relative; margin-right:10px;}
				.content_area_right #event, 
				.content_area_right #star_news, 
				.content_area_right #herald24, 
				.content_area_right #freshnews, 
				.content_area_right #hm_net, 
				.content_area_right #heraldtv,
				.content_area_right #sexy,
				.content_area_right .banner01 {margin-right:0; margin-left:10px;}
				
				#event	 h4,
				#star_news h4, 
				#herald24  h4, 
				#freshnews h4, 
				#hm_net	h4,
				#heraldtv  h4 {float:left; height:23px;overflow:hidden; position:relative; z-index:99; font-family:wooridotum; white-space:nowrap;} 
				
				#event	 h4.first,
				#star_news h4.first, 
				#herald24  h4.first, 
				#freshnews h4.first, 
				#hm_net	h4.first, 
				#heraldtv  h4.first {border-left:1px solid #dcdbdc;}
				
				h4 a.tabbtn01 {display:block; float:left; font-size:12px; font-weight:normal; padding:4px 10px 0 10px; height:17px; border-top:1px solid #dcdbdc; border-right:1px solid #dcdbdc; border-bottom:1px solid #e2e1e2; background:#f7f7f7;}	
				
				h4 a.tabbtn01:hover {text-decoration:none; background:#f9f8f9;}	
				
				h4 a.tabbtn01_over {display:block;float:left; font-weight:normal; font-size:12px; color:#000; padding:4px 10px 0 10px; height:17px; border-top:1px solid #dcdbdc; border-right:1px solid #dcdbdc; border-bottom:1px solid #fff; background:#fff;}
				
				h4 a.tabbtn01_over:hover {text-decoration:none;}
				
				#event	 h4 a.tabbtn01,
				#event	 h4 a.tabbtn01_over  {padding:4px 10px 0 10px;}
				#star_news h4 a.tabbtn01,
				#star_news h4 a.tabbtn01_over  {padding:4px 17px 0 17px;}
				#herald24  h4 a.tabbtn01,
				#herald24  h4 a.tabbtn01_over  {padding:4px 13px 0 12px;}
				#freshnews h4 a.tabbtn01,
				#freshnews h4 a.tabbtn01_over  {padding:4px 17px 0 21px;} 
				#hm_net	h4 a.tabbtn01,
				#hm_net	h4 a.tabbtn01_over  {padding:4px 10px 0 10px;}
				#heraldtv  h4 a.tabbtn01,
				#heraldtv  h4 a.tabbtn01_over  {padding:4px 10px 0 10px;}
				#event  h4 a.tabbtn01_over, 
				#star_news  h4 a.tabbtn01_over, 
				#herald24  h4 a.tabbtn01_over, 
				#freshnews  h4 a.tabbtn01_over, 
				#hm_net  h4 a.tabbtn01_over, 
				#heraldtv  h4 a.tabbtn01_over {color:#000;}					
				
				#hmnet01  h5, 
				#hmnet02  h5, 
				#hmnet03  h5 {float:left;}
				#event div.divdiv, #star_news div.divdiv, #herald24 div.divdiv, #freshnews div.divdiv, #hm_net div.divdiv, #hmnet01 dl, #hmnet02 dl, #hmnet03 dl {position:absolute; left:0; top:22px; padding-top:7px; z-index:90;}
				
				dl.photo_con {margin-bottom:5px;}
				dl.photo_con dt {height:70px; overflow:hidden;font-family:wooridotum;}
				dl.photo_con dt a {font-weight:bold; font-size:15px; color:#000; line-height:130%; margin-bottom:8px;}
				dl.photo_con dt img {float:left; margin-right:5px;}
				dl.photo_con dd {font-size:13px; line-height:160%; clear:both; overflow:hidden;font-family:wooridotum;}
					
				.banner01 {vertical-align:top; margin:0 10px 20px 0; padding:12px 6px 9px 6px; border:1px solid #e1e1e1; background:#fcfcfc;}
				.banner01 li {font-size:13px;font-family:wooridotum; margin-bottom:5px; padding-left:6px; height:13px; line-height:100%; background:url(../images/bul/bul_dot_03.gif) no-repeat left 5px; overflow:hidden;}		
				.banner01 li img {margin-right:5px;}	
					
				ul.list02 { margin-bottom:10px;}
				ul.list02 li {font-size:13px;font-family:wooridotum;line-height:140%; margin-bottom:4px; padding-left:10px; height:16px; background:url(../images/bul/bul_b01.gif) no-repeat left 7px; overflow:hidden;}					
				
				.list03 {padding-top:5px;}
				.list03 li {font-size:12px; margin-bottom:6px; padding-left:6px; height:14px; background:url(../images/bul/bul_dot_02.gif) no-repeat left 4px; overflow:hidden;}
							
			/* left */
				#event {height:250px;}
				#event_con01 {position:absolute; left:0; top:29px; z-index:10; /* tab_dell */ border-top:1px solid #e8e8e8;}
				#event h4 {text-align:center;}
				#event h4 a {min-width:75px;}
				#event div dl {float:left; padding:8px 0 0 6px; width:48%;}
				#event div dl dt, 
				#event div dl dt a {font-weight:bold; font-size:14px; color:#000; line-height:130%; margin-bottom:8px;}
				#event div dl dd {font-size:12px; line-height:180%;}
				#event div dl dd img {float:left; margin:6px 6px 5px 0;}
				#event div dl.border_r {padding:8px 6px 0 0; background:url(../images/common/dot_bdr.gif) repeat-y right top;}
				
			/* middle */
				#star_news {margin-bottom:10px; height:275px;}
				#star_news dl.photo_con dd {height:45px;}				
				
				#herald24 {height:180px;}
				#herald24 dl.photo_con dd {height:60px;}
				
				#freshnews {height:168px;}	
				#freshnews dl.photo_con dd {height:60px;}	
				
				.box {margin-right:10px; padding:0 8px;  border:1px solid #e8e8e8;}	
				.box ul {margin:15px 0;}	
				.box li {font-size:13px;font-family:wooridotum; margin-bottom:7px; padding-left:8px; height:16px; background:url(../images/bul/bul_dot_05.gif) no-repeat left 6px; overflow:hidden;}	
						
			/* right */
				#pop_banner { position:relative; padding:99px 6px 15px 170px; width:82px; height:17px; overflow:hidden;  border-right:1px solid #e8e8e8;}
				#pop_banner h4 {display:inline; float:left !important; float:none; margin:0 4px 0 0; zoom:1; padding:0; position:relative; z-index:200;}
				#pop_banner h4 img {width:12px; height:12px;}
				#pop_banner div.divdiv {position:absolute; left:6px; top:17px; width:245px;}		
				#pop_banner div p {font-size:13px;font-family:wooridotum; margin:11px 0 0 4px; padding-left:8px; width:140px; background:url(../images/bul/bul_dot_05.gif) no-repeat left 5px;}
				#pop_banner div.divdiv p a {}
				#today_news {position:relative; float:left; padding:0 10px 10px 10px; margin-bottom:10px; width:238px; height:156px; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}
				#today_news h3 {margin:10px 0 6px 0;}	
				#today_news h4 a {font-size:14px;font-family:wooridotum; font-weight:bold; text-align:center; text-decoration:none; float:left; padding:4px 0 0 0; width:117px; height:19px !important; height:21px;}
				#today_news h4 a.tabbtn { border:1px solid #dee6f6; border-bottom:1px solid #62b7e8; background:#f2faff;}	
				#today_news h4 a.tabbtn_over {color:#000; border:1px solid #62b7e8; background:#fff; border-bottom:1px solid #fff;}	
				#today_news div.divdiv {position:absolute; left:10px; top:65px;}
				#today_news div li {font-size:12px; height:12px; padding:0 0 7px 7px !important; padding-bottom:5px; background:url(../images/bul/bul_dot_05.gif) no-repeat left 5px; overflow:hidden;}
				#today_news div li img {vertical-align:top; margin:0; padding:0;}	
				.iframe {margin:0 0 10px 8px;}
				.iframe_border { margin:0 0 10px 10px; width:246px; text-align:center; border:1px solid #e8e8e8;}
				#hm_net h4 a.tabbtn01, #hm_net h4 a.tabbtn01_over { padding:4px 5px 0 5px;}			
				#hm_net {margin-bottom:15px; height:255px;}
				#hm_net div.divdiv {top:22px; padding-top:0; width:100%; border-top:1px solid #e8e8e8; background:url(../images/common/dot_01.gif) repeat-x left 19px;}				
				#hm_net div h5 {font-weight:normal; font-size:11px; letter-spacing:-1px; padding:5px 5px 5px 4px; background:url(../images/common/recom_bar.gif) no-repeat right 6px;}
				#hm_net div h5 a.tabbtn_over {font-weight:bold; color:#000;}
				#hm_net div h5.last {background:none;}
				#hm_net div dl.imgdiv {padding:4px 4px 8px 4px; border:1px solid #eae0d4; background:#f9eee1; position:absolute; left:0; top:22px;}
				#hm_net div dl img {border:1px solid #eae0d4;}
				#hm_net div dl dt {text-align:center; position:absolute; left:5px; top:129px; width:237px; height:22px; background:#000;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:.5;}
				#hm_net div dl dt span {display:block; font-size:12px; font-weight:normal; color:#fff;letter-spacing:-1px; line-height:1.8;		
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1;}
				#hm_net div dl dd.img {margin-bottom:10px;}	
				#hm_net img.play {position:absolute; left:107px; top:50px; border:0 none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity:.6;}
				#hm_net div dl dd {font-size:12px; line-height:130%;}	
				
				#heraldtv {margin-bottom:0px; height:252px;}				
				#heraldtv div.divdiv {position:absolute; left:0; top:0; padding-top:0px;}
				#heraldtv div#main01, #heraldtv div#main02, #heraldtv div#main03, #heraldtv div#main04, #heraldtv div#main11, #heraldtv div#main12, #heraldtv div#main13, #heraldtv div#main14 {position:relative; top:0; padding:0; width:237px; height:146px;}
				#heraldtv img.play {position:absolute; left:100px; top:50px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity:.6;}
				#heraldtv .moviearea { position:relative; top:0; padding:6px 6px 0; width:237px; height:240px; background:url(../images/main/bg_media.gif) no-repeat; }
				#heraldtv .moviearea h5 {text-align:center; position:absolute; left:0; top:123px; width:237px; height:22px; background:#000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:.5;}
				#heraldtv .moviearea h5 span {display:block; font-size:12px; font-weight:normal; color:#fff;letter-spacing:-1px; line-height:1.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1;}
				#heraldtv .moviearea ul li img {border:1px solid #b2b2b2;  }
				#heraldtv .moviearea ul { overflow:hidden; _zoom:1; margin:36px 0 0 4px }
				#heraldtv .moviearea ul li { float:left; padding:0 2px; }
				#heraldtv .moviearea ul li a:hover img,	#heraldtv .moviearea ul li.on img {border:1px solid #e14d1f;}
				#heraldtv .moviearea div p img#mainimg {width:237px; height:146px;}	
				#heraldtv .moviearea ul li a:hover img {border:1px solid #e14d1f;}	
				#heraldtv .moviearea ul li a.btn_over img {border:1px solid #e14d1f;}	
				#sexy dl {font-size:13px; margin-bottom:12px;font-family:wooridotum;}
				#sexy dt {font-weight:bold; float:left; margin-right:6px;}
				#sexy dd {padding-top:7px; height:14px; overflow:hidden;}
				#sexy dd.bold a {color:#000;}
				.reader {position:relative; margin-bottom:10px; padding-top:0px;}
				.reader .more {font-family:wooridotum; font-size:11px; color:#b4b4b4; line-height:100%; position:absolute; right:0; top:22px;; padding-left:7px; background:url(../images/bul/more01.gif) no-repeat left 2px; z-index:100;}
				.reader .inner {margin:0 0 0 15px; padding:10px 0 0 15px; width:225px; border:1px solid #e8e8e8;}
				.reader h4 {font-size:13px;font-family:wooridotum; height:12px; font-weight:bold; display:block; color:#000; margin-bottom:8px; padding-left:6px; background:url(../images/bul/bul_arr_13.gif) no-repeat left 3px;}
				.reader .link {margin-bottom:10px; height:30px; display:block;}
				.reader .link li {width:110px; float:left; margin-bottom:5px;}				
				
			/* banner */
				.foot_banner {letter-spacing:39px; clear:both; margin:10px 0;}
				
			/* desk */
			.desk_cafe div.fl{float:left}
			.desk_cafe h3 {margin-bottom:6px;}
			#desk {position:relative; margin-right:10px; padding:12px 0 0 10px; width:306px; height:300px; background:url(../images/main/bg_desk.gif) no-repeat left top;}
			#desk h4 {float:left; height:26px; min-width:40px; _width:50px; white-space:nowrap;}
			#desk h4 a {display:block; font-size:13px;font-family:wooridotum; color:#000; text-decoration:none; text-align:center; margin:2px 0 0 0; padding:3px 8px 0 8px; height:18px; border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
			#desk h4.first a {border-left:1px solid #dcdcdc;}
			#desk h4 a.tabbtn_over {color:#fff; margin:0;  height:23px; border:none; border-top:1px solid #3598ad; background:#41b0cb url(../images/main/bg_desk_h01_o.gif) no-repeat 50% bottom;}
			#desk h4 a span {padding-right:6px; background:url(../images/bul/bul_arr.gif) no-repeat right 5px;}
			#desk h4 a.tabbtn_over span {padding-right:6px; background:url(../images/bul/bul_arr_o.gif) no-repeat right 5px;}
			#desk div.divdiv {position:absolute; left:10px; top:50px; width:300px;}
			#desk div dl dt, 
			#desk div dl dt a {font-weight:bold; font-size:15px;font-family:wooridotum; color:#000; line-height:130%; margin-bottom:8px;}
			#desk div dl dd {font-size:13px;font-family:wooridotum; line-height:170%; padding-top:5px;}
			#desk div dl dd img {float:left; margin:-5px 6px 5px 0;}
			#desk div ul {margin-top:15px;}
			#desk div ul li {font-size:13px;font-family:wooridotum; line-height:170%; padding-left:6px; background:url(../images/bul/bul_dot_07.gif) no-repeat left 9px;}
		
			/* adaptor */ 
			#adaptor {position:relative; margin-right:10px; padding:12px 0 0 10px; width:306px; height:300px; background:url(../images/main/bg_desk02.gif) no-repeat left top;}
			#adaptor h4 {float:left; height:26px; min-width:40px;_width:50px; white-space:nowrap;}
			#adaptor h4 a {display:block; font-size:13px;font-family:wooridotum; color:#000; text-decoration:none; text-align:center; margin:2px 0 0 0; padding:3px 20px 0 20px; height:18px; border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
			#adaptor h4.first a {border-left:1px solid #dcdcdc;}
			#adaptor h4 a.tabbtn_over {color:#fff; margin:0; height:23px; border:none; border-top:1px solid #cc782f; background:#ed8b34 url(../images/main/bg_desk_h02_o.gif) no-repeat 50% bottom;}
			#adaptor h4 a span {padding-right:6px; background:url(../images/bul/bul_arr.gif) no-repeat right 5px;}
			#adaptor h4 a.tabbtn_over span {padding-right:6px; background:url(../images/bul/bul_arr_o.gif) no-repeat right 5px;}
			#adaptor div.divdiv {position:absolute; left:20px; top:50px; width:290px;}
			#adaptor div dl dd.bold a {font-weight:bold; font-size:15px; color:#000; line-height:130%; margin-bottom:8px;}
			#adaptor div dl dd {font-size:13px;font-family:wooridotum; line-height:170%;}
			#adaptor div dl dt img {margin:10px;}
		
			
			/* cafe */
			#cafe {position:relative; padding:12px 0 0 10px; width:318px; height:300px; background:url(../images/main/bg_desk03.gif) no-repeat left top; overflow:hidden;}
			#cafe h4 { float:left; height:26px; min-width:40px;_width:50px; white-space:nowrap;}
			#cafe h4 a {display:block; font-size:13px;font-family:wooridotum; color:#000; text-decoration:none; text-align:center; margin:2px 0 2px 0; padding:3px 20px 0 20px; height:18px; border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
			#cafe h4.first a {border-left:1px solid #dcdcdc;}
			#cafe h4 a.tabbtn_over {color:#fff; margin:0; height:23px; border:none; border-top:1px solid #60a25a; background:#71bc6a url(../images/main/bg_desk_h03_o.gif) no-repeat 50% bottom;}
			#cafe h4 a span {padding-right:6px; background:url(../images/bul/bul_arr.gif) no-repeat right 5px;}
			#cafe h4 a.tabbtn_over span {padding-right:6px; background:url(../images/bul/bul_arr_o.gif) no-repeat right 5px;}
			#cafe .divdiv {position:absolute; left:10px; top:50px; width:306px; height:250px; }			
			#cafe div#cafe_con01 {background:url(../images/main/bg_cafe_cnt.gif) no-repeat left 50px;}
			#cafe div#cafe_con01 span.prebtn {position:absolute; left:25px; top:90px; width:12px; z-index:100;}
			#cafe div#cafe_con01 span.nextbtn {position:absolute; right:25px; top:90px; width:12px; z-index:100;}
			#cafe div#cafe_con01 #book01, #cafe div#cafe_con01 #book02, #cafe div#cafe_con01 #book03 {position:relative; padding:50px 0 0 58px; width:251px; height:243px;}
			#cafe div#cafe_con01 p.booktitle {float:left; position:relative; z-index:900; margin:0 4px 0 0;}
			#cafe div#cafe_con01 p.booktitle a.btn {background:#000; display:block;}
			#cafe div#cafe_con01 p.booktitle a.btn img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity:0.8;}
			#cafe div#cafe_con01 p.booktitle a.btn_over {background:#fff; display:block;}
			#cafe div#cafe_con01 p.booktitle a.btn_over img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1;}
			#cafe div#cafe_con01 dl.bookdes {position:absolute; left:0; top:0; width:309px; height:243px; z-index:90;}
			#cafe div#cafe_con01 dl.bookdes dt {font-weight:bold; font-size:15px; font-family:wooridotum; color:#000; text-align:center; margin-bottom:190px; height:20px;}
			#cafe div#cafe_con01 dl.bookdes dt a {color:#000;}
			#cafe div#cafe_con01 dl.bookdes dd {font-size:13px; font-family:wooridotum; line-height:150%;}			
			
			#cafe div#cafe_con02 dl dt, 
			#cafe div#cafe_con02 dl dt a,			
			#cafe div#cafe_con03 dl dt, 
			#cafe div#cafe_con03 dl dt a,
			#cafe div#cafe_con04 dl dt, 
			#cafe div#cafe_con04 dl dt a {font-weight:bold; font-size:15px;font-family:wooridotum; color:#000; line-height:130%; margin-bottom:8px;}
			#cafe div#cafe_con02 dl dd,
			#cafe div#cafe_con03 dl dd,			
			#cafe div#cafe_con04 dl dd {font-size:13px; font-family:wooridotum; line-height:170%; padding-top:5px;}
			#cafe div#cafe_con02 dl dd img,
			#cafe div#cafe_con03 dl dd img,			
			#cafe div#cafe_con04 dl dd img {float:left; margin:-5px 6px 5px 0;}
			#cafe div#cafe_con02 ul,
			#cafe div#cafe_con03 ul,
			#cafe div#cafe_con04 ul {margin-top:15px;}
			#cafe div#cafe_con02 ul li,
			#cafe div#cafe_con03 ul li,
			#cafe div#cafe_con04 ul li {font-size:13px; font-family:wooridotum; line-height:170%; padding-left:6px; background:url(../images/bul/bul_dot_07.gif) no-repeat left 9px;}
			
			/* service */
			.service {float:left; padding:1px; width:308px; height:188px; border:3px solid #83d1de; background:#9e9e9e;}
			#service {position:relative; width:308px; height:188px; background:#fff ; }
			#service h4 {font-size:13px; font-family:wooridotum; letter-spacing:-2px;}
			#service h4 a {display:block; font-weight:normal; color:#fff; text-align:center; text-decoration:none; padding-top:12px; width:97px; height:26px; background:#66c7d8 url(../images/main/bg_desk_h.gif) no-repeat 50% bottom;}		
			#service h4.last a {height:24px; background:#66c7d8;}
			#service h4 a.tabbtn_over, #service h4.last a.tabbtn_over { color:#000; background:#fff; font-weight:bold;}
			#service div.divdiv {position:absolute; left:97px;top:0; width:201px; height:188px;}
			#service div span.prebtn {position:absolute; left:25px; top:60px; width:12px;}
			#service div span.nextbtn {position:absolute; right:25px; top:60px; width:12px;}	
			#service div dl	{text-align:center; margin-top:15px; width:201px; height:150px; font-family:wooridotum;}
			#service div dt	{margin-bottom:10px; font-size:13px; height:100px; background:url(../images/main/bg_book_shd.gif) no-repeat 135px bottom;}
			#service div dd {font-size:13px; line-height:150%;}
			#service div dd.bold,
			#service div dd.bold a {color:#000;}			
			
					
			.service_info {float:left; padding:2px; width:658px; height:190px; border:1px solid #e6e6e6; background:#e6e6e6;}	
			.service_info .white_sp { width:656px; height:188px; border:1px solid #f8f8f8; background:#fff;}
			/* 구독 신청, 광고 문의 */
			.heraldservice { float:left; width:206px; padding:0 17px; margin:10px 0 0 0; }
			.heraldservice dl { margin-bottom:10px;  font-family:wooridotum;}
			.heraldservice dl dt { display:inline; padding-right:8px; color:#333; font-size:13px; font-weight:bold; background:url(../images/bul/bul_arr_12.gif) no-repeat right 5px; }
			.heraldservice dl dt a {color:#000;}
			.heraldservice dl dd { margin-top:5px; font-size:12px; line-height:1.2; }
		
			/* service */
			.heraldcustomer { float:left; margin:10px 0 0 0; }
			.heraldcustomer li img { vertical-align:top; }
		
			/* notice */
			.heraldnotice { float:left; margin:13px 0 0 20px; }
			.heraldnotice h2 { margin-bottom:5px; }
			.heraldnotice ul { width:195px; font-family:wooridotum; }
			.heraldnotice ul li { padding-left:7px; font-size:12px; background:url(../images/bul/bul_dot.gif) no-repeat 0 7px; line-height:1.6; }
		
			/* etcLinks */
			.etclinks { float:left; margin:15px 0 0 20px; }
			.etclinks ul { overflow:hidden; }
			.etclinks ul li { float:left; padding-right:13px; margin-right:13px; background:url(../images/main/etc_links_gap.gif) no-repeat right 5px; }
			.etclinks ul li.last { padding-right:0; margin-right:0; background:none; }

  /* 20110321 */
.menu_over {color:#021B62;  }
.menu_over a, #Menu_Over a:visited {text-decoration:none; color:#021B62; }
.menu_over a:hover {color:#021B62; text-decoration:underline;  }