/* screen - sub-business */

.sub-business {
  /* align-items: flex-start; */
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  /* height: 2862px; */
  overflow: hidden;
  width: 1903px;
}

.sub-business .header {
  align-items: flex-start;
  display: flex;
  height: 492px;
  left: 0;
  min-width: 2317px;
  position: fixed;
  top: 0;
  z-index: 3;
}

.sub-business .overlap-group {
  height: 492px;
  position: relative;
  width: 2317px;
}

.sub-business .sub-menu {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 492px;
  position: absolute;
  top: 0;
  width: 2317px;
}

.sub-business .navbar {
  align-items: flex-end;
  align-self: center;
  display: flex;
  height: 70px;
  justify-content: flex-end;
  margin-right: 793.0px;
  min-width: 650px;
  padding: 22.5px 20px;
}

.sub-business .text {
  letter-spacing: 0;
  line-height: 16px;
  min-height: 21px;
  min-width: 58px;
  text-align: center;
  white-space: nowrap;
}

.sub-business .navbar-link-text-30 {
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 57px;
  min-height: 21px;
  min-width: 58px;
  text-align: center;
  white-space: nowrap;
}

.sub-business .text-1 {
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 53px;
  min-height: 21px;
  min-width: 76px;
  text-align: center;
  white-space: nowrap;
}

.sub-business .text-2 {
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 48px;
  min-height: 21px;
  min-width: 58px;
  text-align: center;
  white-space: nowrap;
}

.sub-business .text-3 {
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 37px;
  min-height: 21px;
  min-width: 58px;
  text-align: center;
  white-space: nowrap;
}

.sub-business .text-4 {
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 42px;
  min-height: 21px;
  min-width: 58px;
  text-align: center;
  white-space: nowrap;
}

.sub-business .line {
  background-color: #e3e3e3;
  height: 1px;
  width: 1903px;
}

.sub-business .gnb {
  display: flex;
  height: 20px;
  justify-content: space-between;
  left: 289px;
  position: absolute;
  top: 25px;
  width: 1310px;
}

.sub-business .img_logo_01 {
  margin-top: 0;
  object-fit: cover;
  width: 100px;
}

.sub-business .language {
  align-items: flex-end;
  display: flex;
  margin-top: 1px;
  min-width: 66px;
}

.sub-business .ko {
  color: var(--pickled-bluewood);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xs);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: -3.5px;
  min-height: 21px;
  min-width: 24px;
  white-space: nowrap;
}

.sub-business .split {
  align-self: center;
  background-color: var(--log-cabin);
  height: 12px;
  margin-left: 8px;
  margin-top: 1.0px;
  width: 1px;
}

.sub-business .en {
  color: var(--log-cabin);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xs);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: -3.5px;
  margin-left: 10px;
  min-height: 21px;
  min-width: 23px;
  opacity: 0.4;
  white-space: nowrap;
}

.sub-business .header-1 {
  align-items: flex-start;
  display: flex;
  height: 492px;
  left: 0;
  min-width: 2317px;
  position: fixed;
  top: 0;
  z-index: 4;
}

.sub-business .overlap-group-2 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  height: 70px;
  min-width: 1903px;
  padding: 0 437px;
}

.sub-business .gnb-top-menu {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 70px;
  padding: 0 20px;
  width: 650px;
}

.sub-business .text-container {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  height: 21px;
  margin-top: 26px;
  min-width: 603px;
}

.sub-business .text-87 {
  color: var(--pickled-bluewood);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 57px;
  min-height: 21px;
  min-width: 58px;
  text-align: center;
  white-space: nowrap;
}

.sub-business .hover-line {
  background-color: var(--pickled-bluewood);
  height: 4px;
  margin-left: 90px;
  width: 120px;
}

.sub-business .gnb-1 {
  display: flex;
  height: 20px;
  justify-content: space-between;
  left: 289px;
  position: absolute;
  top: 25px;
  width: 1310px;
}

.sub-business .ko-1 {
  color: var(--pickled-bluewood);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xs);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: -3.5px;
  min-height: 21px;
  min-width: 24px;
  white-space: nowrap;
}

.sub-business .en-1 {
  color: var(--log-cabin);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xs);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: -3.5px;
  margin-left: 10px;
  min-height: 21px;
  min-width: 23px;
  opacity: 0.4;
  white-space: nowrap;
}

.sub-business .overlap-group5 {
  height: 2329px;
  margin-top: 172px;
  position: relative;
  width: 1903px;
  z-index: 2;
}

.sub-business .body {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 2329px;
  position: absolute;
  top: 0;
  width: 1903px;
  z-index: 2;
}

.sub-business .one4-u-technology {
  color: var(--pickled-bluewood);
  font-family: var(--font-family-pretendard);
  font-size: 28px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 4.0px;
  margin-top: 2px;
  min-height: 35px;
  min-width: 266px;
  text-align: center;
  white-space: nowrap;
}

.sub-business .span {
  font-family: var(--font-family-pretendard-black);
}

.sub-business .span1 {
  color: #b85766;
  font-family: var(--font-family-pretendard-black);
}

.sub-business .text-59 {
  color: var(--pickled-bluewood);
  font-family: var(--font-family-pretendard-bold);
  font-size: 46px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 2.0px;
  margin-top: 72px;
  min-height: 56px;
  min-width: 1112px;
  text-align: center;
  white-space: nowrap;
}

.sub-business .x {
  color: var(--pickled-bluewood);
  font-family: var(--font-family-pretendard-regular);
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 40px;
  margin-left: 2.0px;
  margin-top: 40px;
  min-height: 75px;
  min-width: 964px;
  text-align: center;
  white-space: nowrap;
}

.sub-business .one4-u-next-generation-technology {
  color: var(--pickled-bluewood);
  font-family: var(--font-family-pretendard-bold);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 2.0px;
  margin-top: 750px;
  min-height: 49px;
  min-width: 684px;
  text-align: center;
  white-space: nowrap;
}

.sub-business .text_label {
  color: var(--pickled-bluewood);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 38px;
  margin-left: 2.0px;
  margin-top: 20px;
  min-height: 107px;
  min-width: 1122px;
  text-align: center;
  white-space: nowrap;
}

.sub-business .x35 {
  position: absolute;
  background-color: #f5f7fc;
  height: 800px;
  margin-top: 1670px;
  width: 1903px;
  z-index: 1;
}

.sub-business .x69 {
  background-color: var(--link-water);
  border-radius: 20px;
  height: 380px;
  left: 340px;
  position: absolute;
  top: 1791px;
  width: 600px;
}

.sub-business .x70 {
  background-color: var(--link-water);
  border-radius: 20px;
  height: 380px;
  left: 980px;
  position: absolute;
  top: 1791px;
  width: 600px;
}

.sub-business .btn_more-1 {
  left: 1040px;
}

.sub-business .text-6 {
  height: 26px;
  letter-spacing: 0;
  line-height: 24px;
  /* margin-bottom: -12.2px; */
  margin-bottom: 12px;
  margin-left: 24px;
  white-space: nowrap;
  width: 88px;
}

.sub-business .ic_right {
  height: 20px;
  /* margin-bottom: -9.5px; */
  margin-bottom: 18px;
  margin-right: 24px;
  object-fit: cover;
  width: 10px;
}

.sub-business .web-rtc {
  height: 122px;
  left: 1040px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: 1912px;
  width: 482px;
}

.sub-business .text-61 {
  height: 42px;
  left: 1090px;
  letter-spacing: 0;
  line-height: 30px;
  overflow: hidden;
  position: absolute;
  top: 1857px;
  width: 320px;
}

.sub-business .x28 {
  align-items: flex-start;
  background-image: url(../img/icon-material-call-to-action-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 34px;
  justify-content: flex-end;
  left: 1040px;
  min-width: 34px;
  padding: 7.0px 8.0px;
  position: absolute;
  top: 1854px;
}

.sub-business .overlap-group3 {
  background-image: url(../img/icon-feather-shield@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 20px;
  position: relative;
  width: 18px;
}

.sub-business .x52 {
  height: 10px;
  left: 2px;
  object-fit: cover;
  position: absolute;
  top: 5px;
  width: 14px;
}

.sub-business .x59 {
  background-color: var(--pickled-bluewood);
  border-radius: 2px;
  height: 4px;
  left: 7px;
  position: absolute;
  top: 8px;
  width: 4px;
}

.sub-business .btn_more-2 {
  left: 400px;
}

.sub-business .ai-i {
  height: 122px;
  left: 400px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: 1912px;
  width: 482px;
}

.sub-business .ict {
  height: 42px;
  left: 450px;
  letter-spacing: 0;
  line-height: 30px;
  overflow: hidden;
  position: absolute;
  top: 1857px;
  width: 260px;
}

.sub-business .x27 {
  align-items: flex-end;
  background-image: url(../img/icon-material-call-to-action-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 34px;
  justify-content: flex-end;
  left: 400px;
  min-width: 34px;
  padding: 6.0px 6.0px;
  position: absolute;
  top: 1854px;
}

.sub-business .x3 {
  height: 21px;
  object-fit: cover;
  width: 22px;
}

.sub-business .x30 {
  align-items: flex-start;
  background-color: var(--link-water);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  left: 340px;
  min-height: 380px;
  padding: 50px 58px;
  position: absolute;
  top: 1351px;
  width: 600px;
  z-index: 2;
}

.sub-business .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  height: 45px;
  margin-left: 2.0px;
  margin-top: 13px;
  min-width: 330px;
}

.sub-business .x26 {
  align-items: center;
  background-image: url(../img/icon-material-call-to-action-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 34px;
  justify-content: flex-end;
  min-width: 34px;
  padding: 0 5.0px;
}

.sub-business .overlap-group-3 {
  background-image: url(../img/icon-awesome-brain@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 20px;
  position: relative;
  width: 24px;
}

.sub-business .x52-1 {
  height: 6px;
  left: 9px;
  object-fit: cover;
  position: absolute;
  top: 7px;
  width: 6px;
}

.sub-business .x53 {
  height: 18px;
  left: 3px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 18px;
}

.sub-business .ai {
  align-self: flex-end;
  height: 42px;
  letter-spacing: 0;
  line-height: 30px;
  overflow: hidden;
  width: 280px;
}

.sub-business .ai-face-recognit {
  align-self: flex-end;
  height: 122px;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: 13px;
  width: 482px;
}

.sub-business .btn_more {
  align-items: flex-end;
  align-self: center;
  background-color: var(--white);
  border-radius: 20px;
  display: flex;
  height: 60px;
  justify-content: space-between;
  margin-top: 27px;
  width: 480px;
  cursor: pointer;
}

.sub-business .x29 {
  align-items: flex-start;
  background-color: var(--link-water);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  left: 980px;
  min-height: 380px;
  padding: 50px 58px;
  position: absolute;
  top: 1351px;
  width: 600px;
  z-index: 2;
}

.sub-business .flex-row-1 {
  gap: 16px;
  height: 45px;
  margin-left: 2.0px;
  margin-top: 13px;
  min-width: 310px;
}

.sub-business .x25 {
  align-items: center;
  background-image: url(../img/icon-material-call-to-action-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-height: 34px;
  padding: 5px 0;
  width: 34px;
}

.sub-business .icon-metro-wifi-mid {
  height: 9px;
  margin-right: 0;
  margin-top: 2px;
  object-fit: cover;
  width: 12px;
}

.sub-business .flex-row-2 {
  gap: 1px;
  min-width: 26px;
}

.sub-business .overlap-group-1 {
  height: 12px;
  position: relative;
  width: 11px;
}

.sub-business .icon-awesome-user-alt {
  height: 12px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 10px;
}

.sub-business .x57 {
  background-color: var(--link-water);
  border-radius: 1px;
  height: 2px;
  left: 9px;
  position: absolute;
  top: 2px;
  width: 2px;
}

.sub-business .x56 {
  background-color: var(--link-water);
  border-radius: 1px;
  height: 2px;
  margin-top: 2px;
  width: 2px;
}

.sub-business .icon-awesome-user-alt-1 {
  height: 12px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 10px;
}

.sub-business .x58 {
  background-color: var(--link-water);
  border-radius: 1px;
  height: 2px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 2px;
}

.sub-business .text-65 {
  align-self: flex-end;
  height: 42px;
  letter-spacing: 0;
  line-height: 30px;
  overflow: hidden;
  width: 260px;
}

.sub-business .pstn-vo-ip-ip-pbx {
  align-self: flex-end;
  height: 122px;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: 13px;
  width: 482px;
}

.sub-business .main-banner {
  height: 580px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 348px;
  width: 1903px;
}

.sub-business .footer {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  min-height: 261px;
  width: 1903px;
  z-index: 1;
}

.sub-business .navbar-link-text-container {
  align-items: flex-start;
  background-color: #171e39;
  display: flex;
  gap: 78px;
  height: 100px;
  min-width: 1903px;
  padding: 36.5px 286px;
}

.sub-business .navbar-link-text-5 {
  letter-spacing: 0;
  line-height: 28px;
  min-height: 21px;
  min-width: 102px;
  text-align: center;
  white-space: nowrap;
}

.sub-business .navbar-link-text-6 {
  letter-spacing: 0;
  line-height: 28px;
  min-height: 21px;
  min-width: 112px;
  text-align: center;
  white-space: nowrap;
}

.sub-business .navbar-link-text {
  letter-spacing: 0;
  line-height: 28px;
  min-height: 21px;
  min-width: 58px;
  text-align: center;
  white-space: nowrap;
}

.sub-business .split-1 {
  background-color: #292f48;
  height: 1px;
  width: 1903px;
}

.sub-business .overlap-group-4 {
  align-items: flex-start;
  background-color: #171e39;
  display: flex;
  height: 160px;
  justify-content: flex-end;
  min-width: 1903px;
  padding: 28px 235px;
}

.sub-business .address {
  color: var(--white);
  font-family: var(--font-family-pretendard-light);
  font-size: var(--font-size-xxl);
  font-weight: 300;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 10px;
  min-height: 38px;
  min-width: 563px;
  opacity: 0.4;
  white-space: nowrap;
}

.sub-business .text-3-1 {
  color: var(--white);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-s);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 219px;
  min-height: 26px;
  min-width: 71px;
  opacity: 0.6;
  white-space: nowrap;
}

.sub-business .text-2-1 {
  color: var(--white);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 18px;
  min-height: 26px;
  min-width: 145px;
  white-space: nowrap;
}

.sub-business .text-1-1 {
  color: var(--white);
  font-family: var(--font-family-pretendard-light);
  font-size: var(--font-size-xxl);
  font-weight: 300;
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 14px;
  min-height: 18px;
  white-space: nowrap;
}

.sub-business .btn_more-3 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 20px;
  display: flex;
  height: 60px;
  justify-content: space-between;
  position: absolute;
  top: 2061px;
  width: 480px;
  cursor: pointer;
}

.sub-business .flex-row-3 {
  align-items: flex-start;
  display: flex;
}