/* BASIC css start */
ul.tab {font-size: 0;height: 58px;line-height: 58px;}

ul.tab>li {display: inline-block;font-size: 15px;width: 50%;color: #999;text-align: center;border-bottom: 1px solid #ddd;}

ul.tab>li.on {border-bottom: 1px solid #000;font-weight: 600;color: #000;}

.tab__wrap>.member:not(.member:first-of-type) {display: none;}
.loginMiddle>a:first-of-type {margin-bottom: 7px;}
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;}

#findIdpw .loginInput input::placeholder {color: #999;}

/* =============================================================================
   아이디/비밀번호 찾기 find_idpw.html 
   ========================================================================== */
/* 버튼 */

#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 14px; }
#findIdpw .radio-wrap { margin: 30px 0; text-align: center;}
#findIdpw .radio-wrap label>.tab {    display: inline-block;
    text-align: center;
    line-height: 29px;
    box-sizing: border-box;
    width: calc((100% / 3) - 5.66px);
    max-width: 116px;height: 29px;
    border-radius: 15px;
    background-color: #f5f5f5;
    margin-right: 5px;
    font-size: 13px;color: #000;}
#findIdpw .radio-wrap label:last-of-type>.tab {margin-right: 0;}
#findIdpw .loginInput,
#findIdpw .loginBottom { margin: 0 0 17px; }
#findIdpw .loginInput input {  width: 100%;
    display: block;
    margin-bottom: 7px;
    background-color: #f5f5f5;border: none;}

#findIdpw .radio-wrap label>input[type='radio']:checked ~ .tab {background-color: #d8001c;color: #fff;}

#findIdpw .radio-wrap label>input[type='radio'] {display: none;}
#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; }

 #member_auth .member_authBottom .btns_auth li { margin-top:10px; list-style:none; }
 #member_auth .member_authBottom .btns_auth li:first-child { margin-top:0; }
 #member_auth .member_authBottom .btns_auth li a {position: relative; display: block; font-size: 13px; border: 1px solid #ddd; color: #000; /* line-height: 67px; */ padding: 15px 0;letter-spacing: 0; background:#fff; font-weight: 500; border-radius: 5px;}
 #member_auth .member_authBottom .btns_auth li a span { display: inline-block; width: 35px; margin-right:10px;  margin-left: 14px;}
 #member_auth .member_authBottom .btns_auth li a img { width: 35px; height: 35px; vertical-align: middle;}
.description {position: absolute;top: 50%;left: 59px;webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);line-height: 1.7;font-size: 12px;color: #999;}

.description>h2 {font-size: 13px;color: #000;font-weight: 500;}


#member_auth .member_authBottom .btns_auth li a:after {content: "";background-image: url(/design/esdongsuh/2022renewal/MB/mb_join_arr01.svg);width: 10px;height: 10px;background-size: 10px;position: absolute;right: 14px;webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%) rotate(90deg);
    -ms-transform: translate(0%,-50%) rotate(90deg);
    -o-transform: translate(0%,-50%) rotate(90deg);
    transform: translate(0%,-50%) rotate(90deg);top: 50%;background-repeat: no-repeat;}
/* BASIC css end */