@charset "utf-8";

body{width:100%; min-width:1280px;}
#wrap{width:100%;}

#header{width:100%; background: url(../images/head-bg.png) repeat-x 0 0; height:112px; position: relative; z-index:9999;}
#header .inner{width:1221px; margin:0 auto;}

#header .top_head{width:100%; height:67px;}
#header .top_head:after{content: ""; display: block; clear:both;}

#header .top_head h1{width:277px; height:50px; margin-top:10px; float: left; margin-right:175px;}
#header .gnb{width:766px; float: left;}
#header .gnb ul{width:100%;}
#header .gnb ul:after{content: ""; display: block; clear:both;}
#header .gnb ul li{float: left; position: relative;}
#header .gnb ul li:nth-child(1){width:234px;}
#header .gnb ul li:nth-child(2){width:175px;}
#header .gnb ul li:nth-child(3){width:168px; margin-right:18px;}
#header .gnb ul li:nth-child(4){width:171px;}
#header .gnb ul li a{padding:32px 0 20px 0; width:auto; font-size:18px; line-height: 18px; color:#343434; display: block; text-align: center;}
#header .gnb ul li.on a{color:#2fc4ec; font-weight: 600}
#header .gnb ul li a:hover{color:#2fc4ec; font-weight: 600}


#header .gnb ul.sub_menu{position: absolute; top:67px; left:0; z-index:10; padding-top:10px; padding-bottom:30px;}
#header .gnb ul.sub_menu_wrap1{left:52px;}
#header .gnb ul.sub_menu_wrap2{left:50px;}
#header .gnb ul.sub_menu_wrap3{left:50px;}
#header .gnb ul.sub_menu_wrap4{left:50px;}
#header .gnb ul.sub_menu li{width:100%;}
#header .gnb ul.sub_menu li a{padding:0; text-align: left; font-size: 14px; line-height: 21px; display: block; color:#343434;font-weight: normal;}
#header .gnb ul.sub_menu li.on a{color:#2fc4ec;}


#header .bottom_head{width:100%; }
#header .bottom_head:after{content: ""; display: block; clear:both;}
#header .bottom_head ul{width:330px; float: right;}
#header .bottom_head ul:after{content: ""; display: block; clear:both;}
#header .bottom_head ul li{float: left; margin-right:50px;}
#header .bottom_head ul li a{line-height: 35px; color:#fff; font-size:16px; text-transform:uppercase;}


#header .subgnb_bg{position: absolute; top:67px; background: url(../images/submenu-bg.png) repeat-x 0 0; height:135px; width:100%; z-index:9;}




#container{width:1280px; margin:0 auto; margin-top:-6px; overflow: hidden;}

#container .visual{margin-bottom:20px; height:475px; overflow: hidden;}
#container #content{width:100%;}

#content .top_con{width:867px; margin:0 auto; height:93px;}
#content .top_con ul:after{content: ""; display: block; clear:both;}
#content .top_con ul li{width:123px; float: left;}
#content .top_con ul li a{width:100%; padding-top:75px; text-align: center; font-size:15px; line-height: 15px; padding-bottom:5px; color:#828080; font-weight: 600; display: block;}
#content .top_con ul li:nth-child(1){margin-right:255px;}
#content .top_con ul li:nth-child(2){margin-right:243px;}
#content .top_con ul li:nth-child(1) a{background: url(../images/index-t-con1-off.jpg) no-repeat 0 0;}
#content .top_con ul li:nth-child(2) a{background: url(../images/index-t-con2-off.jpg) no-repeat 0 0;}
#content .top_con ul li:nth-child(3) a{background: url(../images/index-t-con3-off.jpg) no-repeat 0 0;}

#content .top_con ul li:nth-child(1) a:hover{background: url(../images/index-t-con1-on.jpg) no-repeat 0 0;}
#content .top_con ul li:nth-child(2) a:hover{background: url(../images/index-t-con2-on.jpg) no-repeat 0 0;}
#content .top_con ul li:nth-child(3) a:hover{background: url(../images/index-t-con3-on.jpg) no-repeat 0 0;}



#content .bottem_con{margin-top:20px; width:100%; margin-bottom:10px;}
#content .bottem_con ul:after{content:""; display: block; clear:both;}
#content .bottem_con ul li{width:312px; height:216px; float: left; margin-right:10px;}
#content .bottem_con ul li a{padding-left:10px; font-size:20px; line-height:30px; color:#e7e4e4;  padding-bottom:216px; display: block;}
#content .bottem_con ul li:nth-child(1){background: url(../images/index-b-con1.jpg) no-repeat 0 0;}
#content .bottem_con ul li:nth-child(2){background: url(../images/index-b-con2.jpg) no-repeat 0 0;}
#content .bottem_con ul li:nth-child(3){background: url(../images/index-b-con3.jpg) no-repeat 0 0;}
#content .bottem_con ul li:nth-child(4){background: url(../images/index-b-con4.jpg) no-repeat 0 0; margin-right:0;}

#footer{width:100%;}
#footer span{margin-right:15px;}
#footer .inner{margin:0 auto;}
#footer .top_foot{width:100%; background: #c8c7c7; padding:18px 0;}
#footer .top_foot .inner{width:1250px; background: #c8c7c7;  padding-left:23px;}
#footer .top_foot:after{content: ""; display: block; clear:both;}
#footer .top_foot address{font-size: 13px; line-height: 20px; font-family: "NaNumGothic" , "Malgun Gothic", sans-serif; width:800px; float: left; display: block;}
#footer .top_foot .b_menu{width:344px; float: right; margin-top:23px;}
#footer .top_foot .b_menu ul:after{content: ""; display: block; clear:both;}
#footer .top_foot .b_menu ul li{float: left; margin-right:20px;}
#footer .top_foot .b_menu ul li:last-child{margin-right:0;}
#footer .top_foot .b_menu ul li a{font-size:15px; line-height: 15px; color:#454444; }
#footer .bottom_foot{width:100%;background: #373636;}
#footer .bottom_foot .inner{width:1250px;  padding-left:23px; color:#fff; font-size: 11px; line-height:42px }