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