@charset "utf-8";

/* **************************************************************************************
* 반응형 스킨 사용자/제작자 CSS
Author : 퍼스트몰(firstmall)
Author URL : http://www.firstmall.kr
Creation Date : 2019-08-26
Modify Date : 2021-02-25
************************************************************************************** */


/*회원정보 입력*/
.resp_member_join_wrap {
    margin: 30px auto 60px;
}
.password_alert_msg{
    color:var(--color-orange)!important;
    font:var(--text-body13-regular);
    padding-top: 6px;
}
.mypage_greeting .pointcolor {
    font: var(--text-body15-bold);
    color: var(--color-666)
}

.resp_member_join input::placeholder {
    color: var(--color-ccc);
}

.box_id::placeholder {
    color: var(--color-ccc);
}

.box_pw::placeholder {
    color: var(--color-ccc);
}

.box_order::placeholder {
    color: var(--color-ccc);
}
.resp_join_table > ul{
    padding-bottom: 10px;
    display: block;
}

.resp_join_table > ul > li {
    display: block;
    padding: 8px 0;
    color: var(--color-666);
    vertical-align: middle;
    border:none;
}

.resp_join_table > ul > li:first-child {
    border-top: none;
}
.resp_join_table > ul > li.reg_input{
    display: flex;
    align-items: center;
    gap:4px;
}
.resp_member_join input:focus {
    outline: none;
}

.resp_member_join input[type=text], .resp_member_join input[type=password], .resp_member_join input[type=email], .resp_member_join input[type=tel] {
    width:100%;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    border-radius: 4px;
}
#btn_register .btn_resp.color2.size_c{
    height: 56px;
    font:var(--text-body16-bold)
}
.btn_resp.color2.size_c, .btn_resp.color2.size_extra, .btn_resp.color2.size_extra2, .resp_login_wrap .btn_resp.size_login1 {
    border-radius: 4px;
    /*width: 640px;*/
    /*height: 56px;*/
}

.resp_join_table span {
    width: 12px;
    height: 12px;
    background-size: 12px;
}

.btn_resp.size_b.color4 span {
    margin-left: 0px;
}

.resp_join_table p {
    display: flex;align-items: center;
    gap:6px;
    color: var(--color-333);
    font: var(--text-body16-regular);
    padding:6px 0;
}

.resp_join_table .guide_text {
    color:var(--primary-color2);
    font:var(--text-body13-regular);
    margin:0;
    padding:6px 0 0 ;
}

.resp_member_join input[type].size_mail1,.resp_member_join select[name='find_email'] {
    max-width: 148px;
    width: 100%;
    height: 32px;
}

.resp_member_join input[type].size_mail2 {
    max-width: 148px;
    width: 100%;
    height: 32px;
}

.resp_member_join select {
    width: 148px;
    height: 32px;
    padding: 0 5px;
    border-radius: 4px;
    color: var(--color-222);

}
.address_area{
    padding-top: 6px;
}
.btn_resp.size_b.color4 {
    margin-left: 6px;
    padding: 0 16px;
    /*line-height: 32px;*/
    background-color: #666;
    color: #fff;
}

.resp_member_join input[type].size_phone {
    max-width: 148px;
    width: 100%;
    height: 32px;
}

.resp_member_join input[type].size_zip_all {
    width: 148px;
    height: 32px;
}

.resp_member_join input[type].size_full {
    max-width: 640px;
    width: 100%;
    height: 32px;
}

.resp_member_join input {
    border-radius: 4px;
}

.resp_join_table {
    border-bottom: 0px #ddd solid;
}

.title_container + .mypage_greeting {
    margin-top: 0;
    font: var(--text-body14-regular);
}

/*아이디 / 비밀번호 찾기*/
.resp_login_wrap:not(.login_container){
    padding-bottom: 60px;
}
.title_sub2.v2 {
    margin-top:20px;

}
.title_sub2.v2 span{
    font:var(--text-subtitle22-semi-bold);
    color:var(--color-333)
}
.label_group.v2{
    padding: 20px 0;
}
.label_group.v2 input[name="find_gb"] + span{
    font:var(--text-body16-semi-bold);
    color:var(--color-333)
}
.resp_login_wrap .btn_resp.color2 {
    font: var(--text-body14-regular);
    line-height: 42px;
}


.tab_basic > ul > li {
    font: var(--text-body14-regular);
}



.title_container {
    margin: 112px 0 11px 0;
    padding: 0;
}

.title_container > h2 {
    font: var(--text-heading2);
    color: var(--color-333)
}

.title_sub2 {
    background: none;
}

.title_sub2.v2 {
    font-size: 22px;
    margin-top: 28px !important;
}

.gray_06 {
    font-size: 13px;
}

.resp_join_table.v2.th_size3 input.size_full {
    width: 100%;
    max-width: 360px;
    height: 32px;
    padding: 0px 10px;
    border-radius: 4px;

}

#captcha_id_search {
    border-radius: 4px;
    border:1px solid var(--color-ddd);
}

#captcha_id_search::placeholder {
    color: var(--color-ccc);
    font:var(--text-caption-regular)
    /*--primary-color3: #BE04ff;*/
}

#captcha_id_search:focus {
    outline: none;
}

#captcha_pass_search {
    border-radius: 4px;
}

#captcha_pass_search::placeholder {
    color: var(--color-ccc);
}

#captcha_pass_search:focus {
    outline: none;
}


.captcha_text {
    margin-top: 6px;
    margin-bottom: 8px;
}

.btn_area_b {
    padding-top: 20px;
}

.label_group.v2 label span {
    margin-left: 8.75px;
}
.auth_result .pointcolor2{
    color: var(--primary-color1);
}


/* 아이디/비밀번호 찾기 일치하는정보 없을때 */

.btn_find_id.btn_resp.size_c.color2 {
    padding: 0 16px;
}

.btn_resp.size_c.color5 {
    padding: 0 16px;
    border-radius: 4px;
}

.btn_find_pw.btn_resp.size_c.color2 {
    padding: 0 16px;
    line-height:42px ;
}
.auth_result .btn_resp.color5,.auth_result btn_resp size_c color2 Wmax,.auth_result .btn_find_id.btn_resp.size_c.color2{
    font: var(--text-body14-regular);
    line-height:42px ;
}
/* 사업자 회원가입 */
.resp_join_table > ul > li.th{
    background-color: transparent;

}
.resp_join_table > ul > li.th > p{padding: 0;}
.resp_join_table > ul.required > li.th > p{
    display: inline-flex;
    background-position: right center;
    padding: 6px 18px 6px 0;
}
/* 회원가입 완료 */
.login_ok_menu{
    margin:0 auto 60px;
}
.login_ok_menu .btn_resp.size_c{
    height: 56px;
    font:var(--text-body16-bold);
    line-height: 56px;
}