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