*{margin:0;padding:0;-webkit-user-select:none;user-select:none;box-sizing:border-box}img{max-width:100%;height:auto;vertical-align:middle}html,body{width:100%;height:100%;position:relative}body{font-family:Noto Sans KR,sans-serif;font-size:16px;color:#333}ul,li{list-style-type:none}input,select,textarea,button{font-family:Noto Sans KR,sans-serif;background:none;padding:0;outline:none;border:none;display:inline-block;border-radius:0}textarea{resize:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}.page{display:flex;align-items:center;justify-content:center;width:100%;height:100%;vertical-align:middle}.container{max-width:480px;margin:0 auto;padding:20px}.logo{width:100%;text-align:center;margin-bottom:12px}.logo img{height:140px}.message{width:100%;text-align:center;font-size:19px;line-height:1.45;font-weight:500}.red-txt{color:#008ab0}.btn{height:48px;line-height:48px;text-transform:uppercase;vertical-align:middle;text-align:center;font-size:18px;color:#fff;background:#008ab0;border-radius:5px}.btn.page-btn{width:100%}.content-box{width:290px;margin:0 auto;position:relative;border-radius:8px}.content-box.shadow{box-shadow:0 6px 20px -2px #0003}.terms-container{width:320px;margin:0 auto}.terms-container h1{font-size:16px;margin-bottom:10px;text-align:center}.terms-content{padding:20px;text-align:left;background:#fff;border-radius:8px;box-shadow:0 6px 20px -2px #0003}.terms-content .desc{font-size:15px;line-height:1.25;margin-bottom:12px}.terms-content li{position:relative;margin-bottom:12px;font-size:15px;line-height:1.5}.terms-content li span{font-weight:600}.terms-content li b{text-decoration:underline}canvas#photo-canvas{width:100%;height:auto;vertical-align:middle;border-radius:8px 8px 0 0}.btn-group{display:flex;width:100%}.btn-group button:first-child{flex-grow:1;border-radius:0 0 0 8px}.btn-group button:last-child{width:48px;border-radius:0 0 8px;background:#222 url(https://hashsnap-static.s3.ap-northeast-2.amazonaws.com/file/qr-file/sync-white.svg) no-repeat center / 25px auto}#video-preview,#gif-preview{border-top-right-radius:8px;border-top-left-radius:8px}video{border-top-right-radius:8px;border-top-left-radius:8px}.post-container{box-shadow:0 5px 10px -5px #00000026}#post-content{width:100%;height:290px;object-fit:cover;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:3px 3px 0 0}.post-container input,.post-container textarea{width:100%;padding:12px 18px;font-size:15px;line-height:1.35;vertical-align:middle;border:1px solid #eee;background:#fff}.post-container textarea{text-align:left}.post-container input{border-bottom-color:transparent}.post-container input::placeholder,.post-container textarea::placeholder{color:#a3a3a3}.post-container input:focus,.post-container textarea:focus{border-color:#888}.post-caption{position:relative}.post-caption .placeholder{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;color:#a3a3a3;padding:12px 18px;font-size:15px;line-height:1.35;pointer-events:none;-webkit-user-select:none;user-select:none}.max-length{margin-top:6px;text-align:right;font-size:12px;color:#888}button#post-upload:disabled{opacity:.4;cursor:default}#post-upload{border-top-left-radius:0;border-top-right-radius:0}.popup{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#ffffffe6;z-index:999}#popup-lock-terms{overflow:auto;background:#000000bf}#popup-lock-terms .terms-container{width:90%;margin:0 auto;padding:30px 22px;background:#fff;box-shadow:0 6px 20px -2px #0003;border-radius:5px}#popup-lock-terms .terms-content{text-align:left;font-family:NanumSquareR;font-weight:400;font-size:.95rem;line-height:1.25rem}#popup-lock-terms .terms-content h3{margin-bottom:15px}#popup-lock-terms #popup-start-button{margin:25px auto}.popup .popup-inner{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.popup .popup-content{text-align:center;font-size:1.5rem;line-height:2rem;color:#000}.popup .popup-inner-auto{height:auto;padding:50px 0}.popup .icon{position:relative;width:92px;height:92px;margin-left:auto;margin-right:auto}.loader-spinner div{position:absolute;width:100%;height:100%;left:0;top:0}.loader-spinner div:before{content:"";display:block;width:15%;height:15%;margin:0 auto;background:#000;border-radius:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);animation:spinner 1.2s infinite ease-in-out both}.loader-spinner div:nth-child(2){transform:rotate(30deg);-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);-moz-transform:rotate(30deg);-o-transform:rotate(30deg)}.loader-spinner div:nth-child(2):before{animation-delay:-1.1s}.loader-spinner div:nth-child(3){transform:rotate(60deg);-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);-moz-transform:rotate(60deg);-o-transform:rotate(60deg)}.loader-spinner div:nth-child(3):before{animation-delay:-1s}.loader-spinner div:nth-child(4){transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg)}.loader-spinner div:nth-child(4):before{animation-delay:-.9s}.loader-spinner div:nth-child(5){transform:rotate(120deg);-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);-moz-transform:rotate(120deg);-o-transform:rotate(120deg)}.loader-spinner div:nth-child(5):before{animation-delay:-.8s}.loader-spinner div:nth-child(6){transform:rotate(150deg);-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);-moz-transform:rotate(150deg);-o-transform:rotate(150deg)}.loader-spinner div:nth-child(6):before{animation-delay:-.7s}.loader-spinner div:nth-child(7){transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg)}.loader-spinner div:nth-child(7):before{animation-delay:-.6s}.loader-spinner div:nth-child(8){transform:rotate(210deg);-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);-moz-transform:rotate(210deg);-o-transform:rotate(210deg)}.loader-spinner div:nth-child(8):before{animation-delay:-.5s}.loader-spinner div:nth-child(9){transform:rotate(240deg);-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);-moz-transform:rotate(240deg);-o-transform:rotate(240deg)}.loader-spinner div:nth-child(9):before{animation-delay:-.4s}.loader-spinner div:nth-child(10){transform:rotate(270deg);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg)}.loader-spinner div:nth-child(10):before{animation-delay:-.3s}.loader-spinner div:nth-child(11){transform:rotate(300deg);-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);-moz-transform:rotate(300deg);-o-transform:rotate(300deg)}.loader-spinner div:nth-child(11):before{animation-delay:-.2s}.loader-spinner div:nth-child(12){transform:rotate(330deg);-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);-moz-transform:rotate(330deg);-o-transform:rotate(330deg)}.loader-spinner div:nth-child(12):before{animation-delay:-.1s}@keyframes spinner{0%{transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0)}10%{transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}90%{transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0)}to{transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0)}}.error,.warning{border-radius:100%;margin-bottom:15px;animation:error .5s ease-in-out}.error{border:7px solid rgba(209,43,38,.5)}.warning{border:7px solid rgba(255,139,7,.5)}.error-mark,.warning-mark{display:block;position:absolute;left:0;top:0;width:100%;height:100%}.error-mark:before,.error-mark:after{content:"";display:block;width:60%;height:8px;position:absolute;left:50%;top:50%;margin-top:-4px;margin-left:-30%;background:#d12b26}.error-mark:before{animation:error-mark-left .5s both .3s}.error-mark:after{animation:error-mark-right .5s both .3s}.warning-text{font-size:19px}@keyframes error{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);-ms-transform:rotateX(100deg);-moz-transform:rotateX(100deg);-o-transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);-webkit-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-o-transform:rotateX(0deg);opacity:1}}@keyframes error-mark-left{0%{transform:rotate(0);opacity:0}to{transform:rotate(45deg);opacity:1}}@keyframes error-mark-right{0%{transform:rotate(0);opacity:0}to{transform:rotate(-45deg);opacity:1}}.warning-mark{animation:warning-mark .8s ease-in-out}.warning-mark:before,.warning-mark:after{content:"";display:block;position:absolute;left:50%;margin-left:-4px;background:#ffc107}.warning-mark:before{width:8px;height:50%;top:12px}.warning-mark:after{width:8px;height:8px;bottom:12px;border-radius:100%}@keyframes warning-mark{0%{transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);opacity:0}50%{transform:scale(2);-webkit-transform:scale(2);-ms-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);opacity:.5}to{transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);opacity:1}}