@font-face{font-family:'Noto Sans KR';font-display:swap;src:local('Apple SD Gothic Neo'),local('Malgun Gothic'),local('맑은 고딕')}*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1B0E5A;--navy-dark:#120940;--navy-light:#2d1a8a;--blue:#1B0E5A;--blue-light:#CAD7D6;--blue-dark:#0e0838;--white:#FFFFFF;--gray-light:#F6F4FC;--gray-mid:#E2DCF5;--gray-text:#6B7A99;--text-main:#1B0E5A;--text-sub:#4A3A7A;--sage:#CAD7D6;--sage-dark:#a8bfbe;--shadow-sm:0 2px 8px rgba(27,14,90,.08);--shadow-md:0 8px 32px rgba(27,14,90,.12);--shadow-lg:0 16px 48px rgba(27,14,90,.18);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--transition:.3s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth;font-size:16px}body{font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:var(--text-main);background:var(--white);line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ol,ul{list-style:none}button{cursor:pointer;border:none;background:0 0;font-family:inherit}h1{font-size:clamp(2rem, 5vw, 3.5rem);font-weight:800;line-height:1.2}h2{font-size:clamp(1.6rem, 3.5vw, 2.5rem);font-weight:700;line-height:1.3}h3{font-size:clamp(1.2rem, 2.5vw, 1.5rem);font-weight:600}h4{font-size:1.1rem;font-weight:600}p{font-size:1rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section-pad{padding:100px 0}.section-title{text-align:center;margin-bottom:64px}.section-title .en-label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin-bottom:12px;padding:4px 14px;border:1.5px solid var(--blue);border-radius:100px;font-family:Poppins,'Noto Sans KR',sans-serif}.section-title h2{color:var(--navy)}.section-title p{margin-top:16px;color:var(--gray-text);font-size:1.05rem}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;transition:var(--transition);white-space:nowrap}.btn-primary{background:var(--blue);color:var(--white);box-shadow:0 4px 16px rgba(27,14,90,.35)}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(27,14,90,.45)}.btn-outline{border:2px solid rgba(255,255,255,.7);color:var(--white);background:0 0}.btn-outline:hover{background:rgba(255,255,255,.15);border-color:var(--white);transform:translateY(-2px)}.btn-outline-navy{border:2px solid var(--navy);color:var(--navy);background:0 0}.btn-outline-navy:hover{background:var(--navy);color:var(--white);transform:translateY(-2px)}.btn-white{background:0 0;color:#fff!important;border:2px solid #fff;box-shadow:0 4px 20px rgba(0,0,0,.25)}.btn-white:hover{background:var(--sage);border-color:var(--sage);color:var(--navy-dark);transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.3)}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translateX(-30px);transition:opacity .7s ease,transform .7s ease}.fade-in-left.visible{opacity:1;transform:translateX(0)}.fade-in-right{opacity:0;transform:translateX(30px);transition:opacity .7s ease,transform .7s ease}.fade-in-right.visible{opacity:1;transform:translateX(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:0 24px;height:72px;display:flex;align-items:center;transition:background var(--transition),box-shadow var(--transition)}.navbar.transparent{background:0 0}.navbar.scrolled{background:var(--white);box-shadow:var(--shadow-sm)}.navbar.scrolled .nav-logo-text{color:var(--navy)}.navbar.scrolled .nav-logo-sub{color:var(--blue)}.navbar.scrolled .nav-links a{color:var(--text-sub)}.navbar.scrolled .nav-links a:hover{color:var(--blue)}.navbar.scrolled .nav-cta{display:flex}.navbar.scrolled .hamburger span{background:var(--navy)}.nav-inner{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;flex-direction:column;line-height:1.2}.nav-logo-text{font-size:1.25rem;font-weight:800;letter-spacing:.04em;color:var(--white);font-family:Poppins,'Noto Sans KR',sans-serif;transition:color var(--transition)}.nav-logo-sub{font-size:.65rem;font-weight:500;letter-spacing:.12em;color:rgba(255,255,255,.7);font-family:Poppins,'Noto Sans KR',sans-serif;transition:color var(--transition)}.nav-links{display:flex;align-items:center;gap:36px}.nav-links a{font-size:.95rem;font-weight:500;color:rgba(255,255,255,.85);position:relative;font-family:Poppins,'Noto Sans KR',sans-serif;transition:color var(--transition)}.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--blue);transition:width var(--transition)}.nav-links a.active::after,.nav-links a:hover::after{width:100%}.nav-links a.active,.nav-links a:hover{color:var(--blue-light)}.navbar.scrolled .nav-links a.active{color:var(--blue)}.nav-cta{display:none}.navbar.scrolled .nav-cta{display:flex}.nav-cta .btn{padding:9px 22px;font-size:.9rem}.hamburger{display:none;flex-direction:column;gap:5px;padding:4px;z-index:1100}.hamburger span{display:block;width:26px;height:2.5px;border-radius:2px;background:var(--white);transition:var(--transition)}.hamburger.open span:first-child{transform:translateY(7.5px) rotate(45deg);background:var(--navy)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);background:var(--navy)}.mobile-menu{display:none;position:fixed;inset:0;background:var(--white);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:32px;opacity:0;transition:opacity var(--transition)}.mobile-menu.open{display:flex;opacity:1}.mobile-menu a{font-size:1.5rem;font-weight:700;color:var(--navy);transition:color var(--transition)}.mobile-menu a:hover{color:var(--blue)}.mobile-menu .mobile-cta{margin-top:16px}.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:var(--navy-dark);overflow:hidden}.hero-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%}.hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(202,215,214,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(202,215,214,.05) 1px,transparent 1px);background-size:60px 60px;z-index:1}.hero::after{content:'';position:absolute;top:-10%;right:-10%;width:70vw;height:70vw;max-width:800px;max-height:800px;background:radial-gradient(circle,rgba(202,215,214,.12) 0,transparent 65%);z-index:1;pointer-events:none}.hero-content{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:100px 24px 80px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(202,215,214,.12);border:1px solid rgba(202,215,214,.4);border-radius:100px;padding:6px 18px;font-size:.8rem;font-weight:600;letter-spacing:.08em;color:var(--blue-light);margin-bottom:28px;font-family:Poppins,'Noto Sans KR',sans-serif}.hero-badge::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--blue);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.hero h1{color:var(--white);max-width:820px;margin-bottom:8px}.hero h1 .highlight{color:var(--blue-light);position:relative}.hero-slogan{font-size:clamp(.75rem, 1.5vw, .9rem);font-weight:500;letter-spacing:.18em;text-transform:uppercase;font-family:Poppins,'Noto Sans KR',sans-serif;color:rgba(255,255,255,.82);margin-bottom:12px}.typewriter-wrap{height:64px;display:flex;align-items:center;margin-bottom:40px}.typewriter-text{font-size:clamp(1rem, 2.2vw, 1.25rem);color:rgba(255,255,255,.85);font-weight:400;min-height:1.6em}.typewriter-cursor{display:inline-block;width:2px;height:1.2em;background:var(--blue-light);margin-left:2px;vertical-align:middle;animation:blink .7s step-end infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.hero-actions{display:flex;flex-wrap:wrap;gap:16px}.hero-scroll{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.65);font-size:.75rem;letter-spacing:.1em;animation:bounce-down 2s infinite}.hero-scroll svg{width:20px;height:20px;stroke:rgba(255,255,255,.65)}@keyframes bounce-down{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}.key-facts{background:var(--white);padding:80px 0;border-bottom:1px solid var(--gray-mid)}.facts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.fact-item{text-align:center;padding:48px 24px;position:relative}.fact-item:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;height:60%;width:1px;background:var(--gray-mid)}.fact-number{font-size:clamp(2.5rem, 6vw, 4rem);font-weight:900;color:var(--navy);line-height:1;display:flex;justify-content:center;align-items:baseline;gap:2px}.fact-number .suffix{font-size:clamp(1.2rem, 2.5vw, 1.8rem);font-weight:700;color:var(--blue)}.fact-label{margin-top:10px;font-size:1rem;color:var(--gray-text);font-weight:500}.fact-en{font-size:.78rem;color:var(--blue);letter-spacing:.08em;margin-top:4px;font-weight:600;text-transform:uppercase}.services-preview{background:var(--gray-light);padding:100px 0;content-visibility:auto;contain-intrinsic-size:0 600px}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin-left:auto;margin-right:auto}.service-card{background:var(--white);border-radius:var(--radius-md);padding:40px 32px;box-shadow:var(--shadow-sm);border:1.5px solid transparent;transition:var(--transition);position:relative;overflow:hidden}.service-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--blue);transform:scaleY(0);transform-origin:bottom;transition:transform var(--transition)}.service-card:hover{border-color:var(--gray-mid);box-shadow:var(--shadow-md);transform:translateY(-6px)}.service-card:hover::before{transform:scaleY(1)}.service-icon{width:56px;height:56px;background:linear-gradient(135deg,rgba(27,14,90,.08),rgba(27,14,90,.16));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:1.6rem;transition:var(--transition)}.service-card:hover .service-icon{background:var(--blue)}.service-card:hover .service-icon svg{stroke:var(--white)}.service-icon svg{width:28px;height:28px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--transition)}.service-card h3{font-size:1.1rem;color:var(--navy);margin-bottom:12px}.service-card p{font-size:.93rem;color:var(--gray-text);line-height:1.7;margin-bottom:24px}.service-card .card-link{font-size:.88rem;font-weight:600;color:var(--blue);display:inline-flex;align-items:center;gap:4px;transition:gap var(--transition)}.service-card .card-link:hover{gap:8px}.service-card .card-link svg{width:14px;height:14px;stroke:var(--blue);fill:none;stroke-width:2.5}.about-summary{background:var(--white);padding:100px 0;content-visibility:auto;contain-intrinsic-size:0 500px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.value-item{text-align:center;padding:48px 32px;border-radius:var(--radius-md);background:var(--gray-light);transition:var(--transition)}.value-item:hover{background:var(--navy);transform:translateY(-4px);box-shadow:var(--shadow-md)}.value-item:hover h3,.value-item:hover p{color:var(--white)}.value-item:hover .value-icon-wrap{background:rgba(255,255,255,.15)}.value-item:hover .value-icon-wrap svg{stroke:var(--white)}.value-icon-wrap{width:72px;height:72px;background:rgba(27,14,90,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;transition:var(--transition)}.value-icon-wrap svg{width:32px;height:32px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--transition)}.value-item h3{color:var(--navy);margin-bottom:12px;transition:color var(--transition)}.value-item p{font-size:.93rem;color:var(--gray-text);line-height:1.8;transition:color var(--transition)}.cta-section{background:linear-gradient(135deg,var(--navy-dark) 0,var(--navy-light) 100%);padding:100px 0;text-align:center;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;top:-50%;left:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(202,215,214,.15) 0,transparent 65%);pointer-events:none;z-index:0}.cta-section::after{content:'';position:absolute;bottom:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(202,215,214,.1) 0,transparent 65%);pointer-events:none;z-index:0}.cta-inner{position:relative;z-index:1}.cta-section .en-label{color:var(--blue-light);border-color:rgba(202,215,214,.4);background:rgba(202,215,214,.12)}.cta-section h2{color:var(--white);margin-bottom:16px}.cta-section p{color:rgba(255,255,255,.92);font-size:1.1rem;margin-bottom:40px;max-width:720px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.footer{background:var(--navy-dark);color:rgba(255,255,255,.7);padding:64px 0 32px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px;margin-bottom:48px}.footer-brand .logo-text{font-size:1.4rem;font-weight:800;color:var(--white);letter-spacing:.04em}.footer-brand .logo-sub{font-size:.68rem;letter-spacing:.12em;color:var(--blue-light);margin-bottom:16px}.footer-brand p{font-size:.88rem;line-height:1.8;margin-bottom:20px}.footer-brand .brand-slogan{font-size:.8rem;font-style:italic;color:rgba(255,255,255,.75);border-left:3px solid var(--blue);padding-left:12px}.footer-col h3{font-size:.88rem;font-weight:700;color:var(--white);letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}.footer-col ul{display:flex;flex-direction:column;gap:10px}.footer-col ul li a{font-size:.88rem;color:rgba(255,255,255,.85);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition)}.footer-col ul li a:hover{color:var(--blue-light);padding-left:4px}.footer-contact-info{display:flex;flex-direction:column;gap:12px}.footer-contact-item{display:flex;align-items:flex-start;gap:10px;font-size:.85rem}.footer-contact-item svg{width:16px;height:16px;stroke:var(--blue-light);fill:none;stroke-width:1.8;flex-shrink:0;margin-top:2px}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-bottom p{font-size:.82rem;color:rgba(255,255,255,.8)}.footer-bottom .biz-no{font-size:.82rem;color:rgba(255,255,255,.75)}.footer-privacy-link{color:rgba(255,255,255,.85);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition)}.footer-privacy-link:hover{color:var(--blue-light)}@media (max-width:768px){html{font-size:15px}.section-pad{padding:64px 0}.nav-cta,.nav-links{display:none!important}.hamburger{display:flex}.hero-content{padding:88px 20px 64px}.typewriter-wrap{height:auto;min-height:48px;margin-bottom:28px}.hero-actions{flex-direction:column;gap:12px}.hero-actions .btn{width:100%;justify-content:center}.hero-scroll{display:none}.facts-grid{grid-template-columns:1fr;gap:0}.fact-item{padding:32px 20px}.fact-item:not(:last-child)::after{top:auto;bottom:0;right:auto;left:20%;width:60%;height:1px}.services-grid{grid-template-columns:1fr;max-width:100%}.service-card{padding:28px 24px}.values-grid{grid-template-columns:1fr;gap:16px}.value-item{padding:32px 24px}.cta-section{padding:72px 0}.cta-actions{flex-direction:column;align-items:center}.cta-actions .btn{width:100%;max-width:320px;justify-content:center}.footer{padding:48px 0 28px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;text-align:center;gap:8px}.story-grid{grid-template-columns:1fr;gap:36px}.story-visual{padding:28px 24px}.vision-grid{grid-template-columns:1fr;gap:16px}.vision-card{padding:32px 24px}.vision-card:first-child{grid-column:auto}.ceo-grid{grid-template-columns:1fr;gap:32px}.service-section-grid{grid-template-columns:1fr;gap:28px}.service-section-grid.reverse{direction:ltr}.service-section-visual{padding:28px 24px}.service-section-info h2{font-size:1.5rem}.service-tags{gap:6px}.service-tag{font-size:.85rem;padding:5px 12px}.process-flow{grid-template-columns:1fr 1fr;row-gap:36px}.process-flow::before{display:none}.process-num{width:56px;height:56px;font-size:1rem}.section-title{margin-bottom:44px}.section-title .en-label{font-size:.7rem}.knowledge-grid{grid-template-columns:1fr}.knowledge-filter{gap:8px}.filter-btn{padding:6px 16px;font-size:.85rem}.contact-grid{grid-template-columns:1fr;gap:36px}.contact-form-wrap{padding:28px 20px}.form-row{grid-template-columns:1fr}.contact-detail-icon{width:38px;height:38px}.page-hero{padding:120px 0 60px}.page-hero h1{font-size:clamp(1.6rem, 6vw, 2.2rem)}}.kakao-float{position:fixed;bottom:32px;right:32px;z-index:9999;display:flex;align-items:center;gap:10px;background:#fee500;color:#3a1d1d;font-size:.85rem;font-weight:700;padding:12px 20px 12px 14px;border-radius:50px;box-shadow:0 4px 20px rgba(0,0,0,.18);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,padding .3s ease;white-space:nowrap;overflow:hidden;max-width:180px}.kakao-float svg{flex-shrink:0}.kakao-float span{display:inline-block;max-width:100px;transition:max-width .3s ease,opacity .3s ease;opacity:1}.kakao-float:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,.22);background:gold}@media (max-width:768px){.kakao-float{bottom:20px;right:20px;padding:12px;border-radius:50%;max-width:52px}.kakao-float span{display:none}}.text-center{text-align:center}.text-navy{color:var(--navy)}.text-blue{color:var(--blue)}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}