.j-q{align-items:center}.j-f{aspect-ratio:16/9}.j-r{background:var(--background)}.j-k{border:solid 1px var(--title)}.j-l{border-radius:1000px}.j-b{color:var(--caption)}.j-a{color:var(--error)}.j-i{color:var(--title)}.j-e{display:none}.j-s{gap:100px}.j-ac{margin-left:auto}.j-ab{margin-right:auto}.j-g{object-fit:contain}.j-t{overflow:hidden}.j-y{padding-bottom:var(--containerY)}.j-o{padding-bottom:16px}.j-w{padding-left:var(--containerX)}.j-n{padding-left:40px}.j-u{padding-right:var(--containerX)}.j-m{padding-right:40px}.j-_{padding-top:var(--containerY)}.j-p{padding-top:16px}.j-h{width:100%}.j-j{word-break:keep-all}:root[data-theme=dark] .j-d{display:block}:root[data-theme=dark] .j-c{display:none}@media (min-width:992px){.j-z{padding-bottom:var(--containerY)}.j-x{padding-left:var(--containerX)}.j-v{padding-right:var(--containerX)}.j-aa{padding-top:var(--containerY)}}
._-ag{align-items:center}._-v{aspect-ratio:1}._-a1{background:var(--background)}._-w{background:var(--title)}._-ak{border:solid 1px var(--border)}._-ac{border-radius:1000px}._-al{border-radius:8px}._-as{border-top:solid 1px var(--title)}._-e{color:var(--text)}._-a{color:var(--title)}._-ax{column-gap:var(--portfolioY)}._-p{column-gap:12px}._-ah{cursor:pointer}._-b{flex-grow:0}._-ar{gap:16px}._-m{gap:4px}._-aw{gap:63px}._-am{gap:8px}._-n{grid-column:1/span 2}._-q{grid-template-columns:repeat(2,1fr)}._-s{grid-template-rows:repeat(2,1fr)}._-x{height:12px}._-ai{height:24px}._-a-d{height:40px}._-at{justify-content:space-between}._-z{-webkit-mask-image:url(/images/portfolio/external-link.svg);mask-image:url(/images/portfolio/external-link.svg)}._-_{-webkit-mask-position:50%;mask-position:50%}._-aa{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._-ab{-webkit-mask-size:contain;mask-size:contain}._-c{max-width:580px}._-d{min-width:300px}._-a2{overflow:hidden}._-g{padding:0!important}._-af{padding:16px}._-a7{padding-bottom:var(--containerGap)}._-au{padding-bottom:16px}._-ap{padding-bottom:8px}._-a5{padding-left:var(--containerX)}._-ao{padding-left:16px}._-a3{padding-right:var(--containerX)}._-an{padding-right:16px}._-a9{padding-top:var(--containerGap)}._-av{padding-top:16px}._-aq{padding-top:8px}._-u{row-gap:28px}._-a0{width:100%}._-y{width:12px}._-aj{width:24px}._-ae{width:40px}._-f{word-break:keep-all}._-l *{font-family:Pretendard!important}._-j *{font-size:var(--bodyXlg)!important}._-k *{font-weight:400!important}._-h *{letter-spacing:-.04em!important}._-i *{line-height:1.5!important}@media (min-width:992px){._-ay{column-gap:var(--portfolioY)}._-o{grid-column:3/span 3}._-az{grid-template-columns:repeat(2,auto)}._-r{grid-template-columns:repeat(5,1fr)}._-t{grid-template-rows:repeat(1,1fr)}._-a8{padding-bottom:var(--containerGap)}._-a6{padding-left:var(--containerX)}._-a4{padding-right:var(--containerX)}._-a_{padding-top:var(--containerGap)}}
@layer o1{.u-a{background:var(--backgroundDark)}.u-b{background-attachment:fixed}.u-c{background-position:center calc(-1 * var(--ratio) * var(--weight))}.u-d{background-repeat:no-repeat}.u-e{background-size:cover}.u-f{height:720px}.u-h{margin-left:auto}.u-g{margin-right:auto}.u-k{padding-left:var(--containerX)}.u-i{padding-right:var(--containerX)}@media (min-width:992px){.u-l{padding-left:var(--containerX)}.u-j{padding-right:var(--containerX)}}}
@keyframes p-a{0%{transform:translateY(0)}to{transform:translateY(calc(489px - 100%))}}.p-i{animation-direction:alternate}.p-j{animation-duration:6s}.p-k{animation-iteration-count:infinite}.p-l{animation-name:var(--m)}.p-n{animation-timing-function:ease-in-out}.p-z{background:var(--background)}.p-q{background:var(--backgroundDark)}.p-s{border-radius:10px}.p-t{box-shadow:0 6px 16px #2423281f,0 2px 3px #0000000d}.p-b{color:var(--title)}.p-w{display:none}.p-_{gap:var(--containerGap)}.p-y{gap:20px}.p-r{height:100%}.p-u{height:489px}.p-e{line-height:1.2em}.p-v{overflow:hidden}.p-ag{padding-bottom:var(--containerY)}.p-ae{padding-left:var(--containerX)}.p-ac{padding-right:var(--containerX)}.p-ai{padding-top:var(--containerY)}.p-f{position:sticky}.p-g{top:90px}.p-o{transition:transform 6s ease-in-out}.p-p{width:100%}.p-c{word-break:keep-all}@media (min-width:992px){.p-m{animation-name:none}.p-x{display:inline}.p-aa{gap:var(--containerGap)}.p-ab{grid-template-columns:repeat(2,1fr)}.p-ah{padding-bottom:var(--containerY)}.p-af{padding-left:var(--containerX)}.p-d{padding-left:78px}.p-a-d{padding-right:var(--containerX)}.p-aj{padding-top:var(--containerY)}:is([role=group],[data-group]):hover .p-h{transform:translateY(calc(489px - 100%))}}
.r-w{align-items:center}.r-x{background:var(--background)}.r-f{color:var(--text)}.r-a{color:var(--title)}.r-l{flex:1}.r-h{flex-direction:column}.r-r{gap:var(--containerGap)}.r-n{gap:var(--devfivePeopleX)}.r-p{gap:100px}.r-o{gap:40px}.r-i{height:42px}.r-d{line-height:1.2em}.r-v{overflow:hidden}.r-ab{padding-bottom:var(--containerY)}.r-j{padding-bottom:4px}.r-_{padding-left:var(--containerX)}.r-y{padding-right:var(--containerX)}.r-m{padding-right:10px}.r-a-d{padding-top:var(--containerY)}.r-k{padding-top:4px}.r-e{position:relative}.r-g{width:100%}.r-b{word-break:keep-all}@media (min-width:992px){.r-s{gap:var(--containerGap)}.r-t{grid-template-columns:repeat(2,1fr)}.r-u{grid-template-rows:repeat(1,1fr)}.r-ac{padding-bottom:var(--containerY)}.r-aa{padding-left:var(--containerX)}.r-c{padding-left:80px}.r-z{padding-right:var(--containerX)}.r-ae{padding-top:var(--containerY)}.r-q{padding-top:200px}}
@layer o1{.o-s{align-items:center}.o-t{background:var(--background)}.o-u{overflow:hidden}.o-z{padding-bottom:var(--containerY)}.o-x{padding-left:var(--containerX)}.o-v{padding-right:var(--containerX)}.o-aa{padding-top:var(--containerY)}@media (min-width:992px){.o-_{padding-bottom:var(--containerY)}.o-y{padding-left:var(--containerX)}.o-w{padding-right:var(--containerX)}.o-ab{padding-top:var(--containerY)}}}.o-a{color:var(--title)}.o-l{display:none}.o-o{gap:var(--containerGap)}.o-m{gap:100px}.o-d{line-height:1.2em}.o-e{overflow:hidden}.o-f{position:relative}.o-g{white-space:nowrap}.o-j{width:100%}.o-h{word-break:break-word}.o-b{word-break:keep-all}:root[data-theme=dark] .o-k{display:block}:root[data-theme=dark] .o-i{display:none}@media (min-width:992px){.o-p{gap:var(--containerGap)}.o-q{grid-template-columns:repeat(2,1fr)}.o-r{grid-template-rows:repeat(1,1fr)}.o-c{padding-left:80px}.o-n{padding-top:200px}}
