@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@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")}body{background:#0f0c29;background:linear-gradient(90deg,#24243e,#302b63,#0f0c29);box-sizing:border-box;font-family:Pretendard-Regular;margin:0;padding:10px}.App,body{align-items:center;display:flex;justify-content:center;min-height:100vh}.App{width:100%}.input_label{color:#8b8e98;font-size:12px;font-weight:600}.modal{background:#fff;border-radius:16px;box-shadow:0 187px 75px #00000003,0 105px 63px #0000000d,0 47px 47px #00000017,0 12px 26px #0000001a,0 0 0 #0000001a;box-sizing:border-box;max-width:450px;padding:20px;width:100%}.custom-container{align-items:center;display:flex;justify-content:flex-start;margin-bottom:20px}.image-circle{align-items:center;border:2px solid #000;border-radius:50%;display:flex;flex-shrink:0;height:75px;justify-content:center;margin-right:15px;width:75px}.image-circle img{border-radius:50%;max-height:80%;max-width:80%}.text{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.title{font-size:18px;font-weight:700}.subtitle{color:gray;font-size:14px}.juseok{color:gray;font-size:12px;text-align:center}.separator{align-items:center;display:flex;margin:10px 0}.error-message{color:red;font-family:Pretendard-Regular;font-size:14px;margin-top:5px;text-align:center}.line{background-color:#e8e8e8;border:0;display:inline-block;height:1px;width:100%}.separator p{display:block;font-size:12px;font-weight:600;margin:auto;text-align:center}.user-info{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.input_field{background-color:#f2f2f2;border:1px solid #e5e5e500;border-radius:9px;box-sizing:border-box;font-family:Pretendard-Regular;height:40px;outline:none;padding:0 16px;transition:all .3s cubic-bezier(.15,.83,.66,1);width:100%}.input_field:focus{background-color:initial;border:1px solid #0000;box-shadow:0 0 0 2px #242424}.checkout{background:#302b63;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Pretendard-Regular;font-size:16px;font-weight:500;height:50px;transition:all .3s ease;width:100%}.checkout:hover{background:#24243e}@media (max-width:480px){.modal{max-width:100%;padding:15px}.title{font-size:16px}.subtitle{font-size:12px}.image-circle{height:60px;width:60px}.input_field{font-size:14px;height:36px}.checkout{font-size:14px;height:44px}.input_label,.juseok{font-size:11px}}