.about-container.svelte-35sl0i.svelte-35sl0i{display:flex;max-width:1200px;margin:80px auto 0;padding:0 20px;gap:40px}.table-of-contents.svelte-35sl0i.svelte-35sl0i{position:sticky;top:80px;height:fit-content;min-width:200px;border-right:1px solid #eee;padding-right:20px}.toc-header.svelte-35sl0i.svelte-35sl0i{font-weight:bold;font-size:1.2rem;margin-bottom:15px;color:var(--color-text, #000000)}.toc-items.svelte-35sl0i.svelte-35sl0i{display:flex;flex-direction:column;gap:10px}.toc-items.svelte-35sl0i button.svelte-35sl0i{background:none;border:none;text-align:left;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:0.9rem;color:#666;transition:all 0.2s ease}.toc-items.svelte-35sl0i button.svelte-35sl0i:hover{background-color:none;color:var(--color-text, #000000)}.toc-items.svelte-35sl0i button.active.svelte-35sl0i{background-color:none;color:var(--color-text, #000000);font-weight:600}.about-content.svelte-35sl0i.svelte-35sl0i{flex:1;max-width:800px}h1.svelte-35sl0i.svelte-35sl0i{font-size:var(--font-size-title, 2rem);margin-bottom:1.5rem;color:var(--color-text, #000000)}h2.svelte-35sl0i.svelte-35sl0i{margin:0 0 1rem 0;font-size:1.5rem;border-bottom:1px solid #eee;padding-bottom:0.5rem;scroll-margin-top:100px}p.svelte-35sl0i.svelte-35sl0i{margin:0 0 1rem 0;font-size:1rem;color:#b6b6b6}section.svelte-35sl0i.svelte-35sl0i{margin-bottom:2rem;line-height:1.6}@media(max-width: 768px){.about-container.svelte-35sl0i.svelte-35sl0i{flex-direction:column}.table-of-contents.svelte-35sl0i.svelte-35sl0i{position:relative;top:0;width:100%;border-right:none;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:20px}.toc-items.svelte-35sl0i.svelte-35sl0i{flex-direction:row;flex-wrap:wrap}.toc-items.svelte-35sl0i button.svelte-35sl0i{font-size:0.8rem}}
.academic-container.svelte-cx9xk9{max-width:800px;margin:80px auto 0;padding:0 20px}h1.svelte-cx9xk9{font-size:var(--font-size-title, 2rem);margin-bottom:1.5rem;color:var(--color-text, #000000)}.education-list.svelte-cx9xk9{display:flex;flex-direction:column;gap:2rem}.education-item.svelte-cx9xk9{border-left:3px solid #000;padding-left:1rem}h2.svelte-cx9xk9{margin:0 0 0.5rem 0;font-size:1.5rem;border-bottom:1px solid #eee}.period.svelte-cx9xk9{color:#666;margin:0 0 0.5rem 0}.degree.svelte-cx9xk9{font-weight:bold;margin:0 0 0.5rem 0}.details.svelte-cx9xk9{margin:0}
.stack-container.svelte-1an9c1c{max-width:800px;margin:80px auto 0;padding:0 20px}h1.svelte-1an9c1c{font-size:var(--font-size-title, 2rem);margin-bottom:1.5rem;color:var(--color-text, #000000)}.stack-category.svelte-1an9c1c{margin-bottom:2rem}h2.svelte-1an9c1c{margin:0 0 1rem 0;font-size:1.5rem;border-bottom:1px solid #eee;padding-bottom:0.5rem}.skills-list.svelte-1an9c1c{display:flex;flex-wrap:wrap;gap:0.8rem}.skill-item.svelte-1an9c1c{background-color:#383838;padding:0.5rem 1rem;border-radius:10px;font-size:0.9rem;font-weight:500}
.portfolio-container.svelte-14leppn.svelte-14leppn{max-width:1200px;margin:80px auto 0;padding:0 20px}h1.svelte-14leppn.svelte-14leppn{font-size:var(--font-size-title, 2rem);margin-bottom:1.5rem;color:var(--color-text, #000000)}.filter-container.svelte-14leppn.svelte-14leppn{margin-bottom:2rem}.filter-buttons.svelte-14leppn.svelte-14leppn{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.5rem}.filter-buttons.svelte-14leppn button.svelte-14leppn{background:none;border:2px solid #eee;padding:0.5rem 1rem;border-radius:20px;cursor:pointer;font-size:0.9rem;transition:all 0.2s ease;color:#ffffff}.filter-buttons.svelte-14leppn button.svelte-14leppn:hover{background-color:#f5f5f5;color:#383838}.filter-buttons.svelte-14leppn button.active.svelte-14leppn{background-color:#383838;color:white;border-color:#383838}.projects-grid.svelte-14leppn.svelte-14leppn{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:2rem}.project-card.svelte-14leppn.svelte-14leppn{border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);transition:transform 0.3s ease}.project-card.svelte-14leppn.svelte-14leppn:hover{transform:translateY(-5px)}.project-image.svelte-14leppn.svelte-14leppn{height:200px;overflow:hidden}.project-image.svelte-14leppn img.svelte-14leppn{width:100%;height:100%;object-fit:cover}.project-info.svelte-14leppn.svelte-14leppn{padding:1.5rem}h3.svelte-14leppn.svelte-14leppn{margin:0 0 0.5rem 0;font-size:1.2rem}.project-year.svelte-14leppn.svelte-14leppn{color:#a1a1a1;font-size:0.9rem;margin:0 0 1rem 0}.project-description.svelte-14leppn.svelte-14leppn{margin:0 0 1rem 0;color:#a1a1a1}.project-tech.svelte-14leppn.svelte-14leppn{display:flex;flex-wrap:wrap;gap:0.5rem}.project-card-link.svelte-14leppn.svelte-14leppn,.project-card-link.svelte-14leppn.svelte-14leppn:hover,.project-card-link.svelte-14leppn.svelte-14leppn:visited,.project-card-link.svelte-14leppn.svelte-14leppn:active,.project-card-link.svelte-14leppn.svelte-14leppn:focus{text-decoration:none !important;color:inherit !important;display:block}.tech-tag.svelte-14leppn.svelte-14leppn{background-color:#f1f1f1;padding:0.3rem 0.6rem;border-radius:4px;font-size:0.8rem;color:#333}@media(max-width: 768px){.projects-grid.svelte-14leppn.svelte-14leppn{grid-template-columns:1fr}}
.career-container.svelte-19l0z8u.svelte-19l0z8u{max-width:800px;margin:80px auto 0;padding:0 20px}h1.svelte-19l0z8u.svelte-19l0z8u{font-size:var(--font-size-title, 2rem);margin-bottom:1.5rem;color:var(--color-text, #000000)}.timeline.svelte-19l0z8u.svelte-19l0z8u{position:relative;margin:2rem 0 4rem}.timeline-item.svelte-19l0z8u.svelte-19l0z8u{position:relative;padding-left:2.5rem;margin-bottom:1rem}.timeline-dot.svelte-19l0z8u.svelte-19l0z8u{position:absolute;left:0;top:0.5rem;width:16px;height:16px;background-color:#000;border-radius:50%;z-index:2}.timeline-connector.svelte-19l0z8u.svelte-19l0z8u{position:relative;left:7px;height:40px;width:2px;background-color:#000000;margin-bottom:1rem}.timeline-content.svelte-19l0z8u.svelte-19l0z8u{padding:1rem 1.5rem;border-left:1px solid rgb(255, 255, 255)	}.experience-header.svelte-19l0z8u.svelte-19l0z8u{margin-bottom:1rem}h2.svelte-19l0z8u.svelte-19l0z8u{margin:0 0 0.5rem 0;font-size:1.5rem;border-bottom:1px solid #eee;padding-bottom:0.5rem}.company.svelte-19l0z8u.svelte-19l0z8u{font-weight:bold;margin:0 0 0.2rem 0}.period.svelte-19l0z8u.svelte-19l0z8u{color:#a1a1a1;margin:0;font-size:0.9rem}.description.svelte-19l0z8u.svelte-19l0z8u{margin:0 0 1rem 0}.responsibilities.svelte-19l0z8u h3.svelte-19l0z8u{font-size:1.1rem;margin:0 0 0.5rem 0}.responsibilities.svelte-19l0z8u ul.svelte-19l0z8u{margin:0;padding-left:1.5rem}.responsibilities.svelte-19l0z8u li.svelte-19l0z8u{margin-bottom:0.5rem}.skills-section.svelte-19l0z8u.svelte-19l0z8u{margin-top:3rem}.skills-categories.svelte-19l0z8u.svelte-19l0z8u{display:flex;flex-wrap:wrap;gap:2rem}.skills-category.svelte-19l0z8u.svelte-19l0z8u{flex:1;min-width:250px}.skills-category.svelte-19l0z8u h3.svelte-19l0z8u{font-size:1.2rem;margin:0 0 1rem 0}.skills-list.svelte-19l0z8u.svelte-19l0z8u{display:flex;flex-wrap:wrap;gap:0.8rem}.skills-list.svelte-19l0z8u span.svelte-19l0z8u{background-color:#383838;color:white;padding:0.5rem 1rem;border-radius:10px;font-size:0.9rem}@media(max-width: 768px){.timeline-content.svelte-19l0z8u.svelte-19l0z8u{padding:1rem}.skills-category.svelte-19l0z8u.svelte-19l0z8u{min-width:100%}}
.contact-container.svelte-1k7fc9y.svelte-1k7fc9y{max-width:1200px;margin:80px auto 0;padding:0 20px}h1.svelte-1k7fc9y.svelte-1k7fc9y{font-size:var(--font-size-title, 2rem);margin-bottom:1.5rem;color:var(--color-text, #000000)}.contact-content.svelte-1k7fc9y.svelte-1k7fc9y{display:flex;flex-direction:column;gap:3rem;margin-top:2rem;max-width:600px}.contact-card.svelte-1k7fc9y.svelte-1k7fc9y,.social-card.svelte-1k7fc9y.svelte-1k7fc9y{background-color:none;border-radius:8px;padding:2rem;box-shadow:0 2px 10px rgba(0, 0, 0, 0.05)}h2.svelte-1k7fc9y.svelte-1k7fc9y{font-size:1.5rem;margin:0 0 1rem 0;border-bottom:1px solid #eee;padding-bottom:0.5rem}.info-items.svelte-1k7fc9y.svelte-1k7fc9y{margin:1.5rem 0}.info-item.svelte-1k7fc9y.svelte-1k7fc9y{margin-bottom:1rem}.info-label.svelte-1k7fc9y.svelte-1k7fc9y{font-weight:bold;margin-right:0.5rem}.info-item.svelte-1k7fc9y a.svelte-1k7fc9y{color:#007BFF;text-decoration:none}.info-item.svelte-1k7fc9y a.svelte-1k7fc9y:hover{text-decoration:underline}.social-icons.svelte-1k7fc9y.svelte-1k7fc9y{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem}.social-icon.svelte-1k7fc9y.svelte-1k7fc9y{display:flex;align-items:center;gap:0.5rem;text-decoration:none;color:inherit;transition:transform 0.2s}.social-icon.svelte-1k7fc9y.svelte-1k7fc9y:hover{transform:translateY(-2px)}.social-icon.svelte-1k7fc9y img.svelte-1k7fc9y{width:24px;height:24px}@media(max-width: 768px){.contact-content.svelte-1k7fc9y.svelte-1k7fc9y{padding:0 1rem}}
.container.svelte-15v246b.svelte-15v246b{display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;margin-top:10rem}.hero-section.svelte-15v246b.svelte-15v246b{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;width:100%;text-align:center}.titleMain.svelte-15v246b.svelte-15v246b{font-size:var(--font-size-title, 3rem);font-weight:bold;color:var(--color-text, #000000);margin-bottom:1.5rem}.mainImg.svelte-15v246b.svelte-15v246b{width:100px;margin-bottom:2rem}.subtitle.svelte-15v246b.svelte-15v246b{font-size:1.2rem;margin-top:3rem;margin-bottom:3rem;color:#ebebeb}.scroll-indicator.svelte-15v246b.svelte-15v246b{display:flex;flex-direction:column;align-items:center;margin-top:2rem;color:#c2c2c2;font-size:1rem}.arrow-down.svelte-15v246b.svelte-15v246b{width:20px;height:20px;border-right:2px solid #888;border-bottom:2px solid #888;transform:rotate(45deg);margin-top:10px;animation:svelte-15v246b-bounce 2s infinite}@keyframes svelte-15v246b-bounce{0%,20%,50%,80%,100%{transform:translateY(0) rotate(45deg)}40%{transform:translateY(-10px) rotate(45deg)}60%{transform:translateY(-5px) rotate(45deg)}}.sections-preview.svelte-15v246b.svelte-15v246b{width:100%;padding:4rem 0}.sections-preview.svelte-15v246b h2.svelte-15v246b{text-align:center;font-size:2rem;margin-bottom:3rem;color:var(--color-text, #000000)}.sections-grid.svelte-15v246b.svelte-15v246b{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:5rem}.section-card.svelte-15v246b.svelte-15v246b{background-color:#2b2b2b;border-radius:8px;padding:2rem;transition:transform 0.3s ease, box-shadow 0.3s ease;height:100%;display:flex;flex-direction:column}.section-card.svelte-15v246b.svelte-15v246b:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0, 0, 0, 0.05)}.section-card.svelte-15v246b h3.svelte-15v246b{font-size:1.5rem;margin:0 0 1rem 0;color:var(--color-text, #000000)}.section-card.svelte-15v246b p.svelte-15v246b{color:#a2a2a2;margin-bottom:1.5rem;flex-grow:1}.section-link.svelte-15v246b.svelte-15v246b{display:inline-flex;align-items:center;color:#a2a2a2;text-decoration:none;font-weight:500;padding:0.5rem 0;border-bottom:2px solid transparent;transition:border-color 0.2s ease;margin-top:auto}.section-link.svelte-15v246b.svelte-15v246b:hover{border-color:#a2a2a2}.arrow.svelte-15v246b.svelte-15v246b{margin-left:0.5rem;transition:transform 0.2s ease}.section-link.svelte-15v246b:hover .arrow.svelte-15v246b{transform:translateX(5px)}@media(max-width: 768px){.hero-section.svelte-15v246b.svelte-15v246b{height:70vh}.titleMain.svelte-15v246b.svelte-15v246b{font-size:2.5rem}.sections-grid.svelte-15v246b.svelte-15v246b{grid-template-columns:1fr}}
header.svelte-22r0af.svelte-22r0af{position:fixed;top:0;left:0;width:100%;z-index:1000;height:60px;background-color:#000000}.navbar.svelte-22r0af.svelte-22r0af{width:100%;height:100%;position:relative}.navbar__button.svelte-22r0af.svelte-22r0af{position:absolute;right:18px;top:18px;z-index:1001;display:block}.line.svelte-22r0af.svelte-22r0af{display:block;width:32px;height:32px;position:relative;cursor:pointer}.line.svelte-22r0af div.svelte-22r0af{background-color:#ffffff;width:32px;height:2px;position:absolute;border-radius:2px;transition:all 0.2s ease-in-out}.line.svelte-22r0af .top.svelte-22r0af{top:8px}.line.svelte-22r0af .middle.svelte-22r0af{top:16px}.line.svelte-22r0af .bottom.svelte-22r0af{top:24px}#toggle-button.svelte-22r0af.svelte-22r0af{display:none}#toggle-button:checked+.line.svelte-22r0af .top.svelte-22r0af{transform:rotate(45deg);top:16px}#toggle-button:checked+.line.svelte-22r0af .middle.svelte-22r0af{transform:rotate(-45deg);top:16px}#toggle-button:checked+.line.svelte-22r0af .bottom.svelte-22r0af{transform:scale(0)}.popup-menu.svelte-22r0af.svelte-22r0af{position:fixed;left:0;right:0;top:0;bottom:0;display:none;color:#ffffff}.popup-menu.active.svelte-22r0af.svelte-22r0af{display:block}.popup-menu.svelte-22r0af .bg.svelte-22r0af{background-color:#000000;position:absolute;top:60px;left:0;right:0;bottom:0;z-index:0}.popup-menu.svelte-22r0af .top-manu.svelte-22r0af{width:100%;position:absolute;top:80px;left:10px;z-index:1}.popup-menu.svelte-22r0af .top-manu .popup-main-menu.svelte-22r0af{list-style:none;padding-left:0;color:#ffffff}.popup-menu.svelte-22r0af .top-manu .popup-main-menu li.svelte-22r0af{padding:8px 12px;font-size:21px;font-weight:600;line-height:1.2}.popup-menu.svelte-22r0af .top-manu .popup-main-menu a.svelte-22r0af{color:#ffffff;transition:color 0.3s ease}.popup-menu.svelte-22r0af .top-manu .popup-main-menu a.svelte-22r0af:hover{color:#cccccc}a.svelte-22r0af.svelte-22r0af{text-decoration:none;color:inherit}
body{margin:0;padding:0;font-family:'Pretendard', sans-serif;background-color:var(--color-background, #ffffff);color:var(--color-text, #000000)}main.svelte-1m1nhmq{width:100%;height:auto;margin-top:60px}a{text-decoration:none;color:inherit}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:#000000;border-radius:0}*::-webkit-scrollbar-thumb{background:#000000;border-radius:0;border:2px solid #ffffff}*::-webkit-scrollbar-thumb:hover{background:#333333}html{scrollbar-width:thin;scrollbar-color:#000000 #000000}body{overflow-y:auto}
:root {
  --color-background: #000000;
  --color-text: #ffffff;
  --color-accent: #888888;
  --font-size-title: 40px;
  --font-size-base: 1rem;
  --font-size-small: 0.9rem;
  --font-size-large: 20px;
  --line-height-base: 1.6;
  --spacing-small: 0.5rem;
  --spacing-base: 1rem;
  --spacing-large: 2rem;
  --border-radius: 8px;
  --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
  --transition-speed: 0.3s ease;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: 'Pretendard', sans-serif;
  background-color: var(--color-background);
  color: var(--color-text);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  user-select: none;
}