diff --git a/asset-manifest.json b/asset-manifest.json index 900d4fd..3dd2fff 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,7 +1,8 @@ { "files": { - "main.css": "/portfolio/static/css/main.e5395edd.css", + "main.css": "/portfolio/static/css/main.f9b62ccb.css", "main.js": "/portfolio/static/js/main.06f0d8b9.js", + "static/media/AppleSDGothicNeoR.woff2": "/portfolio/static/media/AppleSDGothicNeoR.bf7df0deab61e85edf6a.woff2", "static/media/slick.svg": "/portfolio/static/media/slick.2630a3e3eab21c607e21.svg", "static/media/slick.eot": "/portfolio/static/media/slick.a4e97f5a2a64f0ab1323.eot", "static/media/angry.cur": "/portfolio/static/media/angry.dd9669e7cce5511307cb.cur", @@ -9,11 +10,11 @@ "static/media/slick.woff": "/portfolio/static/media/slick.295183786cd8a1389865.woff", "static/media/favicon.cur": "/portfolio/static/media/favicon.dbd51f7045815cb6a421.cur", "index.html": "/portfolio/index.html", - "main.e5395edd.css.map": "/portfolio/static/css/main.e5395edd.css.map", + "main.f9b62ccb.css.map": "/portfolio/static/css/main.f9b62ccb.css.map", "main.06f0d8b9.js.map": "/portfolio/static/js/main.06f0d8b9.js.map" }, "entrypoints": [ - "static/css/main.e5395edd.css", + "static/css/main.f9b62ccb.css", "static/js/main.06f0d8b9.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 4111803..eb818d3 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -HyeIn's Portfolio
\ No newline at end of file +HyeIn's Portfolio
\ No newline at end of file diff --git a/static/css/main.e5395edd.css b/static/css/main.e5395edd.css deleted file mode 100644 index 42f95aa..0000000 --- a/static/css/main.e5395edd.css +++ /dev/null @@ -1,2 +0,0 @@ -@charset "UTF-8";@font-face{font-family:iceJaram-Rg;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/iceJaram-Rg.woff2) format("woff2")}@font-face{font-family:Redemption;font-style:normal;font-weight:400;src:local("Redemption"),url(https://fonts.cdnfonts.com/s/23565/Redemption.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:400;src:url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap) format("woff2")}html{font-size:8px}@media(min-width:1025px)and (max-width:1447px){html{font-size:6px}}@media(min-width:768px)and (max-width:1024px){html{font-size:5px}}@media(min-width:414px)and (max-width:767px){html{font-size:4px}}@media(max-width:413px){html{font-size:3px}}html body{margin:0}.dash-title{align-items:center;display:flex;justify-content:space-between;margin:8.75rem 0 5rem}.dash-title .dash-line{border:.125rem dashed #000;height:0;margin:8.75rem 0;width:30%}.dash-title .title-font{font-family:iceJaram-Rg;font-size:10rem;letter-spacing:.15em;line-height:8.875rem;margin:0 8rem;text-align:center}.project-btn{align-items:center;background-color:#333;border-radius:.625rem;border-width:.0625rem;color:#fff;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer;display:flex;font-size:1.5rem;height:3.75rem;justify-content:center;text-align:center;text-decoration:none;width:12.5rem}.project-btn img{margin-right:.375rem;width:2rem}.dim{background-color:#000;height:100%;opacity:.2;position:fixed;width:100%;z-index:3}body:after{height:0;overflow:hidden;position:absolute;width:0;z-index:-1}.home-page .profile-container{display:flex;justify-content:space-between;padding:25rem 15% 5rem}.home-page .profile-container .profile-img-wrapper{align-items:center;display:flex;justify-content:center;max-width:45%;transition:.8s}.home-page .profile-container .profile-img-wrapper img{border-radius:8.75rem;width:100%}.home-page .profile-container .profile-img-wrapper.active{opacity:1;transform:translateX(0)}.home-page .profile-container .profile-text-wrapper{display:flex;flex-direction:column;gap:7.5rem;justify-content:center}.home-page .profile-container .profile-introduce-title-container{color:#53354a;display:flex;flex-direction:column;font-family:Noto Sans KR;font-size:5rem;gap:2.5rem}.home-page .profile-container .profile-introduce-title-container .profile-introduce-subtitle-box{color:#71b5c9;display:flex;flex-direction:column;font-size:3.75rem;gap:1.25rem}.home-page .profile-container .profile-introduce-title-container .profile-introduce-subtitle-box .profile-introduce-subtitle-2{color:#53354a;font-size:3.125rem}.home-page .profile-container .profile-introduce-desc{color:#53354a;display:flex;flex-direction:column;font-family:Noto Sans KR;font-size:2.25rem;gap:6.25rem;line-height:3.625rem}.home-page .btn-container{display:flex;justify-content:end;margin-right:12.5rem}.home-page .btn-container .to-introduce-btn{align-items:center;background-color:#333;border-radius:1rem;border-width:.0625rem;color:#fff;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer;display:flex;font-size:2.5rem;height:5rem;justify-content:center;text-align:center;text-decoration:none;width:25rem}@media(min-width:414px)and (max-width:767px){.home-page .profile-container{align-items:center;flex-direction:column;gap:10rem}.home-page .profile-container .profile-img-wrapper{max-width:80%}}@media(max-width:413px){.home-page .profile-container{align-items:center;flex-direction:column;gap:10rem}.home-page .profile-container .profile-img-wrapper{max-width:80%}}.awards-page{gap:7.5rem;padding:7.5rem 0}.awards-page,.awards-page .box{align-items:center;display:flex;flex-direction:column}.awards-page .box{background-color:#fff;border-radius:2rem;box-shadow:.375rem .375rem 2.5rem .75rem gray;color:#53354a;font-family:Noto Sans KR;gap:5rem;justify-content:center;padding:3%;width:70%}.awards-page .box img{width:50%}.awards-page .box div{align-items:center;display:flex;font-size:2rem;justify-content:center}@keyframes dropDown{0%{height:0;opacity:0;overflow:hidden;transform:translateY(-2rem)}to{opacity:1}}@keyframes dropUp{0%{opacity:1;transform:translateY(0)}to{height:0;opacity:0;overflow:hidden;transform:translateY(-2rem)}}@keyframes dropLeft{0%{opacity:0;overflow:hidden;transform:translateX(-2rem);width:0}to{opacity:1}}@keyframes dropRight{0%{opacity:1}to{opacity:0;overflow:hidden;transform:translateX(2rem);width:0}}.introduce-page{overflow:hidden}.introduce-page .title-font{font-family:iceJaram-Rg;font-size:10rem;letter-spacing:.15em;line-height:8.875rem;margin:0 8rem;text-align:center}.introduce-page .introduce-profile-image{display:flex;justify-content:center;opacity:0;padding:8.75rem 0 10rem;transition:1.2s}.introduce-page .introduce-profile-image img{aspect-ratio:1;border-radius:10rem;width:62.5rem}.introduce-page .introduce-profile-image.active{opacity:1}.introduce-page .introduce-profile-name{display:flex;justify-content:center;opacity:0;padding:0 0 10rem;transform:translateX(-30%);transition:.8s}.introduce-page .introduce-profile-name.active{opacity:1;transform:translateX(0)}.introduce-page .introduce-page-desc{color:#53354a;display:flex;flex-direction:column;font-family:Noto Sans KR;font-size:2.125rem;gap:4rem;line-height:3.75rem;padding:6.25rem 0 0;text-align:center;width:100%}.introduce-page .my-photo-list{display:flex;gap:5rem;justify-content:center;margin:16.25rem 0 0;transform:translateX(80%);transition:1s}.introduce-page .my-photo-list img{width:31.25rem}.introduce-page .my-photo-list.active{transform:translateX(0)}.introduce-page .typing-section-wrapper{display:flex;flex-direction:column;gap:.625rem;margin-top:12.5rem}.introduce-page .typing-section-wrapper .my-interested-text{color:#53354a;font-family:Noto Sans KR;font-size:3.125rem;text-align:center}.introduce-page .typing-section-wrapper .my-interested-text .typing-text{animation:cursor .2s ease infinite;border-right:.05em solid #000;color:#ffd400;display:inline;vertical-align:middle}.introduce-page .typing-section-wrapper .my-interested-text:nth-child(2){font-size:3.75rem}.introduce-page .my-interested-wrapper{margin-top:7.5rem}.introduce-page .my-interested-wrapper .my-interested-text{color:#53354a;font-family:Noto Sans KR;font-size:2.25rem;text-align:center}.introduce-page .contact-wrapper{display:flex;flex-direction:column;gap:.625rem;margin-top:12.5rem}.introduce-page .contact-wrapper .my-interested-text{color:#53354a;font-family:Noto Sans KR;font-size:2.5rem;text-align:center}.introduce-page .contact-wrapper .link-text{color:#53354a;text-decoration:none}.introduce-page .education-wrapper{display:flex;flex-direction:column;gap:.625rem}.introduce-page .education-wrapper .education-text{color:#53354a;font-family:Noto Sans KR;font-size:2.5rem;text-align:center}.introduce-page .skills-container .skills-wrapper{align-items:center;display:flex;gap:.6rem;justify-content:center;margin:1.25rem 0}.projects-page .dash-title .title-font{font-size:6.25rem}.projects-page .project-component{display:flex;flex-direction:column;margin:0 10rem}.projects-page .project-component .project-content{align-items:center;display:flex;gap:5rem;justify-content:center}.projects-page .project-component .project-content img{width:45%}.projects-page .project-component .project-content .project-desc{width:70rem}.projects-page .project-component .project-content .project-desc .title{color:#53354a;font-family:Noto Sans KR;font-size:3.75rem}.projects-page .project-component .project-content .project-desc .subtitle{color:#53354a;font-family:Noto Sans KR;font-size:2.5rem;margin-top:.625rem}.projects-page .project-component .project-content .project-desc .text{color:#53354a;font-family:Noto Sans KR;font-size:1.875rem;margin-top:.625rem}.projects-page .project-component .project-content .project-desc .sub-text{color:#53354a;font-family:Noto Sans KR;font-size:1.625rem;margin-top:.625rem}.projects-page .project-component .project-btn-container{align-items:flex-end;display:flex;flex-direction:column;gap:1rem;margin:5rem 8rem 0 0}.projects-page .slick-next,.projects-page .slick-prev{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer}.projects-page .slick-next:before,.projects-page .slick-prev:before{color:#000;opacity:1}.projects-page .slick-dots li button{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer}.video-modal{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:100rem;z-index:100}.video-modal .close-btn{background-color:#fff;border-radius:1rem;color:#000;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer;font-size:3rem;height:3rem;position:fixed;right:3rem;text-align:center;top:3rem;width:3rem;z-index:5}.video-modal video{border-radius:2rem;width:100rem}.nav-bar{background-color:#fff;border-bottom:.25rem solid #000;display:flex;height:12rem;justify-content:space-between;width:100%}.nav-bar .nav-text-logo{align-items:center;display:flex;text-decoration:none}.nav-bar .nav-text-logo .animated-text{animation:expand-rev 1s ease forwards;background:conic-gradient(#00a6c6 10%,#01c7b7 20%,#f3ecdc 30%,#dfdbce 35%,#b8b8b5 62%,#90796e 62%,#033468 75%,#21bcd6 75%,#1779bb 85%,#768fd6 85%);background-clip:text;-webkit-background-clip:text;background-size:50%;color:#0000;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer}.nav-bar .nav-text-logo .animated-text:hover{animation:expand 1s ease forwards}@keyframes expand{0%{background-position:0 0;background-size:30%}20%{background-position:0 1em;background-size:55%}to{background-position:-15em -1em;background-size:325%}}@keyframes expand-rev{0%{background-position:-10em -4em;background-size:325%}20%{background-position:0 2em;background-size:55%}to{background-position:2em .1em;background-size:30%}}.nav-bar .nav-text-logo .happyhyep-text{align-items:center;font-family:Redemption;font-size:7.5rem;font-style:normal;font-weight:400;letter-spacing:.09em;margin-left:3.75rem}.nav-bar .link-container{align-items:center;display:flex;gap:3.5rem;margin-right:5rem}.nav-bar .link-container .link-text{align-items:center;color:#000;display:flex;font-family:Noto Sans KR;font-size:2.3rem;text-decoration:none}.nav-bar .link-container .link-text,.nav-bar .link-container img{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer}.nav-bar .link-container img{height:4rem}.nav-bar .mobile-header-right{display:none}@media(min-width:414px)and (max-width:767px){.nav-bar .link-container{display:none}.nav-bar .mobile-header-right{align-items:center;display:flex;gap:3rem;margin-right:5rem}.nav-bar .mobile-header-right img:first-child{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer;height:6rem}.nav-bar .mobile-header-right img:nth-child(3){height:4rem}}@media(max-width:413px){.nav-bar .link-container{display:none}.nav-bar .mobile-header-right{align-items:center;display:flex;gap:3rem;margin-right:5rem}.nav-bar .mobile-header-right img:first-child{height:6rem}.nav-bar .mobile-header-right img:nth-child(3){height:4rem}}.nav-bar .hidden-lang-toast,.nav-bar .hidden-lang-toast-mobile{display:none}.nav-bar .lang-toast{animation-direction:normal;animation-duration:.5s;animation-name:dropDown;background-color:#fff;border:.125rem solid #000;border-radius:1.3rem;display:inline;display:initial;font-size:2.8rem;position:absolute;right:2rem;top:10.5rem;width:18rem;z-index:10}.nav-bar .lang-toast ul{list-style:none;margin:0;padding:0;text-align:center}.nav-bar .lang-toast ul li{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer;padding:1.5rem 0 1.5rem 2rem}.nav-bar .lang-toast ul .checked-lang-wrapper{align-items:center;display:flex;justify-content:center}.nav-bar .lang-toast ul .checked-lang-wrapper img{left:1rem;position:absolute;width:3rem}@media(min-width:414px)and (max-width:767px){.nav-bar .lang-toast{right:7rem}}@media(max-width:413px){.nav-bar .lang-toast{right:7rem}}.footer{background-color:#000;height:21.875rem;margin-top:15rem}.footer .footer-icon-container{display:flex;justify-content:space-between;margin:auto;width:25rem}.footer .footer-icon-container .footer-icon-image{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer;margin-top:5rem;width:5.625rem}.footer .copyright{color:#fff;font-family:Noto Sans KR;font-size:2rem;margin-top:3.75rem;text-align:center}.mobileMenu{animation-direction:normal;animation-duration:.5s;animation-fill-mode:forwards;animation-name:dropLeft;background-color:#fff;box-shadow:-9px 7px 8.6px 0 #00000059;display:flex;flex-direction:column;height:100%;position:fixed;right:0;width:80%;z-index:15}.mobileMenu .close-btn-wrapper{display:flex;justify-content:flex-end}.mobileMenu .close-btn-wrapper img{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer;padding:5rem;width:5rem}.mobileMenu .logo-wrapper{padding:13rem 0 0 10rem}.mobileMenu .logo-wrapper img{width:56rem}.mobileMenu .menu-wrapper{padding:10rem 8rem}.mobileMenu .menu-wrapper .menu{align-items:center;border-bottom:.25rem solid #888;display:flex;height:12rem;justify-content:space-between;margin:5rem 0;padding:0 2rem;text-decoration:none}.mobileMenu .menu-wrapper .menu .menu-text{color:#888;font-size:4.5rem}.mobileMenu .menu-wrapper .menu img{width:3rem}.mobileMenu-active{animation-direction:normal;animation-duration:.5s;animation-fill-mode:forwards;animation-name:dropRight}*{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALJSURBVHgBdVJdSFNhGH7Od5bOObez2Zb/zJr4l0UhaFERQmQ31oVkmAQiXRaFkV5IlNhNxCi6qyAKoR8x68IiKImlYFCIaM5StGlTV9PNzf2e7Xx9O9uyLnrg/b73vN/3vc/7Pufl8Be6ui4Vfxkb7SjZtthUUhQUhCwJax4J9p85zpFx6bV9JXTtO0PqPpdymhobz5UZP3afP7Uu6NRB+UCiEltjzBRY/kXwzFpOpx17O+8+fHAj/oaPL22tbZf3md5Y2lvWlKo0cTOjDEm2LBVQU+blHD/mj2iLGkITE5MjXFmZyXT2RNbUxZMzGRxj+bqoxVZtANkaEZRSUPZwxa1GVOSRbwjJ3zefmCnVn67gd5bk37rSOl+tyZRYWIGGdh28PgUO7QkkmXm0W7IxYFWhqS4eoyg3Bbg7j1wgtVXBY3kGmiiPbaEg2yiR5eC4eAMEHE8gilJCIWY6dRhVxatnFOY8r5GDKHMQTkTvdS+M2rDMkIhJ6GpzISKmJWPxpBTmwpBGkaWGHPT5CdSZQKXJh39BUWCIl+tnXgYczjTkGcJQZ0RBNgJEzjc+q4F1TI//g6D/rQLBqJJ5hJHxILNLwnpclAO7fbCzrN8cBtBkyZujQDA2kw1/RA1zvouFRMwtqZy8oNueW1+7XpORHsEucxCvPgDW8Xgv6RDZfEzOqfDyfSYiEQnNR92siyicrkxYHgv9XGfnBZMmMmjrbFlQckxxyphikhKfbRRefzqM+jAqi2PgSYSdRUE5BW73lYbuDcTK+eHhUY9u22G/e3W5vroinCiSi6LAGMWO/DBy9EwYEpOFo2wO7j/X4tPCwa53Q0OD8nhOTdtGc0uaQzP2WF2h0cVpVIn/zGiS08/D7VfB0qv3DM/Wdjzt67Ok1PgDE0OhUXm1rmbL8RxhRTAIBO4NAtuC0rPoKn5RWrW/u6enZz51/zcMSRgC4qjOYQAAAABJRU5ErkJggg==),url(/portfolio/static/media/favicon.dbd51f7045815cb6a421.cur),auto}.slick-slider{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;touch-action:pan-y;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.slick-list,.slick-slider{display:block;position:relative}.slick-list{margin:0;overflow:hidden;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid #0000;display:block;height:auto}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(data:image/gif;base64,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) 50% no-repeat}@font-face{font-family:slick;font-style:normal;font-weight:400;src:url(/portfolio/static/media/slick.a4e97f5a2a64f0ab1323.eot);src:url(/portfolio/static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format("embedded-opentype"),url(/portfolio/static/media/slick.295183786cd8a1389865.woff) format("woff"),url(/portfolio/static/media/slick.c94f7671dcc99dce43e2.ttf) format("truetype"),url(/portfolio/static/media/slick.2630a3e3eab21c607e21.svg#slick) format("svg")}.slick-next,.slick-prev{border:none;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:#0000;color:#0000;outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:slick;font-size:20px;line-height:1;opacity:.75}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;display:block;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%}.slick-dots li{display:inline-block;margin:0 5px;padding:0;position:relative}.slick-dots li,.slick-dots li button{cursor:pointer;height:20px;width:20px}.slick-dots li button{background:#0000;border:0;color:#0000;display:block;font-size:0;line-height:0;outline:none;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;content:"•";font-family:slick;font-size:6px;height:20px;left:0;line-height:20px;opacity:.25;position:absolute;text-align:center;top:0;width:20px}.slick-dots li.slick-active button:before{color:#000;opacity:.75} -/*# sourceMappingURL=main.e5395edd.css.map*/ \ No newline at end of file diff --git a/static/css/main.e5395edd.css.map b/static/css/main.e5395edd.css.map deleted file mode 100644 index f9662a9..0000000 --- a/static/css/main.e5395edd.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.e5395edd.css","mappings":"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","sources":["../node_modules/slick-carousel/slick/slick-theme.css","assets/css/font.scss","assets/css/common.scss","assets/css/variable.scss","assets/css/pages/home.scss","assets/css/pages/awards.scss","assets/css/pages/introduce.scss","assets/css/pages/projects.scss","assets/css/components/navBar.scss","assets/css/components/mobileMenu.scss","assets/css/app.scss","../node_modules/slick-carousel/slick/slick.css"],"sourcesContent":["@charset 'UTF-8';\n/* Slider */\n.slick-loading .slick-list\n{\n background: #fff url('./ajax-loader.gif') center center no-repeat;\n}\n\n/* Icons */\n@font-face\n{\n font-family: 'slick';\n font-weight: normal;\n font-style: normal;\n\n src: url('./fonts/slick.eot');\n src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');\n}\n/* Arrows */\n.slick-prev,\n.slick-next\n{\n font-size: 0;\n line-height: 0;\n\n position: absolute;\n top: 50%;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 0;\n -webkit-transform: translate(0, -50%);\n -ms-transform: translate(0, -50%);\n transform: translate(0, -50%);\n\n cursor: pointer;\n\n color: transparent;\n border: none;\n outline: none;\n background: transparent;\n}\n.slick-prev:hover,\n.slick-prev:focus,\n.slick-next:hover,\n.slick-next:focus\n{\n color: transparent;\n outline: none;\n background: transparent;\n}\n.slick-prev:hover:before,\n.slick-prev:focus:before,\n.slick-next:hover:before,\n.slick-next:focus:before\n{\n opacity: 1;\n}\n.slick-prev.slick-disabled:before,\n.slick-next.slick-disabled:before\n{\n opacity: .25;\n}\n\n.slick-prev:before,\n.slick-next:before\n{\n font-family: 'slick';\n font-size: 20px;\n line-height: 1;\n\n opacity: .75;\n color: white;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.slick-prev\n{\n left: -25px;\n}\n[dir='rtl'] .slick-prev\n{\n right: -25px;\n left: auto;\n}\n.slick-prev:before\n{\n content: '←';\n}\n[dir='rtl'] .slick-prev:before\n{\n content: '→';\n}\n\n.slick-next\n{\n right: -25px;\n}\n[dir='rtl'] .slick-next\n{\n right: auto;\n left: -25px;\n}\n.slick-next:before\n{\n content: '→';\n}\n[dir='rtl'] .slick-next:before\n{\n content: '←';\n}\n\n/* Dots */\n.slick-dotted.slick-slider\n{\n margin-bottom: 30px;\n}\n\n.slick-dots\n{\n position: absolute;\n bottom: -25px;\n\n display: block;\n\n width: 100%;\n padding: 0;\n margin: 0;\n\n list-style: none;\n\n text-align: center;\n}\n.slick-dots li\n{\n position: relative;\n\n display: inline-block;\n\n width: 20px;\n height: 20px;\n margin: 0 5px;\n padding: 0;\n\n cursor: pointer;\n}\n.slick-dots li button\n{\n font-size: 0;\n line-height: 0;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 5px;\n\n cursor: pointer;\n\n color: transparent;\n border: 0;\n outline: none;\n background: transparent;\n}\n.slick-dots li button:hover,\n.slick-dots li button:focus\n{\n outline: none;\n}\n.slick-dots li button:hover:before,\n.slick-dots li button:focus:before\n{\n opacity: 1;\n}\n.slick-dots li button:before\n{\n font-family: 'slick';\n font-size: 6px;\n line-height: 20px;\n\n position: absolute;\n top: 0;\n left: 0;\n\n width: 20px;\n height: 20px;\n\n content: '•';\n text-align: center;\n\n opacity: .25;\n color: black;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.slick-dots li.slick-active button:before\n{\n opacity: .75;\n color: black;\n}\n","//@font-face {\n// font-family: \"applesdgothic\", applesdgothic;\n// src: url(\"./applesdgothic.ttf\") format(\"woff2\");\n// font-weight: normal;\n// font-style: normal;\n//};\n@font-face {\n font-family: 'iceJaram-Rg';\n src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/iceJaram-Rg.woff2') format('woff2');\n font-weight: normal;\n font-style: normal;\n}\n//@font-face {\n// font-family: 'UhBeeRice';\n// src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_five@.2.0/UhBeeRice.woff') format('woff');\n// font-weight: normal;\n// font-style: normal;\n// }\n\n @font-face {\n font-family: 'Redemption';\n font-style: normal;\n font-weight: 400;\n src: local('Redemption'), url('https://fonts.cdnfonts.com/s/23565/Redemption.woff') format('woff');\n}\n\n@font-face {\n font-family: 'Noto Sans KR';\n font-style: normal;\n font-weight: 400;\n src: url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap') format('woff2');\n}","html {\n /* 루트 요소 폰트 사이즈 */\n /* 1rem = 8px */\n font-size: 8px;\n @include min-pc {\n font-size: 6px;\n }\n @include big-tablet {\n font-size: 5px;\n }\n @include mobile {\n font-size: 4px;\n }\n @include min-mobile {\n font-size: 3px;\n }\n body {\n margin: 0;\n }\n}\n\n.dash-title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 8.75rem 0 5rem;\n .dash-line {\n width: 30%;\n height: 0;\n border: 0.125rem dashed $colorBlack;\n margin: 8.75rem 0 8.75rem;\n }\n .title-font {\n margin: 0 8rem;\n font-family: iceJaram-Rg;\n font-size: 10rem;\n line-height: 8.875rem;\n text-align: center;\n letter-spacing: 0.15em;\n }\n}\n\n.project-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n\n border-radius: 0.625rem;\n border-width: 0.0625rem;\n width: 12.5rem;\n height: 3.75rem;\n background-color: $colorGray100;\n color: $colorWhite;\n text-align: center;\n text-decoration: none;\n font-size: 1.5rem;\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n\n img {\n width: 2rem;\n margin-right: 0.375rem;\n }\n}\n\n.dim {\n background-color: $colorBlack;\n opacity: 0.2;\n position: fixed;\n width: 100%;\n height: 100%;\n z-index: 3;\n}\n\nbody::after{\n position:absolute;\n width:0;\n height:0;\n overflow:hidden;\n z-index:-1;\n\n //content:url(\"/assets/images/title.webp\")\n\n}","/**\nCOLOR LIST\n */\n\n$colorWhite: #ffffff;\n$colorBlack: #000000;\n\n$colorGray100: #333333;\n$colorGray200: #888888;\n$colorGray300: #808080;\n$colorGray400: #595959;\n\n$colorBrown100: #53354A;\n\n$colorYellow100: #ffd400;\n\n$colorBlue100: #93C6D5;\n$colorBlue200: #71b5c9;\n\n\n\n\n\n/**\nRESOLUTION LIST\n */\n@mixin min-mobile {\n @media (max-width: 413px) {\n @content\n }\n}\n@mixin mobile {\n @media (min-width:414px) and (max-width: 767px) {\n @content;\n }\n}\n\n@mixin min-tablet {\n @media (width: 768px) {\n @content;\n }\n}\n\n@mixin big-tablet {\n @media (min-width: 768px) and (max-width: 1024px) {\n @content;\n }\n}\n@mixin min-pc {\n @media (min-width: 1025px) and (max-width: 1447px) {\n @content;\n }\n}\n@mixin big-pc {\n @media (min-width: 1448px) and (max-width: 99999px) {\n @content;\n }\n}\n\n\n@mixin dropDown {\n animation-name: dropDown;\n animation-duration: 500ms;\n animation-direction: normal;\n}\n@keyframes dropDown {\n from {\n opacity: 0;\n transform: translateY(-2rem);\n height: 0;\n overflow: hidden;\n }\n to {\n opacity: 1;\n }\n}\n\n@mixin dropUp {\n animation-name: dropUp;\n animation-duration: 500ms;\n animation-direction: normal;\n animation-fill-mode: forwards;\n}\n\n@keyframes dropUp {\n from {\n opacity: 1;\n transform: translateY(0);\n }\n\n to {\n opacity: 0;\n transform: translateY(-2rem);\n height: 0;\n overflow: hidden;\n }\n}\n\n@keyframes dropLeft {\n from {\n opacity: 0;\n transform: translateX(-2rem);\n width: 0;\n overflow: hidden;\n }\n to {\n opacity: 1;\n }\n}\n\n\n@mixin dropLeft {\n animation-name: dropLeft;\n animation-duration: 500ms;\n animation-direction: normal;\n animation-fill-mode: forwards;\n}\n\n@keyframes dropRight {\n from {\n opacity: 1;\n }\n to {\n transform: translateX(2rem);\n opacity: 0;\n width: 0;\n overflow: hidden;\n }\n}\n\n\n@mixin dropRight {\n animation-name: dropRight;\n animation-duration: 500ms;\n animation-direction: normal;\n animation-fill-mode: forwards;\n}\n\n//@mixin dropDownUp {\n// &.dropdown-enter-active,\n// &.dropdown-enter-to {\n// @include dropDown;\n// }\n// &.dropdown-leave-from,\n// &.dropdown-leave-active {\n// @include dropUp;\n// }\n//}",".home-page {\n .profile-container {\n display: flex;\n padding: 25rem 15% 5rem;\n justify-content: space-between;\n .profile-img-wrapper {\n //transform: translateX(-50%);\n //opacity: 0;\n transition: .8s;\n max-width: 45%;\n display: flex;\n justify-content: center;\n align-items: center;\n img {\n width: 100%;\n border-radius: 8.75rem;\n }\n }\n .profile-img-wrapper.active {\n transform: translateX(0);\n opacity: 1;\n }\n\n .profile-text-wrapper {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 7.5rem;\n }\n .profile-introduce-title-container {\n font-family: Noto Sans KR;\n font-size: 5rem;\n color: $colorBrown100;\n display: flex;\n flex-direction: column;\n gap: 2.5rem;\n\n .profile-introduce-subtitle-box {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n font-size: 3.75rem;\n color: $colorBlue200;\n .profile-introduce-subtitle-2 {\n color: $colorBrown100;\n font-size: 3.125rem;\n }\n }\n }\n .profile-introduce-desc {\n font-family: Noto Sans KR;\n font-size: 2.25rem;\n color: $colorBrown100;\n //margin-top: 5px;\n display: flex;\n flex-direction: column;\n gap: 6.25rem;\n line-height: 3.625rem;\n }\n }\n\n .btn-container {\n display: flex;\n justify-content: end;\n margin-right: 12.5rem;\n .to-introduce-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n\n border-radius: 1rem;\n border-width: 0.0625rem;\n width: 25rem;\n height: 5rem;\n background-color: $colorGray100;\n color: $colorWhite;\n text-align: center;\n text-decoration: none;\n font-size: 2.5rem;\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n }\n }\n //.aaa {\n // transform: translateX(50%);\n // opacity: 0;\n // transition: 1.2s;\n //}\n //\n //.aaa.active {\n // transform: translateX(0);\n // opacity: 1;\n //}\n //\n\n @include mobile {\n .profile-container {\n flex-direction: column;\n align-items: center;\n gap: 10rem;\n .profile-img-wrapper {\n max-width: 80%;\n }\n }\n }\n @include min-mobile {\n .profile-container {\n flex-direction: column;\n align-items: center;\n gap: 10rem;\n .profile-img-wrapper {\n max-width: 80%;\n }\n }\n }\n}","//.award-box-container {\n// display: flex;\n// justify-content: center;\n//\n//\n// .award4-box {\n// transform: translateX(20%);\n// opacity: 0.1;\n// transition: .8s;\n// }\n//\n// //.award4-box.active {\n// // transform: translateX(0);\n// // opacity: 1;\n// //}\n//}\n//.award3-box {\n//}\n//\n////.award3-box.active {\n//// transform: translateX(0);\n//// opacity: 1;\n////}\n//\n//@keyframes active-animation {\n// 0% {\n// opacity: 0;\n// transform: translateX(20%);\n// }\n// 100% {\n// opacity: 1;\n// transform: translateX(0);\n// }\n//}\n\n.awards-page {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 7.5rem;\n padding: 7.5rem 0;\n .box {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 70%;\n gap: 5rem;\n //margin-top: 3%;\n padding: 3%;\n background-color: $colorWhite;\n border-radius: 2rem;\n box-shadow: 0.375rem 0.375rem 2.5rem 0.75rem $colorGray300;\n font-family: \"Noto Sans KR\";\n color: $colorBrown100;\n img {\n width: 50%;\n //margin-top: 5%;\n //margin-bottom: 3%;\n }\n div {\n font-size: 2rem;\n display: flex;\n justify-content: center;\n align-items: center;\n //margin-bottom: 3%;\n }\n }\n}","@import \"../variable\";\n\n.introduce-page {\n overflow: hidden;\n\n .title-font {\n margin: 0 8rem;\n font-family: iceJaram-Rg;\n font-size: 10rem;\n line-height: 8.875rem;\n text-align: center;\n letter-spacing: 0.15em;\n }\n\n .introduce-profile-image {\n opacity: 0;\n transition: 1.2s;\n\n display: flex;\n justify-content: center;\n padding: 8.75rem 0 10rem 0;\n img {\n aspect-ratio: 1;\n border-radius: 10rem;\n width: 62.5rem;\n }\n }\n\n .introduce-profile-image.active {\n opacity: 1;\n }\n\n .introduce-profile-name {\n transform: translateX(-30%);\n opacity: 0;\n transition: .8s;\n\n display: flex;\n justify-content: center;\n padding: 0 0 10rem 0;\n\n }\n\n .introduce-profile-name.active {\n transform: translateX(0);\n opacity: 1;\n }\n\n .introduce-page-desc {\n padding: 6.25rem 0 0 0;\n //width: 129.375rem;\n font-family: \"Noto Sans KR\";\n font-size: 2.125rem;\n line-height: 3.75rem;\n color: $colorBrown100;\n display: flex;\n flex-direction: column;\n gap: 4rem;\n width: 100%;\n text-align: center;\n }\n .my-photo-list {\n transform: translateX(80%);\n transition: 1s;\n\n margin: 16.25rem 0 0 0;\n display: flex;\n justify-content: center;\n gap: 5rem;\n img {\n width: 31.25rem;\n //margin: 0 5rem 0;\n }\n }\n\n .my-photo-list.active {\n transform: translateX(0);\n }\n\n .typing-section-wrapper {\n margin-top: 12.5rem;\n display: flex;\n flex-direction: column;\n gap: 0.625rem;\n .my-interested-text {\n font-family: \"Noto Sans KR\";\n font-size: 3.125rem;\n text-align: center;\n color: $colorBrown100;\n .typing-text {\n display: inline;\n vertical-align: middle;\n border-right: 0.05em solid $colorBlack;\n animation: cursor 0.2s ease infinite;\n color: $colorYellow100;\n }\n }\n .my-interested-text:nth-child(2) {\n font-size: 3.75rem;\n }\n\n }\n\n .my-interested-wrapper {\n margin-top: 7.5rem;\n .my-interested-text {\n font-family: \"Noto Sans KR\";\n font-size: 2.25rem;\n text-align: center;\n color: $colorBrown100;\n }\n }\n\n .contact-wrapper {\n margin-top: 12.5rem;\n display: flex;\n flex-direction: column;\n gap: 0.625rem;\n .my-interested-text {\n font-family: \"Noto Sans KR\";\n font-size: 2.5rem;\n text-align: center;\n color: $colorBrown100;\n }\n .link-text {\n color: $colorBrown100;\n text-decoration: none;\n }\n }\n\n .education-wrapper {\n display: flex;\n flex-direction: column;\n gap: 0.625rem;\n .education-text {\n font-family: \"Noto Sans KR\";\n font-size: 2.5rem;\n text-align: center;\n color: $colorBrown100;\n }\n }\n .skills-container {\n .skills-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.6rem;\n margin: 1.25rem 0;\n img {\n\n }\n }\n\n }\n}",".projects-page {\n .dash-title {\n .title-font {\n font-size: 6.25rem;\n }\n }\n\n .project-component {\n margin: 0 10rem;\n display: flex;\n flex-direction: column;\n .project-content {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 5rem;\n img {\n width: 45%;\n }\n\n .project-desc {\n //margin: 2.5rem 0 0 5rem;\n width: 70rem;\n\n .title {\n font-family: \"Noto Sans KR\";\n font-size: 3.75rem;\n color: $colorBrown100;\n //margin-top: 3.75rem;\n }\n\n .subtitle {\n font-family: \"Noto Sans KR\";\n color: $colorBrown100;\n font-size: 2.5rem;\n margin-top: 0.625rem;\n }\n\n .text {\n font-family: \"Noto Sans KR\";\n color: $colorBrown100;\n font-size: 1.875rem;\n margin-top: 0.625rem;\n }\n\n .sub-text {\n font-family: \"Noto Sans KR\";\n color: $colorBrown100;\n font-size: 1.625rem;\n margin-top: 0.625rem;\n }\n }\n }\n .project-btn-container {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 1rem;\n margin: 5rem 8rem 0 0;\n }\n }\n\n .slick-prev {\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n }\n .slick-next {\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n }\n.slick-prev:before {\n opacity: 1;\n color: black;\n}\n .slick-next:before {\n opacity: 1;\n color: black;\n }\n .slick-dots li button {\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n }\n}\n\n.video-modal {\n position: fixed;\n width: 100rem;\n top: 50%;\n left: 50%;\n transform: translate(-50%,-50%);\n z-index: 100;\n .close-btn {\n position: fixed;\n z-index: 5;\n right: 3rem;\n top: 3rem;\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n font-size: 3rem;\n color: $colorBlack;\n background-color: $colorWhite;\n width: 3rem;\n height: 3rem;\n text-align: center;\n border-radius: 1rem;\n }\n video {\n width: 100rem;\n border-radius: 2rem;\n }\n}",".nav-bar {\n width: 100%;\n height: 12rem;\n display: flex;\n border-bottom-color: $colorBlack;\n border-bottom-style: solid;\n border-bottom-width: 0.25rem;\n justify-content: space-between;\n background-color: white;\n width: 100%;\n\n .nav-text-logo {\n text-decoration: none;\n display: flex;\n align-items: center;\n .animated-text {\n color: transparent;\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n background: conic-gradient(\n #00a6c6 10%,\n #01c7b7 20%,\n #f3ecdc 30%,\n #dfdbce 35%,\n #b8b8b5 62%,\n #90796e 62%,\n #033468 75%,\n #21bcd6 75%,\n #1779bb 85%,\n #768fd6 85%\n );\n\n background-size: 50%;\n background-clip: text;\n -webkit-background-clip: text;\n\n animation: expand-rev 1s ease forwards;\n\n &:hover {\n animation: expand 1s ease forwards;\n }\n }\n\n @keyframes expand {\n 0% {\n background-size: 30%;\n background-position: 0 0;\n }\n 20% {\n background-size: 55%;\n background-position: 0 1em;\n }\n 100% {\n background-size: 325%;\n background-position: -15em -1em;\n }\n }\n\n @keyframes expand-rev {\n 0% {\n background-size: 325%;\n background-position: -10em -4em;\n }\n 20% {\n background-size: 55%;\n background-position: 0 2em;\n }\n 100% {\n background-size: 30%;\n background-position: 2em 0.1em;\n }\n }\n\n .happyhyep-text {\n margin-left: 3.75rem;\n align-items: center;\n letter-spacing: 0.09em;\n\n font-family: Redemption;\n font-style: normal;\n font-weight: 400;\n font-size: 7.5rem;\n }\n }\n\n .link-container {\n display: flex;\n align-items: center;\n margin-right: 5rem;\n gap: 3.5rem;\n .link-text {\n display: flex;\n align-items: center;\n\n font-size: 2.3rem;\n font-family: Noto Sans KR;\n color: $colorBlack;\n text-decoration: none;\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n }\n img {\n height: 4rem;\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n }\n }\n .mobile-header-right {\n display: none;\n }\n\n\n\n // mobile인 경우 헤더\n @include mobile {\n .link-container {\n display: none;\n }\n .mobile-header-right {\n display: flex;\n align-items: center;\n gap: 3rem;\n margin-right: 5rem;\n img:nth-child(1) {\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n height: 6rem;\n }\n img:nth-child(3) {\n height: 4rem;\n }\n }\n }\n // mobile인 경우 헤더\n @include min-mobile {\n .link-container {\n display: none;\n }\n .mobile-header-right {\n display: flex;\n align-items: center;\n gap: 3rem;\n margin-right: 5rem;\n img:nth-child(1) {\n height: 6rem;\n }\n img:nth-child(3) {\n height: 4rem;\n }\n }\n }\n\n\n // lang 변경하는 toast\n .hidden-lang-toast {\n display: none;\n }\n .hidden-lang-toast-mobile {\n display: none;\n }\n .lang-toast {\n display: unset;\n width: 18rem;\n background-color: $colorWhite;\n position: absolute;\n top: 10.5rem;\n right: 2rem;\n z-index: 10;\n border: 0.125rem solid $colorBlack;\n border-radius: 1.3rem;\n font-size: 2.8rem;\n @include dropDown();\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n text-align: center;\n li {\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n padding: 1.5rem 0 1.5rem 2rem;\n }\n .checked-lang-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n img {\n position: absolute;\n left: 1rem;\n width: 3rem;\n }\n }\n }\n @include mobile {\n right: 7rem;\n }\n @include min-mobile {\n right: 7rem;\n }\n }\n}\n\n",".mobileMenu {\n position: fixed;\n z-index: 15;\n height: 100%;\n right: 0;\n width: 80%;\n background-color: $colorWhite;\n @include dropLeft();\n box-shadow: -9px 7px 8.6px 0px rgba(0, 0, 0, 0.35);\n display: flex;\n flex-direction: column;\n .close-btn-wrapper {\n display: flex;\n justify-content: flex-end;\n img {\n padding: 5rem;\n width: 5rem;\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n }\n }\n .logo-wrapper {\n padding: 13rem 0 0 10rem;\n img {\n width: 56rem;\n }\n }\n .menu-wrapper {\n padding: 10rem 8rem;\n .menu {\n text-decoration: none;\n display: flex;\n padding: 0 2rem;\n justify-content: space-between;\n align-items: center;\n border-bottom: 0.25rem solid $colorGray200;\n height: 12rem;\n margin: 5rem 0;\n .menu-text {\n font-size: 4.5rem;\n color: $colorGray200;\n }\n img {\n width: 3rem;\n }\n }\n }\n}\n\n.mobileMenu-active {\n @include dropRight();\n}","@import \"variable\";\n@import \"layout\";\n@import \"font\";\n@import \"common\";\n\n@import \"pages/home\";\n@import \"pages/awards\";\n@import \"pages/introduce\";\n@import \"pages/projects\";\n\n@import \"components/navBar\";\n@import \"components/footer\";\n@import \"components/mobileMenu\";\n* {\n cursor: url(\"/assets/icons/favicon.png\"), url(\"/assets/icons/favicon.cur\"), auto;\n}","/* Slider */\n.slick-slider\n{\n position: relative;\n\n display: block;\n box-sizing: border-box;\n\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n -webkit-touch-callout: none;\n -khtml-user-select: none;\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n -webkit-tap-highlight-color: transparent;\n}\n\n.slick-list\n{\n position: relative;\n\n display: block;\n overflow: hidden;\n\n margin: 0;\n padding: 0;\n}\n.slick-list:focus\n{\n outline: none;\n}\n.slick-list.dragging\n{\n cursor: pointer;\n cursor: hand;\n}\n\n.slick-slider .slick-track,\n.slick-slider .slick-list\n{\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n -o-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n}\n\n.slick-track\n{\n position: relative;\n top: 0;\n left: 0;\n\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n.slick-track:before,\n.slick-track:after\n{\n display: table;\n\n content: '';\n}\n.slick-track:after\n{\n clear: both;\n}\n.slick-loading .slick-track\n{\n visibility: hidden;\n}\n\n.slick-slide\n{\n display: none;\n float: left;\n\n height: 100%;\n min-height: 1px;\n}\n[dir='rtl'] .slick-slide\n{\n float: right;\n}\n.slick-slide img\n{\n display: block;\n}\n.slick-slide.slick-loading img\n{\n display: none;\n}\n.slick-slide.dragging img\n{\n pointer-events: none;\n}\n.slick-initialized .slick-slide\n{\n display: block;\n}\n.slick-loading .slick-slide\n{\n visibility: hidden;\n}\n.slick-vertical .slick-slide\n{\n display: block;\n\n height: auto;\n\n border: 1px solid transparent;\n}\n.slick-arrow.slick-hidden {\n display: none;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.f9b62ccb.css b/static/css/main.f9b62ccb.css new file mode 100644 index 0000000..da07180 --- /dev/null +++ b/static/css/main.f9b62ccb.css @@ -0,0 +1,2 @@ +@charset "UTF-8";@font-face{font-family:iceJaram-Rg;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/iceJaram-Rg.woff2) format("woff2")}@font-face{font-family:Redemption;font-style:normal;font-weight:400;src:local("Redemption"),url(https://fonts.cdnfonts.com/s/23565/Redemption.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:400;src:url(/portfolio/static/media/AppleSDGothicNeoR.bf7df0deab61e85edf6a.woff2),url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap),url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap) format("woff2")}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:400;src:url(/portfolio/static/media/AppleSDGothicNeoR.bf7df0deab61e85edf6a.woff2),url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap) format("woff2");unicode-range:u+0041-005a,u+0061-007a}html{font-size:8px}@media(min-width:1025px)and (max-width:1447px){html{font-size:6px}}@media(min-width:768px)and (max-width:1024px){html{font-size:5px}}@media(min-width:414px)and (max-width:767px){html{font-size:4px}}@media(max-width:413px){html{font-size:3px}}html body{margin:0}.dash-title{align-items:center;display:flex;justify-content:space-between;margin:8.75rem 0 5rem}.dash-title .dash-line{border:.125rem dashed #000;height:0;margin:8.75rem 0;width:30%}.dash-title .title-font{font-family:iceJaram-Rg;font-size:10rem;letter-spacing:.15em;line-height:8.875rem;margin:0 8rem;text-align:center}.project-btn{align-items:center;background-color:#333;border-radius:.625rem;border-width:.0625rem;color:#fff;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer;display:flex;font-size:1.5rem;height:3.75rem;justify-content:center;text-align:center;text-decoration:none;width:12.5rem}.project-btn img{margin-right:.375rem;width:2rem}.dim{background-color:#000;height:100%;opacity:.2;position:fixed;width:100%;z-index:3}body:after{height:0;overflow:hidden;position:absolute;width:0;z-index:-1}.home-page .profile-container{display:flex;justify-content:space-between;padding:25rem 15% 5rem}.home-page .profile-container .profile-img-wrapper{align-items:center;display:flex;justify-content:center;max-width:45%;transition:.8s}.home-page .profile-container .profile-img-wrapper img{border-radius:8.75rem;width:100%}.home-page .profile-container .profile-img-wrapper.active{opacity:1;transform:translateX(0)}.home-page .profile-container .profile-text-wrapper{display:flex;flex-direction:column;gap:7.5rem;justify-content:center}.home-page .profile-container .profile-introduce-title-container{color:#53354a;display:flex;flex-direction:column;font-family:Noto Sans KR;font-size:5rem;gap:2.5rem}.home-page .profile-container .profile-introduce-title-container .profile-introduce-subtitle-box{color:#71b5c9;display:flex;flex-direction:column;font-size:3.75rem;gap:1.25rem}.home-page .profile-container .profile-introduce-title-container .profile-introduce-subtitle-box .profile-introduce-subtitle-2{color:#53354a;font-size:3.125rem}.home-page .profile-container .profile-introduce-desc{color:#53354a;display:flex;flex-direction:column;font-family:Noto Sans KR;font-size:2.25rem;gap:6.25rem;line-height:3.625rem}.home-page .btn-container{display:flex;justify-content:end;margin-right:12.5rem}.home-page .btn-container .to-introduce-btn{align-items:center;background-color:#333;border-radius:1rem;border-width:.0625rem;color:#fff;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer;display:flex;font-size:2.5rem;height:5rem;justify-content:center;text-align:center;text-decoration:none;width:25rem}@media(min-width:414px)and (max-width:767px){.home-page .profile-container{align-items:center;flex-direction:column;gap:10rem}.home-page .profile-container .profile-img-wrapper{max-width:80%}}@media(max-width:413px){.home-page .profile-container{align-items:center;flex-direction:column;gap:10rem}.home-page .profile-container .profile-img-wrapper{max-width:80%}}.awards-page{gap:7.5rem;padding:7.5rem 0}.awards-page,.awards-page .box{align-items:center;display:flex;flex-direction:column}.awards-page .box{background-color:#fff;border-radius:2rem;box-shadow:.375rem .375rem 2.5rem .75rem gray;color:#53354a;font-family:Noto Sans KR;gap:5rem;justify-content:center;padding:3%;width:70%}.awards-page .box img{width:50%}.awards-page .box div{align-items:center;display:flex;font-size:2rem;justify-content:center}@keyframes dropDown{0%{height:0;opacity:0;overflow:hidden;transform:translateY(-2rem)}to{opacity:1}}@keyframes dropUp{0%{opacity:1;transform:translateY(0)}to{height:0;opacity:0;overflow:hidden;transform:translateY(-2rem)}}@keyframes dropLeft{0%{opacity:0;overflow:hidden;transform:translateX(-2rem);width:0}to{opacity:1}}@keyframes dropRight{0%{opacity:1}to{opacity:0;overflow:hidden;transform:translateX(2rem);width:0}}.introduce-page{overflow:hidden}.introduce-page .title-font{font-family:iceJaram-Rg;font-size:10rem;letter-spacing:.15em;line-height:8.875rem;margin:0 8rem;text-align:center}.introduce-page .introduce-profile-image{display:flex;justify-content:center;opacity:0;padding:8.75rem 0 10rem;transition:1.2s}.introduce-page .introduce-profile-image img{aspect-ratio:1;border-radius:10rem;width:62.5rem}.introduce-page .introduce-profile-image.active{opacity:1}.introduce-page .introduce-profile-name{display:flex;justify-content:center;opacity:0;padding:0 0 10rem;transform:translateX(-30%);transition:.8s}.introduce-page .introduce-profile-name.active{opacity:1;transform:translateX(0)}.introduce-page .introduce-page-desc{color:#53354a;display:flex;flex-direction:column;font-family:Noto Sans KR;font-size:2.125rem;gap:4rem;line-height:3.75rem;padding:6.25rem 0 0;text-align:center;width:100%}.introduce-page .my-photo-list{display:flex;gap:5rem;justify-content:center;margin:16.25rem 0 0;transform:translateX(80%);transition:1s}.introduce-page .my-photo-list img{width:31.25rem}.introduce-page .my-photo-list.active{transform:translateX(0)}.introduce-page .typing-section-wrapper{display:flex;flex-direction:column;gap:.625rem;margin-top:12.5rem}.introduce-page .typing-section-wrapper .my-interested-text{color:#53354a;font-family:Noto Sans KR;font-size:3.125rem;text-align:center}.introduce-page .typing-section-wrapper .my-interested-text .typing-text{animation:cursor .2s ease infinite;border-right:.05em solid #000;color:#ffd400;display:inline;vertical-align:middle}.introduce-page .typing-section-wrapper .my-interested-text:nth-child(2){font-size:3.75rem}.introduce-page .my-interested-wrapper{margin-top:7.5rem}.introduce-page .my-interested-wrapper .my-interested-text{color:#53354a;font-family:Noto Sans KR;font-size:2.25rem;text-align:center}.introduce-page .contact-wrapper{display:flex;flex-direction:column;gap:.625rem;margin-top:12.5rem}.introduce-page .contact-wrapper .my-interested-text{color:#53354a;font-family:Noto Sans KR;font-size:2.5rem;text-align:center}.introduce-page .contact-wrapper .link-text{color:#53354a;text-decoration:none}.introduce-page .education-wrapper{display:flex;flex-direction:column;gap:.625rem}.introduce-page .education-wrapper .education-text{color:#53354a;font-family:Noto Sans KR;font-size:2.5rem;text-align:center}.introduce-page .skills-container .skills-wrapper{align-items:center;display:flex;gap:.6rem;justify-content:center;margin:1.25rem 0}.projects-page .dash-title .title-font{font-size:6.25rem}.projects-page .project-component{display:flex;flex-direction:column;margin:0 10rem}.projects-page .project-component .project-content{align-items:center;display:flex;gap:5rem;justify-content:center}.projects-page .project-component .project-content img{width:45%}.projects-page .project-component .project-content .project-desc{width:70rem}.projects-page .project-component .project-content .project-desc .title{color:#53354a;font-family:Noto Sans KR;font-size:3.75rem}.projects-page .project-component .project-content .project-desc .subtitle{color:#53354a;font-family:Noto Sans KR;font-size:2.5rem;margin-top:.625rem}.projects-page .project-component .project-content .project-desc .text{color:#53354a;font-family:Noto Sans KR;font-size:1.875rem;margin-top:.625rem}.projects-page .project-component .project-content .project-desc .sub-text{color:#53354a;font-family:Noto Sans KR;font-size:1.625rem;margin-top:.625rem}.projects-page .project-component .project-btn-container{align-items:flex-end;display:flex;flex-direction:column;gap:1rem;margin:5rem 8rem 0 0}.projects-page .slick-next,.projects-page .slick-prev{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer}.projects-page .slick-next:before,.projects-page .slick-prev:before{color:#000;opacity:1}.projects-page .slick-dots li button{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer}.video-modal{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:100rem;z-index:100}.video-modal .close-btn{background-color:#fff;border-radius:1rem;color:#000;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer;font-size:3rem;height:3rem;position:fixed;right:3rem;text-align:center;top:3rem;width:3rem;z-index:5}.video-modal video{border-radius:2rem;width:100rem}.nav-bar{background-color:#fff;border-bottom:.25rem solid #000;display:flex;height:12rem;justify-content:space-between;width:100%}.nav-bar .nav-text-logo{align-items:center;display:flex;text-decoration:none}.nav-bar .nav-text-logo .animated-text{animation:expand-rev 1s ease forwards;background:conic-gradient(#00a6c6 10%,#01c7b7 20%,#f3ecdc 30%,#dfdbce 35%,#b8b8b5 62%,#90796e 62%,#033468 75%,#21bcd6 75%,#1779bb 85%,#768fd6 85%);background-clip:text;-webkit-background-clip:text;background-size:50%;color:#0000;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer}.nav-bar .nav-text-logo .animated-text:hover{animation:expand 1s ease forwards}@keyframes expand{0%{background-position:0 0;background-size:30%}20%{background-position:0 1em;background-size:55%}to{background-position:-15em -1em;background-size:325%}}@keyframes expand-rev{0%{background-position:-10em -4em;background-size:325%}20%{background-position:0 2em;background-size:55%}to{background-position:2em .1em;background-size:30%}}.nav-bar .nav-text-logo .happyhyep-text{align-items:center;font-family:Redemption;font-size:7.5rem;font-style:normal;font-weight:400;letter-spacing:.09em;margin-left:3.75rem}.nav-bar .link-container{align-items:center;display:flex;gap:3.5rem;margin-right:5rem}.nav-bar .link-container .link-text{align-items:center;color:#000;display:flex;font-family:Noto Sans KR;font-size:2.3rem;text-decoration:none}.nav-bar .link-container .link-text,.nav-bar .link-container img{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer}.nav-bar .link-container img{height:4rem}.nav-bar .mobile-header-right{display:none}@media(min-width:414px)and (max-width:767px){.nav-bar .link-container{display:none}.nav-bar .mobile-header-right{align-items:center;display:flex;gap:3rem;margin-right:5rem}.nav-bar .mobile-header-right img:first-child{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer;height:6rem}.nav-bar .mobile-header-right img:nth-child(3){height:4rem}}@media(max-width:413px){.nav-bar .link-container{display:none}.nav-bar .mobile-header-right{align-items:center;display:flex;gap:3rem;margin-right:5rem}.nav-bar .mobile-header-right img:first-child{height:6rem}.nav-bar .mobile-header-right img:nth-child(3){height:4rem}}.nav-bar .hidden-lang-toast,.nav-bar .hidden-lang-toast-mobile{display:none}.nav-bar .lang-toast{animation-direction:normal;animation-duration:.5s;animation-name:dropDown;background-color:#fff;border:.125rem solid #000;border-radius:1.3rem;display:inline;display:initial;font-size:2.8rem;position:absolute;right:2rem;top:10.5rem;width:18rem;z-index:10}.nav-bar .lang-toast ul{list-style:none;margin:0;padding:0;text-align:center}.nav-bar .lang-toast ul li{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer;padding:1.5rem 0 1.5rem 2rem}.nav-bar .lang-toast ul .checked-lang-wrapper{align-items:center;display:flex;justify-content:center}.nav-bar .lang-toast ul .checked-lang-wrapper img{left:1rem;position:absolute;width:3rem}@media(min-width:414px)and (max-width:767px){.nav-bar .lang-toast{right:7rem}}@media(max-width:413px){.nav-bar .lang-toast{right:7rem}}.footer{background-color:#000;height:21.875rem;margin-top:15rem}.footer .footer-icon-container{display:flex;justify-content:space-between;margin:auto;width:25rem}.footer .footer-icon-container .footer-icon-image{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer;margin-top:5rem;width:5.625rem}.footer .copyright{color:#fff;font-family:Noto Sans KR;font-size:2rem;margin-top:3.75rem;text-align:center}.mobileMenu{animation-direction:normal;animation-duration:.5s;animation-fill-mode:forwards;animation-name:dropLeft;background-color:#fff;box-shadow:-9px 7px 8.6px 0 #00000059;display:flex;flex-direction:column;height:100%;position:fixed;right:0;width:80%;z-index:15}.mobileMenu .close-btn-wrapper{display:flex;justify-content:flex-end}.mobileMenu .close-btn-wrapper img{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIWSURBVHgB3VTPTxNBFP5mWq0/SENVKMaY1Fj1IEZNrESMacNRPRCvJv4BmngzHrxUvejVqJG7d4+9EYM/AG3SmJD4I0WrJBaB2pa2QLu7M7xZ2DILLS0c+Q6787558+03b94ssKMg43FejpzuaTefNZvIx0Kdouq9K4EBCqPaiiQ9XuyxfImO8Yl/bYvm+0+cExJvJGQITd2wDPewwcD7H1/QSjR/8eRZyyNGaOhHa8wLINY9mk41FS31H++uST6+mcOGjn3G+cDbTMHhuJ5QFfyqI3j/1yxufc8i8b/iEnlXXMDNb1k8/pOzY5VvUu31HK8eSCbvONafHuuy30PTBVhSwsNWZsZKS3h96jAY093ah/mooVOavOCMH/7OITg2id59vrqgwkDnfoSTPzGULehLozK+plUfzERCrj4sW8J2OGtYOo3pmomiKTBRqbn4SmJ1a9AOivqR5y6FTYeziPi6WLWdrseH+UWcId7vXdvoodF0XcurqYs5MGolaTe6hwglqFw9/5vHFDncTVn3jh7AZf/edZ9hn/XIVVM6yWF3DDzIzOH6wQ68CgdtwSdTOWwAw0t3qGHlau5KbbVPDSb6ej5OzjR0qhp4yZA36EvF9gRR5BYb1AU3iCocSaZTpsWjygFaOOQmiwU+tXH3HZSuhLuqBrtGGbepupFVWpV5hBYNc5/5TL+a20K5rzeo/qvYUVgG6YLHXljv/jAAAAAASUVORK5CYII=),url(/portfolio/static/media/angry.dd9669e7cce5511307cb.cur),pointer;padding:5rem;width:5rem}.mobileMenu .logo-wrapper{padding:13rem 0 0 10rem}.mobileMenu .logo-wrapper img{width:56rem}.mobileMenu .menu-wrapper{padding:10rem 8rem}.mobileMenu .menu-wrapper .menu{align-items:center;border-bottom:.25rem solid #888;display:flex;height:12rem;justify-content:space-between;margin:5rem 0;padding:0 2rem;text-decoration:none}.mobileMenu .menu-wrapper .menu .menu-text{color:#888;font-size:4.5rem}.mobileMenu .menu-wrapper .menu img{width:3rem}.mobileMenu-active{animation-direction:normal;animation-duration:.5s;animation-fill-mode:forwards;animation-name:dropRight}*{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALJSURBVHgBdVJdSFNhGH7Od5bOObez2Zb/zJr4l0UhaFERQmQ31oVkmAQiXRaFkV5IlNhNxCi6qyAKoR8x68IiKImlYFCIaM5StGlTV9PNzf2e7Xx9O9uyLnrg/b73vN/3vc/7Pufl8Be6ui4Vfxkb7SjZtthUUhQUhCwJax4J9p85zpFx6bV9JXTtO0PqPpdymhobz5UZP3afP7Uu6NRB+UCiEltjzBRY/kXwzFpOpx17O+8+fHAj/oaPL22tbZf3md5Y2lvWlKo0cTOjDEm2LBVQU+blHD/mj2iLGkITE5MjXFmZyXT2RNbUxZMzGRxj+bqoxVZtANkaEZRSUPZwxa1GVOSRbwjJ3zefmCnVn67gd5bk37rSOl+tyZRYWIGGdh28PgUO7QkkmXm0W7IxYFWhqS4eoyg3Bbg7j1wgtVXBY3kGmiiPbaEg2yiR5eC4eAMEHE8gilJCIWY6dRhVxatnFOY8r5GDKHMQTkTvdS+M2rDMkIhJ6GpzISKmJWPxpBTmwpBGkaWGHPT5CdSZQKXJh39BUWCIl+tnXgYczjTkGcJQZ0RBNgJEzjc+q4F1TI//g6D/rQLBqJJ5hJHxILNLwnpclAO7fbCzrN8cBtBkyZujQDA2kw1/RA1zvouFRMwtqZy8oNueW1+7XpORHsEucxCvPgDW8Xgv6RDZfEzOqfDyfSYiEQnNR92siyicrkxYHgv9XGfnBZMmMmjrbFlQckxxyphikhKfbRRefzqM+jAqi2PgSYSdRUE5BW73lYbuDcTK+eHhUY9u22G/e3W5vroinCiSi6LAGMWO/DBy9EwYEpOFo2wO7j/X4tPCwa53Q0OD8nhOTdtGc0uaQzP2WF2h0cVpVIn/zGiS08/D7VfB0qv3DM/Wdjzt67Ok1PgDE0OhUXm1rmbL8RxhRTAIBO4NAtuC0rPoKn5RWrW/u6enZz51/zcMSRgC4qjOYQAAAABJRU5ErkJggg==),url(/portfolio/static/media/favicon.dbd51f7045815cb6a421.cur),auto}.slick-slider{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;touch-action:pan-y;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.slick-list,.slick-slider{display:block;position:relative}.slick-list{margin:0;overflow:hidden;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid #0000;display:block;height:auto}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(data:image/gif;base64,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) 50% no-repeat}@font-face{font-family:slick;font-style:normal;font-weight:400;src:url(/portfolio/static/media/slick.a4e97f5a2a64f0ab1323.eot);src:url(/portfolio/static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format("embedded-opentype"),url(/portfolio/static/media/slick.295183786cd8a1389865.woff) format("woff"),url(/portfolio/static/media/slick.c94f7671dcc99dce43e2.ttf) format("truetype"),url(/portfolio/static/media/slick.2630a3e3eab21c607e21.svg#slick) format("svg")}.slick-next,.slick-prev{border:none;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:#0000;color:#0000;outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:slick;font-size:20px;line-height:1;opacity:.75}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;display:block;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%}.slick-dots li{display:inline-block;margin:0 5px;padding:0;position:relative}.slick-dots li,.slick-dots li button{cursor:pointer;height:20px;width:20px}.slick-dots li button{background:#0000;border:0;color:#0000;display:block;font-size:0;line-height:0;outline:none;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;content:"•";font-family:slick;font-size:6px;height:20px;left:0;line-height:20px;opacity:.25;position:absolute;text-align:center;top:0;width:20px}.slick-dots li.slick-active button:before{color:#000;opacity:.75} +/*# sourceMappingURL=main.f9b62ccb.css.map*/ \ No newline at end of file diff --git a/static/css/main.f9b62ccb.css.map b/static/css/main.f9b62ccb.css.map new file mode 100644 index 0000000..3d85eca --- /dev/null +++ b/static/css/main.f9b62ccb.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.f9b62ccb.css","mappings":"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","sources":["../node_modules/slick-carousel/slick/slick-theme.css","assets/css/font.scss","assets/css/variable.scss","assets/css/common.scss","assets/css/pages/home.scss","assets/css/pages/awards.scss","assets/css/pages/introduce.scss","assets/css/pages/projects.scss","assets/css/components/navBar.scss","assets/css/components/mobileMenu.scss","assets/css/app.scss","../node_modules/slick-carousel/slick/slick.css"],"sourcesContent":["@charset 'UTF-8';\n/* Slider */\n.slick-loading .slick-list\n{\n background: #fff url('./ajax-loader.gif') center center no-repeat;\n}\n\n/* Icons */\n@font-face\n{\n font-family: 'slick';\n font-weight: normal;\n font-style: normal;\n\n src: url('./fonts/slick.eot');\n src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');\n}\n/* Arrows */\n.slick-prev,\n.slick-next\n{\n font-size: 0;\n line-height: 0;\n\n position: absolute;\n top: 50%;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 0;\n -webkit-transform: translate(0, -50%);\n -ms-transform: translate(0, -50%);\n transform: translate(0, -50%);\n\n cursor: pointer;\n\n color: transparent;\n border: none;\n outline: none;\n background: transparent;\n}\n.slick-prev:hover,\n.slick-prev:focus,\n.slick-next:hover,\n.slick-next:focus\n{\n color: transparent;\n outline: none;\n background: transparent;\n}\n.slick-prev:hover:before,\n.slick-prev:focus:before,\n.slick-next:hover:before,\n.slick-next:focus:before\n{\n opacity: 1;\n}\n.slick-prev.slick-disabled:before,\n.slick-next.slick-disabled:before\n{\n opacity: .25;\n}\n\n.slick-prev:before,\n.slick-next:before\n{\n font-family: 'slick';\n font-size: 20px;\n line-height: 1;\n\n opacity: .75;\n color: white;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.slick-prev\n{\n left: -25px;\n}\n[dir='rtl'] .slick-prev\n{\n right: -25px;\n left: auto;\n}\n.slick-prev:before\n{\n content: '←';\n}\n[dir='rtl'] .slick-prev:before\n{\n content: '→';\n}\n\n.slick-next\n{\n right: -25px;\n}\n[dir='rtl'] .slick-next\n{\n right: auto;\n left: -25px;\n}\n.slick-next:before\n{\n content: '→';\n}\n[dir='rtl'] .slick-next:before\n{\n content: '←';\n}\n\n/* Dots */\n.slick-dotted.slick-slider\n{\n margin-bottom: 30px;\n}\n\n.slick-dots\n{\n position: absolute;\n bottom: -25px;\n\n display: block;\n\n width: 100%;\n padding: 0;\n margin: 0;\n\n list-style: none;\n\n text-align: center;\n}\n.slick-dots li\n{\n position: relative;\n\n display: inline-block;\n\n width: 20px;\n height: 20px;\n margin: 0 5px;\n padding: 0;\n\n cursor: pointer;\n}\n.slick-dots li button\n{\n font-size: 0;\n line-height: 0;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 5px;\n\n cursor: pointer;\n\n color: transparent;\n border: 0;\n outline: none;\n background: transparent;\n}\n.slick-dots li button:hover,\n.slick-dots li button:focus\n{\n outline: none;\n}\n.slick-dots li button:hover:before,\n.slick-dots li button:focus:before\n{\n opacity: 1;\n}\n.slick-dots li button:before\n{\n font-family: 'slick';\n font-size: 6px;\n line-height: 20px;\n\n position: absolute;\n top: 0;\n left: 0;\n\n width: 20px;\n height: 20px;\n\n content: '•';\n text-align: center;\n\n opacity: .25;\n color: black;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.slick-dots li.slick-active button:before\n{\n opacity: .75;\n color: black;\n}\n","//@font-face {\n// font-family: \"applesdgothic\", applesdgothic;\n// src: url(\"./applesdgothic.ttf\") format(\"woff2\");\n// font-weight: normal;\n// font-style: normal;\n//};\n@font-face {\n font-family: 'iceJaram-Rg';\n src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/iceJaram-Rg.woff2') format('woff2');\n font-weight: normal;\n font-style: normal;\n}\n//@font-face {\n// font-family: 'UhBeeRice';\n// src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_five@.2.0/UhBeeRice.woff') format('woff');\n// font-weight: normal;\n// font-style: normal;\n// }\n\n @font-face {\n font-family: 'Redemption';\n font-style: normal;\n font-weight: 400;\n src: local('Redemption'), url('https://fonts.cdnfonts.com/s/23565/Redemption.woff') format('woff');\n}\n\n@font-face {\n font-family: 'Noto Sans KR';\n font-style: normal;\n font-weight: 400;\n src: url(\"/assets/fonts/AppleSDGothicNeoR.woff2\"), url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap'), url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap\") format('woff2');\n}\n@font-face {\n font-family: 'Noto Sans KR';\n font-style: normal;\n font-weight: 400;\n src: url(\"/assets/fonts/AppleSDGothicNeoR.woff2\"),url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap\") format('woff2');\n unicode-range: U+0041-005A, U+0061-007A;\n}\n\n","/**\nCOLOR LIST\n */\n\n$colorWhite: #ffffff;\n$colorBlack: #000000;\n\n$colorGray100: #333333;\n$colorGray200: #888888;\n$colorGray300: #808080;\n$colorGray400: #595959;\n\n$colorBrown100: #53354A;\n\n$colorYellow100: #ffd400;\n\n$colorBlue100: #93C6D5;\n$colorBlue200: #71b5c9;\n\n\n\n\n\n/**\nRESOLUTION LIST\n */\n@mixin min-mobile {\n @media (max-width: 413px) {\n @content\n }\n}\n@mixin mobile {\n @media (min-width:414px) and (max-width: 767px) {\n @content;\n }\n}\n\n@mixin min-tablet {\n @media (width: 768px) {\n @content;\n }\n}\n\n@mixin big-tablet {\n @media (min-width: 768px) and (max-width: 1024px) {\n @content;\n }\n}\n@mixin min-pc {\n @media (min-width: 1025px) and (max-width: 1447px) {\n @content;\n }\n}\n@mixin big-pc {\n @media (min-width: 1448px) and (max-width: 99999px) {\n @content;\n }\n}\n\n\n@mixin dropDown {\n animation-name: dropDown;\n animation-duration: 500ms;\n animation-direction: normal;\n}\n@keyframes dropDown {\n from {\n opacity: 0;\n transform: translateY(-2rem);\n height: 0;\n overflow: hidden;\n }\n to {\n opacity: 1;\n }\n}\n\n@mixin dropUp {\n animation-name: dropUp;\n animation-duration: 500ms;\n animation-direction: normal;\n animation-fill-mode: forwards;\n}\n\n@keyframes dropUp {\n from {\n opacity: 1;\n transform: translateY(0);\n }\n\n to {\n opacity: 0;\n transform: translateY(-2rem);\n height: 0;\n overflow: hidden;\n }\n}\n\n@keyframes dropLeft {\n from {\n opacity: 0;\n transform: translateX(-2rem);\n width: 0;\n overflow: hidden;\n }\n to {\n opacity: 1;\n }\n}\n\n\n@mixin dropLeft {\n animation-name: dropLeft;\n animation-duration: 500ms;\n animation-direction: normal;\n animation-fill-mode: forwards;\n}\n\n@keyframes dropRight {\n from {\n opacity: 1;\n }\n to {\n transform: translateX(2rem);\n opacity: 0;\n width: 0;\n overflow: hidden;\n }\n}\n\n\n@mixin dropRight {\n animation-name: dropRight;\n animation-duration: 500ms;\n animation-direction: normal;\n animation-fill-mode: forwards;\n}\n\n//@mixin dropDownUp {\n// &.dropdown-enter-active,\n// &.dropdown-enter-to {\n// @include dropDown;\n// }\n// &.dropdown-leave-from,\n// &.dropdown-leave-active {\n// @include dropUp;\n// }\n//}","html {\n /* 루트 요소 폰트 사이즈 */\n /* 1rem = 8px */\n font-size: 8px;\n @include min-pc {\n font-size: 6px;\n }\n @include big-tablet {\n font-size: 5px;\n }\n @include mobile {\n font-size: 4px;\n }\n @include min-mobile {\n font-size: 3px;\n }\n body {\n margin: 0;\n }\n}\n\n.dash-title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 8.75rem 0 5rem;\n .dash-line {\n width: 30%;\n height: 0;\n border: 0.125rem dashed $colorBlack;\n margin: 8.75rem 0 8.75rem;\n }\n .title-font {\n margin: 0 8rem;\n font-family: iceJaram-Rg;\n font-size: 10rem;\n line-height: 8.875rem;\n text-align: center;\n letter-spacing: 0.15em;\n }\n}\n\n.project-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n\n border-radius: 0.625rem;\n border-width: 0.0625rem;\n width: 12.5rem;\n height: 3.75rem;\n background-color: $colorGray100;\n color: $colorWhite;\n text-align: center;\n text-decoration: none;\n font-size: 1.5rem;\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n\n img {\n width: 2rem;\n margin-right: 0.375rem;\n }\n}\n\n.dim {\n background-color: $colorBlack;\n opacity: 0.2;\n position: fixed;\n width: 100%;\n height: 100%;\n z-index: 3;\n}\n\nbody::after{\n position:absolute;\n width:0;\n height:0;\n overflow:hidden;\n z-index:-1;\n\n //content:url(\"/assets/images/title.webp\")\n\n}",".home-page {\n .profile-container {\n display: flex;\n padding: 25rem 15% 5rem;\n justify-content: space-between;\n .profile-img-wrapper {\n //transform: translateX(-50%);\n //opacity: 0;\n transition: .8s;\n max-width: 45%;\n display: flex;\n justify-content: center;\n align-items: center;\n img {\n width: 100%;\n border-radius: 8.75rem;\n }\n }\n .profile-img-wrapper.active {\n transform: translateX(0);\n opacity: 1;\n }\n\n .profile-text-wrapper {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 7.5rem;\n }\n .profile-introduce-title-container {\n font-family: Noto Sans KR;\n font-size: 5rem;\n color: $colorBrown100;\n display: flex;\n flex-direction: column;\n gap: 2.5rem;\n\n .profile-introduce-subtitle-box {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n font-size: 3.75rem;\n color: $colorBlue200;\n .profile-introduce-subtitle-2 {\n color: $colorBrown100;\n font-size: 3.125rem;\n }\n }\n }\n .profile-introduce-desc {\n font-family: Noto Sans KR;\n font-size: 2.25rem;\n color: $colorBrown100;\n //margin-top: 5px;\n display: flex;\n flex-direction: column;\n gap: 6.25rem;\n line-height: 3.625rem;\n }\n }\n\n .btn-container {\n display: flex;\n justify-content: end;\n margin-right: 12.5rem;\n .to-introduce-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n\n border-radius: 1rem;\n border-width: 0.0625rem;\n width: 25rem;\n height: 5rem;\n background-color: $colorGray100;\n color: $colorWhite;\n text-align: center;\n text-decoration: none;\n font-size: 2.5rem;\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n }\n }\n //.aaa {\n // transform: translateX(50%);\n // opacity: 0;\n // transition: 1.2s;\n //}\n //\n //.aaa.active {\n // transform: translateX(0);\n // opacity: 1;\n //}\n //\n\n @include mobile {\n .profile-container {\n flex-direction: column;\n align-items: center;\n gap: 10rem;\n .profile-img-wrapper {\n max-width: 80%;\n }\n }\n }\n @include min-mobile {\n .profile-container {\n flex-direction: column;\n align-items: center;\n gap: 10rem;\n .profile-img-wrapper {\n max-width: 80%;\n }\n }\n }\n}","//.award-box-container {\n// display: flex;\n// justify-content: center;\n//\n//\n// .award4-box {\n// transform: translateX(20%);\n// opacity: 0.1;\n// transition: .8s;\n// }\n//\n// //.award4-box.active {\n// // transform: translateX(0);\n// // opacity: 1;\n// //}\n//}\n//.award3-box {\n//}\n//\n////.award3-box.active {\n//// transform: translateX(0);\n//// opacity: 1;\n////}\n//\n//@keyframes active-animation {\n// 0% {\n// opacity: 0;\n// transform: translateX(20%);\n// }\n// 100% {\n// opacity: 1;\n// transform: translateX(0);\n// }\n//}\n\n.awards-page {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 7.5rem;\n padding: 7.5rem 0;\n .box {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 70%;\n gap: 5rem;\n //margin-top: 3%;\n padding: 3%;\n background-color: $colorWhite;\n border-radius: 2rem;\n box-shadow: 0.375rem 0.375rem 2.5rem 0.75rem $colorGray300;\n font-family: \"Noto Sans KR\";\n color: $colorBrown100;\n img {\n width: 50%;\n //margin-top: 5%;\n //margin-bottom: 3%;\n }\n div {\n font-size: 2rem;\n display: flex;\n justify-content: center;\n align-items: center;\n //margin-bottom: 3%;\n }\n }\n}","@import \"../variable\";\n\n.introduce-page {\n overflow: hidden;\n\n .title-font {\n margin: 0 8rem;\n font-family: iceJaram-Rg;\n font-size: 10rem;\n line-height: 8.875rem;\n text-align: center;\n letter-spacing: 0.15em;\n }\n\n .introduce-profile-image {\n opacity: 0;\n transition: 1.2s;\n\n display: flex;\n justify-content: center;\n padding: 8.75rem 0 10rem 0;\n img {\n aspect-ratio: 1;\n border-radius: 10rem;\n width: 62.5rem;\n }\n }\n\n .introduce-profile-image.active {\n opacity: 1;\n }\n\n .introduce-profile-name {\n transform: translateX(-30%);\n opacity: 0;\n transition: .8s;\n\n display: flex;\n justify-content: center;\n padding: 0 0 10rem 0;\n\n }\n\n .introduce-profile-name.active {\n transform: translateX(0);\n opacity: 1;\n }\n\n .introduce-page-desc {\n padding: 6.25rem 0 0 0;\n //width: 129.375rem;\n font-family: \"Noto Sans KR\";\n font-size: 2.125rem;\n line-height: 3.75rem;\n color: $colorBrown100;\n display: flex;\n flex-direction: column;\n gap: 4rem;\n width: 100%;\n text-align: center;\n }\n .my-photo-list {\n transform: translateX(80%);\n transition: 1s;\n\n margin: 16.25rem 0 0 0;\n display: flex;\n justify-content: center;\n gap: 5rem;\n img {\n width: 31.25rem;\n //margin: 0 5rem 0;\n }\n }\n\n .my-photo-list.active {\n transform: translateX(0);\n }\n\n .typing-section-wrapper {\n margin-top: 12.5rem;\n display: flex;\n flex-direction: column;\n gap: 0.625rem;\n .my-interested-text {\n font-family: \"Noto Sans KR\";\n font-size: 3.125rem;\n text-align: center;\n color: $colorBrown100;\n .typing-text {\n display: inline;\n vertical-align: middle;\n border-right: 0.05em solid $colorBlack;\n animation: cursor 0.2s ease infinite;\n color: $colorYellow100;\n }\n }\n .my-interested-text:nth-child(2) {\n font-size: 3.75rem;\n }\n\n }\n\n .my-interested-wrapper {\n margin-top: 7.5rem;\n .my-interested-text {\n font-family: \"Noto Sans KR\";\n font-size: 2.25rem;\n text-align: center;\n color: $colorBrown100;\n }\n }\n\n .contact-wrapper {\n margin-top: 12.5rem;\n display: flex;\n flex-direction: column;\n gap: 0.625rem;\n .my-interested-text {\n font-family: \"Noto Sans KR\";\n font-size: 2.5rem;\n text-align: center;\n color: $colorBrown100;\n }\n .link-text {\n color: $colorBrown100;\n text-decoration: none;\n }\n }\n\n .education-wrapper {\n display: flex;\n flex-direction: column;\n gap: 0.625rem;\n .education-text {\n font-family: \"Noto Sans KR\";\n font-size: 2.5rem;\n text-align: center;\n color: $colorBrown100;\n }\n }\n .skills-container {\n .skills-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.6rem;\n margin: 1.25rem 0;\n img {\n\n }\n }\n\n }\n}",".projects-page {\n .dash-title {\n .title-font {\n font-size: 6.25rem;\n }\n }\n\n .project-component {\n margin: 0 10rem;\n display: flex;\n flex-direction: column;\n .project-content {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 5rem;\n img {\n width: 45%;\n }\n\n .project-desc {\n //margin: 2.5rem 0 0 5rem;\n width: 70rem;\n\n .title {\n font-family: \"Noto Sans KR\";\n font-size: 3.75rem;\n color: $colorBrown100;\n //margin-top: 3.75rem;\n }\n\n .subtitle {\n font-family: \"Noto Sans KR\";\n color: $colorBrown100;\n font-size: 2.5rem;\n margin-top: 0.625rem;\n }\n\n .text {\n font-family: \"Noto Sans KR\";\n color: $colorBrown100;\n font-size: 1.875rem;\n margin-top: 0.625rem;\n }\n\n .sub-text {\n font-family: \"Noto Sans KR\";\n color: $colorBrown100;\n font-size: 1.625rem;\n margin-top: 0.625rem;\n }\n }\n }\n .project-btn-container {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 1rem;\n margin: 5rem 8rem 0 0;\n }\n }\n\n .slick-prev {\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n }\n .slick-next {\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n }\n.slick-prev:before {\n opacity: 1;\n color: black;\n}\n .slick-next:before {\n opacity: 1;\n color: black;\n }\n .slick-dots li button {\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n }\n}\n\n.video-modal {\n position: fixed;\n width: 100rem;\n top: 50%;\n left: 50%;\n transform: translate(-50%,-50%);\n z-index: 100;\n .close-btn {\n position: fixed;\n z-index: 5;\n right: 3rem;\n top: 3rem;\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n font-size: 3rem;\n color: $colorBlack;\n background-color: $colorWhite;\n width: 3rem;\n height: 3rem;\n text-align: center;\n border-radius: 1rem;\n }\n video {\n width: 100rem;\n border-radius: 2rem;\n }\n}",".nav-bar {\n width: 100%;\n height: 12rem;\n display: flex;\n border-bottom-color: $colorBlack;\n border-bottom-style: solid;\n border-bottom-width: 0.25rem;\n justify-content: space-between;\n background-color: white;\n width: 100%;\n\n .nav-text-logo {\n text-decoration: none;\n display: flex;\n align-items: center;\n .animated-text {\n color: transparent;\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n background: conic-gradient(\n #00a6c6 10%,\n #01c7b7 20%,\n #f3ecdc 30%,\n #dfdbce 35%,\n #b8b8b5 62%,\n #90796e 62%,\n #033468 75%,\n #21bcd6 75%,\n #1779bb 85%,\n #768fd6 85%\n );\n\n background-size: 50%;\n background-clip: text;\n -webkit-background-clip: text;\n\n animation: expand-rev 1s ease forwards;\n\n &:hover {\n animation: expand 1s ease forwards;\n }\n }\n\n @keyframes expand {\n 0% {\n background-size: 30%;\n background-position: 0 0;\n }\n 20% {\n background-size: 55%;\n background-position: 0 1em;\n }\n 100% {\n background-size: 325%;\n background-position: -15em -1em;\n }\n }\n\n @keyframes expand-rev {\n 0% {\n background-size: 325%;\n background-position: -10em -4em;\n }\n 20% {\n background-size: 55%;\n background-position: 0 2em;\n }\n 100% {\n background-size: 30%;\n background-position: 2em 0.1em;\n }\n }\n\n .happyhyep-text {\n margin-left: 3.75rem;\n align-items: center;\n letter-spacing: 0.09em;\n\n font-family: Redemption;\n font-style: normal;\n font-weight: 400;\n font-size: 7.5rem;\n }\n }\n\n .link-container {\n display: flex;\n align-items: center;\n margin-right: 5rem;\n gap: 3.5rem;\n .link-text {\n display: flex;\n align-items: center;\n\n font-size: 2.3rem;\n font-family: Noto Sans KR;\n color: $colorBlack;\n text-decoration: none;\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n }\n img {\n height: 4rem;\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n }\n }\n .mobile-header-right {\n display: none;\n }\n\n\n\n // mobile인 경우 헤더\n @include mobile {\n .link-container {\n display: none;\n }\n .mobile-header-right {\n display: flex;\n align-items: center;\n gap: 3rem;\n margin-right: 5rem;\n img:nth-child(1) {\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n height: 6rem;\n }\n img:nth-child(3) {\n height: 4rem;\n }\n }\n }\n // mobile인 경우 헤더\n @include min-mobile {\n .link-container {\n display: none;\n }\n .mobile-header-right {\n display: flex;\n align-items: center;\n gap: 3rem;\n margin-right: 5rem;\n img:nth-child(1) {\n height: 6rem;\n }\n img:nth-child(3) {\n height: 4rem;\n }\n }\n }\n\n\n // lang 변경하는 toast\n .hidden-lang-toast {\n display: none;\n }\n .hidden-lang-toast-mobile {\n display: none;\n }\n .lang-toast {\n display: unset;\n width: 18rem;\n background-color: $colorWhite;\n position: absolute;\n top: 10.5rem;\n right: 2rem;\n z-index: 10;\n border: 0.125rem solid $colorBlack;\n border-radius: 1.3rem;\n font-size: 2.8rem;\n @include dropDown();\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n text-align: center;\n li {\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n padding: 1.5rem 0 1.5rem 2rem;\n }\n .checked-lang-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n img {\n position: absolute;\n left: 1rem;\n width: 3rem;\n }\n }\n }\n @include mobile {\n right: 7rem;\n }\n @include min-mobile {\n right: 7rem;\n }\n }\n}\n\n",".mobileMenu {\n position: fixed;\n z-index: 15;\n height: 100%;\n right: 0;\n width: 80%;\n background-color: $colorWhite;\n @include dropLeft();\n box-shadow: -9px 7px 8.6px 0px rgba(0, 0, 0, 0.35);\n display: flex;\n flex-direction: column;\n .close-btn-wrapper {\n display: flex;\n justify-content: flex-end;\n img {\n padding: 5rem;\n width: 5rem;\n cursor: url(\"/assets/icons/angry.png\"), url(\"/assets/icons/angry.cur\"), pointer;\n }\n }\n .logo-wrapper {\n padding: 13rem 0 0 10rem;\n img {\n width: 56rem;\n }\n }\n .menu-wrapper {\n padding: 10rem 8rem;\n .menu {\n text-decoration: none;\n display: flex;\n padding: 0 2rem;\n justify-content: space-between;\n align-items: center;\n border-bottom: 0.25rem solid $colorGray200;\n height: 12rem;\n margin: 5rem 0;\n .menu-text {\n font-size: 4.5rem;\n color: $colorGray200;\n }\n img {\n width: 3rem;\n }\n }\n }\n}\n\n.mobileMenu-active {\n @include dropRight();\n}","@import \"variable\";\n@import \"layout\";\n@import \"font\";\n@import \"common\";\n\n@import \"pages/home\";\n@import \"pages/awards\";\n@import \"pages/introduce\";\n@import \"pages/projects\";\n\n@import \"components/navBar\";\n@import \"components/footer\";\n@import \"components/mobileMenu\";\n* {\n cursor: url(\"/assets/icons/favicon.png\"), url(\"/assets/icons/favicon.cur\"), auto;\n}","/* Slider */\n.slick-slider\n{\n position: relative;\n\n display: block;\n box-sizing: border-box;\n\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n -webkit-touch-callout: none;\n -khtml-user-select: none;\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n -webkit-tap-highlight-color: transparent;\n}\n\n.slick-list\n{\n position: relative;\n\n display: block;\n overflow: hidden;\n\n margin: 0;\n padding: 0;\n}\n.slick-list:focus\n{\n outline: none;\n}\n.slick-list.dragging\n{\n cursor: pointer;\n cursor: hand;\n}\n\n.slick-slider .slick-track,\n.slick-slider .slick-list\n{\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n -o-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n}\n\n.slick-track\n{\n position: relative;\n top: 0;\n left: 0;\n\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n.slick-track:before,\n.slick-track:after\n{\n display: table;\n\n content: '';\n}\n.slick-track:after\n{\n clear: both;\n}\n.slick-loading .slick-track\n{\n visibility: hidden;\n}\n\n.slick-slide\n{\n display: none;\n float: left;\n\n height: 100%;\n min-height: 1px;\n}\n[dir='rtl'] .slick-slide\n{\n float: right;\n}\n.slick-slide img\n{\n display: block;\n}\n.slick-slide.slick-loading img\n{\n display: none;\n}\n.slick-slide.dragging img\n{\n pointer-events: none;\n}\n.slick-initialized .slick-slide\n{\n display: block;\n}\n.slick-loading .slick-slide\n{\n visibility: hidden;\n}\n.slick-vertical .slick-slide\n{\n display: block;\n\n height: auto;\n\n border: 1px solid transparent;\n}\n.slick-arrow.slick-hidden {\n display: none;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/media/AppleSDGothicNeoR.bf7df0deab61e85edf6a.woff2 b/static/media/AppleSDGothicNeoR.bf7df0deab61e85edf6a.woff2 new file mode 100644 index 0000000..5802afa Binary files /dev/null and b/static/media/AppleSDGothicNeoR.bf7df0deab61e85edf6a.woff2 differ