body{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #3598DB;
    font-family: 'Roboto', sans-serif;
}
.container{
    background-color: #fff;
    padding: 30px 30px;
    border-radius: 10px;
}
.box1{
    background-color: #fff;
    padding: 30px 30px;
    border-radius: 10px;
}
h2{
    text-align: center;
}
#captcha-text{
    background: url('../image/captcha-bg.jpg');
    border-radius: 5px;
    width: 150px;
    height: 38px;
    border: none;
    text-align: center;
    letter-spacing: 5px;
    font-size: 1.2rem;
    margin-left: 1rem;
    color: rgba(110, 106, 106, 0.431);
}
#captcha-text:focus{
    outline: none;
}
#refresh-btn{
    background-color: #3598DB;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 1.4rem;
    padding: 10px 15px;
    border-radius: 5px;
    margin-left: 1rem;
}
.user-input{
    margin-top: 1rem;
}
#captcha-enter{
    width: 230px;
    height: 40px;
    border-radius: 5px;
    padding: 0px 10px;
    font-size: 1.2rem;
    display: block;
    margin: auto;
}
#validate-btn{
    display: block;
    background-color: #3598DB;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 1.3rem;
    padding: 15px 15px;
    width: 150px;
    margin:1.5rem auto;
    border-radius: 5px;
}
#error{
    padding: 20px 20px;
    display: none;
    width: 250px;
    text-align: center;
    border-radius: 10px;
    margin-top: 1rem;
}

#one {
         
            transition: transform 0.3s ease-in-out;
        }
        #one:hover {
            transform: translate(-50px, 0);
        }

#mom{position: relative; background-color: #fff;
    padding: 20px 20px; border-radius: 10px; width: 25rem}

#recap{position: absolute;width: 25%; right: 50px;top: 25px}

/* 버튼 숨기기 */
    #myButton {
      display: none;
    }

    #imgbox{
    background-color: #fff;
    padding: 70px 30px 40px 30px;
    border-radius: 10px;
    width: 400px;
    height: 400px;
}

#title{text font-size: 1rem ;

}