* {
    margin: 0; 
    padding: 0;
}

body {
    background: #111724;
    font-family: 'Noto Sans KR', sans-serif;
}


/* access.html */
.access_container {
    width: 100vw;
    height: 100vh;
    display:flex;
    justify-content: center;
    align-items: center;
}

.access_card{
    width: 30rem;
    padding: .5rem;
    background: white;
    border-radius: .6rem;
    display:block;
}

.access_title{
    padding: 1rem;
    text-align: center;
    font-weight: 700;
    font-size: 1.6rem;
}

.access_submit {
    padding: 1rem;
    text-align: center;
}

.access_submit button {
    border: 0px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: .6rem;
    padding: 1.2rem 2rem;
    background: #ebf4ff;
    color: #0076ff;
    cursor: pointer;
}
.access_submit button:hover {
    filter: brightness(103%);
}
.access_code {
    text-align: center;
    padding: 1.5rem;
}
.access_code input{
    width:80%;
    height: 6rem;
    text-align: center;
    font-size: 3rem;
    font-weight: 600;
    border: 1px solid #ccc;
    border-radius: .6rem;
}

.access_error{
    color: red;
}

.access_error ul{
    margin-top: 0.5rem;
    list-style: none;
    list-style-type: none;
}