.sub-section.portfolio-section{position:relative;background:#fff}.sub-section.portfolio-section .bg-bx{position:absolute;top:0;right:0}@media screen and (max-width:1024px){.sub-section.portfolio-section .bg-bx{display:none}}.sub-section.portfolio-section .bg-bx2{position:absolute;top:50%;left:0;transform:translateY(-50%)}@media screen and (max-width:1024px){.sub-section.portfolio-section .bg-bx2{display:none}}.sub-section.portfolio-section .bg-bx3{position:absolute;bottom:0;right:0}@media screen and (max-width:1024px){.sub-section.portfolio-section .bg-bx3{display:none}}.sub-section.portfolio-section .line-container{width:100%;max-width:1700px;padding:0 20px;position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;display:flex;gap:80px}@media screen and (max-width:1400px){.sub-section.portfolio-section .line-container{gap:20px}}@media screen and (max-width:1024px){.sub-section.portfolio-section .line-container{display:none}}.sub-section.portfolio-section .line-container .line-bx{width:calc(33.3333333333% - 53.33px);position:relative}@media screen and (max-width:1400px){.sub-section.portfolio-section .line-container .line-bx{width:calc(33.3333333333% - 13.33px)}}.sub-section.portfolio-section .line-container .line-bx1:before{animation-delay:0s!important}.sub-section.portfolio-section .line-container .line-bx2:before{animation-delay:3s!important}.sub-section.portfolio-section .line-container .line-bx3:before{animation-delay:1.5s!important}.sub-section.portfolio-section .line-container .line-bx:after{content:"";width:1px;height:100%;background:linear-gradient(to bottom,#15A9FA,#DAC9FF);position:absolute;top:0;left:50%;transform:translateX(-50%)}.sub-section.portfolio-section .line-container .line-bx:before{content:"";width:8px;aspect-ratio:8/161;position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-100%);background:url("../images/sub/portfolio/port-line.svg");background-repeat:no-repeat;background-size:cover;animation:rain 10s infinite linear}@keyframes rain{0%{top:0;transform:translateX(-50%) translateY(-100%)}to{top:100%;transform:translateX(-50%) translateY(100%)}}.sub-section.portfolio-section .container{position:relative;z-index:10;max-width:1700px;padding:325px 20px 570px}@media screen and (max-width:1024px){.sub-section.portfolio-section .container{padding:140px 20px 70px}}@media screen and (max-width:1024px){.sub-section.portfolio-section .container .txt-bx{margin-bottom:40px}}.sub-section.portfolio-section .container .txt-bx .title{text-align:center;font-size:17.5em;font-style:normal;font-weight:800;line-height:100%;background:linear-gradient(90deg,#FFF 0%,#15A9FA 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (max-width:1600px){.sub-section.portfolio-section .container .txt-bx .title{font-size:9.375em}}@media screen and (max-width:1024px){.sub-section.portfolio-section .container .txt-bx .title{font-size:6.25em}}@media screen and (max-width:768px){.sub-section.portfolio-section .container .txt-bx .title{font-size:48px;font-style:normal;font-weight:800;line-height:100%}}.sub-section.portfolio-section .container .img-container{width:100%;display:flex;flex-direction:column;gap:100px;gap:80px}@media screen and (max-width:1400px){.sub-section.portfolio-section .container .img-container{gap:20px}}@media screen and (max-width:1024px){.sub-section.portfolio-section .container .img-container{flex-direction:row;flex-wrap:wrap;gap:20px;row-gap:40px}}@media screen and (max-width:768px){.sub-section.portfolio-section .container .img-container{row-gap:70px}}.sub-section.portfolio-section .container .img-container li{width:100%;display:flex}@media screen and (max-width:1024px){.sub-section.portfolio-section .container .img-container li{width:calc(50% - 10px)}}@media screen and (max-width:768px){.sub-section.portfolio-section .container .img-container li{width:100%}}.sub-section.portfolio-section .container .img-container li{}.sub-section.portfolio-section .container .img-container li:nth-child(4n+1){justify-content:left}.sub-section.portfolio-section .container .img-container li:nth-child(4n),.sub-section.portfolio-section .container .img-container li:nth-child(4n+2){justify-content:center}.sub-section.portfolio-section .container .img-container li:nth-child(4n+3){justify-content:right}.sub-section.portfolio-section .container .img-container li .item{width:calc(33.3333333333% - 53.33px);aspect-ratio:500/720;perspective:1200px}@media screen and (max-width:1400px){.sub-section.portfolio-section .container .img-container li .item{width:calc(33.3333333333% - 13.33px)}}@media screen and (max-width:1024px){.sub-section.portfolio-section .container .img-container li .item{width:100%;aspect-ratio:auto}}@media screen and (min-width:1025px){.sub-section.portfolio-section .container .img-container li .item:hover .card{transform:rotateY(180deg)}}.sub-section.portfolio-section .container .img-container li .item .card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.9s cubic-bezier(0.4,0,0.2,1);will-change:transform}.sub-section.portfolio-section .container .img-container li .item .card .back,.sub-section.portfolio-section .container .img-container li .item .card .front{position:absolute;inset:0;backface-visibility:hidden}@media screen and (max-width:1024px){.sub-section.portfolio-section .container .img-container li .item .card .back,.sub-section.portfolio-section .container .img-container li .item .card .front{position:relative}}.sub-section.portfolio-section .container .img-container li .item .card .front .img-bx{width:100%;aspect-ratio:500/540;border-radius:16px;overflow:hidden;margin-bottom:20px}@media screen and (max-width:768px){.sub-section.portfolio-section .container .img-container li .item .card .front .img-bx{aspect-ratio:1/1;margin-bottom:16px}}.sub-section.portfolio-section .container .img-container li .item .card .front .img-bx img{width:100%;height:100%;object-fit:cover}.sub-section.portfolio-section .container .img-container li .item .card .front .name{color:var(--Title24,#111);font-size:3em;font-style:normal;font-weight:600;line-height:140%;letter-spacing:-1.92px}@media screen and (max-width:768px){.sub-section.portfolio-section .container .img-container li .item .card .front .name{font-size:32px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:-0.64px}}.sub-section.portfolio-section .container .img-container li .item .card .front .text{color:var(--body,#666);font-size:1.25em;font-style:normal;font-weight:400;line-height:160%;letter-spacing:-0.8px;margin-bottom:32px}@media screen and (max-width:768px){.sub-section.portfolio-section .container .img-container li .item .card .front .text{font-size:14px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-0.28px;margin-bottom:24px}}.sub-section.portfolio-section .container .img-container li .item .card .front .tag-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sub-section.portfolio-section .container .img-container li .item .card .front .tag-list li{width:fit-content;display:flex;color:var(--body,#666);font-size:0.875em;font-style:normal;font-weight:400;line-height:160%;letter-spacing:-0.28px;padding:2px 8px;border:1px solid var(--line,#DDD)}@media screen and (max-width:768px){.sub-section.portfolio-section .container .img-container li .item .card .front .tag-list li{font-size:12px;font-style:normal;font-weight:400;line-height:160%;letter-spacing:-0.24px}}.sub-section.portfolio-section .container .img-container li .item .card .back{transform:rotateY(180deg);border-radius:16px;border:1px solid rgba(113,47,253,0.8);background:rgba(0,0,0,0.06);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;flex-direction:column}@media screen and (max-width:1024px){.sub-section.portfolio-section .container .img-container li .item .card .back{display:none}}.sub-section.portfolio-section .container .img-container li .item .card .back .txt-bx .name-eng{color:#15A9FA;text-align:center;font-size:3em;font-style:normal;font-weight:700;line-height:140%;letter-spacing:-1.92px}.sub-section.portfolio-section .container .img-container li .item .card .back .txt-bx .name-kor{color:#15A9FA;text-align:center;font-size:1.25em;font-style:normal;font-weight:400;line-height:160%;letter-spacing:-0.4px}.sub-section.portfolio-section .container .img-container li .item .card .back .txt-bx .link{width:60px;aspect-ratio:1/1;border-radius:999px;border:1px solid #15A9FA;display:flex;align-items:center;justify-content:center;margin:50px auto 0;transition:0.3s}.sub-section.portfolio-section .container .img-container li .item .card .back .txt-bx .link:hover{background:#15A9FA}.sub-section.portfolio-section .container .img-container li .item .card .back .txt-bx .link:hover span{color:#fff}.sub-section.portfolio-section .container .img-container li .item .card .back .txt-bx .link span{color:#15A9FA;font-size:1rem;transition:0.3s}