body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Header{background-color:initial;height:100px;justify-content:center;padding:10px 0;position:fixed;transition:all .5s;z-index:99}.Header,.Header .gnb{align-items:center;display:flex;width:100%}.Header .gnb{flex-wrap:wrap;justify-content:flex-end}.Header .gnb li{margin:0 20px}.Header .gnb li a{color:#000;font-size:15px;font-weight:600}*{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}a{text-decoration:none}li,ol,ul{list-style:none}body{font-family:Pretendard-Regular;line-height:1}body::-webkit-scrollbar{display:none}img,video{vertical-align:top}@font-face{font-family:twaysky;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twaysky.woff) format("woff")}@font-face{font-family:Pretendard-Regular;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff")}.Main_container{height:4000px}.Main_container .Main_bg{background-image:url(/static/media/Main_img.f68f65d50b039af90fc0.png);background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:fixed;top:0;width:100%}.Main_container .Main_content{height:600px;left:50%;perspective:1000px;position:fixed;top:50%;transform:translate(-50%,-50%);width:1000px}.Main_container .Main_content .boxs{height:100%;left:0;opacity:1;position:absolute;top:0;transition:all .2s;width:100%;z-index:10}.Main_container .Main_content .boxs .title{font-family:twaysky;font-size:40px;padding:15px;width:100%}.Main_container .Main_content .boxs.on{opacity:0;z-index:11}.Main_container .Main_content .boxs:first-child{transform:translateZ(0);z-index:20}.Main_container .Main_content .boxs:nth-child(2){transform:translateZ(-1000px);z-index:19}.Main_container .Main_content .boxs:nth-child(3){transform:translateZ(-2000px);z-index:18}.Main_container .Main_content .boxs:nth-child(4){transform:translateZ(-3000px);z-index:17}.Main_container .Main_content .boxs.main{align-items:center;background-color:#000c;display:flex;justify-content:center;position:relative}.Main_container .Main_content .boxs.main:after{border:1px solid #4e4e4e;content:"";height:100%;position:absolute;transform:rotate(4deg);width:100%}.Main_container .Main_content .boxs.main h1{color:#fff;font-family:twaysky;font-size:150px;font-weight:600;letter-spacing:3px}.Main_container .Main_content .boxs.main h1 span{color:#fff;text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc}.About{background-color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden}.About,.About:after{height:100%;width:100%}.About:after{border:1px solid #4e4e4e;content:"";position:absolute;transform:rotate(2deg);z-index:1}.About .About_menu{display:flex;justify-content:center;margin-top:30px;width:100%;z-index:2}.About .About_menu div{margin:10px;padding:10px}.About .About_menu div span{color:#fff;font-family:twaysky;font-size:50px;font-weight:600;text-shadow:-1px -1px 0 #979797,1px -1px 0 #979797,-1px 1px 0 #979797,1px 1px 0 #979797;transition:all .3s}.About .About_menu div p{font-family:Pretendard-Regular;font-size:25px;font-weight:600}.About .About_menu div ul{font-family:Pretendard-Regular;margin-top:10px}.About .About_menu div ul li{font-size:12px;letter-spacing:1px;margin-bottom:5px}.About .About_menu div ul li a{color:#000}.About .About_menu div ul li a:hover{color:#07f}.About .About_menu div:hover span{color:#000;font-family:twaysky;font-size:50px;font-weight:600;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.About .About_me{display:flex;font-size:14px;width:100%}.About .About_me .AboutMe_area{font-family:Pretendard-Regular;margin-left:30px;margin-top:30px;width:50%}.About .About_me .AboutMe_area ul{display:flex}.About .About_me .AboutMe_area ul li{font-size:25px;list-style:none}.About .About_me .AboutMe_area ul li span{font-weight:600;margin-right:10px}.About .About_me .AboutMe_area p{line-height:25px;margin-top:10px;width:500px}.About .About_me .AboutMe_skils{width:45%}.About .About_me .AboutMe_skils .satellites{animation:rotate-axis 10s linear infinite;display:flex;justify-content:center;transform-style:preserve-3d}@keyframes rotate-axis{0%{transform:perspective(800px) rotateY(0deg)}to{transform:perspective(800px) rotateY(1turn)}}.About .About_me .AboutMe_skils .satellites .satellite{color:#979797;font-family:twaysky;font-size:20px;position:absolute;transform:rotateY(calc(var(--i)*1deg)) translateZ(100px);transition:all .3s;width:200px}.About .About_me .AboutMe_skils .satellites .satellite:hover{color:#07f}.About .About_me .AboutMe_skils .satellites .satellite:first-child{transform:rotateY(0deg) translateZ(150px)}.About .About_me .AboutMe_skils .satellites .satellite:nth-child(2){transform:rotateY(100deg) translateZ(150px)}.About .About_me .AboutMe_skils .satellites .satellite:nth-child(3){transform:rotateY(200deg) translateZ(150px)}.About .About_me .AboutMe_skils .satellites .satellite:nth-child(4){transform:rotateY(300deg) translateZ(150px)}.About .About_me .AboutMe_skils .satellites.sub{margin-top:50px}.About .About_me .AboutMe_skils .AboutMe_list{display:flex;flex-wrap:wrap;justify-content:center;margin-top:100px}.About .About_me .AboutMe_skils .AboutMe_list div{margin-bottom:20px;width:100%}.About .About_me .AboutMe_skils .AboutMe_list div p{font-family:twaysky;font-size:25px;margin-right:30px}.About .About_me .AboutMe_skils .AboutMe_list div ul{margin-top:10px}.About .About_me .AboutMe_skils .AboutMe_list div ul li{font-family:Pretendard-Regular;margin:5px 0}.Work{background-color:#fff;overflow:hidden}.Work,.Work:after{height:100%;width:100%}.Work:after{background-color:#616161;border:1px solid #4e4e4e;content:"";position:absolute;top:0;transform:rotate(2deg);z-index:-10}.Work .work_plus{line-height:20px;margin-top:50px;text-align:center;width:100%}.Work .work_plus a{color:#444;display:block;margin-top:30px;transition:all .3s}.Work .work_plus a:hover{color:blue;transition:all .3s}.Work .Work_list{display:flex;flex-wrap:wrap;font-family:Pretendard-Regular}.Work .Work_list .Work_item{border:1px solid #ccc;border-radius:15px;box-sizing:border-box;cursor:pointer;height:190px;margin:5px 10px;overflow:hidden;position:relative;width:23%}.Work .Work_list .Work_item p{font-size:18px;font-weight:600;left:50%;letter-spacing:1px;opacity:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .3s;width:100%}.Work .Work_list .Work_item p span{font-size:12px}.Work .Work_list .Work_item:hover:before{background-color:#0009;content:"";height:100%;position:absolute;width:100%}.Work .Work_list .Work_item:hover p{color:#fff;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.Work .Work_list .Work_item:first-child{background:url(data:image/png;base64,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) no-repeat;background-size:cover}.Work .Work_list .Work_item:nth-child(2){background:url(/static/media/otua.817a97eb053b4eabcdf0.png) no-repeat;background-size:cover}.Work .Work_list .Work_item:nth-child(3){background:url(/static/media/raon.118cd200287283e88bc3.png) no-repeat;background-size:cover}.Work .Work_list .Work_item:nth-child(4){background:url(/static/media/otuastudy.ee02ac5ed2242fc03be3.png) no-repeat;background-size:cover}.Port{background-color:#fff;overflow:hidden}.Port,.Port:after{height:100%;width:100%}.Port:after{background-color:#616161;border:1px solid #4e4e4e;content:"";position:absolute;top:0;transform:rotate(2deg);z-index:-10}.Port .Port_list{display:flex;flex-wrap:wrap;font-family:Pretendard-Regular}.Port .Port_list .Port_item{border:1px solid #ccc;border-radius:15px;box-sizing:border-box;cursor:pointer;height:190px;margin:5px 10px;overflow:hidden;position:relative;width:23%}.Port .Port_list .Port_item p{font-size:18px;font-weight:600;left:50%;letter-spacing:1px;opacity:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .3s;width:100%}.Port .Port_list .Port_item p span{font-size:12px}.Port .Port_list .Port_item:hover:before{background-color:#0009;content:"";height:100%;position:absolute;width:100%}.Port .Port_list .Port_item:hover p{color:#fff;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.Port .Port_list .Port_item:first-child{background:url(/static/media/Main_img.f68f65d50b039af90fc0.png) no-repeat;background-size:cover}.Port .Port_list .Port_item:nth-child(2){background:url(/static/media/yeo.652e3c8177ed20c8990e.png) no-repeat;background-size:cover}.Port .Port_list .Port_item:nth-child(3){background:url(/static/media/todayhome.60e2dbe1e934885e3ef2.png) no-repeat;background-size:cover}.Port .Port_list .Port_item:nth-child(4){background:url(/static/media/cross.8698fa3dc1e69bce4e5d.png) no-repeat;background-size:cover}.Port .Port_list .Port_item:nth-child(5){background:url(/static/media/shco.77d0ab2fc03d7ccd22cb.png) no-repeat;background-size:cover}.Port .Port_list .Port_item:nth-child(6){background:url(/static/media/boknabi.979ff75124bedb56e5be.png) no-repeat;background-size:cover}.footer{background-color:#444;bottom:0;display:flex;font-family:Pretendard-Regular;justify-content:center;padding:5px 0;position:fixed;width:100%}.footer .footer_list{margin-top:1rem}.footer .footer_list .footer_ikon_list{display:flex;justify-content:center}.footer .footer_list .footer_ikon_list div{border-radius:2rem;cursor:pointer;display:inline-block;margin-left:1rem;padding:2px}.footer .footer_list .footer_ikon_list div img{height:3rem;width:3rem}.footer .footer_list p{color:#fff;font-size:14px;margin-top:1rem}.Contact{background-color:#fff;display:flex;flex-wrap:wrap;height:100%;justify-content:center;overflow:hidden;width:100%}.Contact:after{background-color:#616161;border:1px solid #4e4e4e;content:"";height:100%;position:absolute;top:0;transform:rotate(-2deg);width:100%;z-index:-10}.Contact .contact_cont{display:flex;padding:20px}.Contact .contact_cont .contact_me{line-height:20px;width:50%;word-break:keep-all}.Contact .contact_cont .contact_me .contact_link{align-items:center;display:flex;justify-content:center;margin-top:30px;width:100%}.Contact .contact_cont .contact_me .contact_link button{background-color:#fff;border:initial;cursor:pointer;width:50px}.Contact .contact_cont .contact_me .contact_link button img{width:100%}.Contact .contact_cont .contact_me .contact_link p{font-size:12px;margin-left:10px}.Contact .contact_cont .contact_img{width:50%}.Contact .contact_cont .contact_img img{position:relative;width:100%}.Contact .contact_cont .contact_img p{font-size:10px;text-align:center}.modal__wrap{align-items:flex-end;background-color:#00000080;display:flex;flex-flow:wrap;height:100%;justify-content:center;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .25s ease;width:100%;z-index:98}@media (min-width:48rem){.modal__wrap{align-items:center}}.modal__wrap.is-open{opacity:1;pointer-events:auto;transition:all .25s ease}.modal__wrap.is-open .modal__card{transform:translateZ(0);transition:all .5s cubic-bezier(.4,0,1,1)}@media (min-width:48rem){.modal__wrap.is-open .modal__card{transition:all .3s cubic-bezier(.4,0,1,1)}}.modal__wrap .modal__card{background:#fff;border-radius:4px;box-shadow:0 8px 24px 0 #00000026,0 0 1px 0 #00000029;display:block;font-family:Pretendard-Regular;height:400px;overflow-y:scroll;padding:20px;position:relative;transform:translate3d(0,100%,0);transition:all .5s cubic-bezier(0,0,.2,1)}@media (min-width:48rem){.modal__wrap .modal__card{transform:translate3d(0,-25%,0);transition:all .3s cubic-bezier(.4,0,.2,1)}}.modal__wrap .modal__card header{display:flex;min-width:750px}.modal__wrap .modal__card header div{width:100%}.modal__wrap .modal__card span{color:#979797;display:block;font-size:14px;font-weight:500;padding-top:10px}.modal__wrap .modal__card p{margin-top:5px}.modal__wrap .modal__card .prev_btn{border:1px solid #ccc;border-radius:5px;color:#444;cursor:pointer;font-weight:600;height:30px;line-height:30px;position:absolute;right:30px;text-align:center;top:20px;width:30px}.modal__wrap .modal__card img{height:600px;margin-top:10px;overflow-y:auto;width:100%}.modal__wrap .modal__card .Work_viewBtns{background-color:#fff;border:none;margin-top:50px;width:100%}.modal__wrap .modal__card .Work_viewBtns a{background-color:#fff;border:1px solid #000;color:#000;cursor:pointer;font-size:17px;padding:5px 40px;text-decoration:none;transition:all .3s}.modal__wrap .modal__card .Work_viewBtns a:hover{background-color:#000;color:#fff}@media screen and (max-width:2600px){.Main_container{height:4500px}.Main_container .Main_bg{background-image:url(/static/media/Main_img.f68f65d50b039af90fc0.png);background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:fixed;top:0;width:100%}.Main_container .Main_content{height:600px;left:50%;perspective:1000px;position:fixed;top:50%;transform:translate(-50%,-50%);width:1000px}.Main_container .Main_content .boxs{height:100%;left:0;opacity:1;position:absolute;top:0;transition:all .2s;width:100%;z-index:10}.Main_container .Main_content .boxs .title{font-family:twaysky;font-size:40px;padding:15px;width:100%}.Main_container .Main_content .boxs.on{opacity:0;z-index:11}.Main_container .Main_content .boxs:first-child{transform:translateZ(0);z-index:20}.Main_container .Main_content .boxs:nth-child(2){transform:translateZ(-1000px);z-index:19}.Main_container .Main_content .boxs:nth-child(3){transform:translateZ(-2000px);z-index:18}.Main_container .Main_content .boxs:nth-child(4){transform:translateZ(-3000px);z-index:17}.Main_container .Main_content .boxs.main{align-items:center;background-color:#000c;display:flex;justify-content:center;position:relative}.Main_container .Main_content .boxs.main:after{border:1px solid #4e4e4e;content:"";height:100%;position:absolute;transform:rotate(4deg);width:100%}.Main_container .Main_content .boxs.main h1{color:#fff;font-family:twaysky;font-size:150px;font-weight:600;letter-spacing:3px}.Main_container .Main_content .boxs.main h1 span{color:#fff;text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc}}@media screen and (max-width:1920px){.Main_container{height:4000px}.Main_container .Main_bg{background-image:url(/static/media/Main_img.f68f65d50b039af90fc0.png);background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:fixed;top:0;width:100%}.Main_container .Main_content{height:600px;left:50%;perspective:1000px;position:fixed;top:50%;transform:translate(-50%,-50%);width:1000px}.Main_container .Main_content .boxs{height:100%;left:0;opacity:1;position:absolute;top:0;transition:all .2s;width:100%;z-index:10}.Main_container .Main_content .boxs .title{font-family:twaysky;font-size:40px;padding:15px;width:100%}.Main_container .Main_content .boxs.on{opacity:0;z-index:11}.Main_container .Main_content .boxs:first-child{transform:translateZ(0);z-index:20}.Main_container .Main_content .boxs:nth-child(2){transform:translateZ(-1000px);z-index:19}.Main_container .Main_content .boxs:nth-child(3){transform:translateZ(-2000px);z-index:18}.Main_container .Main_content .boxs:nth-child(4){transform:translateZ(-3000px);z-index:17}.Main_container .Main_content .boxs.main{align-items:center;background-color:#000c;display:flex;justify-content:center;position:relative}.Main_container .Main_content .boxs.main:after{border:1px solid #4e4e4e;content:"";height:100%;position:absolute;transform:rotate(4deg);width:100%}.Main_container .Main_content .boxs.main h1{color:#fff;font-family:twaysky;font-size:150px;font-weight:600;letter-spacing:3px}.Main_container .Main_content .boxs.main h1 span{color:#fff;text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc}}@media screen and (max-width:1280px){.Main_container{height:3700px}.Main_container .Main_bg{background-image:url(/static/media/Main_img.f68f65d50b039af90fc0.png);background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:fixed;top:0;width:100%}.Main_container .Main_content{height:550px;left:50%;perspective:500px;position:fixed;top:50%;transform:translate(-50%,-50%);width:1000px}.Main_container .Main_content .boxs{height:100%;left:0;opacity:1;position:absolute;top:0;transition:all .2s;width:100%;z-index:10}.Main_container .Main_content .boxs .title{font-family:twaysky;font-size:40px;padding:15px;width:100%}.Main_container .Main_content .boxs.on{opacity:0;z-index:11}.Main_container .Main_content .boxs:first-child{transform:translateZ(0);z-index:20}.Main_container .Main_content .boxs:nth-child(2){transform:translateZ(-500px);z-index:19}.Main_container .Main_content .boxs:nth-child(3){transform:translateZ(-1000px);z-index:18}.Main_container .Main_content .boxs:nth-child(4){transform:translateZ(-1500px);z-index:17}.Main_container .Main_content .boxs.main{align-items:center;background-color:#000c;display:flex;justify-content:center;position:relative}.Main_container .Main_content .boxs.main:after{border:1px solid #4e4e4e;content:"";height:100%;position:absolute;transform:rotate(4deg);width:100%}.Main_container .Main_content .boxs.main h1{color:#fff;font-family:twaysky;font-size:150px;font-weight:600;letter-spacing:3px}.Main_container .Main_content .boxs.main h1 span{color:#fff;text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc}.About{background-color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden}.About,.About:after{height:100%;width:100%}.About:after{border:1px solid #4e4e4e;content:"";position:absolute;transform:rotate(2deg);z-index:1}.About .About_menu{display:flex;justify-content:center;margin-top:30px;width:100%;z-index:2}.About .About_menu div{margin:10px;padding:10px}.About .About_menu div span{color:#fff;font-family:twaysky;font-size:40px;font-weight:600;text-shadow:-1px -1px 0 #979797,1px -1px 0 #979797,-1px 1px 0 #979797,1px 1px 0 #979797;transition:all .3s}.About .About_menu div p{font-family:Pretendard-Regular;font-size:22px;font-weight:600}.About .About_menu div ul{font-family:Pretendard-Regular;margin-top:10px}.About .About_menu div ul li{font-size:12px;letter-spacing:1px;margin-bottom:5px}.About .About_menu div ul li a{color:#000}.About .About_menu div ul li a:hover{color:#07f}.About .About_menu div:hover span{color:#000;font-family:twaysky;font-size:40px;font-weight:600;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.About .About_me{display:flex;font-size:14px;width:100%}.About .About_me .AboutMe_area{margin-left:20px;margin-top:20px}.About .About_me .AboutMe_area ul li{font-size:20px}.About .About_me .AboutMe_area p{line-height:25px;margin-top:10px;width:500px}.About .About_me .AboutMe_skils{width:45%}.About .About_me .AboutMe_skils .satellites{animation:rotate-axis 10s linear infinite;display:flex;justify-content:center;transform-style:preserve-3d}@keyframes rotate-axis{0%{transform:perspective(800px) rotateY(0deg)}to{transform:perspective(800px) rotateY(1turn)}}.About .About_me .AboutMe_skils .satellites .satellite{font-size:18px;width:150px}.About .About_me .AboutMe_skils .AboutMe_list{display:flex;flex-wrap:wrap;justify-content:center;margin-top:100px}.About .About_me .AboutMe_skils .AboutMe_list div{margin-bottom:20px;width:100%}.About .About_me .AboutMe_skils .AboutMe_list div p{font-family:twaysky;font-size:25px;margin-right:30px}.About .About_me .AboutMe_skils .AboutMe_list div ul{margin-top:10px}.About .About_me .AboutMe_skils .AboutMe_list div ul li{font-family:Pretendard-Regular;margin:5px 0}.Port{background-color:#fff;overflow:hidden}.Port,.Port:after{height:100%;width:100%}.Port:after{background-color:#616161;border:1px solid #4e4e4e;content:"";position:absolute;top:0;transform:rotate(2deg);z-index:-10}.Port .Port_list{display:flex;flex-wrap:wrap;font-family:Pretendard-Regular}.Port .Port_list .Port_item{height:150px;width:18%}.Port .Port_list .Port_item p{font-size:15px}.Port .Port_list .Port_item p span{font-size:12px}.Work .Work_list .Work_item{height:150px;width:18%}.Work .Work_list .Work_item p{font-size:15px}.Work .Work_list .Work_item p span{font-size:12px}.footer{background-color:#444;bottom:0;display:flex;font-family:Pretendard-Regular;justify-content:center;padding:5px 0;position:fixed;width:100%}.footer .footer_list{margin-top:.5rem}.footer .footer_list .footer_ikon_list{display:flex;justify-content:center}.footer .footer_list .footer_ikon_list div{border-radius:2rem;cursor:pointer;display:inline-block;margin-left:1rem;padding:2px}.footer .footer_list .footer_ikon_list div img{height:3rem;width:3rem}.footer .footer_list p{color:#fff;font-size:14px;margin-top:1rem}}@media screen and (max-width:1024px){.Main_container{height:3500px}.Main_container .Main_content{height:400px;left:50%;perspective:500px;position:fixed;top:50%;transform:translate(-50%,-50%);width:900px}.Main_container .Main_content .boxs .title{font-family:twaysky;font-size:30px;padding:15px;width:100%}.Main_container .Main_content .boxs:first-child{transform:translateZ(0);z-index:20}.Main_container .Main_content .boxs:nth-child(2){transform:translateZ(-500px);z-index:19}.Main_container .Main_content .boxs:nth-child(3){transform:translateZ(-1000px);z-index:18}.Main_container .Main_content .boxs:nth-child(4){transform:translateZ(-1500px);z-index:17}.Main_container .Main_content .boxs.main:after{transform:rotate(2deg)}.Main_container .Main_content .boxs.main h1{font-size:70px}.Main_container .Main_content .boxs.main h1 span{color:#fff;text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc}.About .About_menu{display:flex;justify-content:center;margin-top:0;width:100%;z-index:2}.About .About_menu div{margin:5px;padding:5px;width:25%}.About .About_menu div span{font-family:twaysky;font-size:25px;font-weight:600}.About .About_menu div p{font-family:Pretendard-Regular;font-size:15px;font-weight:600}.About .About_menu div ul{font-family:Pretendard-Regular;margin-top:10px}.About .About_menu div ul li{font-size:10px;letter-spacing:1px;margin-bottom:5px}.About .About_menu div ul li a{color:#000}.About .About_menu div ul li a:hover{color:#07f}.About .About_me{display:flex;font-size:14px;width:100%}.About .About_me .AboutMe_area{margin-left:20px;margin-top:10px}.About .About_me .AboutMe_area ul li{font-size:18px}.About .About_me .AboutMe_area p{font-size:12px;line-height:20px;margin-top:10px;width:300px}.About .About_me .AboutMe_skils{width:35%}.About .About_me .AboutMe_skils .satellites{animation:rotate-axis 10s linear infinite;display:flex;justify-content:center;transform-style:preserve-3d}@keyframes rotate-axis{0%{transform:perspective(800px) rotateY(0deg)}to{transform:perspective(800px) rotateY(1turn)}}.About .About_me .AboutMe_skils .satellites .satellite{font-size:15px;width:130px}.About .About_me .AboutMe_skils .AboutMe_list{display:flex;flex-wrap:wrap;justify-content:center;margin-top:100px}.About .About_me .AboutMe_skils .AboutMe_list div{margin-bottom:20px;width:100%}.About .About_me .AboutMe_skils .AboutMe_list div p{font-family:twaysky;font-size:25px;margin-right:30px}.About .About_me .AboutMe_skils .AboutMe_list div ul{margin-top:10px}.About .About_me .AboutMe_skils .AboutMe_list div ul li{font-family:Pretendard-Regular;margin:5px 0}.Port{background-color:#fff;overflow:hidden}.Port,.Port:after{height:100%;width:100%}.Port:after{background-color:#616161;border:1px solid #4e4e4e;content:"";position:absolute;top:0;transform:rotate(2deg);z-index:-10}.Port .Port_list{display:flex;flex-wrap:wrap;font-family:Pretendard-Regular}.Port .Port_list .Port_item{height:120px;width:17%}.Port .Port_list .Port_item p{font-size:15px}.Port .Port_list .Port_item p span{font-size:12px}.Work .Work_list .Work_item{height:120px;width:17%}.Work .Work_list .Work_item p{font-size:15px}.Work .Work_list .Work_item p span{font-size:12px}.footer{background-color:#444;bottom:0;display:flex;font-family:Pretendard-Regular;justify-content:center;padding:5px 0;position:fixed;width:100%}.footer .footer_list{margin-top:.5rem}.footer .footer_list .footer_ikon_list{display:flex;justify-content:center}.footer .footer_list .footer_ikon_list div{border-radius:2rem;cursor:pointer;display:inline-block;margin-left:1rem;padding:2px}.footer .footer_list .footer_ikon_list div img{height:2rem;width:2rem}.footer .footer_list p{color:#fff;font-size:12px;margin-top:.5rem}}@media screen and (max-width:768px){.Main_container{height:3800px}.Main_container .Main_content{height:400px;left:50%;perspective:500px;position:fixed;top:50%;transform:translate(-50%,-50%);width:700px}.Main_container .Main_content .boxs .title{font-family:twaysky;font-size:30px;padding:15px;width:100%}.Main_container .Main_content .boxs:first-child{transform:translateZ(0);z-index:20}.Main_container .Main_content .boxs:nth-child(2){transform:translateZ(-500px);z-index:19}.Main_container .Main_content .boxs:nth-child(3){transform:translateZ(-1000px);z-index:18}.Main_container .Main_content .boxs:nth-child(4){transform:translateZ(-1500px);z-index:17}.Main_container .Main_content .boxs.main:after{transform:rotate(2deg)}.Main_container .Main_content .boxs.main h1{font-size:70px}.Main_container .Main_content .boxs.main h1 span{color:#fff;text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc}.About .About_menu{display:flex;justify-content:center;margin-top:0;width:100%;z-index:2}.About .About_menu div{margin:5px;padding:5px;width:25%}.About .About_menu div span{font-family:twaysky;font-size:25px;font-weight:600}.About .About_menu div p{font-family:Pretendard-Regular;font-size:15px;font-weight:600}.About .About_menu div ul{font-family:Pretendard-Regular;margin-top:10px}.About .About_menu div ul li{font-size:10px;letter-spacing:1px;margin-bottom:5px}.About .About_menu div ul li a{color:#000}.About .About_menu div ul li a:hover{color:#07f}.About .About_me{display:flex;font-size:14px;width:100%}.About .About_me .AboutMe_area{margin-left:20px;margin-top:10px}.About .About_me .AboutMe_area ul li{font-size:18px}.About .About_me .AboutMe_area p{font-size:12px;line-height:20px;margin-top:10px;width:300px}.About .About_me .AboutMe_skils{width:45%}.About .About_me .AboutMe_skils .satellites{animation:rotate-axis 10s linear infinite;display:flex;justify-content:center;transform-style:preserve-3d}@keyframes rotate-axis{0%{transform:perspective(800px) rotateY(0deg)}to{transform:perspective(800px) rotateY(1turn)}}.About .About_me .AboutMe_skils .satellites .satellite{color:#979797;font-family:twaysky;font-size:10px;position:absolute;transform:rotateY(calc(var(--i)*1deg)) translateZ(100px);transition:all .3s;width:200px}.About .About_me .AboutMe_skils .satellites .satellite:hover{color:#07f}.About .About_me .AboutMe_skils .satellites .satellite:first-child{transform:rotateY(0deg) translateZ(50px)}.About .About_me .AboutMe_skils .satellites .satellite:nth-child(2){transform:rotateY(100deg) translateZ(50px)}.About .About_me .AboutMe_skils .satellites .satellite:nth-child(3){transform:rotateY(200deg) translateZ(50px)}.About .About_me .AboutMe_skils .satellites .satellite:nth-child(4){transform:rotateY(300deg) translateZ(50px)}.About .About_me .AboutMe_skils .satellites.sub{margin-top:50px}.About .About_me .AboutMe_skils .AboutMe_list{display:flex;flex-wrap:wrap;justify-content:center;margin-top:100px}.About .About_me .AboutMe_skils .AboutMe_list div{margin-bottom:20px;width:100%}.About .About_me .AboutMe_skils .AboutMe_list div p{font-family:twaysky;font-size:25px;margin-right:30px}.About .About_me .AboutMe_skils .AboutMe_list div ul{margin-top:10px}.About .About_me .AboutMe_skils .AboutMe_list div ul li{font-family:Pretendard-Regular;margin:5px 0}.Port{background-color:#fff;overflow:hidden}.Port,.Port:after{height:100%;width:100%}.Port:after{background-color:#616161;border:1px solid #4e4e4e;content:"";position:absolute;top:0;transform:rotate(2deg);z-index:-10}.Port .Port_list{display:flex;flex-wrap:wrap;font-family:Pretendard-Regular}.Port .Port_list .Port_item{height:120px;width:17%}.Port .Port_list .Port_item p,.Port .Port_list .Port_item p span{font-size:12px}.Work .Work_list .Work_item{height:120px;width:17%}.Work .Work_list .Work_item p,.Work .Work_list .Work_item p span{font-size:12px}}@media screen and (max-width:414px){.Main_container{height:3800px}.Main_container .Main_content{height:500px;left:50%;perspective:600px;position:fixed;top:50%;transform:translate(-50%,-50%);width:380px}.Main_container .Main_content .boxs .title{font-family:twaysky;font-size:20px;padding:10px;width:100%}.Main_container .Main_content .boxs:first-child{transform:translateZ(0)}.Main_container .Main_content .boxs:nth-child(2){transform:translateZ(-500px)}.Main_container .Main_content .boxs:nth-child(3){transform:translateZ(-1000px)}.Main_container .Main_content .boxs:nth-child(4){transform:translateZ(-1500px)}.Main_container .Main_content .boxs.main:after{transform:rotate(2deg)}.Main_container .Main_content .boxs.main h1{font-size:40px}.Main_container .Main_content .boxs.main h1 span{color:#fff;text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc}.About .About_menu{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:0;width:100%;z-index:2}.About .About_menu div{margin:5px;padding:5px;width:40%;word-break:keep-all}.About .About_menu div span{font-family:twaysky;font-size:20px;font-weight:600}.About .About_menu div span:hover{font-size:20px}.About .About_menu div p{font-size:14px}.About .About_menu div ul{margin-top:5px}.About .About_menu div ul li{font-size:10px;letter-spacing:1px;margin-bottom:5px}.About .About_menu div ul li a{color:#000}.About .About_menu div ul li a:hover{color:#07f}.About .About_me{display:flex;font-size:14px;width:100%}.About .About_me .AboutMe_area{margin-left:20px;margin-top:10px}.About .About_me .AboutMe_area ul li{font-size:18px}.About .About_me .AboutMe_area p{font-size:12px;line-height:20px;margin-top:10px;width:300px}.About .About_me .AboutMe_skils{display:none}.Port{background-color:#fff;overflow:hidden}.Port,.Port:after{height:100%;width:100%}.Port:after{background-color:#616161;border:1px solid #4e4e4e;content:"";position:absolute;top:0;transform:rotate(2deg);z-index:-10}.Port .Port_list{display:flex;flex-wrap:wrap;font-family:Pretendard-Regular}.Port .Port_list .Port_item{height:120px;width:27%}.Port .Port_list .Port_item p,.Port .Port_list .Port_item p span{font-size:12px}.Work .Work_list .Work_item{height:120px;width:27%}.Work .Work_list .Work_item p,.Work .Work_list .Work_item p span{font-size:12px}}@media screen and (max-width:360px){.Main_container{height:3700px}.Main_container .Main_content{height:500px;left:50%;perspective:500px;position:fixed;top:50%;transform:translate(-50%,-50%);width:380px}.Main_container .Main_content .boxs .title{font-family:twaysky;font-size:20px;padding:10px 15px;width:100%}.Main_container .Main_content .boxs:first-child{transform:translateZ(0)}.Main_container .Main_content .boxs:nth-child(2){transform:translateZ(-500px)}.Main_container .Main_content .boxs:nth-child(3){transform:translateZ(-1000px)}.Main_container .Main_content .boxs:nth-child(4){transform:translateZ(-1500px)}.Main_container .Main_content .boxs.main:after{transform:rotate(2deg)}.Main_container .Main_content .boxs.main h1{font-size:40px}.Main_container .Main_content .boxs.main h1 span{color:#fff;text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc}}@media screen and (max-width:320px){.Main_container{height:3650px}.Main_container .Main_content{height:500px;left:50%;perspective:500px;position:fixed;top:50%;transform:translate(-50%,-50%);width:380px}.Main_container .Main_content .boxs .title{font-family:twaysky;font-size:20px;padding:10px 15px;width:100%}.Main_container .Main_content .boxs:first-child{transform:translateZ(0)}.Main_container .Main_content .boxs:nth-child(2){transform:translateZ(-500px)}.Main_container .Main_content .boxs:nth-child(3){transform:translateZ(-1000px)}.Main_container .Main_content .boxs:nth-child(4){transform:translateZ(-1500px)}.Main_container .Main_content .boxs.main:after{transform:rotate(2deg)}.Main_container .Main_content .boxs.main h1{font-size:40px}.Main_container .Main_content .boxs.main h1 span{color:#fff;text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc}}
/*# sourceMappingURL=main.be7ade2c.css.map*/