html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-family:Pretendard,Apple SD Gothic Neo,serif;font-size:1rem;font-weight:400;color:#191919;box-sizing:border-box;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}a:-webkit-any-link{text-decoration:none;color:unset}.routeNavigation{width:100%;min-height:100vh;height:100%;display:flex;flex-direction:column;background-color:#f0f0f0}.routeNavigation>*:not(:first-child){width:100%;max-width:1200px;margin:30px auto 0}.loginContainer{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff}.loginContainer header{font-size:1.75rem;font-weight:600;text-align:center;margin-bottom:30px}.loginContainer .loginWrapper{width:400px;display:flex;flex-direction:column}.loginContainer .loginWrapper input{height:50px;padding-left:30px;background-color:#f0f0f0;border:none;border-radius:5px}.loginContainer .loginWrapper input:focus{outline-color:#256662}.loginContainer .loginWrapper input:first-child{margin-bottom:30px}.loginContainer .joinWrapper{width:400px;display:flex;flex-direction:column}.loginContainer .joinWrapper .inputWrapper{margin-bottom:30px}.loginContainer .joinWrapper .inputWrapper p{margin-bottom:7.5px;font-weight:600}.loginContainer .joinWrapper .inputWrapper p span{margin-left:5px;color:#256662}.loginContainer .joinWrapper .inputWrapper input{width:100%;height:50px;padding-left:30px;background-color:#f0f0f0;border:none;border-radius:5px}.loginContainer .joinWrapper .inputWrapper input:focus{outline-color:#256662}.loginContainer .joinWrapper .inputWrapper .inputs{width:100%;display:flex}.loginContainer .joinWrapper .inputWrapper .inputs input{width:300px;margin-right:15px}.loginContainer .joinWrapper .inputWrapper .inputs button{flex:1;height:50px;background-color:#ddd;border:none;border-radius:5px}.loginContainer .joinWrapper .inputWrapper:last-child{margin-bottom:0}.loginContainer .btns{width:400px;display:flex;flex-direction:column;margin-top:30px}.loginContainer .btns button:not(.brand){margin-top:30px;background:none;border:none;text-decoration:underline}.loginContainer .btns .brand{height:50px;background-color:#256662;border:none;border-radius:5px;color:#fff;font-weight:600}.modalBg,.modalClose{width:100%;height:100%;min-height:100vh;position:fixed;z-index:999;animation-duration:.25s;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-name:fadeIn}.modalBg .modal,.modalClose .modal{min-width:500px;max-width:1200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:7px;transition:all 5s ease-in-out}.modalBg .modal header,.modalClose .modal header{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid #f1f1f1}.modalBg .modal header p,.modalClose .modal header p{font-size:1.25rem;font-weight:600}.modalBg .modal header button,.modalClose .modal header button{height:30px;background-color:#f1f1f1;border:none;border-radius:3px}.modalBg .modal header button:active,.modalClose .modal header button:active{opacity:.5}@keyframes fadeIn{0%{background-color:transparent}to{background-color:#000000b3}}