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