@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);@import url("https://fonts.googleapis.com/css2?family=Rozha+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap");body,html{margin:0}li,ol,ul{list-style-type:none;margin:0;padding:0}figure,h1,h2,h3,h4,p{margin:0}img{vertical-align:top}a{text-decoration:none}button{cursor:pointer}video{font-size:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;font-family:Spoqa Han Sans Neo,sans-serif;font-size:18px;font-weight:400}.mail div>a p b,.menu>div span a,.start figcaption,footer a article h2{font-family:Rozha One,serif;font-weight:400}.contit h2,.detail .left small,.submit form ul li button,footer a article small{font-family:Montserrat,sans-serif;font-weight:600}.start{height:100vh;opacity:0;position:relative;text-align:center;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:1s;transition:1s;width:100%}.start p{height:95vh;margin:0 auto;overflow-y:hidden;padding-top:12vh;-webkit-transition:.5s;transition:.5s;width:80%}.start p.active{padding-top:0;width:100%}.start p img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.start figcaption{-webkit-text-stroke:2px #fff;color:transparent;cursor:default;font-size:80px;font-weight:400;left:50%;line-height:1;position:absolute;text-shadow:5px 5px 10px rgba(0,0,0,.5);top:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:.5s;transition:.5s;white-space:pre-line}.start figcaption:hover{-webkit-text-stroke:none;color:#fff;opacity:.8}.detail{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 200px;width:70%}.detail,.detail .left{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex}.detail .left{-webkit-box-pack:start;-ms-flex-pack:start;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;width:50%}.detail .left h2{font-size:35px;font-weight:500}.detail .left small{color:#aaa;margin-left:20px}.detail .left ul{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start;padding-top:20px;width:100%}.detail .left ul li{font-size:16px;font-weight:300;line-height:1.7;white-space:pre-line}.detail .left ul li:first-of-type{color:#aaa;padding-right:50px;white-space:pre-line}.detail .left ul li:nth-of-type(2) b{color:#333;font-size:16px;font-weight:300}.detail .right{height:200px;white-space:pre-line}.detail .right div:first-of-type{font-size:16px;font-weight:300;line-height:1.7}.detail .right div:first-of-type b{color:#333;font-size:16px;font-weight:300}.detail .right div:nth-of-type(2){-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start;text-align:center}.detail .right div:nth-of-type(2) a{border-radius:40px;font-size:15px;font-weight:300;margin-right:30px;padding:12px 0;-webkit-transition:.5s;transition:.5s;width:200px}.detail .right div:nth-of-type(2) a:hover{-webkit-box-shadow:3px 5px 10px rgba(0,0,0,.2);box-shadow:3px 5px 10px rgba(0,0,0,.2);-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.detail .right div:nth-of-type(2) a:first-of-type{background:#333;color:#fff}.detail .right div:nth-of-type(2) a:nth-of-type(2){border:1px solid #333}.detail .right div:nth-of-type(2) a:nth-of-type(2):hover{border:1px solid #333;color:#333}.contit{white-space:inherit;width:30%}.contit h2{font-size:24px;font-weight:600}.contit p{font-size:15px;font-weight:300;line-height:1.7}.contit p b{color:#333;font-size:15px;font-weight:500;position:relative}.contit h2,.contit p{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:.5s;transition:.5s}.contit p{-webkit-transition-delay:.3s;transition-delay:.3s}body{-ms-overflow-style:none;position:relative;width:100%}body::-webkit-scrollbar{display:none}header{height:130px;position:fixed;width:100%;z-index:30}.ttop{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:130px;justify-content:space-between;margin:0 auto;width:90%}.burger{cursor:pointer;width:30px;z-index:30}.burger.active:hover span:first-of-type,.burger.active span:first-of-type{background-color:#737373;-webkit-transform:rotate(-45deg) translateY(2px);transform:rotate(-45deg) translateY(2px);width:100%}.burger.active:hover span:nth-of-type(2),.burger.active span:nth-of-type(2){display:none}.burger.active:hover span:nth-of-type(3),.burger.active span:nth-of-type(3){background-color:#737373;-webkit-transform:rotate(45deg) translateY(-2px);transform:rotate(45deg) translateY(-2px);width:100%}.burger.black span{background-color:#fff}.burger:hover span:first-of-type{width:51%}.burger:hover span:nth-of-type(2){width:90%}.burger:hover span:nth-of-type(3){width:30%}.burger span{background-color:#111;display:block;height:3px;-webkit-transition:.5s;transition:.5s;width:93%}.burger>span:nth-of-type(2){margin:7px 0;width:49%}.burger>span:nth-of-type(3){width:70%}.logo{background-image:url(../img/logo1.png);display:block;height:58px;margin-top:10px;width:45px}.logo,.logo.black{background-position:top;background-repeat:no-repeat;background-size:cover}.logo.black{background-image:url(../img/logo2.png)}.menu{background:#111;height:100vh;left:-100%;-webkit-transition:.5s;transition:.5s;width:60%;z-index:29}.menu,.menu.active{position:absolute;top:0}.menu.active{left:0}.menu>div{margin:0 auto;padding:150px 0 80px;width:80%}.menu>div span{height:110px;margin:25px 0;overflow:hidden;width:50%}.menu>div span,.menu>div span a{display:block;-webkit-transition:.5s;transition:.5s}.menu>div span a{color:#fff;font-size:80px}.menu>div span a:nth-of-type(2){color:#1a73e8}.menu ul{margin-left:10%;max-width:500px;min-width:400px;width:70%}.menu ul:before{border-top:2px solid #1a73e8;content:"";display:block;margin-bottom:40px;width:100%}.menu ul li:first-of-type{display:-webkit-box;display:-ms-flexbox;display:flex}.menu ul li:first-of-type>div{margin-bottom:35px}.menu ul li:first-of-type>div span{color:#676767;display:block;font-size:15px;font-weight:600;margin-bottom:5px}.menu ul li:first-of-type>div p{color:#fff;font-size:15px;font-weight:400}.menu ul li:first-of-type>div:first-of-type{margin-right:66px}.menu ul li:nth-of-type(2){-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start}.menu ul li:nth-of-type(2) a{display:block;height:22px;margin-right:22px;width:22px}.menu ul li:nth-of-type(2) a:first-of-type{background-image:url(../img/icon_mail1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}.menu ul li:nth-of-type(2) a:first-of-type:hover{background-image:url(../img/icon_mail2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.menu ul li:nth-of-type(2) a:nth-of-type(2){background-image:url(../img/icon_git1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}.menu ul li:nth-of-type(2) a:nth-of-type(2):hover{background-image:url(../img/icon_git2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.menu ul li:nth-of-type(2) a:nth-of-type(3){background-image:url(../img/icon_kakao1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}.menu ul li:nth-of-type(2) a:nth-of-type(3):hover{background-image:url(../img/icon_kakao2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.menu ul li:nth-of-type(2) a:nth-of-type(4){background-image:url(../img/icon_insta1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}.menu ul li:nth-of-type(2) a:nth-of-type(4):hover{background-image:url(../img/icon_insta2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.mail{height:auto;position:fixed;right:5%;top:140px;z-index:25}.mail div,.mail div>a{cursor:pointer}.mail div>a{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-start;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.mail div>a p{font-size:14px;font-weight:400;letter-spacing:3px;-webkit-transition:.5s;transition:.5s}.mail div>a p b{color:#1a73e8;font-size:19px;font-weight:500}.mail div>a figure{background-image:url(../img/icon_contact1.png);background-position:top;background-repeat:no-repeat;background-size:cover;display:block;height:18px;margin:10px 4px 0 0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:.5s;transition:.5s;width:18px}.mail div:hover a p{color:#1a73e8}.mail div:hover>a figure{background-image:url(../img/icon_mail2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.mail.black div{opacity:.5;-webkit-transition:.5s;transition:.5s}.mail.black div a p{color:#fff}.mail.black div a figure{background-image:url(../img/icon_contact2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.mail.black div:hover{opacity:1}.mail.black div:hover a figure{background-image:url(../img/icon_mail2.png);background-position:top;background-repeat:no-repeat;background-size:cover}::-moz-selection{background:#111;color:#1a73e8}::selection{background:#111;color:#1a73e8}@media (max-width:1280px){.menu{width:70%}}@media (max-width:1024px){.menu{height:100vh;width:100%}.menu>div{padding:13vh 0 7vh}.menu>div span{height:auto;overflow:visible}.menu>div span a{font-size:90px}.menu>div span a:nth-of-type(2){display:none}.menu ul{max-width:none;min-width:none;width:70%}.menu ul li:first-of-type{display:-webkit-box;display:-ms-flexbox;display:flex}.menu ul li:first-of-type>div span{font-size:18px;font-weight:600}.menu ul li:first-of-type>div p{color:#fff;font-size:18px;font-weight:400}.menu ul li:first-of-type>div:first-of-type{margin-right:10%}.menu ul li:nth-of-type(2){-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start}.menu ul li:nth-of-type(2) a{height:25px;margin-right:5%;width:25px}}@media (max-width:700px){.menu{height:100vh;width:100%}.menu>div{padding:14vh 0 10vh}.menu>div span{margin:1.5vh 0}.menu>div span a{font-size:2.5em}.menu>div span a:nth-of-type(2){display:none}.menu ul{max-width:none;min-width:none;width:100%}.menu ul:before{width:65%}.menu ul li:first-of-type{display:inherit}.menu ul li:first-of-type>div{margin-bottom:25px}.menu ul li:first-of-type>div span{font-size:10px;font-weight:600}.menu ul li:first-of-type>div p{font-size:10px;font-weight:400}.menu ul li:first-of-type>div:first-of-type{margin-bottom:15px;margin-right:0}.menu ul li:nth-of-type(2) a{height:15px;margin-right:3%;width:15px}.ttop{height:80px;width:85%}.burger{width:22px}.burger.active:hover span:first-of-type,.burger.active span:first-of-type{-webkit-transform:rotate(-45deg) translateY(1px);transform:rotate(-45deg) translateY(1px)}.burger.active:hover span:nth-of-type(3),.burger.active span:nth-of-type(3){-webkit-transform:rotate(45deg) translateY(-1px);transform:rotate(45deg) translateY(-1px)}.burger span{display:block;height:2px;width:93%}.burger>span:nth-of-type(2){margin:4px 0;width:49%}.logo{background-image:url(../img/logo1.png);background-position:top;background-position:top top;background-repeat:no-repeat;background-size:cover;display:block;height:27px;margin-top:0;width:19px}.mail{height:auto;position:fixed;right:5%;top:85px;z-index:20}.mail div>a{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-start;cursor:pointer;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.mail div>a p{font-size:9px;font-weight:400;letter-spacing:2px}.mail div>a p b{font-size:12px;font-weight:500}.mail div>a figure{height:12px;margin:5px 2px 0 0;width:12px}}@-webkit-keyframes opaci{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}to{opacity:1}}@keyframes opaci{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}to{opacity:1}}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(3px);transform:translateY(3px)}20%{-webkit-transform:translateY(6px);transform:translateY(6px)}30%{-webkit-transform:translateY(9px);transform:translateY(9px)}40%{-webkit-transform:translateY(12px);transform:translateY(12px)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}60%{-webkit-transform:translateY(18px);transform:translateY(18px)}70%{-webkit-transform:translateY(21px);transform:translateY(21px)}80%{-webkit-transform:translateY(24px);transform:translateY(24px)}90%{-webkit-transform:translateY(27px);transform:translateY(27px)}to{-webkit-transform:translateY(30px);transform:translateY(30px)}}@keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(3px);transform:translateY(3px)}20%{-webkit-transform:translateY(6px);transform:translateY(6px)}30%{-webkit-transform:translateY(9px);transform:translateY(9px)}40%{-webkit-transform:translateY(12px);transform:translateY(12px)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}60%{-webkit-transform:translateY(18px);transform:translateY(18px)}70%{-webkit-transform:translateY(21px);transform:translateY(21px)}80%{-webkit-transform:translateY(24px);transform:translateY(24px)}90%{-webkit-transform:translateY(27px);transform:translateY(27px)}to{-webkit-transform:translateY(30px);transform:translateY(30px)}}@-webkit-keyframes load{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes load{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}body{overflow:hidden;-webkit-transition:background-color .5s linear;transition:background-color .5s linear}.contact{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;justify-content:space-between;margin:0 auto;position:relative;width:75%}.contact .come h2{font-size:70px;font-weight:200;line-height:1.5;white-space:pre-line}.contact .come h2 b{font-size:70px;font-weight:400}.contact .come div{font-size:24px;font-weight:300;line-height:1.5;padding-top:30px;white-space:pre-line}.contact .come div b{font-size:24px;font-weight:500}.contact .five{padding-top:320px}.contact .five a{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:7px 0;-webkit-transition:.5s;transition:.5s}.contact .five a:hover div{color:#1a73e8}.contact .five a div{color:#777;font-size:16px;font-weight:400;width:220px}.contact .five a p{height:25px;-webkit-transition:.5s;transition:.5s;width:25px}.contact .five a:first-of-type p{background-image:url(../img/icon_mail1.png)}.contact .five a:first-of-type p,.contact .five a:nth-of-type(2) p{background-position:top;background-repeat:no-repeat;background-size:cover}.contact .five a:nth-of-type(2) p{background-image:url(../img/icon_phone1.png)}.contact .five a:nth-of-type(3) p{background-image:url(../img/icon_git1.png)}.contact .five a:nth-of-type(3) p,.contact .five a:nth-of-type(4) p{background-position:top;background-repeat:no-repeat;background-size:cover}.contact .five a:nth-of-type(4) p{background-image:url(../img/icon_kakao1.png)}.contact .five a:nth-of-type(5) p{background-image:url(../img/icon_insta1.png)}.contact .five a:first-of-type:hover p,.contact .five a:nth-of-type(5) p{background-position:top;background-repeat:no-repeat;background-size:cover}.contact .five a:first-of-type:hover p{background-image:url(../img/icon_mail2.png)}.contact .five a:nth-of-type(2):hover p{background-image:url(../img/icon_phone2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.contact .five a:nth-of-type(3):hover p{background-image:url(../img/icon_git2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.contact .five a:nth-of-type(4):hover p{background-image:url(../img/icon_kakao2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.contact .five a:nth-of-type(5):hover p{background-image:url(../img/icon_insta2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.contact .scroll-prompt{height:100px;top:90vh;width:160px}.contact .scroll-prompt,.contact .scroll-prompt .scroll-prompt-arrow-container{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.contact .scroll-prompt .scroll-prompt-arrow-container{-webkit-animation:bounce 1.5s infinite;animation:bounce 1.5s infinite;top:0}.contact .scroll-prompt .scroll-prompt-arrow{-webkit-animation:opaci 1.5s infinite;animation:opaci 1.5s infinite}.contact .scroll-prompt .scroll-prompt-arrow:last-child{animation-direction:reverse;margin-top:-15px}.contact .scroll-prompt .scroll-prompt-arrow>div{border-bottom:2px solid #bebebe;border-right:2px solid #bebebe;height:30px;-webkit-transform:rotate(45deg) translateZ(1px);transform:rotate(45deg) translateZ(1px);width:30px}.submit{height:100vh;width:100%}.submit div{-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;justify-content:space-between;margin:0 auto;width:75%}.submit div article{height:100vh;padding-top:130px;width:40%}.submit div article h2{color:#fff;font-size:50px;font-weight:200;line-height:1.5;white-space:pre-line}.submit div article h2 b{color:#1a73e8;font-size:50px;font-weight:400}.submit div article p{color:#c8c8c8;font-size:19px;font-weight:300;padding-top:20px;white-space:pre-line}.submit div article p b{color:#1a73e8;font-size:19px;font-weight:300}.submit form{padding-bottom:50px;position:relative;width:50%}.submit form ul li{margin:10px 0}.submit form ul li input{background:none;border:none;border-bottom:2px solid #313131;color:#fff;font-size:16px;font-weight:300;padding:15px 20px;width:100%}.submit form ul li input::-webkit-input-placeholder{color:#aaa;font-size:16px;font-weight:300}.submit form ul li input:-ms-input-placeholder{color:#aaa;font-size:16px;font-weight:300}.submit form ul li input::-ms-input-placeholder{color:#aaa;font-size:16px;font-weight:300}.submit form ul li input::placeholder{color:#aaa;font-size:16px;font-weight:300}.submit form ul li input:focus{border-bottom:2px solid #1a73e8;outline:none}.submit form ul li textarea{background:none;border:2px solid #313131;color:#fff;font-size:16px;font-weight:300;height:180px;margin:20px 0 10px;padding:20px;resize:none;width:100%}.submit form ul li textarea::-webkit-input-placeholder{color:#aaa;font-size:16px;font-weight:300}.submit form ul li textarea:-ms-input-placeholder{color:#aaa;font-size:16px;font-weight:300}.submit form ul li textarea::-ms-input-placeholder{color:#aaa;font-size:16px;font-weight:300}.submit form ul li textarea::placeholder{color:#aaa;font-size:16px;font-weight:300}.submit form ul li textarea:focus{border:2px solid #1a73e8;outline:none}.submit form ul li button{background-color:#1a73e8;border:none;color:#fff;font-size:15px;font-weight:500;padding:10px 0;-webkit-transition:.5s;transition:.5s;width:100%}.submit form ul li button:hover{background-color:#0a57bb}.submit form .thankyou_message{display:none}footer{height:400px;height:200px}footer,footer a{background-attachment:fixed;position:relative;width:100%}footer a{background-image:url(../img/pizza_main.jpg);background-position:top;background-position:bottom;background-repeat:no-repeat;background-size:cover;display:block;height:100%}footer a .spanBg{background-color:rgba(0,0,0,.8);display:block;height:100%;left:0;position:absolute;top:0;width:100%}footer a article{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}footer a article small{font-size:18px;font-weight:300}footer a article h2,footer a article small{color:#fff;text-shadow:5px 5px 10px rgba(0,0,0,.5)}footer a article h2{font-size:50px;font-weight:400;padding-bottom:20px}footer a article .timebar{background-color:hsla(0,0%,100%,.4);height:2px;margin:0 auto;min-width:300px;width:100%}footer a article .timebar span{background-color:#fff;display:block;height:100%;width:0}footer a article .timebar span.active{width:100%}footer>a{background-color:#000;background-image:none}footer>a article small{font-size:15px;font-weight:300;text-shadow:none}footer>a article h2{font-size:40px;font-weight:400;text-shadow:none}@media (max-width:1280px){.contact .come h2{font-size:50px;font-weight:200}.contact .come h2 b{font-size:50px;font-weight:400}.contact .come div{font-size:20px;font-weight:300}.contact .come div b{font-size:20px;font-weight:500}.submit div article h2{font-size:34px;font-weight:200}.submit div article h2 b{font-size:34px;font-weight:400}.submit div article p,.submit div article p b{font-size:17px;font-weight:300}}@media (max-width:1024px){body{overflow:visible}.contact{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center}.contact .come{width:90%}.contact .come h2{font-size:52px;font-weight:200}.contact .come h2 b{font-size:52px;font-weight:400}.contact .come div{font-size:20px;font-weight:300}.contact .come div b{font-size:20px;font-weight:500}.contact .five{padding-top:5vh;width:90%}.contact .five a{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start}.contact .five a div{-webkit-box-ordinal-group:3;-ms-flex-order:2;font-size:14px;font-weight:400;order:2;padding-left:20px;width:auto}.contact .five a p{-webkit-box-ordinal-group:2;-ms-flex-order:1;height:20px;order:1;width:20px}.contact .five a:first-of-type p{background-image:url(../img/icon_mail2.png)}.contact .five a:first-of-type p,.contact .five a:nth-of-type(2) p{background-position:top;background-repeat:no-repeat;background-size:cover}.contact .five a:nth-of-type(2) p{background-image:url(../img/icon_phone2.png)}.contact .five a:nth-of-type(3) p{background-image:url(../img/icon_git2.png)}.contact .five a:nth-of-type(3) p,.contact .five a:nth-of-type(4) p{background-position:top;background-repeat:no-repeat;background-size:cover}.contact .five a:nth-of-type(4) p{background-image:url(../img/icon_kakao2.png)}.contact .five a:nth-of-type(5) p{background-image:url(../img/icon_insta2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.submit{background-color:#111}.submit div{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;width:70%}.submit div article{height:40vh;padding-top:10vh;width:100%}.submit div article h2{font-size:45px;font-weight:200}.submit div article h2 b{font-size:45px;font-weight:400}.submit div article p{font-size:18px;font-weight:300}.submit div article p b{font-size:19px;font-weight:300}.submit form{padding-bottom:50px;width:100%}footer{height:150px}footer>a article{padding-top:10px}footer>a article small{font-size:10px;font-weight:300}footer>a article h2{font-size:25px;font-weight:400}footer>a article .timebar{display:none}}@media (max-width:700px){.contact .come{width:90%}.contact .come h2{font-size:23px;font-weight:200}.contact .come h2 b{font-size:23px;font-weight:400}.contact .come div{font-size:13px;font-weight:300}.contact .come div b{font-size:13px;font-weight:500}.contact .five{padding-top:5vh;width:90%}.contact .five a{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start;padding:4px 0}.contact .five a div{-webkit-box-ordinal-group:3;-ms-flex-order:2;font-size:10px;font-weight:400;order:2;padding-left:10px;width:auto}.contact .five a p{-webkit-box-ordinal-group:2;-ms-flex-order:1;height:10px;order:1;width:10px}.contact .five a:first-of-type p{background-image:url(../img/icon_mail2.png)}.contact .five a:first-of-type p,.contact .five a:nth-of-type(2) p{background-position:top;background-repeat:no-repeat;background-size:cover}.contact .five a:nth-of-type(2) p{background-image:url(../img/icon_phone2.png)}.contact .five a:nth-of-type(3) p{background-image:url(../img/icon_git2.png)}.contact .five a:nth-of-type(3) p,.contact .five a:nth-of-type(4) p{background-position:top;background-repeat:no-repeat;background-size:cover}.contact .five a:nth-of-type(4) p{background-image:url(../img/icon_kakao2.png)}.contact .five a:nth-of-type(5) p{background-image:url(../img/icon_insta2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.contact .scroll-prompt{height:80px;left:50%;position:absolute;top:90vh;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:150px}.contact .scroll-prompt .scroll-prompt-arrow>div{height:20px;width:20px}.submit div article{height:35vh;padding-top:10vh}.submit div article h2{font-size:23px;font-weight:200}.submit div article h2 b{font-size:23px;font-weight:400}.submit div article p,.submit div article p b{font-size:12px;font-weight:300}.submit form{padding-bottom:10px;width:100%}.submit form ul li{margin:5px 0}.submit form ul li input{font-size:12px;font-weight:300;padding:5px 10px}.submit form ul li input::-webkit-input-placeholder{color:#aaa;font-size:10px;font-weight:300}.submit form ul li input:-ms-input-placeholder{color:#aaa;font-size:10px;font-weight:300}.submit form ul li input::-ms-input-placeholder{color:#aaa;font-size:10px;font-weight:300}.submit form ul li input::placeholder{color:#aaa;font-size:10px;font-weight:300}.submit form ul li input:focus{border-bottom:2px solid #1a73e8;outline:none}.submit form ul li textarea{background:none;color:#fff;font-size:10px;font-weight:300;height:20vh;margin:3vh 0 10px;padding:10px;resize:none;width:100%}.submit form ul li textarea::-webkit-input-placeholder{font-size:10px;font-weight:300}.submit form ul li textarea:-ms-input-placeholder{font-size:10px;font-weight:300}.submit form ul li textarea::-ms-input-placeholder{font-size:10px;font-weight:300}.submit form ul li textarea::placeholder{font-size:10px;font-weight:300}.submit form ul li button{font-size:10px;font-weight:500;padding:5px 0}footer{height:80px}footer>a article{padding-top:10px}footer>a article h2{font-size:20px;font-weight:400}}