/* 2026-10-28: about.css의 회사소개 본문 스타일만 추출. 공통 헤더·푸터에 영향을 주지 않도록 범위 제한. */

@keyframes weAre_float1 {

  0%,
  100% {
    transform: translateY(0) rotate(0)
  }

  50% {
    transform: translateY(-8%) rotate(8deg)
  }
}

@keyframes weAre_abRoll {
  to {
    transform: translate3d(-50%, 0, 0)
  }
}

@keyframes weAre_abCube {
  to {
    rotate: 360deg
  }
}

@keyframes weAre_abRollIn {
  from {
    opacity: 0;
    transform: translate3d(0, 60px, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

#weArePage {
  --u: clamp(0.42px, calc(100vw / 1920), 1px);
  --bg: #f8f8f8;
  --ink: #111;
  --text: #555;
  --yellow: #f49b20;
  --orange: #f49b20;
  --blue: #1b4dff;
  --soft: #e1e1e1;
  --pad: max(20px, calc(70 * var(--u)), env(safe-area-inset-left, 0px));
  --ease: cubic-bezier(.16, 1, .3, 1);
  --spring: cubic-bezier(.34, 1.56, .64, 1);
  color-scheme: light;
}

#weArePage * {
  box-sizing: border-box;
  margin: 0;
  padding: 0
}

#weArePage {
  background: #fff;
  color: var(--ink);
  font-family: 'DM Sans', 'Noto Sans KR', system-ui, sans-serif;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  word-break: keep-all
}

#weArePage img {
  display: block;
  max-width: 100%
}

#weArePage a {
  color: inherit;
  text-decoration: none
}

#weArePage button {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer
}

#weArePage ul {
  list-style: none
}

#weArePage main {
  overflow-x: clip
}

#weArePage .arw {
  display: block;
  flex: none
}

#weArePage .rv {
  opacity: 0;
  transform: translate3d(0, 60px, 0);
  transition: opacity 1.6s ease, transform 2s var(--ease);
  transition-delay: var(--d, 0s)
}

#weArePage .rv.in {
  opacity: 1;
  transform: none
}

#weArePage .ttl2 .w {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  padding-bottom: .06em
}

#weArePage .ttl2 .w>span {
  display: inline-block;
  transform: translate3d(0, 110%, 0);
  transition: transform 2s var(--ease);
  transition-delay: var(--d, 0s)
}

#weArePage .ttl2.in .w>span {
  transform: none
}

#weArePage .ttl2 {
  font-weight: 700;
  font-size: max(40px, calc(80 * var(--u)));
  font-size: round(max(40px, calc(80 * var(--u))), 1px);
  line-height: 1.3;
  letter-spacing: -.01em;
  color: var(--ink)
}

#weArePage .pill {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 240px;
  height: 60px;
  padding: 0 13px 0 30px;
  border-radius: 50px;
  background: #111;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -.05em;
  line-height: 1.3;
  white-space: nowrap;
  transition: background .4s, color .4s, box-shadow .4s
}

#weArePage .pill .arw {
  width: 35px;
  height: 35px;
  transition: transform .7s var(--spring)
}

#weArePage .pill:hover {
  background: #000
}

#weArePage .pill:hover .arw {
  transform: rotate(45deg)
}

#weArePage .ch {
  display: inline-block;
  will-change: transform
}

@media (max-width:640px) {
  #weArePage .br-pc {
    display: none
  }
}

@media (prefers-reduced-motion:reduce) {

  #weArePage *,
  #weArePage *::before,
  #weArePage *::after {
    animation: none !important;
    transition-duration: .01ms !important;
    transition-delay: 0s !important
  }

  #weArePage .rv,
  #weArePage .ttl2 .w>span,
  #weArePage .ch {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important
  }
}

#weArePage {
  --spad: max(var(--pad), calc(50vw - 720px))
}

#weArePage .sw {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto
}

#weArePage #abCopy:hover .arw {
  transform: none
}

#weArePage .ab-page {
  background: #fff
}

#weArePage .ab-vh {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap
}

#weArePage .ab-top {
  position: relative;
  padding: calc(100px + 160 * var(--u)) 0 calc(80 * var(--u))
}

#weArePage .ab-roll {
  overflow: hidden
}

#weArePage .ab-roll-track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: weAre_abRoll 64s linear -39s infinite
}

#weArePage .ab-roll .g {
  flex: none;
  display: flex;
  align-items: center;
  gap: .2em;
  padding-right: .2em;
  font-family: 'paperLogy', 'DM Sans', sans-serif !important;
  font-size: max(72px, calc(200 * var(--u)));
  font-size: round(max(72px, calc(200 * var(--u))), 1px);
  line-height: 1.2;
  color: #050505;
  white-space: nowrap
}

#weArePage .ab-roll .t1 {
  font-weight: 600
}

#weArePage .ab-roll .t2 {
  font-weight: 400
}

#weArePage .ab-roll .cb {
  flex: none;
  display: block;
  height: .5em;
  width: auto
}

#weArePage .ab-intro.sw {
  max-width: none;
  padding: calc(80 * var(--u)) var(--spad) 0;
  text-align: center
}

#weArePage .ab-intro-t {
  font-size: max(24px, calc(60 * var(--u)));
  font-size: round(max(24px, calc(60 * var(--u))), 1px);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.05em;
  color: #111
}

#weArePage .ab-tb {
  padding: calc(110 * var(--u)) var(--pad) 0
}

#weArePage .ab-tb-box {
  position: relative;
  border-radius: max(28px, calc(80 * var(--u)));
  background: #090b12;
  color: #fff;
  overflow: hidden;
  isolation: isolate;
  padding: calc(160 * var(--u) + 10px) calc(80 * var(--u) + 10px)
}

#weArePage .ab-tb-g {
  position: absolute;
  z-index: 0;
  max-width: none;
  pointer-events: none;
  opacity: .5
}

#weArePage .ab-tb-in {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center
}

#weArePage .ab-tb-t {
  font-family: 'paperLogy', 'DM Sans', sans-serif !important;
  font-size: max(42px, calc(150 * var(--u)));
  font-size: round(max(42px, calc(150 * var(--u))), 1px);
  line-height: 1.3;
  letter-spacing: -.03em
}

#weArePage .ab-tb-lead {
  margin-top: calc(60 * var(--u) + 10px);
  font-size: max(21px, calc(45 * var(--u)));
  font-size: round(max(21px, calc(45 * var(--u))), 1px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -.05em
}

#weArePage .ab-tb-lead .c {
  color: rgba(255, 255, 255, .2);
  transition: color .5s ease
}

#weArePage .ab-tb-lead .c.on {
  color: #fff
}

#weArePage .ab-tb-body {
  margin-top: calc(60 * var(--u));
  font-size: max(15px, calc(24 * var(--u)));
  font-size: round(max(15px, calc(24 * var(--u))), 1px);
  line-height: 1.5;
  letter-spacing: -.05em;
  color: #fff
}

#weArePage .ab-cur {
  display: block;
  margin-top: calc(100 * var(--u) + 10px);
  width: max(54px, calc(82 * var(--u)))
}

#weArePage .ab-cur img {
  display: block;
  width: 100%;
  animation: weAre_float1 6s ease-in-out infinite
}

#weArePage .ab-vm {
  list-style: none;
  margin-top: calc(100 * var(--u) + 10px);
  width: 100%;
  max-width: 1354px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px
}

#weArePage .vm {
  will-change: transform
}

#weArePage .vm-in {
  aspect-ratio: 438/387;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(51 * var(--u));
  padding: 30px 20px;
  border-radius: 30px;
  background: rgba(255, 255, 255, .1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
  font-family: 'paperLogy', 'DM Sans', sans-serif !important;
}

#weArePage .vm-t {
  font-size: max(19px, calc(26 * var(--u)));
  font-size: round(max(19px, calc(26 * var(--u))), 1px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -.02em
}

#weArePage .vm-d {
  font-size: max(16px, calc(26 * var(--u)));
  font-size: round(max(16px, calc(26 * var(--u))), 1px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -.05em
}

@media (max-width:1100px) {
  #weArePage .vm-in {
    padding: 24px 14px
  }
}

@media (max-width:900px) {
  #weArePage .ab-tb {
    padding-top: 48px
  }

  #weArePage .ab-tb-box {
    padding: 72px 22px
  }

  #weArePage .ab-vm {
    grid-template-columns: 1fr;
    gap: 12px
  }

  #weArePage .vm {
    transform: none !important
  }

  #weArePage .vm-in {
    aspect-ratio: auto;
    min-height: 220px;
    gap: 18px
  }
}

@media (max-width:640px) {
  #weArePage .ab-top {
    padding-top: calc(100px + 24px)
  }

  #weArePage .ab-tb-t {
    font-size: 34px;
    font-size: round(max(30px, calc((100vw - 88px) / 9)), 1px)
  }
}

@media (prefers-reduced-motion:reduce) {

  #weArePage .ab-roll-track,
  #weArePage .ab-cur img,
  #weArePage .ab-tb-g {
    animation: none !important
  }

  #weArePage .vm {
    transform: none !important
  }
}

#weArePage .ab-tb {
  padding: calc(110 * var(--u)) 0 0
}

#weArePage .ab-tb-box {
  background: none;
  border-radius: 0;
  overflow: visible;
  padding: calc(160 * var(--u) + 10px) calc(var(--pad) + 80 * var(--u) + 10px)
}

#weArePage .ab-tb-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background: #090b12;
  clip-path: inset(0 var(--ix, var(--pad)) round var(--ir, max(28px, calc(80 * var(--u)))));
  will-change: clip-path
}

@media (max-width:900px) {
  #weArePage .ab-tb-box {
    padding: 72px calc(var(--pad) + 22px)
  }
}

#weArePage .ww-sv {
  list-style: none;
  margin-top: calc(120 * var(--u) + 20px);
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: calc(30 * var(--u) + 10px)
}

#weArePage .ww-sv .eb {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .01em;
  color: var(--orange)
}

#weArePage .ww-sv h3 {
  margin-top: 10px;
  font-size: max(19px, calc(24 * var(--u)));
  font-size: round(max(19px, calc(24 * var(--u))), 1px);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -.05em;
  color: #111
}

#weArePage .ww-sv .d {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: -.05em;
  color: #555
}

#weArePage .ww-sv img {
  display: block;
  margin-top: calc(30 * var(--u) + 10px);
  width: max(56px, calc(80 * var(--u)));
  animation: weAre_float1 6s ease-in-out infinite;
  animation-delay: calc(var(--i) * -1.3s)
}

#weArePage .vm-d {
  font-family: 'DM Sans', 'Noto Sans KR', sans-serif
}

@media (max-width:1100px) {
  #weArePage .ww-sv {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

@media (max-width:640px) {
  #weArePage .ww-sv {
    grid-template-columns: 1fr 1fr
  }
}

@media (prefers-reduced-motion:reduce) {
  #weArePage .ww-sv img {
    animation: none !important
  }
}

#weArePage .ab-roll .cb {
  animation: weAre_abCube 20s linear infinite
}

#weArePage .ab-roll .cb:nth-of-type(even) {
  animation-direction: reverse
}

#weArePage .chars .ch {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  padding-bottom: .08em;
  margin-bottom: -.08em
}

#weArePage .chars .ch>i {
  display: inline-block;
  font-style: normal;
  font-weight: inherit;
  transform: translate3d(0, 125%, 0) rotate(6deg);
  transform-origin: 0 100%;
  transition: transform 1.5s var(--ease);
  transition-delay: calc(var(--c) * .045s)
}

#weArePage .chars.in .ch>i {
  transform: none
}

#weArePage .ab-tb-t {
  color: #fff
}

#weArePage .ab-tb-t .ln2 {
  display: block;
  position: static;
  transform: none
}

#weArePage .ab-tb-t .tb1 {
  font-weight: 400
}

#weArePage .ab-tb-t .tb2 {
  font-weight: 600
}

#weArePage .vm-in {
  position: relative;
  overflow: hidden;
  transition: box-shadow .8s ease, background .8s ease
}

#weArePage .vm-in::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(340px circle at var(--mx, 50%) var(--my, 50%), rgba(244, 155, 32, .24), transparent 65%);
  opacity: 0;
  transition: opacity .8s ease;
  pointer-events: none
}

#weArePage .vm-t,
#weArePage .vm-d {
  position: relative
}

#weArePage .vm:hover .vm-in {
  background: rgba(255, 255, 255, .13)
}

#weArePage .vm:hover .vm-in::before {
  opacity: 1
}

#weArePage .ab-cur {
  rotate: -200deg;
  scale: .3;
  transition: rotate 1.8s cubic-bezier(.3, 1.3, .5, 1), scale 1.4s cubic-bezier(.3, 1.4, .5, 1), opacity 1.6s ease, transform 2s var(--ease)
}

#weArePage .ab-cur.in {
  rotate: 0deg;
  scale: 1
}

#weArePage .ww-sv img {
  scale: .3;
  rotate: -35deg;
  opacity: 0;
  transition: scale 1.3s cubic-bezier(.3, 1.45, .5, 1), rotate 1.5s cubic-bezier(.3, 1.3, .5, 1), opacity .8s ease;
  transition-delay: calc(var(--i) * .1s + .25s)
}

#weArePage .ww-sv li.in img {
  scale: 1;
  rotate: 0deg;
  opacity: 1
}

#weArePage .ww-sv li:hover img {
  scale: 1.14;
  rotate: -10deg;
  transition-delay: 0s
}

#weArePage .ww-sv .eb {
  position: relative;
  display: inline-block
}

#weArePage .ww-sv .eb::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform 1s var(--ease)
}

#weArePage .ww-sv li:hover .eb::after {
  transform: scaleX(1)
}

#weArePage .ab-tb-g {
  will-change: transform
}

#weArePage .ab-intro.sw {
  padding-top: max(64px, calc(160 * var(--u)))
}

#weArePage .sv-pin {
  position: relative;
  margin-top: calc(100 * var(--u) + 20px)
}

#weArePage .sv-stick {
  position: sticky;
  top: 0;
  height: 100vh;
  height: 100svh;
  display: flex;
  align-items: center
}

#weArePage .ww-sv {
  margin-top: 0;
  display: flex;
  gap: 20px;
  width: max-content;
  will-change: transform
}

#weArePage .ww-sv li {
  flex: none;
  display: flex;
  flex-direction: column;
  width: max(300px, calc(460 * var(--u)));
  min-height: max(360px, calc(480 * var(--u)));
  padding: calc(44 * var(--u) + 12px) calc(40 * var(--u) + 12px);
  border-radius: max(22px, calc(30 * var(--u)));
  background: #f8f8f8
}

#weArePage .ww-sv h3 {
  font-size: max(22px, calc(30 * var(--u)));
  font-size: round(max(22px, calc(30 * var(--u))), 1px)
}

#weArePage .ww-sv .d {
  font-size: max(15px, calc(18 * var(--u)));
  font-size: round(max(15px, calc(18 * var(--u))), 1px);
  max-width: 340px
}

#weArePage .ww-sv img {
  margin-top: auto;
  align-self: flex-end;
  width: max(90px, calc(140 * var(--u)))
}

@media (max-width:900px) {
  #weArePage .sv-pin {
    height: auto !important
  }

  #weArePage .sv-stick {
    position: static;
    height: auto;
    display: block;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    margin-right: calc(-1 * var(--spad));
    padding-right: var(--spad);
    scrollbar-width: none
  }

  #weArePage .sv-stick::-webkit-scrollbar {
    display: none
  }

  #weArePage .ww-sv {
    transform: none !important;
    gap: 12px
  }

  #weArePage .ww-sv li {
    width: 78vw;
    min-height: 320px;
    scroll-snap-align: start
  }
}

@media (prefers-reduced-motion:reduce) {
  #weArePage .sv-pin {
    height: auto !important
  }

  #weArePage .sv-stick {
    position: static;
    height: auto;
    overflow-x: auto
  }

  #weArePage .ww-sv {
    transform: none !important
  }
}

@media (prefers-reduced-motion:reduce) {

  #weArePage .chars .ch>i,
  #weArePage .ww-sv img,
  #weArePage .ab-cur {
    transform: none !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
    opacity: 1 !important
  }
}

#weArePage .ab-top {
  padding-top: calc(100px + 240 * var(--u))
}

@media (max-width:640px) {
  #weArePage .ab-top {
    padding-top: calc(100px + 40px)
  }
}

#weArePage .vm-in {
  transition: background .7s ease, color .7s ease
}

#weArePage .vm-in::before {
  display: none
}

#weArePage .vm-in::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, #e89113 0%, #e97e1b 50%, #eb6b24 100%);
  opacity: 0;
  transition: opacity .7s ease;
  pointer-events: none
}

#weArePage .vm:hover .vm-in {
  background: rgba(255, 255, 255, .1)
}

#weArePage .vm:hover .vm-in::after {
  opacity: 1
}

#weArePage .vm-t,
#weArePage .vm-d {
  z-index: 1
}

#weArePage .vm-d {
  font-size: max(16px, calc(24 * var(--u)));
  font-size: round(max(16px, calc(24 * var(--u))), 1px)
}

#weArePage .ab-tb {
  padding-top: calc(70 * var(--u))
}

#weArePage .vm-in {
  aspect-ratio: 438/378;
  background: rgba(30, 33, 36, .8);
  box-shadow: none
}

#weArePage .vm:hover .vm-in {
  background: rgba(30, 33, 36, .8)
}

#weArePage .ab-tb-body {
  font-weight: 500
}

#weArePage .wd8 {
  position: relative;
  z-index: 0;
  isolation: isolate;
  overflow-x: clip;
  padding: calc(160 * var(--u)) var(--spad) 0
}

#weArePage .wd8 .sv-pin {
  margin-top: 0
}

#weArePage .wd8 .sv-stick {
  align-items: center
}

#weArePage .wd8-blk {
  width: 100%
}

#weArePage .wd8-t {
  font-family: 'DM Sans', 'Noto Sans KR', sans-serif;
  font-size: max(48px, calc(90 * var(--u)));
  font-size: round(max(48px, calc(90 * var(--u))), 1px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.03em;
  color: #111
}

#weArePage .wd8-t em {
  font-style: normal;
  color: #f49b20
}

#weArePage .wd8-cards {
  margin-top: calc(60 * var(--u));
  gap: 20px
}

#weArePage .wd8-cards li {
  width: max(260px, calc(320 * var(--u)));
  min-height: 0;
  height: max(320px, calc(380 * var(--u)));
  padding: calc(40 * var(--u)) calc(30 * var(--u));
  justify-content: space-between;
  border-radius: 25px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08)
}

#weArePage .wd8-cards .tx {
  display: flex;
  flex-direction: column
}

#weArePage .wd8-cards .eb {
  display: block;
  font-size: max(14px, calc(17 * var(--u)));
  font-size: round(max(14px, calc(17 * var(--u))), 1px);
  font-weight: 600;
  letter-spacing: 0;
  color: #e89113
}

#weArePage .wd8-cards .eb::after {
  display: none
}

#weArePage .wd8-cards h3 {
  margin-top: max(16px, calc(25 * var(--u)));
  font-size: max(22px, calc(30 * var(--u)));
  font-size: round(max(22px, calc(30 * var(--u))), 1px);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.03em;
  color: #222
}

#weArePage .wd8-cards .d {
  margin-top: 10px;
  max-width: none;
  font-size: max(14px, calc(17 * var(--u)));
  font-size: round(max(14px, calc(17 * var(--u))), 1px);
  line-height: 1.5;
  letter-spacing: -.05em;
  color: #555
}

#weArePage .wd8-cards img {
  margin-top: 20px;
  align-self: flex-start;
  width: max(90px, calc(120 * var(--u)))
}

#weArePage .prin {
  margin-top: calc(160 * var(--u));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px
}

#weArePage .prin-t {
  font-family: 'DM Sans', 'Noto Sans KR', sans-serif;
  font-size: max(36px, calc(60 * var(--u)));
  font-size: round(max(36px, calc(60 * var(--u))), 1px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.03em;
  color: #111
}

#weArePage .prin-p {
  margin-top: calc(40 * var(--u));
  font-size: max(15px, calc(24 * var(--u)));
  font-size: round(max(15px, calc(24 * var(--u))), 1px);
  line-height: 1.5;
  letter-spacing: -.05em;
  color: #555
}

#weArePage .prin-l {
  flex: none
}

#weArePage .prin-list {
  list-style: none;
  flex: 0 1 auto
}

@media (min-width:1101px) {
  #weArePage .prin-p {
    white-space: nowrap
  }
}

#weArePage .prin-list li {
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: max(160px, calc(250 * var(--u)))
}

#weArePage .prin-list .ic {
  flex: none;
  width: 20px;
  transition: scale .8s cubic-bezier(.3, 1.4, .5, 1), rotate .9s cubic-bezier(.3, 1.3, .5, 1)
}

#weArePage .prin-list li:hover .ic {
  scale: 1.3;
  rotate: -14deg
}

#weArePage .prin-list h3 {
  font-size: max(34px, calc(60 * var(--u)));
  font-size: round(max(34px, calc(60 * var(--u))), 1px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.008em;
  color: #1c1f25
}

#weArePage .prin-list p {
  margin-top: calc(24 * var(--u));
  font-size: max(15px, calc(24 * var(--u)));
  font-size: round(max(15px, calc(24 * var(--u))), 1px);
  line-height: 1.5;
  letter-spacing: -.05em;
  color: #727780
}

#weArePage .cta8 {
  position: relative;
  z-index: 0;
  isolation: isolate;
  overflow-x: clip;
  padding: calc(160 * var(--u)) var(--spad);
  text-align: center
}

#weArePage .cta8-t {
  font-family: 'paperLogy', 'DM Sans', sans-serif !important;
  font-size: max(44px, calc(100 * var(--u)));
  font-size: round(max(44px, calc(100 * var(--u))), 1px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.03em;
  color: #111
}

#weArePage .cta8-p {
  margin-top: calc(40 * var(--u));
  font-size: max(15px, calc(24 * var(--u)));
  font-size: round(max(15px, calc(24 * var(--u))), 1px);
  line-height: 1.5;
  letter-spacing: -.05em;
  color: #555
}

#weArePage .cta8-b {
  margin-top: calc(40 * var(--u));
  width: 360px;
  padding: 0 13px 0 20px;
  font-size: 16px
}

@media (max-width:900px) {
  #weArePage .prin {
    flex-direction: column;
    align-items: flex-start
  }

  #weArePage .prin-list li {
    min-height: 0;
    padding: 28px 0
  }

  #weArePage .wd8 .sv-stick {
    overflow: visible;
    margin-right: 0;
    padding-right: 0
  }

  #weArePage .wd8-cards {
    width: auto;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    margin-right: calc(-1 * var(--spad));
    padding-right: var(--spad);
    scrollbar-width: none
  }

  #weArePage .wd8-cards li {
    width: 72vw
  }
}

@media (max-width:640px) {
  #weArePage .cta8-b {
    width: 100%
  }

  #weArePage .prin-list h3 {
    font-size: 30px
  }
}

#weArePage .ab-tb-t .tb1 {
  font-weight: 300
}

#weArePage .ab-tb-t .tb2 {
  font-weight: 600
}

#weArePage .vm-t {
  font-weight: 700;
  color: #f49b20;
  text-transform: capitalize
}

#weArePage .vm-d {
  font-weight: 400
}

#weArePage .vm:hover .vm-t {
  color: #fff
}

#weArePage .vm {
  will-change: transform, opacity
}

#weArePage .wd8-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px 40px;
  flex-wrap: wrap
}

#weArePage .wd8-d {
  font-size: max(15px, calc(24 * var(--u)));
  font-size: round(max(15px, calc(24 * var(--u))), 1px);
  line-height: 1.5;
  letter-spacing: -.05em;
  color: #555
}

#weArePage .wd8 .prin {
  margin-top: calc(240 * var(--u));
  align-items: flex-start;
  justify-content: space-between
}

#weArePage .prin-l {
  flex: 0 0 auto
}

#weArePage .prin-list.ap {
  flex: 0 1 calc(934 / 1440 * 100%)
}

#weArePage .prin-list.ap li {
  align-items: flex-start;
  min-height: max(180px, calc(250 * var(--u)))
}

#weArePage .prin-list.ap .ic {
  margin-top: max(8px, calc(20 * var(--u)))
}

#weArePage .prin-list.ap .aph {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 24px
}

#weArePage .prin-list.ap h3 {
  font-size: max(28px, calc(50 * var(--u)));
  font-size: round(max(28px, calc(50 * var(--u))), 1px);
  font-weight: 700;
  letter-spacing: 0;
  color: #1c1f25
}

#weArePage .prin-list.ap .bd {
  display: inline-flex;
  align-items: center;
  padding: 5px 20px;
  border-radius: 50px;
  background: #000;
  color: #fff;
  font-size: max(15px, calc(22 * var(--u)));
  font-size: round(max(15px, calc(22 * var(--u))), 1px);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.04em
}

#weArePage .cta8-t .lt {
  font-weight: 300
}

#weArePage .cta8-b {
  width: 240px
}

@media (max-width:900px) {
  #weArePage .wd8 .prin {
    margin-top: 100px
  }

  #weArePage .prin-list.ap {
    flex-basis: auto
  }
}

@media (prefers-reduced-motion:reduce) {
  #weArePage .vm {
    opacity: 1 !important
  }
}

#weArePage .ab-tb-g,
#weArePage .bgi {
  position: absolute;
  z-index: -1;
  max-width: none;
  height: auto;
  pointer-events: none;
  filter: blur(calc(100 * var(--u)));
  animation: none
}

#weArePage .ab-tb-bg .ab-tb-g {
  z-index: 0
}

#weArePage .ab-tb-bg .ab-tb-g.bg1 {
  left: auto;
  right: calc(var(--pad) + 23 * var(--u));
  top: calc(-120 * var(--u));
  width: calc(500 * var(--u));
  opacity: .2
}

#weArePage .ab-tb-bg .ab-tb-g.bg2 {
  right: auto;
  left: calc(var(--pad) - 195 * var(--u));
  top: calc(427 * var(--u));
  width: calc(609 * var(--u));
  opacity: .2
}

#weArePage .wd8 .bgi.b3 {
  left: calc(-77 * var(--u));
  bottom: calc(-282 * var(--u));
  width: calc(580 * var(--u));
  opacity: .4
}

#weArePage .cta8 .bgi.b2 {
  right: calc(-176 * var(--u));
  top: calc(99 * var(--u));
  width: calc(760 * var(--u));
  opacity: .2
}

@media (max-width:900px) {

  #weArePage .bgi,
  #weArePage .ab-tb-g {
    filter: blur(40px)
  }
}

#weArePage .ab-top {
  isolation: isolate
}

#weArePage .ab-hbg {
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  height: calc(1080 * var(--u));
  min-height: 100%;
  border-radius: 0 0 max(28px, calc(80 * var(--u))) max(28px, calc(80 * var(--u)));
  overflow: hidden;
  background: #f4f4f5
}

#weArePage .ab-hbg video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover
}

#weArePage .ab-tb {
  padding-bottom: calc(70 * var(--u))
}

#weArePage .wd8 {
  background: #f8f8f8;
  border-radius: max(28px, calc(80 * var(--u))) max(28px, calc(80 * var(--u))) 0 0
}

#weArePage .cta8 {
  background: #f8f8f8
}

#weArePage .cta8-t {
  text-transform: uppercase
}

@media (prefers-reduced-motion:reduce) {
  #weArePage .ab-hbg video {
    display: none
  }

  #weArePage .ab-hbg {
    background: #f4f4f5 url(../img/hero_poster.jpg) center/cover
  }
}

#weArePage .ab-intro.sw {
  padding-top: max(56px, calc(120 * var(--u)))
}

#weArePage .ab-intro-t {
  font-weight: 500;
  line-height: 1.5
}

#weArePage .ab-vm {
  max-width: 1300px
}

#weArePage .vm-in {
  aspect-ratio: 420/380
}

#weArePage .cta8-t {
  line-height: 1.1
}

#weArePage .ab-roll .ch>i {
  transition-delay: calc(.15s + var(--c) * .05s)
}

#weArePage .ab-roll .cb {
  opacity: 0;
  scale: .3;
  transition: opacity .9s ease .5s, scale 1.4s cubic-bezier(.3, 1.4, .5, 1) .5s
}

#weArePage .ab-roll.in .cb {
  opacity: 1;
  scale: 1
}

#weArePage .ab-intro-t .ln2 {
  display: block
}

#weArePage .ab-intro-t .awd {
  display: inline-block;
  white-space: nowrap
}

#weArePage .ab-intro-t .ch>i {
  transition-delay: calc(.55s + var(--c) * .018s)
}

#weArePage .ab-intro.sw {
  padding-top: max(40px, calc(80 * var(--u)))
}

#weArePage .ab-intro-t {
  line-height: 1.3
}

#weArePage .ab-tb-bg {
  clip-path: inset(0 var(--ix, max(var(--pad), calc(50% - 700 * var(--u)))) round var(--ir, max(28px, calc(80 * var(--u)))))
}

#weArePage .ab-tb-bg .ab-tb-g.bg1 {
  right: calc(max(var(--pad), 50% - 700 * var(--u)) + 23 * var(--u))
}

#weArePage .ab-tb-bg .ab-tb-g.bg2 {
  left: calc(max(var(--pad), 50% - 700 * var(--u)) - 124 * var(--u))
}

#weArePage .ab-vm {
  max-width: 1240px
}

#weArePage .vm-in {
  aspect-ratio: 400/380
}

@media (prefers-reduced-motion:reduce) {
  #weArePage .ab-roll .cb {
    opacity: 1;
    scale: 1
  }
}

#weArePage .ab-roll {
  animation: weAre_abRollIn 1.6s cubic-bezier(.16, 1, .3, 1) .1s both
}

#weArePage .ab-roll .cb {
  transition-delay: .4s
}

#weArePage .wd8-t em,
#weArePage .wd8-t .w em {
  font-style: normal;
  color: #f49b20
}

#weArePage .cta8-t .ln2 {
  display: block
}

#weArePage .cta8-t .lt {
  font-weight: 300
}

#weArePage .ab-tb-box {
  padding-top: calc(240 * var(--u) + 10px)
}

@media (max-width:900px) {
  #weArePage .ab-tb-box {
    padding-top: 96px
  }
}

@media (prefers-reduced-motion:reduce) {
  #weArePage .ab-roll {
    animation: none !important
  }
}

#weArePage .wd8 {
  z-index: 1
}

#weArePage .cta8 {
  z-index: 0
}

#weArePage .ts {
  margin-top: calc(240 * var(--u))
}

#weArePage .ts-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px 40px
}

#weArePage .ts-t {
  font-family: 'DM Sans', 'Noto Sans KR', sans-serif;
  font-size: max(36px, calc(60 * var(--u)));
  font-size: round(max(36px, calc(60 * var(--u))), 1px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.03em;
  color: #111
}

#weArePage .ts-d {
  font-size: max(15px, calc(24 * var(--u)));
  font-size: round(max(15px, calc(24 * var(--u))), 1px);
  line-height: 1.5;
  letter-spacing: -.05em;
  color: #555
}

#weArePage .ts-grid {
  margin-top: 40px;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px
}

#weArePage .ts-c {
  padding: 40px;
  border-radius: 20px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08)
}

#weArePage .ts-c h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: max(20px, calc(30 * var(--u)));
  font-size: round(max(20px, calc(30 * var(--u))), 1px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.03em;
  color: #1c1f25
}

#weArePage .ts-c h3 img {
  flex: none;
  width: 20px;
  height: auto;
  transition: scale .8s cubic-bezier(.3, 1.4, .5, 1), rotate .9s cubic-bezier(.3, 1.3, .5, 1)
}

#weArePage .ts-c:hover h3 img {
  scale: 1.3;
  rotate: -14deg
}

#weArePage .ts-c p {
  margin-top: 24px;
  font-size: max(15px, calc(24 * var(--u)));
  font-size: round(max(15px, calc(24 * var(--u))), 1px);
  line-height: 1.5;
  letter-spacing: -.05em;
  color: #727780
}

@media (max-width:900px) {
  #weArePage .ts {
    margin-top: 100px
  }

  #weArePage .ts-grid {
    grid-template-columns: 1fr
  }

  #weArePage .ts-c {
    padding: 26px 22px
  }

  #weArePage .ts-c p {
    margin-top: 14px
  }
}

/* 2026-10-28: 기존 base.css의 전체 폰트 지정과 구분하여 원본 영문 제목 서체를 적용한다. */
#weArePage {
  width: 100%;
  box-sizing: border-box;
  overflow-x: clip
}

#weArePage .ab-roll .g,
#weArePage .ab-roll .g span,
#weArePage .ab-tb-t,
#weArePage .ab-tb-t *,
#weArePage .vm-in,
#weArePage .vm-in *,
#weArePage .cta8-t,
#weArePage .cta8-t * {
  font-family: 'paperLogy', 'DM Sans', sans-serif !important
}