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