/* BASIC css start */
/* BASIC css start */
iframe[name=namecheck_frame] {display:none !important; width:0px !important; height:0px !important; bottom:0 !important; right:0 !important;}
#passimg { width : 100%; border-top: 2px solid #dadada; background-color: #fff; border-bottom: 2px solid #dadada; top: 280px; text-align: center;}
#passimg .popups .head h5 {padding: 10px 0; margin: 0; color: #000; font-weight: bold; border-bottom: 1px solid #979797; }
#passimg .popups .contents {position: relative; padding: 15px 0; }
#passimg .popups .contents table {background-color: #f1f1f1; margin: 0 auto; }
#passimg .popups .contents table td {vertical-align: middle; padding: 5px 0; border: 1px solid #979797; text-align: center; font-weight: bold; color: #000; }
#passimg .popups .contents .btns { text-align: center; padding: 10px 0; }
#passimg .popups .btns a.btn-gray-h25 {width:80%; height:35px; line-height:35px; background-color:#393939; color:#fff; text-align:center; display:block; border:1px solid #393939; margin: 0 auto;}



/* =============================================================================
   아이디/비밀번호 찾기 find_idpw.html 
   ========================================================================== */
/* 버튼 */
.btn_White {width:100%; height:35px; line-height:35px; background-color:#fff; text-align:center; display:block; border:1px solid #c6c6c6; box-sizing: border-box; vertical-align: middle;}
.btn_Black {width:100%; height:35px; line-height:35px; background-color:#393939; color:#fff; text-align:center; display:block; border:1px solid #393939; box-sizing: border-box; vertical-align: middle;}
.btn_Red {width:100%; height:40px; line-height:40px; background-color:#ab3e41; color:#fff; text-align:center; display:block; border:1px solid #ab3e41; box-sizing: border-box; vertical-align: middle;}

#findIdpw input[type="radio"] { vertical-align:middle; }

#findIdpw .txt-input { display: block; max-width: 100%; width: 100%; height: 100%; border: 0 none; padding: 0; }
#passimg { width : 100%; border-top: 2px solid #dadada; border-bottom: 2px solid #dadada; top: 280px; }
#findIdpw { font-size:.75em; }
#findIdpw .h_title { border-top:1px solid #464646; border-bottom:1px solid #464646; padding:10px; }
#findIdpw .h_title h3 { font-weight:bold; font-size:1em; }
#findIdpw .member { padding:0 15px; margin:20px 0;}
#findIdpw .radio-wrap { margin:10px 0; }
#findIdpw .radio-wrap label { margin-right:30px; color:#575757; font-weight:bold; }
#findIdpw .loginInput,
#findIdpw .loginBottom { margin:0; }
#findIdpw .loginInput input {width:100%; display:block; margin-bottom:10px;}
#findIdpw .loginMiddle .btn_Red {font-size:1.167em; margin:10px 0;}
#findIdpw .loginMiddle .btn_White {font-size:1.167em;}
#findIdpw .loginBottom p { padding:18px 15px; text-align:center; font-weight:bold; background:#eaeaea; }
#findIdpw .loginBottom p a.btn_auth { display: block; margin-top:10px; font-size: 14px; border:1px solid #cdcdcd; color:#3e3e3e; line-height:44px; letter-spacing:-1px; text-align:left; background:#fff; font-weight:400; }
#findIdpw .loginBottom p a.btn_auth span { display: inline-block; width:44px; margin-right:10px; border-right:1px solid #cdcdcd; }
#findIdpw .loginBottom p a.btn_auth img { width: 44px; height: 44px; }
#findIdpw .loginBottom p a.btn_Red { margin-top:10px; font-size:14px; }


/* 로그인 컨테이너 */
.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;
        }

        .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 */