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