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

* {
  margin:0;
  padding:0;
}
span{font-family: 'Nanum Gothic', sans-serif;}
header {
  height: 103px;
}

header > div#top {
  background-color:#1d2d50;
  height: 20px;
}

header > div#bottom {
  height: 83px;
  width: 1191px;
  margin: 0 auto;
}

header > div#bottom img {
  margin-top: 13px;
  float: left;
}

div#wrap {
  width: 1196px;
  margin: 50px auto;
  height: 5100px;
}
div#wrap > article {
  width: 250px;
  float: left;
}
div#wrap > article img {
  float: left;
}
div#wrap > article > div.sub {
  width: 250px;
  height: 60px;
  float: left;
  border: 1px #cccccc solid;
  box-sizing: border-box;
  padding-top: 15px;
  padding-left: 20px;
}
div#wrap > article > div.sub:hover {
  background-color: #0c5669;
  color: #fff;
}
div#wrap > article > div.sub a {
  font-weight: 600;
  color: #3d3d3d;
  padding-right: 80px;
  padding-top: 10px;
  padding-bottom: 10px;
}
div#wrap > article > div.sub a:hover {
  font-weight: bold;
  color: #fff;
}
div#wrap > section {
  width: 945px;
  float: right;
}
div#wrap > section p {
  float: right;
  z-index: 999;
  font-size: 16px;
  font-family: 'Nanum Gothic', sans-serif;
  line-height: 1.5em;
  color: #888;
}
div#wrap > section img {
  margin-top: -20px;
}




/*footer*/
footer {
  height:151px;
  background-color: #fff;
  border-top: 3px solid #707070;
}

footer > div.wrap {
  width: 1191px;
  margin: 0 auto;
  padding-top: 40px;
}
footer > div > div.wrap1 {
  width: 309px;
  float: left;
  display: inline-block;
}
footer > div > div.wrap1 img {
  float: left;
  display: inline-block;
}
footer > div > div.wrap2 {
  width: 882px;
  float: right;
}
footer > div > div.wrap2 p {
  float: right;
  color: #434343;
  font-size: 16px;
}
footer > div > div.wrap2 p span {
  color: #1d2d50;
  font-weight: bold;
}