@charset "utf-8";

* {margin:0; padding:0; box-sizing:border-box;} /*모든태그에 바깥여백과 안쪽 여백을 0으로 초기화시키세요*/
html,body {width:100%; height:100%;}
header, footer, nav, section, article {display:block;}
/*html5에서 추가된 위 태그를 블럭요소로 인식되게 한다.*/
ul, ol, li {list-style:none;}

img{border:0;}

a {text-decoration:none;}

a:link {text-decoration:none; font-size:13px; color:#ecf0f1;}
a:visited{text-decoration:none; font-size:13px; color:#fff;}/*#252525;*/
a:hover{text-decoration:none; font-size:13px; color:#ffb340;}



body {font-family:"나눔고딕"; font-size:13px; color:#2c2b2b; letter-spacing:0.025em;}
/*포토샵에서 자간간격처리는 1/1000로 계산한다. 즉 -25px라면 0.025em으로 처리*/

#wrap {width:100%; }

.h100{width:100%; background:#0c4da2;}
.h1170 {width:1170px; margin:0 auto; overflow:hidden;  margin-bottom:20px;}

.h1170 .logo h1 {background:url(../images/logo.png) no-repeat left center; width:105px; height:100px; }
.h1170 .logo h1 a {display:inline-block; width:105px; height:100px;}
.h1170 .logo h1 span {position:absolute; top:0; left:-9999px;}

.h1170 .logo {float:left; padding:23px 0 23px 0; }
.h1170 .menu {float:right; overflow:hidden; padding-top:50px;}
.h1170 .menu ul li { float:left;  width:100px; height:100%; border:1px solid #ecf0f1; text-align:center; margin-right:5px;}

.h1170 .menu ul li a {display:inline-block;  padding:10px 0; }
.h1170 .menu ul li a:hover {background-color:#ffb340; color:#0c4da2; width:100%;}






.b100 .b1170 {width:1170px; margin:0 auto; margin-bottom:20px; position:relative;}
.b100 .b1170 h2 {color:#fff; position:absolute; left:30px; bottom:60px;}
.b100 .b1170 h3 {color:#fff; position:absolute; left:270px; bottom:45px; font-weight:500; color:#fff;}
.b100 .b1170 {background:url(../images/bg_sub.jpg) no-repeat left center; width:1280px; height:136px;}

.c100{width:100%;  background:#f2f2f2; overflow:hidden;}
.c100 .c1170{width:1170px; margin:0 auto;  margin-top:120px; margin-bottom:20px;  }
.c100 .c1170 .cp {float:left; background:url(../images/ceo.png) no-repeat left center; width:599px; height:685px; overflow:hidden;  }
.c100 .c1170 .cc {width:500px; float:left; margin-left:70px; box-sizing:border-box; min-height:685px; margin-bottom:120px; padding:25px; }
.c100 .c1170 .cc h2 {color:#0c4da2; }
.c100 .c1170 .cc h3 {line-height:270%;}
.c100 .c1170 .cc p {font-size:14px; line-height:270%;}
.c100 .c1170 .cc p.a { font-size: 17px;  text-align:right;}

.m {width:1170px; margin-bottom:20px; background:#fff;}

.f100{width:100%; height:209px; background:url(../images/footerbg.jpg) no-repeat center center; background-size:cover; overflow:hidden;}
.f1170{width:1170px; margin:0 auto; }
.f1170 .flogo {width:105px; height:100px; float:left; padding:60px 0px; }
.f1170 .ftxt {float:left;}
.f1170 .ftxt {width:550px; overflow:hidden; padding:60px 0px 60px 0px;}

.f1170 .ftxt ul li{float:left; color:#fff; padding:10px;}
.f1170 .ftxt address {clear:both; color:#fff; }
address {font-style:normal;}
.f1170 .ftxt p {color:#fff; padding:10px;}

.fsns{width:300px; float:left;}
.f1170 .fsns i {font-size:20px; color:#fff; padding-top:120px;}