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