/* 메인레이아웃 */

/****************** 컨텐츠 ******************/
#content_wrap {
	float:left;
	width:100%;
}
.content {
	width:1100px;
	margin:0 auto;
}

/****************** visual_box ******************/
.visual_box {
	float:left;
	width:790px;
	height:400px;
	position:relative;
}
#slides, #slides1 {
      display: none
}

#slides .slidesjs-navigation, #slides1 .slidesjs-navigation {
  margin-top:3px;
}

#slides .slidesjs-previous, #slides1 .slidesjs-previous {
	position:absolute;
	left:20px;
	top:50%;
	z-index:999;
    width:22px;
    height:43px;
	margin-top:-21px;
    background:url("../images/main/btn_prev.png") no-repeat left top;
}

#slides .slidesjs-next, #slides1 .slidesjs-next {
	position:absolute;
	right:20px;
	top:50%;
	z-index:999;
    width:22px;
    height:43px;
	margin-top:-21px;
    background:url("../images/main/btn_next.png") no-repeat left top;
}

.slidesjs-pagination {
	display:none;
}

/****************** quick_box ******************/
.quick_box {
	float:right;
	width:298px;
	height:128px;
	border:solid 1px #dcdcdc;
	background-color:#fff;
	margin-bottom:10px;
}
.quick_box > ul {
	float:left;
	width:298px;
	padding-top:20px;
}
.quick_box > ul > li {
	float:left;
	width:98px;
	padding:6px 0;
	border-right:dashed 1px #dbdfd3;
	position:relative;
}
.quick_box > ul > li.last {
	border-right:none;
}
.quick_box > ul > li > a {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color:#fff;
	opacity:0;
	z-index:999;
}
.quick_box > ul > li > dl {
	float:left;
	width:98px;
}
.quick_box > ul > li > dl > dt {
	float:left;
	width:98px;
	text-align:center;
	opacity:0.7;
}
.quick_box > ul > li:hover > dl > dt {
	float:left;
	width:98px;
	text-align:center;
	opacity:1;
}
.quick_box > ul > li > dl > dd {
	float:left;
	width:98px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
}

/****************** order_box ******************/
.order_box {
	float:right;
	width:258px;
	height:229px;
	border:solid 1px #dcdcdc;
	background-color:#fff;
	padding:29px 20px 0;
	position:relative;
}
.order_box > h4 {
	float:left;
	width:258px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:29px;
}
.order_box > .more {
	position:absolute;
	right:20px;
	top:25px;
}
.order_box > ul {
	float:left;
	width:258px;
}
.order_box > ul > li {
	float:left;
	width:258px;
	margin-bottom:10px;
	height:17px;
	line-height:17px;
}
.order_box > ul > li > dl {
	float:left;
	width:258px;
}
.order_box > ul > li > dl > dt {
	float:left;
	width:46px;
}
.order_box > ul > li > dl > dd {
	float:right;
	width:202px;
}
.order_box > ul > li > dl > dd a {
	color:#828282;
	font-size:13px;
}
.order_box > ul > li > dl > dd a:hover {
	color:#8ebc36;
}

/****************** port_box ******************/
.port_box {
	float:right;
	width:1098px;
	height:269px;
	border:solid 1px #dcdcdc;
	background-color:#fff;
	position:relative;
}
.port_box > h4 {
	position:absolute;
	left:30px;
	top:29px;
	font-size:16px;
	font-weight:bold;
}
.port_box > .port_btn {
	position:absolute;
	right:30px;
	top:16px;
}
.port_box > .port_btn > ul > li {
	float:left;
}
.port_box > .port_btn > ul > li.last {
	margin-left:10px;
}

.banner_box {position: relative; margin:66px 0 0 30px; width:1038px; }
.banner_box .rollBox {width: 1038px; height:185px; overflow: hidden; }
.banner_box .rollBox #roll { list-style: none;  overflow: hidden; width:1140px; }
.banner_box .rollBox #roll li { float: left; display: inline; width:180px; padding-right:34px;}
.banner_box .rollBox #roll li > a {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color:#fff;
	opacity:0;
	z-index:999;
}
.banner_box .rollBox #roll li > dl {
	float:left;
	width:180px;
}
.banner_box .rollBox #roll li > dl > dt {
	float:left;
	width:180px;
	text-align:center;
}
.banner_box .rollBox #roll li > dl > dd {
	float:left;
	width:180px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	color:#646464;
}
.banner_box .rollBox #roll li:hover > dl > dd {
	color:#8ebb36;
}


/****************** 하단 게시판 영역 ******************/
.board_area {
	float:left;
	width:790px;
}
/****************** 메인 공지사항 ******************/
.notice_box {
	float:left;
	width:328px;
	height:174px;
	padding:29px 30px 0;
	border:solid 1px #dcdcdc;
	background-color:#fff;
	position:relative;
}
.review_box {
	float:left;
	width:328px;
	height:114px;
	padding:29px 30px 0;
	border:solid 1px #dcdcdc;
	background-color:#fff;
	position:relative;
}
.notice_box > h4, .review_box > h4 {
	float:left;
	width:100%;
	font-size:16px;
	font-weight:bold;
	margin-bottom:29px;
}
.notice_box > .more, .review_box > .more {
	position:absolute;
	right:29px;
	top:29px;	
}
.notice_box > .more > a, .review_box > .more > a {
	color:#8ebb36;	
}
.notice_box > .more > a span, .review_box > .more > a span {
	font-size:14px;	
}
.notice_box > dl, .review_box > dl {
	float:left;
	width:328px;
	margin-bottom:14px;
}
.notice_box > dl > dt, .review_box > dl > dt {
	float:left;
	width:230px;
	background:url(../images/main/notice_dot.gif) no-repeat left 6px;
	padding-left:10px;
}
.notice_box > dl > dt a, .review_box > dl > dt a {
	font-size:14px;
	color:#787878;
}
.notice_box > dl > dt a:hover, .review_box > dl > dt a:hover {
	font-size:14px;
	color:#8ebb36;
}
.notice_box > dl > dd, .review_box > dl > dd {
	float:right;
	width:80px;
	font-size:12px;
	color:#b4b4b4;
	text-align:right;
}


.webhard_box {
	float:left;
	width:328px;
	height:114px;
	padding:29px 30px 0;
	border:solid 1px #dcdcdc;
	background-color:#fff;
	position:relative;
}
.webhard_box > p {
	float:left;
	width:328px;
    text-align: center;
    padding-bottom: 20px;
}
.webhard_box > ul {
	float:left;
	width:328px;
}
.webhard_box > ul > li {
	float:left;
	width:154px;
    margin-right: 20px;
    text-align: center;
    background-color: #8ebb36;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 8px 0;
}
.webhard_box > ul > li.last {
    margin-right: 0;
}


.bank_box {
	float:left;
	width:348px;
	height:125px;
	padding:18px 20px 0;
	border:solid 1px #dcdcdc;
	background-color:#fff;
	position:relative;
}
.bank_box > p {
	float:left;
	width:348px;
	text-align:center;
	font-size:13px;
	color:#828282;
}
.bank_box > p > img {
    vertical-align: -5px;
}
.bank_box > p span {
	font-weight:bold;
	font-size:14px;
	color:#8ebb36;
}
.bank_box > ul {
	float:left;
	width:348px;
    margin-bottom: 5px;
}
.bank_box > ul > li {
	float:left;
	width:165px;
    margin-right: 18px;
    margin-bottom: 10px;
}
.bank_box > ul > li.last {
    margin-right: 0;
}
.bank_box > ul > li > dl {
	float:left;
	width:165px;
}
.bank_box > ul > li > dl > dt {
	float:left;
	width:35px;
}
.bank_box > ul > li > dl > dd {
	float:right;
	width:125px;
    font-weight:bold;
	font-size:13px;
	color:#8ebb36;
    text-align: right;
}


.tel_box {
	float:right;
	width:298px;
	height:323px;
	border:solid 1px #dcdcdc;
	background-color:#fff;
	position:relative;
	padding:35px 0 0 0;
}
.tel_box > p {
	float:left;
	width:298px;
	text-align:center;
}
.tel_box > p.t_1 {
	font-size:26px;
	color:#8ebb36;
	font-weight:bold;
	padding-top:18px;
}
.tel_box > p.t_2 {
	font-size:16px;
	color:#646464;
	padding-top:6px;
}
.tel_box > p.t_3 {
	font-size:40px;
	color:#3a3a3a;
	font-weight:bold;
	padding-top:23px;
}
.tel_box > p.t_3 span {
	border-bottom:solid 2px #3a3a3a;
}
.tel_box > p.t_4 {
	font-size:15px;
	color:#505050;
	line-height:24px;
	padding-top:25px;
}
.tel_box > p.t_4 span {
	font-size:14px;
}