/* sub_title ============================================================ */
.sub_title_con {
  position: relative;
  max-height: 835px;
  height: 44vw;
  background-repeat: no-repeat;
  background-position: top 20% center;
  background-size: cover;
}
.sub_title_con h2 {
  width: 32vw;
  text-align: center;
  max-width: 580px;
}

/* s0101 ==============================*/
.s0101_con01 {
  background-color: #f5f7f2;
}
.s0101_con01 .vidoe_wrap {
  position: relative;
  display: block;
  height: 21.5vw;
  max-height: 411px;
  overflow: hidden;
  margin-top: 1%;
}
@media all and (max-width: 767px) {
  .s0101_con01 .vidoe_wrap {
    height: 50vw;
  }
}
.s0101_con01 .vidoe_wrap video {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.s0101_con01_ico {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
@media all and (max-width: 767px) {
  .s0101_con01_ico img {
    width: 13vw;
  }
}

.kakao_map .wrap_map {
  height: 36vw !important;
  max-height: 680px !important;
}

/* s02 ============================================================ */
/* s0201 ==============================*/
.s0201_con01 {
  background-color: #f5f7f2;
  padding: 5% 0;
}
.s0201_con01 .con_tit {
  margin: 5% 0;
}

.s0201_con02_li {
  margin: 2% auto 6%;
  flex-wrap: wrap;
}
@media all and (max-width: 767px) {
  .s0201_con02_li {
    margin: 2% auto 8%;
  }
}
.s0201_con02_li li {
  margin: 0 0.25%;
}
@media all and (max-width: 767px) {
  .s0201_con02_li li {
    margin: 0.5%;
    width: 45%;
  }
}

.s0203_con03_inner {
  margin: 3% auto 8%;
}
.s0203_con03_inner h3 {
  margin-bottom: 1.5%;
}
@media all and (max-width: 767px) {
  .s0203_con03_inner ul {
    width: 88%;
    margin: 0 auto;
  }
}
.s0203_con03_inner ul li {
  margin-right: 0.45%;
}

.s0201_con04 {
  background-color: #f5f7f2;
}
@media all and (max-width: 767px) {
  .s0201_con04 {
    padding: 3% 0;
  }
}
.s0201_con04 p {
  color: #47645a;
  font-size: 1.7rem;
  font-weight: 500;
  padding: 1.7% 0;
}
@media all and (max-width: 767px) {
  .s0201_con04 p {
    font-size: 4vw;
  }
}

/* s03 ============================================================ */
/* s0301 ==============================*/
.s0301_con01 {
  background-color: #f5f7f2;
}
.s0301_con01_ico {
  width: 100%;
  margin: 0 auto;
}
@media all and (max-width: 767px) {
  .s0301_con01_ico {
    width: 88%;
  }
}

/* s0302 ==============================*/
.s0301_con02 {
  background-color: #f5f7f2;
  padding: 5% 0 8%;
}
@media all and (max-width: 767px) {
  .s0301_con02 {
    padding: 3% 0 12%;
  }
}
.s0301_con02_li li {
  margin: 0 4%;
}
@media all and (max-width: 767px) {
  .s0301_con02_li li {
    width: 26vw;
    max-width: 167px;
    margin: 0 2%;
  }
}
.s0301_con02_li:nth-child(2) {
  margin-top: 3.8%;
}
.s0301_con02_li:nth-child(3) {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1310px;
  margin-top: 2%;
}
@media all and (max-width: 767px) {
  .s0301_con02_li:nth-child(3) {
    max-width: 720px;
    width: 88%;
  }
}

/* s0302 ==============================*/
.s0301_con03 {
  margin-bottom: 6%;
}

/* s04 ============================================================ */
/* s0401 ==============================*/
.s0401_con01 {
  background-color: #f5f7f2;
}
.s0401_con01_ico {
  width: 100%;
  margin: 0 auto;
}
@media all and (max-width: 767px) {
  .s0401_con01_ico {
    width: 88%;
  }
}

/* s0402 ==============================*/
.s0401_con02 {
  background-color: #f5f7f2;
  padding: 6% 0;
}
@media all and (max-width: 767px) {
  .s0401_con02 {
    padding: 5% 0;
  }
}
.s0401_con02_li {
  max-width: 1310px;
  margin: 0 auto;
  justify-content: space-between;
}
@media all and (max-width: 767px) {
  .s0401_con02_li {
    max-width: 720px;
    width: 88%;
  }
}
.s0401_con02_li:nth-child(2) {
  margin-top: 3.8%;
}
.s0401_con02_li li {
  margin: 0 2%;
}
@media all and (max-width: 767px) {
  .s0401_con02_li li {
    width: 26vw;
    max-width: 167px;
  }
}

/* s05 ============================================================ */
/* s0501 ==============================*/
.s0501_con01 {
  background-color: #f5f7f2;
}
.s0501_con01_ico {
  width: 100%;
  margin: 0 auto;
}
@media all and (max-width: 767px) {
  .s0501_con01_ico {
    width: 88%;
  }
}

/* s0502 ==============================*/
.s0501_con02 {
  background-color: #f5f7f2;
  padding: 6% 0 9%;
}
@media all and (max-width: 767px) {
  .s0501_con02 {
    padding-top: 8%;
  }
}
.s0501_con02_li li {
  margin: 0 4%;
}
@media all and (max-width: 767px) {
  .s0501_con02_li li {
    width: 26vw;
    max-width: 167px;
    margin: 0 2%;
  }
}
.s0501_con02_li:nth-child(n+2) {
  margin-top: 3.8%;
}
@media all and (max-width: 767px) {
  .s0501_con02_li:nth-child(n+2) {
    margin-top: 0;
  }
}

/* s06 ============================================================ */
/* s0601 ==============================*/
.s0601_con01 {
  background-color: #f5f7f2;
}
.s0601_con01_ico {
  width: 100%;
  margin: 0 auto;
}
@media all and (max-width: 767px) {
  .s0601_con01_ico {
    width: 88%;
  }
}

/* s0602 ==============================*/
.s0601_con02 {
  background-color: #f5f7f2;
  padding: 6% 0;
}
@media all and (max-width: 767px) {
  .s0601_con02 {
    padding: 8% 0 10%;
  }
}
.s0601_con02_li li {
  margin: 0 4%;
}
@media all and (max-width: 767px) {
  .s0601_con02_li li {
    width: 26vw;
    max-width: 167px;
    margin: 0 2%;
  }
}
.s0601_con02_li:nth-child(2) {
  margin: 1.5% auto 1%;
}

/* s0603 ==============================*/
.s0601_con03 {
  margin-bottom: 6%;
}

/* s07 ============================================================ */
/* s0701 ==============================*/
.s0701_con01 {
  background-color: #f5f7f2;
}
.s0701_con01_ico {
  width: 100%;
  margin: 0 auto;
}
@media all and (max-width: 767px) {
  .s0701_con01_ico {
    width: 88%;
  }
}

/* s0702 ==============================*/
.s0701_con02 {
  background-color: #f5f7f2;
  padding: 8% 0;
}
@media all and (max-width: 767px) {
  .s0701_con02 {
    padding-bottom: 10%;
  }
}
.s0701_con02_li {
  max-width: 1310px;
  margin: 0 auto;
  justify-content: space-between;
}
@media all and (max-width: 767px) {
  .s0701_con02_li {
    max-width: 720px;
    width: 88%;
  }
}
.s0701_con02_li li {
  margin: 0 4%;
}
@media all and (max-width: 767px) {
  .s0701_con02_li li {
    width: 26vw;
    max-width: 167px;
    margin: 0 2%;
  }
}
.s0701_con02_li:nth-child(2) {
  margin-top: 3%;
}
@media all and (max-width: 767px) {
  .s0701_con02_li:nth-child(2) {
    margin-top: 0;
  }
}
.s0701_con02_li:nth-child(3) {
  display: flex;
  margin-top: 2%;
}

/* s08 ============================================================ */
#page_s0801 {
  background-image: url("../img/s08/s0801_tt_bg.jpg");
}

/*S : community =================================================*/
.bd_notice_tt_bg,
.bd_photo_tt_bg,
.bd_sangdam_tt_bg,
.bd_event_tt_bg,
.price_tt_bg {
  background-image: url("../img/community/community_tt_bg.jpg");
}

.bd_review_tt_bg {
  background-image: url("../img/community/bd_review_tt_bg.jpg");
}

.sub_title_con.bd_notice_tt_bg h2,
.sub_title_con.bd_review_tt_bg h2,
.sub_title_con.bd_photo_tt_bg h2,
.sub_title_con.bd_sangdam_tt_bg h2,
.sub_title_con.bd_event_tt_bg h2,
.sub_title_con.price_tt_bg h2 {
  width: 38vw;
  text-align: center;
  max-width: 720px;
}

/*S :part_tour =================================================*/
#part_tour {
  position: relative;
  background-color: #fff;
}
#part_tour .tour_container {
  width: 100%;
  margin: 0 auto;
}
#part_tour .tour_container .gallery-top {
  margin: 0 auto 3%;
  width: 73vw;
  max-width: 1388px;
}
@media all and (max-width: 767px) {
  #part_tour .tour_container .gallery-top {
    margin: 0 auto;
    width: 85%;
    max-width: 631px;
  }
}
#part_tour .tour_container .swiper-button-next,
#part_tour .tour_container .swiper-button-prev {
  top: auto;
  bottom: 20%;
  width: 15vw;
  height: 15vw;
  max-width: 55px;
  max-height: 55px;
  transition: 0.5s;
  background-size: 30% auto;
  mix-blend-mode: unset;
  border-radius: 50%;
  background-position: left 56% center;
  background-size: 100% auto;
}
#part_tour .tour_container .swiper-button-next:hover,
#part_tour .tour_container .swiper-button-prev:hover {
  opacity: 0.7;
}
@media all and (max-width: 767px) {
  #part_tour .tour_container .swiper-button-next,
  #part_tour .tour_container .swiper-button-prev {
    width: 7vw;
    bottom: 7%;
  }
}
#part_tour .tour_container .swiper-button-next {
  background-image: url("../img/tour_arrow_right.png");
  right: 10%;
}
@media all and (max-width: 767px) {
  #part_tour .tour_container .swiper-button-next {
    right: 7%;
  }
}
#part_tour .tour_container .swiper-button-prev {
  background-image: url("../img/tour_arrow_left.png");
  left: 10%;
  background-position: left 43% center;
}
@media all and (max-width: 767px) {
  #part_tour .tour_container .swiper-button-prev {
    left: 7%;
  }
}