@charset "utf-8";
body{ background:#000;}
body.index{background:#000; overflow-y:scroll;}
#wrap{width:100%; overflow: hidden; }
.index #top_mar{height:85px; }
/*header*/
.index .header_wrap{width:100%; position:fixed; top:0; z-index:200; background-color:#fff; height:85px;}
#header{width:976px; height:85px; margin:0 auto; }
.index .subgnb_bg{width:100%; height:184px; background: url(../images/subgnb_bg.png) repeat-x 0 0; display:none; position:absolute; top:85px; left:0px; z-index:10;}

#header .top_inner{ width:976px; margin:0 auto; height:25px; position:relative; }
#header .top_inner .tnb{ width:200px; float:right; font-size:11px; }
#header .top_inner .tnb li{width:64px;  float:left; text-align:center; padding-top:5px; border-right:1px solid #d1d1d1; }
#header .top_inner .tnb .no{border-right:1px solid #fff;}
#header .top_inner .tnb .on{color:#507ccd; }

#header .bottom_inner{width:976px; margin:0 auto;}
#header .bottom_inner h1{ width:152px; height:38px;  float:left; margin-top:5px;}
#header .bottom_inner h1 a{width:152px; height:38px; display: block;}
#header .bottom_inner .gnb{width:700px;float:left; margin:17px 0 0 113px;}

#header .bottom_inner .gnb ul{height:40px; text-align:center;}
    #header .bottom_inner .gnb ul:after{content:""; display:block; clear:both;}
#header .bottom_inner .gnb ul li{width:135px; float: left;}
#header .bottom_inner .gnb ul li a{color:#343434; font-size:17px; line-height: 30px; height:30px; display:block; width:100%; }
#header .bottom_inner .gnb ul li a:hover{color:#0a3686;}
#header .bottom_inner .gnb ul li.on a{color:#5170a7;}

#header  .bottom_inner:after{content:""; display: block; clear:both;}
#header .bottom_inner .gnb:after{content:""; display: block; clear:both;}
#header .bottom_inner .gnb ul li .gnb_sub1{width:135px;}
#header .bottom_inner .gnb ul li .gnb_sub2{width:135px;}
#header .bottom_inner .gnb ul li .gnb_sub3{width:135px;}
#header .bottom_inner .gnb ul li .gnb_sub4{width:135px;}
#header .bottom_inner .gnb ul li .gnb_sub5{width:135px; }
#header .bottom_inner .gnb ul li ul{margin-top:30px; }
#header .bottom_inner .gnb ul li ul li a{font-size:14px; line-height:28px; color:#757474; height:28px; }
#header .bottom_inner .gnb ul li a:hover{color:#0d6ed2;}

.gnb_sub li a{position:relative; z-index:99;}

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

/*content*/
#container .content{width:100%; height:105px; position: absolute; bottom:2px; z-index: 9999;  background: url(../images/con_bg.png) no-repeat 50% 0; }
	#container .content .con_wrap:after{content:""; display: block; clear:both;}
#container .content .con_wrap{width:1002px; margin:0 auto; padding-left:2px; padding-top:5px;}
#container .content .con{float: left; margin-right:2px; height:98px;}
#container .content .con:after{content:""; display: block; clear:both;}

#container .content .con1:after{content:""; display: block; clear:both;}
#container .content .con1{width: 500px; padding:10px 130px 0 150px;}
#container .content .con1 p{/*float:left;*/ float:right;}
#container .content .con1 p a{padding-top:65px; line-height: 1.0em; font-size:14px; color:#fff; display:block;}
#container .content .con1 p.icon1{text-align:center;}
#container .content .con1 p.icon1 a{background: url(../images/icon_con1.png) no-repeat ; width:62px; height:52px;  margin-right:150px; display:block;}
#container .content .con1 p.icon2 a{background: url(../images/icon_con2.png) no-repeat; width:66px; height:52px; margin-right:133px; display:block; }
#container .content .con1 p.icon3 a{background: url(../images/icon_con3.png) no-repeat 5px 0; width:67px; height:52px; display:block;}

#container .content .con2{width: 70px; padding-top:12px; margin-left:70px;}
#container .content .con2 p{ font-size: 14px;  text-align:center; }
#container .content .con2 p a{background: url(../images/icon_con4.png) no-repeat 5px 0; width:60px; padding-top:60px; line-height: 1.0em; font-size:13px; color:#fff; display: block; }

/*footer*/
#footer{width: 100%; height:140px; background: #000; padding-top:10px; }
#footer .inner{width: 1002px; margin:0px auto; padding-top:5px;}
#footer .inner:after{content:"" ; display: block; clear:both;}
#footer .inner .address{font-size:12px; line-height: 20px; color:#797979;  width: 1000px;  display: block; padding-left:17px;}
#footer .inner .f_copy{font-size: 12px; line-height: 20px; color:#797979;   width: 1000px;  padding-left:17px;}
#footer .inner .address .space1{ padding-left:40px;}
#footer .inner  .space2{ padding:0 10px;}
#footer .inner  .copy{font-size: 10px; padding-left:60px;}