.logo{
	float:left;
	width:178px;
	height:66px;
	margin:20px 0 0 18px;
}

.gnb{
	float:right;
	margin-top:36px;
}

.gnb li{
	position:relative;
	float:left;
	width:158px;
	height:45px;
	text-align:center;
	font-size:22px;
	font-weight:500;
	cursor:pointer;
}

.gnb li .gnb_sub{
	position:absolute;
	visibility:hidden;
	width:140px;
	z-index:9999;
	top:0px;
	left:8px;
	opacity: 0;
	filter: Alpha(opacity=0);
	transition: width 0.3s;
	-webkit-transition: width 0.3s;
	transition-property: all;
}

.gnb li .gnb_sub li{
	float:left;
	width:140px;
	height:30px;
	padding-top:10px;
	color:#fff;
	background:#4c5a6c;
	font-size:14px;
}

.gnb .li:hover .gnb_sub{top:45px;visibility:visible;opacity:1;filter:Alpha(opacity=100);}
.gnb .li:hover:before {display:none;}
.gnb .li:hover:after {display:none;}



.main_visual_area{
	width:100%;
	height:508px;
	border-bottom:1px solid #ddd;
}

.main_visual .bx-wrapper { margin:0 auto; padding: 0px; position: relative; width:1200px; overflow:hidden;min-width:1200px; }
.main_visual .bx-wrapper img { display: block; max-width: 100%; margin:0 auto }

.main_visual .bx-wrapper .bx-viewport { border: 0px solid #000;    } /*영역*/
.main_visual .bx-wrapper .bx-pager {text-align: center;  bottom: 20px; position: absolute;  z-index:1000 } /*라운드영역*/
.main_visual .bx-wrapper .bx-controls-auto { width: 100%; bottom: -30px; position: absolute;} /*재생정지영역*/
.main_visual .bx-wrapper .bx-loading { background: url("/images/bx_loader.gif") no-repeat center rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 100; min-height: 50px; }/*로딩*/
.main_visual .bx-wrapper .bx-pager { text-align: center; color:#F00; padding-top: 20px; font-family: Arial; font-size: 0.85em; font-weight: bold;  }
.main_visual .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; }
.main_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
.main_visual .bx-wrapper .bx-default-pager.bx-pager a { background: #1e6696; margin: 0px 3px; outline: 0px; border-radius: 5px; width: 15px; height: 15px; text-indent: -9999px; display: block; -moz-border-radius: 8px; -webkit-border-radius: 8px; } /*라운드,글자*/
.main_visual .bx-wrapper .bx-default-pager.bx-pager a:hover { background:#fff;  width: 15px; height: 15px; }
.main_visual .bx-wrapper .bx-default-pager.bx-pager a.active { background:#fff; width: 30px; height: 15px; }
.main_visual .bx-wrapper .bx-prev { background: url("/images/controls.png") no-repeat 0px 0px; left: 40px; } /*화살표*/
.main_visual .bx-wrapper .bx-next { background: url("/images/controls.png") no-repeat -74px 0px; right: 40px; } /*화살표*/

.main_visual .bx-wrapper .bx-prev:hover { background-position: 0px -74px; }
.main_visual .bx-wrapper .bx-next:hover { background-position: -74px -74px; }
.main_visual .bx-wrapper .bx-controls-direction a { outline: 0px; top: 48%; width: 75px; height: 75px; text-indent: -9999px; margin-top: -31px; position: absolute; z-index: 9999; }/*화살표글자*/
.main_visual .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.main_visual .bx-wrapper .bx-controls-auto { text-align: center; } /*재생정지*/
.main_visual .bx-wrapper .bx-controls-auto .bx-start { background: url("/images/controls.png") no-repeat -86px -11px; margin: 0px 3px; outline: 0px; width: 10px; height: 11px; text-indent: -9999px; display: block;}/*재생*/
.main_visual .bx-wrapper .bx-controls-auto .bx-start:hover { background-position: -86px 0px; }
.main_visual .bx-wrapper .bx-controls-auto .active.bx-start { background-position: -86px 0px; }
.main_visual .bx-wrapper .bx-controls-auto .bx-stop { background: url("/images/controls.png") no-repeat -86px -44px; margin: 0px 3px; outline: 0px; width: 9px; height: 11px; text-indent: -9999px; display: block; }/*정지*/
.main_visual .bx-wrapper .bx-controls-auto .bx-stop:hover { background-position: -86px -33px; }
.main_visual .bx-wrapper .bx-controls-auto .active.bx-stop { background-position: -86px -33px; }
.main_visual .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-pager { width: 100%; text-align: center; } /*라운드영역*/
.main_visual .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-controls-auto { width: 35px; right: 0px; } /*재생정지영역*/
.main_visual .bx-wrapper .bx-caption { background: rgba(80, 80, 80, 0.75); left: 0px; width: 100%; bottom: 0px; position: absolute; }
.main_visual .bx-wrapper .bx-caption span { padding: 10px; color: rgb(255, 255, 255); font-family: Arial; font-size: 0.85em; display: block; }

.main_banner_area{
	float:left;
	width:100%;
	margin-top:40px;
}

.main_banner{
	margin:0 auto;
	width:1200px;
}

.main_banner li{
	float:left;
	display:inline;
	width:25%;
}

.main_business_area{
	float:left;
	width:100%;
	height:590px;
	margin-top:40px;
	background:#efefef;
}

.main_business_title{
	margin:60px auto;
	width:1200px;
	text-align:center;
	font-size:40px;
	font-weight:500;
}

.main_business{
	margin:0 auto;
	width:1200px;
}

.main_business li{
	float:left;
	display:inline;
	width:25%;
}

.main_business li .mb_img{
	display:block;
	position:relative;
	margin:0 auto;
	width:260px;
	height:331px;
	cursor:pointer;
}

.main_business li .mb_img .first_text{
	position:absolute;
	width:100%;
	height:44px;
	padding-top:18px;
	left:0;
	bottom:0;
	font-size:18px;
	text-align:center;
	font-weight:500;
	color:#fff;
	background:url(/images/main/business_bg.png);
	opacity:1;
	filter:Alpha(opacity:1);
	transition: width 0.3s;
	-webkit-transition: width 0.3s;
	transition-property: all;
}


.main_business li .mb_img .last_text{
	position:absolute;
	visibility:hidden;
	width:100%;
	height:331px;
	left:0;
	top:-45px;
	background:url(/images/main/business_bg.png);
	opacity:0;
	filter:Alpha(opacity:0);
	transition: width 0.3s;
	-webkit-transition: width 0.3s;
	transition-property: all;
}

.main_business li .mb_img .last_text .last_text_arrow{
	float:left;
	width:100%;
	text-align:center;
	margin-top:45px;
}

.main_business li .mb_img .last_text .last_text_btxt{
	float:left;
	width:100%;
	font-size:18px;
	text-align:center;
	font-weight:500;
	color:#fff;
	margin-top:45px;
}

.main_business li .mb_img .last_text .last_text_stxt{
	float:left;
	width:100%;
	font-size:14px;
	text-align:center;
	font-weight:500;
	color:#fff;
	margin-top:20px;
}

.main_business li:hover .first_text{
	visibility:hidden;
	bottom:-45px;
	opacity:0;
	filter:Alpha(opacity:0);
}

.main_business li:hover .last_text{
	visibility:visible;
	top:0px;
	opacity:1;
	filter:Alpha(opacity:1);
}

.main_customer_area{
	float:left;
	width:100%;
	margin-bottom:50px;
}

.main_customer_title{
	margin:60px auto;
	width:1200px;
	text-align:center;
	font-size:40px;
	font-weight:500;
}

.main_customer{
	margin:0 auto;
	width:1200px;
}

.main_customer_center{
	float:left;
	width:300px;
	height:292px;
}

.main_notice{
	float:right;
	width:878px;
	height:290px;
	border:1px solid #ddd;
}

.main_notice_title{
	float:left;
	width:91px;
	height:22px;
	margin:16px 0 0 21px;
}

.main_notice_more{
	float:right;
	width:30px;
	height:30px;
	margin:14px 19px 0 0;
}

.main_notice_list{
	float:left;
	width:100%;
}

.main_notice_list li{
	float:left;
	width:33%;
	height:180px;
	margin-top:50px;
	background:url("/images/main/main_notice_line.gif") repeat-y right;
}

.main_notice_list li:last-child{
	background:none;
}

.main_notice_list li .mn_title{
	float:left;
	width:210px;
	margin-left:22px;
	font-size:16px;
	font-weight:500;
}

.main_notice_list li .mn_cont{
	float:left;
	margin-top:35px;
	width:210px;
	margin-left:22px;
	font-size:14px;
}

.main_notice_list li .mn_date{
	float:left;
	margin-top:40px;
	width:210px;
	margin-left:22px;
	font-size:16px;
	font-weight:500;
}

.flogo{
	float:left;
	width:139px;
	height:28px;
	margin:30px 0 0 9px;
}

.copyright{
	float:left;
	width:800px;
	margin:30px 0 0 30px;
	color:#989898;
	line-height:20px;
}

.sub_menu{
	float:left;
	width:240px;
	margin-top:30px;
}

.sub_menu_title{
	float:left;
	width:100%;
	height:70px;
	margin-top:20px;
	font-size:24px;
	text-indent:20px;
	font-weight:500;
	border-bottom:1px solid #ddd;
}

.sub_menu_list{
	float:left;
	width:100%;
}

.sub_menu_list li{
	position:relative;
	float:left;
	width:100%;
	height:34px;
	padding-top:16px;
	font-size:16px;
	font-weight:500;
	text-indent:20px;
	cursor:pointer;
}

.sub_menu_list li .sub_menu_bar{
	position:absolute;
	display:none;
	top:24px;
	right:2px;
	width:17px;
	height:2px;
	background:#095bcb;
}

.sub_menu_list li:hover, .sub_menu_list .over{
	color:#095bcb;
}

.sub_menu_list li:hover .sub_menu_bar, .sub_menu_list .over .sub_menu_bar{
	display:block;
}

.sub_content_area{
	float:right;
	width:930px;
	margin-top:30px;
	min-height:500px;
}



.sub_content_title{
	float:left;
	width:100%;
	height:70px;
	margin-top:20px;
	font-size:30px;
	text-indent:20px;
	font-weight:500;
	border-bottom:1px solid #ddd;
}

.sub_content_cont{
	float:left;
	width:100%;
	margin:30px 0 50px 0;
}

.sub_content_cont .map_content{
	float:left;
	width:900px;
	margin-left:20px;
}

.sub_content_cont .map_content .map_text{
	float:left;
	width:100%;
	margin-top:20px;
	border-top:2px solid #333;
}

.sub_content_cont .map_content .map_text li{
	float:left;
	width:100%;
	padding:20px 0;
	text-indent:15px;
	font-size:14px;
	border-bottom:1px solid #ddd;
}

.no_content{
	float:left;
	width:100%;
	margin-top:100px;
	text-align:center;
	font-size:50px;
	font-weight:500;
}

.page_area{
	float:left;
	width:100%;
	margin-top:30px;
}

.sub_content_cont .board_content{
	float:left;
	width:100%;
}

.sub_content_cont .board_content .search_area{
	float:left;
	width:403px;
	margin-left:253px;
}

.sub_content_cont .board_content .search_area .search_type{
	float:left;
	width:111px;
}

.sub_content_cont .board_content .search_area .search_type select{
	width:109px;
	height:40px;
	border:1px solid #ddd;
}

.sub_content_cont .board_content .search_area .search_string{
	float:left;
	width:286px;
	height:39px;
	border:1px solid #ddd;
}

.sub_content_cont .board_content .search_area .search_string input{
	float:left;
	width:241px;
	height:39px;
	text-indent:5px;
	border:0;
}