@charset "utf-8";

body{width:100%;background: #2d2d2d;}
body.index{overflow-y:scroll;}
#wrap{width:100%; overflow: hidden}

/*header*/
.header_wrap{z-index:200; width:100%; background:#fff}
#header{width:100%; height:112px; position: relative; border-top:2px solid #0068b7; background:url(../images/gnb_bar.gif) repeat-x 0 100%;}
#header .inner{width:1000px; margin:0 auto; height:112px; position:relative;}
#header h1{position:absolute; top:16px; left:441px;}
#header .gnb{position:absolute; left:16px; top:73px;}
#header .gnb ul{margin:12px auto}
#header .gnb ul li{float:left; margin-left:80px;}
#header .gnb ul li:first-child{margin-left:0px;}
#header .gnb ul li a{color:#434343; font-size:15px; line-height:15px;}
#header .gnb ul li a:hover{color:#0068b7;}
#header .gnb ul li.on a{color:#0068b7;}

#header .topmenu{position:absolute; top:2px; right:3px;}
#header .topmenu ul li{float:left; border-right:1px solid #535353;}
#header .topmenu ul li:last-child{border-right:none}
#header .topmenu ul li a{font-size:11px; display:block; padding:3px 7px 3px 7px; text-align:center;}

#header .gnb_sub{width:100%; height:185px; background: url(../images/gnb_bg.png) repeat-x 0 0; display: block; position: absolute; top:112px; z-index:200; display: none}
#header .gnb_sub .inner{width:970px; margin:0 auto; z-index: 19; background: none;  padding-top:5px; position: static;}
    #header .gnb_sub .inner:after{content:""; display: block; clear:both;}
#header .gnb_sub ul{float: left; margin-top:5px;}
#header .gnb_sub ul.gnb_sub1{width:155px;}
#header .gnb_sub ul.gnb_sub2{width:150px;}
#header .gnb_sub ul.gnb_sub3{width:135px;}
#header .gnb_sub ul.gnb_sub4{width:135px;}
#header .gnb_sub ul.gnb_sub5{width:185px;}
#header .gnb_sub ul.gnb_sub6{width:160px;}
#header .gnb_sub ul.gnb_sub7{width:50px;}
#header .gnb_sub ul li a{font-size:13px; line-height:22px; color:#494949;}
#header .gnb_sub ul li a:hover{color: #0d73d2;}

/*container*/
.index #container{width:100%; height:655px; position: relative;}
#container .visual{width:100%; height:655px;z-index:10;}
#container .visual .r1{background: url(../images/visual1.jpg) no-repeat 50% 0; width:100%; height:655px;}
#container .visual .r2{background: url(../images/visual2.jpg) no-repeat 50% 0; width:100%; height:655px;}
#container .visual .r3{background: url(../images/visual3.jpg) no-repeat 50% 0; width:100%; height:655px;}

/*content*/
#container .content{width:100%; height:117px; position: absolute; bottom:2px; z-index: 9999; background: url(../images/con_bg.png) no-repeat 50% 0; }
#container .content .con_wrap{width:1000px; margin:0 auto; padding-left:2px;}
#container .content .con_wrap:after{content:""; display: block; clear:both;}
#container .content .con{width:1000px; padding:7px 10px 0 10px;}
	#container .content .con:after{content:""; display:block; clear:both;}
#container .content .con p{float:left;}
#container .content .con p a{padding-top:80px; line-height:1.0em; font-size:13px; float:left; color:#fff; display:block; text-align:center; }
#container .content .con p a:hover{font-weight:bold;}
#container .content .con p:nth-child(1) a{background: url(../images/icon_con1.png) no-repeat 46px 8px; width:165px;}
#container .content .con p:nth-child(2) a{background: url(../images/icon_con2.png) no-repeat 46px 8px; width:165px;}
#container .content .con p:nth-child(3) a{background: url(../images/icon_con3.png) no-repeat 51px 8px; width:165px;}
#container .content .con p:nth-child(4) a{background: url(../images/icon_con4.png) no-repeat 43px 8px;  width:165px;}
#container .content .con p:nth-child(5) a{background: url(../images/icon_con5.png) no-repeat 55px 8px; width:165px;}
#container .content .con p:nth-child(6) a{background: url(../images/icon_con6.png) no-repeat 47px 7px; width:165px;}


/*footer*/
#footer{width:100%; background:#2d2d2d; height:140px;}
#footer .inner{width:1000px; margin:0px auto; padding-top:28px;}
#footer .inner:after{content:""; display: block; clear:both;}
#footer .inner .f_logo img{float:left; padding-left:23px;}

#footer .inner address{float:left; font-size:11px; line-height:16px; color:#fff; width:800px; display:block; padding-left:20px;}
#footer .inner address span{display:inline-block; margin-left:10px;}
#footer .inner address .address{display:inline-block; width:490px;}
#footer .inner address .address02{display:inline-block; width:280px;}