@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* reset */
body, div, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, select, input,iframe{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:12px; font-weight:normal;}
body, input, textarea, select, button,iframe{font-family: "Nanum Gothic", sans-serif;}
a {text-decoration:none; font-family: "Nanum Gothic";}
li, ul, ol {list-style:none;}
img {border:0;}

#wrap {width:100%;}
#header {width: 100%; height:90px;}
#contents {width: 100%; padding-top:50px;}
#footer {width: 100%;}


.header_container {width:1200px; height:67px; margin:0 auto; padding-top:23px; overflow: hidden;}
.header_container .logo,.header_container .gnb,.header_container .sitemap {float: left;}
.header_container .logo {margin:0 20px 0 18px; padding-top:15px;}
.header_container .gnb {overflow: hidden;}
.header_container .gnb ul li {float: left; width: 170px; text-align: center; padding-top:5px;}
.header_container .gnb ul li a {display: inline-block; padding-top: 9px; font-size:18px; color:#000; box-sizing: border-box;}
.header_container .gnb ul li p {float:right; width:1px; height:15px; margin:13px 0; border-right:1px solid #d9d9d9;}
.header_container .gnb ul li:hover a,.header_container .gnb ul li.active a {color:#223c84; font-weight: 600; border-top: 1px solid #1e2599;}

.header_container .sitemap a{display: block; width: 80px; height: 20px; margin-top:10px; padding-top: 4px; background-color: #223c84; color:#fff; font-size:12px; font-weight: 700; text-align: center;}


.lnb_container {position:relative; display:none; width:1200px; height: 175px; margin:0 auto;  z-index:10; background-color: rgba(34,40,57,0.85);}
.lnb_container .lnb{position:absolute; width: 880px; height: 175px; top:0; left: 270px;}
.lnb_container .lnb ul {float: left; width: 170px; height: 100%; padding-top:25px; box-sizing: border-box; border-right: 1px solid #7b7e88; text-align: center;}
.lnb_container .lnb ul.last {border:0;}
.lnb_container .lnb ul li {margin-bottom: 20px;}
.lnb_container .lnb ul li a {color:#fff; font-size:14px; font-weight: 700;}
.lnb_container .lnb ul li:hover a {color:#a6caff;}


/*footer*/
.footer_container {width:100%; height:245px; background-color:#2c2d33; }
.footer_container .footer_inner {width:1200px; height:100%; margin:0 auto;}
.footer_container .part_copy {float: left; width: 520px; margin-left:40px; }
.footer_container .part_copy .logo {margin-top: 34px;}
.footer_container .part_copy .logo img {width: 180px; height: 25px;}
.footer_container .part_copy .copyright ul {overflow: hidden; margin-top: 10px;}
.footer_container .part_copy .copyright ul li {float: left; margin-right:10px; color:#fff; font-size:14px; line-height: 1.6em;}
.footer_container .part_copy .copyright ul li p {float:right; width:1px; height:13px; margin:5px 0 0 10px; border-right:1px solid #5e5e60;}
.footer_container .part_copy .copyright p {color:#8f9199; font-size: 14px; margin-top: 5px;}
.footer_container .part_icon {float: right; width: 200px; margin:80px 10px 0 0;}
.footer_container .part_icon a {margin-left: 10px;}


/*sub visual_container*/

.sub_visual {width:2000px; height:300px; width:100%; position:relative;  z-index:-1; overflow: hidden;}
.sub_visual .sub_inner {position:absolute; left:50%;  margin-left:-1000px;}
.sub_visual .sub_inner .sub_title {position:absolute; top:100px; left:42%; width:360px; color:#fff; z-index:2; text-align: center; }
.sub_visual .sub_inner .sub_title h2 {font-size: 50px; font-weight: 700;}
.sub_visual .sub_inner .sub_title p {font-size: 20px; margin-top: 10px;}

.sub_container {width:1060px; margin:0 auto;}
.sub_container .sub_nav {width: 400px; height:43px; padding-top:29px; margin:0 auto; text-align: center; font-size:12px;}
.sub_container .sub_nav img {margin-right:10px; vertical-align: middle;}
.sub_container .sub_nav span.title { color:#777;}
.sub_container .sub_nav i {color:#777; margin:0 5px;}
.sub_container .sub_nav span.sub_title01 {color:#141414; font-weight: 700; margin-right:10px;}
.sub_container .sub_detail {width:100%; height: 40px; margin-bottom: 40px;}
.sub_container .sub_detail ul {width:80%; height: 100%;margin:0 auto; text-align: center;}
.sub_container .sub_detail ul li {display:inline-block; width: 180px; height: 40px; margin:0 2px; line-height: 3em; text-align: center;  }
.sub_container .sub_detail ul li a {display:inline-block; width: 100%; height: 100%; font-size: 14px; color:#929292; box-sizing: border-box; border: 1px solid #b2b2b2;}
.sub_container .sub_detail ul li:hover a,.sub_container .sub_detail ul li.active a { background-color: #223c84; color:#fff; border: 1px solid #223c84;}