main{padding:0}.onboarding{padding:60px 20px 20px;background:#000}.video{position:relative;z-index:9;max-width:1400px;margin:0 auto;text-align:center}.video video{width:100%;height:auto;animation:scale2 5s forwards}.formArea{margin-top:180px;padding-bottom:100px;position:relative;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 1s ease}.formArea.active{opacity:1}.obWrap{display:flex;gap:16px;flex-direction:column;max-width:840px;width:100%}.obWrap:before{content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background:#00000095;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.formArea strong{display:none;font-size:20px;font-family:geom-graphic,pretendard,sans-serif;color:#fff;font-weight:400;text-transform:uppercase}.formArea ul{display:flex;gap:16px;flex-direction:column}.formArea ul>li{display:flex;flex-direction:column;gap:8px}.formArea input[type=text]{width:100%;background:none;height:30px;font-size:1.4rem;color:#fff;border:none;border-bottom:1px solid #fff;outline:0}.formArea input[type=text]::placeholder{color:#fff!important;opacity:1}.formArea textarea{padding:10px;font-size:1.4rem;color:#fff;width:100%;height:175px;background:#d9d9d920;border:1px solid #aaa}.formArea input[type=text]:focus,.formArea textarea{box-shadow:initial}.formArea .submit{width:100%;height:48px;font-size:1.8rem;font-family:geom-graphic,pretendard,sans-serif;font-weight:300;color:#fff;background:#343434;border:1px solid #aaa}.formArea .success{text-align:center;color:#fff;font-size:2.8rem;font-family:geom-graphic,pretendard,sans-serif;text-transform:uppercase}.resultMsg{display:flex;flex-direction:column;gap:5px}.formMsg{margin-top:0}.formMsg:empty{display:none}#typing-text{position:relative;z-index:10;line-height:1.3 align-items: center;color:#ccc;font-size:4.8rem;width:100%;font-weight:600;overflow:hidden;text-transform:uppercase}#typing-text span{font-family:geom-graphic,pretendard,sans-serif;color:#081af4;font-weight:500}@media (max-width: 768px){#typing-text{margin-top:30px;font-size:2.8rem}.onboarding{padding:60px 16px 20px;background:#000}.video video{animation:scale 5s forwards}.formArea{margin-top:100px}.formArea .success{font-size:1.4rem}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.blink{animation:blink 1s infinite}@keyframes scale2{0%{transform:scale(3)}50%{transform:scale(2)}75%{transform:scale(1)}to{transform:scale(1)}}@keyframes scale{0%{transform:scale(5)}50%{transform:scale(4)}75%{transform:scale(3)}to{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/onboarding.css.map */