.construction-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateZ(0);
  min-width: 100% !important;
  min-height: 100% !important;
  width: auto !important;
  height: auto !important;
  will-change: transform;
}

.construction-all {
  position: relative;
  width: 100%;
  max-width: 1473px;
  margin-top: 5.9895833333vw;
  margin-bottom: 12.5vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 1024px) {
  .construction-all {
    margin-top: 11.23046875vw;
    margin-bottom: 23.4375vw;
  }
}

.construction-all__items {
  display: grid;
  gap: 8.6rem 4rem;
  grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (max-width: 640px) {
  .construction-all__items {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 440px) {
  .construction-all__items {
    grid-template-columns: 1fr;
  }
}

.construction-all__item {
  position: relative;
}

.construction-all__item__image {
  position: relative;
  width: 100%;
}

.construction-all__item__image img {
  max-width: 100%;
}

.construction-all__item__title {
  margin-top: 2.9rem;
  font-size: var(--font-size30);
  line-height: 1.5;
}

.construction-all__item__date {
  margin-top: 1.3rem;
}

.construction-all__item__date span {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 9.1rem;
  height: 4.6rem;
  border-radius: 5px;
  background-color: #EBEBEB;
  font-size: var(--font-size30);
  color: #828282;
  font-weight: 500;
}

.construction-title {
  font-weight: 700;
  font-size: var(--font-size50);
  color: #000;
  text-align: center;
}

.construction-title--mt150 {
  margin-top: 7.8125vw;
}

.construction-text {
  margin-top: 3.6rem;
  font-size: var(--font-size40);
  color: #505050;
  text-align: center;
}

.construction-text--mt74 {
  margin-top: 7.4rem;
}

.construction-text2 {
  font-size: var(--font-size35);
  color: #505050;
  text-align: center;
}

.construction-top {
  position: relative;
  margin-top: 12.5vw;
  margin-bottom: 10.9895833333vw;
}

.construction-top .construction-title {
  padding-left: 20px;
  padding-right: 20px;
}

.construction-top__image {
  margin-top: 9.2708333333vw;
}

.construction-top__image img {
  width: 100%;
}

.construction-middle {
  padding-top: 11.5104166667vw;
  background-color: #F1F1F1;
}

.construction-middle__slider {
  margin-top: 9.4270833333vw;
  padding-bottom: 10.8333333333vw;
  overflow: hidden;
}

.construction-middle__slider .swiper {
  overflow: visible;
}

@media screen and (max-width: 639px) {
  .construction-middle__slider .swiper {
    padding-right: 20px;
  }
}

.construction-middle__slider .swiper-slide {
  width: 30rem;
}

@media screen and (max-width: 639px) {
  .construction-middle__slider .swiper-slide {
    width: auto;
    padding-left: 20px;
  }
}

.construction-middle .certificate-box {
  position: relative;
  width: 100%;
}

.construction-middle .certificate-box img {
  width: 100%;
  box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.1019607843), 0px 29px 29px 0px rgba(0, 0, 0, 0.0901960784), 0px 65px 39px 0px rgba(0, 0, 0, 0.0509803922), 0px 116px 46px 0px rgba(0, 0, 0, 0.0117647059), 0px 181px 51px 0px rgba(0, 0, 0, 0);
}

.construction-middle .certificate-box__text {
  margin-top: 4rem;
  font-size: var(--font-size25);
  text-align: center;
  color: #969696;
}

.construction-bottom {
  position: relative;
  margin-top: 6.9270833333vw;
  margin-bottom: 15.625vw;
}

.construction-bottom__slider {
  position: relative;
  margin-top: 6.1rem;
  overflow: hidden;
}

.construction-bottom__slider .swiper {
  overflow: visible;
}

@media screen and (max-width: 639px) {
  .construction-bottom__slider .swiper {
    padding-right: 20px;
  }
}

.construction-bottom__slider .swiper-slide {
  width: 45.1rem;
}

@media screen and (max-width: 639px) {
  .construction-bottom__slider .swiper-slide {
    width: auto;
    padding-left: 20px;
  }
}

.construction-bottom .slide-box {
  position: relative;
}

.construction-bottom .slide-box a {
  display: block;
}

.construction-bottom .slide-box__image {
  position: relative;
  width: 100%;
}

.construction-bottom .slide-box__image img {
  max-width: 100%;
}

.construction-bottom .slide-box__title {
  margin-top: 2.9rem;
  font-size: var(--font-size30);
  line-height: 1.5;
}

.construction-bottom .slide-box__date {
  margin-top: 1.3rem;
}

.construction-bottom .slide-box__date span {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 9.1rem;
  height: 4.6rem;
  border-radius: 5px;
  background-color: #EBEBEB;
  font-size: var(--font-size30);
  color: #828282;
  font-weight: 500;
}

.strategy-top {
  position: relative;
  width: 100%;
  max-width: 1654px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 120px;
  margin-bottom: 120px;
}

.onestop-step {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 1.2rem;
}

@media screen and (max-width: 825px) {
  .onestop-step {
    gap: 3rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 803px) {
  .onestop-step {
    grid-template-columns: 1fr 1fr;
  }
}

.onestop-step__item {
  position: relative;
  border-radius: 2rem;
  overflow: hidden;
  background-color: #F1F1F2;
}

.onestop-step__item__head {
  padding: 2.2rem 2.3rem 2.4rem;
  border-radius: 2rem 2rem 0 0;
}

.onestop-step__item__title {
  font-size: 2.0rem;
  font-weight: 600;
  color: #787878;
}

.onestop-step__item__title span {
  color: #00D18B;
}

.onestop-step__item__body img {
  width: 100%;
}

.onestop-step__item__content {
  padding: 2.0rem 2.4rem 2.4rem;
}

.onestop-step__item__possession {
  position: relative;
}

.onestop-step__item__possession span {
  display: flex;
  width: 100%;
  height: 3.6rem;
  justify-content: center;
  align-items: center;
  border-radius: 1.8rem;
  text-align: center;
  font-size: 2.4rem;
  color: #58595B;
  font-weight: 600;
  background-color: #D1D3D4;
}

.onestop-step__item__possession span+span {
  margin-top: 1.2rem;
}

.onestop-step__item__ul {
  margin-top: 1.6rem;
  font-size: 2.0rem;
  line-height: 3.0rem;
  color: #666666;
}

.onestop-step__item__ul li {
  letter-spacing: -0.1em;
}

.construction-certificate {
  position: relative;
  width: 100%;
  max-width: 1086px;
}

.construction-certificate__items {
  display: grid;
  gap: 2.45rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 803px) {
  .construction-certificate__items {
    grid-template-columns: 1fr 1fr;
  }
}

.construction-certificate__item {
  position: relative;
}

.construction-certificate__item__image img {
  width: 100%;
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.1019607843), 0px 22px 22px 0px rgba(0, 0, 0, 0.0901960784), 0px 50px 30px 0px rgba(0, 0, 0, 0.0509803922), 0px 89px 36px 0px rgba(0, 0, 0, 0.0117647059), 0px 140px 39px 0px rgba(0, 0, 0, 0);
}

.construction-certificate__item__text {
  margin-top: 4.4rem;
  font-family: Pretendard;
  font-size: 2.0rem;
  text-align: center;
  color: #969696;
}

.strategy-skill {
  position: relative;
  background-color: #F1F1F1;
  padding: 12.0rem 0;
}

.strategy-skill__inner {
  position: relative;
  width: 100%;
  max-width: 1621px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.strategy-skill .construction-text {
  margin-top: 7.3rem;
}

.strategy-skill__items {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2.8rem;
}

@media screen and (max-width: 803px) {
  .strategy-skill__items {
    grid-template-columns: 1fr 1fr;
  }
}

.strategy-skill__item {
  position: relative;
  overflow: hidden;
}

.strategy-skill__item__image {
  position: relative;
  width: 100%;
  border-radius: 4rem;
  z-index: 2;
}

.strategy-skill__item__image img {
  width: 100%;
  height: auto;
}

.strategy-skill__item__text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.5rem 0 1.6rem;
  text-align: center;
  font-size: 2.0rem;
  line-height: 1;
  color: #fff;
  font-weight: 600;
  z-index: 10;
  background-color: #00000060;
}

.strategy-quality {
  position: relative;
}

.strategy-quality__inner {
  position: relative;
  width: 100%;
  max-width: 1366px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}

.strategy-quality__items {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 4.1rem;
}

@media screen and (max-width: 1024px) {
  .strategy-quality__items {
    margin-top: 14.6484375vw;
  }
}

@media screen and (max-width: 803px) {
  .strategy-quality__items {
    grid-template-columns: 1fr 1fr;
  }
}

.strategy-quality__item__image img {
  width: 100%;
  box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.1019607843), 0px 29px 29px 0px rgba(0, 0, 0, 0.0901960784), 0px 65px 39px 0px rgba(0, 0, 0, 0.0509803922), 0px 116px 46px 0px rgba(0, 0, 0, 0.0117647059), 0px 181px 51px 0px rgba(0, 0, 0, 0);
}

.strategy-quality__item__text {
  margin-top: 4rem;
  font-size: 2.0rem;
  text-align: center;
  color: #969696;
}

.strategy-expert {
  position: relative;
}

.strategy-expert__image img {
  width: 100%;
}

.strategy-expert .business-history {
  width: 100%;
  max-width: 1480px;
  margin-top: 11.6666666667vw;
}

.business-history dt {
  font-size: 3.6rem;
  font-weight: 600;
}

.business-history dd {
  font-size: 2.4rem;
  font-weight: 400;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #666666;
}