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