@import "https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Bruno+Ace&display=swap";
:root{--color-black:#000;--color-white:#fff;--color-gray-50:#f9f9f9;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--color-primary:#00f15d;--color-secondary:#70bf54;--color-tertiary:#bed747;--color-cyan:#00e3cc;--color-light-blue:#0ebfff;--color-blue:#0e87ff;--color-accent-pink:#ff52d7;--color-accent-purple:#6d82ff;--color-accent-cyan:#45ffed;--color-positive:#19a647;--color-negative:#ff334b;--bg-primary:var(--color-black);--bg-secondary:var(--color-gray-50);--text-primary:var(--color-white);--text-secondary:var(--color-gray-400);--text-inverse:var(--color-black);--font-sans:"Poppins","Pretendard",AppleGothicNeoSD,"Apple SD Gothic Neo","Apple SD 산돌고딕 Neo","Droid sans","Malgun Gothic","맑은 고딕",Helvetica,Dotum,"돋움",sans-serif;--font-display:"Bruno Ace",cursive;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .375vw,1rem);--text-base:clamp(1rem,.95rem + .25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .625vw,1.5rem);--text-xl:clamp(1.25rem,1.1rem + .75vw,1.875rem);--text-2xl:clamp(1.5rem,1.3rem + 1vw,2.25rem);--text-3xl:clamp(1.875rem,1.5rem + 1.875vw,3rem);--text-4xl:clamp(2.25rem,1.8rem + 2.25vw,3.75rem);--text-5xl:clamp(3rem,2.25rem + 3.75vw,4.5rem);--text-6xl:clamp(3.75rem,2.75rem + 5vw,6rem);--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--space-48:12rem;--space-64:16rem;--section-padding-y:clamp(4rem,8vw,8rem);--section-padding-x:clamp(.75rem,2vw,1rem);--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--transition-slower:.5s cubic-bezier(.4,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--z-base:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--container-max-width:1440px;--grid-gap:clamp(1rem,2vw,2rem)}
.container{width:100%;max-width:var(--container-max-width);padding-left:var(--section-padding-x);padding-right:var(--section-padding-x);margin-left:auto;margin-right:auto}.container-fluid{width:100%;padding-left:var(--section-padding-x);padding-right:var(--section-padding-x)}.grid{gap:var(--grid-gap);grid-template-columns:repeat(4,1fr);display:grid}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}@media (min-width:768px){.grid{grid-template-columns:repeat(8,1fr)}.col-md-1{grid-column:span 1}.col-md-2{grid-column:span 2}.col-md-3{grid-column:span 3}.col-md-4{grid-column:span 4}.col-md-5{grid-column:span 5}.col-md-6{grid-column:span 6}.col-md-7{grid-column:span 7}.col-md-8{grid-column:span 8}}@media (min-width:1024px){.grid{grid-template-columns:repeat(12,1fr)}.col-lg-1{grid-column:span 1}.col-lg-2{grid-column:span 2}.col-lg-3{grid-column:span 3}.col-lg-4{grid-column:span 4}.col-lg-5{grid-column:span 5}.col-lg-6{grid-column:span 6}.col-lg-7{grid-column:span 7}.col-lg-8{grid-column:span 8}.col-lg-9{grid-column:span 9}.col-lg-10{grid-column:span 10}.col-lg-11{grid-column:span 11}.col-lg-12{grid-column:span 12}}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.section{padding-top:var(--section-padding-y);padding-bottom:var(--section-padding-y)}.section-sm{padding-top:calc(var(--section-padding-y)*.5);padding-bottom:calc(var(--section-padding-y)*.5)}.section-lg{padding-top:calc(var(--section-padding-y)*1.5);padding-bottom:calc(var(--section-padding-y)*1.5)}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes waveFlow{0%{d:path("M0,50 Q25,30 50,50 T100,50")}50%{d:path("M0,50 Q25,70 50,50 T100,50")}to{d:path("M0,50 Q25,30 50,50 T100,50")}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes progressBar{0%{width:0%}to{width:100%}}.animate-fadeIn{animation:fadeIn var(--transition-base)var(--ease-out)}.animate-fadeInUp{animation:fadeInUp var(--transition-slow)var(--ease-out)}.animate-fadeInDown{animation:fadeInDown var(--transition-slow)var(--ease-out)}.animate-slideInLeft{animation:slideInLeft var(--transition-slow)var(--ease-out)}.animate-slideInRight{animation:slideInRight var(--transition-slow)var(--ease-out)}.animate-scaleIn{animation:scaleIn var(--transition-base)var(--ease-out)}.animate-pulse{animation:pulse 2s var(--ease-in-out)infinite}.animate-bounce{animation:bounce 1s var(--ease-in-out)infinite}.animate-rotate{animation:2s linear infinite rotate}.scroll-animate{opacity:0;transition:opacity var(--transition-slow)var(--ease-out),transform var(--transition-slow)var(--ease-out);transform:translateY(30px)}.scroll-animate.is-visible{opacity:1;transform:translateY(0)}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.hover-lift{transition:transform var(--transition-base)var(--ease-out)}.hover-lift:hover{transform:translateY(-5px)}.hover-scale{transition:transform var(--transition-base)var(--ease-out)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-base)var(--ease-out)}.hover-glow:hover{box-shadow:0 0 20px #00f15d4d}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;max-width:100vw;overflow-x:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);width:100%;max-width:100vw;position:relative;overflow-x:hidden}main{z-index:0;isolation:isolate;position:relative}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);margin:0}h1{font-size:var(--text-6xl)}h2{font-size:var(--text-5xl)}h3{font-size:var(--text-4xl)}h4{font-size:var(--text-3xl)}h5{font-size:var(--text-2xl)}h6{font-size:var(--text-xl)}p{margin:0}a{color:inherit;transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--color-primary)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img,svg{max-width:100%;height:auto;display:block}ul,ol{list-style:none}::selection{background-color:var(--color-primary);color:var(--color-black)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-900)}::-webkit-scrollbar-thumb{background:var(--color-gray-600);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}