@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');
}
.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: 167px 358px 167px 358px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 465px;
  position: relative;
}
.key-projcest {
  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: 844px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text-1 {
  padding: 52px 112px 52px 112px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 443px;
  position: relative;
}
.headline {
  display: flex;
  flex-direction: column;
  gap: 36px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: 1056px;
  position: relative;
}
.div2 {
  color: #003b8f;
  text-align: left;
  font-family: "Pretendard-Black", sans-serif;
  font-size: 64px;
  line-height: 120%;
  letter-spacing: -0.02em;
  font-weight: 900;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.bar-73x5 {
  flex-shrink: 0;
  position: relative;
  overflow: visible;
}
.it {
  color: var(--systemgrey-600, #757575);
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.2px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-1169 {
  flex-shrink: 0;
  width: 1082.5px;
  height: 2469px;
  position: relative;
  overflow: hidden;
}
.div3 {
  display: flex;
  flex-direction: row;
  gap: 22px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 0px;
  top: 0px;
}
.image {
  border-radius: 3.61px;
  flex-shrink: 0;
  width: 531.04px;
  height: 433px;
  position: relative;
  overflow: hidden;
}
.background-image {
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 0px;
}
._02182022-tread-jailyn-off-tread-007727-1-desktop-jpg {
  background: #ffffff;
  border-radius: 18.04px;
  height: 433px;
  position: absolute;
  right: 0px;
  left: 0px;
  top: 50%;
  translate: 0 -50%;
  overflow: hidden;
}
._1 {
  width: 575.74px;
  height: 367.15px;
  position: absolute;
  left: -23.45px;
  top: 0px;
  object-fit: cover;
  aspect-ratio: 575.74/367.15;
}
.overlay {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.93) 75%
  );
  border-radius: 18.04px;
  width: 531.04px;
  height: 433px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.cta {
  width: 396.92px;
  height: 191.44px;
  position: absolute;
  left: 28.87px;
  bottom: 36.08px;
}
.button {
  border-radius: 3.61px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1.8px;
  width: 216.5px;
  height: 36.08px;
  position: absolute;
  left: 0px;
  top: calc(50% - -45.2px);
}
.div4 {
  color: #ffffff;
  text-align: center;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 11.727073669433594px;
  letter-spacing: 1.35px;
  font-weight: 400;
  text-transform: uppercase;
  position: absolute;
  left: 22.56px;
  top: 2.71px;
  width: 171.4px;
  height: 30.67px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.div5 {
  color: #ffffff;
  text-align: left;
  font-family: "Paperlogy-7Bold", sans-serif;
  font-size: 32.474971771240234px;
  line-height: 44.82px;
  font-weight: 400;
  position: absolute;
  left: 0.01px;
  top: 31.77px;
  width: 441.12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._2024 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 11.727073669433594px;
  line-height: 17.93px;
  letter-spacing: 1.35px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 0px;
  top: 3.61px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.preloton-tread {
  background: #ffffff;
  border-radius: 17.14px;
  flex-shrink: 0;
  width: 529.82px;
  height: 433px;
  position: relative;
  box-shadow: 0px 11.73px 48.71px 13.53px rgba(0, 0, 0, 0.07);
  overflow: hidden;
}
.product-details {
  width: 460.06px;
  height: 201.16px;
  position: absolute;
  left: calc(50% - 225.83px);
  top: calc(50% - 53.22px);
}
.nara-fair-nara {
  color: #212121;
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 18.041650772094727px;
  line-height: 25.49px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 19.85px;
  width: 460.06px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button2 {
  padding: 0px 2.59px 0.79px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 39.07px;
  top: 364.44px;
}
._20242 {
  color: #181a1d;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 11.727073669433594px;
  line-height: 17.93px;
  letter-spacing: 1.35px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pseudo {
  background: #181a1d;
  flex-shrink: 0;
  width: 91.11px;
  height: 0.9px;
  position: absolute;
  left: 0px;
  top: 19.42px;
}
.div6 {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Bold", sans-serif;
  font-size: 25.258312225341797px;
  line-height: 36.62px;
  font-weight: 700;
  position: absolute;
  left: 39.08px;
  top: 66.75px;
  width: 472.69px;
  height: 96.52px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.label {
  background: #003b8f;
  border-radius: 3.61px;
  padding: 4.51px 4.24px 3.61px 3.61px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 225.92px);
  bottom: 366.25px;
  top: 49.614540100097656px;
}
.div7 {
  color: #ffffff;
  text-align: center;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 10.824991226196289px;
  line-height: 9.02px;
  letter-spacing: 0.9px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.div8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 1082.22px;
  position: absolute;
  left: 0.15px;
  top: 484.42px;
}
.product-details2 {
  width: 490.73px;
  height: 247.17px;
  position: absolute;
  left: calc(50% - 226.26px);
  top: calc(50% - 101.94px);
}
._2022 {
  color: #181a1d;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 11.727073669433594px;
  line-height: 17.93px;
  letter-spacing: 1.35px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 0px;
  top: 247.17px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pseudo2 {
  background: #181a1d;
  width: 91.11px;
  height: 0.9px;
  position: absolute;
  left: 0px;
  top: 266.59px;
}
.ipcc {
  color: #212121;
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 18.041650772094727px;
  line-height: 25.49px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 78.48px;
  width: 467.28px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button3 {
  padding: 0px 2.59px 0.79px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 52.21px;
  height: 18.83px;
  position: absolute;
  left: 0px;
  top: 226.85px;
}
.div9 {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Bold", sans-serif;
  font-size: 25.258312225341797px;
  line-height: 36.62px;
  font-weight: 700;
  position: absolute;
  left: -0.42px;
  top: 9.02px;
  width: 282.35px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.label2 {
  background: #003b8f;
  border-radius: 3.61px;
  padding: 4.51px 4.24px 3.61px 3.61px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  right: 375.19px;
  left: 38.77311325073242px;
  bottom: 345.01px;
  top: 69.87286376953125px;
}
.image2 {
  border-radius: 18.04px;
  flex-shrink: 0;
  width: 531.04px;
  height: 433px;
  position: relative;
  overflow: hidden;
}
.background-image2 {
  position: absolute;
  right: 0px;
  left: -0.00004709764471044764px;
  bottom: 0px;
  top: -0.0000059764056459243875px;
}
._02182022-tread-jailyn-off-tread-007727-1-desktop-jpg2 {
  border-radius: 18.04px;
  height: 433px;
  position: absolute;
  right: 0px;
  left: -0.00004709764471044764px;
  top: 50%;
  translate: 0 -50%;
  overflow: hidden;
}
._2025-05-07-092444-1 {
  width: 742.41px;
  height: 497.05px;
  position: absolute;
  left: -102.84px;
  top: -41.5px;
  object-fit: cover;
  aspect-ratio: 742.41/497.05;
}
.image-9 {
  width: 531.33px;
  height: 318.44px;
  position: absolute;
  left: -0.14px;
  top: 0px;
  object-fit: cover;
  aspect-ratio: 531.33/318.44;
}
.overlay2 {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 24.51923042535782%,
    rgba(0, 0, 0, 0.93) 81.25%
  );
  border-radius: 18.04px;
  width: 531.04px;
  height: 433px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-1158 {
  display: flex;
  flex-direction: column;
  gap: 14.43px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 0px;
  top: 3.61px;
}
.frame-1159 {
  display: flex;
  flex-direction: column;
  gap: 14.43px;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  width: 410.45px;
  height: 167.79px;
  position: relative;
}
._20222 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 11.727073669433594px;
  line-height: 17.93px;
  letter-spacing: 1.35px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div10 {
  color: #ffffff;
  text-align: left;
  font-family: "Paperlogy-7Bold", sans-serif;
  font-size: 32.474971771240234px;
  line-height: 44.82px;
  font-weight: 400;
  position: relative;
  width: 398.72px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button4 {
  border-radius: 3.61px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1.8px;
  flex-shrink: 0;
  width: 216.5px;
  height: 36.08px;
  position: relative;
}
.div11 {
  color: #ffffff;
  text-align: center;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 10.824991226196289px;
  font-weight: 400;
  text-transform: uppercase;
  position: absolute;
  left: 2.56px;
  top: 0.2px;
  width: 211.09px;
  height: 33.38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.div12 {
  display: flex;
  flex-direction: row;
  gap: 22px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 0px;
  top: 968.84px;
}
._02182022-tread-jailyn-off-tread-007727-1-desktop-jpg3 {
  border-radius: 18.04px;
  height: 433px;
  position: absolute;
  right: 0px;
  left: 0px;
  top: 50%;
  translate: 0 -50%;
  overflow: hidden;
}
.image-6 {
  width: 618.44px;
  height: 433px;
  position: absolute;
  left: -44.19px;
  top: 0px;
  object-fit: cover;
  aspect-ratio: 618.44/433;
}
.div13 {
  color: #ffffff;
  text-align: center;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 11.727073669433594px;
  letter-spacing: 1.35px;
  font-weight: 400;
  text-transform: uppercase;
  position: absolute;
  left: 26.17px;
  top: 2.71px;
  width: 164.18px;
  height: 30.67px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.div14 {
  color: #ffffff;
  text-align: left;
  font-family: "Paperlogy-7Bold", sans-serif;
  font-size: 32.474971771240234px;
  line-height: 44.82px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 31.77px;
  width: 413.15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._2022-2024 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 11.727073669433594px;
  line-height: 17.93px;
  letter-spacing: 1.35px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 0px;
  top: 3.61px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.product-details3 {
  width: 490.73px;
  height: 247.17px;
  position: absolute;
  left: calc(50% - 225.83px);
  top: calc(50% - 106.45px);
}
.button5 {
  padding: 0px 2.59px 0.79px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: -0.01px;
  top: 226.85px;
}
._2022-20242 {
  color: #181a1d;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 11.727073669433594px;
  line-height: 17.93px;
  letter-spacing: 1.35px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.nia-3 {
  color: #212121;
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 18.041650772094727px;
  line-height: 25.49px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 91.11px;
  width: 469.08px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div15 {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Bold", sans-serif;
  font-size: 25.258312225341797px;
  line-height: 36.62px;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 22.55px;
  width: 445.63px;
  height: 42.4px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.label3 {
  background: #003b8f;
  border-radius: 3.61px;
  padding: 4.51px 4.24px 3.61px 3.61px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  right: 374.76px;
  left: 39.202857971191406px;
  bottom: 339.6px;
  top: 75.28536224365234px;
}
.joiss {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 1082.22px;
  position: absolute;
  left: 0.15px;
  top: 1453.26px;
}
.product-details4 {
  width: 216.5px;
  height: 247.59px;
  position: absolute;
  left: calc(50% - 216.34px);
  top: calc(50% - 104.64px);
}
.button6 {
  padding: 0px 2.59px 0.79px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 0px;
  top: 226.85px;
}
._20223 {
  color: #181a1d;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 11.727073669433594px;
  line-height: 17.93px;
  letter-spacing: 1.35px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pseudo3 {
  background: #181a1d;
  flex-shrink: 0;
  width: 34.28px;
  height: 0.9px;
  position: absolute;
  left: 0px;
  top: 19.42px;
}
.r-d-joiss {
  color: #212121;
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 18.041650772094727px;
  line-height: 25.49px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 101.94px;
  width: 460.06px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div16 {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Bold", sans-serif;
  font-size: 25.258312225341797px;
  line-height: 36.62px;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 25.26px;
  width: 479.01px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.label4 {
  background: #003b8f;
  border-radius: 3.61px;
  padding: 4.51px 4.24px 3.61px 3.61px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  right: 340.79px;
  left: 48.571067810058594px;
  bottom: 341.4px;
  top: 73.4810791015625px;
}
.div17 {
  color: #ffffff;
  text-align: center;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 10.824991226196289px;
  line-height: 9.02px;
  letter-spacing: 0.9px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  width: 132.61px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.background-image3 {
  position: absolute;
  right: 0px;
  left: -0.00004709764471044764px;
  bottom: 0px;
  top: -0.00001792921648302581px;
}
.image-7 {
  width: 529.52px;
  height: 451.94px;
  position: absolute;
  left: 0.76px;
  top: 0px;
  object-fit: cover;
  aspect-ratio: 529.52/451.94;
}
.div18 {
  color: #ffffff;
  text-align: center;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 11.727073669433594px;
  letter-spacing: 1.35px;
  font-weight: 400;
  text-transform: uppercase;
  position: absolute;
  left: 1.66px;
  top: 2.71px;
  width: 212.89px;
  height: 30.67px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._20224 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 11.727073669433594px;
  line-height: 17.93px;
  letter-spacing: 1.35px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 0px;
  top: 3.61px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div19 {
  display: flex;
  flex-direction: row;
  gap: 22px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 0px;
  top: 1937.67px;
}
._22 {
  width: 867.99px;
  height: 533.13px;
  position: absolute;
  left: -168.69px;
  top: -100.13px;
  object-fit: cover;
  aspect-ratio: 867.99/533.13;
}
.div20 {
  color: #ffffff;
  text-align: center;
  font-family: "SuitVariable-Heavy", sans-serif;
  font-size: 10.824991226196289px;
  font-weight: 400;
  text-transform: uppercase;
  position: absolute;
  left: 1.81px;
  top: 0px;
  width: 212.89px;
  height: 36.08px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-1161 {
  width: 460.06px;
  height: 310.32px;
  position: absolute;
  left: 39.08px;
  top: 61.34px;
}
.label5 {
  background: #003b8f;
  border-radius: 3.61px;
  padding: 4.51px 4.24px 3.61px 3.61px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  height: 17.14px;
  position: absolute;
  left: -0.01px;
  top: 9.92px;
}
.div21 {
  color: #ffffff;
  text-align: center;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 10.824991226196289px;
  line-height: 9.02px;
  letter-spacing: 0.9px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  width: 164.18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-details5 {
  padding: 1.8px 0px 1.8px 0px;
  width: 216.5px;
  height: 275.92px;
  position: absolute;
  left: -0.01px;
  top: 56.83px;
}
.div22 {
  color: #181a1d;
  text-align: left;
  font-family: "SuitVariable-Bold", sans-serif;
  font-size: 25.258312225341797px;
  line-height: 36.62px;
  font-weight: 700;
  position: absolute;
  left: 0.01px;
  top: 1.8px;
  width: 485.32px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div23 {
  color: #212121;
  text-align: left;
  font-family: "SuitVariable-Regular", sans-serif;
  font-size: 18.041650772094727px;
  line-height: 25.49px;
  letter-spacing: 0.21px;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 67.66px;
  width: 460.06px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button7 {
  padding: 0px 2.59px 0.79px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 0px;
  top: 224.62px;
}
.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;
}
.container {
  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;
}
.text {
  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;
}
._12 {
  flex-shrink: 0;
  width: 350px;
  height: 64px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 350/64;
}
.div24 {
  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;
}
.div25 {
  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-icon {
  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;
}