@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);@import url(https://font.elice.io/css?family=Elice+DX+Neolli);body{background-color:#000;font-family:GmarketSansMedium;margin:0}a,body{color:#fff}a{cursor:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:PyeongChangPeace;font-style:normal;font-weight:700;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/PyeongChangPeace-Bold.woff2) format("woff2")}@font-face{font-family:PyeongChangPeace;font-style:normal;font-weight:300;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/PyeongChangPeace-Light.woff2) format("woff2")}@font-face{font-family:GmarketSansMedium;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff) format("woff")}@font-face{font-family:LOTTERIACHAB;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/LOTTERIACHAB.woff2) format("woff2")}.main-container{display:flex;flex-direction:column;height:100%;margin:0;overflow-x:hidden;padding:0}.section{height:100vh;width:100%}body{cursor:none}.cursor{align-items:center;display:flex;justify-content:center;pointer-events:none;position:fixed;z-index:10000}.cursor div{position:absolute}.cursor#subCursor div{border:1px solid #fff;border-radius:30px;height:50px;width:50px}.cursor#cursorStar svg{position:absolute}.cursor#cursorStar svg:first-child{opacity:.8}.cursor#cursorStar svg:nth-child(2){opacity:.7}.cursor#cursorStar svg:nth-child(3){opacity:.6}.cursor#cursorStar svg:nth-child(4){opacity:.5}.cursor#cursorStar svg:nth-child(5){opacity:.4}.cursor#cursorStar svg:nth-child(6){opacity:.3;transform:scale(.1)}.cursor#bgCursor{z-index:-1}.cursor#bgCursor div{background:rgba(92,74,142,.482);border-radius:1000px;filter:blur(15vmin);height:60vmin;width:60vmin}.section-01{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.section-01 .title h1{font-family:PyeongChangPeace;font-size:8vmin;font-weight:700;margin:0}.section-01 .bubble{position:absolute}.section-01 .bubble.b1{left:14px;top:28%}.section-01 .bubble.b2{left:-20px;top:calc(50% - 160px)}.section-01 .bubble.b3{bottom:20vh;left:46px;scale:1.3}.section-01 .bubble.b4{bottom:-50px;left:0}.section-01 .bubble.b5{bottom:12vh;left:15vw;scale:1.4}.section-01 .bubble.b6{bottom:-40px;left:15.2vw}.section-01 .bubble.b7{bottom:24vh;left:25vw}.section-01 .bubble.b8{bottom:14vh;left:30vw}.section-01 .bubble.b9{bottom:-40px;left:40vw}.section-01 .bubble.b10{bottom:10vh;right:42vw;scale:.9}.section-01 .bubble.b11{bottom:4vh;right:26vw;scale:.9}.section-01 .bubble.b12{bottom:5vh;right:24vw;scale:2}.section-01 .bubble.b13{bottom:-120px;right:-58px}.section-01 .bubble.b14{bottom:23vh;right:10.5vw;scale:.74}.section-01 .bubble.b15{bottom:31vh;right:9vw;scale:1.2}.section-01 .bubble.b16{bottom:40vh;right:3vw;scale:1.1}.section-01 .bubble.b17{right:4vw;scale:1.1;top:35vh}.section-01 .bubble.b18{right:-40px;scale:.55;top:24vh}#mainHeader{background:linear-gradient(#000 30%,#000000b3 80%,#0000);height:80px;justify-content:center;position:fixed;top:0;width:100%;z-index:10}#mainHeader,#mainHeader .logo{align-items:center;display:flex;left:0}#mainHeader .logo{column-gap:10px;font-size:.8em;padding:0 20px;position:absolute}#mainHeader .menu{align-items:center;column-gap:20px;display:flex}#mainHeader .menu .item{padding:0 10px}#mainHeader .menu .item:hover{color:#bd94fb;font-weight:900}.section-02{align-items:center;column-gap:120px;display:flex;justify-content:center;position:relative}.section-02 .stars svg{position:absolute}.section-02 .contents{width:40%}.section-02 .contents>*{margin-bottom:30px}.section-02 .contents h1{font-size:2em;font-weight:900}.section-02 .contents h1 .point{background:linear-gradient(90deg,#7052c5,#a59bc0);-webkit-background-clip:text;background-clip:text;color:#0000}.section-02 .contents .detail{font-weight:300;letter-spacing:.03em}.section-02 .contents .detail .point{color:#cebcff}.section-02 .contents .detail p{margin-bottom:15px}.section-02 .contents .tag{background-color:#e8e0fd;border-radius:40px;color:#000;font-size:.9em;margin-right:4px;padding:.4em .5em .3em}.section-02 .image-box{height:auto;opacity:100%;width:18%}.section-02 .image-box img{height:100%;object-fit:cover;width:100%}.section-03{background:linear-gradient(#000,#5c4a8e);display:flex;flex-wrap:nowrap;position:relative;width:600vw;z-index:1}.section-03 svg{position:absolute}.section-03 svg.cloud-01{left:50vw;top:40vh}.section-03 svg.cloud-02{bottom:-90px;left:100vw}.section-03 svg.cloud-03{bottom:10vh;left:200vw}.section-03 svg.cloud-04{bottom:-40px;left:250vw}.section-03 svg.cloud-05{bottom:8vh;left:300vw}.section-03 .title{color:#7052c5;font-family:PyeongChangPeace;font-size:4em;left:60vw;position:absolute;top:40vh}.section-03 .title .light{color:#a59bc0}.section-03 .screen{align-items:center;display:flex;flex-direction:column;flex-shrink:0;height:100vh;width:100vw}.section-03 .screen.s1{margin-top:15vh}.section-03 .screen.s2 .backend{bottom:36vh;left:30%;position:absolute;width:530px}.section-03 .screen.s2 .backend .items{padding-bottom:60px}.section-03 .screen.s2 .app{bottom:15vh;left:65%;position:absolute}.section-03 .screen.s3{margin-top:15vh}.section-03 .screen.s3 .etc{width:570px}.section-03 .screen .box{background-color:#000;border:1px solid #a59bc0;max-height:80vh;width:500px}.section-03 .screen .box h2{border-bottom:1px solid #a59bc0;color:#7052c5;font-family:PyeongChangPeace;font-size:2em;font-weight:100;padding:12px 18px}.section-03 .screen .box .items{display:flex;flex-direction:column;padding:24px 18px;row-gap:34px}.section-03 .screen .box .items li{color:#e8dfff;list-style:none}.section-03 .screen .box .items li .stack{font-size:1.2em;font-weight:700}.section-03 .screen .box .items li .desc{color:rgba(237,231,255,.537);font-size:.9em;font-weight:100;margin-top:8px}.section-04{background:linear-gradient(#5c4a8e,#fff 30%,#fff);height:100vh;overflow:hidden;padding:100vh 0;position:relative;width:150%}.section-04>h1{bottom:70px;color:#0000001a;font-family:PyeongChangPeace;font-weight:900;position:fixed;right:-30px;transform:rotate(-90deg)}.section-04 .rectangle{left:0;opacity:0;position:fixed;top:0;transition:opacity .4s}.section-04 .rectangle.default,.section-04 .rectangle.true{opacity:1}.section-04 .contents{display:none;flex-direction:column;height:80vh;left:30px;position:fixed;row-gap:28px;top:10vh}.section-04 .contents .item{display:flex;flex-direction:column;flex-shrink:1;height:20vh}.section-04 .contents .item .title{align-items:center;display:flex;flex-shrink:1;height:calc(20vh - 30px);width:-webkit-max-content;width:max-content}.section-04 .contents .item .title svg{height:100%;width:auto}.section-04 .contents .item .tags{color:#fffc;column-gap:24px;display:flex;font-family:Elice DX Neolli;margin-left:10px}.section-04 .modal{-ms-overflow-style:none;background-color:#fff;box-shadow:0 4px 10px 6px #00000040;color:#000;height:calc(100vh - 60px);left:110px;overflow-y:auto;position:fixed;top:60px;width:calc(100% - 220px);z-index:2}.section-04 .modal::-webkit-scrollbar{display:none}.section-04 .button-box{opacity:0}.section-04 .button-box .button{position:fixed;right:50px}.section-04 .button-box .close{top:80px}.section-04 .button-box .close:hover path{fill:#7d57b7}.section-04 .button-box .github{top:140px}.section-04 .button-box .github:hover path{fill:#7d57b7}.section-04 .button-box .url{top:200px}.section-04 .button-box .url:hover circle{fill:#7d57b7}.modal-contents{height:100%;width:100%}.modal-contents .flex-col{display:flex;flex-direction:column}.modal-contents .flex-row{display:flex}.modal-contents header{height:200px;overflow:hidden;position:relative}.modal-contents header .back{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.modal-contents header .back img{height:auto;object-fit:cover;width:100%}.modal-contents header .front{align-items:center;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);background-color:#fff3;box-sizing:border-box;height:100%;justify-content:center;padding:20px 100px;row-gap:10px;width:100%}.modal-contents header .front .title{align-items:flex-end;column-gap:20px}.modal-contents header .front .logo{height:60px;width:auto}.modal-contents header .front h2{font-size:2.4em;line-height:1em}.modal-contents header .front .tags{column-gap:10px}.modal-contents header .front .tags div{background:#333;border-radius:5px;color:#fff;padding:4px 8px 0}.modal-contents .body{box-sizing:border-box;margin:auto;max-width:740px;padding:100px 20px;row-gap:100px;width:100%}.modal-contents .body .section{box-sizing:border-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.modal-contents .body .section h2{border-bottom:2px solid rgba(92,74,142,.243);margin-bottom:20px;padding-bottom:6px}.modal-contents .body .section h3,.modal-contents .body .section p{font-family:Noto Sans KR;line-height:1.7;margin-bottom:10px}.modal-contents .body .section ol,.modal-contents .body .section ul{font-family:Noto Sans KR;margin:6px 0;padding-left:20px}.modal-contents .body .section ol li,.modal-contents .body .section ul li{line-height:1.7;margin-bottom:6px}.modal-contents .body .section .buttons{column-gap:10px;margin-bottom:30px}.modal-contents .body .section .buttons .button{background-color:rgba(232,224,253,.137);border:1px solid #5c4a8e;border-radius:20px;color:#333;font-size:1.1em;line-height:1.2;padding:10px 15px 6px}.modal-contents .body .section .buttons .button:hover{background-color:#e8e0fd}.modal-contents .body .section .buttons .button.selected{background-color:#5c4a8e;color:#fff}.modal-contents .body .section .code{background-color:#87837826;border-radius:4px;color:#eb5757;font-family:roboto;font-size:.8em;padding:.2em .4em}.modal-contents .body .section.work{min-height:400px}.modal-contents .body .section.work>ul>li{margin-bottom:20px}.section-05{color:#000;height:10px;overflow:hidden;position:relative;z-index:8}.section-05,.section-05 .box{align-items:center;background-color:#fff;display:flex;justify-content:center}.section-05 .box{flex-direction:column;height:100vh;position:fixed;top:0;width:100%}.section-05 .box>p{font-size:2em;margin-bottom:20px}.section-05 .box .inner-box{align-items:center;background-color:#f8f9fe;display:flex;padding:2px 10px}.section-05 .box .inner-box p{line-height:1em}.section-05 .box .inner-box svg{scale:.8}.section-05 .box .inner-box a{color:#000}.section-05 .box .inner-box a:hover{color:rgba(92,74,142,.737)}.section-05 .box h1{font-family:PyeongChangPeace;font-size:1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}
/*# sourceMappingURL=main.7124b17c.css.map*/