@charset "UTF-8"; 

.header_membership{background-color: transparent;}
.header_membership .hd_inner{width: 100%;max-width: 890px;margin: 0 auto;padding: 40px 20px 0;}
.header_membership .logo{display: inline-block;width: auto;height: 46px;}
.header_membership .logo > a{display: inline-block;width: auto;height: 46px;}
.header_membership .logo > a img{height: 100%;}

body.membership{background-color: #F7F8FB;}
body.membership #container{height: 100%;box-sizing: border-box;}

.membership_component{padding-top: 48px;padding-bottom: 48px;}
.membership_component .component_inner{width: 100%;max-width: 890px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
.membership_tit_box{text-align: center;}
.membership_tit_box .membership_tit{font-size: var(--fs-36);font-weight: 700;line-height: var(--lh-40);color: var(--color-black);text-align: center;}

/* 로그인 */
.membership_component .login_box{width: 100%;max-width: 650px;margin: 70px auto 0;background-color: var(--color-white);box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);border-radius: 20px;box-sizing: border-box;overflow: hidden;}
.membership_component .login_box .box_inner{width: 100%;padding: 100px 95px;box-sizing: border-box;}
.membership_component .login_box .save_box{margin-top: 20px;}
.membership_component .login_box .login_btn_box{margin-top: 60px;}
.membership_component .login_box .login_link_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 20px;margin-top: 20px;}
.membership_component .login_box .links{display: flex;align-items: center;flex-wrap: nowrap;gap: 5px;}
.membership_component .login_box .links .links_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-blue);}
/* 아이디/비밀번호 찾기 */
.membership_component .find_box{width: 100%;max-width: 650px;margin: 70px auto 0;background-color: var(--color-white);box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);border-radius: 20px;box-sizing: border-box;overflow: hidden;}
.membership_component .find_box .box_inner{width: 100%;padding: 76px 95px;box-sizing: border-box;}
.membership_component .find_box .find_btn_box{margin-top: 48px;}
/* 비밀번호 재설정 */
.membership_component .reset_box{width: 100%;max-width: 650px;margin: 70px auto 0;background-color: var(--color-white);box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);border-radius: 20px;box-sizing: border-box;overflow: hidden;}
.membership_component .reset_box .box_inner{width: 100%;padding: 36px 95px 88px;box-sizing: border-box;}
.membership_component .reset_box.rest_complete .box_inner{width: 100%;padding: 40px 55px;box-sizing: border-box;}
.membership_component .reset_box .box_tit_box{}
.membership_component .reset_box .box_tit_box .box_tit{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-29);color: var(--color-base);}
.membership_component .reset_box .box_tit_box .box_tit.big{font-size: var(--fs-26);font-weight: 700;line-height: var(--lh-40);color: var(--color-base);text-align: center;}
.membership_component .reset_box .box_tit_box h2.box_tit.big{font-size: var(--fs-22);margin-bottom: 20px}
.membership_component .reset_box .frm_box{margin-top: 40px;}
.membership_component .reset_box .frm_box .frm_inp_box + .frm_inp_box{margin-top: 10px;}
.membership_component .reset_box .noti_msg_box{margin-top: 50px;padding: 24px;background-color: #ededed;border-radius: 8px;box-sizing: border-box;text-align: center;}
.membership_component .reset_box .noti_msg_box .msg_txt{font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-base);text-align: center;}
.membership_component .reset_box .reset_btn_box{margin-top: 32px;}
.membership_component .reset_box.rest_complete .reset_btn_box{margin-top: 100px;}


/* 회원가입 */
.membership_component .join_wrap{}
.membership_component .join_wrap .join_step_box{margin-top: 36px;}
.membership_component .join_wrap .join_step_list{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;gap: 20px;}
.membership_component .join_wrap .join_step_item{width: 50px;height: 20px;border-radius: 20px;background-color: var(--color-white);box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, .1);box-sizing: border-box;}
.membership_component .join_wrap .join_step_item.active{background-color: var(--color-blue);}
.membership_component .join_wrap .join_tit_box{margin-top: 32px;text-align: center;}
.membership_component .join_wrap .join_tit_box .join_tit{font-size: var(--fs-28);font-weight: 500;line-height: var(--lh-40);color: var(--color-base);}
/* 1단계 */
.membership_component .join_wrap .join_edu_box{margin-top: 48px;}
.membership_component .join_wrap .join_edu_list{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;column-gap: 50px;row-gap: 50px;}
.membership_component .join_wrap .join_edu_item{width: calc(50% - (50px/2));background-color: var(--color-white);border: 4px solid var(--color-white);border-radius: 20px;box-sizing: border-box;overflow: hidden;transition: border-color .35s;}
.membership_component .join_wrap .join_edu_item .item_inner{height: 100%;padding: 40px 32px;box-sizing: border-box;display: flex;align-items: flex-start;justify-content: space-between;flex-direction: column;}
.membership_component .join_wrap .join_edu_item .item_hd{width: 100%;min-height: 120px;box-sizing: border-box;}
.membership_component .join_wrap .join_edu_item .item_tit{font-size: var(--fs-28);font-weight: 700;line-height: var(--lh-40);color: var(--color-base);transition: color .35s;}

.membership_component .join_wrap .join_edu_item .item_bd{width: 100%;margin-top: 24px;padding-top: 32px;border-top: 1px solid var(--color-line);box-sizing: border-box;transition: border-color .35s;}
.membership_component .join_wrap .join_edu_item .img_box{width: auto;height: 40px;line-height: 0;}
.membership_component .join_wrap .join_edu_item .img_box img{width: auto;height: 100%;}
.membership_component .join_wrap .all_chk_item{padding-left: 30px;}


.membership_component .join_wrap .join_edu_item.active{border-color: var(--color-blue2);}
.membership_component .join_wrap .join_edu_item.active .item_tit{color: var(--color-blue2);}
.membership_component .join_wrap .join_edu_item.active .item_bd{border-color: var(--color-blue2);}

/* 2단계 */
.membership_component .join_wrap .join_terms_box{width: 100%;max-width: 650px;margin: 0 auto;margin-top: 48px;}
.membership_component .join_wrap .join_terms_list{margin-top: 30px;}
.membership_component .join_wrap .join_terms_item{width: 100%;border-radius: 20px;box-sizing: border-box;overflow: hidden;box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);}
.membership_component .join_wrap .join_terms_item + .join_terms_item{margin-top: 30px;}
.membership_component .join_wrap .join_terms_item .item_hd{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;gap: 16px;width: 100%;padding: 28px 30px;background-color: var(--color-white);box-sizing: border-box;}
.membership_component .join_wrap .join_terms_item .frm_box .frm_chk_box label{font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-26);}
.membership_component .join_wrap .join_terms_item .item_acc_btn{cursor: pointer;transform: rotate(0);transition: transform .35s;}
.membership_component .join_wrap .join_terms_item.opened .item_acc_btn{transform: rotate(-180deg);}

.membership_component .join_wrap .join_terms_item .item_bd{display: none;width: 100%;background-color: #ededed;padding: 24px 12px 24px 30px;box-sizing: border-box;}
.membership_component .join_wrap .join_terms_item .terms_cnt{width: 100%;max-height: 165px;overflow: hidden;overflow-y: auto;}
.membership_component .join_wrap .join_terms_item .terms_cnt p{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-base);}

/* 3단계 */
.membership_component .join_wrap .join_certi_box{width: 100%;max-width: 650px;margin: 48px auto 0;}
.membership_component .join_wrap .join_certi_box .box_inner{width: 100%;padding: 80px 95px;background-color: var(--color-white);border-radius: 20px;box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, .1);box-sizing: border-box;}
.membership_component .join_wrap .join_certi_list{}
.membership_component .join_wrap .join_certi_item{}
.membership_component .join_wrap .join_certi_item + .join_certi_item{margin-top: 30px;}
.membership_component .join_wrap .join_certi_btns{display: block;max-width: 460px;margin: 0 auto;height: 64px;padding: 16px 18px 17px;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-29);text-align: center;background-color: var(--color-white);border-radius: 60px;box-sizing: border-box;}
.membership_component .join_wrap .join_certi_btns.certi_ph{color: var(--color-blue);border: 1px solid var(--color-blue);}
.membership_component .join_wrap .join_certi_btns.certi_ipin{color: #F3A31C;border: 1px solid #F3A31C;}
.membership_component .join_wrap .join_certi_btns.certi_public{color: #33B538;border: 1px solid #33B538}
.membership_component .join_wrap .join_certi_btns.certi_pass{color: #B53338;border: 1px solid #B53338}

/* 4단계 */
/* 회원가입 정보입력 */
.membership_component .join_wrap .join_frm_box{width: 100%;margin-top: 48px;}
.membership_component .join_wrap .join_frm_box .box_inner{width: 100%;padding: 60px 90px 148px;background-color: var(--color-white);border-radius: 20px;box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, .1);box-sizing: border-box;}
.membership_component .join_wrap .join_frm_box .frm_box > .frm_label_box{padding-left: 10px;}
/* 아이디 */
.membership_component .join_wrap .join_frm_box .frm_box.frm_user_id .frm_inp_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
.membership_component .join_wrap .join_frm_box .frm_box.frm_user_id .frm_inp_box input{flex: 1;}
.membership_component .join_wrap .join_frm_box .frm_box.frm_user_id .frm_inp_box .frm_inp_btns{flex: 0 0 auto;display: block;width: 140px;height: 54px;padding: 15px 0;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-white);text-align: center;background-color: var(--color-blue);border-radius: 8px;box-sizing: border-box;outline: none;}
/* 비밀번호 */
.membership_component .join_wrap .join_frm_box .frm_box.frm_user_pw .frm_inp_box + .frm_inp_box{margin-top: 10px;}
/* 수신정보 */
.membership_component .join_wrap .join_frm_box .frm_box.frm_reception .frm_inp_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 40px;padding-left: 14px;}
.membership_component .join_wrap .join_frm_box .frm_box.frm_reception .frm_inp_box + .frm_inp_box{margin-top: 10px;}
.membership_component .join_wrap .join_frm_box .frm_box.frm_reception .frm_tit_box{flex: 0 0 110px;}
.membership_component .join_wrap .join_frm_box .frm_box.frm_reception .frm_tit_box .frm_tit{display: inline-block;font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-24);color: var(--color-base);}
.membership_component .join_wrap .join_frm_box .frm_box.frm_reception .reception_info{margin-top: 20px;padding-left: 24px;}
.membership_component .join_wrap .join_frm_box .frm_box.frm_reception .reception_info p{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray);}
.membership_component .join_wrap .join_frm_box .frm_box.frm_reception .reception_info p + p{margin-top: 10px;}
.membership_component .join_wrap .join_frm_box .frm_box.frm_reception .reception_info p.dot{position: relative;padding-left: 10px;}
.membership_component .join_wrap .join_frm_box .frm_box.frm_reception .reception_info p.dot::before{content: '';display: block;width: 4px;height: 8px;border-radius: 8px;background-color: var(--color-gray);position: absolute;left: 0;top: 6px;}
/* 주소 */
.membership_component .join_wrap .join_frm_box .frm_box.frm_user_addr{margin-top: 36px;}
.membership_component .join_wrap .join_frm_box .frm_box.frm_user_addr .frm_inp_box + .frm_inp_box{margin-top: 10px;}
.membership_component .join_wrap .join_frm_box .frm_box.frm_user_addr .frm_inp_box.d_flex{display: flex;align-items: center;flex-wrap: wrap;gap: 10px;}
.membership_component .join_wrap .join_frm_box .frm_box.frm_user_addr .frm_inp_box .frm_addr1{width: calc(100% - 150px);}
.membership_component .join_wrap .join_frm_box .frm_box.frm_user_addr .frm_inp_box .frm_inp_btns{flex: 0 0 auto;display: block;width: 140px;height: 54px;padding: 14px 0;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-blue);text-align: center;background-color: var(--color-white);border: 1px solid var(--color-blue);border-radius: 8px;box-sizing: border-box;outline: none;}
.membership_component .join_wrap .join_frm_box .frm_box.frm_user_addr .frm_inp_box.d_flex .frm_addr2{width: 100%;}
/* 회사정보 */
.membership_component .join_wrap .join_frm_box .frm_box.frm_company_info .frm_flex_box{margin-top: 12px;padding-left: 20px;}
.membership_component .join_wrap .join_frm_box .frm_box.frm_company_info .frm_inp_box{margin-top: 12px;}
.membership_component .join_wrap .join_frm_box .frm_box.frm_company_info .frm_inp_box.d_flex{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
.membership_component .join_wrap .join_frm_box .frm_box.frm_company_info .frm_inp_box.d_flex input{flex: 1;}
.membership_component .join_wrap .join_frm_box .frm_box.frm_company_info .frm_inp_box .btns_find_company{flex: 0 0 auto;display: block;width: 140px;height: 54px;padding: 14px 0;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-blue);text-align: center;background-color: var(--color-white);border: 1px solid var(--color-blue);border-radius: 8px;box-sizing: border-box;outline: none;}
/* 주민등록번호 */
.membership_component .join_wrap .join_frm_box .frm_box.frm_user_regi .frm_flex_box{margin-top: 10px;}
.membership_component .join_wrap .join_frm_box .frm_box.frm_user_regi .frm_flex_box .frm_inp_box{flex: 1;}
.membership_component .join_wrap .join_frm_box .frm_box.frm_user_regi .frm_flex_box .dash{display: block;font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-gray);}
/* 회원가입 버튼박스 */
.membership_component .join_wrap .join_btn_box{margin-top: 50px;display: flex;align-items: center;flex-wrap: nowrap;gap: 20px;}
.membership_component .join_wrap .join_btn_box .btns{flex: 1;}
.membership_component .join_wrap .join_btn_box .btns + .btns{margin-top: 0;}

/* 회원가입 완료 */
.membership_component.join_result .component_inner{max-width: 100%;}
.membership_component.join_result .result_box{margin-top: 48px;}
.membership_component.join_result .result_box .result_icon_box{text-align: center;}
.membership_component.join_result .result_box .icon_join_result{width: 120px;height: 120px;background-image: url('/img/icon/icon_join_result.svg');}
.membership_component.join_result .result_box .result_msg_box{margin-top: 48px;text-align: center;}
.membership_component.join_result .result_box .result_msg_box .msg_tit_box{}
.membership_component.join_result .result_box .result_msg_box .msg_tit{font-size: var(--fs-36);font-weight: 700;line-height: var(--lh-52);color: var(--color-base);}
.membership_component.join_result .result_box .result_msg_box .msg_subtit_box{margin-top: 36px;}
.membership_component.join_result .result_box .result_msg_box .msg_subtit{font-size: var(--fs-24);font-weight: 500;line-height: var(--lh-36);color: var(--color-base);}
.membership_component.join_result .result_box .result_msg_box .msg_txt_box{margin-top: 62px;}
.membership_component.join_result .result_box .result_msg_box .msg_txt{font-size: var(--fs-24);font-weight: 700;line-height: var(--lh-36);color: var(--color-base);}

.membership_component.join_result .result_box .result_btn_box{margin-top: 40px;}

/* 멤버쉽 버튼 스타일 */
.membership_component .btns{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;max-width: 460px;height: 64px;margin: 0 auto;padding: 16px 18px 17px;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-29);color: var(--color-base);background-color: var(--color-white);border: 1px solid var(--color-base);border-radius: 60px;box-sizing: border-box;}
.membership_component .btns + .btns{margin-top: 20px;}
.membership_component .btns .btns_name{display: inline-block;font-size: var(--fs-20);font-weight: 700;line-height: var(--lh-29);color: var(--color-base);}
/* 로그인 버튼 */
.membership_component .btns_login{background-color: var(--color-blue);border-color: var(--color-blue);color: var(--color-white);}
.membership_component .btns_login .btns_name{color: var(--color-white);}
/* 비밀번호찾기 버튼 */
.membership_component .btns_find_pw{background-color: var(--color-blue);border-color: var(--color-blue);color: var(--color-white);}
.membership_component .btns_find_pw .btns_name{color: var(--color-white);}
/* 비밀번호재설정 버튼 */
.membership_component .btns_pw_reset{background-color: var(--color-blue);border-color: var(--color-blue);color: var(--color-white);}
.membership_component .btns_pw_reset .btns_name{color: var(--color-white);}
/* 로그인페이지이동 버튼 */
.membership_component .btns_go_login{background-color: var(--color-blue);border-color: var(--color-blue);color: var(--color-white);}
.membership_component .btns_go_login .btns_name{color: var(--color-white);}
/* 회원 가입 뒤로가기 다음 */
/* 회원 가입 다음 다음 */
.membership_component .btns_step_next{background-color: var(--color-blue);border-color: var(--color-blue);color: var(--color-white);}
.membership_component .btns_step_next .btns_name{color: var(--color-white);}
/* 회원가입 확인 버튼 */
.membership_component .btns_join_submit{background-color: var(--color-blue);border-color: var(--color-blue);color: var(--color-white);}
.membership_component .btns_join_submit .btns_name{color: var(--color-white);}

/* 호버 효과 */
@media (hover: hover){
    .membership_component .join_wrap .join_edu_item:hover{border-color: var(--color-blue2);}
}
@media (max-width: 1099px){

}
@media (max-width: 850px){
    .membership_component .join_wrap .join_edu_list{column-gap: 32px;row-gap: 32px;}
    .membership_component .join_wrap .join_edu_item{width: calc(50% - (32px/2));}
}

@media (max-width: 767px){
    .header_membership .hd_inner{padding: 20px 20px 0;}
    .header_membership .logo{height: 42px;}
    .header_membership .logo > a{height: 42px;}

    .membership_component .component_inner{padding: 0 16px;}
    .membership_tit_box .membership_tit{font-size: var(--fs-24);line-height: var(--lh-32);}

    .membership_component .login_box{margin: 36px auto 0;}
    .membership_component .login_box .box_inner{padding: 48px 16px;}
    .membership_component .login_box .save_box{margin-top: 12px;}
    .membership_component .login_box .login_btn_box{margin-top: 32px;}
    .membership_component .login_box .login_link_box{margin-top: 16px;gap: 12px;}

    .membership_component .find_box{margin: 36px auto 0;}
    .membership_component .find_box .box_inner{padding: 48px 16px;}
    .membership_component .find_box .find_btn_box{margin-top: 32px;}

    .membership_component .reset_box{margin: 36px auto 0;}
    .membership_component .reset_box .box_inner{padding: 48px 16px;}
    .membership_component .reset_box .box_tit_box .box_tit{font-size: var(--fs-18);line-height: var(--lh-26);}
    .membership_component .reset_box .frm_box{margin-top: 32px;}

    .membership_component .reset_box.rest_complete .box_inner{padding: 48px 16px;}
    .membership_component .reset_box .box_tit_box .box_tit.big{font-size: var(--fs-18);line-height: var(--lh-26);}
    .membership_component .reset_box .box_tit_box h2.box_tit.big{font-size: var(--fs-18);line-height: var(--lh-26);}
    .membership_component .reset_box .noti_msg_box{margin-top: 32px;padding: 16px;}
    .membership_component .reset_box .noti_msg_box .msg_txt{font-size: var(--fs-16);line-height: var(--lh-24);}
    .membership_component .reset_box.rest_complete .reset_btn_box{margin-top: 32px;}

    /* 회원가입 1단계 */
    .membership_component .join_wrap .join_step_list{gap: 16px;}
    .membership_component .join_wrap .join_tit_box .join_tit{font-size: var(--fs-24);line-height: var(--lh-32);}
    .membership_component .join_wrap .join_edu_box{margin-top: 32px;}
    .membership_component .join_wrap .join_edu_item{border-width: 2px;}
    .membership_component .join_wrap .join_edu_item .item_inner{padding: 32px 16px;}
    .membership_component .join_wrap .join_edu_item .item_hd{min-height: 87px;}
    .membership_component .join_wrap .join_edu_item .item_tit{font-size: var(--fs-20);line-height: var(--lh-29);}
    .membership_component .join_wrap .join_edu_item .img_box{height: 30px;}
    /* 회원가입 2단계 */
    .membership_component .join_wrap .join_terms_box{margin-top: 32px;}
    .membership_component .join_wrap .join_terms_list{margin-top: 24px;}
    .membership_component .join_wrap .all_chk_item{padding-left: 16px;}
    .membership_component .join_wrap .join_terms_item + .join_terms_item{margin-top: 20px;}
    .membership_component .join_wrap .join_terms_item .frm_box .frm_chk_box label{font-size: var(--fs-14);line-height: var(--lh-22);}
    .membership_component .join_wrap .join_terms_item .item_hd{padding: 20px 16px;gap: 8px;}
    .membership_component .join_wrap .join_terms_item .item_bd{padding: 16px;}
    /* 회원가입 3단계 */
    .membership_component .join_wrap .join_certi_box{margin: 32px auto 0;}
    .membership_component .join_wrap .join_certi_box .box_inner{padding: 48px 16px;}
    .membership_component .join_wrap .join_certi_item + .join_certi_item{margin-top: 20px;}
    .membership_component .join_wrap .join_certi_btns{height: 50px;padding: 12px 12px 14px;font-size: var(--fs-16);line-height: var(--lh-24);border-radius: 50px;}
    /* 회원가입 4단계 */
    .membership_component .join_wrap .join_frm_box{margin-top: 32px;}
    .membership_component .join_wrap .join_frm_box .box_inner{padding: 48px 16px;}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_user_id .frm_inp_box{gap: 8px;}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_user_id .frm_inp_box .frm_inp_btns{width: 120px;height: 50px;padding: 15px 16px;line-height: var(--lh-20);}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_reception .frm_inp_box{gap: 32px;}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_reception .frm_tit_box .frm_tit{font-size: var(--fs-14);line-height: var(--lh-20);}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_reception .frm_tit_box{flex: 0 0 100px;}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_reception .frm_flex_box{gap: 12px;}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_user_addr{margin-top: 32px;}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_user_addr .frm_inp_box.d_flex{gap: 8px;}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_user_addr .frm_inp_box .frm_addr1{width: calc(100% - 128px);}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_user_addr .frm_inp_box .frm_inp_btns{width: 120px;height: 50px;padding: 15px 16px;line-height: var(--lh-20);}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_company_info .frm_flex_box{margin-top: 10px;padding-left: 0;gap: 12px;}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_company_info .frm_inp_box.d_flex{gap: 8px;}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_company_info .frm_inp_box .btns_find_company{width: 120px;height: 50px;padding: 15px 16px;line-height: var(--lh-20);}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_user_regi .frm_flex_box{gap: 8px;}
    .membership_component .join_wrap .join_btn_box{margin-top: 32px;gap: 16px;}
    /* 회원가입 완료 */
    .membership_component.join_result .result_box{margin-top: 32px;}
    .membership_component.join_result .result_box .icon_join_result{width: 100px;height: 100px;}
    .membership_component.join_result .result_box .result_msg_box{margin-top: 32px;}
    .membership_component.join_result .result_box .result_msg_box .msg_tit{font-size: var(--fs-20);line-height: var(--lh-29);}
    .membership_component.join_result .result_box .result_msg_box .msg_subtit_box{margin-top: 24px;}
    .membership_component.join_result .result_box .result_msg_box .msg_subtit{font-size: var(--fs-16);line-height: var(--lh-24);}
    .membership_component.join_result .result_box .result_msg_box .msg_txt_box{margin-top: 48px;}
    .membership_component.join_result .result_box .result_msg_box .msg_txt{font-size: var(--fs-16);line-height: var(--lh-24);}

    .membership_component .btns{max-width: 100%;height: 50px;padding: 12px 12px 14px;font-size: var(--fs-16);line-height: var(--lh-24);border-radius: 50px;}
    .membership_component .btns + .btns{margin-top: 12px;}
    .membership_component .btns .btns_name{font-size: var(--fs-16);line-height: var(--lh-24);}
}
@media (max-width: 600px){
    .membership_component .login_box .box_inner{padding: 50px 20px;}

    .membership_component .join_wrap .join_tit_box .join_tit{font-size: var(--fs-20);line-height: var(--lh-29);}
    .membership_component .join_wrap .join_edu_list{row-gap: 20px;}
    .membership_component .join_wrap .join_edu_item{width: 100%;}
    .membership_component .join_wrap .join_edu_item .item_inner{padding: 16px;}
    .membership_component .join_wrap .join_edu_item .item_hd{min-height: auto;}
    .membership_component .join_wrap .join_edu_item .item_tit{font-size: var(--fs-16);line-height: var(--lh-24);}
    .membership_component .join_wrap .join_edu_item .item_bd{margin-top: 16px;padding-top: 16px;}

    .membership_component .join_wrap .join_frm_box .frm_box.frm_user_addr .frm_inp_box.d_flex{flex-direction: column;}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_user_addr .frm_inp_box .frm_addr1{width: 100%;order: 0;}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_user_addr .frm_inp_box .frm_inp_btns{width: 100%;order: 2;background-color: var(--color-blue);color: var(--color-white);}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_user_addr .frm_inp_box .frm_addr2{width: 100%;order: 1;}

    .membership_component .join_wrap .join_frm_box .frm_box.frm_company_info .frm_inp_box.d_flex{flex-direction: column;}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_company_info .frm_inp_box .btns_find_company{width: 100%;}

    .membership_component .join_wrap .join_frm_box .frm_box.frm_user_regi .frm_flex_box{flex-direction: column;}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_user_regi .frm_flex_box .frm_inp_box{width: 100%;}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_user_regi .frm_flex_box .dash{display: none;}

    .membership_component .join_wrap .join_btn_box{display: block;}
    .membership_component .join_wrap .join_btn_box .btns + .btns{margin-top: 12px;}

    .membership_component.join_result .result_box .icon_join_result{width: 80px;height: 80px;}

}
@media (max-width: 359px){
    .membership_component .join_wrap .join_frm_box .frm_box.frm_user_id .frm_inp_box{flex-direction: column;}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_user_id .frm_inp_box .frm_inp_btns{width: 100%;}

    .membership_component .join_wrap .join_frm_box .frm_box.frm_reception .frm_inp_box{flex-direction: column;align-items: flex-start;gap: 8px;}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_reception .frm_inp_box + .frm_inp_box{margin-top: 8px;}
    .membership_component .join_wrap .join_frm_box .frm_box.frm_reception .frm_tit_box{flex: 1;}
}

/* 레이어팝업 */
.ly_pop .company_search_wrap{}

.ly_pop .company_search_wrap .company_search_box{}
.ly_pop .company_search_wrap .company_search_box .frm_box.d_flex{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
.ly_pop .company_search_wrap .company_search_box .frm_inp_box{flex: 1;width: calc(100% - 98px);}
.ly_pop .company_search_wrap .company_search_box .frm_btn_box{flex: 0 0 auto;}
.ly_pop .company_search_wrap .company_search_box .frm_inp_btns{display: block;width: 90px;height: 54px;padding: 14px 0;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-blue);text-align: center;background-color: var(--color-white);border: 1px solid var(--color-blue);border-radius: 8px;box-sizing: border-box;outline: none;}

.ly_pop .company_search_wrap .company_result_box{margin-top: 30px;padding: 0 10px;border-top: 1px solid var(--color-blue);}
.ly_pop .company_search_wrap .company_result_box .company_result_item{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;gap: 10px;margin-top: 30px;}
.ly_pop .company_search_wrap .company_result_box .company_result_item p{flex: 1;font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-29);color: var(--color-base);}
.ly_pop .company_search_wrap .company_result_box .company_result_item .btns_company_select{flex: 0 0 auto;display: block;width: 100%;max-width: 80px;height: 40px;padding: 10px;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-base);background-color: var(--color-white);border: 1px solid var(--color-base);border-radius: 4px;box-sizing: border-box;}

.ly_pop .company_search_wrap .company_result_box .company_noresult_item{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;margin-top: 30px;}
.ly_pop .company_search_wrap .company_result_box .company_noresult_item p{font-size: var(--fs-20);font-weight: 500;line-height: var(--lh-29);color: var(--color-base);text-align: center;}

.ly_pop .company_search_wrap .company_edit_box{margin-top: 60px;}

.ly_pop .company_search_wrap .company_edit_box .frm_box + .frm_box{margin-top: 10px;}

.ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr{display: flex;align-items: flex-start;flex-wrap: wrap;gap: 10px;}
.ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_inp_box + .frm_inp_box{}
.ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_addr1_box{flex: 1;width: 100%;max-width: calc(100% - 100px);}
.ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_btn_box{flex: 0 0 auto;}
.ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_inp_btns{display: block;width: 90px;height: 54px;padding: 14px 0;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-blue);text-align: center;background-color: var(--color-white);border: 1px solid var(--color-blue);border-radius: 8px;box-sizing: border-box;outline: none;}
.ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_addr2_box{width: 100%;}


/* 회사등록 버튼 */
.ly_pop .ly_bd .ly_btns_box .btns_edit_company{background-color: var(--color-blue);border-color: var(--color-blue);color: var(--color-white);}
.ly_pop .ly_bd .ly_btns_box .btns_edit_company .btns_name{color: var(--color-white);}
/* 레이어팝업 확인 버튼 */
.ly_pop .ly_bd .ly_btns_box .btns_confirm_alert{background-color: var(--color-blue);border-color: var(--color-blue);color: var(--color-white);}
.ly_pop .ly_bd .ly_btns_box .btns_confirm_alert .btns_name{color: var(--color-white);}

@media (max-width: 767px){
    .ly_pop .company_search_wrap .company_search_box .frm_box.d_flex{gap: 8px;}
    .ly_pop .company_search_wrap .company_search_box .frm_inp_btns{height: 50px;padding: 15px 0;line-height: var(--lh-20);}

    .ly_pop .company_search_wrap .company_result_box{margin-top: 20px;}
    .ly_pop .company_search_wrap .company_result_box .company_result_item{margin-top: 20px;gap: 8px;}
    .ly_pop .company_search_wrap .company_result_box .company_result_item p{font-size: var(--fs-16);line-height: var(--lh-22);}
    .ly_pop .company_search_wrap .company_result_box .company_result_item .btns_company_select{height: 36px;padding: 8px 0;}
    .ly_pop .company_search_wrap .company_result_box .company_noresult_item{margin-top: 20px;}
    .ly_pop .company_search_wrap .company_result_box .company_noresult_item p{font-size: var(--fs-16);line-height: var(--lh-22);}

    .ly_pop .company_search_wrap .company_edit_box{margin-top: 32px;}
    .ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr{gap: 8px;}
    .ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_inp_btns{height: 50px;padding: 15px 0;line-height: var(--lh-20);}
}
@media (max-width: 600px){
    .ly_pop .company_search_wrap .company_search_box .frm_box.d_flex{flex-direction: column;align-items: flex-start;}
    .ly_pop .company_search_wrap .company_search_box .frm_inp_box{width: 100%;flex: 1;}
    .ly_pop .company_search_wrap .company_search_box .frm_btn_box{width: 100%;flex: 1;}
    .ly_pop .company_search_wrap .company_search_box .frm_inp_btns{width: 100%;}

    .ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr{flex-direction: column;}
    .ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_addr1_box{order: 0;max-width: 100%;}
    .ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_btn_box{flex: 1;order: 2;width: 100%;}
    .ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_inp_btns{width: 100%;}
    .ly_pop .company_search_wrap .company_edit_box .frm_box.frm_company_addr .frm_addr2_box{flex: 1;order: 1;width: 100%;}

}