@import url("https://static.toss.im/tps/main.css");@import url("https://static.toss.im/tps/others.css");nextjs-portal{display:none}*{font-family:Toss Product Sans}body{margin:0;padding:0;background-color:#000;position:relative;overflow-x:hidden;scroll-behavior:smooth}#About,#Experience,#Portfolio,#Profile,#Skills{overflow-y:hidden}.blank{margin-top:12.5em}.banner{height:17.5em}.banner,.mobile-banner{width:auto;display:block;margin-left:auto;margin-right:auto}.mobile-banner{height:12em}.footer-text{margin-top:-2.5em}.footer-text,.m-footer-text{margin-bottom:2.5em;text-align:center;font-size:1.5em;color:#bbb}.m-footer-text{margin-top:-1.5em}body,html{scroll-behavior:smooth}#nav-bar{position:fixed;top:-.4em;left:0;height:75px;width:100%;z-index:100;display:flex;justify-content:space-between;align-items:center}.topnav{overflow:hidden;background-color:#1c1c1c}.nav-link{float:left;color:#f2f2f2;text-align:center;padding:20px 16px;text-decoration:none;height:100%;font-size:17px}.nav-link:hover{background-color:#ddd;color:#000}.nav-link.active{background-color:#04aa6d;color:#fff}.home-container{min-height:100vh;color:#fff;padding:0 4rem;background:linear-gradient(90deg,#5a4fcf,#00008b 25%,#6a5acd 50%,#4d4dff 75%,#0039a6);background-size:200% 100%;animation:gradientFlow 10s ease infinite;position:relative}.home-container,.home-content{display:flex;justify-content:center;align-items:center}.greeting{font-size:3.5em;font-weight:700;margin-bottom:1.5rem;gap:.5rem;opacity:0;animation:fadeUp 1s forwards}.wave{display:inline-block;animation:wave 2s infinite;transform-origin:70% 70%}.description{font-size:1.5em;font-weight:400;line-height:1.6;margin-bottom:3rem;color:#bbb;opacity:0;animation:fadeUp 1s .3s forwards}.gradient-overlay{position:absolute;bottom:0;left:0;width:100%;height:200px;background:linear-gradient(180deg,transparent,#000);pointer-events:none}.arrow-container{margin-top:-10em;margin-bottom:25em;width:100%;opacity:0;animation:fadeUp 1s .6s forwards}.arrow{width:5em;margin-top:0;display:block;margin-left:auto;margin-right:auto;animation:MoveUpDown 2s linear infinite;position:relative}.portfolio{height:50px;width:50px;margin-left:30%;padding-right:20px}.portfolio-3d{padding:2rem;background:#000;color:#fff;min-height:100vh}#list{font-size:3.5em;margin:1rem auto .5rem}#explain,#list{align-self:flex-start;width:calc(100% - 2rem);padding:0 1rem;max-width:1200px}#explain{margin:.25em auto .5rem;color:#ddd}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem;padding:1rem;max-width:1200px;width:100%;margin:0 auto}.portfolio-align{display:flex;flex-direction:row;justify-content:center}.portfolio-item{text-decoration:none;color:inherit;transition:transform .3s ease}.portfolio-item:hover{transform:translateY(-5px)}.portfolio-card{background:#1a1a1a;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.3);height:32.5em;display:flex;flex-direction:column}.portfolio-card2{overflow:hidden;height:100%}.card-preview,.card-preview-small,.card-preview-small2{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;width:auto;background-color:#0b0b0b;overflow:hidden}.card-preview img{height:100%;width:100%;object-fit:cover}.card-preview-small img{height:75%;width:75%}.card-preview-small2 img{height:75%;width:auto}#compressed{height:12.5em;width:auto}.card-info{padding:1.5rem;flex:1 1}.card-info h3{margin:0 0 .5rem;font-size:1.25rem;color:#fff}.card-info p{margin:0 0 1rem;color:#999;font-size:.9rem}.date{display:block;color:#777;font-size:.8rem}.portfolio-3d h2{text-align:center;margin-bottom:2rem}#list{margin:1.5rem 0 .5rem;color:#e0e0ff;font-weight:700;letter-spacing:.02em;animation:fadeIn 1s ease-out}#explain,#list{text-align:left;font-family:Inter,sans-serif}#explain{margin:.5rem 0 0;font-weight:400;color:#fff;font-size:1.2em;line-height:1.5}.page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;margin-top:-5em;padding:2rem}.content-wrapper{max-width:1000px;text-align:left}.experience-header{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:3rem}.timeline{display:block;position:relative;max-width:1000px;margin:3em auto;padding:0 1rem}.timeline:before{content:"";position:absolute;top:0;left:25px;height:100%;width:5px;background:linear-gradient(180deg,#3b82f6,#9333ea);border-radius:2px;box-shadow:0 0 8px rgba(147,51,234,.3)}.timeline-year{font-size:2rem;font-weight:700;color:#d1d5db;margin-bottom:1.5rem}.timeline-item,.timeline-year{padding-left:60px;position:relative}.timeline-item{margin-bottom:2.5em}.timeline-marker{display:block;position:absolute;top:.5rem;left:18px;width:16px;height:16px;background:linear-gradient(90deg,#3b82f6,#9333ea);border:2px solid #fff;border-radius:50%;z-index:1;transition:transform .3s ease,box-shadow .3s ease}.timeline-item:hover .timeline-marker{transform:scale(1.3);box-shadow:0 0 12px rgba(147,51,234,.7)}.timeline-content{display:block;position:relative;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.2);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.2);transition:transform .5s ease,box-shadow .5s ease,background .5s ease;text-decoration:none;overflow:hidden;min-width:300px;width:90%;max-width:400px}.timeline-content:hover{transform:scale(1.05);box-shadow:0 8px 30px rgba(0,0,0,.3);background:hsla(0,0%,100%,.15)}.experience-glow{position:absolute;inset:0;background:linear-gradient(90deg,rgba(59,130,246,.2),rgba(147,51,234,.2));backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);opacity:0;border-radius:1rem;transition:opacity .5s ease}.timeline-content:hover .experience-glow{opacity:1}.timeline-header{display:flex;align-items:center;column-gap:.75em;margin-bottom:1em}.timeline-img{height:40px;width:40px;filter:brightness(1.2);transition:transform .3s ease}.timeline-content:hover .timeline-img{transform:scale(1.1)}.experience-title{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;color:#fff;font-family:Inter,sans-serif}.experience-description{font-size:1em;color:#e5e7eb;margin-bottom:1rem;line-height:1.4;font-family:Inter,sans-serif}.experience-meta{display:flex;justify-content:space-between;font-size:.9rem;color:#d1d5db;margin-top:1em;margin-bottom:0;font-family:Inter,sans-serif}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,rgba(59,130,246,.3),rgba(147,51,234,.3));backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);border-radius:1rem;opacity:0;transition:opacity .5s ease;width:100%}.overlay span{font-size:1.5em;font-weight:600;color:#fff;text-align:center;font-family:Inter,sans-serif;padding:.5rem}.timeline-content:hover .overlay{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.page-container{padding:1rem}#list{font-size:2.5em}#explain{margin:-.5em auto 1.5rem;align-self:flex-start;font-weight:400;text-align:left;color:#ddd;padding:0 .25rem;max-width:1200px;font-size:.9em;line-height:1.6}.timeline{margin:2em auto}.timeline-item{padding-left:50px}.timeline:before{left:20px}.timeline-marker{left:13px;width:14px;height:14px}.timeline-content{padding:1rem;min-width:250px;width:85%;max-width:350px}.timeline-year{font-size:1.5rem}.experience-title{font-size:1.25rem}.experience-description{font-size:.8rem}.experience-meta{font-size:.7rem}.overlay span{font-size:1em}}#Skills{padding:4rem 2rem}.container{flex-wrap:wrap;margin-top:2.5em}.container,.container2{display:flex;justify-content:center}.container2{gap:2rem;margin-bottom:2rem}.spec2{margin-left:1em;margin-right:1em;margin-bottom:1em;font-size:35px;color:#fff;text-decoration:none;height:3em;width:7em}.card-container2{background-color:#ffffff10;border-radius:15px;padding:1.5rem;height:100%;width:100%;transition:all .3s ease}.card-container2:hover{transform:translateY(-10px);background-color:#ffffff18}.column-center2{display:flex;flex-direction:column;align-items:center;gap:1rem}.card-img2{width:60px;height:60px;object-fit:contain}.card-title2{font-size:.9em;color:#fff;text-align:center}.card-footer2{text-align:center;font-size:.5em;color:#a0a0a0}.scroll{margin-top:2rem}.card-img{transition:transform .3s ease}.card-container2:hover .card-img{transform:scale(1.1)}.spec2{transition:transform .3s ease}.spec2:hover{transform:scale(1.02)}#Profile{padding:4rem 2rem}.container3{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding-top:1.5em}.spec{text-decoration:none;color:inherit}.card-container3{background-color:#ffffff10;border-radius:15px;padding:1.5rem;width:200px;position:relative;overflow:hidden;transition:all .3s ease}.card-container3:hover{transform:translateY(-10px);background-color:#ffffff18}.column-center3{display:flex;flex-direction:column;align-items:center;gap:1rem}.card-img3{width:60px;height:60px;object-fit:contain;transition:transform .3s ease}.card-title3{font-size:1.5em;color:#fff;text-align:center}.card-footer3{text-align:center;font-size:1em;color:#a0a0a0}.card-container3:hover .card-img{transform:scale(1.1)}.spec:hover{transform:scale(1.02)}@media (min-width:1200px){.container{padding:0 2rem}}#sidebar{display:none}.sidebar{height:100%;width:0;position:fixed;z-index:2;top:0;left:0;background-color:#a9a9a9;transition:.3s;padding-top:60px}.sidebar a{display:block;margin-top:-.5em;padding:1em;text-decoration:none;font-size:1.5em;color:#000;transition:.3s}.sidebar a:hover{background-color:#f1f1f1}.menu-container{display:flex;flex-direction:row;position:fixed;z-index:1;top:0;height:4em;width:100vw}.openbtn{cursor:pointer;margin:.5em;padding:10px 15px;height:2.5em;border:none}.menu-logo,.openbtn{top:0;left:0;position:fixed;width:auto}.menu-logo{margin:1.1em 1.25em 1.25em;height:2em;z-index:0}.sidebar-content{display:none}.close-img{position:absolute;top:25px;right:25px;height:50px;width:auto;margin-left:50px;color:grey}.sidebar-logo{margin-left:-.3em;margin-bottom:-1em;height:1.5em;width:auto;padding-bottom:.5em;border-bottom:1px solid gray}.bottom-border{margin:15px;border-bottom:2px solid grey;color:#fff;font-size:25px}.sidebar-info{text-align:left;margin-left:10px;color:#fff;font-size:18px}.apply{display:inline-block;background-color:#fff;color:#333;height:3em;width:8em;margin:0 0 0 -.4em;padding:10px 20px;border-radius:30px;border:2px solid #333;text-decoration:none;font-size:25px;transition:background-color .3s,color .3s}.apply:hover{background-color:#333;color:#fff}@media (max-width:1120px){#sidebar{display:block}}.m-home-container{min-height:100vh;color:#fff;padding:0 1.5rem;display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg,#5a4fcf,#00008b 25%,#6a5acd 50%,#4d4dff 75%,#0039a6);background-size:200% 100%;animation:gradientFlow 10s ease infinite;position:relative}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.m-home-content{display:flex;justify-content:center;align-items:center;text-align:center;padding-top:2rem}.m-greeting{font-size:2.2em;font-weight:700;margin-bottom:1.2rem;gap:.5rem;opacity:0;animation:fadeUp 1s forwards}.m-wave{display:inline-block;animation:wave 2s infinite;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.m-description{font-size:1em;line-height:1.5;font-weight:400;margin:2.5em 0 1rem;color:#bbb;padding:0 1rem;opacity:0;animation:fadeUp 1s .3s forwards}.m-gradient-overlay{position:absolute;bottom:0;left:0;width:100%;height:150px;background:linear-gradient(180deg,transparent,#000);pointer-events:none}.m-arrow-container{margin-top:-12.5em;margin-bottom:20em;width:100%;opacity:0;animation:fadeUp 1s .6s forwards}.m-arrow{width:4em;margin-top:0;display:block;margin-left:auto;margin-right:auto;animation:MoveUpDown 2s linear infinite;position:relative}@keyframes fadeUp{0%{transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes MoveUpDown{0%,to{bottom:0}50%{bottom:1.5em}}.m-portfolio{height:40px;width:100%;margin-left:0;padding:10px}.m-portfolio-3d{padding:1rem;background:#000;color:#fff;min-height:100vh}#m-list{font-size:2em;margin:.5rem auto}#m-explain,#m-list{width:calc(100% - 1rem);padding:0 .5rem;max-width:100%}#m-explain{margin:.15em auto .5rem;font-size:.9rem}.m-portfolio-grid{display:flex;flex-direction:column;gap:1rem;max-width:80%;width:100%;margin:0 auto}.m-portfolio-align{display:flex;flex-direction:column;justify-content:center}.m-portfolio-item{text-decoration:none;color:inherit;transition:transform .3s ease}.m-portfolio-item:hover{transform:translateY(-3px)}.m-portfolio-card{background:#1a1a1a;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.3);display:flex;flex-direction:column}.m-portfolio-card,.m-portfolio-card2{overflow:hidden;height:auto}.m-card-preview,.m-card-preview-small,.m-card-preview-small2{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;width:100%;background-color:#0b0b0b;overflow:hidden}.m-card-preview img{height:100%;width:100%;object-fit:cover}.m-card-preview-small img{height:75%;width:75%}.m-card-preview-small2 img{height:75%;width:auto}#m-compressed{height:9em;width:auto}.m-card-info{padding:1rem;flex:1 1}.m-card-info h3{margin:0 0 .3rem;font-size:1.1rem;color:#fff}.m-card-info p{margin:0 0 .5rem;color:#999;font-size:.8em}.m-date{display:block;color:#777;font-size:.75rem}.m-portfolio-3d h2{text-align:center;margin-bottom:1rem;font-size:1.5rem}#m-list{font-size:2.5em;color:#e0e0ff;font-family:Inter,sans-serif;font-weight:700;letter-spacing:.02em;animation:fadeIn 1s ease-out}#m-explain,#m-list{align-self:flex-start;text-align:left;padding:0 .25rem;max-width:1200px}#m-explain{margin-top:-.5em;font-weight:400;color:#ddd;font-size:.9em;line-height:1.6}#Skills{padding:2rem 1rem}.m-container2{flex-direction:column;align-items:center;margin-bottom:1rem}.m-container2,.m-spec{display:flex;justify-content:center;width:100%}.m-spec{margin:.5em}.m-card-container2{background-color:#ffffff10;border-radius:10px;padding:1em;height:100%;width:50%;transition:all .3s ease;margin:0 auto}.m-card-container2:hover{transform:translateY(-5px);background-color:#ffffff18}.m-icon-title-group{display:flex;align-items:center;gap:.8rem;margin-bottom:.3rem}.m-card-img{width:30px;height:30px;transition:transform .3s ease}.m-card-title{font-size:1.25em}.m-card-footer{text-align:center;margin-top:.5em}.m-card-container2:hover .m-card-img{transform:scale(1.1)}@media screen and (max-width:360px){.m-container2{grid-template-columns:repeat(2,1fr)}.m-card-img{width:35px;height:35px}.m-card-title{font-size:.7em}}#Profile{padding:2rem 1rem}.m-container{display:flex;flex-direction:column;gap:1rem;padding:0 1rem}.m-spec{text-decoration:none;color:inherit}.m-card-container3{background-color:#ffffff10;border-radius:12px;padding:1rem;height:6.5em;width:10em;transition:all .3s ease;text-align:center}.m-card-container:hover{transform:translateY(-3px);background-color:#ffffff18}.m-column-center{display:flex;flex-direction:column;align-items:center;gap:.5rem}.m-card-img{width:40px;height:40px;object-fit:contain}.m-card-title{font-size:1.2em;color:#fff}.m-card-footer{font-size:.9em;color:#a0a0a0}