/* BASIC css start */
#container{ }

.tab{ display: flex; align-items: center; justify-content: space-between;}
.tab li{ width: 49%; }
.tab li a{ font-size: 16px; padding: 0 0 10px; text-align: center; border-bottom: 1px solid #D9D9D9; color: #A2A2A2; display: block;}
.tab li a.on{ color: #000; border-bottom: 1px solid #000;}


[class*="btn_style"]{ position: relative; display: block; padding: 14px 0; margin: 0 auto 10px; width: 100%; text-align: center; font-size: 16px; color: #000; border-radius: 3px;}
.btn_style_b{background: #393939; color: #fff;}
.btn_style_w{ border: 1px solid #DEDEDE;}

#findWrap{ width: 100%;}

#findIdpw{}
.id_section{ width: 400px; margin: 0 auto; }
.pw_section{ width: 400px; margin: 0 auto; }



.id_section input[name="find_id_type"],
.pw_section input[name="find_pw_type"]{ display:none; vertical-align:middle; }
.id_section input[name="find_id_type"] + label,
.pw_section input[name="find_pw_type"] + label{ display: inline-block; width: 20px; height: 20px; border-radius: 50px; border: 1px solid #DEDEDE; vertical-align: middle; margin-right: 5px;}

[class*="_section"] input[name*="find_"]:checked + label{ border: 5px solid #000; box-sizing: border-box;}


/* =============================================================================
   ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â find_idpw.html 
   ========================================================================== */
   

[class*="_section"] input[type="text"],[class*="_section"]  input[type="email"],#findIdpw  select {
    height:46px; border:1px solid #DEDEDE; vertical-align: middle; padding-left:10px; box-sizing: border-box; -webkit-border-radius:0; border-radius: 3px; width: 100%; margin-bottom: 10px;
}
[class*="_section"] input[type="text"]::placeholder, [class*="_section"] input[type="email"]::placeholder{
 color: #A2A2A2;
}



[class*="_section"] .radio-wrap { margin:10px 0 20px;  display: flex; align-items: center; }
[class*="_section"] .radio-wrap li{ margin-right: 10px;}
[class*="_section"] .radio-wrap label {}
[class*="_section"] .loginInput{ margin-top: 40px;}
[class*="_section"] .loginInput input {width:100%; display:block; margin-bottom:10px;}





/* 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; }
/* BASIC css end */