/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
#findIdPwd_result {  }
#findIdPwd_result .findIdPwd_result {  }
#findIdPwd_result .findIdPwd_result .sub-tit { padding-top:50px; font-size:11px; color:#8d8d8d; line-height:18px }
 
#find_Success {padding-bottom: 50px;}
#find_Success dt { margin-bottom:15px; font-size:15px; color:#000; font-weight:bold; }
#find_Success dd { font-size:16px; color:#000; padding-top:10px; }

#find_Success p.res_multi { margin-bottom:25px; font-size:16px; color:#000 }

#findIdPwd_result .btn-area { padding-top:35px; text-align: center }
#findIdPwd_result .btn-area a { width:378px; height:58px; font-size:16px; line-height:58px }


/* 로그인 컨테이너 */
.login-container {
    width: 100%;
    max-width: 490px;
    padding: 130px 0 0;
    box-sizing: border-box;
    margin: 0 auto;
}

/* 헤더 및 로고 */
.login-header {
    text-align: center;
    margin-bottom: 50px;
}

.login-header .logo {
    width: 112px;
}
        .find-container {
            width: 100%;
            box-sizing: border-box;
            text-align: center;
        }

        .tab-menu {
            display: flex;
            margin-bottom: 20px;
            background: #cacaca;
            border-radius: 10px;
            overflow: hidden;
        }

        .tab-button {
            flex: 1;
            background-color: #cacaca;
            color: #fff;
            cursor: pointer;
            text-align: center;
             /* 기본 하단 테두리 */
            border: 1px solid #cacaca;
            font-size: 14px;
            height: 64px;
        }

        .tab-button:first-child {
        }

        .tab-button:last-child {
        }

        .tab-button.active {
            background-color: white;
            color: #333;
            border: 1px solid #e0e0e0; /* 활성화 시 하단 테두리 제거 */
            border-radius: 10px;
        }

        .tab-button:not(.active) {
        }


        .content-area .tab-content {
            display: none; /* 기본적으로 모든 콘텐츠 숨김 */
        }

        .content-area .tab-content.active {
            display: block; /* 활성화된 콘텐츠만 표시 */
        }

        .input-group {
            margin-bottom: 10px;
        }

        .input-group label {
            display: block;
            margin-bottom: 5px;
            font-size: 14px;
            color: #555;
            display: none;
        }

        .input-group input {
            width: 100%;
            padding: 0 20px;
            border: 1px solid #e0e0e0;
            border-radius: 10px;
            box-sizing: border-box;
            font-size: 14px;
            height: 64px;
            margin: 0;
            line-height: 64px;
        }
        .input-group input::placeholder{color:#7e7e7e;}

        .find-button {
            width: 100%;
            background-color: var(--maincolor);
            color: white;
            border: none;
            border-radius: 10px;
            font-size: 18px;
            font-weight: bold;
            cursor: pointer;
            margin-top: 25px;
            height: 64px;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .find-button:hover {
            background-color: #142c5f;
        }
        
        /* 요청하신 이메일/휴대폰 번호 찾기 버튼 스타일 */
        .find-method {
            margin-bottom: 35px;
            display: flex;
            gap: 5px;
        }
        
        .find-method label {
            padding: 11px 12px;
            border: 1px solid #e0e0e0;
            background-color: #fff;
            cursor: pointer;
            border-radius: 5px;
            box-sizing: border-box;
            font-size: 12px;
            font-weight: 500;
        }
        .find-method label input{display: none;}
        .find-method label.active {
            background-color: #000;
            color: #fff;
            border-color: #000;
        }
        

/* 태블릿/모바일용 */
@media (max-width: 1024px) {
    .login-container {
        padding: 85px 0 0;
    }

.login-header .logo {
        width: 154px;
    }

    .login-header {
        margin-bottom: 55px;
    }



.tab-menu {
    /* margin-bottom: 28px; */
}

.find-method {
    /* margin-bottom: 38px; */
}
.find-button {margin-top:32px;}


}

@media (max-width: 768px) {
    .login-container {
        padding: 125px 0 0;
    }

.tab-menu {
    /* margin-bottom: 40px; */
}


.find-method {
    /* margin-bottom: 50px; */
}

.find-button {margin-top:35px;}




 
}  
/* BASIC css end */


/* BASIC css end */


/* BASIC css end */