#findModal{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100vh;
    background:rgba(0,0,0,0.4);
    z-index:9999;
}

#modal-box{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    width: 600px;
    height: auto;
    min-height: 480px;

    padding: 45px 45px;
    box-sizing: border-box;

    background: #fffaf5;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.18);
    
    display: flex;
    flex-direction: column;
    align-items: center;
}

#modal-box form {
    display: block;
    height: auto;
    min-height: 0;
    margin: 0;
    width: 100%;
}

#id_find,
#pwd_find {
    width: 100%;
}

#pwd_find {
    display: none;
}

/* 제목 */
.find-title{
    text-align:center;
    font-size:28px;
    font-weight:bold;
    color:#6b4a34;

    margin:40px 0 35px;
}

/* 전체 폼 */
.find-form{
    width:420px;
    max-width: 100%;
    margin:0 auto;
}

/* 한 줄 */
.find-row{
    width:390px;
    max-width:100%;
    margin:0 auto 22px;
    text-align:left;
}

/* 라벨 */
.find-label{
    display:block;
    width:100%;

    color:#5a3d2b;
    font-size:15px;
    font-weight:bold;

    margin:0 0 8px;
}

/* input + button */
.find-control{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
}

/* 입력창 */
.find-input{
    flex:none;
    width:260px;
    min-width:0;
    height:44px;

    border:1px solid #d9d2ca;
    border-radius:10px;

    padding:0 15px;

    font-size:14px;
    box-sizing:border-box;

    background:white;
}

.find-control .find-input:only-child {
    border-radius:10px;
}

/* 인증번호 전송 */
.find-sub-btn{
    width:120px;
    flex-shrink:0;
    height:44px;

    border:1px solid #9b7253;
    border-radius:10px;

    background:#fffaf5;

    color:#8a6043;
    font-weight:bold;

    cursor:pointer;
}

/* 인증번호 확인 */
.find-check-btn{
    width:120px;
    flex-shrink:0;
    height:44px;

    border:none;
    border-radius:10px;

    background:#9b7253;

    color:white;
    font-weight:bold;

    cursor:pointer;
}

/* 안내문 */
.find-msg,
#msg,
#id_email_msg,
#pwd_email_msg{
    margin-left:0;
    margin-top:6px;
    text-align:left;

    color:#999;
    font-size:13px;
    height:12px;
}
.row{
    min-height: 240px;
}

/* 최종 버튼 */
.find-main-btn{
    width:200px;
    height:48px;

    display:block;
    margin:35px auto 0;

    border:none;
    border-radius:10px;

    background:#8a6043;

    color:white;
    font-size:16px;
    font-weight:bold;

    cursor:pointer;
}

/* 탭 버튼 */
.find-tab{
    width:400px;
    margin:25px auto 0;

    display:flex;
    justify-content:center;
    gap:20px;
}

.tab-btn{
    width:190px;
    height:50px;

    border:none;
    border-radius:10px;

    background:#f0ebe6;

    color:#6b4a34;
    font-size:15px;
    font-weight:bold;

    cursor:pointer;

    margin-left: 20px;
}

.tab-btn.active{
    background:#8a6043;
    color:white;
}

/* X 버튼 */
.modal-class{
    position:absolute;

    top:30px;
    right:45px;

    border:none;
    background:none;

    color:#6b4a34;
    font-size:22px;

    cursor:pointer;
}

/* 인증번호 영역 */
#authNumber{
    display:none;
}

.find-img{
    display:block;
    width:150px;
    height:150px;
    margin:20px auto;
}