.banner {
  width: 1000px;
  height: 235px;
}
.banner img {
  width: 1000px;
  height: 235px;
  background-size: 100%;
}
.box {
  width: 998px;
  height: 690px;
  border: 1px solid #d2d2d2;
}
.box .church {
  float: left;
  width: 370px;
  height: 460px;
  border-right: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}
.box .church .info {
  width: 370px;
  height: 389px;
  border-bottom: 1px solid #d2d2d2;
}
.box .church .info ul {
  width: 370px;
  height: 35px;
  margin-left: 6px;
}
.box .church .info li {
  float: left;
  margin: 265px 5px 0 5px;
}
.box .church .senior {
  float: left;
  width: 185px;
  height: 70px;
  border-right: 1px solid #d2d2d2;
}
.box .church .senior img {
  width: 184px;
  height: 69px;
}
.box .church .pastor {
  float: left;
  width: 184px;
  height: 69px;
}
.box .church .pastor img {
  width: 184px;
  height: 69px;
}
.box .notice {
  float: left;
  width: 315px;
  height: 230px;
  border-right: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}
.box .notice .board {
  margin: 60px 15px 0 20px;
}
.box .notice .board ul {
  width: 260px;
  margin-left: 20px;
  list-style-type: disc;
}
.box .notice .board li {
  width: 260;
  padding: 10px 0;
  font-family: NanumGothic;
  font-size: 10pt;
  text-align: left;
  border-bottom: 1px solid #d2d2d2;
}
.box .family {
  float: left;
  width: 310px;
  height: 230px;
  border-bottom: 1px solid #d2d2d2;
}
.box .parish {
  float: left;
  width: 315px;
  height: 229px;
  border-right: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}
.box .parish img {
  width: 315px;
  height: 229px;
}
.box .group {
  float: left;
  width: 310px;
  height: 229px;
  border-bottom: 1px solid #d2d2d2;
}
.box .group .button {
  margin-top: 60px;
}
.box .movie {
  float: left;
  width: 370px;
  height: 230px;
  border-right: 1px solid #d2d2d2;
}
.box .movie img {
  width: 367px;
  margin-top: 10px;
}
.box .resource {
  float: left;
  width: 315px;
  height: 230px;
  border-right: 1px solid #d2d2d2;
}
.box .resource ul {
  width: 270px;
  height: 190px;
  margin: 25px 0 0 22px;
}
.box .resource li {
  float: left;
  width: 90px;
  height: 90px;
  border-radius: 5px;
}
.box .resource li img {
  margin-top: 10px;
}
.box .resource li:hover {
  background-color: #ddf7f6;
}
.box .office {
  float: left;
  width: 310px;
  height: 230px;
  border-right: 1px solid #d2d2d2;
}
.box .office ul {
  width: 270px;
  height: 190px;
  margin: 25px 0 0 20px;
}
.box .office li {
  float: left;
  width: 90px;
  height: 90px;
  border-radius: 5px;
}
.box .office li img {
  margin-top: 10px;
}
.box .office li:hover {
  background-color: #edecec;
}
.board {
  width: 660px;
  height: 600px;
  margin-left: 50px;
}
.board .header {
  width: 660px;
  height: 40px;
  border-bottom: 1px solid #d2d2d2;
}
.board .header .group {
  float: left;
  width: 100px;
  height: 40px;
  margin-top: 10px;
}
.board .header .title {
  float: left;
  width: 460px;
  height: 40px;
  margin-top: 10px;
}
.board .header .date {
  float: right;
  width: 100px;
  height: 40px;
  margin-top: 10px;
}
.board .list .data {
  width: 660px;
  height: 40px;
  border-bottom: 1px solid #d2d2d2;
}
.board .list .data .grp {
  float: left;
  width: 100px;
  height: 40px;
  margin-top: 1px;
  font-family: NanumGothic;
  font-size: 10pt;
}
.board .list .data .ttl {
  float: left;
  width: 440px;
  height: 40px;
  margin-top: 1px;
  margin-left: 20px;
  font-family: NanumGothic;
  font-size: 10pt;
  text-align: left;
}
.board .list .data .dt {
  float: left;
  width: 100px;
  height: 40px;
  margin-top: 1px;
  font-family: NanumGothic;
  font-size: 10pt;
  clear: right;
}