@charset "UTF-8";
@font-face{font-family:ng;src:url(http://nanum-web-font.googlecode.com/files/NanumGothic.eot);src:local(※), url(http://nanum-web-font.googlecode.com/files/NanumGothic.woff) format(‘woff’)}
@font-face{font-family:ngb;src:url(http://nanum-web-font.googlecode.com/files/NanumGothicBold.eot);src:local(※), url(http://nanum-web-font.googlecode.com/files/NanumGothicBold.woff) format(‘woff’)}
@font-face{font-family:nmeb;src:url(http://nanum-web-font.googlecode.com/files/NanumGothicExtraBold.eot);src:local(※), url(http://nanum-web-font.googlecode.com/files/NanumGothicExtraBold.woff) format(‘woff’)}

* {margin:0; padding:0;}
body {height:100%; font-family:'돋움',Dotum,Arial,Verdana,applegothic; color:#555; font-size:12px;line-height:150%;}
img {border:0;}
video, embed, object, .videocontent {max-width:100% !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
li {list-style:none;}
a {color:#333; outline:none; text-decoration:none;}
a:hover {color:#0048a0 !important; text-decoration:none;}
.art-sum {color:#666;}
.art-sum em {color:#aaa;}
.art-info {color:#999;}
.art-info em {font-style:normal;}
a:hover .art-sum {color:#111;}
a:hover .art-img {opacity:0.9;}

.no-border {border:none !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; -khtml-border-radius: 0 !important; border-radius: 0 !important;}
.no-padding {padding:0 !important;}
.no-margin {margin:0 !important;}

.al {text-align: left !important;}
.ar {text-align: right !important;}
.ac {text-align: center !important;}
.fl {float: left !important;}
.fr {float: right !important;}
.br {border:1px solid #ddd;}
.brl {border-left:1px solid #ddd;}
.brr {border-right:1px solid #ddd;}
.brt {border-top:1px solid #ddd;}
.brb {border-bottom:1px solid #ddd;}
.clearfix {clear:both; display:block; height:0;}
.bdbox {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.pb20 {padding-bottom:20px;}

.wrapper {width:990px; padding:0 10px; min-height:100%; height:auto !important; height:100%; margin:0 auto;}
.innerwrap {width:980px; margin:0 auto;}
nav {width:100%; overflow:hidden; padding-top:10px; height:70px; border-top:#2e75b6 3px solid; clear:both;}
nav .logo {width:180px; float:left; padding-top:12px;}
nav .add {float:left; font-size:12px; line-height:70px; font-weight:bold; color:#2e75b6;}
nav .menu {float:right; font-size:15px; font-family:'나눔고딕 Bold',NanumGothicBold,'나눔고딕 ExtraBold',NanumGothicExtraBold,'나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,Segoe UI,meiryo,applegothic,nmeb;}
nav .menu li {float:left; padding:0 10px;}

header {width:100%; height:161px; float:left; background:#032854 url(../images/aboutus/img_top.png) no-repeat top center; margin-bottom:10px;}
header .innerwrap {width:980px; margin:0 auto; position:relative;}
header .site {background:url(../images/aboutus/img_site.png) no-repeat 0 0; width:253px; height:212px; display:inline-block; position:absolute; top:16px; right:0;}

.contents {width:980px; margin:0 auto;}
.contents .bttl {padding:20px 0 15px; border-bottom:#ccdcee 4px solid; font-size:22px; color:#032854; font-family:'나눔고딕 Bold',NanumGothicBold,'나눔고딕 ExtraBold',NanumGothicBold,'나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,Segoe UI,meiryo,applegothic,nmeb; clear:both;}
.contents .bttl2 {padding:10px 0; margin-bottom:10px; border-bottom:#ddd 1px solid; border-top:#032854 2px solid; font-size:16px; color:#032854; font-family:'나눔고딕 Bold',NanumGothicBold,'나눔고딕 ExtraBold',NanumGothicBold,'나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,Segoe UI,meiryo,applegothic,nmeb; clear:both;}
.contents .bttl3 {padding:10px 0; margin-bottom:10px; border-top:#032854 4px solid; font-size:16px; color:#032854; font-family:'나눔고딕 Bold',NanumGothicBold,'나눔고딕 ExtraBold',NanumGothicBold,'나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,Segoe UI,meiryo,applegothic,nmeb; clear:both;}
.contents .ttl {padding-bottom:30px;}
.contents .ttl2 {font-weight:bold; font-size:14px; color:#2e75b6;}
.contents .con1 {width:88%; float:left; padding:40px 6% 50px; clear:both;}
.contents .input {border:#979797 1px solid; padding:2px 3px; font-size:12px; vertical-align:middle;}
.contents .table {border-top:#e4e4e4 1px solid; margin-bottom:20px;}
.contents .table .td1 {padding:8px 10px; font-weight:bold; border-bottom:#e4e4e4 1px solid;}
.contents .table .td2 {padding:8px 10px; border-bottom:#e4e4e4 1px solid;}
.contents .bt_send {background:#568ac0; text-align:center; padding:6px 20px; display:inline-block; font-size:14px; font-weight:bold; color:#fffff;}
.contents a .bt_send {color:#ffffff;}
.contents a:hover .bt_send {background:#032854;}
.contents .con2 {width:94%; margin:0 3%; float:left; clear:both; border-bottom:#e5e5e5 1px solid;}
.contents .con2 .col1 {width:30%; float:left; padding:20px 0; font-size:14px; line-height:16px; font-weight:bold; color:#032854;}
.contents .con2 .col2 {width:35%; float:left; padding:20px 0; position:relative;}
.contents .con2 .col2_in {width:100%; float:left;}
.contents .con2 .bd {border-bottom:#e5e5e5 1px solid;}
.contents .con2 .view {position:absolute; bottom:30px; left:108px; font-size:11px;}
.contents .con2 .ic_view {background:url(../images/aboutus/ic_view.gif) no-repeat; width:11px; height:11px; display:inline-block; vertical-align:middle;}
.show_hide {display:none;}
.contents .slidingDiv {width:240px; padding:10px 15px; float:left; border:#0552a9 2px solid; background:#ffffff; position:absolute; top:20px; left:180px; z-index:20;}
.contents .slidingDiv .arr {background:url(../images/aboutus/ic_arr.gif) no-repeat; width:11px; height:17px; display:inline-block; position:absolute; left:-11px; top:20%;}
.contents .con2 .photo {float:left; margin-right:20px;}
.contents .con2 .t1 {font-size:12px; color:#032854;}
.contents .con2 .t2 {font-size:12px; line-height:18px; font-weight:bold; color:#032854;}
.contents .con2 .t3 {font-size:12px; font-weight:bold; color:#032854; padding:10px 0;}
.contents .con2 .t4 {font-size:11px; line-height:18px; color:#333333;}
.contents .con2 .t5 {font-size:11px; color:#808080;}
.contents .con3 {width:100%; float:left; clear:both;}
.contents .con3 .left {width:71.8%; float:left;}
.contents .con3 .side {width:25%; float:right; padding-top:53px;}
.contents .con3 .txt {padding:40px 0;}
.contents .con3 .txt2 {padding:15px 0 40px;}
.contents .con3 .network {width:100%; float:left; clear:both;}
.contents .con3 .network .map {clear:both; padding:20px 0; text-align:center;}
.contents .con3 .network .list {width:45%; float:left; margin-left:5%; font-size:11px;}
.contents .con3 .network .list li {padding:4px 0;}
.contents .con3 .col1 {width:60%; float:left;}
.contents .con3 .col2 {width:35%; float:right;}
.contents .ic_arr {background:url(../images/aboutus/ic_arr2.gif) no-repeat; width:3px; height:6px; display:inline-block; vertical-align:middle; margin-right:8px;}
.contents .table2 {width:100%; border:0; clear:both; margin-bottom:30px;}
.contents .table2 .td1 {padding:10px 5px; color:#5077a2; letter-spacing:-0.06em; font-weight:bold; vertical-align:top; border-bottom:#eee 1px solid;}
.contents .table2 .td2 {padding:10px 5px; vertical-align:top; line-height:18px; vertical-align:top; border-bottom:#eee 1px solid;}
.contents .table3 {width:100%; border:0; clear:both; margin-bottom:30px;}
.contents .table3 .td1 {padding:30px 5px; font-size:15px; font-weight:bold; color:#444; vertical-align:top;}
.contents .table3 .td2 {padding:35px 10px 0; vertical-align:top;}
.contents .table3 .td3 {padding:13px 0 12px; border-bottom:#ddd 1px solid; border-top:#ccdcee 3px solid; font-size:14px; font-weight:bold; color:#0063a3;}
.contents .table3 .td4 {padding:15px 0;}
.contents .table3 .td4 td {padding:2px 5px; color:#444;}
.contents .table3 .td5 {padding:5px 0; font-size:12px; color:#555;}
.contents .table3 .t1 {font-size:11px; color:#888;}

footer {border-top:1px solid #979797; background:#fff; display:block; width:100%; overflow: hidden; font-size:11px; color:#999999; margin-top:20px; clear:both;}
footer .innerwrap {padding:25px 30px; overflow:hidden;}
footer .fl {width:155px; padding-top:3px;}
footer .fr {width:725px;}

@media screen and (max-width:1024px) {
nav, header, footer {width:100%;}
}