/*기본서체스타일*/
.btit {
  font-size: 2.4rem;
  color: #fff;
  font-weight: 500;
  line-height: 1.5;
}

.mtit {
  font-size: 1.6rem;
  color: #eee;
  margin: 0;
  line-height: 1.5;
  font-weight: normal;
}
h3.btit {
  margin: 0;
  font-weight: 800;
  line-height: 1.3;
}
.b_stit {
  font-size: 1.8rem;
  letter-spacing: -0.1rem;
  font-weight: 600;
  margin: 30px 0 20px 0;
  color: #191919;
}
.b_stit,
.b_ttit {
  position: relative;
  padding-left: 2rem;
  line-height: 24px;
}
.b_stit:before {
  content: "";
  background: url("/page_images/b_bullet.png") no-repeat 0 72%;
  padding-left: 2rem;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 4px;
  left: 0;
}
.stit {
  font-size: 1.6rem;
  line-height: 1.6;
}
.condes {
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: -0.035em;
  font-weight: 400;
  color: #666;
  word-break: break-all;
}
.space {
  padding: 0;
}
img.basic_img {
  max-width: 100%;
}
ul li,
ol li {
  list-style: none;
}
ul,
ol {
  padding: 0;
  margin: 0;
}

hr {
  border-top: 1px solid #dedede;
}

@media (min-width: 320px) and (max-width: 480px) {
  /*모바일서체스타일*/
  .btit {
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.5;
  }
  .condes {
    line-height: 1.7;
  }
}

@media (min-width: 320px) and (max-width: 568px) {
  /*테이블*/
  table.basic_form th {
    font-size: 1.6rem;
  }
  table.basic_form td {
    font-size: 1.4rem;
  }
}

/*공통*/
div.head_img {
  height: 200px;
  padding: 66px 40px;
  background-size: cover !important;
}
div.info_box {
  background: #f8f8f8;
  border-radius: 10px;
  padding: 50px;
  overflow: hidden;
}

/*인사말*/
p.greeting_btit,
p.greeting_stit {
  word-break: keep-all;
}
p.greeting_stit {
  color: #fff;
  letter-spacing: -0.009rem;
}
p.greeting_des {
  margin: 40px 0 0 0;
  font-size: 1.6rem;
  line-height: 1.67;
  letter-spacing: -0.08rem;
}
div.greeting_box {
  background: linear-gradient(-45deg, #8fc31f 36%, #f7941c 66%);
  float: left;
}
div.m_church_img {
  background: url("/page_images/foreground_photo.jpg") no-repeat;
  height: 380px;
}
p.pastor_sign {
  font-size: 18px;
  font-weight: 500;
  margin: 30px 0 0 0;
  text-align: right;
}
p.pastor_sign span {
  font-family: "Nanum Brush Script", cursive;
  line-height: 1.2;
  font-weight: normal;
  font-size: 4rem;
  padding-left: 20px;
  color: #191919;
}

/*비전*/

div.watchword {
  font-family: "Song Myung", serif;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  margin-bottom: 30px;
}

div.vision_tit {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #f8f8f8;
  position: relative;
  margin: 0 auto 30px;
}
div.vision_tit .inner_circle {
  width: 140px;
  height: 140px;
  box-shadow: 0px 0px 18px #e4e4e4;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 30px;
  left: 30px;
}
div.inner_circle span {
  font-weight: 700;
  position: absolute;
  top: 40px;
  left: 34px;
  text-align: center;
  line-height: 1.6;
  font-size: 2rem;
}
ul.m_vision li {
  padding: 20px;
  border-radius: 10px;
  color: #fff;
  position: relative;
  margin-top: 20px;
  text-align: center;
}
ul.m_vision li span {
  padding-left: 50px;
  font-weight: 500;
}
ul.m_vision li.vision_01 span {
  padding-left: 60px;
}
ul.m_vision li i {
  position: absolute;
  font-size: 3.8rem;
}
ul.m_vision li.vision_01 i {
  top: 19px;
}
ul.m_vision li.vision_02 i,
li.vision_03 i,
li.vision_04 i {
  top: 17px;
}
ul.m_vision li.vision_01 {
  background: #f7941c;
}
ul.m_vision li.vision_02 {
  background: #f37450;
}
ul.m_vision li.vision_03 {
  background: #79c124;
}
ul.m_vision li.vision_04 {
  background: #2f9b58;
}

/*오시는길*/
ul.address {
  display: inline-block;
}
ul.address li span.add_tit {
  width: 12rem;
  display: table-cell;
  float: left;
  font-weight: 700;
  color: #191919;
}
ul.address li span.add_con {
  color: #777;
  font-weight: 400;
}
img.add_logo_part {
  float: right;
}
div.button_wrap {
  margin-top: 30px;
  text-align: center;
}
div.button_wrap i {
  padding-right: 10px;
  color: #fff;
}
button.map_btn {
  border: none;
  color: #fff;
  border-radius: 5px;
  font-weight: 400;
  padding: 12px;
}
button.big_view {
  background: #f7941c;
}
button.road_view {
  background: #79c124;
}

/*예배안내*/
ul.worship_notice {
  margin-bottom: 10px;
}

/*나눔과선교*/
/*중보기도*/
p.info_box {
  text-align: center;
  background: #f8f8f8;
  padding: 15px 0;
}
p.conversion {
  color: #6eb92b;
  font-weight: bold;
  word-break: keep-all;
  line-height: 28px;
}
.mg_img {
  margin: 20px 0;
}

.list_icon li:last-child {
  margin: 0;
}
.list_icon li,
p.sub_tit {
  margin-bottom: 0.8rem;
  font-size: 1.6rem;
  padding-left: 2rem;
  position: relative;
  font-weight: 400;
  line-height: 1.67;
  letter-spacing: -0.035em;
  color: #666;
  word-break: keep-all;
}
.list_icon li:before,
p.sub_tit:before {
  content: "";
  background: url(/page_images/list_bullet.png) no-repeat 100%;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0.6rem;
  left: 0;
}

button.basic_btn {
  border: 0.1rem solid #191919;
  background: transparent;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  color: #191919;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 12px 20px;
}

button.basic_btn:hover {
  color: #fff;
  border: none;
  border: 0.1rem solid #79c124;
  background: #6eb92b;
}

/*문화사역*/
.banner_img img {
  vertical-align: top;
}
.banner_img img {
  width: 100%;
  float: left;
}
.banner_img,
.banner_bg {
  display: inline-block;
  position: relative;
}
.banner_img:hover:after,
.banner_img:hover > .hover_text,
.banner_bg:hover:after,
.banner_bg:hover > .hover_text {
  display: block;
  text-align: center;
  line-height: 1.6;
}
.banner_img:after,
.banner_bg:after,
.hover_text {
  display: none;
}
.banner_img:after,
.banner_bg:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10;
}
.banner_img {
  overflow: hidden;
}
.banner_img img {
  height: auto;
}
.banner_img:hover img {
  transform: scale(1.1);
  transition: 1s;
}
.hover_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 20;
  font-weight: 600;
  font-size: 20px;
}

/*새가족부*/
.one_img {
  margin: 0 0 20px 0;
}

/*어성경*/
div.bible_intro {
  text-align: center;
}
p.sub_tit {
  color: #f7941c;
  font-weight: 700;
}
p.sub_tit:last-child {
  margin-top: 10px;
}
p.sub_tit.m {
  margin-top: 10px;
}

/*인터넷 생중계*/
p.one_line {
  text-align: center;
  margin: 10px 0 0 0;
}
div.live-video {
  margin-top: 30px;
}

/*큰 모니터*/
@media (min-width: 1281px) {
  div.info_box {
    padding: 50px;
  }
  div.m_img {
    display: none;
  }
  img.m_img {
    display: none;
  }

  /*비전*/
  div.vision_head {
    background: url(/page_images/vision_img.jpg) no-repeat 100%;
  }
  div.m_vision_wrap {
    display: none;
  }

  /*선교사역*/
  div.mission_head {
    background: url(/page_images/mission_img.jpg) no-repeat 100%;
  }

  /*예배안내*/
  div.worship_head {
    background: url(/page_images/worship_img.jpg) no-repeat 90%;
  }

  /*열린모임*/
  div.group_head {
    background: url(/page_images/group_img.jpg) no-repeat 100%;
  }

  /*가정모임*/
  div.house_head {
    background: url(/page_images/house_img.jpg) no-repeat 100%;
  }

  /*유치부*/
  div.kindergarten_head {
    background: url(/page_images/kindergarten_img.jpg) no-repeat 100%;
  }

  /*유년부*/
  div.child_head {
    background: url(/page_images/childhood_img.jpg) no-repeat 100%;
  }

  /*초등부*/
  div.elementary_head {
    background: url(/page_images/elementary_img.jpg) no-repeat 100%;
  }

  /*중등부*/
  div.middle_head {
    background: url(/page_images/middle_img.jpg) no-repeat 100%;
  }

  /*청년대학부*/
  div.youth_head {
    background: url(/page_images/youth_img.jpg) no-repeat 100%;
  }

  /*오시는길*/
  button.map_btn {
    width: 49%;
  }
  button.road_view {
    margin-left: 1.7%;
  }

  /*나눔과선교*/
  /*하라르커피교실*/
  div.coffee_head {
    background: url(/page_images/coffee_img.jpg) no-repeat 100%;
  }

  /*중보기도*/
  div.row_img_part {
    width: 100%;
    overflow: hidden;
  }
  .row_img {
    width: 48.5%;
    float: left;
  }
  .row_img:nth-child(2n) {
    margin-left: 3%;
  }
  div.button_wrap.one_click {
    margin-top: 30px;
  }
}
/*인사말 상단 헤더 이미지 조정*/
@media (min-width: 1200px) and (max-width: 1280px) {
  div.greeting_box {
    height: 380px;
    padding: 30px;
  }
  div.greeting_head_wrap {
    min-height: 100%;
    overflow: hidden;
  }
  p.greeting_btit {
    padding: 0;
    margin: 90px 0 20px 0;
    padding: 0 60px 0 0;
  }
  p.greeting_btit br {
    display: none;
  }
  p.greeting_stit {
    padding: 0 30px 0 0;
    margin: 0;
  }
}

@media (min-width: 1132px) and (max-width: 1200px) {
  div.greeting_box {
    height: 309px;
    padding: 30px;
  }
  p.greeting_btit {
    margin: 20px 0;
    padding: 0 30px 0 0;
  }
}

@media (min-width: 768px) and (max-width: 1132px) {
  div.greeting_box {
    width: 100%;
    padding: 30px 20px;
  }
  p.greeting_btit {
    padding: 0;
  }
  p.greeting_stit {
    padding: 0;
    margin: 0;
  }

  img.greeting_img {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  div.greeting_box {
    height: 380px;
    padding: 20px;
  }
  p.greeting_btit {
    margin: 100px 50px 20px 20px;
  }
  p.greeting_stit {
    margin: 0 50px 0 20px;
  }
}

/*인사말 상단 헤더 이미지 조정 종료*/

@media (min-width: 768px) and (max-width: 1280px) {
  /*공통상단이미지*/
  /*비전*/
  div.vision_head {
    background: url(/page_images/vision_img.jpg) no-repeat 100%;
  }

  /*선교사역*/
  div.mission_head {
    background: url(/page_images/mission_img.jpg) no-repeat 100%;
  }

  /*예배안내*/
  div.worship_head {
    background: url(/page_images/worship_img.jpg) no-repeat 90%;
  }

  /*하라르커피교실*/
  div.coffee_head {
    background: url(/page_images/coffee_simg.jpg) no-repeat 100%;
  }
  /*열린모임*/
  div.group_head {
    background: url(/page_images/group_img.jpg) no-repeat 100%;
  }

  /*가정모임*/
  div.house_head {
    background: url(/page_images/house_img.jpg) no-repeat 100%;
  }

  /*유치부*/
  div.kindergarten_head {
    background: url(/page_images/kindergarten_img.jpg) no-repeat 100%;
  }

  /*유년부*/
  div.child_head {
    background: url(/page_images/childhood_img.jpg) no-repeat 100%;
  }

  /*초등부*/
  div.elementary_head {
    background: url(/page_images/elementary_img.jpg) no-repeat 100%;
  }

  /*중등부*/
  div.middle_head {
    background: url(/page_images/middle_img.jpg) no-repeat 100%;
  }

  /*청년대학부*/
  div.youth_head {
    background: url(/page_images/youth_img.jpg) no-repeat 100%;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  /*중보기도*/
  div.row_img_part {
    width: 100%;
    overflow: hidden;
  }
  img.row_img {
    width: 48.5%;
    float: left;
  }
  img.row_img:last-child {
    margin-left: 3%;
  }
  div.button_wrap.one_click {
    margin: 50px 0 30px 0;
  }
  img.m_img {
    display: none;
  }

  /*문화사역팀*/
  div.banner_img_wrap {
    width: 100%;
  }
  div.banner_img_wrap a {
    width: 48.5%;
    float: left;
  }
  .row_img:last-child {
    margin-left: 3%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  div.info_box {
    padding: 30px;
  }
  img.add_logo_part {
    width: 30%;
    margin-top: 30px;
  }
  img.m_img {
    display: none;
  }

  div.m_vision_wrap {
    display: none;
  }

  /*오시는길*/
  button.map_btn {
    width: 49%;
  }
  button.road_view {
    margin-left: 1.5%;
  }

  /*나눔과선교*/
  /*하라르커피교실*/
  div.coffee_head {
    background: url(/page_images/coffee_img.jpg) no-repeat 100%;
  }

  /*중보기도*/
  div.row_img_part {
    width: 100%;
    overflow: hidden;
  }
  .row_img {
    width: 48.5%;
    float: left;
  }
  .row_img:last-child {
    margin-left: 3%;
  }

  /*문화사역팀*/
  .mg_img {
    margin: 12px 0;
  }
}

/*모바일 가로*/

@media (min-width: 481px) and (max-width: 767px) {
  div.greeting_box {
    padding: 20px;
    width: 100%;
  }
  p.greeting_btit {
    padding: 0;
  }

  p.greeting_stit {
    padding: 0;
  }

  p.greeting_des {
    margin: 20px 0 0 0;
  }
  div.pc_v {
    display: none;
  }
  img.pc_img {
    display: none;
  }
  img.greeting_img {
    width: 100%;
  }
  /*공통디자인*/
  div.head_img {
    padding: 70px 20px;
  }
  img.pc_img {
    display: none;
  }

  /*비전*/
  ul.m_vision li {
    font-size: 1.8rem;
  }
  img.intro_vision {
    display: none;
  }

  /*찾아오시는길*/
  div.info_box {
    padding: 30px;
  }
  ul.address li span.add_tit {
    width: 12rem;
  }
  img.add_logo_part {
    width: 50%;
    margin-top: 30px;
  }

  /*문화사역팀*/
  .banner_img.row_img.mg_img {
    margin: 10px 0;
  }

  div.button_wrap.one_click {
    margin: 30px 0;
  }
}

/*모바일세로*/
@media (min-width: 320px) and (max-width: 480px) {
  div.greeting_box {
    padding: 10px;
    width: 100%;
  }
  p.greeting_btit {
    padding: 0;
  }

  p.greeting_stit {
    padding: 0;
  }

  p.greeting_des {
    margin: 20px 0 0 0;
  }

  /*공통디자인*/
  div.head_img {
    padding: 70px 15px;
  }

  /*인사말*/
  img.greeting_img {
    width: 100%;
  }
  img.pc_img {
    display: none;
  }
  p.greeting_stit br {
    display: none;
  }

  /*비전*/
  ul.m_vision li {
    font-size: 16px;
  }
  div.watchword {
    font-size: 2.2rem;
  }
  img.intro_vision {
    display: none;
  }

  /*찾아오시는길*/
  ul.address li {
    font-size: 16px;
  }
  ul.address li span.add_tit {
    width: 100%;
  }
  div.info_box {
    padding: 20px;
  }
  img.add_logo_part {
    width: 60%;
    margin-top: 20px;
  }

  /*중보기도*/
  button.basic_btn {
    width: 100%;
  }

  /*문화사역팀*/
  .banner_img.row_img.mg_img {
    margin: 5px 0;
  }
  .banner_img.row_img.mg_img.last {
    margin: 5px 0 0 0;
  }

  p.conversion {
    font-size: 16px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .b_stit:before {
    content: "";
    background: url(/page_images/b_bullet.png) no-repeat 0 72%;
    padding-left: 2rem;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    left: 0;
  }

  /*비전*/
  div.vision_head {
    background: url(/page_images/vision_simg.jpg) no-repeat 90%;
  }

  /*선교사역*/
  div.mission_head {
    background: url(/page_images/mission_simg.jpg) no-repeat 95%;
  }

  /*예배안내*/
  div.worship_head {
    background: url(/page_images/worship_simg.jpg) no-repeat 90%;
  }

  /*열린모임*/
  div.group_head {
    background: url(/page_images/group_simg.jpg) no-repeat 80%;
  }

  /*가정모임*/
  div.house_head {
    background: url(/page_images/house_simg.jpg) no-repeat 85%;
  }

  /*유치부*/
  div.kindergarten_head {
    background: url(/page_images/kindergarten_simg.jpg) no-repeat 90%;
  }

  /*유년부*/
  div.child_head {
    background: url(/page_images/childhood_simg.jpg) no-repeat 85%;
  }

  /*초등부*/
  div.elementary_head {
    background: url(/page_images/elementary_simg.jpg) no-repeat 90%;
  }

  /*중등부*/
  div.middle_head {
    background: url(/page_images/middle_simg.jpg) no-repeat 90%;
  }

  /*청년대학부*/
  div.youth_head {
    background: url(/page_images/youth_simg.jpg) no-repeat 90%;
  }

  /*오시는길*/
  button.map_btn {
    width: 100%;
  }
  button.road_view {
    margin: 10px 0;
  }

  /*나눔과선교*/
  /*하라르커피교실*/
  div.coffee_head {
    background: url(/page_images/coffee_simg.jpg) no-repeat 100%;
  }

  /*중보기도*/
  .mg_img {
    width: 100%;
  }
}

/*테이블*/
table.mission_form {
  margin-top: 30px;
}
table.basic_form {
  width: 100%;
}
table.basic_form th {
  font-size: 1.6rem;
  color: #191919;
  background: #f5f5f5;
  border-top: 2px solid #6eb92b;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  text-align: center;
  padding: 5px;
}
table.basic_form th:first-child {
  border-left: 0;
}
table.basic_form th:last-child {
  border-right: 0;
}

table.basic_form td {
  color: #484848;
  font-size: 1.6rem;
  letter-spacing: -0.05em;
  font-weight: 400;
  border: 1px solid #dedede;
  text-align: center;
  line-height: 1.6;
  padding: 10px;
}

table.basic_form td:first-child {
  border-left: 0;
}

table.basic_form td:last-child {
  border-right: 0;
}