@charset "utf-8";

body{width:100%; min-width:1000px; }


#wrap{width:100%;}
.head_wrap{width:100%; height:80px;  z-index:9999;  position: relative; background: #fff;}
#wrap #header{width:1000px; height:80px; margin:0 auto;  position: relative;}
#header:after{content:""; display:block; clear:both;}
#header h1{width:231px; height:40px; margin-top:30px; float: left; margin-right:67px;}
#header h1 a{width:100%; display: block;}
.index .page_pointer{position: absolute; top:64px; left:341px;}
.page_pointer{height:10px; padding-top:6px}
.page_pointer img{vertical-align:top; height:10px;}


#gnb{float: left; width:610px; padding-top:42px;}
#gnb ul:after{content:""; display:block; clear:both;}
#gnb ul li{float: left; position: relative;}
#gnb ul li a{padding:0 29px; width:auto; display:block; font-size:16px; line-height:16px; color:#414141;}
#wrap #gnb .submenu{position: absolute; top:25px; background: url(../images/sub_visual_bg1.png) no-repeat 0 0; width:148px; height:185px; display:none; padding-top:28px;  z-index:12;}
#wrap #gnb .submenu li{float: none;}
#wrap #gnb .submenu li a{font-size: 14px; line-height:29px; color:#6d6d6d; font-family: "Malgun Gothic","맑은 고딕",sans-serif; padding:0 0 0 19px; display:block;}
#wrap #gnb .submenu li a:hover{color:#005d87;}
#wrap #gnb .submenu:after{content:""; display:block; clear:both;}
#wrap #gnb ul li:nth-child(4) .submenu{background: url(../images/sub_visual_bg2.png) no-repeat 0 0; width:680px; height:220px; left:-300px; padding-top:23px;}
#wrap #gnb ul li:nth-child(4) .submenu .sub_type2{float: left; }
#wrap #gnb ul li:nth-child(4) .submenu li:last-child{margin-right:0;}
#wrap #gnb ul li:nth-child(4) .submenu li a{font-size: 13px; line-height:23px; padding:0 0 0 25px; text-indent: -10px}
#wrap #gnb ul li:nth-child(4) .submenu li.step2 a{font-size: 14px; padding-left:15px; text-indent:0}
#gnb .submenu .sub_type2{float: left; height:180px; border-right:1px solid #e8e8e8; padding-right:20px;}
#gnb .submenu .sub_type2:last-child{border-right:none}
.lang_box{width:86px; float: left; margin-top:37px; position: relative;}
.lang_box .select_box{background: url(../images/select_box_bg.png) no-repeat 0 0; font-size:11px; line-height: 19px; color:#fff; padding-left:10px; position: absolute; top:2px; left:2px; z-index:13; width:71px; cursor: pointer;}
.lang_box .select_lang{position: absolute; top:0;left:0px; height:69px; padding-top:21px; background: url(../images/lang-box.png) no-repeat 0 0; z-index:12; width:84px; display:none;}
.lang_box .select_lang li{width:76px; height:21px; border-bottom:1px solid #005d87; margin-left:3px;}
.lang_box .select_lang li:last-child{border-bottom:none;}
.lang_box .select_lang li a{font-size:11px; color:#a1a1a1; line-height:21px; display: block; text-align: center;}
.lang_box .select_lang li a:hover{color:#005d87; margin:0 4px;}

#container{width:100%; border-bottom:2px solid #fff}

.visual{width:100%; height:539px; overflow: hidden; margin-bottom:3px;}
.visual .bxslider{width:100%; height:539px; }
.visual .bxslider li{width:100%; height:100%; z-index: 9 }
.visual .bxslider .visual1{background: url(../images/visual1.jpg) no-repeat 50% 0; }
.visual .bxslider .visual2{background: url(../images/visual2.jpg) no-repeat 50% 0;}
.visual .bxslider .visual3{background: url(../images/visual3.jpg) no-repeat 50% 0; }
.visual .bxslider .visual4{background: url(../images/visual4.jpg) no-repeat 50% 0;}
.bx-controls{display: none}



.top_line{width:100%; position: relative; background: #005d87; top:0; z-index:11; margin-bottom:90px;}
.top_line p{height:55px; color:#fff; width:1000px; margin:0 auto; text-align: center; line-height: 55px;  font-size:20px;}

.mid_line{width:100%; height:43px; background: #f2f2f2;}
.mid_line p{width:1000px; margin:0 auto; color:#404040; font-size:12px; line-height: 43px; text-indent: 8px; text-align: left}
.mid_line p span{padding-left:15px; text-decoration: underline;}

#content{width:100%;}
.index_section1{width:1000px; margin:0 auto;}
.index_section1 ul{padding-left:8px; width:992px;}
.index_section1 ul:after{content:""; display: block; clear:both;}
.index_section1 ul li{width:238px; height:195px; float: left; margin-right:11px; margin-bottom:22px;}
.index_section1 ul li:nth-child(4n){margin-right:0;}
.index_section1 ul li:nth-child(1){background: url(../images/index-section1.jpg) no-repeat 0 0;}
.index_section1 ul li:nth-child(2){background: url(../images/index-section2.jpg) no-repeat 0 0;}
.index_section1 ul li:nth-child(3){background: url(../images/index-section3.jpg) no-repeat 0 0;}
.index_section1 ul li:nth-child(4){background: url(../images/index-section4.jpg) no-repeat 0 0;}
.index_section1 ul li:nth-child(5){background: url(../images/index-section5.jpg) no-repeat 0 0;}
/* .index_section1 ul li:nth-child(6){background: url(../images/index-section6.jpg) no-repeat 0 0;} */
.index_section1 ul li:nth-child(6){background: url(../images/index-section7.jpg) no-repeat 0 0;}
.index_section1 ul li:nth-child(7){background: url(../images/index-section8.jpg) no-repeat 0 0;}
.index_section1 ul li:nth-child(8){background: url(../images/index-section9.jpg) no-repeat 0 0;}
.index_section1 ul li:nth-child(9){background: url(../images/index-section10.jpg) no-repeat 0 0;}
.index_section1 ul li:nth-child(10){background: url(../images/index-section11.jpg) no-repeat 0 0;}
.index_section1 ul li:nth-child(11){background: url(../images/index-section12.jpg) no-repeat 0 0;}

.index_section1 ul li:nth-child(1):hover{background: url(../images/index-section1_over.jpg) no-repeat 0 0;}
.index_section1 ul li:nth-child(2):hover{background: url(../images/index-section2_over.jpg) no-repeat 0 0;}
.index_section1 ul li:nth-child(3):hover{background: url(../images/index-section3_over.jpg) no-repeat 0 0;}
.index_section1 ul li:nth-child(4):hover{background: url(../images/index-section4_over.jpg) no-repeat 0 0;}
.index_section1 ul li:nth-child(5):hover{background: url(../images/index-section5_over.jpg) no-repeat 0 0;}
/* .index_section1 ul li:nth-child(6):hover{background: url(../images/index-section6_over.jpg) no-repeat 0 0;} */
.index_section1 ul li:nth-child(6):hover{background: url(../images/index-section7_over.jpg) no-repeat 0 0;}
.index_section1 ul li:nth-child(7):hover{background: url(../images/index-section8_over.jpg) no-repeat 0 0;}
.index_section1 ul li:nth-child(8):hover{background: url(../images/index-section9_over.jpg) no-repeat 0 0;}
.index_section1 ul li:nth-child(9):hover{background: url(../images/index-section10_over.jpg) no-repeat 0 0;}
.index_section1 ul li:nth-child(10):hover{background: url(../images/index-section11_over.jpg) no-repeat 0 0;}
.index_section1 ul li:nth-child(11):hover{background: url(../images/index-section12_over.jpg) no-repeat 0 0;}

.index_section1 ul li a{width:100%; height:100%; display: block; position: relative; overflow: hidden}
.index_section1 ul li a span{color:#fff; text-align: center; color:#fff; line-height: 26px; display: block; bottom:0; position: absolute; width:100%; font-size: 12px; z-index:10;}
.index_section1 ul li a span.bg_over{height:26px; position: absolute; bottom:-26px; background: #01a7d6; z-index:9; }

.index_section2{margin-top:93px; width:100%; height:438px; background:#0197c1;}
.index_section2 .inner{width:986px; margin:0 auto; padding-top:56px;}
.index_section2 .inner:after{content:""; display:block; clear:both}
.index_section2 .video{float:left; width:511px;}
.index_section2 .inner_right{float:left; width:475px; padding-top:24px;}
.index_section2 .inner h3{font-size: 27px; line-height: 27px; color:#fff; font-weight: 600; width:475px;}
.index_section2 .inner p{color:#fff; margin-top:10px; font-size: 15px; line-height: 25px; width:475px;}

.index_section3{width:100%; background: url(../images/section3.jpg) no-repeat 50% 0; height:438px; margin-bottom:1px;}
.index_section3 .inner{width:986px; margin:0 auto; padding-left:14px; padding-top:52px;}
.index_section3 .inner h3{font-size: 27px; line-height: 35px; color:#464646; font-weight: 600}
.index_section3 .inner p{color:#464646; margin-top:10px; font-size: 15px; line-height: 25px}


#footer{background: #333; padding-bottom:34px;}
#footer .foot_top{background:#f6f6f6; width:100%}
#footer .foot_top h3{width:100%; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; height:32px; background:#eaeaea;}
#footer .foot_top h3 .inner{width:986px; margin:0 auto; text-indent:12px; line-height:32px; font-size:15px; color:#5b5b5b; display:block; padding-top:0}
#footer .foot_top .inner_con{padding-top:25px; width:986px; padding-bottom:45px; margin:0 auto}
#footer .foot_top .inner_con:after{content:""; display:block; clear:both}
#footer .foot_top .inner_con dl{height:150px}
#footer .foot_top .inner_con dl:nth-child(1){width:116px; border-right:1px solid #d6d6d6; float:left; height:141px}
#footer .foot_top .inner_con dl:nth-child(2){width:116px; border-right:1px solid #d6d6d6; float:left;}
#footer .foot_top .inner_con dl:nth-child(3){width:116px; border-right:1px solid #d6d6d6; float:left;}
#footer .foot_top .inner_con dl:nth-child(4){width:116px; border-right:1px solid #d6d6d6; float:left; height:141px}
#footer .foot_top .inner_con dl:nth-child(5){width:230px; border-right:1px solid #d6d6d6; float:left;}
#footer .foot_top .inner_con dl:nth-child(6){width:186px; border-right:1px solid #d6d6d6; float:left;}
#footer .foot_top .inner_con dl:nth-child(7){width:95px; float:left;}
#footer .foot_top .inner_con dt{font-size:14px; line-height:14px; color:#005d87; margin-bottom:12px; padding:0 0 0 14px; border:none;}
#footer .foot_top .inner_con dd{font-size:12.5px; line-height:21px; color:#585858;  padding:0 0 0 14px; border:none; text-indent:0}

#footer .inner{padding-left:7px; padding-top:21px; width:1000px; margin:0 auto;}
#footer .inner .f_logo{width:232px; height:40px;}
#footer address{padding-left:57px; font-size: 12px; line-height: 21px; color:#fff;}
#footer address span{padding-left:15px}