@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap);@import url(https://fonts.cdnfonts.com/css/poppins);pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#282c34;color:#abb2bf}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}@font-face{font-display:swap;font-family:PP Rader;font-style:normal;font-weight:100;src:url(/static/media/PPRader-Thin.994e18beaea894e19d5c.woff2) format("woff2"),url(/static/media/PPRader-Thin.3acb226c50424bbc04f9.woff) format("woff")}@font-face{font-family:PP Pangaia Bold Italic;font-style:normal;font-weight:400;src:local("PP Pangaia Bold Italic"),url(/static/media/PPPangaia-BoldItalic-BF654c530c8d2fa.785ce8272fcf2b2f5128.woff) format("woff")}@font-face{font-display:swap;font-family:PP Neue World Extended;font-style:normal;font-weight:100;src:url(/static/media/PPNeueWorld-ExtendedThin.b1beaf7e1e0dd695e8f2.woff2) format("woff2"),url(/static/media/PPNeueWorld-ExtendedThin.13648f5f3ec138e3f44a.woff) format("woff")}@font-face{font-display:swap;font-family:PP Right Didone Compact Dark;font-style:normal;font-weight:800;src:url(/static/media/PPRightDidone-CompactDark.93d3cc0bf8874b99f76c.woff2) format("woff2"),url(/static/media/PPRightDidone-CompactDark.78fff1eb655bbc940be2.woff) format("woff")}:root{--section2:"PP Rader";--section3:"PP Pangaia Bold Italic";--section4:"PP Right Didone Compact Dark";--section5:"PP Neue World Extended";--minifont:"Poppins",sans-serif;--korfont:"nanumSquareNeo";--engfont:"gmarket";--title-color:#e93f33;--title-color2:#868686;--bgcolor:#000;--red:#ce0000;--navy:#121931;--gray:#b8bac1;--black:#000;--white:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-size:16px;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}@media (max-width:800px){:root{font-size:14px;line-height:1.4}}*,:after,:before{box-sizing:border-box}body,button,dd,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,table,textarea{font-family:var(--korfont),var(--engfont),"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",helvetica,sans-serif}a,a:focus,a:hover{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400}ul{list-style:none}address,em{font-style:normal}strong{font-weight:400}img{vertical-align:top;width:100%}button,input,select,textarea{-webkit-appearance:none;appearance:none;border:0;border-radius:0;font-size:16px}#skip a{background:var(--black);color:var(--white);font-size:1rem;left:10px;padding:10px 30px;position:absolute;top:-92px;z-index:100000}#skip a:active,#skip a:focus{top:10px}.blind{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.blind,.ir{overflow:hidden;white-space:nowrap}.ir{display:block;font-size:0;line-height:0;text-indent:-9999px}body{background-color:var(--black)}body::-webkit-scrollbar{height:0;width:0}#main{background-color:var(--bgcolor);position:relative}#section2{margin-top:0;padding-top:40vh}section{margin-top:40vh}@media (max-width:600px){section{margin-top:0}#section2{height:120vh;padding-top:20vh}}#footer{align-items:center;background-color:var(--bgcolor);color:var(--white);display:flex;flex-direction:column;font-family:var(--engfont);height:100vh;justify-content:center;position:relative;width:100%}#footer a{height:40px;margin-top:10px;transition:all .3s;width:40px}#footer a:hover svg{fill:#000;background-color:#fff;border-radius:5px}#footer a svg{height:100%;width:100%}@keyframes animate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.container{height:auto;margin:0 auto;width:1280px}canvas{height:101%;left:0;width:100%;z-index:-2}.mouse__cursor,canvas{position:absolute;top:0}.mouse__cursor{border-radius:50%;height:80px;left:50%;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-50%);width:80px}.cursor2{background-color:#ffffff80;border-radius:50%}.cursor-label,.cursor2{height:100%;position:absolute;width:100%}.cursor-label{align-items:center;color:var(--black);display:flex;font-family:var(--section1);font-size:14px;justify-content:center}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}@media (max-width:800px){.cursor-label{font-size:7px;font-weight:700}.mouse__cursor{height:10vw;width:10vw}}#intro{height:100vh;width:100%}.intro{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center;text-align:center;width:100%}.intro h1{color:var(--title-color);font-family:var(--section2);font-size:6.25vw;font-weight:300}@media (max-width:800px){.intro h1{font-size:2.5rem}}.intro p{color:var(--white);font-family:var(--minifont);font-size:20px;font-weight:200}.intro em{font-weight:300}.scroll__down{align-items:center;background-color:var(--bgcolor);display:flex;flex-direction:column;height:10vh;text-align:center}.scroll__down .line{background-image:url(/static/media/scrolldown.0d0f0232f074e5c2ec7f.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;width:30px}#section2{height:140vh;position:relative;width:100%}#section2 .contents2{height:100%;margin:0 auto;max-width:1280px;position:relative;width:90%}#section2 .contents2 .cont__box{left:50%;max-width:504px;position:relative;top:50%;transform:translate(-50%,-50%);width:70%}#section2 .contents2 .text1{left:50%;top:50%;transform:translate(-50%,-50%)}#section2 .contents2 .text1,#section2 .contents2 .text2{color:var(--white);font-family:var(--section2);font-size:6.25vw;font-weight:300;opacity:0;position:absolute;z-index:1}#section2 .contents2 .text2{bottom:50%;right:50%;transform:translate(50%,50%)}.contents2 .desc{bottom:0;color:var(--white);font-family:var(--korfont);font-weight:300;left:-10px;opacity:0;position:absolute;text-align:right;transform:translateX(-100%);width:300px;word-break:keep-all}@media (max-width:1200px){.contents2 .desc{bottom:-60px;left:0;text-align:left;transform:translateX(0);width:80%}}#section3{height:100vh;position:relative;width:100%}#section3 .contents3{height:100%;margin:0 auto;max-width:1280px;position:relative;width:90%}#section3 .contents3 .cont__box{left:50%;max-height:719px;max-width:1280px;position:relative;top:50%;transform:translate(-50%,-50%);width:70%}#section3 .contents3 .text1{font-size:7.3vw;left:50%;top:50%;transform:translate(-50%,-50%)}#section3 .contents3 .text1,#section3 .contents3 .text2{color:var(--white);font-family:var(--section3);opacity:0;position:absolute;z-index:1}#section3 .contents3 .text2{bottom:50%;font-size:6.25vw;right:50%;transform:translate(50%,50%)}.contents3 .desc{bottom:-45px;color:var(--white);font-family:var(--korfont);font-weight:200;left:0;opacity:0;position:absolute;text-align:left;width:300px;word-break:keep-all}@media (max-width:1200px){.contents3 .desc{bottom:-55px;width:80%}}@media (max-width:400px){.contents3 .desc{bottom:-75px;width:80%}}#section4{height:100vh;width:100%}#section4 .contents4{align-items:center;display:flex;height:100%;justify-content:center;width:100%}#section4 .contents4 .cont__box{max-width:855px;position:relative;width:80%}#section4 .contents4 .text1{font-size:6.3vw;left:50%;top:50%;transform:translate(-50%,-50%)}#section4 .contents4 .text1,#section4 .contents4 .text2{color:var(--white);font-family:var(--section4);opacity:0;position:absolute}#section4 .contents4 .text2{bottom:50%;font-size:5.25vw;right:50%;transform:translate(50%,50%)}.contents4 .desc{bottom:0;color:var(--white);font-family:NanumSquareNeo;font-weight:200;left:50%;opacity:0;position:absolute;text-align:left;text-align:center;transform:translate(-50%,100%);word-break:keep-all}@media (max-width:1200px){.contents4 .desc{width:100%}}#section5{height:100vh;width:100%}#section5 .contents5{align-items:center;display:flex;height:100%;justify-content:center;width:100%}#section5 .contents5 .cont__box{max-width:1920px;position:relative;width:100%}#section5 .contents5 .text1{left:50%;top:50%;transform:translate(-50%,-50%)}#section5 .contents5 .text1,#section5 .contents5 .text2{color:var(--white);font-family:var(--section5);font-size:7.3vw;opacity:0;position:absolute}#section5 .contents5 .text2{bottom:50%;right:50%;transform:translate(50%,50%)}.contents5 .desc{bottom:0;color:var(--white);font-family:NanumSquareNeo;font-weight:200;left:50%;opacity:0;position:absolute;text-align:center;transform:translate(-50%);width:500px;word-break:keep-all}@media (max-width:1200px){.contents5 .desc{width:80%}}#section6{height:100vh;position:relative;width:100%}#section6 .contents6{height:100%;margin:0 auto;max-width:1280px;position:relative;width:90%}#section6 .contents6 .cont__box{left:50%;max-width:504px;position:relative;top:50%;transform:translate(-50%,-50%);width:70%}#section6 .contents6 .text1{left:50%;top:50%;transform:translate(-50%,-50%)}#section6 .contents6 .text1,#section6 .contents6 .text2{color:var(--white);font-family:var(--section3);font-size:6.25vw;font-weight:300;opacity:0;position:absolute;z-index:1}#section6 .contents6 .text2{bottom:50%;right:50%;transform:translate(50%,50%)}.contents6 .desc{bottom:0;color:var(--white);font-family:var(--korfont);font-weight:300;left:-10px;opacity:0;position:absolute;text-align:right;transform:translateX(-100%);width:300px;word-break:keep-all}@media (max-width:1200px){.contents6 .desc{bottom:-60px;left:0;text-align:left;transform:translateX(0);width:80%}}@media (max-width:400px){.contents6 .desc{bottom:-75px;width:80%}}#section7{height:100vh;width:100%}#section7 .contents7{align-items:center;display:flex;height:100%;justify-content:center;width:100%}#section7 .contents7 .cont__box{max-width:855px;position:relative;width:80%}#section7 .contents7 .text1{font-size:6.3vw;left:50%;top:50%;transform:translate(-50%,-50%)}#section7 .contents7 .text1,#section7 .contents7 .text2{color:var(--white);font-family:var(--section4);opacity:0;position:absolute}#section7 .contents7 .text2{bottom:50%;font-size:5.25vw;right:50%;transform:translate(50%,50%)}.contents7 .desc{bottom:0;color:var(--white);font-family:NanumSquareNeo;font-weight:200;left:50%;opacity:0;position:absolute;text-align:left;text-align:center;transform:translate(-50%,100%);word-break:keep-all}@media (max-width:1200px){.contents7 .desc{width:100%}}#script{align-items:center;background-color:var(--bgcolor);display:flex;justify-content:center;min-height:100vh;padding:10vh 0;position:relative;width:100%;z-index:1}.script__wrap{color:var(--white);display:flex;flex-direction:column;margin:0 auto}.script__wrap .title{font-size:24px;line-height:1;text-transform:uppercase}.script__wrap .title,.script__wrap .title2{font-family:var(--minifont);text-align:center}.script__wrap .title2{margin-bottom:30px;opacity:.5}.script__content{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.script__content .contents{width:250px}.script__content .contents .img{background-image:url(/static/media/search.0a05392c45501eea4b53.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px;height:150px;transition:all .2s}.script__content .contents .i1:hover{background-image:url(/static/media/search.9ca1b1506af7bfa97a03.gif);opacity:.5}.script__content .contents .i2:hover{background-image:url(/static/media/quiz.61adb8566c0391748a9a.gif)!important;opacity:.5}.script__content .contents .i3:hover{background-image:url(/static/media/gsap.11d49644645ac20e137c.gif)!important;opacity:.5}.script__content .contents .i4:hover{background-image:url(/static/media/slider.a615ef8f90d71035f9f7.gif)!important;opacity:.5}.script__content .contents .i5:hover{background-image:url(/static/media/mouse.594dbbfcb105d08f4a96.gif)!important;opacity:.5}.script__content .contents .img.i2{background-image:url(/static/media/quiz.e8a13f1f99d415072270.png)}.script__content .contents .img.i3{background-image:url(/static/media/gsap.a76602627b17d4f52d31.png)}.script__content .contents .img.i4{background-image:url(/static/media/slider.4baf5352b04b88f59822.png)}.script__content .contents .img.i5{background-image:url(/static/media/mouse.ef0f5641c4532a1337be.png)}.script__content .contents p{background-color:#fff;border-radius:15px 15px 0 0;color:var(--black);font-family:var(--minifont);font-size:16px;line-height:1;margin-top:15px;padding:5px 0;text-align:center}.script__content .contents span{color:#d1d1d1;display:inline-block;font-family:var(--korfont);font-size:14px;margin-top:20px;text-align:left;word-break:break-all}#commentsection{color:var(--white);font-family:gowunBatang;margin:5vh 0;min-height:100vh;width:100%}#commentsection h4{color:var(--white);font-family:var(--section2);font-size:4vw;font-weight:100;text-align:center}.comment__wrap{column-count:4;column-gap:20px;margin:50px}.comment__wrap .comments:hover{background-color:#ffffff12}.comment__wrap .comments{border:1px solid #ffffff1e;break-inside:avoid-column;margin-bottom:20px;min-width:300px;padding:20px;position:relative;transition:all .3s}.comment__wrap .comments .info{border-top:1px solid #ffffff1e;color:#ffffff62;display:flex;justify-content:space-between;margin-top:10px;padding-top:10px}.comment__wrap .comments .info .edit{cursor:pointer}.comment__wrap .comments .modal{background-color:#161616;border:1px solid #ffffff62;color:#ffffff62;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.comment__wrap .comments .modal input:focus{outline:none}.comment__wrap .comments .modal input{background:none;border-bottom:1px solid #ffffff62;color:#ffffff62;display:block;font-family:gowunBatang;margin-bottom:0;padding:5px 0;text-align:center}.comment__wrap .comments .modal input::placeholder{text-align:center}.comment__wrap .comments .modal span{display:inline-block;font-size:16px;position:relative;text-align:center}.comment__wrap .comments .modal button,.comment__wrap .comments .modal span{background:none;color:#ffffff62;cursor:pointer;font-family:gowunBatang;padding:5px 0;transition:all .3s;width:50%}.comment__wrap .comments .modal button{border-left:1px solid #ffffff62}.comment__wrap .comments .modal button:hover,.comment__wrap .comments .modal span:hover{background-color:#ffffff12}.comment__wrap .comments .delete__btn{background:#0000;color:#fff;cursor:pointer;font-family:gowunBatang;width:48%}.comment__wrap .comments textarea:focus{outline:none}.comment__wrap .comments textarea{spellcheck:"false";background-color:#ffffff18;color:var(--white);font-family:gowunBatang;line-height:1.4;min-height:100px;padding:10px;resize:none;width:100%;word-break:keep-all}.comment__wrap .comments textarea::-webkit-scrollbar{height:0;width:0}.comment__wrap .comments input{margin-bottom:5px}.comment__wrap .comments .edit__btn,.comment__wrap .comments input{background:#0000;border:1px solid #ffffff1e;color:#fff;font-family:gowunBatang;padding:5px 10px;width:100%}.comment__wrap .comments .edit__btn{border-radius:3px;cursor:pointer}.comment__wrap .comments input::placeholder{color:#ffffff62}@media (max-width:1400px){.comment__wrap{column-count:3}}@media (max-width:1076px){.comment__wrap{column-count:2}}@media (max-width:700px){.comment__wrap{column-count:1}}.loading-page{background:var(--black);height:100vh;position:fixed;top:0;width:100vw;z-index:1000}.loading-page .counter{position:relative;text-align:center;width:200px}.loading-page .counter p{color:#e93f33;font-family:var(--section3);font-size:40px;font-weight:100;text-transform:uppercase}.loading-page .counter h1{color:#fff;font-family:var(--section3);font-size:60px;margin-top:-10px}.loading-page hr{background:#e93f33;border:none;height:1px}.loading-page.counter h1.abs{position:absolute;top:0;width:100%}.loading-page{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-bar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#38383831;height:100%;left:0;position:absolute;top:0;transform-origin:top;width:100%;z-index:10000}.counter{position:relative}#portlist{background-color:#000;padding:50vh 0}#portlist h4{color:#fff;font-family:PP Rader;font-size:4vw;font-weight:100;text-align:center}.list__wrap{background:#000;margin:50px}.list__cate{border:1px solid #ffffff1e;border-radius:50px;margin-bottom:50px;padding:20px;position:relative}.underline:before{background-color:#fff;bottom:-20px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100%}.list__cate span{border:1px solid #ffffff1e;border-radius:50px;color:#fff;cursor:pointer;display:inline-block;font-family:PP Rader;font-weight:400;padding:8px 30px;position:relative;text-transform:uppercase;transition:all .3s}.list__cate span.active,.list__cate span:hover{-webkit-text-stroke:1px #3a3a3a;background-color:#fff;color:#000}.list__item{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.list__item .item h4{position:relative}.list__item .item:hover h4 .arrow{opacity:1;right:10px;transform:rotate(0deg)}.list__item .item h4 .arrow{fill:#000;background-image:url(/static/media/arrow.56610efd631fb946db5f.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:10px;display:inline-block;height:20px;opacity:0;position:absolute;right:-50px;transform:rotate(2turn);transition:all .5s ease-in-out;width:20px;z-index:10}.list__item .item h4 svg{fill:#000}.list__item .item{border:1px solid #ffffff1e;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:300px;overflow:hidden;width:49%}#portlist .list__item .item h4{background-color:#fff;border-radius:20px 20px 0 0;color:#000;font-family:gowunBatang;font-size:30px;padding:10px 30px;text-align:left}#portlist .list__item .item p{color:#fff;font-family:gowunBatang;padding:20px 30px}#portlist .list__item .item ul{color:#fff;font-family:gowunBatang;padding:0 30px}#portlist .list__item .item ul li{align-items:center;border-bottom:1px solid #ffffff1e;display:flex;padding:10px 0}#portlist .list__item .item ul li:last-child{border:0}#portlist .list__item .item ul li span{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:10px;display:inline-block;font-family:gowunBatang;height:40px;margin-right:10px;min-width:40px;width:40px}@media (max-width:1100px){.list__item .item{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;width:100%}#portlist .list__item .item ul{display:flex;gap:5px}#portlist .list__item .item ul li{align-items:flex-start;max-width:33%}.list__wrap{margin:15px}#portlist .list__item .item p{padding-bottom:5px}#portlist .list__item .item h4{font-size:24px}}#sec2popup{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000051;display:flex;display:none;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:1000}#sec2popup .popup__wrap{background-color:#fff;border-radius:20px;display:flex;height:80vh;max-width:1800px;overflow:hidden;width:80%}#sec2popup .popup__wrap .left{background-image:url(/static/media/youtube_mockup.f50bba191749a90bd612.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:50%}#sec2popup .popup__wrap .right{background-color:#fff;height:100%;overflow-y:auto;padding:40px;width:50%}#sec2popup .popup__wrap .right h2{font-family:blueroad;margin-bottom:20px}#sec2popup .popup__wrap .right h3{font-family:blueroad;margin-bottom:5px}#sec2popup .popup__wrap .right p{font-family:blueroad;line-height:1.6;margin-bottom:20px}#sec2popup .popup__wrap .close{align-items:center;background-color:#ffffff23;border-radius:50px;display:flex;height:30px;justify-content:center;position:absolute;right:20px;top:20px;width:30px}#sec2popup .popup__wrap .close>div{background-image:url(/static/media/close.27e8e13c906c14d3d582.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:20px;width:20px}#sec2popup .popup__wrap .Link{align-items:center;display:flex;gap:15px;justify-content:flex-end}#sec2popup .popup__wrap .code,#sec2popup .popup__wrap .view{background-color:#282c34;border-radius:30px;color:var(--white);font-family:GmarketSans;font-weight:600;margin-top:15px;padding:7px 15px;text-transform:uppercase;transition:all .3s}#sec2popup .popup__wrap .code:hover,#sec2popup .popup__wrap .view:hover{background-color:#ffa0a0}.javascript{border-radius:15px;font-family:GmarketSans;font-weight:500}#sec2popup .popup__wrap .right::-webkit-scrollbar{width:10px}#sec2popup .popup__wrap .right::-webkit-scrollbar-thumb{background-color:#636363;border-radius:10px}.javascript.hljs::-webkit-scrollbar{height:10px}.javascript.hljs::-webkit-scrollbar-thumb{background-color:#636363;border-radius:10px}.javascript.hljs::-webkit-scrollbar-track{background-color:#0000}@media (max-width:1200px){#sec2popup .popup__wrap .left{width:35%}#sec2popup .popup__wrap .right{width:65%}}@media (max-width:800px){#sec2popup .popup__wrap{flex-direction:column}#sec2popup .popup__wrap .left{height:50%;width:100%}#sec2popup .popup__wrap .right{padding:20px;width:100%}}#sec3popup{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000051;display:flex;display:none;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%}#sec3popup .popup__wrap{background-color:#fff;border-radius:20px;display:flex;height:80vh;max-width:1800px;overflow:hidden;width:80%}#sec3popup .popup__wrap .left{background-image:url(/static/media/nodeblogMockup.f1ba5566fe2bb6b0f22a.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:50%}#sec3popup .popup__wrap .right{background-color:#fff;height:100%;overflow-y:auto;padding:40px;width:50%}#sec3popup .popup__wrap .right h2{font-family:blueroad;margin-bottom:20px}#sec3popup .popup__wrap .right h3{font-family:blueroad;margin-bottom:5px}#sec3popup .popup__wrap .right p{font-family:blueroad;line-height:1.6;margin-bottom:20px}#sec3popup .popup__wrap .close{align-items:center;border-radius:50px;display:flex;height:30px;justify-content:center;position:absolute;right:20px;top:20px;width:30px}#sec3popup .popup__wrap .close>div{background-image:url(/static/media/close.27e8e13c906c14d3d582.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:20px;width:20px}#sec3popup .popup__wrap .Link{align-items:center;display:flex;gap:15px;justify-content:flex-end}#sec3popup .popup__wrap .code,#sec3popup .popup__wrap .view{background-color:#282c34;border-radius:30px;color:var(--white);font-family:GmarketSans;font-weight:600;margin-top:15px;padding:7px 15px;text-transform:uppercase;transition:all .3s}#sec3popup .popup__wrap .code:hover,#sec3popup .popup__wrap .view:hover{background-color:#ffa0a0}#sec3popup .popup__wrap .right::-webkit-scrollbar{width:10px}#sec3popup .popup__wrap .right::-webkit-scrollbar-thumb{background-color:#636363;border-radius:10px}#sec3popup .popup__wrap .right::-webkit-scrollbar-track{background-color:#0000}@media (max-width:1200px){#sec3popup .popup__wrap .left{width:35%}#sec3popup .popup__wrap .right{width:65%}}@media (max-width:800px){#sec3popup .popup__wrap{flex-direction:column}#sec3popup .popup__wrap .left{height:50%;width:100%}#sec3popup .popup__wrap .right{padding:20px;width:100%}}#sec4popup{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000051;display:flex;display:none;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%}#sec4popup .popup__wrap{background-color:#fff;border-radius:20px;display:flex;height:80vh;max-width:1800px;overflow:hidden;width:80%}#sec4popup .popup__wrap .left{background-image:url(/static/media/movie_Mockup.fa1fa318bb9c7436efd6.png);background-position:40%;background-repeat:no-repeat;background-size:cover;height:100%;width:50%}#sec4popup .popup__wrap .right{background-color:#fff;height:100%;overflow-y:auto;padding:40px;width:50%}#sec4popup .popup__wrap .right h2{font-family:blueroad;margin-bottom:20px}#sec4popup .popup__wrap .right h3{font-family:blueroad;margin-bottom:5px}#sec4popup .popup__wrap .right p{font-family:blueroad;line-height:1.6;margin-bottom:20px}#sec4popup .popup__wrap .close{align-items:center;border-radius:50px;display:flex;height:30px;justify-content:center;position:absolute;right:20px;top:20px;width:30px}#sec4popup .popup__wrap .close>div{background-image:url(/static/media/close.27e8e13c906c14d3d582.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:20px;width:20px}#sec4popup .popup__wrap .Link{align-items:center;display:flex;gap:15px;justify-content:flex-end}#sec4popup .popup__wrap .code,#sec4popup .popup__wrap .view{background-color:#282c34;border-radius:30px;color:var(--white);font-family:GmarketSans;font-weight:600;margin-top:15px;padding:7px 15px;text-transform:uppercase;transition:all .3s}#sec4popup .popup__wrap .code:hover,#sec4popup .popup__wrap .view:hover{background-color:#ffa0a0}#sec4popup .popup__wrap .right::-webkit-scrollbar{width:10px}#sec4popup .popup__wrap .right::-webkit-scrollbar-thumb{background-color:#636363;border-radius:10px}#sec4popup .popup__wrap .right::-webkit-scrollbar-track{background-color:#0000}@media (max-width:1200px){#sec4popup .popup__wrap .left{width:35%}#sec4popup .popup__wrap .right{width:65%}}@media (max-width:800px){#sec4popup .popup__wrap{flex-direction:column}#sec4popup .popup__wrap .left{height:50%;width:100%}#sec4popup .popup__wrap .right{padding:20px;width:100%}}#sec5popup{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000051;display:flex;display:none;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%}#sec5popup .popup__wrap{background-color:#fff;border-radius:20px;display:flex;height:80vh;max-width:1800px;overflow:hidden;width:80%}#sec5popup .popup__wrap .left{background-image:url(/static/media/php_mockup.a2ed67e00e4abea944b7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:50%}#sec5popup .popup__wrap .right{background-color:#fff;height:100%;overflow-y:auto;padding:40px;width:50%}#sec5popup .popup__wrap .right h2{font-family:blueroad;margin-bottom:20px}#sec5popup .popup__wrap .right h3{font-family:blueroad;margin-bottom:5px}#sec5popup .popup__wrap .right p{font-family:blueroad;line-height:1.6;margin-bottom:20px}#sec5popup .popup__wrap .close{align-items:center;border-radius:50px;display:flex;height:30px;justify-content:center;position:absolute;right:20px;top:20px;width:30px}#sec5popup .popup__wrap .close>div{background-image:url(/static/media/close.27e8e13c906c14d3d582.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:20px;width:20px}#sec5popup .popup__wrap .Link{align-items:center;display:flex;gap:15px;justify-content:flex-end}#sec5popup .popup__wrap .code,#sec5popup .popup__wrap .view{background-color:#282c34;border-radius:30px;color:var(--white);font-family:GmarketSans;font-weight:600;margin-top:15px;padding:7px 15px;text-transform:uppercase;transition:all .3s}#sec5popup .popup__wrap .code:hover,#sec5popup .popup__wrap .view:hover{background-color:#ffa0a0}#sec5popup .popup__wrap .right::-webkit-scrollbar{width:10px}#sec5popup .popup__wrap .right::-webkit-scrollbar-thumb{background-color:#636363;border-radius:10px}#sec5popup .popup__wrap .right::-webkit-scrollbar-track{background-color:#0000}@media (max-width:1200px){#sec5popup .popup__wrap .left{width:35%}#sec5popup .popup__wrap .right{width:65%}}@media (max-width:800px){#sec5popup .popup__wrap{flex-direction:column}#sec5popup .popup__wrap .left{height:50%;width:100%}#sec5popup .popup__wrap .right{padding:20px;width:100%}}#sec6popup{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000051;display:flex;display:none;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%}#sec6popup .popup__wrap{background-color:#fff;border-radius:20px;display:flex;height:80vh;max-width:1800px;overflow:hidden;width:80%}#sec6popup .popup__wrap .left{background-image:url(/static/media/php_mockup.a2ed67e00e4abea944b7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:50%}#sec6popup .popup__wrap .right{background-color:#fff;height:100%;overflow-y:auto;padding:40px;width:50%}#sec6popup .popup__wrap .right h2{font-family:blueroad;margin-bottom:20px}#sec6popup .popup__wrap .right h3{font-family:blueroad;margin-bottom:5px}#sec6popup .popup__wrap .right p{font-family:blueroad;line-height:1.6;margin-bottom:20px}#sec6popup .popup__wrap .close{align-items:center;border-radius:50px;display:flex;height:30px;justify-content:center;position:absolute;right:20px;top:20px;width:30px}#sec6popup .popup__wrap .close>div{background-image:url(/static/media/close.27e8e13c906c14d3d582.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:20px;width:20px}#sec6popup .popup__wrap .Link{align-items:center;display:flex;gap:16px;justify-content:flex-end}#sec6popup .popup__wrap .code,#sec6popup .popup__wrap .view{background-color:#282c34;border-radius:30px;color:var(--white);font-family:GmarketSans;font-weight:600;margin-top:15px;padding:7px 15px;text-transform:uppercase;transition:all .3s}#sec6popup .popup__wrap .code:hover,#sec6popup .popup__wrap .view:hover{background-color:#ffa0a0}#sec6popup .popup__wrap .right::-webkit-scrollbar{width:10px}#sec6popup .popup__wrap .right::-webkit-scrollbar-thumb{background-color:#636363;border-radius:10px}#sec6popup .popup__wrap .right::-webkit-scrollbar-track{background-color:#0000}@media (max-width:1200px){#sec6popup .popup__wrap .left{width:35%}#sec6popup .popup__wrap .right{width:65%}}@media (max-width:800px){#sec6popup .popup__wrap{flex-direction:column}#sec6popup .popup__wrap .left{height:50%;width:100%}#sec6popup .popup__wrap .right{padding:20px;width:100%}}#sec7popup{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000051;display:flex;display:none;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%}#sec7popup .popup__wrap{background-color:#fff;border-radius:20px;display:flex;height:80vh;max-width:1800px;overflow:hidden;width:80%}#sec7popup .popup__wrap .left{background-image:url(/static/media/promptopiaMockup.d79b88e3b52a28bf6f6e.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:50%}#sec7popup .popup__wrap .right{background-color:#fff;height:100%;overflow-y:auto;padding:40px;width:50%}#sec7popup .popup__wrap .right h2{font-family:blueroad;margin-bottom:20px}#sec7popup .popup__wrap .right h3{font-family:blueroad;margin-bottom:5px}#sec7popup .popup__wrap .right p{font-family:blueroad;line-height:1.6;margin-bottom:20px}#sec7popup .popup__wrap .close{align-items:center;border-radius:50px;display:flex;height:30px;justify-content:center;position:absolute;right:20px;top:20px;width:30px}#sec7popup .popup__wrap .close>div{background-image:url(/static/media/close.27e8e13c906c14d3d582.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:20px;width:20px}#sec7popup .popup__wrap .Link{align-items:center;display:flex;gap:15px;justify-content:flex-end}#sec7popup .popup__wrap .code,#sec7popup .popup__wrap .view{background-color:#282c34;border-radius:30px;color:var(--white);font-family:GmarketSans;font-weight:600;margin-top:15px;padding:7px 15px;text-transform:uppercase;transition:all .3s}#sec7popup .popup__wrap .code:hover,#sec7popup .popup__wrap .view:hover{background-color:#ffa0a0}#sec7popup .popup__wrap .right::-webkit-scrollbar{width:10px}#sec7popup .popup__wrap .right::-webkit-scrollbar-thumb{background-color:#636363;border-radius:10px}#sec7popup .popup__wrap .right::-webkit-scrollbar-track{background-color:#0000}@media (max-width:1200px){#sec7popup .popup__wrap .left{width:35%}#sec7popup .popup__wrap .right{width:65%}}@media (max-width:800px){#sec7popup .popup__wrap{flex-direction:column}#sec7popup .popup__wrap .left{height:50%;width:100%}#sec7popup .popup__wrap .right{padding:20px;width:100%}}
/*# sourceMappingURL=main.e6607ea4.css.map*/