@import"//fonts.googleapis.com/earlyaccess/jejumyeongjo.css";*{padding:0;margin:0;box-sizing:border-box;font-family:Jeju Myeongjo,sans-serif;background:#02191d;color:#fff}body{display:flex;justify-content:center}.form-container{width:604px;height:930px;background:#08252b;padding:24px;color:#fff;display:flex;flex-direction:column;gap:1.5rem;border-radius:24px}.error-message{color:red;font-size:14px;background:transparent}.fullname,.email-con,.about-con{display:flex;flex-direction:column;gap:24px;margin-bottom:10px;background:transparent}.form-container{width:604px;height:923px;background:#08252b;padding:24px;color:#fff;display:flex;flex-direction:column;gap:1.5rem;border-radius:24px}.form-container hr{width:556px;height:4px;background:#07373f;border:none}.upload-container{width:556px;height:344px;background:#052228;padding:24px;border-radius:24px;border:1px solid #07373F;display:flex;flex-direction:column;gap:1rem}.upload-container h1{font-size:16px;margin-top:10px;background:transparent}.image-container{width:508px;height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgb(#000,#0E464F,#FAFAFA)}.upload-box{width:240px;height:240px;padding:24px;border-radius:32px;display:flex;flex-direction:column;justify-content:center;text-align:center;background:#0e464f;cursor:pointer}.upload-placeholder,.upload-placeholder img,.upload-placeholder p{background:transparent}.file-input{display:none}.uploaded-image{width:100%;height:100%;object-fit:cover;border-radius:10px}.error-message{color:red;margin-top:10px;font-size:14px}.input-area{margin-top:20px;background:transparent}.fullname,.email-con,.about-con{display:flex;flex-direction:column;gap:24px;margin-bottom:20px;background:transparent}.fullname label,.email-con label,.about-con label{background:transparent}.fullname input,.email-con input,.about-con textarea{background:transparent;width:100%;height:48px;border-radius:12px;border:1px solid #07373F;padding:12px;outline:none;box-shadow:none;font-size:16px}.fullname input:focus,.email-con input:focus,.about-con textarea:focus{background-color:transparent;outline:none;color:#fff;border:2px solid #2096aa}.about-con textarea{height:100px}.btn-con{width:100%;height:48px;display:flex;justify-content:space-between;background:transparent;border:none}.btn-con button{width:270px;height:48px;padding:24px 12px;border-radius:8px;font-style:16px;cursor:pointer}.back{border-color:#24a0b5;color:#24a0b5;background:transparent}.get-btn{background:#24a0b5;color:#fff;border:none}#uploadError{margin-top:-35px;color:#ff6a6a;background:transparent}.upload{position:relative;margin-bottom:40px}small{padding-left:3px;color:#ff6a6a}@media (max-width: 768px){.form-container{width:100%;padding:16px}.form-container hr{width:100%}.upload-container{width:100%;padding:16px}.image-container{width:100%}.upload-box{width:200px;height:200px}.btn-con button{width:48%;padding:16px}}@media (max-width: 480px){.form-container{width:100%;padding:12px}.form-container hr{width:100%}.upload-container{width:100%;padding:12px}.image-container{width:100%}.upload-box{width:150px;height:150px}.btn-con{flex-direction:column;gap:10px}.btn-con button{width:100%;padding:10px}}.info-container{width:100%;max-width:604px;height:auto;background:#08252b;padding:24px;display:flex;flex-direction:column;gap:1rem;margin:0 auto;border-radius:10px}.ticket-info{width:100%;height:auto;text-align:center;padding:24px;margin-bottom:10px;border-radius:24px;background:linear-gradient(45deg,#07373f,#071e26)}.ticket-info h1{font-size:52px;font-weight:700;background:transparent;margin-bottom:20px}.ticket-info p{background:transparent;margin-bottom:10px}.date{margin-top:10px}.info-container hr{width:100%;height:4px;background:#07373f;border:none;margin-bottom:10px}.ticket-type{width:100%;height:auto;background:transparent}.ticket-type h3{margin-bottom:10px;background:transparent}.ticket-options{width:100%;height:auto;padding:16px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-around}.ticket{width:100%;max-width:222px;height:65px;padding:10px;cursor:pointer;background:transparent;border:2px solid #07373F;border-radius:12px;transition:.3s;text-align:center}.ticket.selected,.ticket:hover{background-color:#12464e;color:#fff}.ticket-price{width:80px;height:38px;padding:8px;text-align:right;background-color:#0e464f;border-radius:8px}.ticket-type{font-weight:700;text-align:left;font-size:13px;margin-right:10px}.ticket-left{margin-top:10px;text-align:left;margin-left:20px;display:block;background:transparent}.free{background:#0e464f;color:#fff;border:#2BA4B9}.selection-container{width:100%;max-width:556px;height:48px;background:transparent}.selection-container label{display:block;background:transparent;margin-bottom:10px}select{width:100%;height:48px;border-radius:12px;margin-bottom:10px;border:1px solid #07373F;padding:12px;outline:none;box-shadow:none}select:focus{outline:none;box-shadow:none;border-color:inherit}.decision-container{margin:20px 0;width:100%;max-width:556px;height:48px;background:#041e23;display:flex;justify-content:space-between;padding:0 48px;border-radius:24px}.decision-container button{width:100%;height:48px;padding:20px 12px;border-radius:8px;cursor:pointer}.cancel{border-color:#24a0b5;color:#24a0b5;background:transparent}.next{background:#24a0b5;color:#fff}.cancel:hover{background-color:#24a0b5;color:#041e23;border-color:#041e23;transition:background .3s ease-in-out}.next:hover{border-color:#24a0b5;color:#24a0b5;background:transparent;transition:background .3s ease-in-out}@media only screen and (max-width: 768px){.info-container{padding:16px}.ticket-info h1{font-size:36px}.ticket-info p{font-size:14px}.ticket{max-width:180px;height:55px;padding:8px}.ticket span{font-size:8px}.ticket-price{width:70px;height:30px;padding:6px}.ticket-type{font-size:12px}.ticket-left{margin-left:10px;font-size:12px}.decision-container{width:100%;padding:0 24px}.decision-container button{width:100%;margin:8px 0}}@media only screen and (max-width: 500px){.info-container{padding:12px}.ticket-info h1{font-size:28px}.ticket-info p{font-size:12px}.ticket{max-width:140px;height:45px;padding:6px}.ticket-options{display:flex;flex-direction:column;justify-content:center;align-items:center}.ticket-price{width:60px;height:25px;padding:4px}.ticket-type{font-size:10px}.decision-container{width:100%;padding:0 24px}.decision-container button{width:100%;margin:0 8px}}.ticket-container{width:100%;max-width:700px;height:auto;padding:48px;border-radius:40px;background-color:#041e23;display:flex;flex-direction:column;margin:20% auto 0;gap:10px}.grow{height:100%}.title-box{display:flex;justify-content:space-between;align-items:center;background:#041e23;margin-bottom:10px}.title-box h1{background-color:#041e23;font-size:24px;color:#fff}.step{font-size:20px;font-weight:700}.title-box p{background-color:#041e23;font-size:16px}.progress-bar{width:100%;height:5px;background:#2a3b3f;border-radius:5px;overflow:hidden;margin-bottom:20px}.progress{height:100%;width:33.5%;background:#3eb0ef;transition:width .5s ease-in-out}.two{width:66.5%}.three{width:100%}@media (max-width: 768px){.ticket-container{padding:24px;margin-top:20%}.title-box h1{font-size:20px}.title-box p{font-size:14px}}@media (max-width: 480px){.ticket-container{padding:16px;margin-top:30%}.title-box h1{font-size:18px}.title-box p{font-size:12px}}.ticketContainer{text-align:center;color:#fff;font-family:Arial,sans-serif;padding:20px;background:transparent}h2{font-size:24px;margin-bottom:5px;background:transparent}p{font-size:14px;margin-bottom:20px;background:transparent}.ticketWrapper{display:flex;justify-content:center;align-items:center;padding:20px}.ticketFile{background:linear-gradient(145deg,#0e3036,#0a3c45);padding:20px;border-radius:15px;border:2px solid #00f0ff;box-shadow:5px 5px 15px #00ffff4d;text-align:center;max-width:350px;width:100%}.eventTitle{font-size:22px;font-weight:700;margin-bottom:10px}.eventLocation,.event-date{font-size:14px;margin-bottom:5px}.ticketContent{display:flex;flex-direction:column;align-items:center;background:transparent}.ticketImage{width:120px;height:120px;background-color:#ddd;border-radius:10px;overflow:hidden;margin-bottom:15px}.ticket-image img{width:100%;height:100%;object-fit:cover}.ticketInfo{width:100%;font-size:14px;border-collapse:collapse;margin-bottom:15px}.ticketInfo td{padding:5px 10px;border:1px solid #00f0ff}.barcode-container{margin-top:10px;background:transparent}.barcode-container img{background:transparent}.decision-container button{width:214px;height:48px;padding:20px 12px;border-radius:8px;cursor:pointer}.btn_sec{border-color:#24a0b5;color:#24a0b5;background:transparent}.btn_primary{background:#24a0b5;color:#fff}.btn_sec:hover{background-color:#24a0b5;color:#041e23;border-color:#041e23;transition:background .3s ease-in-out}.btn_primary:hover{border-color:#24a0b5;color:#24a0b5;background:transparent;transition:background .3s ease-in-out}@media (max-width: 480px){.ticket{width:100%}.decision-container{width:100%;padding:0 24px}.decision-container button{width:100%;margin:0 8px}}header{height:76px;width:100%;max-width:1200px;background:transparent;padding:16px 12px;margin:20px auto;border-radius:24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:1px solid #197686;z-index:20;position:fixed;top:0;left:50%;transform:translate(-50%)}nav ul{display:flex;flex-direction:row;gap:20px}a{text-decoration:none;transition:color .3s ease,transform .2s ease}a:hover{color:#3eb0ef;transform:scale(1.1)}.isActive{color:#3eb0ef}li{list-style:none;color:#b3b3b3}header button{color:#0a0c11;background:#fff;font-size:16px;padding:20px 16px;border-radius:12px;border:1px solid #D5EA00;cursor:pointer;transition:background .3s ease-in-out,transform .2s ease}header button:hover{background-color:#3eb0ef;color:#fff;transform:scale(1.05)}header button:active{background-color:#3eb0ef;color:#fff}button .arrow{background:transparent}@media (max-width: 768px){header{height:auto;padding:10px}nav ul{display:hidden;flex-direction:row;width:100%;gap:10px}.logo{height:20px}header a{font-size:12px;font-weight:700}header button{width:200px;padding:10px 16px;font-size:12px;margin-top:10px}}@media (max-width: 580px){header{margin:0;border-radius:0}nav ul{display:hidden;gap:8px}ul li{font-size:10px;font-weight:700}header button{width:70%;padding:9px;font-size:10px;font-weight:700;margin-top:10px}.arrow{width:15px}}.container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:50%}.card{background:#06242c;padding:40px;border-radius:20px;text-align:center;box-shadow:0 4px 10px #0000004d;max-width:500px}.header{background:#0003;padding:20px;border-radius:10px;margin-bottom:20px;background:transparent}.header h1{color:#fff;font-size:24px;font-family:Poppins,sans-serif;font-weight:700;margin:0;background:transparent}.description{color:#b5c9d1;font-size:16px;background:transparent}.start-button{background:transparent;color:#42b4c7;border:1px solid #42b4c7;margin-top:20px;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:8px;transition:all .3s ease}.start-button:hover{background:#42b4c7;color:#082026}.completed-tickets-container{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#0e464f;min-height:70%;margin-top:50%;border-radius:24px}.title{font-size:24px;font-weight:700;color:#fff;margin-bottom:20px}.no-tickets{color:#fff;font-size:16px}.tickets-grid{display:flex;flex-direction:column;gap:20px;width:100%;max-width:556px;background:transparent}.ticket-card{background:transparent;padding:15px;border-radius:8px;box-shadow:0 4px 8px #0000001a;border:1px solid #24A0B5}.ticket-name{font-size:18px;font-weight:700;color:#fff;background:transparent}.ticket-card p{color:#fff;font-size:14px;margin:5px 0;background:transparent}.ticket-image{width:356px;height:100px;object-fit:contain;margin-top:10px;border-radius:5px;background:transparent}