/* SCSS file content */
.career-work {
  padding: 3.125rem 0;
  background: #F0F6FB;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .career-work {
    padding: 5rem 0;
  }
}
@media screen and (min-width: 1400px) {
  .career-work {
    padding: 7.5rem 0;
  }
}
.career-work .ttl-52 {
  color: #001B3B;
  font-weight: 400;
}
.career-work .career-work-wrapper {
  max-width: 1364px;
  margin: auto;
}
.career-work .career-work-wrapper p {
  max-width: 503px;
  color: #001B3B;
}

.career-workSwiper {
  max-width: 1364px;
  margin: auto;
  margin-top: 1.25rem;
}
@media screen and (min-width: 992px) {
  .career-workSwiper {
    margin-top: 2.1875rem;
  }
}
@media screen and (max-width: 575px) {
  .career-workSwiper {
    margin: 20px -16px 0;
    padding: 0 16px;
  }
}
@media screen and (max-width: 1199.98px) {
  .career-workSwiper {
    overflow: visible;
  }
}
.career-workSwiper .swiper-slide {
  height: auto;
}
.career-workSwiper .career-work-card {
  min-height: 278px;
  width: 100%;
  background: #DFE7ED;
  padding: 25px 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .career-workSwiper .career-work-card {
    padding: 35px 25px 15px;
    min-height: 330px;
  }
}
.career-workSwiper .career-work-card .subtitle {
  font-size: 22px;
  color: #001B3B;
  line-height: 1.2;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.career-workSwiper .career-work-card p {
  color: #48515C;
  line-height: 1.5;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.career-workSwiper .career-work-card figure {
  margin-bottom: 0;
  overflow: hidden;
}
.career-workSwiper .career-work-card figure img {
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -o-object-fit: contain;
     object-fit: contain;
  height: 55px;
  max-width: 42px;
}
@media screen and (min-width: 992px) {
  .career-workSwiper .career-work-card figure img {
    max-width: 55px;
  }
}
.career-workSwiper .career-work-card .mt-100 {
  margin-top: 100px;
}
@media screen and (max-width: 991px) {
  .career-workSwiper .career-work-card .mt-100 {
    margin-top: 50px;
  }
}
@media screen and (min-width: 1370px) {
  .career-workSwiper .career-work-card:hover {
    background-color: #104E79;
  }
  .career-workSwiper .career-work-card:hover img {
    -webkit-filter: brightness(0) saturate(100%) invert(98%) sepia(100%) saturate(0%) hue-rotate(38deg) brightness(104%) contrast(103%);
            filter: brightness(0) saturate(100%) invert(98%) sepia(100%) saturate(0%) hue-rotate(38deg) brightness(104%) contrast(103%);
  }
  .career-workSwiper .career-work-card:hover .subtitle {
    color: #fff;
  }
  .career-workSwiper .career-work-card:hover p {
    color: #fff;
  }
}