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