/* 메인 레이아웃 */

/* 전체 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:530px;
	position:relative;
}
#visual {
	width:1000px;
	height:530px;
	margin:0 auto;
	position:relative;
}

.main_visualsec {width:1000px; margin:0 auto; position:relative; height:530px;}
.main_visualsec .pagging{position:absolute; bottom:20px; 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:530px; overflow:hidden; /*margin:0 auto*/}
.visual_bg ul li{width:100%; height:530px;position:absolute; top:0; left:0}
.visual_bg li  div{ width:1000px; height:530px; 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/main/visual_01.jpg) no-repeat center top; background-attachment:scroll}
.bg2{ background:url(../images/main/visual_02.jpg) no-repeat center  top ; background-attachment:scroll}
.bg3{ background:url(../images/main/visual.jpg) no-repeat center  top; background-attachment:scroll}



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


/** box_con 부분 **/
#box_con {	
	float:left;
	width:1000px;
	height:490px;
	position:relative;
	background:url("../images/main/con_logo.gif") no-repeat center center;
}

/* 적용사례 css */
.app_box {
	position:absolute;
	left:0;
	top:0;
	width:640px;
	height:180px;
}

/* 제품소개 css */
.pro_box {
	position:absolute;
	right:0;
	top:0;
	width:358px;
	height:308px;
	border:solid 1px #d2d2d2;
}
.pro_tit {
	font-size:16px;
	font-weight:bold;
	padding:17px 0 0 19px;
}
.pro_tit span {
	color:#b5ae68;	
}
.banner_box {position:relative; margin-left:0; width:358px; height:220px; padding:55px 0 0 20px; }
.banner_box .rollBox {width:358px; height:308px; overflow: hidden; }
.banner_box .rollBox #roll { list-style: none;  overflow: hidden; width:1530px; }
.banner_box .rollBox #roll li { float: left; display: inline; margin-left: 0; width: 318px; text-align:center;}
.banner_box .rollBox #roll li img { border:solid 1px #fff;}
.roll_tit {font-size:14px; font-weight:bold; color:#505050; padding-top:30px; width:100%; text-align:left;}
.roll_tit span {font-size:11px; font-weight:bold; color:#b4b4b4; padding-left:15px;}
.roll_txt {font-size:11px; font-weight:bold; color:#b4b4b4; padding-top:15px; width:100%; text-align:left;}

.arrow_left { position: absolute; right:51px; top:20px; width: 29px; height: 29px; z-index:999;  }
.arrow_right { position: absolute; right:20px; top:20px; width: 29px; height: 29px; z-index:999;}

/* 회사소개 css */
.com_box {
	position:absolute;
	left:0;
	bottom:0;
	width:360px;
	height:310px;
}

/* 온라인문의 css */
.inq_box {
	position:absolute;
	right:0;
	bottom:0;
	width:640px;
	height:180px;
}


/* 공지사항/퀵메뉴/고객센터 css */
#cus_con {
	float:left;
	width:1000px;
	padding-top:50px;
}
.more_icon {
	position:absolute;
	right:25px;
	top:0;
}

/* 공지사항 css */
.news_box {
	float:left;
	width:300px;
	height:118px;
	padding-right:25px;
	position:relative;
	margin-right:25px;
}
.news_box h3 {
	position:absolute;
	left:0;
	top:-4px;
	font-size:22px;
	font-weight:bold;
}
.news_box .news_list {
	position:absolute;
	left:0;
	top:36px;
}
.news_box .news_list li {
	float:left;
	width:300px;
	padding-bottom:11px;
}
.news_box .news_list li dl dt {
	float:left;
	width:210px;
	padding-left:12px;
	background:url("../images/main/news_dot.gif") no-repeat left 5px;
}
.news_box .news_list li dl dd {
	float:right;
	width:70px;
	text-align:right;
	color:#b4b4b4;
}

/* 퀵메뉴 css */
.quick_box {
	float:left;
	width:300px;
	height:118px;
	padding-right:25px;
	position:relative;
	margin-right:25px;
}
.quick_box h3 {
	position:absolute;
	left:0;
	top:-4px;
	font-size:22px;
	font-weight:bold;
	line-height:23px;
}
.quick_box > ul {
	position:absolute;
	left:0;
	top:36px;
}
.quick_box > ul > li {
	float:left;
	width:98px;
	height:75px;
	text-align:center;
	border-left:dashed 1px #e6e6e6;
	line-height:38px;
	font-size:13px;
	padding-top:7px;
}
.quick_box > ul > li.last {
	border-right:dashed 1px #e6e6e6;
}


/* 고객센터 css */
.tel_box {
	float:left;
	width:300px;
	height:118px;
	position:relative;
}
.tel_box h3 {
	position:absolute;
	left:0;
	top:-4px;
	font-size:22px;
	font-weight:bold;
	line-height:23px;
}
.tel_box dl {
	position:absolute;
	left:0;
	top:36px;
}
.tel_box dl dt {
	float:left;
	width:82px;
	height:82px;
}
.tel_box dl dd.tel {
	float:right;
	width:195px;
	font-size:24px;
	color:#b5ae68;
	font-weight:bold;
	padding-top:4px;
}
.tel_box dl dd.tel span {
	color:#505050;
}
.tel_box dl dd.text {
	float:right;
	width:195px;
	font-size:11px;
	color:#828282;
	padding-top:6px;
	line-height:16px;
	letter-spacing:0.5px;
}



/* 푸터 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;	
}