.mg-top {
  margin-top: 80px;
}

main {
  position: relative;
  margin-top: 0px !important;
  padding-bottom: 100px;
}

header {
  position: relative;
  border-bottom: 2px solid #ECF2F7;
}

main .title {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.1px;
  padding: 9px 0px 9px 16px;
  border-left: 4px solid var(--black-1);
}
main .management-process {
  display: grid;
  grid-template-columns: 6fr 4fr;
  gap: 40px;
}
main .management-process .left-management-process img {
  max-width: 100%;
  width: 100%;
}
main .management-process .right-management-process {
  display: grid;
  align-items: center;
}
main .management-process .right-management-process p {
  font-weight: 500;
  font-size: 38px;
  line-height: 130%;
  letter-spacing: -2px;
  text-align: right;
}
main .application .list-application {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
main .application .list-application .item-application {
  border-radius: 12px;
  padding: 20px;
  background: #F6F9FC;
  display: flex;
}
main .application .list-application .item-application .icon {
  width: 76px;
  display: flex;
  align-items: center;
}
main .application .list-application .item-application .icon img {
  max-width: 100%;
}
main .application .list-application .item-application .text {
  padding-left: 20px;
  width: calc(100% - 76px);
  display: flex;
  align-items: center;
}
main .application .list-application .item-application .text p {
  font-weight: 500;
  font-size: 16px;
  line-height: 19.36px;
  letter-spacing: -0.03px;
}
main .enterprise {
  background: linear-gradient(0deg, #FFFFFF 45.23%, #9EC7FF 137.4%);
  padding-top: 40px;
}
main .enterprise .content-enterprise {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
main .enterprise .content-enterprise .left-enterprise {
  overflow: hidden;
  border-radius: 12px;
  background: url("../../../image/service/hrm/enterprise.png") no-repeat center;
  background-size: cover;
}
main .enterprise .content-enterprise .left-enterprise img {
  display: none;
}
main .enterprise .content-enterprise .right-enterprise {
  position: relative;
}
main .enterprise .content-enterprise .right-enterprise .content-right-enterprise {
  position: relative;
  width: 100%;
}
main .enterprise .content-enterprise .right-enterprise .content-right-enterprise ul {
  margin-top: 20px;
  display: grid;
  gap: 20px;
}
main .enterprise .content-enterprise .right-enterprise .content-right-enterprise ul li {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3019607843);
  background: #FFFFFF;
  border-radius: 8px;
  padding: 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19.36px;
  letter-spacing: -0.03px;
}
main .benefit .content-benefit {
  margin-top: 20px;
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(6, 1fr);
}
main .benefit .content-benefit .item-benefit {
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3019607843);
  background: #FFFFFF;
  position: relative;
  background: url("../../../image/service/hrm/career.svg") no-repeat bottom 20px left 20px;
}
main .benefit .content-benefit .item-benefit p {
  font-weight: 500;
  font-size: 16px;
  line-height: 19.36px;
  letter-spacing: -0.03px;
  padding-bottom: 80px;
}

@media screen and (max-width: 1500px) {
  main .management-process .right-management-process p {
    font-size: 34px;
  }
  main .application .list-application {
    gap: 20px;
  }
  main .benefit .content-benefit {
    gap: 20px;
  }
}
@media screen and (max-width: 1140px) {
  main .management-process {
    gap: 20px;
  }
  main .management-process .right-management-process p {
    font-size: 32px;
  }
  main .enterprise .content-enterprise {
    gap: 20px;
  }
}
@media screen and (max-width: 1024px) {
  main .management-process .right-management-process p {
    font-size: 28px;
  }
  main .enterprise .content-enterprise .left-enterprise {
    position: relative;
  }
  main .enterprise .content-enterprise .left-enterprise img {
    position: sticky;
    top: 55px;
    left: 0px;
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  main .benefit .content-benefit {
    grid-template-columns: repeat(3, 1fr);
  }
  main .benefit .content-benefit .item-benefit p {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  main .enterprise .content-enterprise .left-enterprise {
    background: unset;
    height: auto !important;
  }
  main .enterprise .content-enterprise .left-enterprise img {
    display: block;
  }
  main .management-process .right-management-process p {
    font-size: 24px;
  }
  .mg-top {
    margin-top: 40px;
  }
  main .application .list-application {
    grid-template-columns: repeat(2, 1fr);
  }
  main .management-process {
    grid-template-columns: repeat(1, 1fr);
    display: flex;
    flex-direction: column-reverse;
  }
  main .management-process .right-management-process p {
    text-align: left;
  }
  main .enterprise .content-enterprise {
    grid-template-columns: 1fr;
  }
  main {
    padding-bottom: 40px;
  }
  main .application .list-application .item-application {
    padding: 12px;
  }
  main .application .list-application .item-application .text {
    padding-left: 12px;
  }
}
@media screen and (max-width: 550px) {
  main .benefit .content-benefit .item-benefit {
    padding: 12px;
    background: #fff;
  }
  main .benefit .content-benefit .item-benefit p {
    padding-bottom: 0px;
  }
  main .application .list-application {
    grid-template-columns: repeat(1, 1fr);
  }
  main .benefit .content-benefit {
    grid-template-columns: repeat(2, 1fr);
  }
}

/*# sourceMappingURL=apply.css.map */