@charset "UTF-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* 공통 */
body {
	margin:0;
	padding:0;
	position:relative;
	text-align:left;
}
#skipNav{position:absolute; top:0; top:-1000%}
#skipNav a{display:block; height:1px; width:1px; overflow:hidden;}
#skipNav a:focus, #skipNav a:active{height:auto; width:100%;}

body, select, input, textarea {
	font-size:13px;
	font-family:Nanum Gothic, Arial, sans-serif;
	color:#242424;
}

a:link {color:#5D5D5D; text-decoration:none;}
a:visited {color:#5D5D5D; text-decoration:none;}
a:active {color:#5D5D5D; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a,label{cursor:pointer;}
html, body {
	width:100%;
	height:100%;	
}

form {margin:0; padding:0;}
label.first {margin-right:10px;}
label.none {display:none;}

h1, h2 ,h3 ,h4 ,h5 ,h6 { margin:0; padding:0;}

div, p, ul, ol, pre, dl, dt, dd {margin:0;}

ol, ul, fieldset, a img {
	margin:0;
	padding:0;
	border:none;
}

ol li,
ul li,
li ul li {
	list-style:none;
	padding:0;
	line-height:1.5em;
}

hr, legend, caption, .none {display:none !important;}

img {vertical-align:middle;}

.cursor{cursor:pointer;}

.clear {
	display:block;
	float:none;
	clear:both;
	height:0;
	width:0;
	font-size:0 !important;
	line-height:0 !important;
	overflow:hidden;
	margin:0;
	padding:0 ! important;
}
body {background:url(../img/index/bg.jpg) repeat-x;}
#sub {background:url(../img/sub/bg.jpg) repeat-x;}
#wrap {
	width:1000px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
/*header*/
#header {
	width:1000px;
	height:98px;
	position:relative;		
}
.top_menu {
	float:right;		
	text-align:left;
	margin:10px 10px 0 0;
}
.top_menu li {
	float:left;
	height:18px;
}
.top_menu a {	
	color:#373737;
	font-size:10px;
	display:block;
	float:left;
	font-weight:bold;
	line-height:18px;
	height:18px;
}
.top_menu li.last a{
	display:block;
	color:#103884;		
}
.logo {
	float:left;
	width:205px;
	height:52px;	
}
.logo_title {
	font-size:18px;
	font-family:Verdana;
	color:#5a5a5a;
	top:27px;
	left:107px;
	position:absolute;
}
/* Navi */
#navi {	   
    position:absolute;
	top:40px;
	left:250px;
	height:52px;
}
#navi li {
	float:left;	
	margin-right:130px;
}
#navi li a{
	display:block;
	color:#4f4f4f;
	font-size:15px;
	line-height:46px;
	text-align:center;
	font-weight:bold;
	border-top:5px solid #d6d6d6;
}
#navi li a:hover {
	border-top:5px solid #ed1c24;
	color:#ed1c24;
}
#navi .navi_04 {
	margin-right:0;
}
/* Footer Aria */
#footer_wrap {
	position:relative;
	background:url(../img/index/footer_bg.jpg) repeat-x;
}
/* footer sitemap */
#footer_sitemap {
	margin:0 auto;
	width:1000px;
	height:106px;	
	padding-top:15px;	
	font-size:12px;
	color:#5c5c5c;
}
.s_aboutus {
	float:left;
	width:208px;
	padding-left:13px;
	height:107px;	
}
.s_products {
	float:left;
	width:285px;
	height:107px;	
}
.s_research {
	float:left;
	width:320px;
	height:107px;	
}
.s_customer {
	float:left;
	width:170px;
	height:107px;	
}
.s_customer dt {
	width:70px;
}
.s_customer dd{
	float:left;
	width:85px;
}
.s_aboutus dt {
	width:65px;	
}
.s_aboutus dd {
	width:124px;
	float:left;
}
.s_products dt{
	width:69px;
}
.s_products dd{
	float:left;
	width:188px;
}
.s_research dt{
	width:75px;
}
.s_research dd{
	width:230px;
	float:left;
}
.s_aboutus dt, .s_products dt,
.s_research dt, .s_customer dt {
	font-weight:bold;
	padding-left:15px;
	float:left;
	height:107px;
	background:url(../img/index/dot01.gif) no-repeat 0 5%;
}
.s_aboutus dd a, .s_products dd a,
.s_research dd a, .s_customer dd a{
	float:left;
	line-height:150%;
	display:block;	
}
.s_aboutus dd a:hover, .s_products dd a:hover,
.s_research dd a:hover, .s_customer dd a:hover{
	color:#000;
	text-decoration:underline;
}

/*footer */
#footer {
	clear:both;
	width:1000px;
	margin:0 auto;
	height:91px;
	font-size:12px;
}
#footer .copyright {
	float:left;
	margin-top:20px;
	width:890px;
	font-family:'Nanum Gothic';
}
#footer .f_logo {
	float:left;
	margin:0 50px 0 20px;
}
#footer p.copy {
	float:left;
	color:#303030;
	line-height:150%;	
	width:640px;
}
#footer p.copy a{
	color:#303030;
}
#footer p.copy02 {
	float:left;
	color:#484848;	
}
#footer p.copy a:hover{
	color:#000;
}
#footer .copyright span{
	display:inline-block;	
}
#footer p.copy02 strong{
	font-weight:bold;
	color:#303030;
}

#footer p.gobizlogo {
	float:right;
	width:92px;	
	margin-top:30px;
}