.av-k{align-items:center}.av-c{aspect-ratio:1}.av-aj{aspect-ratio:4.1}.av-d{background:var(--title)}.av-u{border-top:solid 1.5px var(--title)}.av-a{color:var(--title)}.av-v{column-gap:80px}.av-ak{filter:grayscale()}.av-ap{flex:none}.av-aq{flex-direction:column}.av-ar{flex-shrink:0}.av-_{gap:var(--containerGap)}.av-l{gap:12px}.av-aw{gap:16px}.av-w{grid-template-columns:repeat(1,1fr)}.av-e{height:16px}.av-al{height:38.93px}.av-as{height:60px}.av-s{justify-content:flex-end}.av-ac{margin-left:auto}.av-ab{margin-right:auto}.av-g{-webkit-mask-image:url(/images/main/arrow.svg);mask-image:url(/images/main/arrow.svg)}.av-h{-webkit-mask-position:50%;mask-position:50%}.av-i{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.av-j{-webkit-mask-size:contain;mask-size:contain}.av-am{object-fit:contain}.av-an{opacity:.6}.av-a-d{overflow:hidden}.av-ae{padding-bottom:var(--containerY)}.av-o{padding-left:var(--containerX)}.av-au{padding-left:20px}.av-m{padding-right:var(--containerX)}.av-at{padding-right:20px}.av-ag{padding-top:var(--containerY)}.av-t{padding-top:40px}.av-ax{padding-top:64px}.av-z{row-gap:60px}.av-r{transition:all .3s}.av-ao{width:100%}.av-f{width:16px}.av-av{width:200px}.av-b{word-break:keep-all}:is([role=group],[data-group]):hover .av-q{background:var(--primary)}:root[data-theme=dark] .av-ai{filter:grayscale()invert()}@media (min-width:992px){.av-aa{gap:var(--containerGap)}.av-x{grid-template-columns:repeat(2,1fr)}.av-y{grid-template-rows:repeat(1,1fr)}.av-af{padding-bottom:var(--containerY)}.av-p{padding-left:var(--containerX)}.av-n{padding-right:var(--containerX)}.av-ah{padding-top:var(--containerY)}}
@layer o1{.by-al{align-items:flex-start}.by-an{border-bottom:solid 1.5px var(--title)}.by-ao{cursor:pointer}.by-ap{gap:20px}.by-a-d{height:100%}.by-ae{object-fit:cover}.by-af{object-position:center}.by-aq{padding-bottom:var(--portfolioListY)}.by-as{padding-top:var(--portfolioListY)}.by-au{transition:all .2s ease-in-out}.by-ag{width:100%}.by-aj:hover{padding-bottom:var(--portfolioListYSelected)}.by-ah:hover{padding-top:var(--portfolioListYSelected)}@media (min-width:992px){.by-am{align-items:center}.by-ar{padding-bottom:var(--portfolioListY)}.by-at{padding-top:var(--portfolioListY)}.by-ak:hover{padding-bottom:var(--portfolioListYSelected)}.by-ai:hover{padding-top:var(--portfolioListYSelected)}}}.by-bo{align-items:flex-start}.by-av{color:var(--text)}.by-ba{color:var(--title)}.by-bl{display:block}.by-a{display:none}.by-bp{flex:1}.by-bq{flex-direction:column-reverse}.by-bb{font-family:Pretendard}.by-bc{font-size:var(--titleSm)}.by-be{font-weight:700}.by-bs{gap:8px}.by-ay{grid-template-rows:1fr}.by-q{height:100%}.by-bv{height:24px}.by-r{left:0}.by-bf{letter-spacing:-.04em}.by-bg{line-height:1.3}.by-bn{margin-bottom:12px}.by-s{object-fit:cover}.by-a1{opacity:0}.by-c{overflow:hidden}.by-bh{padding-left:20px}.by-d{perspective-origin:0}.by-t{position:absolute}.by-e{position:relative}.by-bi{text-align:left}.by-u{top:0}.by-w{transform:scale(0)}.by-v{transform:scale(1)}.by-x{transform-origin:50%}.by-bj{transition:all .2s ease-in-out}.by-a0{transition:grid-template-rows .3s ease-in-out}.by-y{transition:transform .3s ease-in-out}.by-a3{transition:transform .5s cubic-bezier(.3,.8,.8,1)}.by-_{transition-delay:.3s}.by-z{transition-delay:0s}.by-p{transition-duration:0s}.by-n{transition-property:transform}.by-o{transition-timing-function:ease-in-out}.by-bk{white-space:nowrap}.by-aa{width:100%}.by-bw{width:24px}.by-aw{word-break:keep-all}.by-ac{z-index:0}.by-ab{z-index:10}:is([role=group],[data-group]):hover .by-a_{color:var(--primary)}:is([role=group],[data-group]):hover .by-a4{font-family:Pretendard}:is([role=group],[data-group]):hover .by-a6{font-size:var(--h1)}:is([role=group],[data-group]):hover .by-a5{font-weight:700}:is([role=group],[data-group]):hover .by-ax{grid-template-rows:1fr}:is([role=group],[data-group]):hover .by-a9{letter-spacing:-.04em}:is([role=group],[data-group]):hover .by-a8{line-height:1.3}:is([role=group],[data-group]):hover .by-a2{transform:translateY(-3lh)}.portfolio-container:has(.portfolio-list:hover) .by-i{transform:perspective(1200px)rotate3d(0,0,0,0)}.portfolio-container:has(.portfolio-list:hover) .by-h{transform-style:preserve-3d}.portfolio-container:has(.portfolio-list:hover) .by-g{transition-delay:.3s}.portfolio-container:has(.portfolio-list:hover) .by-f{transition-duration:.3s}.portfolio-container:not(:hover) .by-m{transform:perspective(1200px)rotateY(10deg)}.portfolio-container:not(:hover) .by-l{transform-style:preserve-3d}.portfolio-container:not(:hover) .by-k{transition-delay:.3s}.portfolio-container:not(:hover) .by-j{transition-duration:.3s}[role=group] .by-bx .devfive-icon-inner,[role=group]:hover .by-bz .devfive-icon-inner{transform:scale(1)}@media (min-width:992px){.by-b{display:block}.by-bm{display:none}.by-br{flex-direction:column}.by-bd{font-size:var(--titleSm)}.by-az{grid-template-rows:0fr}:is([role=group],[data-group]):hover .by-a7{font-size:var(--h1)}:is([role=group],[data-group]):hover .by-bt{height:48px}:is([role=group],[data-group]):hover .by-bu{width:48px}[role=group] .by-by .devfive-icon-inner{transform:scale(0)}}
@layer o1{.da-c{height:16px}.da-b{height:48px}.da-g{transform:scale(0)}.da-f{transform:scale(1)}.da-h{transform-origin:50%}.da-a{transition:all .2s ease-in-out}.da-e{width:16px}.da-d{width:48px}}
@layer o1{.db-a{transform:perspective(1200px) rotate3d(var(--x),var(--y),0,8deg)}}
.ax-a2{align-items:center}.ax-y{align-items:flex-start}.ax-a_{align-self:flex-end}.ax-a3{animation-duration:.7s}.ax-bg{animation-duration:1s}.ax-a4{animation-fill-mode:forwards}.ax-bh{animation-iteration-count:infinite}.ax-bi{animation-name:var(--q)}.ax-bj{animation-timing-function:ease-in-out}.ax-a-d{aspect-ratio:.6}.ax-aq{aspect-ratio:1}.ax-aw{background:#fff}.ax-ae{background:var(--primary)}.ax-a5{border-radius:1000px}.ax-k{border-top:solid 1.5px var(--title)}.ax-ao{color:var(--primary)}.ax-u{color:var(--text)}.ax-b{color:var(--title)}.ax-p{cursor:pointer}.ax-q{display:contents}.ax-a6{display:none}.ax-bk{flex-shrink:0}.ax-b7{gap:var(--containerGap)}.ax-w{gap:12px}.ax-v{gap:20px}.ax-_{gap:40px}.ax-bw{grid-template-rows:0fr}.ax-ax{height:0}.ax-bl{height:160px}.ax-ar{height:16px}.ax-af{height:24px}.ax-bo{height:80px}.ax-bc{justify-content:space-between}.ax-n{margin-left:16px}.ax-b_{margin-left:auto}.ax-br{margin-left:calc(var(--slideSpacing) * -1)}.ax-l{margin-right:16px}.ax-b9{margin-right:auto}.ax-bx{margin-top:0}.ax-at{-webkit-mask-image:url(/images/main/arrow.svg);mask-image:url(/images/main/arrow.svg)}.ax-ah{-webkit-mask-image:var(--s);mask-image:var(--s)}.ax-ai{-webkit-mask-position:50%;mask-position:50%}.ax-aj{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ax-ak{-webkit-mask-size:contain;mask-size:contain}.ax-by{order:1}.ax-bd{order:2}.ax-bf{overflow:hidden}.ax-a8{padding:0}.ax-ca{padding-bottom:var(--containerY)}.ax-b3{padding-bottom:40px}.ax-bn{padding-left:var(--slideSpacing)}.ax-h{padding-left:16px}.ax-a{padding-left:clamp(60px,8.33333vw,160px)}.ax-f{padding-right:16px}.ax-cc{padding-top:var(--containerY)}.ax-b5{padding-top:40px}.ax-e{position:relative}.ax-az{rotate:180deg}.ax-t{text-align:left}.ax-s{transition:all .2s}.ax-al{transition-duration:.2s}.ax-b0{transition-duration:.3s}.ax-b1{transition-property:grid-template-rows,margin-top}.ax-b2{transition-timing-function:ease-in-out}.ax-c{white-space:nowrap}.ax-ay{width:0}.ax-as{width:16px}.ax-bm{width:240px}.ax-bq{width:fit-content}.ax-d{word-break:keep-all}:is([role=group],[data-group]):hover .ax-r{color:var(--primary)}:is([role=group],[data-group]):hover .ax-bs{grid-template-rows:1fr}:is([role=group],[data-group]):hover .ax-av{height:32px}:is([role=group],[data-group]):hover .ax-bu{margin-bottom:40px}:is([role=group],[data-group]):hover .ax-a1{padding:24px}:is([role=group],[data-group]):hover .ax-au{width:32px}@media (min-width:992px){.ax-ba{align-self:unset}.ax-a7{display:flex}.ax-ap{display:none}.ax-z{flex-direction:row}.ax-bb{flex-direction:row-reverse}.ax-b8{gap:var(--containerGap)}.ax-aa{gap:160px}.ax-x{gap:24px}.ax-ag{height:120px}.ax-bp{height:160px}.ax-o{margin-left:40px}.ax-m{margin-right:40px}.ax-be{order:1}.ax-bz{order:2}.ax-cb{padding-bottom:var(--containerY)}.ax-b4{padding-bottom:60px}.ax-i{padding-left:40px}.ax-g{padding-right:40px}.ax-cd{padding-top:var(--containerY)}.ax-b6{padding-top:60px}.ax-a9{transition-property:padding}.ax-am{transition-property:width,height}.ax-a0{transition-property:width,height,rotate}.ax-j{width:463px}.ax-an{width:71.43px}:is([role=group],[data-group]):hover .ax-ac{height:0}:is([role=group],[data-group]):hover .ax-bv{margin-bottom:unset}:is([role=group],[data-group]):hover .ax-bt{margin-top:60px}:is([role=group],[data-group]):hover .ax-ab{width:0}}
@keyframes bv-a{0%{background-position:200% 0}to{background-position:-200% 0}50%{background-position:0 0}}.bv-d{animation-duration:1.8s}.bv-e{animation-iteration-count:infinite}.bv-f{animation-timing-function:ease-in-out}.bv-b{background:linear-gradient(90deg,#eee 0,#e0e0e0 40%,#eee 80%)}.bv-c{background-size:200% 100%}
.a3-_{background:var(--pointBg)}.a3-a{color:#fff}.a3-u{color:var(--title)}.a3-aa{column-gap:100px}.a3-x{display:none}.a3-d{gap:20px}.a3-e{gap:36px}.a3-j{gap:52px}.a3-h{grid-column:1/span 1}.a3-f{grid-column:2/span 1}.a3-i{grid-row:1/span 1}.a3-g{grid-row:2/span 1}.a3-ab{grid-template-columns:repeat(1,1fr)}.a3-l{grid-template-columns:repeat(2,1fr)}.a3-m{grid-template-rows:repeat(2,1fr)}.a3-ag{margin-left:auto}.a3-af{margin-right:auto}.a3-ae{min-height:100dvh}.a3-b{opacity:.6}.a3-v{opacity:0}.a3-al{padding-bottom:var(--containerY)}.a3-aj{padding-left:var(--containerX)}.a3-ah{padding-right:var(--containerX)}.a3-an{padding-top:var(--containerY)}.a3-z{position:relative}.a3-n{position:sticky}.a3-ap{row-gap:160px}.a3-w{top:100px}.a3-o{top:200px}.a3-c{word-break:keep-all}@media (min-width:992px){.a3-y{display:block}.a3-k{gap:110px}.a3-q{grid-column:2/span 1}.a3-r{grid-row:1/span 1}.a3-ac{grid-template-columns:repeat(2,1fr)}.a3-a-d{grid-template-rows:repeat(1,1fr)}.a3-am{padding-bottom:var(--containerY)}.a3-ak{padding-left:var(--containerX)}.a3-t{padding-left:30px}.a3-ai{padding-right:var(--containerX)}.a3-s{padding-right:30px}.a3-ao{padding-top:var(--containerY)}.a3-p{top:385px}}
.a0-k{align-items:flex-start}.a0-h{color:var(--text)}.a0-a{color:var(--title)}.a0-aa{column-gap:100px}.a0-x{display:none}.a0-i{flex:1}.a0-c{flex-direction:column}.a0-m{gap:var(--titleLg)}.a0-o{gap:var(--whyDevfiveGapLg)}.a0-j{gap:32px}.a0-z{grid-column:1/span 1}.a0-ab{grid-template-columns:repeat(1,1fr)}.a0-s{justify-content:center}.a0-ae{margin-top:100px}.a0-u{opacity:0}.a0-ag{padding-bottom:var(--containerY)}.a0-d{padding-bottom:8px}.a0-ak{padding-left:var(--containerX)}.a0-t{padding-left:clamp(60px,6.77083vw,130px)}.a0-ai{padding-right:var(--containerX)}.a0-e{padding-top:8px}.a0-_{position:relative}.a0-v{position:sticky}.a0-am{row-gap:160px}.a0-w{top:100px}.a0-b{width:100%}.a0-f{width:30px}.a0-g{word-break:keep-all}@media (min-width:992px){.a0-y{display:block}.a0-l{flex-direction:row}.a0-n{gap:var(--titleLg)}.a0-p{gap:var(--whyDevfiveGapLg)}.a0-q{grid-column:2/span 1}.a0-r{grid-row:1/span 1}.a0-ac{grid-template-columns:repeat(2,1fr)}.a0-a-d{grid-template-rows:repeat(1,1fr)}.a0-af{margin-top:-450px}.a0-ah{padding-bottom:var(--containerY)}.a0-al{padding-left:var(--containerX)}.a0-aj{padding-right:var(--containerX)}}
.az-e{display:block}.az-c{margin-left:auto}.az-a{margin-right:auto}.az-f{padding-left:clamp(60px,6.77083vw,130px)}@media (min-width:992px){.az-d{margin-left:unset}.az-b{margin-right:unset}}
@layer o1{.bx-e{background:var(--background)}.bx-d{background:var(--pointBg)}.bx-i{margin-left:auto}.bx-h{margin-right:auto}.bx-j{padding-bottom:0}.bx-q{padding-left:var(--containerX)}.bx-o{padding-right:var(--containerX)}.bx-m{padding-top:85px}.bx-l{position:sticky}.bx-s{top:0}.bx-u{transition:background-color .3s}.bx-w{z-index:10}:root[data-theme=dark] .bx-b{background:var(--background)}:root[data-theme=dark] .bx-a{background:var(--pointBg)}@media (min-width:992px){.bx-f{background:0 0}.bx-g{mix-blend-mode:var(--lightningcss-light,difference)var(--lightningcss-dark,unset)}.bx-k{padding-bottom:500px}.bx-r{padding-left:var(--containerX)}.bx-p{padding-right:var(--containerX)}.bx-n{padding-top:0}.bx-t{top:200px}.bx-v{width:100%}:root[data-theme=dark] .bx-c{background:0 0}}}
@layer o1{.bw-a{color:#fff}.bw-b{color:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#fafafa)}.bw-d{mix-blend-mode:var(--lightningcss-light,difference)var(--lightningcss-dark,unset)}.bw-f{word-break:keep-all}@media (min-width:992px){.bw-c{color:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#fafafa)}.bw-e{mix-blend-mode:unset}}}