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