:root{--background:#ffffff;--foreground:#171717}.html-set{margin:0;padding:0;box-sizing:border-box}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:rgba(255,255,255,.87);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{color:white;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:10px 0;cursor:pointer;border-radius:5px}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#ffffff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}img{background-color:yellowgreen;top:50px}.select-img{border:3px solid red}.default-img{border:3px solid black}.top-bar{width:1200px;height:6px;background-color:#D3D3D3;padding:5px 0;position:fixed;top:20px;left:5%;border-radius:30px}.circle-wrapper{position:absolute;top:120%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center}.circle{width:30px;height:30px;background-color:#2A2A2A;border-radius:50%}.circle-wrapper.circle0{left:0}.circle-wrapper.circle1{left:16.6%}.circle-wrapper.circle2{left:33.3%}.circle-wrapper.circle3{left:50%}.circle-wrapper.circle4{left:66.6%}.circle-wrapper.circle5{left:84%}.circle-wrapper.circle6{left:100%}.circle-label{font-size:14px;color:#C0C0C0;margin-top:5px}.text-position{position:absolute;color:white;text-shadow:0 1px 2px rgba(0,0,0,.6);font-size:50px;top:50px;left:100px}.home-button{background-color:purple;right:200px}.home-button,.next-button{position:fixed;bottom:100px}.next-button{background-color:green;right:100px}.car-container-default{border:3px solid black;background-color:yellowgreen}.car-container-default,.car-container-select{text-align:center;display:flex;flex-direction:column;align-items:center}.car-container-select{border:3px solid rgb(139,83,83);background-color:red}.fuel-noselect{text-align:center;display:flex;flex-direction:column;align-items:center;border:3px solid black;background-color:yellowgreen;filter:grayscale(60%);pointer-events:none}.car-name{font-size:16px;font-weight:700;margin-top:8px;color:#333}.car-list{grid-template-columns:repeat(7,auto);grid-gap:20px}.car-list,.car-list2{display:grid;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:20px;margin-top:250px;margin-left:50px}.car-list2{grid-template-columns:repeat(5,auto);grid-gap:20px}.fuel-list{display:grid;grid-template-columns:repeat(7,1fr);flex-direction:row;flex-wrap:wrap;justify-content:flex-start;grid-gap:40px;gap:40px;margin-top:250px;margin-left:100px}.year-input-container{display:flex;padding-top:15rem;align-items:center;margin-top:50px;margin-left:100px;gap:20px}.year-box{display:flex;align-items:center;justify-content:center;width:300px;height:120px;border:3px solid black;border-radius:12px;font-size:2rem;font-weight:700;background-color:#f8fff5;margin-bottom:20px;text-align:center}.year-buttons{display:flex;gap:20px}.year-button{padding:12px 24px;font-size:1.5rem;font-weight:700;border:none;border-radius:10px;background-color:navy;color:white;cursor:pointer;transition:background-color .3s}.year-button:hover{background-color:#357ab7}.mileage-center{position:absolute;top:30%;left:25%;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.mileage-input-container{margin-top:12px}.container2,.mileage-input-container{display:flex;flex-direction:column;align-items:center}.container2{margin-top:auto;margin-left:120px}.mileage-label{color:white}.gray-label,.mileage-label{font-size:1.2rem;font-weight:600;margin-bottom:10px}.gray-label{color:gray}.mileage-input{font-size:1.5rem}.input5,.mileage-input{width:300px;height:120px;padding:10px 15px;border:2px solid #ccc;border-radius:12px;text-align:center;margin-top:10px}.input5{font-size:2.5rem}.input-box{width:150px;height:50px;font-size:1.5rem;padding:10px 15px;border:2px solid #ccc;border-radius:12px;text-align:center}.unit,.unit2{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:30px;width:1200px;margin-bottom:10px}.unit2{margin-top:-10px}.wrap{display:flex;margin-top:15px;align-items:center;gap:20px}.checklist-unit{display:flex;font-weight:700;gap:20px;font-size:33px;flex-wrap:wrap}.checkbox{width:30px;height:30px}.input-pair{display:flex;flex-direction:row;gap:20px;align-items:center}.font-size40{font-size:33px;font-weight:700}.black-label{color:black}.black-label,.white-label{font-size:1.2rem;font-weight:600}.white-label{color:white}.black-label-size{font-size:1.5rem;font-weight:500;color:black}.white-label2{font-size:2.5rem;font-weight:500;color:white}.line{border-bottom:3px solid rgb(196,195,195);background-color:transparent;width:1200px;height:1px}.wrap2{padding:0 1rem;align-items:start;margin-left:20px;margin-top:10px;margin-bottom:5px}.wrap2,.wrap5{display:absolute;flex-direction:column}.wrap5{align-items:center;margin-top:auto}.scroll{max-height:70vh;overflow-y:auto;margin-top:140px;margin-left:100px;scrollbar-width:thin;width:1300px;scrollbar-color:#ccc transparent;background-color:white;opacity:.95}.light{width:1.5rem;height:1.5rem;border-radius:9999px;border:1px solid #ccc}.light-red{background-color:#f87171}.light-yellow{background-color:#facc15}.light-green{background-color:#4ade80}.text-red{color:#f87171}.text-yellow{color:#facc15}.text-green{color:#4ade80}.home-main{min-height:100vh;min-width:100vw;background-image:url(/Main/car01.PNG);background-size:cover;background-position:50%;position:flex}.home-header{max-width:100%;padding:1.5rem 2.5rem;display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.4);position:relative;z-index:2}.header-title{font-size:2rem;font-weight:700;color:#fff}.header-nav{display:flex;gap:2rem;font-size:1.125rem;font-weight:500;color:#fff;list-style:none;margin:0;padding:0}.nav-link{color:inherit;text-decoration:none;cursor:pointer;transition:-webkit-text-decoration .2s;transition:text-decoration .2s;transition:text-decoration .2s,-webkit-text-decoration .2s}.nav-link:hover{text-decoration:underline}.login-btn{padding:.5rem 1.25rem;border-radius:.5rem;background:rgba(37,99,235,.8);color:#fff;font-weight:600;margin:10px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:none;cursor:pointer}.login-btn:hover{background:#2563eb}.home-hero{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;z-index:0}.home-hero-title{margin-top:8rem;text-align:center;color:#fff;font-size:2rem;font-weight:800;text-shadow:0 4px 24px rgba(0,0,0,.4)}@media (min-width:768px){.home-hero-title{margin-top:7.5rem;font-size:3rem}.hidden-md{display:none}}.Info-main{background-image:url(/Main/정비.PNG)}.Info-main,.Question-main{min-height:100vh;width:100%;background-size:cover;background-position:50%;position:relative}.Question-main{background-image:url(/Main/CS.PNG)}.Check-main{background-image:url(/Main/run.PNG)}.Check-main,.login-main{min-height:100vh;width:100%;background-size:cover;background-position:50%}.login-main{background-image:url(/Main/night.jpg)}.input-email{width:600px;height:120px;font-size:2.5rem;padding:10px 15px;border:2px solid #ccc;border-radius:12px;text-align:center;margin-top:10px}.container-email{display:flex;flex-direction:row;align-items:center;margin-top:auto}.label-email{font-size:3rem;color:white;font-weight:600;margin-bottom:10px;margin-right:20px}.login-start{padding:.5rem 1.25rem;border-radius:2rem;background:green;color:#fff;width:120px;height:50px;margin-left:20px;font-weight:600;box-shadow:0 2px 8px rgba(71,15,15,.08);border:none;cursor:pointer}.home-butt2{display:flex;flex-direction:row;align-items:center}.user-wellcom{padding:.5rem 1.25rem;color:#fff;background-color:#535bf2;font-weight:600;border-radius:.5rem;margin:10px;cursor:pointer}

;