.section-portfolio{position:relative;padding:120px 0 300px;color:#fff;overflow:hidden;transition:background .4s}.section-portfolio-photo{position:absolute;top:0;right:0;transform:rotate(20deg);display:flex;gap:50px;align-items:center;transition:opacity .5s ease-in-out,transform .5s ease-in-out}.section-portfolio-photo img{opacity:.4;transition:transform .5s ease-in-out,max-width .5s ease-in-out}.section-portfolio-photo img:first-child,.section-portfolio-photo img:nth-child(3){max-width:300px}.section-portfolio-inner{position:relative;z-index:1;max-width:1500px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.section-portfolio-inner .tit-area{width:100%}.section-portfolio-inner .portfolio-list{width:95%}.section-portfolio-title{color:#C0D252;font-family:Pretendard;font-size:48px;font-style:normal;font-weight:700;line-height:normal;padding-bottom:20px;width:100%}.section-portfolio-text{color:#d9d9d9;padding-bottom:70px;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:400;line-height:140%}.portfolio-list a{display:flex;align-items:center;width:100%;color:#fff;font-family:Pretendard;font-size:60px;font-style:normal;font-weight:700;line-height:normal;gap:16px;padding:10px 0;border-bottom:1px solid rgba(139,138,136,.8)}.portfolio-list a span{color:#d9d9d9;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:400;line-height:140%}.section-portfolio .ico-more{align-items:center;border-radius:50%;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;transform-origin:left center;vertical-align:middle;height:60px;margin-left:5px;top:3px;width:60px;opacity:0;transition:opacity .3s linear;background:#C0D252;color:#2d2d2d}.portfolio-list a:hover .ico-more svg{stroke:#000;stroke:#fff}.portfolio-list a:hover .ico-more{opacity:1;background:#C0D252;animation:translateX .6s ease-in-out}@keyframes translateX{0%{transform:translateX(40px)}50%{transform:translateX(0)}75%{transform:translateX(12px)}to{transform:translateX(0)}}.section-portfolio .ico-more-inner{width:76px;height:76px;flex-shrink:0;overflow:hidden;position:relative;display:inline-block;vertical-align:middle}.portfolio-list a:hover .ico-more-inner svg{animation:moveArrow .6s linear;animation-delay:.2s}.section-portfolio .ico-more-inner svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;height:100%;width:100%;transition:stroke .3s ease-in-out}html #portfolio_overay{width:100%;height:100%;position:fixed;background:rgba(0,0,0,.6);top:0;left:0;z-index:800;opacity:0;transition:all .72s ease;transform:translateX(100%)}html.po-open #portfolio_overay{opacity:1;transform:translateX(0)}html .portfolio_con{width:540px;height:calc(var(--ph, 100%) / .9);position:fixed;background:#fff;top:50%;left:50%;transform:translate(-50%,-52%);z-index:801;transition:opacity .6s ease,transform .6s ease;opacity:0;visibility:hidden;pointer-events:none}html.po-open .portfolio_con{visibility:visible;pointer-events:all;opacity:1;overflow:hidden;display:flex;flex-direction:column;transform:translate(-50%,-50%)}.portfolio_con_scroll{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px}.portfolio_con>li{color:#000;visibility:hidden;opacity:0;transform:translateY(-10px);transition:all .65s ease;pointer-events:none;position:absolute;width:90%;height:90%;left:5%;top:5%;text-align:center;display:flex;flex-direction:column}.portfolio_con>li.on{opacity:1;transform:translateY(0);visibility:visible;pointer-events:all}.portfolio_con>li .title{position:absolute;left:0;top:-12px;color:#606060}.portfolio_con>li .title,.portfolio_con>li h4{font-family:Pretendard;font-weight:400;font-size:16px}.portfolio_con>li h4{margin-top:20px;color:#191919}.portfolio_con>li h3{font-family:Pretendard;font-weight:700;font-size:18px;margin-top:6px;color:#191919}.portfolio_con>li .scroll-box{font-family:Pretendard;font-weight:400;font-size:15px;margin-top:16px;color:#4c4c4c;text-align:center;overflow:auto}.portfolio_con>li .scroll-box li{list-style:inside;text-align:left}.portfolio_con>li .scroll-box:-webkit-scrollbar{display:none}.portfolio_con li .scroll-box{-ms-overflow-style:none;scrollbar-width:none}.portfolio_con .close_btn{content:"";background:transparent;position:absolute;right:20px;top:20px;transition:all .5s ease;transform:rotate(0);width:32px}.portfolio_con .close_btn:hover{transform:rotate(90deg)}.portfolio_con .img-box{margin-top:20px;position:relative;width:100%;padding-bottom:50%;overflow:hidden}.portfolio_con .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .6s ease}.portfolio_con .img-box:hover img{transform:scale(1.1)}.scroll-box{max-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes moveArrow{0%{transform:translate(-50%,-50%)}40%{transform:translate(150%,-50%)}41%{transform:translate(-150%,-50%)}42%{transform:translate(-150%,-50%)}to{transform:translate(-50%,-50%)}}@media only screen and (min-width:768px) and (max-width:1240px) and (orientation:landscape){html.po-open .portfolio_con{height:calc(var(--ph, 100%) / .9)}.portfolio_con .img-box{padding-bottom:72%}}@media screen and (max-width:768px){.s2 .top .textbox h3{font-size:32px}.s2 .top .textbox span{font-size:15px}.section-portfolio-inner .portfolio-list{width:100%}.section-portfolio-title{font-size:32px}.section-portfolio-text{font-size:15px;padding-bottom:40px}.section-portfolio{position:relative;padding:100px 0 150px;color:#fff;overflow:hidden;transition:background .4s}.section-portfolio-inner{width:100%}.portfolio-list a{font-size:20px;gap:6px}.portfolio-list a h4{font-size:20px}.portfolio-list a span{font-size:14px}html .portfolio_con{width:90%}.portfolio_con li .scroll-box{font-size:14px}.portfolio_con .close_btn{content:"";background:transparent;position:absolute;right:12px;top:16px;transition:all .5s ease;transform:rotate(0);width:32px}.portfolio_con li h4{font-size:14px}.portfolio_con li h3{font-size:16px}.section-portfolio .ico-more{display:none}}.s2{width:100%;overflow:hidden;position:relative;background-color:#000000CC;z-index:1}.s2_overay{display:block;background-color:#000000CC}.s2 .s2_bg,.s2_overay{width:100%;height:100%;position:absolute;top:0;left:0}.s2 .s2_bg{z-index:-2}.s1{width:100%;height:var(--vh,100vh)}.s1,.s1 .content{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;overflow:hidden;gap:60px}.s1 .content{width:90%;max-width:1500px}.s1 h2{font-size:140px;color:#fff;pointer-events:none}.s1 .s1_logo{width:650px;opacity:0;transform:translateY(20px);filter:"blur(5px)"}.s1 .text-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.s1 .s1_category{font-family:var(--font-coolvetica),sans-serif;font-size:24px;color:#fff;letter-spacing:.2em;pointer-events:none;text-align:center;opacity:0}.s1 .s1_category span{font-size:7px}.s1 .s1_category>div{opacity:0;transform:translateY(20px) rotate(15deg);filter:"blur(5px)"}.s1 .s1_img{position:absolute;width:100%;height:100%;z-index:-1;filter:grayscale(1) brightness(.5);transform:scale(1)}.s1 .btn_more{opacity:0;transform:translateY(20px)}@media screen and (max-width:1240px){.s1 .s1_logo{width:420px}.s1 .s1_category{font-size:14px;display:flex;flex-wrap:wrap;justify-content:center}.s1 .text-box{width:90%}}@media screen and (max-width:768px){.s1 h2{font-size:60px}.s1 .s1_logo{width:280px}.s1 .s1_category{font-size:14px;display:flex;flex-wrap:wrap;justify-content:center}.s1 .text-box{width:90%}.s1 .cate.MB{display:flex;flex-direction:column;gap:10px;justify-content:center}}