.signUpContainer{
    box-sizing: border-box; margin: 0 auto;
}
.signUpTitle{
    font-weight: 600; font-size: .75rem;
}
.signUpContainer form fieldset > div:first-of-type{
    margin-bottom: 10px;
}
.signUpContainer form fieldset ul{
    font-size: .6875rem;
}
/* fieldset 공통 요소 */

.personalInfo{
    margin-bottom: 50px; width: 100%;
}
.personalInfo > div:first-of-type p{
    font-size: .6875rem; box-sizing: border-box; text-align: right; min-width: 90px; word-break: keep-all;
}
.personalInfo > div:first-of-type p > mark{
    color: #ff0000; padding-right: 5px; background-color: transparent; box-sizing: border-box;
}
.personalInfo table{
    box-sizing: border-box; border: 1px solid #dedede; border-top: none;
}
.personalInfo > table tr th{
    border-right: 1px solid #dedede;
}
.personalInfo > table tr label,
.personalInfo > table tr td span{
    font-size: .75rem; font-weight: 500;
}
.personalInfo > table tr label small{
    color: #ff0000; padding-left: 2px; font-size: 1rem;
}
.personalInfo > table tr:nth-of-type(7) td{
    gap: 5px;
}
.personalInfo > table tr:nth-of-type(7) td input{
    width: 60px;
}
.personalInfo > table tr td input{
    border: 1px solid #dedede; padding: 5px 10px; box-sizing: border-box; font-size: .6875rem;
}
.personalInfo > table tr.userAddress td{
    gap: 10px;
}
.personalInfo > table tr.userAddress td div:first-of-type > div,
.personalInfo > table tr.userAddress td div > span{
    margin-left: 10px;
}
.personalInfo > table tr.userAddress td div:first-of-type > div button{
    background-color: transparent; border: 1px solid #d9d9d9; border-radius: 2px; 
    font-size: .75rem; padding: 5px 12px; box-sizing: border-box;
}
/* personalInfo */

.agreeBox{
     margin-bottom: 30px;
}
.agreeBox .agreeContent{
    background-color: #f9f9f9; border: 1px solid #dedede; padding: 20px 3%; box-sizing: border-box; color: #747474;
}
.agreeBox .agreeContent:not(:last-of-type){
    margin-bottom: 30px;
}
.agreeBox .agreeContent h3{
    font-size: .75rem; margin-bottom: 15px;
}
.agreeBox .agreeContent .agreeContext{
    height: 150px; overflow-y: scroll; background-color: #fff; border: 1px solid #dedede; padding: 15px;
    box-sizing: border-box; margin-bottom: 5px;
}
.agreeBox .agreeContent .agreeContext ul li{
    display: block; line-height: 1.125rem;
}
.agreeBox .agreeContent .agreeContext ul li:not(:last-child){
    margin-bottom: 5px;
}
.agreeBox .agreeContent .agreeCheck input{
    width: 10px; height: 10px;
}
.agreeBox .agreeContent .agreeCheck span{
    font-size: .6875rem;
}
/* agreeBox */

.signUpContainer .btn_signUp{
    display: flex; justify-content: center;
}
.signUpContainer .btn_signUp button{
     font-size: .6875rem; height: 40px; width: 20%; min-width: 160px; max-width: 200px; background-color: #000; 
     box-sizing: border-box; color: #fff; text-align: center;
}

@media screen and (max-width: 767px){
    .amado_product_area.signUp{
        margin-left: 0;
    }
}
@media screen and (max-width: 991px) {
    .personalInfo > table tr th{
        border-right: none;
    }
}
@media screen and (min-width: 992px) and (max-width: 1279px){
    .amado_product_area.signUp{
        flex: 0 0 60%; max-width: 60%; width: 60%; margin: 0 auto;
    }
}
@media screen and (min-width: 1280px){
    .amado_product_area.signUp{
        margin-left: 250px !important;
    }
}