/* 메인 레이아웃 */

/* 전체 css  */
#wrapper {
	float:left;
	width:100%;
}


/******************************* 헤더 css *******************************/
#header_wrap {
	float:left; 
	width:100%;
	height:103px;
	background:url("../images/common/header_bg.gif") repeat-x center top;
}
#header {
	width:1000px;
	height:31px;
	margin:0 auto;
	position:relative;
}



/******************************* 비쥬얼 css *******************************/
#visual_wrap {
	float:left; 
	width:100%;
	height:150px;
	position:relative;
}
#visual {
	width:1000px;
	height:150px;
	margin:0 auto;
	position:relative;
}

.main_visualsec {width:1000px; margin:0 auto; position:relative; height:150px;}
.main_visualsec .pagging{position:absolute; top:-400px; right:0; z-index:20; width:1000px; text-align:center;}
.main_visualsec .pagging li{display:inline-block; margin-left:1px;}
.main_visualsec .pagging li a{display:inline-block;  width:14px; height:14px; background:url(../images/main/dot_off.png) no-repeat left top;}
.main_visualsec .pagging li a.on{ background:url(../images/main/dot_on.png) no-repeat left top; width:40px; height:14px;}

.visual_bg {position:absolute; top:0; z-index:5; width:100%; text-align:center;}
.visual_bg ul{width:100%; height:150px; overflow:hidden; /*margin:0 auto*/}
.visual_bg ul li{width:100%; height:150px;position:absolute; top:0; left:0}
.visual_bg li  div{ width:1000px; height:150px; margin:0 auto;  position:relative }
.visual_bg li .vtxt_1{display:inline-block; width:auto; position:absolute; right:0; top:100px; }
.visual_bg li .vtxt_2{display:inline-block; width:auto; position:absolute; right:0; top:200px; }
.visual_bg li .vtxt_3{display:inline-block; width:auto; position:absolute; left:0; top:130px; }

.bg1{ background:url(../images/sub/visual.jpg) no-repeat center top; background-attachment:scroll}
.bg2{ background:url(../images/sub/visual.jpg) no-repeat center  top ; background-attachment:scroll}
.bg3{ background:url(../images/sub/visual.jpg) no-repeat center  top; background-attachment:scroll}



/******************************* 컨텐츠 css *******************************/
#content_wrap {
	float:left;
	width:100%;
	padding:60px 0;
}
#content {
	width:1000px;
	margin:0 auto;
	position:relative;
}

/* 타이틀박스 css */
#title_box {
	float:left;
	width:1000px;
	height:120px;
	position:relative;
}
#title_box .title {
	position:absolute;
	left:0;
	top:-3px;
	font-size:40px;
	font-weight:bold;
	color:#464646;
}
#title_box .text {
	position:absolute;
	left:0;
	top:56px;
	font-size:14px;
	color:#6e6e6e;
}
#title_box .navi {
	position:absolute;
	right:0;
	top:25px;
	font-size:12px;
	color:#6e6e6e;
}
#title_box .navi span {
	font-size:12px;
	font-weight:bold;
	color:#464646;
}
#title_box .navi img {
	vertical-align:-1px;
}


/* 회사소개 tab_box css */
#tab_box {
	background:url(../images/sub/tab_b_bg.gif) no-repeat center 59px;
}
#tab_box ul li {
	float:left;
	width:332px;
	height:57px;
	border:solid 1px #e6e6e6;
	border-right:none;
	text-align:center;
	line-height:56px;
	position:relative;
	font-size:14px;
}
#tab_box ul li.last {
	border-right:solid 1px #e6e6e6;
}
#tab_box ul li a {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:99;
}
#tab_box ul li:hover {
	background-color:#bfc3a7;
	color:#fff;
	font-weight:bold;
}
#tab_box ul li.on {
	background-color:#bfc3a7;
	color:#fff;
	font-weight:bold;
}


/* 내용 info_box css */
#info_box {
	float:left;
	width:950px;
	min-height:250px;
	padding:20px 25px 0;
}



/******************************* 푸터 css *******************************/
#footer_wrap {
	float:left;
	width:100%;
	background-color:#323232;
}
#footer {
	width:1000px;
	height:110px;
	margin:0 auto;
	position:relative;
	background:url("../images/common/copy_logo.gif") no-repeat left 26px;	
}