/*sub 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:12px;
	font-family:Tahoma, sans-serif;
	color:#333;
}

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); }
#top_menu {height:31px; background:url(../img/index/top_bg.jpg); }

#wrap {
	width:1000px;
	margin:0 auto;
	position:relative;	
	background:url(../img/sub/contents_bg.jpg) no-repeat;
}
/*header*/
#header {
	width:1000px;
	height:93px;
	position:relative;		
}
.top_menu {
	width:1000px;
	margin:0 auto;	
}
.top_menu ul {
	width:170px;
	float:right;
	margin-top:7px;
}
.top_menu li {
	float:left;	
}
.top_menu a {	
	color:#575757;
	font-size:11px;
	display:block;
	float:left;	
}
.logo {
	float:left;
	width:266px;
	height:67px;
	margin-top:17px;
}

/* Navi */
#navi {	   
    float:right;
	margin-top:37px;
    width:665px;
	height:35px;		
}
#navi li {
	float:left;
	margin-right:31px;
}
#navi li a{
	display:block;
	color:#69635c;
	font-size:14px;
	line-height:32px;
	font-weight:bold;
	text-align:center;
}
#navi li a:hover{
	color:#000;	
	font-weight:bold;
}
#navi .navi_05 {
	margin-right:0;
}


/* footer wrap */
#footer_wrap {
	clear:both;
	height:166px;
	background:url('../img/index/footer_bg.jpg') ;
}
#footer_sitemap {
	margin:0 auto;
	width:1000px;
	height:33px;
	padding:30px 0 25px;
	border-bottom:1px solid #545454;
}
.s_view, .s_info, .s_company, .s_contact {
    float: left;
    padding-left: 13px;
    width: 415px;
}
.s_info, .s_contact {
	width:550px;
}
#footer_sitemap dt { 
	float:left;
	width:115px;
	height:23px;
	line-height:23px;
	color:#bbbbbb;
	padding-left:17px;
	font-weight:bold;
	background:url('../img/index/dot01.gif') no-repeat 0 50%;
}
.sitemap_info .title{ 
	width:300px;
}
#footer_sitemap dd {
	margin-right:13px;
	float:left;
}
#footer_sitemap dd a{
	float:left;
	font-size:11px;
	line-height:23px;
	color:#bbbbbb;
}
#footer_sitemap dd a:hover{
	color:#ffffff;
}

/*footer */
#footer {
	clear:both;
	width:1000px;
	margin:0 auto;
	height:76px;	
}

#footer p.copy {
	float:left;	
	margin:15px 0 0 17px;
	color:#bbbbbb;
	line-height:150%;	
}
#footer p.copy a {
	display:inline-block;
	padding-left:10px;
	color:#bbbbbb;
}
#footer p.copy a:hover{
	color:#fff;
}
#footer strong{
	font-weight:bold;
	color:#bbbbbb;
	display:inline-block;	
}
#footer p.gobizlogo {
	float:right;
	width:92px;
	margin-top:18px;
}
/* subvisual */
.sub_visual {
	width:1000px;
	height:70px;
	float:left;
}
.sub_visual img{
	float:right;
	margin-right:50px;
}
/*contents */
#sub_contents {
	position:relative;
	overflow:hidden;
	width:1000px;
	margin-bottom:35px;
	background: url('../img/sub/content_line.jpg') repeat-y;
}
#sub_contents #contents {	
	float:left;
	width:1000px;
	background: url('../img/sub/content_top_img.jpg') no-repeat left top;
}

#contents .left_menu  {
	float:left;
	margin-left:23px;
	width:168px;	
}
#contents .left_menu dl{
	float:left;
	width:168px;
	padding-bottom:40px;	
}
#contents .left_menu dt {
	float:left;
	width:168px;
	height:50px;
	line-height:50px;
	font-size:20px;
	text-align:center;
	font-weight:bold;	
	margin:30px 0;	
}
#contents .left_menu dd {
	float:left;
	width:146px;	
	margin-left:12px;
}
#contents .left_menu dd.second {
	margin-left:23px;
}
#contents .left_menu dd.ov {
	width:164px;
	height:24px;
	padding-left:16px;
	margin-left:12px;
	color:#fff;
	font-weight:bold;
	line-height:24px;
	background-color:#01458e;
}
#contents .left_menu dd a:hover {
	width:165px;
	height:24px;	
	margin-left:0;
	padding-left:26;
	color:#fff;
	line-height:24px;
	background:#01458e none;
}
#contents .left_menu dd a{
	display:block;
	width:165px;	
	height:24px;
	line-height:24px;
	padding-left:15px;
	font-weight:bold;	
	background:url('../img/sub/arrow01.gif') no-repeat 0 50%;
}
#contents .left_menu dd.second a {
	background:none;
	font-weight:normal;	
}

#contents .left_menu dd.second a:hover {
	color:#d8251d;
	font-weight:normal;
	background:none;
	padding-left:15px;
	margin-left:0;	
}
/* Article */
#article {
	float:right;	
	width:710px;	
	margin-right:35px;
}
.sub_title {
	float:left;
	width:710px;
	height:113px;
	padding-bottom:5px;	
}
.sub_title li.route {
	float:right;	
	margin:22px 78px 0 0 ;
	color:#777777;
	font-size:11px;
}
.sub_title li.title {
	float:left;
	font-size:16px;
	padding-top:45px;
	color:#01458e;
	font-weight:bold;
}
.sub_content {
	float:left;
	padding:5px 0 50px;
	width:710px;
}
.greeting {
	float:left;
	line-height:150%;
	text-align:justify;
}
.greeting strong {
	font-size:14px;
	color:#da251c;
}
.greeting dl {
	float:left;
	margin-top:25px;
}
.greeting dt{
	font-size:15px;
	color:#da251c;
}
.iso_img {
	float:left;
	width:250px;
}
.iso dl {
	float:right;
	width:435px;
	margin-top:10px;
}
.iso dt {
	font-size:14px;
	font-weight:bold;
	color:#da251c;
	margin-bottom:7px;
}
.iso dd {
	line-height:150%;
}
/*sitemap*/
.sitemap {
	float:left;
	width:735px;
}
.sitemap dl {
	float:left;
	width:139px;
	margin-right:50px;
}
.sitemap .sitemap_contact {
	margin-right:0;
}
.sitemap dt, .sitemap_info .title {
	font-size:16px;
	height:25px;
	line-height:25px;
	text-align:center;
	padding-bottom:5px;
	font-weight:bold;
	border-bottom:1px solid #dedede;
}
.sitemap_info ul {
	float:left;
	width:160px;
}
.sitemap dd {
	margin:15px 0 0 10px;
}
.sitemap_info li {
	margin:15px 0 0 10px;
}
.sitemap_info li.second {
	font-size:11px;
	height:15px;
	margin:0 0 0 10px;
}
.sitemap_left {
	float:left;
	width:330px;
}
.sitemap_right {
	float:right;
	width:380px;
}
.sitemap_info .title {
	color:#fc0101;
}
.sitemap_view dt {
	color:#fc8f01;
}
.sitemap_company dt {
	color:#017522;
}
.sitemap_contact dt {
	color:#0712f9;
}
.sitemap_contact {
	margin-top:60px;
}

.product_info {
	float:left;
}
.top_txt {
	float:left;
	margin-bottom:20px;
	font-size:14px;
	color:#d8251d;
}
.product_info .txt {
	float:right;
	width:400px;
	line-height:150%;
	text-align:justify;
	margin-right:50px;
}
.product_info .img01 {
	float:left;
	width:250px;
	margin-bottom:30px;
}
/* 130821 김소정 추가 */
.product_info{
	float:left;
	width:710px;
	margin-bottom:30px;
}
.product_info .representative_img{
	width:250px;
	height:250px;
	border:1px solid #ccc;
	padding:10px;
	float:left;
}
.product_info ul{
	float:left;
	width:410px;
	margin-top:70px;
	margin-left:20px;
}
.product_info ul li{
	float:left;
	width:410px;
	line-height:25px;
}
.product_info ul li strong{
	color:#01458E;
}
.product_info ul li span{
	display:block;
	margin-left:82px;
}