@charset "UTF-8";:root{--color-primary: var(--color-black);--color-primary--variant: var(--color-gray);--color-accent: var(--color-blue);--color-accent--variant: var(--color-orange);--color-text: var(--color-white);--home-bg-gradient: linear-gradient(180deg,rgba(29, 56, 97, 1) 0%, rgba(5, 10, 19, 1) 99%);--color-white: #fff;--color-black: #050a13;--color-blue: #75c6e1;--color-orange: #f06c34;--color-gray: #1b1e26;--size-max-width: 1200px;--divider-single-wave: url('data:image/svg+xml;utf-8, <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none" > <path d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z" class="shape-fill" ></path> </svg>');--divider-double-wave: url('data:image/svg+xml;utf-8, <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none" > <path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" ></path> <path d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" opacity=".5" ></path> <path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" ></path> </svg>')}*{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,ul{margin:0}ul{list-style:none;padding:0}a{text-decoration:none;color:var(--color--text)}button{background-color:transparent;outline:none;border:none}button:focus{outline:1px solid transparent}@font-face{font-family:Pretendard;font-style:normal;font-weight:300;font-display:swap;src:url(./Pretendard-Light-OKkjZ2kU.woff2) format("woff2");unicode-range:U+AC00-D7A3,U+1100-11FF,U+3130-318F}@font-face{font-family:Pretendard;font-style:normal;font-weight:400;font-display:swap;src:url(./Pretendard-Regular-DOS411FT.woff2) format("woff2");unicode-range:U+AC00-D7A3,U+1100-11FF,U+3130-318F}@font-face{font-family:Pretendard;font-style:normal;font-weight:700;font-display:swap;src:url(./Pretendard-Bold-9HN5A4IX.woff2) format("woff2");unicode-range:U+AC00-D7A3,U+1100-11FF,U+3130-318F}@font-face{font-family:Open Sans;font-style:normal;font-weight:300;font-display:swap;src:url(./OpenSans-Light-CR7mYAhp.woff2) format("woff2");unicode-range:U+0020-007F}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(./OpenSans-Regular-CW1ke_qS.woff2) format("woff2");unicode-range:U+0020-007F}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;font-display:swap;src:url(./OpenSans-Bold-DgV4wLmS.woff2) format("woff2");unicode-range:U+0020-007F}body{font-family:Pretendard,Open Sans,sans-serif}.section{padding:4rem;text-align:center}@media (max-width: 768px){.section{padding:4rem 1.25rem}}.section__header-title{margin:1rem 0;font-size:2.5rem}@media (max-width: 768px){.section__header-title{font-size:2rem}}.section__header-description{margin:.5rem 0;font-size:1.5rem}@media (max-width: 768px){.section__header-description{font-size:1rem}}.max-container{max-width:var(--size-max-width);margin:0 auto}.site-header{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:10;width:100%;padding:1rem;background-color:transparent;color:var(--color-text);transition:all .3 ease}.site-header--dark{background-color:var(--color-primary);box-shadow:4px 8px 8px #00000059}@media (max-width: 768px){.site-header{flex-direction:column;align-items:start;background-color:var(--color-primary)}}.site-header__logo-link{display:block;padding:4px;font-size:1.5rem}.site-header__toggle{cursor:pointer;display:none;position:absolute;top:.8rem;right:1rem;padding:10px 12px;color:var(--color-white);font-size:1.5rem}@media (max-width: 768px){.site-header__toggle{display:block}}@media (max-width: 768px){.site-menu{width:100%}}.site-menu__content{display:flex;gap:4px}@media (max-width: 768px){.site-menu__content{display:none;flex-direction:column;padding:2rem 4rem 1rem;text-align:center}.site-menu__content--open{display:flex}}.site-menu__link{white-space:nowrap;display:block;padding:10px 12px;border-bottom:1px solid transparent}.site-menu__link:hover{border-bottom:1px solid var(--color-accent)}.site-menu__link--active{border:1px solid var(--color-accent);border-radius:4px}.home{overflow:hidden;position:relative;padding:7rem 5rem 5rem;background-color:var(--color-primary);background:var(--home-bg-gradient);color:var(--color-text);text-align:center}@media (max-width: 768px){.home{padding-bottom:3rem}}.home__profile{width:250px;height:250px;object-fit:cover;border:3px solid var(--color-accent);border-radius:100%}@media (max-width: 768px){.home__profile{width:200px;height:200px}}.home__title{margin:1rem 0;font-size:2.5rem}@media (max-width: 768px){.home__title{font-size:2rem}}.home__title--strong{color:var(--color-accent)}.home__text{margin-bottom:1.5rem;font-size:1.3rem}@media (max-width: 768px){.home__text{font-size:1rem}}.home__button{display:inline-block;padding:.5rem 1rem;background-color:var(--color-accent);border-radius:4px;color:var(--color-primary);font-weight:700}.home__button:hover{background-color:transparent;color:var(--color-text);outline:2px solid var(--color-accent)}.about__contents{display:flex;justify-content:center;gap:2.5rem;margin:3rem 0}@media (max-width: 768px){.about__contents{flex-direction:column;gap:1.5rem;margin:2rem 0 0}}.about__major{cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 3.5rem;background-color:var(--color-primary--variant);box-shadow:4px 8px 8px #00000059;border-radius:1rem;color:var(--color-text)}.about__major-icon{margin-bottom:1rem;color:var(--color-accent);font-size:4rem;transition:all .5s ease}.about__major-title{font-size:1.5rem;font-weight:700}.about__major:hover .about__major-icon{transform:scale(1.2)}.about__experience-wrap{display:flex;flex-direction:column;gap:1.5rem;padding:4px;text-align:left}.about__experience-list:not(:first-of-type){margin-top:.75rem}.about__experience-name,.about__experience-period{color:var(--color-primary)}.about__experience-name{font-size:1.2rem}@media (max-width: 768px){.about__experience-name{font-size:1rem}}@media (max-width: 768px){.about__experience-period{font-size:.8rem}}.about__button-container{display:inline-block}.about__button{display:inline-block;padding:5px 0;border-radius:4px;font-weight:700;transition:all .25s ease-in}.about__button:hover{transform:translate(10px)}.about__button-icon{vertical-align:middle;width:2rem;transform:translateY(-2px)}.skills{overflow:hidden;position:relative;background-color:var(--color-primary--variant);color:var(--color-text)}.skills-contents{overflow:hidden;display:grid;grid-template-columns:6fr 4fr;margin:2rem;box-shadow:4px 8px 8px #00000059;border-radius:10px}@media (max-width: 768px){.skills-contents{grid-template-columns:1fr;margin:2rem 0}}.skills-contents__list{padding:2rem}.skills-contents__coding{grid-row:span 2;background-color:var(--color-primary)}.skills-contents__tools{background-color:var(--color-primary);filter:brightness(120%)}.skills-contents__title{margin:1rem 0;color:var(--color-accent);font-size:1.2rem}.skills-contents__description{line-height:1.8}.skills .bar__item{display:flex;flex-direction:column;padding:1rem;gap:.8rem;position:relative}.skills .bar__item:hover:after{opacity:1}.skills .bar__item:after{opacity:0;content:attr(data-tooltip);position:absolute;top:-10%;left:20%;z-index:1;padding:10px;border-radius:4px;background-color:var(--color-primary--variant);color:var(--color-text);font-size:.8rem;transition:opacity .2s ease-in-out;pointer-events:none}@media (max-width: 768px){.skills .bar__item:after{display:none}}.skills .bar__data{display:flex;justify-content:space-between}.skills .bar__data-icon{margin-right:5px}.skills .bar__bg{width:100%;height:3px;background-color:var(--color-primary--variant)}.skills .bar__value{height:100%;background-color:var(--color-accent)}.skills:after{content:"";position:absolute;bottom:0;left:0;width:calc(139% + 1.3px);height:47px;overflow:hidden;line-height:0;transform:rotate(180deg);background-color:var(--color-primary);mask:var(--divider-double-wave)}.work{background-color:var(--color-primary);color:var(--color-text)}.work-category{display:flex;justify-content:center;gap:1rem;margin:2.5rem}@media (max-width: 768px){.work-category{flex-direction:column}}.work-category__item{cursor:pointer;white-space:nowrap;position:relative;padding:.5rem 3rem;background-color:transparent;border:1px solid var(--color-accent);border-radius:4px;color:var(--color-text)}@media (max-width: 768px){.work-category__item{width:100%}}.work-category__item--selected{background-color:var(--color-accent);color:var(--color-primary)}.work-category__item--selected .work-category__count,.work-category__item:hover .work-category__count{opacity:1;top:0}.work-category__count{opacity:0;position:absolute;top:-20px;right:16px;width:28px;height:28px;line-height:28px;background-color:var(--color-accent--variant);border-radius:100%;color:var(--color-text);font-size:.8rem;transition:all .2s ease-in;pointer-events:none}.work-projects{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;gap:1rem;transition:all .25s ease-out}.work-projects.animation-out{opacity:.3;transform:scale(.95) translateY(15px)}@media (max-width: 1025px){.work-projects{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.work-projects{grid-template-columns:repeat(2,1fr);gap:.7rem;row-gap:2rem}}.work-projects__link{overflow:hidden;display:block;position:relative;border-radius:.5rem}.work-projects__link:hover .work-projects__text{opacity:.8;transform:translateY(0)}@media (max-width: 768px){.work-projects__link:hover .work-projects__text{opacity:1}}.work-projects__img{width:100%}.work-projects__text{opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-black);transform:translateY(-10px);transition:all .25s ease-in}@media (max-width: 768px){.work-projects__text{opacity:1;display:block;position:relative;padding:1rem 0;transform:none;text-align:left}}@media (max-width: 768px){.work-projects__title{font-size:1rem}}.work-projects__title:after{content:"";display:block;position:relative;width:50px;left:50%;height:2px;margin:.5rem 0;background-color:var(--color-accent);transform:translate(-50%)}@media (max-width: 768px){.work-projects__title:after{left:0;width:100%;transform:none}}@media (max-width: 768px){.work-projects__description{font-size:14px}}.testimonials__list{display:flex;flex-direction:column;align-items:center;margin:3rem}@media (max-width: 768px){.testimonials__list{margin:2rem 0}}.testimonials__item{display:flex;align-items:center;gap:2rem}@media (max-width: 768px){.testimonials__item{flex-direction:column;gap:1rem}}.testimonials__item:nth-child(n+2){margin-top:3rem}.testimonials__item:nth-child(2n) .testimonials__text-wrap{text-align:right}@media (max-width: 768px){.testimonials__item:nth-child(2n) .testimonials__text-wrap{text-align:center}}.testimonials__item:nth-child(2n) .testimonials__img{order:1}@media (max-width: 768px){.testimonials__item:nth-child(2n) .testimonials__img{order:0}}.testimonials__img{width:150px;height:150px;border-radius:100%;box-shadow:4px 8px 8px #00000059}.testimonials__text-wrap{padding:1.5rem;max-width:800px;border-radius:8px;box-shadow:2px 12px 20px 6px #0000001a;text-align:left}@media (max-width: 768px){.testimonials__text-wrap{padding:1rem;text-align:center}}.testimonials__text-wrap p:nth-child(2){margin-top:1rem}.testimonials__text{line-height:1.5}.arrow-up__button{opacity:0;position:fixed;right:3rem;bottom:3rem;z-index:1;width:4.5rem;height:4.5rem;background-color:var(--color-primary);border-radius:100%;box-shadow:5px 5px 0 0 var(--color-accent);color:var(--color-text);text-align:center;font-size:3rem;transition:all .3s ease-in;transform:translateY(-10px)}.arrow-up__button--active{opacity:1;transform:translateY(0)}@media (max-width: 768px){.arrow-up__button{right:1.5rem;bottom:1.5rem;width:3rem;height:3rem;font-size:2rem}}.site-footer{overflow:hidden;position:relative;padding:4rem;background-color:var(--color-primary);background:var(--home-bg-gradient);color:var(--color-text);text-align:center}.site-footer:before{content:"";position:absolute;top:0;left:0;width:100%;overflow:hidden;line-height:0;width:calc(100% + 1.3px);height:51px;transform:rotateY(180deg);background-color:var(--color-white);mask:var(--divider-single-wave)}.site-footer__title{margin:1rem 0;font-size:2.5rem}@media (max-width: 768px){.site-footer__title{font-size:2rem}}.site-footer__email{margin:.5rem 0;font-size:1.2rem}@media (max-width: 768px){.site-footer__email{font-size:1rem}}@media (max-width: 768px){.site-footer__text{line-height:1.6}}.site-footer__text br{display:none}@media (max-width: 768px){.site-footer__text br{display:block}}.site-footer .site-social{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 0}.site-footer .site-social__link{display:block;padding:8px}.site-footer .site-social__link:hover{color:var(--color-accent)}.site-footer .site-social__link:hover .site-social__icon-notion{background-color:var(--color-accent)}.site-footer .site-social__icon-github{font-size:2rem}.site-footer .site-social__icon-notion{width:2rem;background-color:var(--color-white);transform:translateY(3px)}