*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #8b5cf6;--accent: #06b6d4;--dark: #0f172a;--dark-light: #1e293b;--gray-900: #111827;--gray-800: #1f2937;--gray-700: #374151;--gray-600: #4b5563;--gray-500: #6b7280;--gray-400: #9ca3af;--gray-300: #d1d5db;--gray-200: #e5e7eb;--gray-100: #f3f4f6;--gray-50: #f9fafb;--white: #ffffff;--font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--section-padding: 120px;--container-max: 1280px;--container-padding: 24px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-weight:400;line-height:1.6;color:var(--gray-900);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--gray-900)}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2vw,1.5rem)}p{color:var(--gray-600);font-size:1.125rem;line-height:1.8}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}input,textarea{font-family:inherit;border:none;outline:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section-header{text-align:center;margin-bottom:80px}.section-label{display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.15em;color:var(--primary);margin-bottom:16px;text-transform:uppercase}.section-title{font-size:clamp(2.25rem,4vw,3.5rem);font-weight:800;color:var(--gray-900)}.section-header--light .section-label{color:var(--primary-light)}.section-header--light .section-title{color:var(--white)}.highlight{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;font-size:1.125rem;font-weight:600;border-radius:12px;transition:all var(--transition-normal);white-space:nowrap}.btn--primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--white);box-shadow:0 4px 15px #6366f166}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f180}.btn--secondary{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.3)}.btn--secondary:hover{background:#ffffff1a;border-color:#ffffff80}.btn--full{width:100%}@media(max-width:768px){:root{--section-padding: 80px;--container-padding: 20px}html{font-size:15px}.section-header{margin-bottom:48px}.btn{padding:14px 28px;font-size:1rem}}@media(max-width:480px){:root{--section-padding: 60px;--container-padding: 16px}html{font-size:14px}}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:all var(--transition-normal)}.nav--scrolled{background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px 0;box-shadow:0 4px 30px #0000001a}.nav__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);display:flex;align-items:center;justify-content:space-between}.nav__logo{display:flex;align-items:center;cursor:pointer;z-index:1001}.nav__logo-img{height:44px;width:auto;filter:brightness(0) invert(1);transition:opacity var(--transition-normal)}.nav__logo-img:hover{opacity:.85}.nav__menu{display:flex;align-items:center;gap:48px}.nav__menu li{font-size:1.0625rem;font-weight:500;color:#ffffffd9;cursor:pointer;transition:color var(--transition-fast);position:relative}.nav__menu li:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:width var(--transition-normal)}.nav__menu li:hover{color:var(--white)}.nav__menu li:hover:after{width:100%}.nav__hamburger{display:none;flex-direction:column;gap:6px;width:32px;height:24px;z-index:1001;padding:0}.nav__hamburger span{display:block;width:100%;height:2px;background:var(--white);border-radius:2px;transition:all var(--transition-normal)}.nav__hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.nav__hamburger.active span:nth-child(2){opacity:0}.nav__hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--dark)}.hero__background{position:absolute;inset:0;z-index:0}.hero__gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.3),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(139,92,246,.2),transparent),radial-gradient(ellipse 50% 30% at 20% 80%,rgba(6,182,212,.15),transparent)}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black,transparent)}.hero__content{position:relative;z-index:1;text-align:center;padding:0 var(--container-padding);max-width:900px}.hero__subtitle{font-size:1.125rem;font-weight:500;color:var(--primary-light);letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px}.hero__title{font-size:clamp(2.75rem,6vw,5rem);font-weight:800;color:var(--white);line-height:1.2;margin-bottom:32px}.hero__highlight{background:linear-gradient(135deg,var(--primary-light) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__description{font-size:clamp(1.125rem,2vw,1.375rem);color:#ffffffb3;line-height:1.8;margin-bottom:48px}.hero__buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.hero__scroll{position:absolute;bottom:48px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:#ffffff80;font-size:.875rem;letter-spacing:.1em}.hero__scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent);animation:scrollDown 1.5s ease-in-out infinite}@keyframes scrollDown{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.5);opacity:.5}}.about{padding:var(--section-padding) 0;background:var(--gray-50)}.about__wrapper{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about__left .section-label{display:inline-block;margin-bottom:20px}.about__title{font-size:clamp(2.25rem,4vw,3.25rem);font-weight:800;line-height:1.3;margin-bottom:24px;color:var(--gray-900)}.about__desc{font-size:1.125rem;color:var(--gray-600);line-height:1.8;margin-bottom:48px}.about__stats{display:flex;gap:48px}.about__stat{display:flex;flex-direction:column;gap:8px}.about__stat-number{font-size:2.5rem;font-weight:800;color:var(--primary);line-height:1}.about__stat-label{font-size:.9375rem;color:var(--gray-500);font-weight:500}.about__right{background:var(--white);border-radius:24px;padding:40px;box-shadow:var(--shadow-lg)}.about__info-list{display:flex;flex-direction:column;gap:28px}.about__info-item{display:flex;align-items:flex-start;gap:20px}.about__info-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.about__info-icon svg{width:24px;height:24px;stroke:var(--white)}.about__info-content{display:flex;flex-direction:column;gap:4px;padding-top:4px}.about__info-label{font-size:.8125rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em}.about__info-value{font-size:1rem;font-weight:600;color:var(--gray-900);line-height:1.5}.services-header{padding:120px 0 60px;background:var(--white)}.section-desc{font-size:1.25rem;color:var(--gray-500);margin-top:16px}.service-section{padding:100px 0;position:relative;overflow:hidden}.service-section--light{background:var(--gray-50)}.service-section--dark{background:var(--dark)}.service-section--gradient{background:linear-gradient(135deg,#1e1b4b,#312e81,#1e1b4b);position:relative}.service-section--gradient:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 20% 20%,rgba(99,102,241,.15),transparent),radial-gradient(ellipse 50% 30% at 80% 80%,rgba(139,92,246,.1),transparent);pointer-events:none}.service-section__content{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.service-section__content--reverse{grid-template-columns:1.2fr 1fr}.service-section__content--reverse .service-section__info{order:2}.service-section__content--reverse .service-section__visual{order:1}.service-section__info{position:relative}.service-section__number{font-size:6rem;font-weight:900;line-height:1;margin-bottom:24px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.3;position:absolute;top:-40px;left:-10px}.service-section--dark .service-section__number,.service-section--gradient .service-section__number{opacity:.2}.service-section__icon{width:72px;height:72px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;position:relative;z-index:1}.service-section__icon svg{width:36px;height:36px;stroke:var(--white)}.service-section__title{font-size:2.5rem;font-weight:800;margin-bottom:20px;color:var(--gray-900);line-height:1.2}.service-section--dark .service-section__title,.service-section--gradient .service-section__title{color:var(--white)}.service-section__desc{font-size:1.125rem;color:var(--gray-600);line-height:1.8;margin-bottom:32px}.service-section--dark .service-section__desc,.service-section--gradient .service-section__desc{color:#ffffffb3}.service-section__list{display:flex;flex-direction:column;gap:16px}.service-section__list li{font-size:1.0625rem;color:var(--gray-700);padding-left:28px;position:relative;line-height:1.6}.service-section--dark .service-section__list li,.service-section--gradient .service-section__list li{color:#ffffffd9}.service-section__list li:before{content:"";position:absolute;left:0;top:10px;width:10px;height:10px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:50%}.service-section__visual{position:relative;z-index:1}.service-section__diagrams{display:flex;flex-direction:column;gap:32px}.service-section__diagram{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px;transition:all var(--transition-normal)}.service-section--dark .service-section__diagram,.service-section--gradient .service-section__diagram{background:#ffffff14}.service-section__diagram:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0003}.service-section__diagram--single{background:#ffffff14}.service-section__diagram h4{font-size:1.125rem;font-weight:600;color:var(--primary-light);margin-bottom:20px;text-align:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.service-section__diagram-img{background:var(--white);border-radius:12px;padding:20px;overflow:hidden}.service-section__diagram-img img{width:100%;height:auto;display:block}.service-section__diagram-img--clickable{cursor:pointer;position:relative}.service-section__diagram-img--clickable:after{content:"";position:absolute;inset:0;background:#6366f100;transition:all var(--transition-normal);border-radius:12px}.service-section__diagram-img--clickable:hover:after{background:#6366f11a}.service-section__diagram-zoom{position:absolute;bottom:16px;right:16px;width:40px;height:40px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all var(--transition-normal);z-index:1}.service-section__diagram-zoom svg{width:20px;height:20px;stroke:var(--white)}.service-section__diagram-img--clickable:hover .service-section__diagram-zoom{opacity:1;transform:scale(1)}.image-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.image-modal__overlay{position:absolute;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-modal__content{position:relative;max-width:95vw;max-height:95vh;background:var(--white);border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;animation:modalScaleIn .3s ease;display:flex;flex-direction:column}@keyframes modalScaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.image-modal__close{position:absolute;top:16px;right:16px;width:44px;height:44px;background:var(--gray-100);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10}.image-modal__close:hover{background:var(--gray-200);transform:rotate(90deg)}.image-modal__close svg{width:24px;height:24px;stroke:var(--gray-700)}.image-modal__header{padding:24px 72px 24px 32px;border-bottom:1px solid var(--gray-200)}.image-modal__header h3{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin:0}.image-modal__body{padding:24px;overflow:auto;max-height:calc(95vh - 100px)}.image-modal__body img{width:100%;height:auto;display:block;border-radius:8px}.history{padding:var(--section-padding) 0;background:var(--gray-50)}.history__timeline{max-width:800px;margin:0 auto;display:flex;gap:48px}.history__year{flex-shrink:0}.history__year h3{font-size:5rem;font-weight:900;color:var(--primary);line-height:1;position:sticky;top:120px}.history__items{flex:1;display:flex;flex-direction:column;gap:24px;padding-top:16px}.history__item{display:flex;gap:24px;padding:24px 32px;background:var(--white);border-radius:16px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.history__item:hover{box-shadow:var(--shadow-lg);transform:translate(8px)}.history__date{flex-shrink:0;font-size:1.125rem;font-weight:700;color:var(--primary);min-width:48px}.history__item p{font-size:1.125rem;color:var(--gray-700);line-height:1.5}.history__item--highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)}.history__item--highlight .history__date,.history__item--highlight p{color:var(--white)}.portfolio{padding:var(--section-padding) 0;background:var(--white)}.portfolio__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:80px}.portfolio__card{padding:32px;background:var(--gray-50);border-radius:20px;transition:all var(--transition-normal);border:1px solid transparent}.portfolio__card:hover{background:var(--white);border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.portfolio__card-header{margin-bottom:20px}.portfolio__client{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--white);font-size:.875rem;font-weight:600;border-radius:8px}.portfolio__card h4{font-size:1.375rem;font-weight:700;color:var(--gray-900);margin-bottom:8px;line-height:1.4}.portfolio__card>p{font-size:1rem;color:var(--gray-500)}.clients{text-align:center;padding-top:48px;border-top:1px solid var(--gray-200)}.clients__title{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:40px}.clients__list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.clients__item{padding:20px 32px;background:var(--gray-100);border-radius:12px;font-size:1.0625rem;font-weight:600;color:var(--gray-700);transition:all var(--transition-normal)}.clients__item:hover{background:var(--primary);color:var(--white)}.contact{padding:var(--section-padding) 0;background:var(--dark)}.contact__content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.contact__info h3{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:var(--white);line-height:1.4;margin-bottom:20px}.contact__info>p{font-size:1.25rem;color:#fff9;margin-bottom:48px}.contact__details{display:flex;flex-direction:column;gap:32px}.contact__detail{display:flex;gap:20px;align-items:flex-start}.contact__detail svg{width:28px;height:28px;stroke:var(--primary-light);flex-shrink:0;margin-top:4px}.contact__detail strong{display:block;font-size:.875rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.contact__detail p{font-size:1.125rem;color:var(--white);line-height:1.6}.contact__form{background:var(--dark-light);padding:48px;border-radius:24px}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{width:100%;padding:18px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--white);font-size:1.0625rem;transition:all var(--transition-normal)}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);background:#6366f11a}.form-group textarea{resize:vertical;min-height:140px}.footer{background:var(--gray-900);padding:64px 0 32px}.footer__content{display:flex;justify-content:space-between;gap:80px;margin-bottom:48px}.footer__brand{max-width:320px}.footer__logo{display:flex;align-items:center;margin-bottom:20px}.footer__logo-img{height:40px;width:auto;filter:brightness(0) invert(1)}.footer__brand>p{font-size:1rem;color:var(--gray-400);line-height:1.6}.footer__links{display:flex;gap:80px}.footer__column h4{font-size:1rem;font-weight:700;color:var(--white);margin-bottom:24px;text-transform:uppercase;letter-spacing:.05em}.footer__column ul{display:flex;flex-direction:column;gap:16px}.footer__column li{font-size:1rem;color:var(--gray-400);cursor:pointer;transition:color var(--transition-fast)}.footer__column li:hover{color:var(--white)}.footer__bottom{padding-top:32px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer__bottom p{font-size:.9375rem;color:var(--gray-500)}@media(max-width:1024px){.about__info-grid{grid-template-columns:repeat(2,1fr)}.service-section__content{grid-template-columns:1fr;gap:48px}.service-section__content--reverse{grid-template-columns:1fr}.service-section__content--reverse .service-section__info{order:1}.service-section__content--reverse .service-section__visual{order:2}.service-section__number{font-size:5rem}.service-section__title{font-size:2rem}.portfolio__grid{grid-template-columns:repeat(2,1fr)}.contact__content{grid-template-columns:1fr;gap:48px}.history__year h3{font-size:4rem}.image-modal{padding:16px}.image-modal__content{max-width:100%;max-height:90vh}.image-modal__header{padding:16px 60px 16px 20px}.image-modal__header h3{font-size:1rem}.image-modal__body{padding:16px}}@media(max-width:768px){.nav__hamburger{display:flex}.nav__menu{position:fixed;inset:0;background:var(--dark);flex-direction:column;justify-content:center;gap:32px;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.nav__menu--open{opacity:1;visibility:visible}.nav__menu li{font-size:1.5rem;text-align:center}.hero__scroll{display:none}.about__wrapper{grid-template-columns:1fr;gap:48px}.about__stats{gap:32px}.about__stat-number{font-size:2rem}.about__right{padding:32px}.services-header{padding:80px 0 40px}.service-section{padding:60px 0}.service-section__number{font-size:4rem;top:-24px}.service-section__icon{width:60px;height:60px;border-radius:14px}.service-section__icon svg{width:28px;height:28px}.service-section__title{font-size:1.75rem}.service-section__desc{font-size:1rem}.service-section__diagram{padding:20px}.service-section__diagram-img{padding:16px}.history__timeline{flex-direction:column;gap:32px}.history__year h3{font-size:3.5rem;position:static;text-align:center}.history__item{flex-direction:column;gap:12px;padding:20px 24px}.portfolio__grid{grid-template-columns:1fr}.clients__list{gap:12px}.clients__item{padding:16px 24px;font-size:.9375rem}.contact__form{padding:32px 24px}.footer__content{flex-direction:column;gap:48px}.footer__links{gap:48px;flex-wrap:wrap}}@media(max-width:480px){.hero__buttons{flex-direction:column;width:100%;padding:0 20px}.hero__buttons .btn{width:100%}.about__intro h3{font-size:1.5rem}.service-card{padding:32px 24px}.service-card__icon{width:64px;height:64px;border-radius:16px;margin-bottom:24px}.service-card__icon svg{width:32px;height:32px}.portfolio__card{padding:24px}.footer__links{flex-direction:column;gap:32px}}