/* screen - c-main */

.c-main {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-height: 5480px;
  width: 1920px;
}

.c-main .group-588 {
  align-items: flex-start;
  display: flex;
  min-width: 1920px;
}

.c-main .overlap-group {
  height: 500px;
  position: relative;
  width: 1920px;
}

.c-main .background-1 {
  align-items: flex-end;
  background-image: url(../img/background.png);
  background-position: 50% 50%;
  background-size: cover;
  gap: 24px;
  left: 0;
  min-height: 500px;
  padding: 190px 854.3px;
  position: absolute;
  top: 0;
  width: 1920px;
}

.c-main .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  min-width: 211px;
}

.c-main .text-636 {
  height: 19px;
  line-height: 16px;
  margin-top: 1px;
  width: 56px;
}

.c-main .text-637 {
  height: 19px;
  line-height: 16px;
  margin-top: 1px;
  width: 42px;
}

.c-main .background-2 {
  align-items: flex-start;
  background-color: var(--white);
  gap: 15px;
  justify-content: center;
  min-height: 3px;
  width: 26px;
}

.c-main .group-632 {
  align-items: center;
  background-color: var(--alabaster);
  display: flex;
  flex-direction: column;
  min-height: 460px;
  padding: 139px 618px;
  width: 1920px;
}

.c-main .heading-6-prms {
  height: 50px;
  letter-spacing: 0;
  line-height: 50px;
  margin-right: 2.0px;
  min-width: 377px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.c-main .span1 {
  color: var(--fuscous-gray);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-xxxl);
  font-weight: 700;
}

.c-main .line-5 {
  height: 1px;
  margin-right: 2.0px;
  margin-top: 21px;
  object-fit: cover;
  width: 20px;
}

.c-main .gap {
  align-self: flex-start;
  height: 48px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 49px;
  min-width: 683px;
  position: relative;
  text-align: center;
}

.c-main .group-633 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 50px;
  margin-top: 150px;
  min-height: 1472px;
  width: 1200px;
}

.c-main .group-629 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 180px;
  width: 747px;
}

.c-main .heading-6-prms-1 {
  height: 30px;
  letter-spacing: 0;
  line-height: 50px;
  margin-bottom: -20px;
  margin-left: 2px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 376px;
}

.c-main .line {
  height: 1px;
  margin-top: 31px;
  object-fit: cover;
  width: 20px;
}

.c-main .it {
  height: 70px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 48px;
  position: relative;
  width: 747px;
}

.c-main .group-630 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  gap: 20px;
  margin-right: 6.0px;
  min-width: 1120px;
}

.c-main .group-630-item {
  height: 999px;
  object-fit: cover;
  width: 550px;
}

.c-main .group-594 {
  align-items: center;
  background-color: var(--green-blue);
  border-radius: 15px;
  box-shadow: 4px 4px 4px #00000040;
  display: flex;
  flex-direction: column;
  min-height: 193px;
  padding: 28.9px 334.2px;
  width: 1200px;
}

.c-main .what-is {
  align-self: flex-start;
  color: var(--white);
  font-family: var(--font-family-pretendard_variable-medium);
  font-size: var(--font-size-xxxxl);
  font-weight: 500;
  height: 41px;
  letter-spacing: 0;
  line-height: 50px;
  margin-bottom: -9px;
  text-align: center;
  white-space: nowrap;
  width: 365px;
}

.c-main .image-16 {
  height: 53px;
  margin-left: 0;
  margin-top: 1px;
  object-fit: cover;
  width: 250px;
}

.c-main .overlap-group-1 {
  align-items: flex-start;
  background-image: url(../img/rectangle-31.svg);
  background-size: 100% 100%;
  display: flex;
  height: 29px;
  justify-content: flex-end;
  margin-right: 0;
  margin-top: 10px;
  min-width: 107px;
  padding: 1.7px 8.2px;
}

.c-main .text-638 {
  color: var(--white);
  font-family: var(--font-family-pretendard_variable-regular);
  font-size: var(--font-size-s);
  font-weight: 400;
  height: 25px;
  line-height: 40px;
  width: 90px;
}

.c-main .image-1 {
  height: 1px;
  margin-top: 150px;
  width: 1200px;
}

.c-main .group-634 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 100px;
  margin-right: 63.0px;
  margin-top: 149px;
  min-height: 1128px;
  width: 1137px;
}

.c-main .group-369 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 158px;
  width: 626px;
}

.c-main .our-services {
  color: var(--black);
  font-family: var(--font-family-pretendard_variable-medium);
  font-size: var(--font-size-xxxl);
  font-weight: 500;
  height: 30px;
  letter-spacing: 0;
  line-height: 50px;
  margin-bottom: -20px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: 141px;
}

.c-main .text_label {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 48px;
  min-height: 48px;
}

.c-main .group-631 {
  align-self: flex-end;
  height: 870px;
  position: relative;
  width: 1101px;
}

.c-main .governance {
  left: 730px;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 831px;
  white-space: nowrap;
}

.c-main .span0 {
  color: var(--razzmatazz);
  font-family: var(--font-family-pretendard_variable-medium);
  font-size: var(--font-size-xxxl);
  font-weight: 500;
}

.c-main .overlap-group-2 {
  height: 844px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1085px;
}

.c-main .image-93 {
  height: 777px;
  left: 48px;
  object-fit: cover;
  position: absolute;
  top: 67px;
  width: 1037px;
}

.c-main .image-94 {
  height: 678px;
  left: 236px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 678px;
}

.c-main .image-95 {
  height: 95px;
  left: 424px;
  object-fit: cover;
  position: absolute;
  top: 264px;
  width: 285px;
}

.c-main .group-297 {
  height: 58px;
  left: 546px;
  position: absolute;
  top: 375px;
  width: 58px;
}

.c-main .image-96 {
  height: 53px;
  left: 472px;
  object-fit: cover;
  position: absolute;
  top: 450px;
  width: 207px;
}

.c-main .environmental {
  height: 28px;
  left: 0;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 493px;
  white-space: nowrap;
}

.c-main .span0-1 {
  color: var(--jade);
}

.c-main .esg-management {
  left: 444px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 592px;
  width: 265px;
}

.c-main .span0-4 {
  color: #eef7ff;
}

.c-main .social {
  height: 24px;
  left: 303px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 831px;
  white-space: nowrap;
}

.c-main .span0-2 {
  color: var(--mandarin-pearl);
}

.c-main .security {
  height: 28px;
  left: 1000px;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 502px;
  white-space: nowrap;
}

.c-main .span0-3 {
  color: var(--purple-heart);
}

.c-main .group-635 {
  align-items: center;
  display: flex;
  margin-right: 478.0px;
  margin-top: 100px;
  min-width: 722px;
}

.c-main .esg-management-1 {
  height: 239px;
  position: relative;
  width: 240px;
}

.c-main .overlap-group-3 {
  align-items: flex-start;
  background-color: var(--white);
  border: 3px solid;
  border-color: var(--lochmara);
  border-radius: 15px;
  display: flex;
  height: 239px;
  left: 0;
  min-width: 239px;
  padding: 16.9px 60.8px;
  position: absolute;
  top: 0;
}

.c-main .group-298 {
  align-items: flex-start;
  background-color: var(--white);
  border: 5px solid;
  border-color: var(--lochmara);
  border-radius: 55.82px;
  display: flex;
  height: 112px;
  min-width: 112px;
  padding: 12.5px 13.3px;
}

.c-main .image {
  height: 76px;
  object-fit: cover;
  width: 76px;
}

.c-main .esg-management-2 {
  left: -12px;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 155px;
  width: 265px;
}

.c-main .span0-5 {
  color: var(--lochmara);
}

.c-main .line-157 {
  height: 200px;
  margin-left: 37px;
  margin-top: 4.71px;
  width: 1px;
}

.c-main .frame-container-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-left: 29px;
  margin-top: 4.56px;
  min-height: 155px;
  width: 200px;
}

.c-main .frame-26 {
  align-items: center;
  background-color: #e0ebff;
  border: 1px solid;
  border-color: var(--mariner);
  border-radius: 10px;
  gap: 10px;
  height: 70px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.c-main .address {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.c-main .esg-compliance-esgrba {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.c-main .frame-404 {
  align-items: center;
  background-color: #e0ecff;
  border: 1px solid;
  border-color: var(--mariner);
  border-radius: 10px;
  gap: 10px;
  height: 70px;
  justify-content: center;
  margin-bottom: 80.44px;
  margin-left: 15px;
  padding: 10px 10px 10px 0px;
  position: relative;
}

.c-main .gri {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.c-main .environmental-1 {
  align-items: center;
  display: flex;
  height: 239px;
  margin-right: 478.5px;
  margin-top: 41px;
  min-width: 722px;
}

.c-main .group-311 {
  align-items: flex-end;
  background-color: var(--white);
  border: 3px solid;
  border-color: var(--jade);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  gap: 21px;
  min-height: 239px;
  padding: 37.2px 40.8px;
  width: 239px;
}

.c-main .group-303 {
  align-items: flex-start;
  align-self: center;
  background-color: var(--white);
  border: 5px solid;
  border-color: var(--jade);
  border-radius: 55.82px;
  display: flex;
  height: 112px;
  margin-right: 1.22px;
  margin-top: 4px;
  min-width: 112px;
  padding: 12.5px 13.3px;
}

.c-main .environmental-2 {
  height: 28px;
  letter-spacing: 0;
  line-height: 28px;
  min-width: 156px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.c-main .line-158 {
  height: 200px;
  margin-bottom: 0.67px;
  margin-left: 37px;
  width: 1px;
}

.c-main .group-310 {
  align-items: flex-start;
  display: flex;
  gap: 15px;
  height: 155px;
  margin-bottom: 2.21px;
  margin-left: 29px;
  min-width: 415px;
}

.c-main .frame-container {
  align-items: flex-start;
  flex-direction: column;
  gap: 15px;
  min-height: 155px;
}

.c-main .frame-26-1 {
  align-items: center;
  background-color: var(--aero-blue);
  border: 1px solid;
  border-color: var(--jade);
  border-radius: 10px;
  display: flex;
  gap: 10px;
  height: 70px;
  justify-content: center;
  padding: 10px;
  position: relative;
  width: 200px;
}

.c-main .ghglca {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.c-main .social-1 {
  align-items: center;
  display: flex;
  height: 239px;
  margin-right: 48.5px;
  margin-top: 37px;
  min-width: 1152px;
}

.c-main .group-315 {
  align-items: flex-start;
  background-color: var(--white);
  border: 3px solid;
  border-color: var(--mandarin-pearl);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  gap: 31px;
  min-height: 239px;
  padding: 33.7px 60.8px;
  width: 239px;
}

.c-main .group-314 {
  align-items: flex-start;
  background-color: var(--white);
  border: 5px solid;
  border-color: var(--international-orange);
  border-radius: 55.82px;
  display: flex;
  height: 112px;
  min-width: 112px;
  padding: 12.5px 13.3px;
}

.c-main .social-2 {
  align-self: center;
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 0;
  min-width: 66px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.c-main .line-159 {
  height: 200px;
  margin-bottom: 0.04px;
  margin-left: 37px;
  width: 1px;
}

.c-main .group-313 {
  align-items: flex-start;
  display: flex;
  gap: 15px;
  height: 155px;
  margin-left: 29px;
  margin-top: 20.42px;
  min-width: 845px;
}

.c-main .frame-2 {
  align-items: center;
  background-color: var(--pippin);
  border: 1px solid;
  border-color: var(--international-orange);
  border-radius: 10px;
  gap: 10px;
  height: 70px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.c-main .iso-9001 {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.c-main .as-9100 {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.c-main .governance-1 {
  align-items: center;
  display: flex;
  height: 239px;
  margin-right: 693.0px;
  margin-top: 37px;
  min-width: 507px;
}

.c-main .group-319 {
  align-items: flex-end;
  background-color: var(--white);
  border: 3px solid;
  border-color: var(--razzmatazz);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  gap: 34px;
  min-height: 239px;
  padding: 28.9px 52.7px;
  width: 239px;
}

.c-main .group-318 {
  align-items: flex-start;
  align-self: center;
  background-color: var(--white);
  border: 5px solid;
  border-color: var(--razzmatazz);
  border-radius: 55.82px;
  display: flex;
  height: 112px;
  margin-right: 6.0px;
  min-width: 112px;
  padding: 12.5px 13.3px;
}

.c-main .governance-2 {
  letter-spacing: 0;
  line-height: 28px;
  min-width: 133px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.c-main .line-160 {
  height: 200px;
  margin-left: 37px;
  margin-top: 10.59px;
  width: 1px;
}

.c-main .group-317 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-left: 29px;
  margin-top: 11.05px;
  min-height: 155px;
  width: 200px;
}

.c-main .frame-27 {
  align-items: center;
  background-color: var(--piggy-pink);
  border: 1px solid;
  border-color: var(--razzmatazz);
  border-radius: 10px;
  gap: 10px;
  height: 70px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.c-main .security-1 {
  align-items: center;
  display: flex;
  height: 239px;
  margin-right: 478.0px;
  margin-top: 37px;
  min-width: 722px;
}

.c-main .group-321 {
  align-items: flex-start;
  background-color: var(--white);
  border: 3px solid;
  border-color: var(--purple-heart);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  min-height: 239px;
  padding: 36.4px 60.8px;
  width: 239px;
}

.c-main .group-307 {
  align-items: flex-start;
  background-color: var(--white);
  border: 5px solid;
  border-color: var(--purple-heart);
  border-radius: 55.82px;
  display: flex;
  height: 112px;
  margin-top: 1px;
  min-width: 112px;
  padding: 12.5px 15.7px;
}

.c-main .security-2 {
  align-self: center;
  height: 28px;
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 0.8px;
  min-width: 91px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.c-main .line-161 {
  height: 200px;
  margin-bottom: 2.79px;
  margin-left: 37px;
  width: 1px;
}

.c-main .group-322 {
  align-items: flex-start;
  display: flex;
  gap: 15px;
  height: 155px;
  margin-bottom: 4.33px;
  margin-left: 29px;
  min-width: 415px;
}

.c-main .frame-27-1 {
  align-items: center;
  background-color: var(--blue-chalk-3);
  border: 1px solid;
  border-color: var(--purple-heart);
  border-radius: 10px;
  display: flex;
  gap: 10px;
  height: 70px;
  justify-content: center;
  padding: 10px;
  position: relative;
  width: 200px;
}

.c-main .tisax {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.c-main .address-13 {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.c-main .background-3 {
  display: flex;
  flex-direction: column;
}

.c-main .frame {
  display: flex;
  width: 200px;
}

.c-main .span0-6 {
  font-family: var(--font-family-pretendard_variable-medium);
  font-size: var(--font-size-xxxl);
  font-weight: 500;
}

.c-main .text {
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}