@charset "utf-8";
/* 
	*Filename : style_layout.css
	*Function : Common Layout
	*Comment  : CARNIX Layout Style sheet - Layout Style
	*History  : 2014-08-21, Leen created.
				2015-02-10, Mobile ver. updated.  - style_layout_vmode.css, style_layout_hmode.css
	*Author   : Copyrightⓒ Miral Auto Camp. All Rights Reserved. 
*/ 

* { -webkit-text-size-adjust:auto; max-width:100%; }

img {border: none;}

body {
		height: 			100%; /* body와 html의 높이를 100% 로 지정 */ 		
		font-family: 		'Ubuntu','Arial', 'Dotum','sans-serif';
        font-size: 			14px;	/*basic*/
		color:				#666;
		margin:				0px; 
		background:			url(../img/com/bg.gif) top repeat-x;	/*basic*/			
}

#main { 
		width:				1000px; 	/*basic*/	
		position:			relative; 
		left:				50%; /* 화면의 중앙에 위치 */ 
		margin-left:		-500px; /* basic / 높이의 절반과 너비의 절반 만큼 margin 을 이용하여 조절해 줍니다. */
		margin-top:			0;
		border:				none; 	
		background:			url(../img/com/main_bg.gif) top repeat-x;		
} 

/* ------ Header (only Basic) ------ */

#toputil {
		height:			32px;
		line-height: 	32px;
		padding:		0 5px;		
}

#toputil_left {
		float:			left;
}

#toputil_right {
		float:			right;
}

/* ------ Header (All) ------ */

#toputil_left {
		float:			left;
		font-size:		11px;
		color:			#cbcbcb;
		text-transform: uppercase;		
}

#toputil_left a {
		color:			#cbcbcb;
		text-decoration:none;
}

#toputil_left a:hover {
		color:			#ffffff;
}


#toputil_right {
		text-transform: uppercase;
}

/* ------ Navigation (only Basic) ------ */

#navi {
		height:			60px;
		padding:		0 20px;
}

#navi p{float:left; margin:12px 0 0 0;}
#navi_con{float:right;margin:21px 0 0 0;}


/* ------ Navigation (All) ------ */

#navi {
		font-family: 	'Jura','Ubuntu','Arial', 'Dotum','sans-serif';		
}

/* ------ Title ------ */

#title01, #title02, #title03, #title04, #title05, #title06, #title07, #title08, #title09 {
		height:			106px;
		margin:			1px 0;
		text-transform: uppercase;
		font-family: 	'Jura','Ubuntu','Arial', 'Dotum','sans-serif';	
		padding-left:	28px;
		color:			#d5d5d5;
}

/* bg image (only basic) */
#title01 {
		background:		url(../img/com/title_bg01.jpg) right no-repeat;			
}
#title02 {
		background:		url(../img/com/title_bg02.jpg) right no-repeat;			
}
#title03 {
		background:		url(../img/com/title_bg03.jpg) right no-repeat;			
}
#title04 {
		background:		url(../img/com/title_bg04.jpg) right no-repeat;			
}
#title05 {
		background:		url(../img/com/title_bg05.jpg) right no-repeat;			
}
#title06 {
		background:		url(../img/com/title_bg06.jpg) right no-repeat;			
}
#title07 {
		background:		url(../img/com/title_bg07.jpg) right no-repeat;			
}
#title08 {
		background:		url(../img/com/title_bg08.jpg) right no-repeat;			
}
#title09 {
		background:		url(../img/com/title_bg09.jpg) right no-repeat;			
}

#title01 h1, #title02 h1, #title03 h1, #title04 h1, #title05 h1, #title06 h1, #title07 h1, #title08 h1, #title09 h1 {
		color:			#ed1c24;
		font-size:		48px;
		float:			left;
		margin-top:		50px;
		background:		url(../img/com/title_slash.png) right no-repeat;
		padding-right:	35px;
		font-weight:	normal;
}

#title01 h2, #title02 h2, #title03 h2, #title04 h2, #title05 h2, #title06 h2, #title07 h2, #title08 h2, #title09 h2 { 
		color:			#000;
		font-size:		30px;
		float:			left;
		margin-top:		67px;
		margin-left:	10px;	
		font-weight:	normal;	
}

#content {
		width: 			920px;	/*basic*/
		margin:			40px 40px 50px 40px;
		line-height:	150%;
		float:			left;
}

#content h1	{
		line-height:	130%;	
}

#content h2	{
		line-height:	140%;	
}

/* ------ Footer (only Basic) ------ */

.footer1_con {		
		width: 			920px; 		
		margin-left: 	-460px; /* 높이의 절반과 너비의 절반 만큼 margin 을 이용하여 조절해 줍니다. */
}

.footer1_con li {
		padding-left:	15px; /*basic*/
}

/* ------ Footer (All) ------ */

#footer1 {
		width: 			100%;
		background-color:#9f9f9f;	
		float:			left;
}

.footer1_con {		
		position:		relative;
		color:			#ffffff;		
		left: 			50%; /* 화면의 중앙에 위치 */ 
		padding: 		17px 0;
}

.footer1_con ul {
		list-style:		none;
		line-height:	140%;
		margin:			10px 0 15px 0;
		padding:		0;
		width:			25%;
		float:			left; 
}

.footer1_con li {
		background:		url(../img/com/blt01.gif) no-repeat top left;
		text-transform: capitalize;
		margin:			2px 0;
}

.footer1_con a {
      	display:		block;      	      	
      	text-decoration:none;
      	font-weight:	normal; 
      	color:			#444444;
}

.footer1_con a:hover {
		color:			#ffffff;
}

#footer2 {
		width: 			100%;
		line-height:	180%;
		background-color:#000000;
		color:			#cbcbcb;
		text-align:     center;		
		text-transform: uppercase;
		clear:			both;
		font-size:		11px;
		padding:		17px 0; 
}

#footer2 a {
		color:			#cbcbcb;
		text-decoration:none;
}

#footer2 a:hover {
		color:			#ffffff;
}

#footer3 {
		width: 			100%;
		line-height:	180%;
		background-color:#c40000;
		color:			#ffffff;
		text-align:     center;		
		text-transform: uppercase;
		clear:			both;
		padding:		11px 0 9px 0; 
		font-size:		11px;

}

#footer3 a {
		color:			#ffffff;
		text-decoration:none;
}

#footer3 a:hover {		
		text-decoration:underline;
}

/* -------------------------basic style_layout.css : all and (min-width:1001px) ---------------------------------*/