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


  
/* 새로운 css */
.find-account .default-title__custom h3 {
    margin: 50px 0 80px ;
    font-size: 30px;
}

.find_idpw {
    width: 340px;
    min-height: 305px;
    height: 100%;
}

html body #layout_config.find-account .find-account-wrapper {
    display: flex;
    width: 900px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    align-items: center;
    padding: 45px;
    margin: 0 auto 200px;
    justify-content: space-between;
    box-sizing: border-box;
}

.find-account .find-account-wrapper .find_idpw .tit {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.36px;
    color: var(--black);
}

.find-account .find-account-wrapper .find_idpw .sub-tit {
    margin: 15px 0 0;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.28px;
    color: #A0A0A0;
}

.find-account .find-account-wrapper .find_idpw .radio-wrap {
    margin: 25px 0;
    display: flex;
    gap: 0 20px;
}

.find-account .find-account-wrapper .find_idpw .radio-wrap label {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.28px;
    color: var(--black);
}

.find-account .find-account-wrapper .find_idpw .frm-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
}

html body #layout_config.find-account .MS_input_txt {
    padding: 0 15px !important;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    width: 340px;
    height: 55px;
    margin: 0;
    box-sizing: border-box;
}

html body #layout_config.find-account .MS_input_txt::placeholder {
    color: #999;
}

.find-account .find-account-wrapper .find_idpw .btn-area {
    margin-top: 20px;
}

.find-account .find-account-wrapper .find_idpw .btn-area a {
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.3px;
    line-height: 50px;
    box-sizing: border-box;
    border-radius: 5px;
}

.find-account-wrapper #find_id.find_idpw {
    position: relative;
}

.find-account-wrapper #find_id.find_idpw::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 244px;
    background: #EBEBEB;
    position: absolute;
    right: -65px;
    top: 50%;
    transform: translateY(-50%);
}

.find-account .find_idpw .ipin-confirm dd a:first-child {
    margin-bottom: 10px;
}

.find-account .find_idpw .ipin-confirm dd a {
    display: block;
    width: 100%;
    height: 50px;
    margin: 0;
    border: 1px solid #231f20;
    border-radius: 5px;
    overflow: hidden;
}

.find-account .find_idpw .ipin-confirm dd a:hover span {
    border: none;
}

.find-account .find_idpw .ipin-confirm dd a span {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.3px;
    line-height: 50px;
    box-sizing: border-box;
    border-radius: 5px;
    border: none;
}


/* BASIC css end */