/* BASIC css start */
/* °øÅë */
.findArea { width:100%; max-width:1230px; margin:160px auto; }
.findArea:after { content:''; clear:both; display:block; }
.findArea #find_id { float:left; width:550px; }
.findArea #find_pw { float:right; width:550px; }
.findArea .find_idpw .tit { font-weight:bold; font-size:25px; margin:0 0 15px; }
.findArea .find_idpw .radio-wrap { font-size:13px; color:#989898; margin:0 0 15px;  }
.findArea .find_idpw .radio-wrap label { margin:0 15px 0 0; cursor:pointer; }
.findArea .find_idpw .radio-wrap label input { margin:-3px 3px 0 0; }
.findArea .find_idpw .find-info { margin:0 0 15px; }
.findArea .find_idpw .find-info:after { content:''; clear:both; display:block; }
.findArea .find_idpw .find-info > ul { float:left; width:374px; }
.findArea .find_idpw .find-info > ul li.id,
.findArea .find_idpw .find-info > ul li.user-name { margin:0 0 10px; }
.findArea .find_idpw .find-info > ul li input { width:100%; height:50px; border:1px solid #F2F2F2; background:#F2F2F2; border-radius:50px; font-size:15px; box-sizing:border-box; padding:0 30px; transition:0.3s; color:#989898; }
.findArea .find_idpw .find-info > ul li input::placeholder { color:#989898; }
.findArea .find_idpw .find-info > ul li input:focus { background:#fff; border-color:#171717; color:#171717; }
.findArea .find_idpw .find-info .btn-area { float:right; width:168px; }
.findArea .find_idpw .find-info .btn-area > a { width:168px; height:110px; line-height:110px; text-align:center; border-radius:10px; color:#fff; background:#171717; font-size:14px; transition:0.3s; display:block; }
.findArea .find_idpw .find-info .btn-area > a:hover { color:#E59DA0; }
.findArea .find_idpw p.sub-tit { font-size:13px; color:#989898; }

/* ¾ÆÀÌÇÉ */
.find_idpw .ipin-confirm { padding: 20px 0; border: 3px solid #d4d4d4; text-align: center; background:#fdfdfd; }
.find_idpw .ipin-confirm dt { margin-bottom: 25px; font-size: 14px; }
.find_idpw .ipin-confirm a.ipin-svc { margin:0 10px; font-size: 14px; font-weight: bold; color: #d63449; text-decoration: underline; }

#passimg { z-index:3; left:50% !important; margin-left:-193px; }
#authimg { border-color:#171717 !important; }
#authimg > h1 { background:#fff !important; color:#171717 !important; }  
#authimg > h1 > a { top:10px !important; right:10px !important; width:14px; height:14px; }
#authimg > h1 > a img { width:100%; height:100%; opacity:0; }
#authimg > h1 > a:before { content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#171717; transform:rotate(45deg); }
#authimg > h1 > a:after { content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#171717; transform:rotate(-45deg); }

/* BASIC css end */