/* The overall elements style */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
		
		
		
		
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
		
		
		a { text-decoration:none; }


/* #Basic Styles
================================================== */


/*color 

#84C017 -연두색
#827120 -녹두색
#C7B299 - 연황토
#33241C - 진황토

*/



body {
	
	color: #333;
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-family: Dotum,AppleGothic,NanumGothic,ngeot,Tahoma,sans-serif,Arial, Helvetica Neue, Helvetica, sans-serif,Gulim,'Duru Sans';
	
	background-color:#FFFFFF;
	
	
	/*background:url(../image/con_back/m4_back.jpg) center no-repeat fixed; background-size:cover !important;*/
	

	min-width:960px;
	
	
	
	/*
	background-size: cover !important;
	*/
	
	
}




#menu_bar { width:100%;  text-align:center; position: fixed; background-color:#000;   opacity:0.5; z-index:2; }

#menu_bar_mini { display:none; width:100%;  text-align:center; position:fixed; background-color:#fff;   opacity:0.3; z-index:3; color:#606060; }



#menu_bar:hover {  }
#menu_bar #menu { width:960px;  margin:0px auto; }
#menu_bar #menu li  { float:left;  padding:0 20px }
#menu_bar #menu li a { color:#fff;  padding:20px 30px 10px 30px; font-size:16px; float:left;  }
#menu_bar #menu li a img { height:23px;  opacity:0.8; }

#menu_bar #menu li a:hover {  }

#menu_bar #menu a:hover  {  color:#33241C; } 

#menu_bar #menu #logo a {padding:12px 20px 13px 20px; margin:0;}
#menu_bar #menu #logo img { width:200px; height:auto; }

#menu #menu_01 { width:98px; height:60px;  }
#menu #menu_02 { width:105px; height:60px;  }
#menu #menu_03 { width:57px; height:60px;  } 
#menu #menu_04 { width:54px; height:60px; } 
#menu #menu_05 { width:91px; height:60px; }  



#basic_menu {  position:absolute; }
#hover_menu { display:none; position:absolute; }

#menu #menu_02 #product_sub_menu { position:absolute; left:0; top:59px; display:none;   width:100%; height:174px; background:url(../image/sub_menu_back.png) repeat-x;    }
#menu #menu_02 #product_sub_menu #product_sub_menu_back {/*  position:absolute; left:0px; top:0px;    width:100%; height:100%; background-color:#fff; opacity:1;*/ }

#menu #menu_02 #product_sub_menu ul { width:960px; margin:0 auto;   }

#menu #menu_02 #product_sub_menu ul li { padding:0px; margin:0 20px; width:120px; }
#menu #menu_02 #product_sub_menu ul li img { height:97px;  }

#menu #menu_02 #product_sub_menu ul li a { color:#707070; font-size:12px;  }

#menu #menu_02 #product_sub_menu ul li a:hover { color:#000;   }









#main_wrapper {   width:100%; min-width:960px; position:absolute; z-index:1; }


#wrapper_back { position:fixed; z-index:0; min-height:1200px;  width:100%; background: url(../sub/sub_intro/sub_img/history_2.jpg) center no-repeat; background-size:cover !important; }





#visual_area { width:100%; position:relative; min-width:960px; }




#contents_area .m_con { float:left; width:100%; min-width:960px;}










/* ----------------------- FOOTER CSS ------------------------------ */

/* Footer copyright text CSS */


#footer {
	
	width:100%;
	
	
	color:#33241C;
	
	height:100px;
	
	
	clear:both;
	
	float:left; 
	
	background-color:#000000;

	}
	
	

	
#footer_wrapper { width:900px; margin:20px auto 0 auto;  position:relative; z-index:1; }
	
#footer	#footer_logo { width:250px;; float:left;  }
#footer	#footer_logo a img { width:150px;  } 
#footer #footer_con  { width:600px; float:left;  margin:0px 0 0 20px; }	
#footer #footer_con h3 {  margin-bottom:0px; font-weight:bold; }
#footer #footer_con p {padding:10px 0 0 0;  }
#footer #footer_con p span {  }
			

/* #Media Queries
================================================== */