@charset "utf-8";
/* CSS Document */

#wrap {
	font-family: 'NanumBarunGothic';
	width:100%;
}
/* 메인-헤더 */
#header {
	width:100%;
	height:104px;
	background:#fff;
}
#header .headerin {
	width:1000px;
	position:relative;
	margin:0 auto;
}

#header .headerin h1{
	position:absolute;
	top:25px;
	left:0;
}

#header .gnb{
	position:absolute;
	top:30px;
	right:0;
}

#header .gnb li{
	float:left;
	text-align:center;
}

#header .gnb li a{
	display:block;
	height:31px;
	font-size:14px;
    padding:5px 20px 5px 20px;
	text-indent:-9999px;
	border-right:1px solid #e5e5e5;
}

#header .gnb .g1 a{width:116px; background:url(../images/menu1.png) no-repeat center;}
#header .gnb .g2 a{width:79px; background:url(../images/menu2.png) no-repeat center;}
#header .gnb .g3 a{width:154px; background:url(../images/menu3.png) no-repeat center;}
#header .gnb .g4 a{width:82px; background:url(../images/menu4.png) no-repeat center;}
#header .gnb .g5 a{width:82px; background:url(../images/menu5.png) no-repeat center;}
#header .gnb .g6 a{width:60px; background:url(../images/menu6.png) no-repeat right; padding:0; padding-right:20px; border:none;}

#header .gnb .g1 a:hover{width:116px; background:url(../images/menu1_on.png) no-repeat center;}
#header .gnb .g2 a:hover{width:79px; background:url(../images/menu2_on.png) no-repeat center;}
#header .gnb .g3 a:hover{width:154px; background:url(../images/menu3_on.png) no-repeat center;}
#header .gnb .g4 a:hover{width:82px; background:url(../images/menu4_on.png) no-repeat center;}
#header .gnb .g5 a:hover{width:82px; background:url(../images/menu5_on.png) no-repeat center;}
#header .gnb .g6 a:hover{width:60px; background:url(../images/menu6_on.png) no-repeat right; padding:0; padding-right:20px; border:none;}

/* 메인-비주얼 */
/*
.main_visual{
	width:100%;
	height:427px;
	position:relative;
	background:url(../images/main_visual_bg.jpg) no-repeat center top;
}

.main_visual .v1{
	width:1307px;
	height:427px;
	position:absolute;
	left:50%;
	margin-left:-653px;
}
*/
#s_banner_wrap {width:100%; height:427px; position: relative; }
.visual_01 {width:2000px; height:427px;}
.visual_02 {width:2000px; height:427px;}
.bxslider img{position:absolute; top:0; left:50%; margin-left:-1000px;}


.s_link{
	width:100%;
	height:55px;
	background:#ededed;
}
.s_linkin{
	width:1000px;
	margin:0 auto;
	position:relative;
}
.s_linkin a{
	display:block;
	width:80px;
	font-size:16px;
	font-family:'NanumBarunGothicBold';
	color:#777;
	padding:19px 0 14px 0;
	margin-right:40px;
	float:left;
	text-align:center;
}
.s_linkin a:hover{
	border-bottom:3px solid #333;
	color:#333;
}
.s_linkin p{
	font-family:'NanumBarunGothicBold';
	color:#333;
	font-size:15px;
	position:absolute;
	top:17px;
	right:00;
}

/* 메인-컨테이너 */
#container{
	width:100%;
	clear:both;
}
#container .center_bn_wrap{
	width:100%;
	height:190px;
	border-bottom:1px solid #dadada;
	margin-bottom:50px;
}

#container .center_bn{
	width:1000px;
	margin:0 auto;
	height:190px;
}

#container .c_bn{
	float:left;
	width:333px;
	height:190px;
	position:relative;
}

#container .c_bn img{
	position:absolute;
	top:40px;
	left:25px;
}

#container .c_bn .bn_txt{
	position:absolute;
	top:47px;
	left:140px;
	line-height:18px;
	letter-spacing:-0.03em
}

#container .c_bn .bn_txt p{
	color:#666;
	margin-bottom:18px;
}

#container .c_bn .bn_txt a{
	font-size:13px;
	color:#777;
	border:1px solid #cbcbcb;
	padding: 6px 9px 5px 9px;

}

#container .c_bn .bn_txt a:hover{
	color:#fff;
	background:#0a86c9;
	border:1px solid #0a86c9;
}

#container .main_box{
	width:1000px;
	margin:0 auto;
	margin-bottom:60px;
}

#container .main_box div{
	width:325px;
	float:left;
	margin-right:
}

#container .main_box .roll_bn{position:relative;}
#container .main_box .roll_bn li{width:323px; height:216px; border:1px solid #dadada; }

/* 사용자 페이징 - 위치와 모양을 자유롭게 변형 */
#bx-pager1 {position: absolute; top:195px; left:20px;}
#bx-pager1 a{float:left; margin:0 3px;display: block; width:10px; height:9px; background:url(../images/bol.png);}
#bx-pager1 a:hover, .bx-pager1 a:active{ background:url(../images/bol_on.png);}

/* 사용자 페이징 - 엑티브상태에 대한 속성값 지정 */
#bx-pager1 a.active{ background:url(../images/bol_on.png);}


#footer{
	width:100%;
	background:#e9e9e9;
	font-size:12px;
	color:#888;
	line-height:17px;
	text-align:center;
}

#footer .f_menu_wrap{
	width:100%;
	height:40px;
	background:#fff;
	position:relative;
	border-top:1px solid #dadada;
	
}
#footer .f_menu{
	padding:10px 0;
	position:absolute;
	left:50%;
	margin-left:-240px;
}

#footer .f_menu li{
	float:left;
}

#footer .f_menu li a{
	font-size:13px;
	display:block;
	width:47px;
	height:18px;
	font-family:'NanumBarunGothicBold';
	color:#999;
	margin-left:25px;
	padding-right:25px;
	border-right:1px solid #dadada;
}

#footer .f_menu li a:hover{
	color:#555;
}

#footer p{
	padding:30px 0 15px 0;

}