.newsletter_wrap{
    width: 926px;
    padding-top: 60px;
    padding-bottom: var(--space-3x-large);
}
/* 뉴스레터 상단 */
.newsletter_top.proTitle{
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-normal);
    margin-bottom: var(--space-large);
    padding-top: var(--space-3x-large);
}
.newsletter_top h2{
    font-size: var(--heading2);
    font-weight: bold;
}

/* 뉴스레터 하단 */
.newsletter_info{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid var(--font-color);
    padding-bottom: var(--space-small);
}
.newsletter_info h3{
    font-size: var(--heading3);
    font-weight: bold;
}
.newsletter_info span{
    color: var(--main-color);
    font-size: var(--detail);
}
.form_row{
    display: flex;
    padding: var(--space-normal) 0;
    border-bottom: 1px solid var(--font-color);
}
.form_row>label{
    width: 20%;
    display: flex;
    align-items: center;
    font-size: var(--heading4);
    font-weight: bold;
    color: var(--main-color);
}
input[type="text"],  
input[type="email"] {
    padding: var(--space-small);
    border: 1px solid var(--font-color);
    box-sizing: border-box;
    width: 21.5rem;
    max-width: 21.5rem;
}
input[type="checkbox"]{
    margin-right: var(--space-small);
    margin-top: 3px;
}
.terms_box{
    margin: var(--space-x-large) 0;
    border: 1px solid var(--font-color);
    height: 218px;
    overflow-y: scroll;
    white-space: pre-line;
    font-size: var(--detail);
    padding: var(--space-normal);
    box-shadow: inset 0 0 7px #00000020;
}
.checkbox_wrap{
    display: flex;
    flex-direction: column;
    gap: var(--space-normal);
    font-size: var(--button);
}
.checkbox_wrap label{
    display: flex;
    align-items: flex-start;
}
/* 제출하기 버튼 */
.newsletter_btn{
    text-align: center;
    margin-top: var(--space-x-large);
}
.newsletter_btn button{
    padding: var(--space-normal) var(--space-x-large);
}



@media (max-width:1024px){
    .newsletter_wrap{
        padding-left: 3rem;
        padding-right: 3rem;
        width: auto;
    }
}
@media (max-width:768px){
    .newsletter_wrap{
        width: auto;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 50px;
        padding-bottom: var(--space-3x-large);
    }
    input[type="text"], 
    input[type="password"], 
    input[type="number"], 
    input[type="email"] {
    padding: var(--space-small);
    border: 1px solid var(--font-color);
    box-sizing: border-box;
    /* width: 21.5rem; */
    /* min-width: inherit; */
    }
    .form_row>label {
        width: 30%;
    }
    .terms_box{
        height: 100px;
        box-shadow: inset 0 0 5px #00000020;
    }
    input[type="checkbox"] {
        margin-top: 0;
    }
}