/* BASIC css start */
/* ============================================================
   [1] 서버 원본 그대로 - 손대지 않는다
   ============================================================ */

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="text"],#findIdpw  input[type="email"],#findIdpw  select {height:35px; border:1px solid #bbb; vertical-align: middle; padding-left:10px; box-sizing: border-box; -webkit-border-radius:0; border-radius: 0;}
#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; }


/* ============================================================
   [2] 리뉴얼 디자인 오버라이드
   design set 29306 . 스코프 #findIdpw
   원본의 전역 .btn_* 선언은 그대로 두고 여기서만 덮는다
   .div-idtype / .div-pwtype 의 display 는 라디오 전환이 제어하므로
   절대 건드리지 않는다
   ============================================================ */

#findIdpw{
    --ink:#222;
    --sub:#666;
    --muted:#888;
    --line:#ddd;
    --line2:#ccc;
    --soft:#f7f7f7;
    --green:#438D46;
    --green-d:#367038;
    --price:#ff3c00;

    padding-bottom:40px;
    color:var(--ink);
    font-size:13px;
    line-height:1.5;
    letter-spacing:-0.02em;
    font-family:Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
}
#findIdpw *{box-sizing:border-box;}


/* ------------------------------------------------------------
   섹션 제목
   ------------------------------------------------------------ */
#findIdpw .h_title{
    margin:26px 0 0;
    padding:0 20px 10px;
    border:0;
    border-bottom:1px solid var(--line);
    background:none;
}
#findIdpw .h_title:first-child{margin-top:16px;}
#findIdpw .h_title h3{
    margin:0;
    padding:0;
    font-size:16px;
    font-weight:800;
    color:var(--ink);
    letter-spacing:-0.02em;
    line-height:1.4;
}

#findIdpw .member{
    margin:16px 0 0;
    padding:0 20px;
}
#findIdpw .member > p{
    margin:0 0 14px;
    font-size:12.5px;
    line-height:1.6;
    color:var(--sub);
}


/* ------------------------------------------------------------
   찾기 방법 선택 라디오
   ------------------------------------------------------------ */
#findIdpw .radio-wrap{
    display:flex;
    flex-wrap:wrap;
    gap:4px 22px;
    margin:0 0 14px;
}
#findIdpw .radio-wrap label{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:26px;
    margin:0;
    padding:0;
    font-size:13px;
    font-weight:700;
    color:var(--ink);
    cursor:pointer;
}
#findIdpw .radio-wrap input[type="radio"]{
    flex:0 0 auto;
    width:17px;
    height:17px;
    margin:0;
    vertical-align:middle;
    accent-color:var(--green);
}


/* ------------------------------------------------------------
   입력칸
   ------------------------------------------------------------ */
#findIdpw .loginInput{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:0;
}
#findIdpw .loginInput .div-idtype,
#findIdpw .loginInput .div-pwtype{margin:0;}

#findIdpw .loginInput input,
#findIdpw input[type="text"],
#findIdpw input[type="email"],
#findIdpw input[type="tel"],
#findIdpw select{
    width:100%;
    height:46px;
    display:block;
    margin:0;
    padding:0 12px;
    border:1px solid var(--line2);
    border-radius:4px;
    -webkit-border-radius:4px;
    background:#fff;
    color:var(--ink);
    font-size:13.5px;
    font-family:inherit;
    line-height:normal;
    letter-spacing:-0.02em;
    vertical-align:middle;
    -webkit-appearance:none;
    appearance:none;
}
#findIdpw select{
    padding-right:32px;
    -webkit-appearance:menulist;
    appearance:menulist;
}
#findIdpw .txt-input{
    display:block;
    width:100%;
    max-width:100%;
    height:46px;
    padding:0 12px;
    border:1px solid var(--line2);
}
#findIdpw input::placeholder{color:var(--muted); font-weight:400;}
#findIdpw input:focus,
#findIdpw select:focus{
    outline:0;
    border-color:var(--green);
    box-shadow:0 0 0 2px rgba(67,141,70,.12);
}
#findIdpw input:-webkit-autofill,
#findIdpw input:-webkit-autofill:hover,
#findIdpw input:-webkit-autofill:focus{
    -webkit-text-fill-color:var(--ink);
    -webkit-box-shadow:0 0 0 1000px #fff inset;
    box-shadow:0 0 0 1000px #fff inset;
    transition:background-color 9999s ease-out 0s;
}


/* ------------------------------------------------------------
   버튼
   ------------------------------------------------------------ */
#findIdpw .loginMiddle{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:16px 0 0;
}
#findIdpw .loginMiddle .btn_Red,
#findIdpw .loginMiddle .btn_White{
    display:flex !important;
    align-items:center;
    justify-content:center;
    float:none !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 12px !important;
    border-radius:4px !important;
    text-decoration:none;
    font-family:inherit;
    letter-spacing:-0.02em;
}
#findIdpw .loginMiddle .btn_Red{
    height:50px !important;
    min-height:50px !important;
    line-height:1 !important;
    background:var(--green) !important;
    border:1px solid var(--green) !important;
    color:#fff !important;
    font-size:14.5px !important;
    font-weight:700 !important;
}
#findIdpw .loginMiddle .btn_Red:active{
    background:var(--green-d) !important;
    border-color:var(--green-d) !important;
}
#findIdpw .loginMiddle .btn_White{
    height:44px !important;
    min-height:44px !important;
    line-height:1 !important;
    background:#fff !important;
    border:1px solid var(--line2) !important;
    color:var(--sub) !important;
    font-size:13px !important;
    font-weight:700 !important;
}


/* ------------------------------------------------------------
   본인인증 안내 블록
   ------------------------------------------------------------ */
#findIdpw .loginBottom{margin:16px 0 0;}
#findIdpw .loginBottom p{
    margin:0 20px;
    padding:18px 16px;
    border:1px solid var(--line);
    border-radius:4px;
    background:var(--soft);
    text-align:center;
    font-size:12.5px;
    font-weight:400;
    line-height:1.7;
    color:var(--sub);
}
#findIdpw .loginBottom p a.btn_auth{
    display:flex !important;
    align-items:center;
    width:100% !important;
    height:52px;
    margin:10px 0 0 !important;
    padding:0;
    border:1px solid var(--line2) !important;
    border-radius:4px;
    background:#fff !important;
    color:var(--ink) !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:-0.02em;
    text-align:left;
    text-decoration:none;
}
#findIdpw .loginBottom p a.btn_auth span{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:100%;
    margin:0 12px 0 0;
    border-right:1px solid var(--line);
}
#findIdpw .loginBottom p a.btn_auth img{
    width:30px;
    height:30px;
}
#findIdpw .loginBottom p a.btn_Red{
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:100% !important;
    height:50px !important;
    min-height:50px !important;
    margin:14px 0 0 !important;
    padding:0 12px !important;
    border:1px solid var(--green) !important;
    border-radius:4px !important;
    background:var(--green) !important;
    color:#fff !important;
    font-size:14.5px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-decoration:none;
}


/* ------------------------------------------------------------
   넓은 화면
   ------------------------------------------------------------ */
@media (min-width:640px){
    #findIdpw .h_title,
    #findIdpw .member{padding-left:20px; padding-right:20px;}
    #findIdpw .loginBottom p{margin-left:20px; margin-right:20px;}
}


/* ------------------------------------------------------------
   자동입력방지 팝업 (#passimg)
   메이크샵 코어 JS 가 실행 중에 넣는 마크업이라 CSS 로만 손댄다
   위치 관련 값(top, position)은 코어가 계산하므로 건드리지 않는다
   ------------------------------------------------------------ */
#passimg{
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background:#fff;
    font-family:Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
    letter-spacing:-0.02em;
}
#passimg .popups .head h5{
    margin:0;
    padding:16px 0;
    border-bottom:1px solid #ddd;
    color:#222;
    font-size:15px;
    font-weight:800;
    letter-spacing:-0.02em;
}
#passimg .popups .contents{
    padding:18px 16px;
}
#passimg .popups .contents table{
    width:100%;
    margin:0;
    border-collapse:separate;
    border-spacing:0 8px;
    background:none;
}
#passimg .popups .contents table td{
    padding:0;
    border:0;
    background:none;
    color:#222;
    font-size:13px;
    font-weight:700;
    text-align:left;
    vertical-align:middle;
}
#passimg .popups .contents table td:first-child{
    width:96px;
    padding-right:12px;
    color:#666;
    font-size:12.5px;
    white-space:nowrap;
}
#passimg .popups .contents input[type="text"],
#passimg .popups .contents input[type="password"]{
    width:100%;
    height:44px;
    padding:0 12px;
    border:1px solid #ccc;
    border-radius:4px;
    background:#fff;
    color:#222;
    font-size:13.5px;
    font-family:inherit;
    line-height:normal;
    -webkit-appearance:none;
    appearance:none;
}
#passimg .popups .contents input[type="text"]:focus,
#passimg .popups .contents input[type="password"]:focus{
    outline:0;
    border-color:#438D46;
    box-shadow:0 0 0 2px rgba(67,141,70,.12);
}
#passimg .popups .contents .btns{
    padding:8px 0 0;
    text-align:center;
}
#passimg .popups .btns a.btn-gray-h25{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:52px;
    line-height:1;
    margin:0;
    padding:0 12px;
    border:1px solid #438D46;
    border-radius:4px;
    background-color:#438D46;
    color:#fff;
    font-size:15px;
    font-weight:800;
    font-family:inherit;
    text-decoration:none;
}
/* BASIC css end */