.main-visual .visual-content{width:100%;height:calc(100vh - 100px);overflow:hidden;position:relative;padding:0 1.25rem;display:flex;align-items:center;justify-content:center}@media (max-width:1024px){.main-visual .visual-content{height:calc(80vh - 60px)}}@media (max-width:576px){.main-visual .visual-content{height:calc(60vh - 60px)}}.main-visual .visual-content .scroll-down{position:absolute;width:100%;text-align:center;bottom:3%;animation:textTwinkle 0.6s ease-in-out infinite alternate}@keyframes textTwinkle{0%{opacity:0.4}to{opacity:1}}.main-visual .visual-content .scroll-down span{font-size:1.125rem;font-weight:500;line-height:1.6;letter-spacing:-0.01em;font-style:italic;display:inline-block;padding:0 0.6em;position:relative}.main-visual .visual-content .scroll-down span:after,.main-visual .visual-content .scroll-down span:before{content:"";display:block;width:3px;height:3px;border-radius:50%;background-color:#121212;position:absolute;top:50%;transform:translateY(-50%)}.main-visual .visual-content .scroll-down span:before{left:0}.main-visual .visual-content .scroll-down span:after{right:0}.main-visual .visual-text{width:100%}.main-visual .visual-text .txt-bx{width:100%;opacity:0}.main-visual .visual-text .txt-bx .txt{font-size:9.375rem;font-weight:700;line-height:1.3;letter-spacing:-0.04em;color:rgba(0,0,0,0.4);letter-spacing:normal}.main-visual .visual-text .txt-bx .txt.black{color:#121212}@media (max-width:1200px){.main-visual .visual-text .txt-bx .txt{font-size:7.5rem}}@media (max-width:1024px){.main-visual .visual-text .txt-bx .txt{font-size:6rem}}@media (max-width:768px){.main-visual .visual-text .txt-bx .txt{font-size:4.8125rem}}@media (max-width:576px){.main-visual .visual-text .txt-bx .txt{font-size:2.5rem}}.main-visual .visual-text .txt-bx:first-child{text-align:center}.main-visual .visual-text .txt-bx:nth-child(3){text-align:right}.loading{width:100%;height:100vh;overflow:hidden;background-color:#fff;position:fixed;top:0;left:0;z-index:1500;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity 0.6s ease-in-out,visibility 0.6s ease-in-out}.loading.fade-out{opacity:0;visibility:hidden}.loading .img-bx{width:308px;height:66px;position:relative;overflow:hidden}.loading .img-bx svg{position:absolute;top:0;left:0}.loading .img-bx svg.svg--fill{mask-image:linear-gradient(to right,black 0%,black 100%);animation:fillAnimation 3s ease-in-out forwards}@keyframes fillAnimation{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.main{overflow:hidden}.main-banner{position:relative;overflow:hidden;padding:40px;height:100vh;padding:10px}@media screen and (max-width:768px){.main-banner{height:fit-content;padding:0 20px}}.main-banner .container{max-width:100%;padding:0;height:calc(100% - 100px);transform:translateY(100px);height:100%;transform:translateY(0)}@media screen and (max-width:768px){.main-banner .container{height:fit-content;transform:translateY(0)}}.main-banner .container .slider-bx{overflow:hidden;width:100%;height:100%}@media screen and (max-width:768px){.main-banner .container .slider-bx{height:fit-content;transform:translateY(0)}}.main-banner .container .slider-bx .swiper{width:100%;height:100%}@media screen and (max-width:768px){.main-banner .container .slider-bx .swiper{height:fit-content;transform:translateY(0)}}.main-banner .container .slider-bx .swiper-slide{background:no-repeat center/cover;position:relative;width:100%;height:100%;border-radius:2.8125rem;background:none!important}.main-banner .container .slider-bx .swiper-slide .img-bx{width:100%;height:100%;object-fit:cover}@media (max-width:768px){.main-banner .container .slider-bx .swiper-slide .img-bx{height:auto;aspect-ratio:335/325}}.main-banner .container .slider-bx .swiper-slide .img-bx .cover-bx{width:100%;height:100%;border-radius:40px;overflow:hidden}.main-banner .container .slider-bx .swiper-slide .img-bx>img{width:100%;height:100%;object-fit:cover;opacity:1}@media (max-width:768px){.main-banner .container .slider-bx .swiper-slide{height:37.5rem;min-height:37.5rem;height:100%;height:fit-content}}@media (max-width:576px){.main-banner .container .slider-bx .swiper-slide{height:25rem;min-height:25rem;height:100%;height:fit-content}}.main-banner .container .slider-bx .swiper-slide img{aspect-ratio:2.0869565217;object-fit:cover;overflow:hidden;border-radius:2.5rem;min-width:100%;min-height:100%;transform:scale(1.2);transition:5s}.main-banner .container .slider-bx .swiper-slide.swiper-slide-active .txt p{transform:translateY(0);opacity:1}.main-banner .container .slider-bx .swiper-slide.swiper-slide-active .cover-bx img{transform:scale(1)}.main-banner .container .slider-bx .swiper-slide .txt{position:absolute;width:100%;padding:0 1.25rem;top:50%;left:0;transform:translateY(-50%);z-index:3;font-size:4.375rem;font-weight:500;line-height:1.3;letter-spacing:-0.01em;color:#fff;text-align:center;overflow:hidden}@media (max-width:1200px){.main-banner .container .slider-bx .swiper-slide .txt{font-size:3.5rem}}@media screen and (max-width:960px){.main-banner .container .slider-bx .swiper-slide .txt{font-size:2.8125rem}}@media (max-width:768px){.main-banner .container .slider-bx .swiper-slide .txt{font-size:2.25rem}}@media (max-width:576px){.main-banner .container .slider-bx .swiper-slide .txt{font-size:1.75rem}}.main-banner .container .slider-bx .swiper-slide .txt p{transform:translateY(100%);opacity:0;transition:transform 1.3s ease-in-out,opacity 1.3s ease}.main-banner .container .slider-bx .swiper-slide .txt strong{font-weight:700}.main-banner .control-bx{position:absolute;z-index:5;bottom:5rem;left:5rem;color:#fff;display:flex;align-items:center;justify-content:center}@media (max-width:1024px){.main-banner .control-bx{right:auto;left:50%;bottom:2.5rem;transform:translateX(-50%)}}.main-banner .control-bx .status-bar{display:flex;align-items:center;justify-content:space-between}.main-banner .control-bx .status-bar .num{font-size:1.125rem;font-weight:600;line-height:1;letter-spacing:0.05em}.main-banner .control-bx .status-bar .bar{display:block;width:15rem;height:2px;background-color:rgba(255,255,255,0.4);margin:0 10px;position:relative}.main-banner .control-bx .status-bar .bar em{position:absolute;width:0%;height:100%;background:#fff;top:0;left:0;transition:width 0.3s ease}.main-banner .control-bx .pause{width:8px;height:12px;background:url(../images/main/icon-pause.png) no-repeat center;font-size:0;margin-left:1.25rem}@media (max-width:1024px){.main-banner .control-bx .pause{display:none}}.main-banner .control-bx .slide-arrow{margin-left:1.25rem}.main-banner .control-bx .slide-arrow .arrow{width:18px;height:18px;background:no-repeat center;display:inline-block;font-size:0}.main-banner .control-bx .slide-arrow .arrow.prev{background-image:url(../images/main/arrow-prev.png)}.main-banner .control-bx .slide-arrow .arrow.next{background-image:url(../images/main/arrow-next.png);margin-left:1.25rem}@media (max-width:1024px){.main-banner .control-bx .slide-arrow .arrow{display:none}}.main-portfolio{padding:11.25rem 0 0;overflow:hidden}@media (max-width:768px){.main-portfolio{padding:3.75rem 0 0}}.main-portfolio .tit-bx{display:flex;align-items:flex-end;justify-content:space-between}@media (max-width:576px){.main-portfolio .tit-bx{flex-direction:column;align-items:flex-start}}.main-portfolio .tit-bx h2{font-size:5rem;font-weight:800;line-height:1;letter-spacing:0em;text-transform:uppercase;line-height:0.7!important}@media (max-width:1200px){.main-portfolio .tit-bx h2{font-size:3.5rem}}@media (max-width:576px){.main-portfolio .tit-bx .btn-bx{width:100%;text-align:right}}.main-portfolio .tit-bx .btn-bx a{font-size:1.25rem;font-weight:600;line-height:1;letter-spacing:0em;display:flex;align-items:center;justify-content:space-between;display:inline-block}.main-portfolio .tit-bx .btn-bx a img{margin-left:10px;vertical-align:middle;position:relative}.main-portfolio .tit-bx .btn-bx a:hover img{animation:arrowLeft 0.8s infinite linear}@keyframes arrowLeft{0%{left:0}50%{left:10px}to{left:0}}@media (max-width:576px){.main-portfolio .tit-bx .btn-bx a{margin-top:10px;margin-top:30px}}.main-portfolio .section-nav{margin-top:2.5rem;margin-top:40px}.main-portfolio .section-nav ul{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px}.main-portfolio .section-nav ul li{border-radius:100px;border:1px solid #000;position:relative;overflow:hidden;text-align:center}@media (max-width:768px){.main-portfolio .section-nav ul li{width:calc(33.33% - 8px)}}@media (max-width:320px){.main-portfolio .section-nav ul li{width:calc(50% - 8px)}}.main-portfolio .section-nav ul li:after{content:"";display:block;width:0;height:0;border-radius:30px;position:absolute;top:50%;left:50%;background-color:#121212;transform:translate(-50%,-50%);transition:all 0.3s ease-in-out;z-index:-1}.main-portfolio .section-nav ul li:hover:after{width:110%;height:110%}.main-portfolio .section-nav ul li:hover .link{color:#fff}.main-portfolio .section-nav ul li.active{background-color:#000}.main-portfolio .section-nav ul li.active .link{color:#fff}.main-portfolio .section-nav ul .link{display:block;padding:4px 22px;font-weight:700;font-family:"Pretendard"}@media (max-width:768px){.main-portfolio .section-nav ul .link{padding:7px 0;font-size:12px}}.main-portfolio .tab-content{margin-top:5rem}@media (max-width:768px){.main-portfolio .tab-content{margin-top:2.5rem}}.main-portfolio .tab-content .slide-bx{position:relative;width:calc(100% - 140px);margin:0 0 0 auto;left:0;overflow:visible}@media screen and (max-width:1400px){.main-portfolio .tab-content .slide-bx{width:calc(100% - 40px);margin:0 auto}}.main-portfolio .tab-content .slide-bx .swiper{overflow:hidden;padding-left:5%;width:100%;padding-left:0}.main-portfolio .tab-content .slide-bx .swiper .swiper-wrapper{}.main-portfolio .tab-content .slide-bx .swiper .swiper-slide{max-width:none}.main-portfolio .tab-content .slide-bx .swiper .swiper-slide a{display:block;position:relative;border-radius:1.5rem;overflow:hidden}.main-portfolio .tab-content .slide-bx .swiper .swiper-slide a:after{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.6);position:absolute;top:0;left:0;opacity:1;transition:0.8s ease;clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%)}.main-portfolio .tab-content .slide-bx .swiper .swiper-slide a.hover:after{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.main-portfolio .tab-content .slide-bx .swiper .swiper-slide a.hover .txt-bx{opacity:1;bottom:0}.main-portfolio .tab-content .slide-bx .swiper .swiper-slide a.hover .img-bx img{transform:scale(1.1)}@media screen and (max-width:768px){.main-portfolio .tab-content .slide-bx .swiper .swiper-slide a:after{opacity:1}.main-portfolio .tab-content .slide-bx .swiper .swiper-slide a .txt-bx{opacity:1;bottom:0}}.main-portfolio .tab-content .slide-bx .swiper .swiper-slide .txt-bx{position:absolute;bottom:-20px;left:0;color:#fff;font-size:1.25rem;padding:2rem;opacity:0;transition:all 0.5s 0.2s ease;z-index:1}.main-portfolio .tab-content .slide-bx .swiper .swiper-slide .txt-bx .title{word-break:break-all}.main-portfolio .tab-content .slide-bx .swiper .swiper-slide .img-bx{aspect-ratio:395/395;object-fit:cover;overflow:hidden}.main-portfolio .tab-content .slide-bx .swiper .swiper-slide .img-bx img{min-width:100%;height:100%;transition:0.8s}.main-portfolio .tab-content .slide-bx .controller{position:absolute;width:1800px;top:50%;left:50%;transform:translate(calc(-50% - 80px),-50%);z-index:10;pointer-events:none;width:100%;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width:1400px){.main-portfolio .tab-content .slide-bx .controller{transform:translate(-50%,-50%)}}@media screen and (max-width:768px){.main-portfolio .tab-content .slide-bx .controller{width:calc(100% + 20px)}}.main-portfolio .tab-content .slide-bx .controller>button{width:60px;height:60px;border-radius:50%;background:rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);pointer-events:all}@media screen and (max-width:768px){.main-portfolio .tab-content .slide-bx .controller>button{width:30px;height:30px;background:#000}.main-portfolio .tab-content .slide-bx .controller>button img{width:16px}}.main-portfolio .part-section{margin-top:12.5rem}@media (max-width:1024px){.main-portfolio .part-section{margin-top:10vw}}.main-portfolio .part-section .section-bx{background:no-repeat center/cover;display:flex}@media (max-width:1024px){.main-portfolio .part-section .section-bx{display:block}}.main-portfolio .part-section .section-bx:nth-child(odd) .img-bx{border-radius:0 40px 40px 0}.main-portfolio .part-section .section-bx:nth-child(2n){flex-direction:row-reverse}.main-portfolio .part-section .section-bx:nth-child(2n) .img-bx{border-radius:40px 0 0 40px}.main-portfolio .part-section .section-bx>div{width:50%}@media (max-width:1024px){.main-portfolio .part-section .section-bx>div{width:100%}}.main-portfolio .part-section .section-bx .img-bx{height:100vh;overflow:hidden}.main-portfolio .part-section .section-bx .img-bx img{min-width:100%;max-width:120%}@media (max-width:1024px){.main-portfolio .part-section .section-bx .img-bx img{min-width:100%;max-width:100%}}@media (max-width:1200px){.main-portfolio .part-section .section-bx .img-bx{height:70vh}}@media (max-width:1024px){.main-portfolio .part-section .section-bx .img-bx{height:auto}}.main-portfolio .part-section .section-bx .img-bx .img{position:relative;object-fit:cover;height:110vh}@media (max-width:1200px){.main-portfolio .part-section .section-bx .img-bx .img{height:70vh}}@media (max-width:1024px){.main-portfolio .part-section .section-bx .img-bx .img{height:auto}}.main-portfolio .part-section .section-bx .txt-bx{display:flex;align-items:center;justify-content:center;padding:0 1.25rem}@media (max-width:1024px){.main-portfolio .part-section .section-bx .txt-bx{display:block;padding:1.875rem 1.25rem 3.75rem}}.main-portfolio .part-section .section-bx .txt-bx .flex-bx{display:flex;flex-direction:column}.main-portfolio .part-section .section-bx .txt-bx .flex-bx>*{display:block}.main-portfolio .part-section .section-bx .txt-bx .flex-bx span{display:inline-block}.main-portfolio .part-section .section-bx .txt-bx .num{font-size:1.75rem;font-weight:700;line-height:1.3;letter-spacing:-0.02em;color:#d8d8d8}.main-portfolio .part-section .section-bx .txt-bx .title{font-size:4.375rem;font-weight:700;line-height:1.3;letter-spacing:-0.02em;color:#000;margin-top:8px}@media (max-width:1200px){.main-portfolio .part-section .section-bx .txt-bx .title{font-size:3.5rem}}@media (max-width:768px){.main-portfolio .part-section .section-bx .txt-bx .title{font-size:2.375rem}}.main-portfolio .part-section .section-bx .txt-bx .eng-title{font-size:1.25rem;font-weight:700;line-height:1.3;letter-spacing:-0.04em;color:#000;margin-top:2.5rem;text-transform:uppercase}.main-portfolio .part-section .section-bx .txt-bx .txt{font-size:1.5rem;font-weight:400;line-height:1.5;letter-spacing:-0.04em;color:rgba(0,0,0,0.7);margin-top:1rem}@media (max-width:1200px){.main-portfolio .part-section .section-bx .txt-bx .txt{font-size:1.25rem}}@media (max-width:576px){.main-portfolio .part-section .section-bx .txt-bx .txt br{display:none}}.main-vision .item{min-height:47.5rem;background:no-repeat center/cover;box-shadow:0 -9px 20px rgba(0,0,0,0.1);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;text-align:left;padding:0 8.75rem;border-radius:2.5rem 2.5rem 0 0;box-shadow:0 -0.5625rem 1.25rem rgba(0,0,0,0.1);overflow:hidden}.main-vision .item:not(:first-child){margin-top:-2.5rem}@media (max-width:768px){.main-vision .item:not(:first-child){margin-top:0}}@media (max-width:1024px){.main-vision .item{padding:0 5rem;background-position:right top}}@media (max-width:768px){.main-vision .item{min-height:auto;padding:2.5rem}}.main-vision .item .num{font-size:1.25rem;font-weight:500;line-height:1;letter-spacing:0em;color:rgba(0,0,0,0.7)}.main-vision .item .big-txt{font-size:3rem;font-weight:600;line-height:1.2;letter-spacing:-0.02em;margin-top:1.5rem;color:#121212}@media (max-width:1200px){.main-vision .item .big-txt{font-size:2.375rem}}@media (max-width:768px){.main-vision .item .big-txt{font-size:1.5rem}}@media (max-width:768px){.main-vision .item .big-txt br{display:none}}.main-vision .item .txt{font-size:1.5rem;font-weight:400;line-height:1.4;letter-spacing:-0.02em;color:rgba(0,0,0,0.7);margin-top:1.5rem}@media (max-width:1200px){.main-vision .item .txt{font-size:1.25rem}}@media (max-width:576px){.main-vision .item .txt{font-size:1.125rem}}@media (max-width:768px){.main-vision .item .txt br{display:none}}.main-vision .item .hashtag{font-size:1.125rem;font-weight:600;line-height:1;letter-spacing:0em;font-style:italic;text-transform:uppercase;color:#fff;background-color:#000;border-radius:50px;height:2.625rem;line-height:2.625rem;padding:0 1.25rem;margin-top:3.75rem}