:root{--color-white:#fff;--color-black:#000;--color-text:#333;--color-cyan:#1ac5dc;--color-footer:#2c2c2c;--color-solution-bg:#f4f4f4;--color-kakao-btn:#371c1d;--color-label-bg:#d9d9d9;--padding-content:142px;--padding-portfolio:147px;--max-width:1920px;--header-height:75px;--footer-height:98px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--color-text);max-width:var(--max-width);margin:0 auto;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}img{max-width:100%;display:block}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(30px)}.reveal--visible{opacity:1;will-change:auto;transform:translateY(0)}.reveal--up{transform:translateY(40px)}.reveal--up.reveal--visible{transform:translateY(0)}.reveal--left{transform:translate(-40px)}.reveal--left.reveal--visible{transform:translate(0)}.reveal--right{transform:translate(40px)}.reveal--right.reveal--visible{transform:translate(0)}.reveal--scale{transform:scale(.92)}.reveal--scale.reveal--visible{transform:scale(1)}.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.24s}.reveal-delay-3{transition-delay:.36s}.reveal-delay-4{transition-delay:.48s}.reveal-delay-5{transition-delay:.6s}.reveal-delay-6{transition-delay:.72s}@keyframes bounceScale{0%{transform:scale(1)}30%{transform:scale(1.15)}50%{transform:scale(.95)}70%{transform:scale(1.05)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;will-change:auto;transition:none;transform:none}.reveal--visible{transform:none}.reveal-delay-1,.reveal-delay-2,.reveal-delay-3,.reveal-delay-4,.reveal-delay-5,.reveal-delay-6{transition-delay:0s}}.scroll-top-btn{background-color:var(--color-black);width:50px;height:50px;color:var(--color-white);cursor:pointer;opacity:0;visibility:hidden;z-index:100;border:none;border-radius:50%;font-size:20px;font-weight:700;transition:opacity .3s,visibility .3s,transform .3s,background-color .2s,box-shadow .2s;position:fixed;bottom:40px;right:40px;transform:translateY(20px);box-shadow:0 4px 16px #00000026}.scroll-top-btn--visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-btn:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.scroll-top-btn:active{transform:translateY(0)scale(.95)}a:focus-visible,button:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px;border-radius:4px}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}@keyframes imgFadeIn{0%{opacity:0}to{opacity:1}}.img-fade{animation:.4s ease-out both imgFadeIn}button:active:not(:disabled),a:active{transition:transform .1s}@media (prefers-reduced-motion:reduce){.img-fade{opacity:1;animation:none}button:active:not(:disabled),a:active{transform:none!important}}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;top:24px;right:24px}.toast{color:#fff;border-radius:8px;min-width:280px;max-width:400px;padding:14px 24px;font-size:15px;font-weight:500;animation:.3s ease-out toast-slide-in;box-shadow:0 4px 16px #00000026}.toast--success{background-color:#27ae60}.toast--error{background-color:#e74c3c}.toast--info{background-color:#333}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.toast-container{top:16px;left:16px;right:16px}.toast{min-width:auto;max-width:none}}.header{background-color:var(--color-white);box-sizing:border-box;z-index:100;justify-content:space-between;align-items:center;height:75px;padding:0 142px;transition:box-shadow .3s;display:flex;position:sticky;top:0}.header--scrolled{box-shadow:0 2px 12px #00000014}.header__logo{color:var(--color-black);flex-direction:column;font-size:24px;font-weight:800;line-height:1.1;text-decoration:none;display:flex}.header__logo span{text-align:justify;text-align-last:justify;display:block}.header__logo-img{object-fit:contain;width:auto;height:45px;display:block}.header__nav{align-items:center;gap:48px;display:flex}.header__nav-link{color:var(--color-black);white-space:nowrap;font-size:18px;font-weight:500;text-decoration:none;transition:font-weight .1s}.header__nav-link--active{font-weight:800}.header__kakao-btn{background-color:var(--color-kakao-btn);cursor:default;border:none;border-radius:30px;align-items:center;gap:10px;padding:8px 18px 8px 8px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex}.header__kakao-profile{object-fit:cover;border-radius:50%;flex-shrink:0;width:38px;height:38px}.header__kakao-text{color:var(--color-white);white-space:nowrap;font-size:15px;font-weight:500}.header__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:36px;height:36px;padding:4px;display:none}.header__hamburger span{background-color:var(--color-black);border-radius:2px;width:100%;height:2px;transition:all .3s;display:block}.header__mobile-menu{background-color:var(--color-white);z-index:1000;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1),visibility .35s;display:flex;position:fixed;top:0;left:0;transform:translate(100%)}.header__mobile-menu--open{visibility:visible;transform:translate(0)}.header__mobile-close{cursor:pointer;color:var(--color-black);background:0 0;border:none;padding:4px;font-size:32px;line-height:1;position:absolute;top:20px;right:24px}.header__mobile-nav{flex-direction:column;align-items:center;gap:32px;display:flex}.header__mobile-nav-link{color:var(--color-black);font-size:28px;font-weight:500;text-decoration:none}.header__mobile-nav-link--active{font-weight:800}@media (width<=1200px){.header{padding:0 60px}}@media (width<=768px){.header{padding:0 24px}.header__nav{display:none}.header__kakao-btn{cursor:pointer;background-color:#0000;margin-left:auto;margin-right:12px;padding:4px}.header__kakao-btn:active{transform:scale(.95)}.header__kakao-text{display:none}.header__hamburger{display:flex}}.footer{background-color:var(--color-footer);box-sizing:border-box;opacity:0;flex-direction:column;justify-content:center;gap:8px;min-height:98px;padding:30px 142px;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(10px)}.footer--visible{opacity:1;transform:translateY(0)}.footer__contact{color:#fff;margin:0;font-size:16px;font-weight:400}.footer__copyright{color:#fff9;margin:0;font-size:16px;font-weight:400}@media (width<=1200px){.footer{padding:24px 60px}}@media (width<=768px){.footer{padding:24px}}