:root{--bg-color: #ffffff;--text-color: #222222;--submit-button-background-color: #e74956;--submit-button-border-color: #a01730;--input-box-background-color: #e6e6e6;--input-box-text-color: #777777;--footer-bg: #61687d;--footer-text: #ffffff;--notice-accent-color: #E641D8}@media (prefers-color-scheme: dark){:root{--bg-color: #302d31;--text-color: #e6e6e6}}@font-face{font-family:NanumSquareRound;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff) format("woff");font-weight:400;font-display:swap}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;font-family:NanumSquareRound,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden}.navbar{display:none}:root{--bg-color: #ffffff;--text-color: #222222}.banner-image>img{width:100%;margin-bottom:30px}.content{flex-grow:1;justify-content:center;padding:10px;word-break:keep-all;white-space:normal;overflow-wrap:break-word}.content img{display:block;margin:0 auto;width:100%;max-width:640px}.input-text-box{margin:0 auto 20px;width:100%;max-width:480px}.input-text-box>label{font-weight:800;font-size:18pt;float:left;color:var(--text-color);margin-bottom:8px}.input-text-box>input{width:100%;height:64px;font-family:NanumGothic,sans-serif;font-weight:700;font-size:14pt;text-align:center;color:var(--input-box-text-color);background-color:var(--input-box-background-color);border-radius:30px;border:none;outline:none;cursor:pointer;box-shadow:inset 0 2px 2px #aaa}.submit-button{display:flex;align-items:center;justify-content:center;width:100%;max-width:320px;height:80px;margin:30px auto 80px;background-color:var(--submit-button-background-color);border-style:solid;border-radius:50px;border-width:2px;border-color:var(--submit-button-border-color);box-shadow:0 2px 2px #222}.submit-button:focus{outline:none}.submit-button>span{color:var(--footer-text);font-size:20pt;font-weight:800}.submit-button>.spinner{border:.3em solid transparent;border-top-color:#fff;border-radius:50%;animation:submit-spinner-spin .6s linear infinite;width:32px;height:32px}@keyframes submit-spinner-spin{to{transform:rotate(360deg)}}h2{text-align:center;color:var(--text-color);font-size:27pt;margin:60px 0;font-family:SBAggro,sans-serif;font-weight:800}h4{text-align:center;color:var(--text-color);font-size:14pt;margin:50px 0}.event-notice{margin:0 auto;width:100%;max-width:480px;color:var(--text-color);font-weight:600;font-size:12pt;padding:0 10px}.event-notice ul{list-style-type:none;padding:0}.event-notice li{padding-left:1em;text-indent:-1em}.event-notice li:before{content:"-";margin-right:.5em}.event-notice span{color:var(--notice-accent-color)}.event-notice .small{font-size:9pt}footer>.logo{display:block;width:200px;margin:40px auto 0}footer .footer-box{display:flex;justify-content:center;background-color:var(--footer-bg);margin:40px 0 0;padding:40px 0;height:fit-content}footer .footer-image-button{flex-grow:1;max-width:200px;text-align:center}footer .footer-image-button a{display:flex;flex-direction:column;align-items:center;color:var(--footer-text);text-decoration:none}footer .footer-image-button a img{width:42px;height:42px}footer .footer-image-button span{font-weight:300;font-size:10pt;color:var(--footer-text);margin-top:10px}