@charset "utf-8";
/* CSS Document */


/* husoft e-creative Team (http://www.husoft.co.kr/) willy 2009_09_14 */
body {background:url(../images/main_body_bg.jpg) repeat-x 0 0;MARGIN: 0px;position:relative;}
div#wrap {width:990px;position:relative;}

	/* header */
	div#header {width:990px; height:280px; position:relative; background:url(../images/m_topimg00.jpg) no-repeat 0 0;}
	div#header #logo {width:224px; height:121px; float:left; margin-left:45px; display:inline;}
	div#header #top_menu { width:433px; height:25px; background:url(../images/topmenu_bg.jpg) no-repeat 0 0; position:absolute; top:0px; right:40px;}
	div#header #skip_navi {float:left; position:relative;} 
	div#header #skip_navi li a {display:inline; float:left; color:#bae24b; font-weight:bold; letter-spacing:-1px; margin:2px 0 0 21px; }
	div#header #skip_navi .none {display:none;}
	
	div#header #lnb {float:right; display:inline; margin-right:15px;}
	div#header #lnb li {display:inline; float:left;}
	div#header #lnb li a {display:inline; float:left; color:#FFF; font-weight:bold; letter-spacing:-1px; margin-top:2px;}
	div#header #lnb li a span {font-weight:normal; margin:0px 8px; color:#CCC;}

	div#header #gnb {width:560px; height:22px; float:right; margin:40px 75px 0 0; display:inline;}
	div#header #gnb li a {display:block; margin:0px 0px 0 2px; text-decoration:none;}
	div#header #gnb li {display:inline; float:left; margin-right:20px;text-align:center;padding-bottom:3px;} /* 메인메뉴 */
	div#header #gnb li a {padding-bottom:2px;}
	div#header #gnb li a:hover {border-bottom:2px solid #96cd00; padding-top:2px;}
	div#header #gnb div { width:620px;position:absolute; top:92px; left:350px;}
	div#header #gnb div li {float:left; margin-right:10px;}
	div#header #gnb div li a { border-bottom:0; padding-top:0px; color:#333333; text-decoration:none; font-weight:bold; background:url(../images/bu_gnb_sub.gif) no-repeat 0px 8px; padding-left:8px; letter-spacing:-1px; margin:0;} /* 서브메뉴 보통상태 */
	div#header #gnb div li a:hover { border-bottom:0; padding-top:0px; color:#ffff00; text-decoration:none; font-weight:bold; background:url(../images/bu_gnb_sub_ov.gif) no-repeat 0px 5px; padding-left:8px; letter-spacing:-1px; margin:0;}/* 서브메뉴 활성화 class : on */

	div#header .best_menu { width:205px; height:120px; position:absolute; top:144px; right:105px;}
	div#header .best_menu ol {width:205px; height:60px;}
	div#header .best_menu li { width:100px; height:20px; border-bottom:1px solid #CCC; float:left;}
	div#header .best_menu li.noText { width:200px; height:20px; border-bottom:none; float:left;}
	div#header .best_menu li a {font-weight:bold;}
	div#header .best_menu li a:hover {text-decoration:none;}
	
	/* //header */
	
	
/* border :1px solid #f00; */
	div#container {width:990px; height:auto;  position:relative; }
		div#contents {width:885px; height:673px; position:relative; margin-bottom:30px;}
		
		/* 전역 class */
		.font_green {color:#7db303; font-weight:bold;}
		.font_orange {color:#F90; }
		.font_orange_b {color:#f15c31; font-weight:bold;}
		.bg_orange {background-color:#F90; color:#fff; font-weight:bold;}
		/* 전역 class */
		
			/* 왼쪽 메뉴 */
			div#contents_left {width:240px; height:673px; float:left; position:relative; margin-left:20px; display:inline;}
				div#section_left {width:240px; height:673px;}
					div#msearch {width:240px; height:55px;  margin-bottom:10px; background:url(../images/ml_search_bg.gif) no-repeat 0 0;}
					div#msearch input { width:180px; height:16px; float:left; margin: 10px 0 0 18px; border:0px solid #fff;  display:inline;}
					div#msearch .msearch_btn {float:right; margin-right:5px; margin-top:8px; display:inline;}/*검색버튼*/
					div#msearch p { margin-top:10px; color:#7aa41e; margin-left:10px;}
					div#msearch a { color:#7aa41e;}


				.delete{ color:#666!important; }
					div.notice {width:240px; height:117px; position:relative; margin-bottom:10px;  }
					div.notice ul {width:240px; height:117px; background: url(../images/ml_tap_bg.gif) repeat-x 0 1px;}
					div.notice li {float:left;}
					div.notice div { position:absolute; top:30px; left:0px; clear:both;}
					div.notice div ul {width:240px; height:83px; background:none;}
					div.notice div li {width:240px; line-height:1.4em;}
					div.notice div li a {float:left; background:url(../images/bu_closs.gif) no-repeat 0 5px; padding-left:8px; font-size: 12px;}
					div.notice div li span { float:right; }
					div.notice p.more {position:absolute; top:5px; right:10px;}
				
				.delete{ color:#666!important;}
					
					div.callcenter {width:240px; height:114px; margin-bottom:25px; position:relative;} 
					div.callcenter ul {width:150px; height:40px; position:absolute; top:70px; right:0px;}
					
					div.webmagazine {width:238px; height:65px; position:relative; margin-bottom:20px;  border:1px solid #e3e3e3; background-color:#f0f0f0;}
					div.webmagazine ul {width:95px; height:20px; background:url(../images/ml_webzine_bg.gif) no-repeat 0 1px; padding-left:4px; margin:3px 0 0 140px; }
					div.webmagazine li {float:left;}
					div.webmagazine li a {color:#fff; font-weight:bold; font-size:12px; }
					div.webmagazine span {font-weight:normal;}
					
					div.webtoon {width:240px; height:100px; position:relative; margin-bottom:13px;}
					div.webtoon dt { float:left; position:relative; z-index:10; }
					
					div.onlineedu {width:240px; height:150px; position: relative;}
					div.onlineedu h3 { margin-bottom:10px;}
					div.onlineedu ul {width:220px; height:88px; border:1px #ccc solid; padding:15px 10px 15px 10px;}
					div.onlineedu li {width:100px; float:left; margin-right:5px; background:url(../images/bu_edu.gif) no-repeat 0 5px; padding-left:5px;}
					div.onlineedu li.noText {width:200px; float:left; margin-right:5px; padding-left:5px; background:none;}
					div.onlineedu p.more {position:absolute; top:5px; right:10px;}
					/* //왼쪽 메뉴 */
			
			div#contents_right {width:595px; height:673px; float:right; position:relative; }
				/* 가운데 메뉴 */
				div#section_center {width:375px; height:517px; float:left; position:relative; margin-bottom:13px; }
					div.hot_issue {width:375px; height:150px; position:relative; margin-bottom:20px;}
					div.hot_issue dl { width:375px; height:80px; }
					div.hot_issue dt { width:120px; float:left; position:relative; z-index:10; }
					div.hot_issue dt.hot {position:absolute; top:-10px; left:80px; z-index:20;}
					div.hot_issue dd { width:250px; float:right; font-size:12px; text-align:justify; padding-right:3px; }
					div.hot_issue dd.title {font-weight:bold; border-bottom:1px solid #cbcbcb; }
					div.hot_issue ul {width:375px; height:50px; margin-top:10px;}
					div.hot_issue li { padding:0 8px;}
					div.hot_issue li a {float:left; font-size:12px;background:url(../images/bu_closs.gif) no-repeat 0px 8px; padding-left:5px;}
					div.hot_issue li span { float:right;  }
					
					
					
					div.danger_info {width:375px; height:157px; position:relative; margin-bottom:20px;}
					div.danger_info ul {width:375px; height:135px; margin-top:10px; position:relative;  background: url(../images/mm_tap01_bg.gif) repeat-x 0 2px;}
					div.danger_info li {float:left;}
					div.danger_info div { position:absolute; top:20px; left:0px; clear:both;}
					div.danger_info div ul {width:375px; height:83px; background:none;}
					div.danger_info div li {width:359px; padding:0 8px;}
					div.danger_info div li a {float:left; background:url(../images/bu_closs.gif) no-repeat 0 9px; padding-left:8px; font-size: 12px;}
					div.danger_info div li span {float:right;}
					div.danger_info p.more {position:absolute; top:3px; right:10px;}

					
					
					div.inspect_info {width:375px; height:157px; position:relative; }
					div.inspect_info ul {width:375px; height:132px; margin-top:10px; position:relative;  background: url(../images/mm_tap02_bg.gif) repeat-x 0 1px;}
					div.inspect_info li {float:left;}
					div.inspect_info div { position:absolute; top:20px; left:0px; clear:both;}
					div.inspect_info table {width:375px; height:105px; margin-top:10px; }
					div.inspect_info thead th {height:22px; background-color:#f6f9f0; border-top:1px solid #e3ecd1; border-bottom:1px solid #e3ecd1; text-align:center; font-weight:bold; color:#7aa41e;}
					div.inspect_info tbody td {height:22px; border-bottom:1px solid #e4e4e4; text-align:center;}
					div.inspect_info tbody td.noText {height:22px; border-bottom:none; text-align:center;}
					div.inspect_info p.more {position:absolute; top:5px; right:10px;}
					
					
								
				div#section_right {width:200px; height:517px; float:right; position:relative; margin-bottom:13px; }
					div.danger_change {width:191px; height:110px; position:relative; margin-bottom:10px; background:url(../images/mr_mon_bg.gif) no-repeat 0 0; padding:10px 5px; }
					div.danger_change ul {width:190px; height:90px; margin-top:5px;}
					div.danger_change li {float:left; margin:0 2px;}
					div.danger_change div { position:absolute; top:43px; left:10px; clear:both;}
					div.danger_change div ul {width:190px; height:60px; background:none;}
					div.danger_change div li { float:none; clear:both; line-height:1.8em; }
					div.danger_change div li a {background:url(../images/bu_closs.gif) no-repeat 0 5px; padding-left:8px; font-size: 12px;}
					div.danger_change p.more {position:absolute; top:-32px; right:10px;}
				
				
				
					div.foodtalktalk {width:200px; height:110px; position:relative; margin-bottom:10px;}
					div.foodtalktalk ul {width:190px; height:18px; margin-top:5px;  background-color:#eeeeee;
					padding-left:10px;}
					div.foodtalktalk li {float:left;  font-weight:bold; font-size:11px;}
					div.foodtalktalk li.on {color:#F90;}
					div.foodtalktalk li a:hover {color:#F90;}
					div.foodtalktalk li span {margin:0 3px;}
					div.foodtalktalk div { position:absolute; top:43px; left:0px; clear:both;}
					div.foodtalktalk dl { width:190px; height:80px; }
					div.foodtalktalk dt { width:53px; height:67px; float:left; position:relative; z-index:10; color:#888;}
					div.foodtalktalk dt a {color:#888;}
					div.foodtalktalk dt a:hover {color:#888;}
					div.foodtalktalk dd { width:125px; float:left; margin-left:5px; display:inline; font-size:11px; font-weight:normal; text-align:justify; padding-right:3px;  color:#888;}
					div.foodtalktalk dd.noText { width:190px; float:left; display:inline; font-size:12px; text-align:center; color:#888;}
					div.foodtalktalk dd a {color:#888;}
					div.foodtalktalk dd a:hover {color:#888;}
					div.foodtalktalk dd.title {font-weight:bold;}
					div.foodtalktalk p.more {position:absolute; top:-38px; right:0px;}
					
					
					div.safetycollumn {width:200px; height:100px; position:relative; margin-bottom:10px;}
					div.safetycollumn h3 { height:20px; border-bottom:1px solid #dfdfdf;}
					div.safetycollumn dl { width:200px; height:80px; margin-top:5px; }
					div.safetycollumn dt { width:53px; height:67px; float:left; position:relative; z-index:10; }
					div.safetycollumn dd { width:130px;float:left; margin-left:5px; display:inline; font-size:11px; font-weight:normal; text-align:justify; padding-right:3px; }
					div.safetycollumn dd a {color:#888;}
					div.safetycollumn dd.noText { width:190px; float:left; display:inline; font-size:12px; text-align:center; color:#888;}
					div.safetycollumn dd.title {font-weight:bold;}
					div.safetycollumn p.more {position:absolute; top:5px; right:10px;}
					
					div.onlineforum {width:201px; height:120px; position:relative; margin-bottom:8px; background:url(../images/mr_mon_bg.gif) no-repeat 0 0;  }
					div.onlineforum h3 { width:180px; height:20px; border-bottom:1px solid #dfdfdf; margin: 5px 0 0 10px;}
					div.onlineforum dl { width:190px; height:80px; margin-top:5px; margin-left:10px; }
					div.onlineforum dt { width:53px; height:67px; float:left; position:relative; z-index:10; }
					div.onlineforum dd { width:125px;float:left; margin-left:5px; display:inline; font-size:11px; font-weight:normal; text-align:justify; padding-right:3px; }
					div.onlineforum dd a {color:#888;}
					div.onlineforum dd.noText { width:180px; float:left; display:inline; font-size:12px; text-align:center; color:#888;}
					div.onlineforum dd.title {font-weight:bold;}
					div.onlineforum p.more {position:absolute; top:8px; right:10px;}
					
					
					div#rss {width:200px; height:20px; position:relative; margin-bottom:10px;}
				
					div.section_bottom {width:595px; height:150px; clear:both; position:relative; }
					div.inforoom {width:595px; height:130px; clear:both; position:relative; margin-top:5px;}
					div.inforoom h3 {width:595px; height:20px; margin-bottom:20px;}
					div.inforoom div#inforoomList {width:595px; height:121px; background:url(../images/inforoom_bg.gif) no-repeat 0 0;} /*flowArea*/
					div.inforoom div#inforoomList div {width:595px; height:111px; margin: 13px 20px 0px 20px;} /*flowItems*/ 
					
          div.inforoom div#inforoomList2 {width:595px; height:121px; background:url(../images/inforoom_bg.gif) no-repeat 0 0;} /*flowArea*/
          div.inforoom div#inforoomList2 div {width:595px; height:111px; margin: 13px 20px 0px 20px;} /*flowItems*/ 
        
		div#quickmenu { width:75px; position:absolute; top:-130px; right:15px;}
			div.top { width:75px; height:130px; text-align:center; background:url(../images/quickmenu_bg.gif) no-repeat 0 0; padding-top:5px;}
			div.top p {margin-bottom:10px;}
			div.top p.top {margin-top:20px;}
			
			
			div.top2 { width:75px; height:230px; text-align:center; background:url(../images/quickmenu_bg2.gif) no-repeat 0 0; padding-top:5px;}
			div.top2 p {margin-bottom:8px;}
			div.top2 p.top {margin-top:25px;}
			
			div#quickmenu_banner ul { width:75px;}
			div#quickmenu_banner li { width:75px; height:125px;}
			
			div#quickmenu_link ul { width:75px; }
			div#quickmenu_link li { width:75px; height:60px;}
				
	div.section_info {width:865px; height:200px; position:relative; margin-left:20px;}
	div.section_info ul {width:865px; height:200px; background:url(../images/section_info_bg.gif) no-repeat 0 24px;}
	div.section_info li {float:left;} 
	div.section_info li.menu1 { margin-left:300px; display:inline;} 
	div.section_info div { width:865px; position:absolute; top:25px; left:0px;}
	div.section_info div#siteMap1 ul { width:855px; height:200px; background:none; margin:0 auto;  }
	div.section_info div#siteMap1 li {width:137px; height:200px; float:left;  background:url(../images/section_info_right_bar.gif) no-repeat top right; padding-left:5px;}
	div.section_info div#siteMap2 ul { width:855px; height:200px; background:none; margin:0 auto;  }
	div.section_info div#siteMap2 li {width:127px; height:200px; float:left; padding-left:0px;}
	div.section_info div#siteMap2 li.lastchild {width:80px; height:200px; background:none;}
	div.section_info div dt { font-weight:bold; color:#EF5C31; font-size:11px; margin-top:5px;}
	div.section_info div dt.longtext { letter-spacing:-1px;}
	div.section_info div dt a { color:#EF5C31;}
	div.section_info div dd { line-height:1.1em; font-size:11px; background: url(../images/bu_dot.gif) no-repeat 3px 50%; padding-left:8px; }

	/*	
	div#section_link {clear:both; }
	div#section_link ul {width:990px; height:50px; background:url(../images_/sitelink.jpg) no-repeat 20px 0; padding:15px 45px 0px 45px;}
	div#section_link ul li { display:inline;}
	div#section_link ul li span {margin:0 3px;}
	*/

  fieldset#banner {position:relative; width:845px; margin:5px 0 0 1px; padding:0px 20px 0px 20px; border:none; float:left; }
  fieldset#banner legend {display:none;}
  fieldset#banner #bannerList {position:relative; width:812px; height:35px; padding:4px 5px 6px 5px; border:1px solid #D9D9D9; overflow:hidden;}
  fieldset#banner #bannerList ul {position:relative; width:30000000px;}
  fieldset#banner #bannerList ul li {margin:0 0 5px 0; padding:0 5px 0 0; float:left;}
  fieldset#banner #bannerList ul li img {width:110px; height:30px; border:1px solid #E7E7E7;}
  
  fieldset#banner dl#bannerController {position:absolute; width:30px; right:0; top:0; margin:4px 4px 0 0;}
  fieldset#banner dl#bannerController dt {height:0; font-size:0;}
  fieldset#banner dl#bannerController dd ul {width:20px; height:40px; margin:0 0 0 0}
  fieldset#banner dl#bannerController dd ul li {height:11px; margin:0 0 2px 0; line-height:0; font-size:0;}


	div#footer {width:990px; height:100px;  position:relative;}
	div#footer #uwa {position:absolute; top:60px; right:100px;}
	div#footer #footer_logo { width:131px; height:38px; float:left; display:inline; margin:10px 0px 0px 70px;}
	div#footer #copy {float:right; display:inline; margin-right:160px; margin-top:10px; width:570px; }
	div#footer #copy ul li {display:inline;}
	div#footer #copy p {clear:both;}
	div#footer div.w3c { position: absolute; top: 90px; right: 168px; }
	div#footer div.w3c p.mark { float: left; margin-right: 1px; } 
	
	  
 /* 메인noscript소스*/
  div#no_js { width:600px; height:150px; overflow:auto; position:absolute; left:280px; top:30px; background-color:#FFF; border:2px solid #d0d0d0; padding:5px; z-index:1; }
  div#no_js li { width:120px; float:left; }
  div#no_js li a { color:#063; font-weight:bold; }
  div#no_js li li { clear:both; }
  div#no_js li li a { color:#333; font-weight:normal; }
  div#no_js2 { width:850px; height:160px; overflow:auto; position:absolute; top: 1010px;  left:20px; bottom:0; background-color:#FFF; border:2px solid #d0d0d0; padding:5px; z-index:90; }
  div#no_js2 ol li {width:850px; height:150px; margin-bottom:30px;}
  div#no_js2 ol li ul li { float:left; width:100px;}
  div#no_js2 ol li ul li a { color:#ef5c31; }
  div#no_js2 ol li ul li dt {font-weight:bold;}
  div#no_js2 ol li ul li dd a { color:#333 !important; font-weight:normal;}
  div#no_js3 { width: 100%; position: absolute; top: 90px; left: 0; background: #dbdbdb; overflow: auto; border: 1px solid #dedede; padding: 10px; height: 80px; }
  div#no_js4 { width: 100%; position: absolute; top: 190px; left: 0; background: #dbdbdb; overflow: auto; border: 1px solid #dedede; padding: 10px; height: 105px; }
  div#no_js5 { width: 100%; position: absolute; top: 365px; left: 0; background: #dbdbdb; overflow: auto; border: 1px solid #dedede; padding: 10px; height: 120px; }
  div#no_js6 { width: 100%; position: absolute; top: 25px; left: 0; background: #dbdbdb; overflow: auto; border: 1px solid #dedede; padding: 10px; height: 90px;   z-index:90; }
  div#no_js7 { width: 100%; position: absolute; top: 160px; left: 0; background: #dbdbdb; overflow: auto; border: 1px solid #dedede; padding: 10px; height: 70px;  z-index:90; }
  /* husoft e-creative Team (http://www.husoft.co.kr/) willy 2010_01_06 */