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