@font-face{font-family:'NanumBarunpen';src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumBarunpen.woff) format('woff');font-weight:normal;font-style:normal}:root{--header-height:5rem;--nav-width:95%;--mobile-menu-width:600px;--side-width:400px;--side-height:95%;--center-width:650px;--gap-main:20px;--gap-middle:15px;--gap-small:10px;--size-h1:1.5rem;--size-h2:1.4rem;--size-h3:1.3rem;--size-h4:1.2rem;--size-p:1.2rem;--size-example:1.1rem;--size-basic:1rem;--size-mobile-placeholder:0.9rem;--size-small:0.8rem;--white-first:#ffffff;--white-second:#fefeff;--black-first:#000;--black-second:#222;--border-light-gray:#d9d9d9;--box-shadow-light:rgba(0,0,0,0.2);--box-shadow-heavy:rgba(0,0,0,0.4)}*{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent!important}.flex-center{display:flex;justify-content:center;align-items:center}.flex-center-col{display:flex;flex-direction:column;justify-content:center;align-items:center}.flex-start-col{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}body,html{height:100%;min-height:400px}html{scroll-behavior:smooth}body{--font-title:'NanumBarunpen','sans-serif';--font-basic:'NanumBarunpen','sans-serif';overflow-x:hidden;padding:0!important;max-width:100%;font-family:var(--font-basic);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}li{list-style:none}a,a:hover,a:visited{text-decoration:none;color:var(--black-first)}button{outline:0;border:none;font-family:var(--font-basic);cursor:pointer}.loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:10;background:var(--second-color)}.loader-container.hidden{animation:fadeOut 1s forwards}@keyframes fadeOut{50%{opacity:1}100%{opacity:0;visibility:hidden}}.loader{animation:rotate 1s infinite;height:50px;width:50px}.loader:after,.loader:before{border-radius:50%;content:'';display:block;height:20px;width:20px}.loader:before{animation:ball1 1s infinite;background:var(--white-first);box-shadow:30px 0 0 var(--white-first);margin-bottom:var(--gap-small)}.loader:after{animation:ball2 1s infinite;background:var(--white-first);box-shadow:30px 0 0 var(--white-first)}@keyframes rotate{0%{-webkit-transform:rotate(0) scale(0.8);-moz-transform:rotate(0) scale(0.8)}50%{-webkit-transform:rotate(360deg) scale(1.2);-moz-transform:rotate(360deg) scale(1.2)}100%{-webkit-transform:rotate(720deg) scale(0.8);-moz-transform:rotate(720deg) scale(0.8)}}@keyframes ball1{0%{box-shadow:30px 0 0 var(--white-first)}50%{box-shadow:0 0 0 var(--white-first);margin-bottom:0;-webkit-transform:translate(15px,15px);-moz-transform:translate(15px, 15px)}100%{box-shadow:30px 0 0 var(--white-first);margin-bottom:var(--gap-small)}}@keyframes ball2{0%{box-shadow:30px 0 0 var(--white-first)}50%{box-shadow:0 0 0 var(--white-first);margin-top:-20px;-webkit-transform:translate(15px,15px);-moz-transform:translate(15px, 15px)}100%{box-shadow:30px 0 0 var(--white-first);margin-top:0}}