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