@charset "UTF-8";blockquote,body,button,dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0}a{text-decoration:none}a,mark{color:inherit}mark{background-color:transparent}h1,h2,h3,h4,h5,h6{font-size:inherit}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:inherit}li,ol,ul{list-style:none}address,cite,em,i{font-style:inherit}table{border-collapse:collapse;border-spacing:0}td,th{border:1px solid red}fieldset{border:none}button{background-color:transparent;border:none;color:inherit;cursor:pointer}button,input,textarea{font-family:inherit;font-size:inherit}.blind,hr,legend{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}q:after,q:before{content:""}@font-face{font-family:yleeMortalHeartImmortalMemory;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/yleeMortalHeartImmortalMemory.woff2) format("woff2")}@font-face{font-family:MaplestoryOTFBold;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/MaplestoryOTFBold.woff) format("woff")}@font-face{font-family:HallymGothic-Regular;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2204@1.0/HallymGothic-Regular.woff2) format("woff2")}.header .menuCont,.hide{display:none}body{background-color:#f5f6ee;color:#0f1d2b;font-family:HallymGothic-Regular}h1,h2,h3,h4{font-family:MaplestoryOTFBold}body,html{height:100%}#root,.App{height:100vh}main{border-left:2px double #0f1d2b;border-right:2px double #0f1d2b;height:100%;margin:0 auto;max-width:1200px}.container{box-sizing:border-box;height:100%;overflow:scroll;padding:6em 1em 1em;position:relative;z-index:10}.container::-webkit-scrollbar{display:none}.container h2{font-size:1.25em;text-align:center}.address{align-items:stretch;display:flex;flex-wrap:nowrap;justify-content:flex-start;margin:0 .5em .5em}.address li:nth-child(2){margin:0 1em}.address li a{align-items:center;display:flex;flex-wrap:nowrap;justify-content:center}.address li svg{color:#0f1d2b;height:1.2em;width:1.2em}@media screen and (max-width:1200px){.App{font-size:13px}}@media screen and (max-width:700px){.App{font-size:11px}}@media screen and (max-width:500px){.App{font-size:9px}main{border-left:2px double #0f1d2b;border-right:2px double #0f1d2b;height:100%;margin:0 auto;max-width:1200px}}.header{background-color:#f5f6ee;border-bottom:2px double #0f1d2b;box-sizing:border-box;left:0;padding:.2em 0;position:fixed;top:0;width:100%;z-index:20}.header .headerCont{margin:0 auto;max-width:1200px}.header .headerCont,.header h1{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between}.header h1{margin-left:1em}.header h1 img{height:4em}.header .menuCont{position:relative}.header .menuCont .menu{height:20px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all 1s;width:20px}.header .menuCont .menu div{background-color:#0f1d2b;border-radius:10px;height:3.5px;position:absolute;transition:all 1s;width:20px}.header .menuCont .menu div:first-child{left:4.5px;top:9px;-webkit-transform:rotate(58deg);transform:rotate(58deg)}.header .menuCont .menu div:nth-child(2){left:-4.5px;top:9px;-webkit-transform:rotate(-58deg);transform:rotate(-58deg)}.header .menuCont .menu div:nth-child(3){bottom:0;left:-1px;width:22px}.header nav{margin-right:1em}.header nav ul{align-items:center;display:flex;flex-wrap:nowrap;font-family:yleeMortalHeartImmortalMemory;font-size:1.5em;justify-content:space-between}.header nav ul li{margin-left:6.94vw}.header nav ul li:hover{color:#ffb000}.header nav ul button{position:relative}.header nav ul button.on:before{background-color:#ffb000;border-radius:5px;bottom:5px;content:"";height:5px;left:0;opacity:.5;position:absolute;width:100%}.header nav .close{display:none}@media screen and (max-width:1200px){.header .headerCont{max-width:1000px}}@media screen and (max-width:700px){.header .headerCont{max-width:600px}}@media screen and (max-width:500px){.header .headerCont{max-width:400px}.header .menuCont{display:block;right:25px}.header .menuCont .menu.navModeBtnOn div{background-color:#ffb000}.header .menuCont .menu.navModeBtnOn div:first-child{left:0;top:0;-webkit-transform:rotate(0);transform:rotate(0)}.header .menuCont .menu.navModeBtnOn div:nth-child(2){left:0;top:50%;-webkit-transform:rotate(0) translateY(-50%);transform:rotate(0) translateY(-50%)}.header .menuCont .menu.navModeBtnOn div:nth-child(3){bottom:0;left:0;width:20px}.header nav{background-color:#f5f6ee;height:100%;position:fixed;right:-250px;top:40.5px;transition:all .5s;width:40%}.header nav ul{display:block;margin-top:30px}.header nav ul li{font-size:1.3em;margin:20px 10px}.header nav ul li:before{content:" - "}.header nav ul button.on:before{bottom:3px}.header nav.navMode{right:-12px}}footer{background:#0f1d2b;color:#f5f6ee;font-family:yleeMortalHeartImmortalMemory;font-size:1.2em;padding:.8em 0 1em;position:relative;text-align:center;z-index:10}footer .address{align-items:center;display:flex;flex-wrap:nowrap;justify-content:center}footer .address li:nth-child(2){margin:0 1em}footer .address li svg{color:#f5f6ee}.Card{font-family:yleeMortalHeartImmortalMemory;font-size:1.25em;height:100vh;position:relative;z-index:20}.Card:after{background:url(/static/media/background.7f7e9f22ff24e65e708f.jpg) bottom/cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.Card .businessCard{left:50%;max-width:800px;min-height:15em;position:absolute;top:50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .5s;width:50%}.Card .businessCard .commonCard{box-shadow:10px 10px 20px 1px rgba(0,0,0,.63);box-sizing:border-box;height:100%;padding:1em;position:absolute;width:100%}.Card .businessCard .front{align-items:stretch;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:url(/static/media/%E1%84%8C%E1%85%B3%E1%86%BC%E1%84%86%E1%85%A7%E1%86%BC%E1%84%89%E1%85%A1%E1%84%8C%E1%85%B5%E1%86%AB.3201576b2d85bdffa463.jpg) #f5f6ee no-repeat right 1em center/10em;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between}.Card .businessCard header{margin-top:3.5em}.Card .businessCard header h3{font-family:yleeMortalHeartImmortalMemory;font-size:1.5em}.Card .businessCard header h3:after{content:" / YouSoonSang"}.Card .businessCard header h3:before{background:url(/static/media/sign.d657a8a9f1ac9b32f2e2.png) no-repeat 50%/contain;content:"";height:2.66em;left:7.23em;position:absolute;top:1.53em;width:3em}.Card .businessCard header p{font-size:1.25em;margin:1em .5em 0}.Card .back{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:url(/static/media/%EC%A6%9D%EB%AA%85%EC%82%AC%EC%A7%842.8dd364eba76c1df56d5f.png) #f5f6ee no-repeat right 1em center/10em;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.Card .back .intro{align-items:stretch;color:#0f1d2b;display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;justify-content:space-evenly}@media screen and (max-width:800px){.Card .businessCard{width:60%}.Card .businessCard .commonCard{box-shadow:10px 10px 10px 1px rgba(0,0,0,.63)}.Card .businessCard header{margin-top:3.5em}.Card .businessCard header h3{font-size:1.2em}.Card .businessCard header h3:before{height:2em;top:2.9em;width:2.5em}.Card .businessCard header p{font-size:1.1em}.Card .back{font-size:.9em}}@media screen and (max-width:500px){.Card .businessCard{width:80%}}.Introduce .introWapper{align-items:stretch;display:flex;flex-wrap:nowrap;justify-content:space-between;margin-bottom:1em}.Introduce .introWapper .imgWrapper{background:url(/static/media/%E1%84%89%E1%85%A1%E1%84%8C%E1%85%B5%E1%86%AB.09aab1f33dc05edc75e4.jpg) no-repeat 50%/cover;border:2px double #0f1d2b;margin-right:1em;width:30%}.Introduce .introWapper .descTitle{border:2px double #0f1d2b;box-sizing:border-box;padding:1em}.Introduce .introWapper .descTitle h3{color:#ffb000;font-size:1.25em;margin-bottom:.4em}.Introduce .introWapper .descTitle h3:after,.Introduce .introWapper .descTitle h3:before{content:'"'}.Introduce .introWapper .descTitle p{line-height:1.5;margin:.2em 0;word-break:keep-all}.Introduce .introWapper .descTitle li{margin-top:1em}.Introduce .introWapper .descTitle li p:first-child{font-family:MaplestoryOTFBold}.Introduce .introWapper .descTitle li p:first-child:before{color:#ffb000;content:" 💡 "}.Introduce .wiseWapper{align-items:stretch;display:flex;flex-wrap:nowrap;justify-content:space-between}.Introduce .wiseWapper blockquote{background:url(/static/media/grass.bbaee2d0740efd5e669b.png) no-repeat right 8% top 10%/3.125em;border:2px double #0f1d2b;box-sizing:border-box;padding:1em;width:70%}.Introduce .wiseWapper blockquote p{font-size:1em;line-height:1.5}.Introduce .wiseWapper blockquote p strong{position:relative}.Introduce .wiseWapper blockquote p strong:before{background-color:#ffb000;border-radius:10px;bottom:0;content:"";height:5px;left:0;opacity:.5;position:absolute;width:100%}.Introduce .wiseWapper blockquote cite{display:block;font-family:yleeMortalHeartImmortalMemory;font-size:1em;margin-top:.7em;text-align:right}.Introduce .wiseWapper blockquote cite:after,.Introduce .wiseWapper blockquote cite:before{content:" - "}.Introduce .wiseWapper div{background:url(/static/media/introImg.0da7041dde4538e3b97c.png) 50%/contain no-repeat;border:2px double #0f1d2b;margin-left:1em;width:30%}@media screen and (max-width:800px){.Introduce .introWapper{display:block}.Introduce .introWapper .imgWrapper{background:url(/static/media/%E1%84%89%E1%85%A1%E1%84%8C%E1%85%B5%E1%86%AB.09aab1f33dc05edc75e4.jpg) no-repeat center -100px/cover;box-sizing:border-box;height:200px;margin-right:0;width:auto}}@media screen and (max-width:510px){.Introduce{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.Introduce .introWapper .imgWrapper{background:url(/static/media/%E1%84%89%E1%85%A1%E1%84%8C%E1%85%B5%E1%86%AB.09aab1f33dc05edc75e4.jpg) no-repeat center -50px/cover}.Introduce .wiseWapper{display:block;width:100%}.Introduce .wiseWapper blockquote{width:auto}.Introduce .wiseWapper div{display:none}}.Skill .skillBoard{align-items:center;border:2px double #0f1d2b;border-radius:10px;box-sizing:border-box;display:flex;flex-wrap:nowrap;justify-content:space-between;margin-top:1.5em}.Skill .skillBoard button{margin:1em .5em}.Skill .skillBoard img{max-height:8.75em}.Skill .skillDesc{background-color:#2c3e36;border:7px solid #deb887;box-sizing:border-box;margin:1em auto 0;padding:1em;position:relative}.Skill .skillDesc p{color:#f5f6ee;margin:.5em 0}.Skill .skillDesc p:before{content:" - "}.Skill .skillDesc p:after{background-color:#f5f6ee;bottom:0;content:"";height:.625em;position:absolute;right:30%;width:3.125em}@media screen and (max-width:800px){.Skill .skillBoard img{max-height:7em}}@media screen and (max-width:500px){.Skill{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.Skill h2{font-size:2em}.Skill .skillBoard{width:100%}.Skill .skillBoard img{max-height:5em}.Skill .skillDesc{width:100%}}.Project{position:relative}.Project .explanation{color:#17456b;font-size:.875em;margin:.71em 0 1.07em;text-align:center}.Project .buttonWrapper{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;margin:1em auto 0;min-height:25em;position:relative;width:75%;z-index:10}.Project .projectWrapper{background-color:#f5f6ee;border:4px double #0f1d2b;border-radius:10px;margin:0 auto;min-height:20em;overflow:hidden;position:relative;width:92%}.Project .projectWrapper .projectSlide{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;left:0;position:absolute;top:0;transition:all .5s;width:200%}.Project .projectWrapper .projectSlide .projectItem{box-sizing:border-box;font-size:.875em;height:50%;overflow-y:scroll;padding:1em;position:relative;width:50%}.Project .projectWrapper .projectSlide .projectItem header{position:relative}.Project .projectWrapper .projectSlide .projectItem header h4{font-size:1.3em;margin-bottom:1em;text-align:center}.Project .projectWrapper .projectSlide .projectItem header ul{align-items:center;display:flex;flex-wrap:nowrap;justify-content:flex-end;position:absolute;right:0;top:0}.Project .projectWrapper .projectSlide .projectItem header ul li{margin-right:1em}.Project .projectWrapper .projectSlide .projectItem header ul li svg{height:2em;width:2em}.Project .projectWrapper .projectSlide .projectItem .flexWrapper{align-items:start;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.Project .projectWrapper .projectSlide .projectItem dl{margin-bottom:.4em}.Project .projectWrapper .projectSlide .projectItem .oneLine{align-items:center;display:flex;flex-wrap:nowrap;justify-content:flex-start}.Project .projectWrapper .projectSlide .projectItem .oneLine dt{white-space:nowrap}.Project .projectWrapper .projectSlide .projectItem .oneLine dt:after{content:" : "}.Project .projectWrapper .projectSlide .projectItem .oneLine dd{margin-left:.4em}.Project .projectWrapper .projectSlide .projectItem .multiLine dt{margin-bottom:.4em}.Project .projectWrapper .projectSlide .projectItem .multiLine li{line-height:1.6;word-break:keep-all}.Project .projectWrapper .projectSlide .projectItem .multiLine li:before{content:" - "}.Project .projectWrapper .projectSlide .projectItem .simpleDesc{background-color:#0f1d2b;border-radius:10px;box-sizing:border-box;color:#f5f6ee;margin-bottom:1.5em;padding:.6em 0;text-align:center;width:100%}.Project .projectWrapper .projectSlide .projectItem .skillStack{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.Project .projectWrapper .projectSlide .projectItem .skillStack li{margin-right:5px}.Project .projectBtn{position:absolute;z-index:100}.Project .projectBtn img{height:2.5em;width:1.25em}.Project .projectBtn.top{left:50%;top:-.5em;-webkit-transform:translateX(-50%) rotate(90deg);transform:translateX(-50%) rotate(90deg)}.Project .projectBtn.bottom{bottom:-.5em;left:50%;-webkit-transform:translateX(-50%) rotate(-90deg);transform:translateX(-50%) rotate(-90deg)}.Project .projectBtn.left{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.Project .projectBtn.right{right:0;top:50%;-webkit-transform:translateY(-50%) rotate(-180deg);transform:translateY(-50%) rotate(-180deg)}.Project .notionLink{color:#17456b;margin:0 auto;width:70%}.Project .bg{height:100%;left:0;opacity:.5;position:fixed;top:0;width:100%;z-index:-10}@media screen and (max-width:800px){.Project .buttonWrapper{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;min-height:23em;position:relative;width:90%;z-index:10}.Project .projectWrapper{width:90%}.Project .projectBtn img{height:2em;width:1em}.Project .projectBtn.top{top:-1em}.Project .projectBtn.bottom{bottom:-1em}.Project .notionLink{width:80%}}@media screen and (max-width:600px){.Project .buttonWrapper{width:90%}.Project .notionLink{margin:10px auto 0;width:80%}}@media screen and (max-width:500px){.Project{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.Project h2{font-size:2em}.Project .buttonWrapper{min-height:28em;width:100%}.Project .projectWrapper{min-height:24em}.Project .projectWrapper header{position:relative}.Project .projectWrapper header h4{font-size:2em;margin-bottom:1em;text-align:center}.Project .notionLink{width:90%}}.Experience h3{border-bottom:2px double #0f1d2b;font-size:1.25em;padding-bottom:.5em;padding-left:1em;text-align:left}.Experience section{margin-bottom:3em;padding:0 5em}.Experience .study h3:before{content:"📚 ";margin-right:.2em}.Experience .study .studyItem{margin-top:2em}.Experience .study .studyItem h4{color:#17456b;font-size:1.125em;margin-bottom:.5em}.Experience .study .studyItem p{background-color:#0f1d2b;border-radius:10px;color:#f5f6ee;padding:.5em;word-break:keep-all}.Experience .study .studyItem ul{margin-top:.5em;padding-left:.5em}.Experience .study .studyItem ul li{line-height:1.8em}.Experience .study .studyItem ul li:before{content:" - "}.Experience .education h3:before{content:"🎓 ";margin-right:.2em}.Experience .education .educationItem{align-items:center;display:flex;flex-wrap:nowrap;justify-content:flex-start;margin:.5em 0}.Experience .education .educationItem h4{font-size:1.125em}.Experience .education .educationItem p:before{content:"/";margin-left:.5em}@media screen and (max-width:500px){.Experience{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.Experience h3{font-size:1.5em}.Experience .education,.Experience .study{width:100%}}
/*# sourceMappingURL=main.29d58fe9.css.map*/