@import url(https://fonts.googleapis.com/css2?family=Rubik+Bubbles&display=swap);@import url(https://fonts.cdnfonts.com/css/avenir);@import url(https://cdn.jsdelivr.net/gh/toss/tossface/dist/tossface.css);@import url(https://static.toss.im/tps/main.css);@import url(https://static.toss.im/tps/others.css);.header{box-sizing:border-box;left:50%;margin:20px auto;padding:30px 50px;position:fixed;top:0;transform:translateX(-50%);width:80vw;z-index:98}.header__container{display:flex;flex-direction:row;justify-content:space-between}.glassmorphism{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff1a;border-radius:50px;box-shadow:0 4px 30px #0000001a}.header__logo{color:#fff;font-family:Rubik Bubbles;font-size:28px;line-height:28px}.nav__list{grid-column-gap:40px;color:#fff;column-gap:40px;display:grid;font:17px Avenir;grid-template-columns:repeat(5,max-content);letter-spacing:.5px}.nav__item{cursor:pointer;line-height:28px}.sub-nav__icon-container{display:none}.sub-nav__icon{align-items:center;cursor:pointer;display:flex;font-size:28px;height:28px;justify-content:center;width:28px}.sub-nav{font:17px Avenir;max-height:0;opacity:0;overflow:hidden;pointer-events:none;z-index:98}.sub-nav.open{border-top:2px solid #ffffff4d;margin-top:15px;max-height:500px;opacity:1;padding-top:15px;pointer-events:auto;transition:max-height 1s linear,opacity .5s ease,padding-top 1s ease,margin-top 1s ease,border-top .3s ease}.sub-nav.close{margin-top:0;opacity:0;padding-top:0;pointer-events:none;transition:max-height .5s ease,opacity .8s ease,padding-top 1s ease,margin-top 1s ease,border-top .3s ease}.sub-nav__list{display:flex;flex-direction:column;letter-spacing:.5px;row-gap:8px}.sub-nav__item{cursor:pointer}.home{position:fixed;top:0;width:100%}.background__gradient{background-color:#fff;background-image:radial-gradient(at 51.6% 14.2%,#e8b3d4 0,#0000 60%),radial-gradient(at 90.4% 24.8%,#f3dd63 0,#0000 50%),radial-gradient(at 56.7% 94.1%,#c9f4b2 0,#0000 50%),radial-gradient(at 3.4% 90.7%,#ebcd80 0,#0000 50%),radial-gradient(at 89.2% 69.4%,#bbf4e8 0,#0000 50%),radial-gradient(at 14.2% 24.3%,#ec98a7 0,#0000 60%);background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:-1}.background__gradient,.background__noise-effect{bottom:0;height:100vh;left:0;position:absolute;right:0;top:0;width:100%}.background__noise-effect{background-image:url(https://i.ibb.co/x3TCktM/645cbb8ec449398255b76326-noise.gif);background-position:0 0;background-size:auto;opacity:.05;pointer-events:none;transition:opacity .2s cubic-bezier(.445,.05,.55,.95);visibility:visible}.title{color:#fff;cursor:default;font:60px/100px HSSanTokki20-Regular;left:50vw;position:absolute;text-align:center;top:50vh;transform:translate(-50%,-50%);width:max-content;word-break:keep-all}.title--large-text{font-size:70px}.title--bounce-text{animation:title--bounce-text 3s infinite;display:inline-block}@keyframes title--bounce-text{0%{transform:translateY(0)}50%{transform:translateY(-9px)}to{transform:translateY(0)}}.scroll-prompt{align-items:center;cursor:default;display:flex;flex-direction:column;left:50vw;position:absolute;row-gap:10px;top:90vh;transform:translate(-50%,-50%)}.scroll-prompt__text{color:#fff;font-family:Avenir;font-size:16px;width:max-content}.scroll-prompt__icon{color:#fff;font-size:1.75rem}.scroll-prompt__icon--bounce{animation:scroll-prompt__icon--bounce 1s infinite;display:inline-block}@keyframes scroll-prompt__icon--bounce{0%{transform:translateY(0)}50%{transform:translateY(5px)}to{transform:translateY(0)}}.skill{margin-top:100vh;padding-top:130px;position:relative}.skill__flex{display:flex;gap:30px;justify-content:center}.skill__item-title{font-family:Avenir;font-size:16px;letter-spacing:.13rem;padding:30px 0 15px;text-align:center}.skill__item-flex{background-color:#fff;border-radius:14px;display:flex;gap:20px;padding:15px 20px;width:fit-content}.skill__item-icon{height:70px}.skill__item-caption{color:#333;font-family:Avenir;font-size:13px;padding-top:9px;text-align:center}.project{padding-top:130px;position:relative}.proj__grid{grid-gap:2vw;display:grid;gap:2vw;grid-template-columns:repeat(3,1fr);margin:0 15vw}.proj__item{background-color:#fff;border-radius:24px;display:flex;flex-direction:column;letter-spacing:.06rem;padding:10px}.proj__item-thumbnail{border-radius:14px;object-fit:cover;width:100%}.proj__item-thumbnail--light{border:1.5px solid #e0e0e0}.proj__item-thumbnail:hover{cursor:pointer;filter:brightness(60%);transition:filter .3s ease}.proj__item-title{color:#333;font-family:NanumSquareExtraBold;font-size:20px;padding:20px 5px 12px}.proj__item-type{border:1px solid #e0e0e0;border-radius:30px;color:#777;font-family:Noto Sans KR,Tossface;font-size:14px;padding:7px 10px;width:fit-content}.proj__item-description{color:#777;font-size:14px;padding:10px 5px}.proj__item-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:auto;width:100%}.proj__item-icon-container{margin:10px 5px;max-width:40px}.proj__item-icon{width:100%}.proj__item-icon:hover{filter:contrast(40%);transition:filter .3s}.proj__modal-scrim{background-color:#0006;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:99}.proj__modal-content{background-color:#fff;border-radius:28px;height:86vh;left:50vw;position:fixed;top:50vh;transform:translate(-50%,-50%);width:80vw;z-index:99}.proj__modal-heading{color:#333;font-family:NanumSquareBold;font-size:30px;font-weight:700;letter-spacing:3px;line-height:30px;padding:60px 30px 30px;text-align:center}.proj__modal-close{align-items:center;color:#333;cursor:pointer;display:flex;font-size:30px;position:absolute;right:30px;top:30px}.test{border:1px solid #545454!important;border-radius:8px!important;font-family:Noto Sans KR}.experience{padding-top:130px;position:relative}.exp__grid{grid-row-gap:50px;display:grid;row-gap:50px}.exp__item{display:flex;margin:0 15vw}.exp__item-icon{background-color:#fff;border-radius:15px;height:130px;margin:20px 40px 20px 0;max-width:130px;object-fit:contain;padding:20px;width:100%}.exp__item-content{border-left:1px solid #545454;height:auto;padding-left:40px}.exp__item-title{font-family:NanumSquareExtraBold;font-size:24px;letter-spacing:2px;padding-bottom:15px}.exp__item-date{color:#8e8e8e;font-size:13px;padding-bottom:10px}.exp__item-description-list ul ul li{list-style-position:inside;list-style-type:disc}.exp__item-description{color:#e0e0e0;font-size:16px;margin-top:10px}.contact{align-content:center;display:grid;height:94vh;position:relative;text-align:center}.con__container{grid-row-gap:20px;background-color:#fff;border-radius:24px;box-sizing:border-box;display:grid;margin:109px auto 0;max-width:500px;padding:50px;row-gap:20px;width:100%}.con__info{grid-row-gap:10px;display:grid;margin-bottom:30px;row-gap:10px}.con__heading{color:#333;font:700 24px Avenir;letter-spacing:3px;width:100%}.con__description{color:gray}.con__description,.con__label{font-family:Noto Sans KR,Avenir;font-size:14px}.con__label{color:#333;display:block;font-weight:600;margin-bottom:8px;padding-left:5px;text-align:left}.con__input{height:40px}.con__input,.con__textarea{background-color:#ebebeb;border:none;border-radius:5px;box-sizing:border-box;font-family:Noto Sans KR,Avenir;padding:7px;width:100%}.con__textarea{height:150px}.con__submit-btn{background-color:#252525;border:none;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Noto Sans KR,Avenir;font-size:16px;height:40px;margin:30px auto 0;width:30%}.con__submit-btn:hover{background-color:#545454}.scrollToTopButton{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#ffffff1a;border:none;border-radius:50%;bottom:3vh;box-shadow:0 2px 5px #0003;cursor:pointer;font-size:16px;height:50px;line-height:60px;position:fixed;right:1.5vw;width:50px;z-index:99}.scrollToTopButton:hover{filter:contrast(80%)}.scrollToTopButton__icon{color:#fff}footer{align-content:center;background-color:#252525;display:grid;position:relative;text-align:center}.footer__copyright{color:#fff;font-size:14px;padding-bottom:30px}.footer__sns{display:flex;gap:30px;justify-content:center;margin-bottom:50px}.footer__icon{height:50px}.footer__icon:hover{filter:brightness(50%);transition:filter .3s ease}body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:Consolas}html{scroll-behavior:smooth}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:HSSanTokki20-Regular;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2405@1.0/HSSanTokki20-Regular.woff2) format("woff2")}@font-face{font-family:NanumSquareNeo;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"),url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"),url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype")}@font-face{font-family:Freesentation-Black;font-style:normal;font-weight:100;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-9Black.woff2) format("woff2")}@font-face{font-family:Pretendard-Regular;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff")}body{-webkit-font-smoothing:antialiased;color:#fff;font-family:Noto Sans KR,sans-serif;letter-spacing:.5px;-webkit-user-select:none;user-select:none;word-break:keep-all}.heading{color:#fff;font:700 25px Avenir;letter-spacing:4px;padding:20px 0 40px 15vw}.container{width:100%}.container2{background-color:#252525;position:relative;width:100%}@media (max-width:767px){.skill__flex{display:block;margin:0 5vw}.skill__item-flex{background-color:#fff;border-radius:14px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;padding:15px 20px;width:fit-content}.proj__grid{margin:0 5vw}}@media (min-width:768px) and (max-width:1023px){.skill__flex{display:block}.skill__item-flex{background-color:#fff;border-radius:14px;display:flex;gap:20px;margin:0 auto;padding:15px 20px;width:fit-content}}@media (min-width:1100px){.sub-nav{display:none!important}}@media (max-width:1100px){.nav{display:none}.sub-nav__icon-container{display:block}}@media (max-width:900px){.title{font-size:42px;line-height:70px}.title--large-text{font-size:49px}.proj__grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.5e47a521.css.map*/