#daum_main_section{
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
}

#daum_form{
    width: 35%;
}

#daum_nav_img{
    display: flex;
    margin: 0rem auto;
    width: 100px;
}

#daum_form_contents{
    border: 1px solid silver;
    padding: 3rem 4rem;
    margin: 2rem 0rem;
}

#daum_inputs input{
    display: block;
    width: 100%;
    padding: 0.8rem 0.5rem;
    margin: 0.5rem 0rem;
    border: 2px solid silver;
    border-width: 0px 0px 2px 0px;
}

#daum_inputs input:focus{
    border-color: black !important;
}

#daum_checkbox{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 2rem 0rem;
    font-size: smaller;
    color: grey;
    font-weight: bold;
}

#daum_checkbox input{
    width: 18px;
    height: 18px;
    accent-color: #fee500;
}

#daum_form_contents button{
    width: 100%;
    padding: 0.8rem 0.1rem;
    background-color: #fee500;
    font-size: larger;
    display: block;
    text-align: center;
    margin-top: 3rem;
    border-radius: 5px;
}

#daum_form_contents button:hover{
    background-color: #e9d204;
}

#daum_form_img{
    display: flex;
    margin: 1rem auto;
    margin-top: 2rem;
    width: 100%;
    background-color: whitesmoke;
    cursor: pointer;
    border-radius: 5px;
}

#daum_form footer{
    display: flex;
    align-items: center;
    justify-content: center;
}

#daum_form footer a, #daum_form footer select{
    border: none;
    padding: 0rem 0.5rem;
    font-size: smaller;
    color: gray;
}

#daum_form footer a:not(:last-child){
    border: 1px solid silver;
    border-width: 0px 0px 0px 1px;
}


/*  */
@media (max-width:1030px) {
    #daum_form{
        width: 60%;
    }
}

@media (max-width:900px) {
    #daum_form{
        width: 75%;
    }
}

@media (max-width:650px) {
    #daum_form{
        width: 90%;
    }
}

@media (max-width:500px) {
    #daum_form_contents{
        padding: 3rem 2rem;
    }

    #daum_nav_img{
        width: 80px;
    }

    #daum_form footer{
        display: none;
    }
}

@media (max-width:400px) {
    #daum_form{
        width: 98%;
    }

    #daum_form_contents{
        padding: 3rem 1rem;
    }
}

@media (max-width:360px) {
    #daum_form_contents{
        padding: 3rem 0.5rem;
    }
}