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