:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}:root{--main-color: #1E3799;--sub-color: #4A69BD}html,body{cursor:default;scroll-behavior:smooth;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}button{background:inherit;border:none;box-shadow:none;border-radius:0;padding:0;overflow:visible;cursor:pointer}dialog{border:none;border-radius:10px;width:500px;max-width:90vw;padding:2rem;box-shadow:0 10px 40px #0000004d;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}::backdrop{opacity:.75;background:#000}.main-color{color:var(--main-color)}.sub-color{color:var(--sub-color)}.main-background-color{background-color:var(--main-color);color:#fff}.sub-background-color{background-color:var(--sub-color)}.light-red{color:#ff4286}.brown{color:#a56021}.bg-old-orange{background-color:#ffa757}.bg-black{background-color:#000;color:#fff}.bg-light-gray{background-color:#f5f5f5}.bg-pink{background-color:#fc60ff}.bg-light-red{background-color:#ff4286}.bg-brown{background-color:#a56021}.main-shadow{text-shadow:2px 2px 2px rgb(182,182,182)}.bottom-border{border-bottom:solid #cdcdcd}.w-700{font-weight:700}.line-block{display:inline-block}.flex{display:flex}.flex-1{flex:1}.flex-2{flex:2}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.justify-center{justify-content:center}.justify-end{justify-content:end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.align-center{align-items:center}.align-end{align-items:flex-end}.text-center{text-align:center}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.ml-100{margin-left:100px}.float-left{float:left}.float-right{float:right}.shrink-0{flex-shrink:0}.grow-1{flex-grow:1}.m-1{margin:1rem}.m-2{margin:2rem}.m-3{margin:3rem}.m-4{margin:4rem}.m-5{margin:5rem}.m-20{margin:20px}.mr-1{margin-right:1rem}.mr-2{margin-right:2rem}.mr-3{margin-right:3rem}.mr-4{margin-right:4rem}.mr-5{margin-right:5rem}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mr-100{margin-right:100px}.mr-700{margin-right:700px}.mx-1{margin-left:1rem;margin-right:1rem}.mx-2{margin-left:2rem;margin-right:2rem}.mx-20{margin-left:20px;margin-right:20px}.mx-30{margin-left:30px;margin-right:30px}.mb-50{margin-bottom:50px}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mt-4{margin-top:4rem}.mt-5{margin-top:5rem}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-50{margin-top:50px}.mt-70{margin-top:70px}.mt-80{margin-top:80px}.mt-170{margin-top:170px}.p-1{padding:1rem}.p-2{padding:2rem}.p-3{padding:3rem}.p-4{padding:4rem}.p-5{padding:5rem}.p-32{padding:32px}.px-20{padding-left:20px;padding-right:20px}.px-30{padding-left:30px;padding-right:30px}.pt-65{padding-top:65px}.h-100vh{height:100vh}.h-70vh{height:70vh}.h-50vh{height:50vh}.w-100vh{width:100vh}.w-30{width:30px}.w-100{width:100px}.w-100per{width:100%}.w-40per{width:40%}.w-60per{width:60%}.h-40per{height:40%}.h-60per{height:60%}.h-100per{height:100%}.fs-10{font-size:10px}.fs-15{font-size:15px}.fs-17{font-size:17px}.fs-30{font-size:30px}.fs-45{font-size:45px}.fs-50{font-size:50px}.fs-70{font-size:70px}.absolute{position:absolute}.full-component{width:100vw;height:100vh}.full{width:100%;height:100%}.blinking{animation:blink .5s ease-in-out infinite alternate}@keyframes blink{0%{opacity:0}to{opacity:1}}.red{color:#f33}.blue{color:#0075ff}.white{color:#fff}.hot-pink{color:#fc60ff}.text-left{text-align:left}.submit{width:120px;height:60px;border-radius:10px;color:#fff;font-size:20px;background-color:var(--sub-color)}.submit:hover{background-color:var(--main-color)}.noto-sans-400{font-family:Noto Sans KR,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.roboto-thin{font-family:Roboto,sans-serif;font-weight:100;font-style:normal}.roboto-light{font-family:Roboto,sans-serif;font-weight:300;font-style:normal}.roboto-regular{font-family:Roboto,sans-serif;font-weight:400;font-style:normal}.roboto-medium{font-family:Roboto,sans-serif;font-weight:500;font-style:normal}.roboto-bold{font-family:Roboto,sans-serif;font-weight:700;font-style:normal}.roboto-black{font-family:Roboto,sans-serif;font-weight:900;font-style:normal}.roboto-thin-italic{font-family:Roboto,sans-serif;font-weight:100;font-style:italic}.roboto-light-italic{font-family:Roboto,sans-serif;font-weight:300;font-style:italic}.roboto-regular-italic{font-family:Roboto,sans-serif;font-weight:400;font-style:italic}.roboto-medium-italic{font-family:Roboto,sans-serif;font-weight:500;font-style:italic}.roboto-bold-italic{font-family:Roboto,sans-serif;font-weight:700;font-style:italic}.roboto-black-italic{font-family:Roboto,sans-serif;font-weight:900;font-style:italic}.common-input{width:300px;height:40px;border:1px solid #cdcdcd;border-radius:5px;padding:0 10px}