body, .faqPage { background: #fff;}
.section01 {padding-top: 95px;}

.find_wrap {
    margin: 0 auto 174px;
    width: 100%;
    max-width: 372px;
}
.find_wrap .faq_title {
    margin-top: 120px;
    margin-bottom: 0px;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #1D1D1F;
}


.tab_wrap {display: flex; margin-top: 40px; margin-bottom: 40px;}
.tab_wrap > a {display: block; width: 50%;}
.tab_wrap .tab_item {display: flex; justify-content: center; align-items: center; height: 54px; box-sizing: border-box; font-size: 16px; font-weight: 700; color: #9999A1;}
.tab_wrap .tab_item.active {border-bottom: 2px solid #1D1D1F; color: #1D1D1F;}

.inputArea {display: flex; flex-direction: column; gap: 8px;} 



.inputArea .inputWrap .myInput {
    flex-shrink: 0;
    padding: 0px 16px;
    width: 100%;
    height: 50px;
    border-radius: 8px;
    border: 1px solid #DEE1E6;
    box-sizing: border-box;
    color: #1D1D1F;
    font-size: 17px;
    font-weight: 500;
}

.inputArea .inputWrap .myInput.disabled {
    background: #EDEDED;
    color: #9999A1;
    pointer-events: none;
}

.success_find_id {display: flex; flex-direction: column; gap: 16px;}
.success_find_id .txt {text-align: center; line-height: 20px; font-size: 14px; font-weight: 400; color: #1D1D1F;}
.success_find_id .id_Info {display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; border-radius: 8px; border: 1px solid #DEE1E6; font-size: 14px; font-weight: 700; color: #1D1D1F;}

.fail_find_id {display: flex; flex-direction: column; gap: 16px;}

.fail_find_id .tit {display: block; text-align: center; line-height: 20px; font-size: 16px; font-weight: 700; color: #1D1D1F;}
.fail_find_id .txt {text-align: center; line-height: 20px; font-size: 14px; font-weight: 400; color: #1D1D1F;}







.find_wrap.pw .inputArea {}




.success_find_pw .inputArea .inputBox {margin-bottom: 22px;}
.inputArea .inputBox .inputWrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    width: 100%;
}
.inputArea .inputBox .inputWrap .warning {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    color: #8B6DE7;
}




.success_find_pw {display: flex; flex-direction: column; gap: 0;}
.success_find_pw .tit {display: block; text-align: center; line-height: 20px; font-size: 16px; font-weight: 700; color: #1D1D1F;}
.success_find_pw .txt {margin-bottom: 22px; text-align: center; line-height: 20px; font-size: 14px; font-weight: 400; color: #1D1D1F;}


.btn_wrap {display: flex; gap: 8px;}
.btn_wrap > a {width: calc(50% - 4px);}
/* .success .btn_wrap {} */

.btn_find {
    margin-top: 30px;
    width: 100%;
    height: 50px;
    background-color: #7242FF;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}
/* .find_wrap.pw .btn_find {margin-top: 0;} */

@media screen and (max-width:1024px) {
    .section01 {padding-top: 80px;}
}

@media screen and (max-width:768px) {
    .section01 {padding-top: 58px;}
    .faq-title {margin-top: 40px; margin-bottom: 10px; font-size: 30px;}
    .faq-subtitle {margin-bottom: 14px; font-size: 16px;}
    .buttons {margin-bottom:40px; max-width: 260px;}
    .buttons button {padding: 10px 12px; font-size: 14px;}
    .buttons .active {font-size: 14px;}

    .find_wrap {width: calc(100% - 40px);}
}