@charset "utf-8";

.direct1, .direct2 {
    font-size: 18px;
}
/* login{ */
.sect_login .wrapper {
    max-width: 400px;
    width: 100%;
    padding: 0;
}
.sect_login {
    padding-top: 105px;
    padding-bottom: 100px;
}

.sub_top{text-align: center;padding-bottom: 10px;}
.sub_top span {
    font-size: 28px;
    font-weight: 700;
}
.sub_top span.top_cnt{
    font-weight: 400;
}
.sub_top_txt {
    text-align: center;
    padding-bottom: 35px;
}
.sub_top_txt span {
    color: #404040;
    font-size: 12px;
    font-weight: 400;
}

.sftext>input{
    padding: 0 20px;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    border-color: #E4E4E4;
}
.login_input .sftext, .pwd_input .sftext{
    height: 55px;
}
.login_input .sftext{margin: 5px 0;}
/* login-placholder */
.sftext .placeholder,
.sftel .placeholder {/* color: #BABABA; */ color: #767676;}
.sftext>input::placeholder,
.sftel>input::placeholder {/* color: #BABABA; */color: #767676;}
.sftext>input::-webkit-input-placeholder,
.sftel>input::-webkit-input-placeholder {/* color:#BABABA; */ color: #767676;}
/* IE */
.sftext>input:-ms-input-placeholder,
.sftel>input:-ms-input-placeholder {/* color: #BABABA; */ color: #767676;}
/* Firefox */
.sftext>input:-mos-input-placeholder,
.sftel>input:-mos-input-placeholder {/* color: #BABABA; */ color: #767676;}

.login_find_wrap {
    float: right;
}
.login_id {
    display: inline-block;
}
.login_pw {
    display: inline-block;
    padding-left: 15px;
}
.login_id>a {
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    color: #232323;
}
.login_pw>a {
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    color: #232323;
}
.login_set{margin-top: 15px;height: 20px;}
.sfchkra{margin: 0;}
.login_auto {float: left;}
.sfchkra span{
    font-size: 14px;
    font-weight: 400;
    color: #232323;
    margin-left: 10px;
}
.sfchkra.color-2>input:checked+label i:after{background-color: #232323; border-width: 3px;}
.sfchkra.color-2>input+label i{border-color: #232323;}

.login_btn {
    padding-top: 30px;
}
.login_btn .sfbtn {
    height: 60px;
    margin: 7.5px 0;
}
.sfbtn .sfbtn_wr{font-size: 18px; font-weight: 500;}
.sfbtn.color-2 .sfbtn_wr{background-color: #232323;/* color: #FFE803; */}
.sfbtn.color-3 .sfbtn_wr{background-color: #FAE332; color: #232323;}
.sfbtn.color-4 .sfbtn_wr{/* background-color: #2CB24A; */ background-color: #2CA54A;  color: #ffffff;}
.sfbtn.border-color-2 .sfbtn_wr{
    border-color: #232323;
    background-color: #fff;
    color: #232323;
    border-width:  1px;
}
.sfbtn.ico-kakao i{
    background-image:url(../../../images/user/ico/ico_kakao_login.svg);
    width: 21px;
    height: 19px;
} 
.sfbtn.ico-naver i{
    background-image:url(../../../images/user/ico/ico_naver_login.svg);
    width: 16px;
    height: 15px;
}
.sfbtn[class*="ico"] i{
    /* background-position: bottom; */
    /* margin-top: 3px; */
}
/* }login */

/* findID_1{ */
.sect_find .wrapper {
    max-width: 800px;
    width: 100%;
    padding: 0;
}
.sect_find {
    padding-top: 105px;
    padding-bottom: 122px;
}
.sub_top_txt strong {
    font-weight: 500;
}
.verify_title {
    text-align: center;
    color: #232323;
    background: #F7F7F7;
    padding: 24px 0;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px solid #E4E4E4;
}
.verification {
    border: 1px solid #E4E4E4;
    border-radius: 5px;
    margin-bottom: 20px;
}
.verify_wrapper {
    padding: 35px 50px;
}
.verification.checkId {
    margin-bottom: 40px;
}
.verify_wrap {
    display: inline-block;
}
.checkId .verify_wrap {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    display: block;
}
.verify_ico {
    display: inline-block;
    vertical-align: top;
}
.verify_txt {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 400;
    color: #232323;
    padding-left: 20px;
    line-height: 1.6;
}
.verify_btn {
    float: right;
    width: 300px;
}
.verify_btn .sfbtn {
    height: 97px;
}

.find_btn {
    font-size: 0;
    margin-right: -40px;
}
.find_btn .sfbtn {
    height: 60px;
    padding-right: 40px;
}
.sfbtn.color-5 .sfbtn_wr{background-color: #FFFFFF; color: #232323; border-color: #232323;}
.sfbtn.color-6 .sfbtn_wr{background-color: #F7F7F8; color: #BABABA; border-color: #E4E4E4;}

.checkId .verify_wrap .join_title {
    text-align: left;
    padding-bottom: 10px;
}
.checkId .join_row:not(:last-child){
    padding-bottom: 18px;
}
.checkId .join_row .sfsearch input{
    border-color: #e4e4e4;
    color: #232323;
    font-size: 18px;
    font-weight: 400;
    padding: 0 20px;
}
.checkId .join_row  .sftel input{
    border-color: #e4e4e4;
    color: #232323;
    font-size: 18px;
    font-weight: 400;
    padding: 0 20px;
}
.checkId .join_row .sfselect>select {
    border-color: #e4e4e4;
}
.checkId .join_row  .sftext input{
    border-color: #e4e4e4;
    color: #232323;
    font-size: 18px;
    font-weight: 400;
    padding: 0 20px;
}
.checkId .join_title label {
    font-size: 14px;
    color: #000000;
    font-weight: 500;
}
.checkId .join_title strong {
    color: #E44126;
}
input[type="text"][readonly="readonly"], input[type="text"][disabled="disabled"], input[type="password"][readonly="readonly"], input[type="password"][disabled="disabled"], input[type="email"][readonly="readonly"], input[type="email"][disabled="disabled"], input[type="tel"][readonly="readonly"], input[type="tel"][disabled="disabled"], input[type="number"][readonly="readonly"], input[type="number"][disabled="disabled"], input[type="url"][readonly="readonly"], input[type="url"][disabled="disabled"], input[type="date"][readonly="readonly"], input[type="date"][disabled="disabled"], input[type="time"][readonly="readonly"], input[type="time"][disabled="disabled"], input[type="checkbox"][readonly="readonly"], input[type="checkbox"][disabled="disabled"], input[type="radio"][readonly="readonly"], input[type="checkbox"][disabled="disabled"]{
    border-color: #E4E4E4;
    background-color: #F7F7F7;
    color: #232323;
    font-size: 18px;
    font-weight: 400;
}

.checkId .placeholder {
    font-size: 18px!important;
    font-weight: 400!important;
    color: #BABABA!important;
}
.checkId .join_row input::placeholder {
    font-size: 18px!important;
    font-weight: 400!important;
    color: #BABABA!important;
    opacity: 1; 
}
.checkId .join_row input::-webkit-input-placeholder {
    font-size: 18px!important;
    font-weight: 400!important;
    color: #BABABA!important;
}
/* IE */
.checkId .join_row input:-ms-input-placeholder {
    font-size: 18px!important;
    font-weight: 400!important;
    color: #BABABA!important;
}
/* Firefox */
.checkId .join_row input:-mos-input-placeholder {
    font-size: 18px!important;
    font-weight: 400!important;
    color: #BABABA!important;
}
/* }findID_1 */

/* findID_2{ */
.verify_wrapper2 {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    padding: 75px 0;
}
.verify_wrapper2 span {
    color: #CE983C;
}
/* }findID_2 */

/* findPW_2{ */
.verify_wrapper4 {
    max-width: 400px;
    margin: 0 auto;
    padding: 35px 0;
}
.verify_password {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}
.verify_password span {
    color: #E44126;
}
.verify_password p {
    color: #E44126;
    font-size: 10px;
}
/* }findPW_2 */

/* findPW_3{ */
.verify_wrapper3 {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    padding-top: 32px;
    padding-bottom: 42px;
}
.verify_complete {
    margin-bottom: 15px;
}
/* }findPW_3 */