/* line 17, ../sass/all/base.scss */
.mr-top-0 {
  margin-top: 0 !important;
}

/* line 21, ../sass/all/base.scss */
.mr-top-10 {
  margin-top: 10px !important;
}

/* line 25, ../sass/all/base.scss */
.mr-top-20 {
  margin-top: 20px !important;
}

/* line 29, ../sass/all/base.scss */
.mr-top-30 {
  margin-top: 30px !important;
}

/* line 33, ../sass/all/base.scss */
.mr-top-40 {
  margin-top: 40px !important;
}

/* line 37, ../sass/all/base.scss */
.mr-top-50 {
  margin-top: 50px !important;
}

/* line 41, ../sass/all/base.scss */
.mr-bot-0 {
  margin-bottom: 0 !important;
}

/* line 45, ../sass/all/base.scss */
.mr-bot-10 {
  margin-bottom: 10px !important;
}

/* line 49, ../sass/all/base.scss */
.mr-bot-20 {
  margin-bottom: 20px !important;
}

/* line 53, ../sass/all/base.scss */
.mr-bot-30 {
  margin-bottom: 30px !important;
}

/* line 57, ../sass/all/base.scss */
.mr-bot-40 {
  margin-bottom: 40px !important;
}

/* line 61, ../sass/all/base.scss */
.mr-bot-50 {
  margin-bottom: 50px !important;
}

/* line 68, ../sass/all/base.scss */
.pd-top-0 {
  padding-top: 0 !important;
}

/* line 72, ../sass/all/base.scss */
.pd-top-10 {
  padding-top: 10px !important;
}

/* line 76, ../sass/all/base.scss */
.pd-top-20 {
  padding-top: 20px !important;
}

/* line 80, ../sass/all/base.scss */
.pd-top-30 {
  padding-top: 30px !important;
}

/* line 84, ../sass/all/base.scss */
.pd-top-40 {
  padding-top: 40px !important;
}

/* line 88, ../sass/all/base.scss */
.pd-top-50 {
  padding-top: 50px !important;
}

/* line 92, ../sass/all/base.scss */
.pd-bot-0 {
  padding-bottom: 0 !important;
}

/* line 96, ../sass/all/base.scss */
.pd-bot-10 {
  padding-bottom: 10px !important;
}

/* line 100, ../sass/all/base.scss */
.pd-bot-20 {
  padding-bottom: 20px !important;
}

/* line 104, ../sass/all/base.scss */
.pd-bot-30 {
  padding-bottom: 30px !important;
}

/* line 108, ../sass/all/base.scss */
.pd-bot-40 {
  padding-bottom: 40px !important;
}

/* line 112, ../sass/all/base.scss */
.pd-bot-50 {
  padding-bottom: 50px !important;
}

/* line 118, ../sass/all/base.scss */
.ttu {
  text-transform: uppercase;
}

/* line 122, ../sass/all/base.scss */
.tac {
  text-align: center;
}

/* line 126, ../sass/all/base.scss */
.no-pad-top {
  padding-top: 0 !important;
}

/* line 130, ../sass/all/base.scss */
.no-pad-bot {
  padding-bottom: 0 !important;
}

/* line 135, ../sass/all/base.scss */
.anim {
  opacity: 0;
  animation: TextDownUp 0.5s 1 linear;
  animation-delay: 0.4s;
  animation-fill-mode: both;
}
/* line 141, ../sass/all/base.scss */
.anim.dl2 {
  animation-delay: 0.6s;
}
/* line 145, ../sass/all/base.scss */
.anim.dl3 {
  animation-delay: 0.8s;
}
/* line 149, ../sass/all/base.scss */
.anim.dl4 {
  animation-delay: 1s;
}
/* line 153, ../sass/all/base.scss */
.anim.dl5 {
  animation-delay: 1.2s;
}
/* line 157, ../sass/all/base.scss */
.anim.dl6 {
  animation-delay: 1.4s;
}
/* line 161, ../sass/all/base.scss */
.anim.dl7 {
  animation-delay: 1.6s;
}
/* line 165, ../sass/all/base.scss */
.anim.dl8 {
  animation-delay: 1.8s;
}
/* line 169, ../sass/all/base.scss */
.anim.dl9 {
  animation-delay: 2s;
}
/* line 173, ../sass/all/base.scss */
.anim.dl10 {
  animation-delay: 2.2s;
}
/* line 177, ../sass/all/base.scss */
.anim.dl11 {
  animation-delay: 2.4s;
}
/* line 181, ../sass/all/base.scss */
.anim.dl12 {
  animation-delay: 2.6s;
}
/* line 185, ../sass/all/base.scss */
.anim.dl13 {
  animation-delay: 2.8s;
}

@-webkit-keyframes TextDownUp {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  50% {
    transform: translateY(10px);
    opacity: 0.5;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes TextDownUp {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  50% {
    transform: translateY(10px);
    opacity: 0.5;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/* line 221, ../sass/all/base.scss */
.has-animation {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .5s linear,  transform .5s linear;
}
/* line 226, ../sass/all/base.scss */
.has-animation.animate-in {
  opacity: 1;
  transform: translateY(0px);
  transition: opacity .5s linear,  transform .5s linear;
}

@media only screen and (max-width: 709px) and (min-width: 120px) {
  /* line 267, ../sass/all/base.scss */
  .mr-top-10 {
    margin-top: 7px !important;
  }

  /* line 271, ../sass/all/base.scss */
  .mr-top-20 {
    margin-top: 10px !important;
  }

  /* line 275, ../sass/all/base.scss */
  .mr-top-30 {
    margin-top: 15px !important;
  }

  /* line 279, ../sass/all/base.scss */
  .mr-top-40 {
    margin-top: 20px !important;
  }

  /* line 283, ../sass/all/base.scss */
  .mr-top-50 {
    margin-top: 30px !important;
  }

  /* line 287, ../sass/all/base.scss */
  .mr-bot-10 {
    margin-bottom: 7px !important;
  }

  /* line 291, ../sass/all/base.scss */
  .mr-bot-20 {
    margin-bottom: 10px !important;
  }

  /* line 295, ../sass/all/base.scss */
  .mr-bot-30 {
    margin-bottom: 15px !important;
  }

  /* line 299, ../sass/all/base.scss */
  .mr-bot-40 {
    margin-bottom: 20px !important;
  }

  /* line 303, ../sass/all/base.scss */
  .mr-bot-50 {
    margin-bottom: 30px !important;
  }

  /* line 309, ../sass/all/base.scss */
  .pd-top-10 {
    padding-top: 7px !important;
  }

  /* line 313, ../sass/all/base.scss */
  .pd-top-20 {
    padding-top: 10px !important;
  }

  /* line 317, ../sass/all/base.scss */
  .pd-top-30 {
    padding-top: 15px !important;
  }

  /* line 321, ../sass/all/base.scss */
  .pd-top-40 {
    padding-top: 20px !important;
  }

  /* line 325, ../sass/all/base.scss */
  .pd-top-50 {
    padding-top: 30px !important;
  }

  /* line 330, ../sass/all/base.scss */
  .pd-bot-10 {
    padding-bottom: 7px !important;
  }

  /* line 334, ../sass/all/base.scss */
  .pd-bot-20 {
    padding-bottom: 10px !important;
  }

  /* line 338, ../sass/all/base.scss */
  .pd-bot-30 {
    padding-bottom: 15px !important;
  }

  /* line 342, ../sass/all/base.scss */
  .pd-bot-40 {
    padding-bottom: 20px !important;
  }

  /* line 346, ../sass/all/base.scss */
  .pd-bot-50 {
    padding-bottom: 30px !important;
  }
}
/* line 1, ../sass/serv-post/serv-post-top.scss */
.sp-top {
  position: relative;
}

/* line 5, ../sass/serv-post/serv-post-top.scss */
.sp-top-title {
  font-size: 13vw;
  text-align: center;
  font-weight: 700;
  line-height: 1;
  padding: 20px 0;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  color: #fff;
}

/* line 16, ../sass/serv-post/serv-post-top.scss */
.sp-top-wr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
/* line 22, ../sass/serv-post/serv-post-top.scss */
.sp-top-wr .col {
  position: relative;
  box-sizing: border-box;
}
/* line 26, ../sass/serv-post/serv-post-top.scss */
.sp-top-wr .col:nth-child(1) {
  width: 68%;
}
/* line 29, ../sass/serv-post/serv-post-top.scss */
.sp-top-wr .col:nth-child(1) .img {
  height: 32vw;
}
/* line 34, ../sass/serv-post/serv-post-top.scss */
.sp-top-wr .col:nth-child(2) {
  width: 30.3%;
}
/* line 37, ../sass/serv-post/serv-post-top.scss */
.sp-top-wr .col:nth-child(2) .img {
  height: 23vw;
}
/* line 42, ../sass/serv-post/serv-post-top.scss */
.sp-top-wr .col .img {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
}
/* line 48, ../sass/serv-post/serv-post-top.scss */
.sp-top-wr .col .img img, .sp-top-wr .col .img video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 56, ../sass/serv-post/serv-post-top.scss */
.sp-top-wr .col .text {
  margin-top: 25px;
}

@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  /* line 63, ../sass/serv-post/serv-post-top.scss */
  .sp-top-title {
    font-size: 12vw;
  }
}
@media only screen and (min-width: 1241px) and (max-width: 1499px) {
  /* line 69, ../sass/serv-post/serv-post-top.scss */
  .sp-top-title {
    font-size: 11vw;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1240px) {
  /* line 76, ../sass/serv-post/serv-post-top.scss */
  .sp-top-title {
    font-size: 11vw;
  }
}
@media only screen and (min-width: 710px) and (max-width: 999px) {
  /* line 82, ../sass/serv-post/serv-post-top.scss */
  .sp-top-title {
    font-size: 11vw;
  }

  /* line 90, ../sass/serv-post/serv-post-top.scss */
  .sp-top-wr .col:nth-child(1) {
    width: 100%;
  }
  /* line 94, ../sass/serv-post/serv-post-top.scss */
  .sp-top-wr .col:nth-child(2) {
    width: 100%;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 709px) {
  /* line 104, ../sass/serv-post/serv-post-top.scss */
  .sp-top-title {
    font-size: 12vw;
  }

  /* line 113, ../sass/serv-post/serv-post-top.scss */
  .sp-top-wr .col:nth-child(1) {
    width: 100%;
  }
  /* line 117, ../sass/serv-post/serv-post-top.scss */
  .sp-top-wr .col:nth-child(2) {
    width: 100%;
    margin-top: 0px;
  }
  /* line 122, ../sass/serv-post/serv-post-top.scss */
  .sp-top-wr .col .img {
    display: none;
  }
  /* line 126, ../sass/serv-post/serv-post-top.scss */
  .sp-top-wr .col .text {
    margin-top: 28px;
    padding-left: 26%;
    margin-bottom: 50px;
  }
}
/* line 1, ../sass/serv-post/serv-post-photo.scss */
.sp-photo {
  position: relative;
  margin-top: 70px;
}
/* line 5, ../sass/serv-post/serv-post-photo.scss */
.sp-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 13, ../sass/serv-post/serv-post-photo.scss */
.sp-photo-1 {
  width: 44vw;
  height: 55vw;
  border-radius: 20px;
  overflow: hidden;
}

/* line 20, ../sass/serv-post/serv-post-photo.scss */
.sp-photo-2 {
  position: absolute;
  top: 21vw;
  width: 47vw;
  height: 22vw;
  left: 34vw;
  border-radius: 20px;
  overflow: hidden;
}

@media only screen and (min-width: 1000px) and (max-width: 1240px) {
  /* line 33, ../sass/serv-post/serv-post-photo.scss */
  .sp-photo {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 710px) and (max-width: 999px) {
  /* line 39, ../sass/serv-post/serv-post-photo.scss */
  .sp-photo {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 709px) {
  /* line 45, ../sass/serv-post/serv-post-photo.scss */
  .sp-photo {
    margin-top: 0;
  }

  /* line 49, ../sass/serv-post/serv-post-photo.scss */
  .sp-photo-1 {
    width: 51vw;
    height: 81vw;
    position: relative;
    padding-top: 19vw;
    left: -4%;
  }

  /* line 57, ../sass/serv-post/serv-post-photo.scss */
  .sp-photo-2 {
    top: 0;
    width: 67vw;
    height: 58vw;
    left: 27vw;
  }
}
/* line 7, ../sass/serv-post.scss */
.text {
  margin-top: 30px;
}
/* line 10, ../sass/serv-post.scss */
.text h2, .text h3, .text h4, .text h5, .text h6 {
  color: #fff !important;
}
