/* BASIC css start */
/* 공통 */
#findWrap { margin-top:117px; padding-bottom:65px; border:1px solid #e9e9e9; border-top:1px solid #000; *zoom:1 }
#findWrap:after { display:block; clear:both; content:'' }
#findWrap .find_idpw { margin-top:64px; float:left; width:386px }
#findWrap .find_idpw .tit { padding-top:15px; font-size:18px; color:#000; font-weight:bold; line-height:18px }
#findWrap .find_idpw .sub-tit { padding-top:20px; font-size:11px; color:#8d8d8d; line-height:18px }
#findWrap .find_idpw .radio-wrap { margin-top:15px; font-size:11px; color:#000; }
#findWrap .find_idpw .radio-wrap label { margin-right:23px }
#findWrap .find_idpw .radio-wrap input { vertical-align:top }

/* IE7 Hack */
*:first-child+html #findWrap .find_idpw .radio-wrap label { margin-right:10px }
*:first-child+html #findWrap .find_idpw .radio-wrap input { vertical-align:middle; margin-top:-3px }
/* IE7 Hack */

#findWrap .find_idpw .frm-list { padding-top:15px; position:relative; width:386px }
#findWrap .find_idpw .frm-list li { position:relative; width: 100%; margin-bottom:6px }
#findWrap .find_idpw .frm-list li label { padding-left:11px; position:absolute; top:0; left:0; width:375px; height:50px; color:#adadad; line-height:50px; cursor:text }
#findWrap .find_idpw .frm-list li input { padding: 0 0 0 10px; width:374px; height:48px; line-height:48px; border:1px solid #ddd }
#findWrap .find_idpw .btn-area { padding-top:10px }
#findWrap .find_idpw .btn-area a { display:block; margin-bottom:6px; height:58px; font-size:16px; line-height:58px }
#findWrap .find_idpw .btn-area .inner a { display:inline-block; margin-left:3px; width:187px }
#findWrap .find_idpw .btn-area .inner .first { margin-left:0 }

#findWrap #find_id { padding-left:82px; padding-right:81px; padding-bottom:20px; border-right:1px solid #e9e9e9 }
#findWrap #find_id .radio-wrap { margin-top:33px }

#findWrap #find_pw { margin-left:-1px; padding-left:82px; border-left:1px solid #e9e9e9 }

/* 본인인증 */
.find_idpw .ipin-confirm { margin-top:15px; padding: 17px 0 18px; border-top:1px solid #ddd; }
.find_idpw .ipin-confirm dt { margin-bottom:16px; color:#000; line-height:18px; }
.find_idpw .ipin-confirm dd { text-align:center; }
.find_idpw .ipin-confirm dd a { display: inline-block; width: 88px; height: 88px; font-size: 12px; margin: 0 0 0 5px; border:1px solid #dedede; color:#000; text-align:center; letter-spacing:-1px; }
.find_idpw .ipin-confirm dd a:first-child { margin-left:-1px; }
.find_idpw .ipin-confirm dd a span { display: inline-block; width:86px; height:86px; border:1px solid #fff; }
.find_idpw .ipin-confirm dd a:hover,
.find_idpw .ipin-confirm dd a:hover span { border:1px solid #000; }
.find_idpw .ipin-confirm dd a img { width: 45px; height: 45px; margin: 9px 0; }

/* 자동입력방지 */
#passimg #authimg h1 a {background:none !important;}


/* find_id_css */
.titleArea { max-width:400px; margin:0 auto; }
.titleArea ul { display:none; }
.xans-member-findid .boxTitle { display:none; }
.xans-member-findid .findId p { position:relative; display:flex; flex-wrap:wrap; align-items:center; margin-top:15px; }
.xans-member-findid .findId p:first-of-type { margin:0; }
.xans-member-findid .findId p.check { margin:10px 0; }
.xans-member-findid .findId strong { width:100%; margin:0 0 6px; }
.xans-member-findid .findId p[id*="view"] span { font-size:var(--font-size-small); color:var(--color-sub); }
.xans-member-findid .findId p[id*="view"] a { position:absolute; right:0; bottom:0; padding:var(--padding-small); font-size:var(--font-size-small); }
.xans-member-findid .findId .ec-base-button a { width:100%; padding:var(--padding-large); }

/* find_pw_css */
.titleArea { max-width:400px; margin:0 auto; }
.titleArea.pw {margin-top:30px;}
.xans-member-findpasswd .boxTitle { display:none; }
.xans-member-findpasswd li { margin:5px 0 0 !important; }
.xans-member-findpasswd .check { margin:10px 0; }
.xans-member-findpasswd .findPw li[id*="view"] .desc { display:flex; align-items:center; }
.xans-member-findpasswd .findPw li[id*="view"] span { font-size:var(--font-size-small); color:var(--color-sub); }
.xans-member-findpasswd .findPw li[id*="view"] a { position:absolute; right:0; bottom:0; padding:var(--padding-small); font-size:var(--font-size-small); }
.xans-member-findpasswd .findPw #ssn_view .desc { flex-wrap:wrap; }
.xans-member-findpasswd .findPw #ssn_view input { width:100%; }
.xans-member-findpasswd .findPw .ec-base-button a { width:100%; padding:var(--padding-large); }


body [class*="btn"] i,
body [class*="btn"] img {display:inline-block;}
/* BASIC css end */