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