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

.login_wrap {
    display: flex;
    min-height: calc(100vh - 100px);
}

.login_wrap > div.cnt_left {
    border-right: 1px solid var(--mainColor);
    width: 50%;
    flex: 1;
}

.login_wrap > div.cnt_left .subCnt_title h4 {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    padding: 50px 50px 0 50px;
    box-sizing: border-box;
}

.login_wrap > div.cnt_left .cnt_sub_title p {
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
    margin-top: 30px;
    padding: 0 50px;
}

.login_wrap > div.cnt_right {
    width: 50%;
    flex: 1;
}

#wrap #contents .login_wrap .gInnerMargin {
    min-height: initial;
}

.login_wrap .login__button {
    margin: 10px 0 0;
}

.login_wrap [class^='btn'].sizeL {
    height: 50px;
    padding: 0;
    line-height: 48px;
    font-size: 13px;
}

.login_wrap .login {
    width: 100%;
}

.login_wrap .login_box {
    padding: 50px 50px 30px 50px;
    box-sizing: border-box;
}

.login_wrap .login input[type=text],.login_wrap .login input[type=password] {
    height: 40px;
    line-height: 38px;
    padding: 0 15px;
}

.login_wrap .login__security {
    display: none;
}

.login_wrap .login__util {
    display: flex;
    justify-content: end;
}

.login_wrap .login__util li a {
    font-size: 13px;
    line-height: 19px;
    color: var(--mainColor);
    font-weight: 400;
}

.login_wrap .login__util li:last-of-type a {
    border-right: 0;
}

.login_wrap a[class^='btn'].sizeL {
    background: var(--mainColor);
    color: var(--white);
    font-weight: 500;
    position: relative;
}

.login_wrap a[class^='btn'].sizeL::after {
    width: 8px;
    height: 4px;
    position: absolute;
    content: '';
    background: url('/wib/img/icon/arrow_down_black_8.svg')no-repeat center;
    transform: rotate(-90deg) translateY(-50%);
    top: calc(50% + -2px);
    right: 20px;
    background-size: 8px auto;
}

.login_wrap a[class^='btn'].btnNormal.sizeL {
    color: var(--mainColor);
    font-weight: 500;
    background: var(--white);
    border: 1px solid var(--mainColor);
}

.login_wrap .login__sns {
    margin: 0;
    padding: 10px 50px;
    box-sizing: border-box;
    border-top: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px 0;
}

.login_wrap .login__sns span {
    position: initial;
    transform: initial;
    color: var(--mainColor);
    font-size: 13px;
    font-weight: 400;
}

.login_wrap .login__sns .sns_box {
    font-size: 0;
    display: flex;
    gap: 0 60px;
}

.login_wrap .login__sns .sns_box [class*="btn"] {
    width: 30px;
    height: 30px;
    font-size: 0;
    display: block;
}

.login_wrap .login__sns .sns_box .btnKakao {
    background: url('/wib/img/icon/kakao_login_icon.png')no-repeat center;
    background-size: 30px 30px;
}

.login_wrap .login__sns .sns_box .btnNaver {
    background: url('/wib/img/icon/naver_login_icon.png')no-repeat center;
    background-size: 30px 30px;
}

.login_wrap .login__sns .sns_box .btnGoogle {
    background: url('/wib/img/icon/google_login_icon.png')no-repeat center;
    background-size: 30px 30px;
}

.login_wrap .login__sns .sns_box .btnApple {
    background: url('/wib/img/icon/ios_login_icon.png')no-repeat center;
    background-size: 30px 30px;
}

.login_wrap .xans-myshop-orderhistorynologin {
    display: block;
    padding: 35px 50px 50px 50px;
    box-sizing: border-box ;
}

.login_wrap button[class^='btn'].sizeL {
    background: var(--white);
    color: var(--mainColor);
    border: 1px solid var(--mainColor);
    font-weight: 500;
}

.findid_wrap .ec-base-box.typeMember,.findpassword_wrap .ec-base-box.typeMember {
    padding: 0;
    border: 0;
}

.findid_wrap .gInnerMargin,.findpassword_wrap .gInnerMargin {
    max-width: 100%;
}

.findid_wrap .ec-base-box.typeMember .content,.findpassword_wrap .ec-base-box.typeMember .content {
    width: 100%;
}

.findid_wrap .ec-base-box.typeMember #searchType,.findpassword_wrap .ec-base-box.typeMember #searchType {
    display: none;
}

.findid_wrap .ec-base-desc .term,.findpassword_wrap .ec-base-desc .term {
    margin: 0 0 5px 0;
    font-size: 13px;
    line-height: 22px;
    color: var(--mainColor);
    font-weight: 400;
    display: block;
}

.findid_wrap .ec-base-desc.gVer .desc,.findpassword_wrap .ec-base-desc.gVer .desc {
    margin: 0;
}

.findid_wrap .ec-base-desc .desc .check,.findpassword_wrap .ec-base-desc .desc .check {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--mainColor);
}
 

.findid_wrap .ec-base-desc .desc .check div{
    flex: 1;
    margin: 0;
    height: 50px;
    color: var(--gray03);
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    border-right: 1px solid var(--mainColor);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    cursor:pointer;
}
.findid_wrap .ec-base-desc .desc .check div.on  {
    background: var(--mainColor);
    color: var(--white);
}

.findid_wrap .ec-base-desc .desc .check div:last-of-type {
    border-right: 0;
} 

.findid_wrap .ec-base-field.code,.findpassword_wrap .ec-base-field.code {
    margin: 0;
    gap: 0 5px;
}

.findid_wrap .ec-base-field.code input[type="text"],.findpassword_wrap .ec-base-field.code input[type="text"],.findid_wrap .ec-base-field.code input[type="password"],.findpassword_wrap .ec-base-field.code input[type="password"] {
    margin: 0;
}

.findid_wrap .ec-base-desc > li:nth-of-type(1),.findpassword_wrap .ec-base-desc > li:nth-of-type(1) {
    /* margin-bottom: 10px; */
}

.findid_wrap .ec-base-desc > li:nth-of-type(1) ~ li,.findpassword_wrap .ec-base-desc > li:nth-of-type(1) ~ li {
    padding: 20px 50px 0 50px;
    box-sizing: border-box;
}

.findid_wrap #mobile_auth_view .term,.findpassword_wrap #mobile_auth_view .term {
    display: none;
}

.findid_wrap #mobile_auth_view .desc a[class^='btn'].sizeS,.findpassword_wrap #mobile_auth_view .desc a[class^='btn'].sizeS {
    width: 100%;
    height: 50px;
    line-height: 48px;
    border: 1px solid var(--lightGray01);
    color: var(--mainColor);
    font-size: 13px;
    font-weight: 400;
    padding: 0;
    margin: 0;
}

.findid_wrap .ec-base-box.typeMember .info,.findpassword_wrap .ec-base-box.typeMember .info {
    margin-top: 10px;
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
    color: var(--gray03);
}

.findid_wrap .ec-base-button.gBottom,.findpassword_wrap .ec-base-button.gBottom {
    margin: 30px 0 0;
    padding: 0 50px;
}

.findid_wrap .ec-base-button.gBottom a[class^='btn'][class*='Fix'].sizeM,.findpassword_wrap .ec-base-button.gBottom a[class^='btn'][class*='Fix'].sizeM {
    min-width: initial;
    padding: 0;
    width: 100%;
    height: 50px;
    line-height: 48px;
    background: var(--mainColor);
    color: var(--white);
    font-size: 13px;
    font-weight: 500;
    display: block;
    text-align: center;
}

.findidresult_wrap .ec-base-box.typeMember {
    padding: 30px 50px;
    box-sizing: border-box;
    border: 0;
}

.findidresult_wrap .xans-member-findidresult .complete {
    width: 100%;
}

.findidresult_wrap .xans-member-findidresult .complete .headDesc {
    margin: 20px 0 30px;
    color: var(--mainColor);
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
}

.findidresult_wrap .xans-member-findidresult .ec-base-desc {
    border-top: 1px solid var(--lightGray01);
    border-bottom: 1px solid var(--lightGray01);
    margin: 0;
    padding: 0;
}

.findidresult_wrap .xans-member-findidresult .ec-base-desc li {
    margin: 0;
}

.findidresult_wrap .ec-base-desc.gSmall dt,.findidresult_wrap .ec-base-desc.gSmall .term {
    margin: 0;
    padding: 0;
    width: 40%;
    max-width: 150px;
    font-size: 13px;
    font-weight: 400;
    line-height: 40px;
}

.findidresult_wrap .ec-base-desc.gSmall dd,.findidresult_wrap .ec-base-desc.gSmall .desc {
    margin: 0;
    padding: 0 0 0 150px;
    min-height: initial;
    font-size: 13px;
    font-weight: 400;
    line-height: 40px;
}

.findidresult_wrap .xans-member-findidresult label {
    margin-top: 30px;
    text-align: center;
}

.findidresult_wrap .xans-member-findidresult label input {
    display: none;
}

.findidresult_wrap .xans-member-findidresult label span {
    font-size: 13px;
    line-height: 1;
    color: var(--mainColor);
    font-weight: 400;
}

.findidresult_wrap .ec-base-button.gBottom {
    margin: 0;
    padding: 0 50px;
    box-sizing: border-box;
}

.findidresult_wrap .ec-base-button.gBottom a[class^='btn'][class*='Fix'].sizeM {
    min-width: initial;
    width: 100%;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 48px;
    height: 50px;
    background: var(--mainColor);
    color: var(--white);
    border: 1px solid var(--mainColor);
}

#findWrap input[type=text], #findWrap input[type=password] {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border: 1px solid var(--lightGray01);
    color: var(--mainColor);
    font-size: 12px;
    outline: initial;
    font-weight: 400;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}

.radio-wrap {
    border-bottom: 1px solid var(--mainColor);
    padding: 45px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 140px;
}


/* BASIC css end */