/* 메인레이아웃 */
#wrapper {
	width:1200px;
	margin:0 auto;
}
#wrap {
	float:left;
	width:1200px;
	position:relative;
}

/****************** 컨텐츠 박스 ******************/
#content {
	float:right;
	width:1010px;
	background-color:#fff;
}


/****************** 비쥬얼이미지 ******************/
.visual {
	float:left;
	width:550px;
	height:800px;
	position:relative;
	overflow:hidden;
}
#slides {
      display: none
}
#slides .slidesjs-previous {
	position:absolute;
	right:54px;
	top:0;
	z-index:999;
    width:54px;
    height:54px;
    background:url("../images/main/l_arrow.gif") no-repeat left top;
}
#slides .slidesjs-next {
	position:absolute;
	right:0;
	top:0;
	z-index:999;
    width:53px;
    height:54px;
    background:url("../images/main/r_arrow.gif") no-repeat left top;
}


/****************** 제품소개 ******************/
.pro_box {
	float:left;
	width:270px;
	height:330px;
	position:relative;
	background:url(../images/main/pro_img.jpg) no-repeat left top;
}

/****************** 인재채용 ******************/
.rec_box {
	float:left;
	width:190px;
	height:268px;
	position:relative;
	background:url(../images/main/rec_img.jpg) no-repeat left top;
}

/****************** MD 페이지이동 ******************/
.lcos_box {
	float:left;
	width:190px;
	height:100px;
	position:relative;
	background:url(../images/main/lcos_img.jpg) no-repeat left top;
}

/****************** 회사소개 ******************/
.com_box {
	float:left;
	width:270px;
	height:268px;
	position:relative;
	background:url(../images/main/com_img.jpg) no-repeat left top;
}

/****************** 퀵메뉴 ******************/
.quick_box {
	float:left;
	width:190px;
	height:330px;
}

/****************** 컨텐츠 박스 공통 ******************/
.box_tit {
	font-size:20px;
	font-weight:bold;
	padding:30px 0 0 20px;
}
.box_txt {
	font-size:13px;
	line-height:18px;
	padding:12px 0 0 20px;
	color:#646464;
	letter-spacing:-0.40px;
}
.pro_box a, .rec_box a, .com_box a, .lcos_box a {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#fff;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:999;	
}
.pro_box:hover p, .rec_box:hover p, .com_box:hover p, .lcos_box:hover p {
	text-decoration:underline;	
}
.more {
	position:absolute;
	right:20px;
	top:30px;
}


/****************** 공지사항 ******************/
.notice_box {
	float:left;
	width:460px;
	height:202px;
	position:relative;
}
.notice_box > ul {
	float:left;
	width:460px;
	padding-top:20px
}
.notice_box > ul > li {
	float:left;
	width:413px;
	margin-left:20px;
	padding-left:7px;
	background:url(../images/main/notice_dot.gif) no-repeat left 6px;
	margin-bottom:15px;
}
.notice_box> ul > li > dl > dt {
	float:left;
	width:313px;
	font-size:14px;
}
.notice_box > ul > li > dl > dd {
	float:right;
	width:90px;
	font-size:12px;
	color:#969696;
	text-align:right;
}

.notice_box > ul > li > dl > dt a {
	color:#646464;
}
.notice_box > ul > li > dl > dt a:hover  {
	color:#ed1c24;
	text-decoration:underline;
}


/****************** 하단 푸터 ******************/
#footer {
	float:right;
	width:1010px;
	min-height:115px;
	position:relative;
	border-top:solid 1px #dcdcdc;
	background:#fff url(../images/common/logo.gif) no-repeat 30px 30px;
}