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