/* screen - it-main */

.it-main {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 2248px;
  overflow: hidden;
  padding: 95px 0;
  width: 1920px;
}

.it-main .navsub {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  margin-right: 34px;
  position: relative;
}

.it-main .text_label {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 37px;
}

.it-main .group-283 {
  height: 1000px;
  margin-top: 216px;
  position: relative;
  width: 1923px;
}

.it-main .overlap-group2 {
  height: 1000px;
  left: 3px;
  position: absolute;
  top: 0;
  width: 1920px;
}

.it-main .x1 {
  height: 1000px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1917px;
}

.it-main .rectangle-200 {
  background-color: #000000b2;
  height: 1000px;
  width: 1920px;
}

.it-main .line-60 {
  height: 1px;
  left: 241px;
  object-fit: cover;
  position: absolute;
  top: 610px;
  width: 1440px;
}

.it-main .group-284 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 19px;
  left: 1133px;
  min-height: 139px;
  position: absolute;
  top: 372px;
  width: 403px;
}

.it-main .heading-6-prms {
  color: var(--white);
  font-family: var(--font-family-pretendard_variable-regular);
  font-size: 22px;
  font-weight: 400;
  height: 30px;
  letter-spacing: 0;
  line-height: 62.4px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: 350px;
}

.it-main .span1 {
  font-family: var(--font-family-pretendard_variable-semibold);
  font-weight: 600;
}

.it-main .text-663 {
  color: #f0f0f0e6;
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-xxxl);
  font-weight: 700;
  height: 90px;
  letter-spacing: 0;
  line-height: 30px;
  margin-left: 0.22px;
  min-width: 403px;
  position: relative;
}

.it-main .esg {
  left: 245px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 720px;
  width: 1200px;
}

.it-main .group-285 {
  height: 817px;
  position: relative;
  width: 1923px;
}

.it-main .overlap-group1 {
  height: 815px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 1923px;
}

.it-main .component-9 {
  align-items: flex-start;
  display: flex;
  height: 815px;
  left: 0;
  min-width: 1923px;
  position: absolute;
  top: 0;
}

.it-main .overlap-group {
  height: 815px;
  position: relative;
  width: 1923px;
}

.it-main .image {
  height: 815px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1922px;
}

.it-main .rectangle-199 {
  background-color: #0f2e5dcc;
  height: 815px;
  width: 1923px;
}

.it-main .x {
  align-items: center;
  background-color: var(--green-blue);
  border-radius: 50px;
  box-shadow: 4px 4px 4px #00000040;
  display: flex;
  gap: 10px;
  height: 100px;
  justify-content: center;
  left: 700px;
  padding: 30px 42px;
  position: absolute;
  top: 208px;
  width: 501px;
}

.it-main .it {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.it-main .line-58 {
  height: 100px;
  left: 950px;
  position: absolute;
  top: 308px;
  width: 2px;
}

.it-main .group-281 {
  height: 308px;
  left: 500px;
  position: absolute;
  top: 408px;
  width: 909px;
}

.it-main .group-90 {
  height: 60px;
  left: 776px;
  position: absolute;
  top: 100px;
  width: 350px;
}

.it-main .frame-70 {
  align-items: center;
  display: flex;
  height: 30px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 350px;
}

.it-main .heading-6-prms-1 {
  font-family: var(--font-family-pretendard_variable-regular);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  height: 30px;
  line-height: 62.4px;
  margin-top: -1.00px;
  position: relative;
  width: 350px;
}

.it-main .line-5 {
  height: 1px;
  left: 163px;
  object-fit: cover;
  position: absolute;
  top: 59px;
  width: 23px;
}

.it-main .line-1 {
  height: 1px;
  left: 239px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1442px;
}

.it-main .heading-6-prms-2 {
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-s);
  font-weight: 500;
  height: 20px;
  left: 637px;
  line-height: 45px;
  position: absolute;
  top: 718px;
  width: 179px;
}

.it-main .heading-6-prms-3 {
  color: var(--white);
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}

.it-main .rectangle {
  left: 0;
  position: absolute;
  top: 0;
}