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