html {
  scroll-behavior: smooth;
}
@font-face {
  font-family: 'Paperlogy-7Bold';
  src: url('fonts/Paperlogy-7Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Paperlogy-6SemiBold';
  src: url('fonts/Paperlogy-6SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Paperlogy-9Black';
  src: url('fonts/Paperlogy-9Black.woff2') format('woff2');
}
@font-face {
  font-family: 'Paperlogy-3Light';
  src: url('fonts/Paperlogy-3Light.woff2') format('woff2');
}
@font-face {
  font-family: 'Pretendard-ExtraBold';
  src: url('fonts/Pretendard-ExtraBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Pretendard-Black';
  src: url('fonts/Pretendard-Black.woff2') format('woff2');
}
@font-face {
  font-family: 'SuitVariable-Regular';
  src: url('fonts/SUIT-Variable.woff2') format('woff2');
}
@font-face {
  font-family: 'SuitVariable-Medium';
  src: url('fonts/SUIT-VariableMedium.woff2') format('woff2');
}
@font-face {
  font-family: 'SuitVariable-Bold';
  src: url('fonts/SUIT-VariableBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter-Regular';
  src: url('fonts/Inter-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter-Medium';
  src: url('fonts/Inter-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter-Bold';
  src: url('fonts/Inter-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter-SemiBold';
  src: url('fonts/Inter-SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter-Black';
  src: url('fonts/Inter-Black.woff2') format('woff2');
}
@font-face {
  font-family: 'SuitVariable-Heavy';
  src: url('fonts/SUIT-VariableHeavy.woff2') format('woff2');
}
.desktop,
.desktop * {
  box-sizing: border-box;
}
.desktop {
  background: linear-gradient(to left, #ffffff, #ffffff);
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  min-height: 1080px;
  position: relative;
  overflow-y: auto;
}
.header-1 {
  background: #ffffff;
  padding: 24px 64px 24px 64px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.logo {
  flex-shrink: 0;
  width: 222px;
  height: 40px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 222/40;
}
.nav {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.<a href="../home/index.html">회사소개</a> {
  color: #3563e9;
  text-align: center;
  font-family: "Paperlogy-7Bold", sans-serif;
  font-size: 16px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.div {
  color: #000000;
  text-align: center;
  font-family: "Paperlogy-6SemiBold", sans-serif;
  font-size: 16px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
._2 {
  padding: 230px 193px 230px 193px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 396px;
  position: relative;
}
.solutions {
  color: #ffffff;
  text-align: center;
  font-family: "Paperlogy-9Black", sans-serif;
  font-size: 80px;
  line-height: 110%;
  letter-spacing: -0.05em;
  font-weight: 400;
  position: relative;
  width: 894px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container {
  padding: 120px 64px 80px 64px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 1214px;
  max-width: 1214px;
  position: relative;
}
.text {
  display: flex;
  flex-direction: column;
  gap: 52px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.div2 {
  color: #003b8f;
  text-align: left;
  font-family: "Pretendard-Black", sans-serif;
  font-size: 64px;
  line-height: 110%;
  letter-spacing: -0.02em;
  font-weight: 900;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.rounded-bar-75x5-colored {
  flex-shrink: 0;
  position: relative;
  overflow: visible;
}
.images {
  margin: -30px 0 0 0;
  padding: 32px 30px 32px 30px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
._22 {
  flex-shrink: 0;
  width: 1217.46px;
  height: 455.62px;
  position: relative;
}
.div3 {
  position: absolute;
  inset: 0;
}
.hand-using-laptop-computer-with-virtual-screen-and-document-for-online-approve-paperless-quality-assurance-and-erp-management-concept {
  border-radius: 20px;
  width: 505px;
  height: 455px;
  position: absolute;
  left: 0.4px;
  top: -0.1px;
  object-fit: cover;
}
.div4 {
  color: #ffffff;
  text-align: left;
  font-family: "Pretendard-Black", sans-serif;
  font-size: 44.54128646850586px;
  letter-spacing: 0.14px;
  font-weight: 900;
  position: absolute;
  left: calc(50% - 565.12px);
  top: 20.9px;
  width: 418.5px;
  height: 106.71px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div5 {
  color: #ffffff;
  text-align: left;
  font-family: "Pretendard-Medium", sans-serif;
  font-size: 18.558870315551758px;
  letter-spacing: 0.14px;
  font-weight: 500;
  position: absolute;
  left: 43.61px;
  top: 316.54px;
  width: 418.5px;
  height: 65.88px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button-text {
  padding: 8px 22px 8px 0px;
  width: 142px;
  height: 40px;
  position: absolute;
  left: calc(50% - 565.33px);
  top: calc(50% - -164.09px);
}
.button {
  color: #faf9f9;
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 16px;
  letter-spacing: 0.46px;
  font-weight: 600;
  position: absolute;
  left: 0px;
  top: 10.5px;
}
.icon-feather-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 87px;
  top: 8px;
  overflow: visible;
}
.mask-group {
  width: 506.5px;
  height: 454.69px;
  position: absolute;
  left: calc(50% - 78.88px);
  top: 0px;
  overflow: visible;
}
.div6 {
  color: #ffffff;
  text-align: left;
  font-family: "Pretendard-Black", sans-serif;
  font-size: 44.54128646850586px;
  letter-spacing: 0.14px;
  font-weight: 900;
  position: absolute;
  left: calc(50% - 35.33px);
  top: 20.9px;
  width: 463px;
  height: 106px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div7 {
  color: #ffffff;
  text-align: left;
  font-family: "Pretendard-Medium", sans-serif;
  font-size: 18.558870315551758px;
  letter-spacing: 0.14px;
  font-weight: 500;
  position: absolute;
  left: 573.31px;
  top: 316.54px;
  width: 418.5px;
  height: 65.88px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button-text2 {
  padding: 8px 22px 8px 0px;
  width: 142px;
  height: 40px;
  position: absolute;
  left: calc(50% - 35.33px);
  top: calc(50% - -164.09px);
}
.icon-feather-icon2 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 87px;
  top: 8px;
  overflow: visible;
}
._1 {
  border-radius: 20px;
  width: 506px;
  height: 455px;
  position: absolute;
  left: 1060.4px;
  top: -0.1px;
  object-fit: cover;
  aspect-ratio: 506/455;
}
.div8 {
  color: #ffffff;
  text-align: left;
  font-family: "Pretendard-Black", sans-serif;
  font-size: 44.54128646850586px;
  letter-spacing: 0.14px;
  font-weight: 900;
  position: absolute;
  left: calc(50% - -495.52px);
  top: 46.41px;
  width: 418.5px;
  height: 106.71px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div9 {
  color: #ffffff;
  text-align: left;
  font-family: "Pretendard-Medium", sans-serif;
  font-size: 18.558870315551758px;
  letter-spacing: 0.14px;
  font-weight: 500;
  position: absolute;
  left: 1104.25px;
  top: 316.54px;
  width: 418.5px;
  height: 65.88px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button-text3 {
  padding: 8px 22px 8px 0px;
  width: 142px;
  height: 40px;
  position: absolute;
  left: calc(50% - -495.67px);
  top: calc(50% - -164.09px);
}
.icon-feather-icon3 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 87px;
  top: 8px;
  overflow: visible;
}
._23 {
  border-radius: 19.49px;
  width: 505.73px;
  height: 454.69px;
  position: absolute;
  left: calc(50% - -981.76px);
  top: 0px;
  object-fit: cover;
  aspect-ratio: 505.73/454.69;
}
.div10 {
  color: #ffffff;
  text-align: left;
  font-family: "Pretendard-Black", sans-serif;
  font-size: 42.685401916503906px;
  letter-spacing: -0.93px;
  font-weight: 900;
  position: absolute;
  left: calc(50% - -1025.38px);
  top: 46.41px;
  width: 418.5px;
  height: 106.71px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div11 {
  color: #ffffff;
  text-align: left;
  font-family: "Pretendard-Medium", sans-serif;
  font-size: 18.558870315551758px;
  letter-spacing: 0.14px;
  font-weight: 500;
  position: absolute;
  left: 1634.4px;
  top: 316.9px;
  width: 438px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button-text4 {
  padding: 8px 22px 8px 0px;
  width: 142px;
  height: 40px;
  position: absolute;
  left: calc(50% - -1024.67px);
  top: calc(50% - -164.09px);
}
.icon-feather-icon4 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 87px;
  top: 8px;
  overflow: visible;
}
.div12 {
  padding: 0px 151.09px 123.79px 151.09px;
  align-self: stretch;
  flex-shrink: 0;
  height: 841px;
  position: relative;
}
.frame-1152 {
  width: 1440px;
  height: 841px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 0px;
  overflow: hidden;
}
.rounded-bar-75x5-colored_1 {
  position: absolute;
  left: calc(50% - 570.45px);
  top: calc(50% - 149.62px);
  overflow: visible;
}
.div13 {
  color: #003b8f;
  text-align: left;
  font-family: "Pretendard-Black", sans-serif;
  font-size: 53.90748596191406px;
  letter-spacing: 1.08px;
  font-weight: 900;
  position: absolute;
  left: calc(50% - 575.84px);
  top: calc(50% - 249.9px);
  width: 675.64px;
}
.div14 {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 17.969161987304688px;
  line-height: 25.16px;
  letter-spacing: 0.18px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 575.84px);
  top: calc(50% - 113.68px);
  width: 635.21px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._1-1 {
  border-radius: 17.97px;
  border-style: solid;
  border-color: transparent;
  border-width: 0.45px;
  width: 460.81px;
  height: 293.86px;
  position: absolute;
  left: 839.57px;
  top: 107.36px;
  object-fit: cover;
  aspect-ratio: 460.81/293.86;
}
._12 {
  width: 350.4px;
  height: 100.63px;
  position: absolute;
  left: 133.38px;
  top: 484.72px;
  overflow: hidden;
}
.wai-aria {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 16.242515563964844px;
  line-height: 22.74px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 175.63px);
  top: calc(50% - -4.49px);
  width: 414.18px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ui {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 21.5629940032959px;
  line-height: 22.74px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 111.44px);
  top: calc(50% - 43.67px);
  width: 230.43px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector {
  width: 11.32%;
  height: 35.49%;
  position: absolute;
  right: 86.37%;
  left: 2.31%;
  bottom: 64.51%;
  top: 0%;
  overflow: visible;
}
._24 {
  width: 350.4px;
  height: 102.42px;
  position: absolute;
  left: 133.38px;
  top: 614.09px;
  overflow: hidden;
}
.div15 {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 16.242515563964844px;
  line-height: 22.74px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 175.63px);
  top: calc(50% - -5.39px);
  width: 414.18px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div16 {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 21.5629940032959px;
  line-height: 22.74px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 111.44px);
  top: calc(50% - 43.06px);
  width: 265.46px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector2 {
  width: 11.79%;
  height: 40.35%;
  position: absolute;
  right: 85.9%;
  left: 2.31%;
  bottom: 59.65%;
  top: 0%;
  overflow: visible;
}
._3 {
  width: 350.4px;
  height: 102.42px;
  position: absolute;
  left: 547.56px;
  top: 484.72px;
  overflow: hidden;
}
.solr {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 16.242515563964844px;
  line-height: 22.74px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 175.2px);
  top: calc(50% - -5.39px);
  width: 414.18px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div17 {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 21.5629940032959px;
  line-height: 22.74px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 110.98px);
  top: calc(50% - 43.13px);
  width: 238.99px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector3 {
  width: 11.28%;
  height: 40.35%;
  position: absolute;
  right: 85.52%;
  left: 3.2%;
  bottom: 59.65%;
  top: 0%;
  overflow: visible;
}
._4 {
  width: 350.4px;
  height: 127.58px;
  position: absolute;
  left: 547.56px;
  top: 614.99px;
  overflow: hidden;
}
.open-api-json-xml {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 16.242515563964844px;
  line-height: 22.74px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 175.2px);
  top: calc(50% - 4.49px);
  width: 326.14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div18 {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 21.5629940032959px;
  line-height: 22.74px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 110.98px);
  top: calc(50% - 54.81px);
  width: 238.99px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector4 {
  width: 12.05%;
  height: 33.1%;
  position: absolute;
  right: 86.8%;
  left: 1.15%;
  bottom: 66.9%;
  top: 0%;
  overflow: visible;
}
._5 {
  width: 350.4px;
  height: 105.12px;
  position: absolute;
  left: 934.8px;
  top: 614.87px;
  overflow: hidden;
}
.o-auth-2-0-sso-mfa {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 16.242515563964844px;
  line-height: 22.74px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 175.2px);
  top: calc(50% - -6.74px);
  width: 453.72px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div19 {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 21.5629940032959px;
  line-height: 22.74px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 111.41px);
  top: calc(50% - 43.58px);
  width: 238.99px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector5 {
  width: 9.74%;
  height: 40.17%;
  position: absolute;
  right: 87.95%;
  left: 2.31%;
  bottom: 59.83%;
  top: 0%;
  overflow: visible;
}
._6 {
  width: 350.4px;
  height: 102.42px;
  position: absolute;
  left: 934.8px;
  top: 484.72px;
  overflow: hidden;
}
.div20 {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 16.242515563964844px;
  line-height: 22.74px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 166.22px);
  top: calc(50% - -5.39px);
  width: 414.18px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div21 {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 21.5629940032959px;
  line-height: 22.74px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 101.99px);
  top: calc(50% - 43.13px);
  width: 238.99px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector6 {
  width: 14.32%;
  height: 38.6%;
  position: absolute;
  right: 84.87%;
  left: 0.81%;
  bottom: 61.4%;
  top: 0%;
  overflow: visible;
}
.div22 {
  align-self: stretch;
  flex-shrink: 0;
  height: 1142px;
  position: relative;
  overflow: hidden;
}
.rounded-bar-75x5-colored_2 {
  position: absolute;
  left: calc(50% - 579.42px);
  top: calc(50% - 318.86px);
  overflow: visible;
}
.div23 {
  color: #003b8f;
  text-align: left;
  font-family: "Pretendard-Black", sans-serif;
  font-size: 54.77277374267578px;
  letter-spacing: 1.1px;
  font-weight: 900;
  position: absolute;
  left: calc(50% - 584.9px);
  top: calc(50% - 433.44px);
  width: 686.49px;
}
.mrv {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 18.257593154907227px;
  line-height: 25.56px;
  letter-spacing: 0.18px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 584px);
  top: calc(50% - 269.54px);
  width: 517px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._13 {
  width: 381.58px;
  height: 108.63px;
  position: absolute;
  left: calc(50% - 584.9px);
  top: 421.94px;
  overflow: hidden;
}
.div24 {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 16.503231048583984px;
  line-height: 23.1px;
  letter-spacing: 0.17px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 190.79px);
  top: calc(50% - -7.76px);
  width: 394.36px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div25 {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 21.909109115600586px;
  line-height: 23.1px;
  letter-spacing: 0.17px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 125.98px);
  top: calc(50% - 41.54px);
  width: 195.36px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector7 {
  width: 10.53%;
  height: 36.97%;
  position: absolute;
  right: 87.32%;
  left: 2.15%;
  bottom: 60.5%;
  top: 2.52%;
  overflow: visible;
}
._25 {
  width: 394.36px;
  height: 116.85px;
  position: absolute;
  left: calc(50% - 584.9px);
  top: 560.7px;
  overflow: hidden;
}
.div26 {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 16.503231048583984px;
  line-height: 23.1px;
  letter-spacing: 0.17px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 197.18px);
  top: calc(50% - -11.87px);
  width: 397.1px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div27 {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 21.909109115600586px;
  line-height: 23.1px;
  letter-spacing: 0.17px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 132.37px);
  top: calc(50% - 42.91px);
  width: 242.83px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.hugeicons-algorithm {
  width: 52.95px;
  height: 52.95px;
  position: absolute;
  left: 0px;
  top: -3.65px;
  overflow: hidden;
  aspect-ratio: 1;
}
.group {
  width: 65.09%;
  height: 72.32%;
  position: absolute;
  right: 17.67%;
  left: 17.25%;
  bottom: 8.33%;
  top: 19.35%;
  overflow: visible;
}
._32 {
  width: 401.67px;
  height: 109.55px;
  position: absolute;
  left: calc(50% - 584.9px);
  top: 714.97px;
  overflow: hidden;
}
.ipcc-api {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 16.503231048583984px;
  line-height: 23.1px;
  letter-spacing: 0.17px;
  font-weight: 400;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - -8.22px);
  width: 401.67px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.mrv2 {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 21.909109115600586px;
  line-height: 23.1px;
  letter-spacing: 0.17px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 136.02px);
  top: calc(50% - 45.64px);
  width: 261.08px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector8 {
  width: 8.86%;
  height: 32.5%;
  position: absolute;
  right: 88.41%;
  left: 2.73%;
  bottom: 65%;
  top: 2.5%;
  overflow: visible;
}
._42 {
  width: 401.67px;
  height: 109.55px;
  position: absolute;
  left: calc(50% - 584.9px);
  top: 861.95px;
  overflow: hidden;
}
.pdf-excel {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 16.503231048583984px;
  line-height: 23.1px;
  letter-spacing: 0.17px;
  font-weight: 400;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - -8.22px);
  width: 401.67px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div28 {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 21.909109115600586px;
  line-height: 23.1px;
  letter-spacing: 0.17px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 136.02px);
  top: calc(50% - 45.64px);
  width: 261.08px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector9 {
  width: 8.41%;
  height: 30.83%;
  position: absolute;
  right: 88.64%;
  left: 2.95%;
  bottom: 65.83%;
  top: 3.33%;
  overflow: visible;
}
._02-1 {
  border-radius: 17.52px;
  width: 566.2px;
  height: 498.07px;
  position: absolute;
  left: calc(50% - -16.8px);
  top: calc(50% - 476.52px);
  object-fit: cover;
  aspect-ratio: 566.2/498.07;
}
.div29 {
  border-radius: 18.73px;
  width: 441.57px;
  height: 200.42px;
  position: absolute;
  left: calc(50% - -17.03px);
  top: calc(50% - -41.38px);
  box-shadow: 6.56px 8.43px 28.1px 0px rgba(0, 0, 0, 0.25);
  object-fit: cover;
  aspect-ratio: 441.57/200.42;
}
.div30 {
  border-radius: 18.73px;
  width: 440.94px;
  height: 185.43px;
  position: absolute;
  left: calc(50% - -141.91px);
  top: calc(50% - -267.09px);
  box-shadow: 6.56px 8.43px 28.1px 0px rgba(0, 0, 0, 0.25);
  object-fit: cover;
  aspect-ratio: 440.94/185.43;
}
.div31 {
  padding: 76.03px 110.15px 76.03px 110.15px;
  align-self: stretch;
  flex-shrink: 0;
  height: 958px;
  position: relative;
}
.rounded-bar-75x5-colored_3 {
  position: absolute;
  left: calc(50% - 573.35px);
  top: calc(50% - 283.52px);
  overflow: visible;
}
.div32 {
  color: #003b8f;
  text-align: left;
  font-family: "Pretendard-Black", sans-serif;
  font-size: 54.23697280883789px;
  letter-spacing: 1.08px;
  font-weight: 900;
  position: absolute;
  left: calc(50% - 578.77px);
  top: calc(50% - 448.04px);
  width: 679.77px;
}
.li-dar {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 18.078990936279297px;
  line-height: 25.31px;
  letter-spacing: 0.18px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -45.86px);
  top: calc(50% - 331.43px);
  width: 517.06px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._256168-small-1 {
  border-radius: 18.08px;
  width: 1166.9px;
  height: 403.19px;
  position: absolute;
  left: calc(50% - 578.77px);
  top: calc(50% - 208.49px);
  object-fit: cover;
  aspect-ratio: 1166.9/403.19;
}
._14 {
  width: 376.51px;
  height: 130.76px;
  position: absolute;
  left: calc(50% - 573.7px);
  top: calc(50% - -266.15px);
  overflow: hidden;
}
.li-dar-3-d {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 16.3417911529541px;
  line-height: 22.88px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 188.34px);
  top: calc(50% - 4.44px);
  width: 416.72px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div33 {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 21.69478988647461px;
  line-height: 22.88px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 123.34px);
  top: calc(50% - 58.89px);
  width: 229.06px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector10 {
  width: 10.08%;
  height: 29.04%;
  position: absolute;
  right: 87.18%;
  left: 2.73%;
  bottom: 71.02%;
  top: -0.05%;
  overflow: visible;
}
._33 {
  width: 364.29px;
  height: 108.47px;
  position: absolute;
  left: calc(50% - 168.38px);
  top: calc(50% - -259.75px);
  overflow: hidden;
}
.web-gl-3-d {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 16.3417911529541px;
  line-height: 22.88px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 182.15px);
  top: calc(50% - -8.14px);
  width: 416.72px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._3-d {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 21.69478988647461px;
  line-height: 22.88px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 117.53px);
  top: calc(50% - 51.53px);
  width: 240.45px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector11 {
  width: 12.41%;
  height: 35.83%;
  position: absolute;
  right: 86.1%;
  left: 1.49%;
  bottom: 58.33%;
  top: 5.83%;
  overflow: visible;
}
._62 {
  width: 367px;
  height: 103.05px;
  position: absolute;
  left: calc(50% - -221.22px);
  top: calc(50% - -259.75px);
  overflow: hidden;
}
.gis-api {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 16.3417911529541px;
  line-height: 22.88px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 174.46px);
  top: calc(50% - -5.42px);
  width: 416.72px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div34 {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 21.69478988647461px;
  line-height: 22.88px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 110.41px);
  top: calc(50% - 38.64px);
  width: 268.94px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector12 {
  width: 8.62%;
  height: 38.6%;
  position: absolute;
  right: 86.21%;
  left: 5.17%;
  bottom: 56.1%;
  top: 5.31%;
  overflow: visible;
}
.div35 {
  padding: 76.03px 110.15px 76.03px 110.15px;
  align-self: stretch;
  flex-shrink: 0;
  height: 1009px;
  position: relative;
}
.rounded-bar-75x5-colored_4 {
  position: absolute;
  left: calc(50% - -452.83px);
  top: calc(50% - 345.95px);
  overflow: visible;
}
.div36 {
  color: #003b8f;
  text-align: right;
  font-family: "Pretendard-Black", sans-serif;
  font-size: 53.73756408691406px;
  letter-spacing: 1.07px;
  font-weight: 900;
  position: absolute;
  left: calc(50% - 120.38px);
  top: calc(50% - 444.24px);
  width: 673.51px;
}
.div37 {
  color: var(--systemgrey-600, #757575);
  text-align: right;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 17.91252326965332px;
  line-height: 25.08px;
  letter-spacing: 0.18px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 47.49px);
  top: calc(50% - 311.93px);
  width: 588.05px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.kakao-talk-20240814-095612103-03-1 {
  border-radius: 17.91px;
  width: 352.17px;
  height: 222.89px;
  position: absolute;
  left: calc(50% - 613.87px);
  top: calc(50% - 382.67px);
  object-fit: cover;
  aspect-ratio: 352.17/222.89;
}
._43 {
  border-radius: 17.91px;
  width: 537.38px;
  height: 253.46px;
  position: absolute;
  left: calc(50% - 613.87px);
  top: calc(50% - 122.94px);
  object-fit: cover;
  aspect-ratio: 537.38/253.46;
}
.image-13 {
  border-radius: 17.91px;
  width: 411.52px;
  height: 230.83px;
  position: absolute;
  left: calc(50% - 487.58px);
  top: calc(50% - -165.45px);
  object-fit: cover;
  aspect-ratio: 411.52/230.83;
}
.group-1171 {
  position: absolute;
  inset: 0;
}
._15 {
  width: 432.59px;
  height: 106.58px;
  position: absolute;
  left: calc(50% - -20.51px);
  top: calc(50% - 213.4px);
  overflow: hidden;
}
.div38 {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 16.299999237060547px;
  line-height: 22.67px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - -7.61px);
  width: 432.59px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div39 {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 21.690000534057617px;
  line-height: 22.67px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 152.7px);
  top: calc(50% - 40.75px);
  width: 191.66px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector13 {
  width: 9.11%;
  height: 38.66%;
  position: absolute;
  right: 87.58%;
  left: 3.31%;
  bottom: 57.98%;
  top: 3.36%;
  overflow: visible;
}
._26 {
  width: 432.59px;
  height: 106.58px;
  position: absolute;
  left: calc(50% - -20.51px);
  top: calc(50% - 73.68px);
  overflow: hidden;
}
.pc-ui {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 16.299999237060547px;
  line-height: 22.67px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - -7.61px);
  width: 432.59px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.e {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 21.690000534057617px;
  line-height: 22.67px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 152.7px);
  top: calc(50% - 42.54px);
  width: 240.03px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.codicon-vm-running {
  width: 42.99px;
  height: 42.99px;
  position: absolute;
  left: 8.06px;
  top: 0px;
  overflow: hidden;
  aspect-ratio: 1;
}
.group2 {
  width: 89.84%;
  height: 83.85%;
  position: absolute;
  right: 4.17%;
  left: 5.99%;
  bottom: 4.17%;
  top: 11.98%;
  overflow: visible;
}
._34 {
  width: 432.59px;
  height: 106.58px;
  position: absolute;
  left: calc(50% - -20.51px);
  top: calc(50% - -81.26px);
  overflow: hidden;
}
.div40 {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 21.690000534057617px;
  line-height: 22.67px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 152.7px);
  top: calc(50% - 42.54px);
  width: 240.03px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector14 {
  width: 8.73%;
  height: 35.43%;
  position: absolute;
  right: 89.42%;
  left: 1.85%;
  bottom: 60.43%;
  top: 4.13%;
  overflow: visible;
}
._44 {
  width: 432.59px;
  height: 106.58px;
  position: absolute;
  left: calc(50% - -20.51px);
  top: calc(50% - -220.98px);
  overflow: hidden;
}
.vector15 {
  width: 9.16%;
  height: 28.24%;
  position: absolute;
  right: 88.98%;
  left: 1.86%;
  bottom: 64.01%;
  top: 7.75%;
  overflow: visible;
}
._52 {
  width: 432.59px;
  height: 106.58px;
  position: absolute;
  left: calc(50% - -20.51px);
  top: calc(50% - -360.7px);
  overflow: hidden;
}
.sns {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 16.299999237060547px;
  line-height: 22.67px;
  letter-spacing: 0.16px;
  font-weight: 400;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - -7.61px);
  width: 432.59px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.stash-search-results {
  width: 45.68px;
  height: 45.68px;
  position: absolute;
  left: 6.27px;
  top: 0.9px;
  overflow: visible;
  aspect-ratio: 1;
}
.logos-1 {
  background: #f5f7fb;
  padding: 30px 64px 30px 64px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 216px;
  position: relative;
  overflow: hidden;
}
.logos {
  padding: 0px 0px 17px 0px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  row-gap: 0px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.logo-1 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  height: 84px;
  position: relative;
  overflow: hidden;
}
.image {
  flex-shrink: 0;
  width: 216px;
  height: 82px;
  position: relative;
  object-fit: cover;
}
.logo-2 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 199px;
  height: 84px;
  position: relative;
  overflow: hidden;
}
.image2 {
  flex-shrink: 0;
  width: 486px;
  height: 158px;
  position: relative;
  object-fit: cover;
}
.logo-3 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  height: 84px;
  position: relative;
}
._16 {
  flex-shrink: 0;
  width: 288px;
  height: 84px;
  position: relative;
  overflow: hidden;
}
.clip-path-group {
  height: auto;
  position: absolute;
  left: 17px;
  top: 56.5px;
  transform: translate(0px, -30px);
  overflow: visible;
}
.logo-4 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  height: 84px;
  position: relative;
  overflow: hidden;
}
.image3 {
  flex-shrink: 0;
  width: 205px;
  height: 64px;
  position: relative;
  object-fit: cover;
}
.logo-5 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  height: 81.82px;
  position: relative;
  overflow: hidden;
}
.image4 {
  flex-shrink: 0;
  width: 146px;
  height: 62px;
  position: relative;
  object-fit: cover;
}
.logo-6 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  height: 81.82px;
  position: relative;
  overflow: hidden;
}
.nia-1 {
  flex-shrink: 0;
  width: 256px;
  height: 30px;
  position: relative;
  overflow: hidden;
}
.group3 {
  width: 25.68%;
  height: 92.89%;
  position: absolute;
  right: 74.22%;
  left: 0.1%;
  bottom: 1.46%;
  top: 5.64%;
  overflow: visible;
}
.group4 {
  width: 69.96%;
  height: 20.77%;
  position: absolute;
  right: 0.1%;
  left: 29.94%;
  bottom: 1.06%;
  top: 78.16%;
  overflow: visible;
}
.vector16 {
  width: 71.02%;
  height: 63.62%;
  position: absolute;
  right: 0.1%;
  left: 28.88%;
  bottom: 35.32%;
  top: 1.06%;
  overflow: visible;
}
.footer-1 {
  background: #003b8f;
  padding: 0px 64px 0px 64px;
  display: flex;
  flex-direction: row;
  gap: 96px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.container2 {
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1);
  border-width: 1px 0px 0px 0px;
  padding: 80px 0px 80px 0px;
  display: flex;
  flex-direction: row;
  gap: 120px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  max-width: 1300px;
  position: relative;
}
.content {
  display: flex;
  flex-direction: column;
  gap: 56px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.text2 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.company {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 100px;
  position: relative;
}
._17 {
  flex-shrink: 0;
  width: 350px;
  height: 64px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 350/64;
}
.div41 {
  color: #ffffff;
  text-align: left;
  font-family: "Paperlogy-3Light", sans-serif;
  font-size: 20px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header {
  padding: 0px 0px 16px 0px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.address {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._1-205-27-904-a-1 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.nav2 {
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 668px;
  position: relative;
}
.column-1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 130px;
  position: relative;
}
.header2 {
  padding: 0px 0px 16px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.information {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.<a href="../home/index.html">회사소개</a>2 {
  color: rgba(255, 255, 255, 0.7);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div42 {
  color: rgba(255, 255, 255, 0.7);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.column-2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 130px;
  position: relative;
}
.number {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._02-6959-0632 {
  color: rgba(255, 255, 255, 0.7);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.column-3 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 130px;
  position: relative;
}
.e-mail {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.info-haebomdata-com {
  color: rgba(255, 255, 255, 0.7);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 145%;
  letter-spacing: -0.06em;
  font-weight: 400;
  position: relative;
  width: 159px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.column-4 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 130px;
  position: relative;
}
.socialmedia {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-1 {
  display: flex;
  flex-direction: row;
  gap: 7px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.icon-feather-icon5 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.frame-2 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.youtube {
  color: rgba(255, 255, 255, 0.7);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 500;
  position: relative;
  width: 130px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.group-1 {
  flex-shrink: 0;
  width: 0px;
  height: 0px;
  position: relative;
  overflow: visible;
}
/* ================= 슬라이더(Marquee) 스타일 ================= */

.hero-1 {
  display: flex;
  flex-direction: column;
  padding-bottom: 120px;
  overflow-x: hidden;
}

.hero-1 .container {
  width: 100%;
  max-width: 1214px;
  margin: 0 auto;
  padding: 120px 20px 40px 20px;
  box-sizing: content-box;
}

.swiper-container-wrapper {
  width: 100%;
  position: relative;
  overflow: visible; 
}

.swiper {
  height: 460px;
  margin: 0 auto;
}

.swiper-wrapper {
  transition-timing-function: linear !important;
}

.swiper:hover .swiper-wrapper {
  animation-play-state: paused !important;
}

.swiper-slide {
  width: 505px !important;
  height: 455px !important;
  flex-shrink: 0;
}

.service-card {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.service-card:hover {
  transform: translateY(-10px);
}

.service-card-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.service-card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.1) 60%);
  z-index: 2;
}
.service-card-content {
  position: relative;
  z-index: 3;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.service-card-title {
  font-family: "Pretendard-Black", sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 1.25;
}
.service-card-description {
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}
.service-card-button {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #faf9f9;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding-top: 10px;
}
.service-card-button img {
  width: 24px;
  height: 24px;
  display: inline-block;
}

.swiper-pagination,
.swiper-button-prev,
.swiper-button-next {
  display: none;
}