.banner {
  width: 1000px;
  height: 235px;
}
.banner img {
  width: 1000px;
  height: 235px;
  background-size: 100%;
}
.broadcast {
  width: 1000px;
  height: 35px;
  text-align: left;
  background-color: #d4d4d4;
}
.broadcast .on {
  float: left;
  margin-left: 30px;
}
.broadcast .off {
  float: left;
  margin-left: 30px;
}
.broadcast .button {
  float: left;
  margin: 4px 10px 0 0;
}
.broadcast .info {
  margin: 9px 0 0 0;
  float: left;
  font-family: NanumGothic;
  font-size: 10pt;
  font-weight: bold;
}
.broadcast .desc {
  float: left;
  margin: 10px 0 0 0;
}
.broadcast .box {
  float: left;
  width: 195px;
  height: 26px;
  margin: 4px 0 0 10px;
  background-image: url("../img/worship/onair-next.png");
}
.broadcast .next {
  margin: 5px 0 0 0;
  font-family: NanumGothic;
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
}
.broadcast .off {
  float: left;
  margin-left: 30px;
}
.broadcast .extInfo {
  float: right;
  margin: 4px 30px 0 0;
}
.sermon {
  width: 1000px;
  height: 340px;
}
.sermon .index {
  width: 1000px;
  height: 30px;
}
.sermon .index .title {
  float: left;
  width: 100px;
  height: 30px;
  text-align: left;
}
.sermon .index .title img {
  margin: 0 0 0 5px;
}
.sermon .index .link {
  float: right;
  width: 900px;
  height: 30px;
  text-align: right;
}
.sermon .index .link a {
  margin: 0 0 0 5px;
  font-family: NanumGothic;
  font-size: 9pt;
  font-weight: bold;
  color: #adacac;
}
.sermon .index .link a:hover {
  color: #ff9933;
}
.sermon li {
  float: left;
  width: 325px;
  height: 125px;
  margin: 0 11px 20px 0;
}
.sermon li:nth-child(3n+0) {
  margin-right: 0;
}
.sermon .box {
  float: left;
  width: 325px;
  height: 125px;
  border: 1px solid #d2d2d2;
}
.sermon .box .thumb {
  float: left;
  width: 123px;
  height: 123px;
  margin: 1px;
  background-position: 50%;
}
.sermon .box .info {
  float: left;
  width: 170px;
  margin: 5px 10px;
  font-family: NanumGothic;
  font-weight: bold;
  text-align: left;
}
.sermon .box .info .worship {
  margin: 5px 0 0 0;
  font-size: 12pt;
}
.sermon .box .info .subject {
  margin: 5px 0 0 0;
  font-size: 9pt;
}
.sermon .box .info .bible {
  margin: 5px 0 0 0;
  font-size: 9pt;
}
.sermon .box .info .name {
  margin: 5px 0 0 0;
  font-size: 9pt;
}
.sermon .box .info .date {
  margin: 5px 0 0 0;
  font-size: 9pt;
}
.choir {
  width: 1000px;
  height: 150px;
}
.choir .index {
  width: 1000px;
  height: 30px;
}
.choir .index .title {
  float: left;
  width: 100px;
  height: 30px;
  text-align: left;
}
.choir .index .title img {
  margin: 0 0 0 5px;
}
.choir .index .link {
  float: right;
  width: 900px;
  height: 30px;
  text-align: right;
}
.choir .index .link a {
  margin: 0 0 0 5px;
  font-family: NanumGothic;
  font-size: 9pt;
  font-weight: bold;
  color: #adacac;
}
.choir .index .link a:hover {
  color: #ff9933;
}
.choir li {
  float: left;
  width: 185px;
  height: 90px;
  margin: 0 18px 20px 0;
}
.choir li:last-child {
  margin-right: 0;
}
.choir .box {
  float: left;
  width: 185px;
  height: 90px;
  border: 1px solid #d2d2d2;
}
.choir .box .info {
  float: left;
  margin: 13px 10px;
  font-family: NanumGothic;
  font-weight: bold;
  text-align: left;
}
.choir .box .info .name {
  margin: 5px 0 0 0;
  font-size: 12pt;
}
.choir .box .info .subject {
  margin: 5px 0 0 0;
  font-size: 9pt;
}
.choir .box .info .date {
  margin: 5px 0 0 0;
  font-size: 9pt;
}
.praiseTeam {
  width: 1000px;
  height: 150px;
}
.praiseTeam .index {
  width: 1000px;
  height: 30px;
}
.praiseTeam .index .title {
  float: left;
  width: 100px;
  height: 30px;
  text-align: left;
}
.praiseTeam .index .title img {
  margin: 0 0 0 5px;
}
.praiseTeam .index .link {
  float: right;
  width: 900px;
  height: 30px;
  text-align: right;
}
.praiseTeam .index .link a {
  margin: 0 0 0 5px;
  font-family: NanumGothic;
  font-size: 9pt;
  font-weight: bold;
  color: #adacac;
}
.praiseTeam .index .link a:hover {
  color: #ff9933;
}
.praiseTeam li {
  float: left;
  width: 185px;
  height: 90px;
  margin: 0 18px 20px 0;
}
.praiseTeam li:last-child {
  margin-right: 0;
}
.praiseTeam .box {
  float: left;
  width: 185px;
  height: 90px;
  border: 1px solid #d2d2d2;
}
.praiseTeam .box .info {
  float: left;
  margin: 13px 10px;
  font-family: NanumGothic;
  font-weight: bold;
  text-align: left;
}
.praiseTeam .box .info .name {
  margin: 5px 0 0 0;
  font-size: 12pt;
}
.praiseTeam .box .info .subject {
  margin: 5px 0 0 0;
  font-size: 9pt;
}
.praiseTeam .box .info .date {
  margin: 5px 0 0 0;
  font-size: 9pt;
}
.praise {
  width: 1000px;
  height: 150px;
}
.praise .index {
  width: 1000px;
  height: 30px;
}
.praise .index .title {
  float: left;
  width: 100px;
  height: 30px;
  text-align: left;
}
.praise .index .title img {
  margin: 0 0 0 5px;
}
.praise .index .link {
  float: right;
  width: 900px;
  height: 30px;
  text-align: right;
}
.praise .index .link a {
  margin: 0 0 0 5px;
  font-family: NanumGothic;
  font-size: 9pt;
  font-weight: bold;
  color: #adacac;
}
.praise .index .link a:hover {
  color: #ff9933;
}
.praise li {
  float: left;
  width: 185px;
  height: 90px;
  margin: 0 18px 20px 0;
}
.praise li:last-child {
  margin-right: 0;
}
.praise .box {
  width: 185px;
  height: 90px;
  border: 1px solid #d2d2d2;
}
.praise .box img {
  width: 185px;
  height: 90px;
  background-size: 50%;
}
.praise .info {
  height: 20px;
  margin: 5px 1px;
  font-family: NanumGothic;
  font-weight: bold;
}
.praise .info .subject {
  margin: 5px 0 0 0;
  font-size: 9pt;
}
.event {
  float: left;
  width: 390px;
  height: 150px;
}
.event .index {
  width: 390px;
  height: 30px;
}
.event .index .title {
  float: left;
  width: 100px;
  height: 30px;
  text-align: left;
}
.event .index .title img {
  margin: 0 0 0 5px;
}
.event .index .link {
  float: right;
  width: 290px;
  height: 30px;
  text-align: right;
}
.event .index .link a {
  margin: 0 0 0 5px;
  font-family: NanumGothic;
  font-size: 9pt;
  font-weight: bold;
  color: #adacac;
}
.event .index .link a:hover {
  color: #ff9933;
}
.event li {
  float: left;
  width: 185px;
  height: 90px;
  margin: 0 18px 20px 0;
}
.event li:last-child {
  margin-right: 0;
}
.event .box {
  width: 185px;
  height: 90px;
  border: 1px solid #d2d2d2;
}
.event .box img {
  width: 185px;
  height: 90px;
  background-size: 50%;
}
.event .info {
  height: 20px;
  margin: 5px 1px;
  font-family: NanumGothic;
  font-weight: bold;
}
.event .info .subject {
  margin: 5px 0 0 0;
  font-size: 9pt;
}
.ucc {
  float: right;
  width: 600px;
  height: 150px;
  margin-left: 10px;
}
.ucc .index {
  width: 600px;
  height: 30px;
}
.ucc .index .title {
  float: left;
  width: 100px;
  height: 30px;
  text-align: left;
}
.ucc .index .title img {
  margin: 0 0 0 10px;
}
.ucc .index .link {
  float: right;
  width: 500px;
  height: 30px;
  text-align: right;
}
.ucc .index .link a {
  margin: 0 0 0 5px;
  font-family: NanumGothic;
  font-size: 9pt;
  font-weight: bold;
  color: #adacac;
}
.ucc .index .link a:hover {
  color: #ff9933;
}
.ucc li {
  float: left;
  width: 185px;
  height: 90px;
  margin: 0 0 20px 18px;
}
.ucc li:first-child {
  margin-left: 6px;
}
.ucc .box {
  width: 185px;
  height: 90px;
  border: 1px solid #d2d2d2;
}
.ucc .box img {
  width: 185px;
  height: 90px;
  background-size: 50%;
}
.ucc .info {
  height: 20px;
  margin: 5px 1px;
  font-family: NanumGothic;
  font-weight: bold;
}
.ucc .info .subject {
  margin: 5px 0 0 0;
  font-size: 9pt;
}