@charset "UTF-8";

a{color: #444444;}
.clearfix:after{content:""; display:block; clear:both;}

/* HEADER */
.header_wrap {width:100%; min-width:1200px; position: absolute; z-index: 1;}
.header{width:1200px; margin:0 auto;}
.logo{float: left; margin-top: 27px; position: relative; z-index: 2;}
.header_bg{width: 100%; height: 540px; background-color: #f8f8f8; position: absolute; top: 0; left: 0;}
.header_bgtop{height: 97px; border-bottom: 1px solid #2aa5e1; background-color: #fff;}

/* GNB */
.gnb{float: left; margin-left: 14%; position: relative; z-index: 2;}
.gnb > li{float: left; position: relative;}
.gnb > li > a{display: inline-block; width: 140px; padding: 40px 0; color: #fff; font-size: 17px; text-align: center;}
.gnb > li:hover > a{background-color: #2aa5e1; color: #fff;}
.two_depth{position: absolute; top: 95px; left: 50%; transform: translateX(-50%); text-align: center; width: 100%; z-index: 2; display: none;}
.two_depth li{margin-bottom: 26px; font-size: 14px; font-weight: 200; color: #6e6e6e;}
.two_depth li:nth-child(1){border-top: 4px solid transparent; padding-top: 18px;}
.two_depth li:hover a{color: #28a7de; font-weight: 400;}
.header_bg{display: none; z-index: 1;}
.gnb_bar2{display: inline-block; width: 100%; height: 4px; background-color: #3d537c; position: absolute; bottom: -32px; left: -8px; display: none; z-index: 2;}
.gnb > li:nth-child(1) .gnb_bar2{left: -26px;}
.gnb > li:last-child .gnb_bar2{left: 0;}
.header_cscenter{float: right; background-color: #34a9df; width: 264px; text-align: center; padding: 25px 0 24px; position: relative; z-index: 2;}
.header_cscenter img{display: inline-block; margin-right: 12px; text-align: left;}
.header_cscenter ul{display: inline-block; text-align: left;}
.header_cscenter li:nth-child(1){font-size: 18px; color: #164386; font-weight: 600; margin-bottom: 6px;}
.header_cscenter li:nth-child(2){font-size: 24px; color: #fff; font-weight: 600;}
.one_depth.onedepth_active{background-color: #2aa5e1; color: #fff;}
.one_depth.onedepth_color{color: #202020;}

/* FOOTER */
.footer_wrap{text-align: center; padding: 36px 0; background-color: #2e2e2e;}
.footer{width: 1200px; display: inline-block; position: relative;}
.footer_info li{font-size: 14px; color: #999999; text-align: left;}
.footer_info li:nth-child(1){margin-bottom: 36px;}
.footer_info li:nth-child(2),.footer_info li:nth-child(3){margin-bottom: 18px;}
.footer_bar{display: inline-block; margin: 0 34px; font-size: 14px; color: #999999; vertical-align: bottom;}
.footer_download{position: absolute; top: 0; right: 0;}
.footer_download li{float: left; margin-right: 8px;}
.footer_download li img{margin-right: 8px; vertical-align: baseline;}
.footer_download li:last-child{margin-right: 0;}
.footer_download li a{width: 140px; padding: 12px 0; border: 1px solid #828282; display: block; font-size: 16px; color: #999999;}
.footer_bar2{display: inline-block; margin: 0 27px; font-size: 14px; color: #999999; vertical-align: bottom;}
.footer_bar3{display: inline-block; margin: 0 47px; font-size: 14px; color: #999999; vertical-align: bottom;}