.gnb{position:fixed;top:0;right:0;left:0;background-color:transparent;z-index:10}.gnb.change-bg{background-color:#f5f5f5}.gnb.change-bg .gnb__title,.gnb.change-bg .gnb__navigation-menu{color:#000}.gnb__content{-webkit-box-sizing:border-box;width:100%;max-width:84.25rem;height:4.5rem;padding:1.5rem 2rem;margin:0 auto}.gnb__title{display:inline-block;font-weight:700;font-size:1.5rem;color:#ffffffb3;line-height:2rem;cursor:pointer}.gnb__navigation-menus{float:right}.gnb__navigation-menu{display:inline-block;padding:0 1.2rem;font-weight:700;font-size:1.1rem;line-height:2rem;cursor:pointer;color:#ffffffb3}@media (min-width: 1400px){.gnb .navbar-expand-xxl .navbar-collapse{justify-content:flex-end}}@media (max-width: 1400px){.gnb{background-color:#f5f5f5}.gnb__content{max-width:100%;height:auto;margin:.5rem 0}.gnb__title{color:#000}.gnb__navigation-menu{color:#000;padding:.5rem 1rem}}.mainHead{position:relative}.mainHead :before{content:"";position:absolute;top:0;right:0;left:0;bottom:0;background:linear-gradient(180deg,rgba(55,73,78,.8) 0,rgba(55,73,78,.8) 90%),url(/assets/laptop-3214756-eb8e02c1.png) 50% no-repeat;background-size:cover;z-index:-1}.mainHead__content{-webkit-box-sizing:border-box;width:100%;max-width:84.25rem;margin:0 auto;padding:11rem 2rem 4rem;text-align:center}.mainHead__title{font-family:GangwonEduPowerExtraBoldA;font-weight:400;font-size:4rem;color:#fff;word-break:keep-all}.mainHead__divider{width:3.25rem;height:0;margin:1.5rem auto;border:none;border-top:.2rem solid #04c494;opacity:1}.mainHead__description{margin:0 auto 2rem;font-weight:400;font-size:1.3rem;color:#ffffffbf;line-height:1.8}.mainHead__find-out-more a{display:inline-block;padding:1rem 2rem;border:none;border-radius:10rem;background-color:#04c494;font-weight:600;font-size:1.2rem;text-decoration:none;color:#fff!important;line-height:1.5;cursor:pointer}@media (max-width: 992px){.mainHead__title{font-size:3rem}.mainHead__description{font-size:1.1rem}}.aboutMe__content{-webkit-box-sizing:border-box;width:100%;max-width:84.25rem;padding:4.5rem 2rem;margin:0 auto}.aboutMe__basic-infos{display:flex;flex-flow:row wrap;justify-content:space-between;-webkit-box-pack:justify}.aboutMe__basic-info-wrapper{margin-bottom:3rem;width:33.3333%}@media (max-width: 992px){.aboutMe__basic-info-wrapper{width:50%}}@media (max-width: 576px){.aboutMe__basic-info-wrapper{width:100%}}.aboutMe__basic-info{display:flex;flex-flow:row nowrap;width:100%;max-width:14rem;margin:0 auto;opacity:.8}.aboutMe__basic-info-icon{width:2rem;min-width:2rem;height:2rem;margin-top:.2rem;margin-right:2rem}.aboutMe__basic-info-icon i{font-size:2rem}.aboutMe__basic-info-label{margin-bottom:.5rem;font-weight:700;font-size:1.3rem}.aboutMe__basic-info-value{font-weight:400;font-size:1.1rem;word-break:break-all}.skills{background-color:#63d6a2}.skills__content{-webkit-box-sizing:border-box;width:100%;max-width:84.25rem;padding:4rem 2rem;margin:0 auto;height:65rem}.skills__container{display:flex;flex-flow:column wrap;align-content:space-around;height:calc(100% - (1.8rem + 1px))}.skills__tech-stacks{-webkit-box-sizing:border-box;flex-shrink:0;width:25rem;padding:1.5rem;margin:0 auto 2rem;border-radius:1rem;background-color:#fff;-webkit-box-shadow:1rem 1rem 1rem 0 rgba(68,68,68,.2)}.skills__title{padding-bottom:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #ccc;font-weight:700;font-size:1.5rem;color:#04c494}.skills__img{display:block;width:100%}@media (max-width: 1350px){.skills__content{height:102rem}}@media (max-width: 890px){.skills__content{height:125rem}.skills__tech-stacks{width:19rem}}.archiving{background-color:#222;font-size:1.1rem;line-height:1.5}.archiving__content{-webkit-box-sizing:border-box;width:100%;max-width:84.25rem;padding:4rem 2rem;margin:0 auto}.archiving__container{display:flex;flex-flow:row wrap;justify-content:space-around}.archiving__wrapper{-webkit-box-sizing:border-box;width:25rem;padding:2rem 1.5rem;border-radius:1rem;background-color:#f5f5f5;text-decoration:none;cursor:pointer}.archiving__img-wrapper{display:block;width:12rem;margin-bottom:1.5rem}.archiving__img{width:100%;vertical-align:middle}.archiving__url{margin-bottom:1rem;color:#258ddb;word-break:break-all}.archiving__url:hover{text-decoration:underline}.archiving__description{color:#444}.archiving__description p{margin-top:0;margin-bottom:1rem}.archiving__description ul{padding-left:1rem;margin:0}.archiving__description li{margin-bottom:.5rem}@media (max-width: 1350px){.archiving__wrapper:last-child{margin-top:3rem}}@media (max-width: 946px){.archiving__wrapper{width:100%;max-width:30rem}.archiving__wrapper:nth-child(1){margin-bottom:2rem}}.projects{background-color:#4a5fc2}.projects__content{-webkit-box-sizing:border-box;width:100%;max-width:84.25rem;padding:4rem 2rem;margin:0 auto}.projects .accordion-item{background-color:transparent;border:none}.projects .accordion-header.fixed{position:fixed;top:72px;left:0;right:0;padding:0 2rem;max-width:84.25rem;margin:0 auto;z-index:99}.projects .accordion-body{padding:0}.projects .accordion-button{font-family:GangwonEduPowerExtraBoldA;padding-top:28px}.projects .accordion-button-category{font-size:1.3rem;margin-right:10px}.projects .accordion-button-period{font-size:1.1rem}.projects__project{padding:4rem 3rem;margin:0 auto 2rem;background-color:#fff;-webkit-box-shadow:1rem 1rem 1rem 0 rgba(68,68,68,.2)}.projects__project.removeMargin:last-of-type{margin-bottom:0;border-bottom:1px solid #ccc}.projects__title{padding-bottom:.5rem;font-family:GangwonEduPowerExtraBoldA;font-weight:400;font-size:2.5rem;color:#222;text-align:center}.projects__period{margin-bottom:2rem;font-weight:400;font-size:1rem;color:#6c757d;text-align:center;opacity:.8}.projects__info{display:flex;flex-flow:row wrap;justify-content:center;-webkit-box-pack:center}.projects__img-carousel{width:50%;margin-right:3rem}.projects__descriptions{width:calc(50% - 3rem)}.projects__main-description{padding-bottom:1rem;margin-bottom:1.2rem;border-bottom:1px solid #ccc;font-weight:400;font-size:1.1rem;line-height:1.7}.projects__readme{margin-top:30px}.projects__description{margin-bottom:1rem}.projects__description-label{display:inline-block;vertical-align:top;width:8.2rem;font-weight:900;font-size:1.1rem}.projects__description-label i{margin-right:10px}.projects__description-value{display:inline-block;vertical-align:bottom;width:calc(100% - 8.2rem);font-weight:400;font-size:1.1rem}.projects__description-value ul{margin-left:-35px}.projects__description-value a{word-break:break-all}@media (max-width: 1200px){.projects__img-carousel{width:50%;margin-right:3rem}.projects__descriptions{width:calc(55% - 2rem)}}@media (max-width: 1200px){.projects__img-carousel{width:90%;margin-right:0;margin-bottom:1rem}.projects__descriptions{width:90%}}@media (max-width: 992px){.projects__title{font-size:2rem}}@media (max-width: 576px){.projects__project{padding:1.8rem}.projects__title{font-size:1.8rem}.projects__description-label{display:table;width:auto;padding-left:.5rem;margin-bottom:.5rem;border-left:5px solid #222}.projects__description-label i{display:none}.projects__description-value{width:100%}.projects__description-value ul{margin-left:-10px}}.readme__title{font-weight:900;padding:1em 0;border-bottom:1px solid #ccc}.readme__sub-title{font-weight:900;padding:1em 0}.readme__sub-title i{margin-right:15px}.readme__text{font-size:1.1rem;line-height:1.8}.readme__text p{margin-bottom:1.2rem}.modal-header{background-color:#f5f5f5}.career__content{-webkit-box-sizing:border-box;width:100%;max-width:84.25rem;padding:4rem 2rem;margin:0 auto}.career__companies{width:90%;margin:0 auto}.career__company{display:flex;flex-flow:row nowrap;justify-content:center;-webkit-box-pack:center}.career__logo-wrapper{border-right:1px solid #ccc;padding-right:1.2rem}.career__logo-wrapper img{width:300px}.career__info{padding-left:3rem}.career__title{padding-bottom:.7rem;font-weight:900;font-size:1.6rem}.career__period{padding-bottom:1.2rem;font-weight:400;font-size:1.2rem;color:#6c757d}.career__description{padding-bottom:1rem;border-bottom:1px solid #ccc;font-size:1.1rem}.career__works{padding-left:1rem;margin:1rem 0}.career__works li{line-height:1.8}.career__works-title{margin:2rem 0 1rem -1rem;font-size:1.2rem;color:#222;font-weight:800}.career__works-period{margin:0 0 1rem -1rem;font-size:1rem;font-weight:400;color:#6c757d}@media (max-width: 768px){.career__companies{width:100%}.career__company{flex-direction:column}.career__logo-wrapper{padding-right:0;padding-bottom:2rem;border-right:none;margin:0 auto}.career__info{padding-left:0}}.pageUpButton{position:fixed;right:1.5rem;bottom:1.5rem;width:3rem;height:3rem;border-radius:.5rem;background-color:#fff;cursor:pointer;opacity:.5}.pageUpButton img{width:100%}.footer{height:11rem;padding-top:2.5rem;background-color:#222;text-align:center}.footer__icons{margin-bottom:1rem}.footer__icon-wrapper{position:relative;display:inline-block;width:3rem;height:3rem;padding:2px;margin:0 .5rem;border-radius:2rem;cursor:pointer}.footer__icon-wrapper.bg-w{background-color:#fff}.footer__icon-wrapper img{display:block;width:100%}.footer__copyright{font-weight:400;font-size:.9rem;color:#f5f5f5;font-size:1.1rem}@font-face{font-family:GangwonEduPowerExtraBoldA;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Pretendard-Regular;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}body{font-family:Pretendard-Regular!important;line-height:normal;margin:0}.sectionTitle{display:table;position:relative;margin:0 auto 4.5rem}.sectionTitle__icon{position:absolute;top:50%;left:-3rem;-webkit-transform:translateY(-50%);width:2rem;height:2rem;opacity:.5;cursor:pointer}.sectionTitle__icon i{font-size:2rem}.sectionTitle__icon i.w{color:#fff}.sectionTitle__text{border-bottom-width:1px;border-bottom-style:solid;font-family:GangwonEduPowerExtraBoldA;font-weight:400;font-size:3rem;line-height:1.5}.sectionTitle__text.bg{color:#000;border-bottom-color:#ccc}.sectionTitle__text.bb{color:#000;border-bottom-color:#000}.sectionTitle__text.wg{color:#fff;border-bottom-color:#ccc}@media (max-width: 992px){.sectionTitle__text{font-size:2.5rem}}@media (max-width: 576px){.sectionTitle__text{font-size:2rem}}.sink-effect{transform:perspective(1px) translateZ(0);transition-duration:.2s;transition-timing-function:ease-out}.sink-effect:hover{transform:translateY(8px)}.highlight{color:#ed3770}