.login_page { background: var(--color_bg);}
.container { max-width: 1054px; margin: 6.4rem auto 0; padding: 5rem 15px; min-height: calc(100vh - 15.4rem);}

.login_wrap { padding: 4rem 30px; border: 1px solid #cacaca; border-radius: 10px; background: #fff;}
.login_wrap h2 { font-size: 1.2rem; font-weight: 500;}

input { background: unset;}
input:focus { outline: none;}
input:placeholder { color: #9f9f9f;}
#password_result { height: 1.2rem; margin-bottom: 1.5rem;}
#password_result span { line-height: 1.3;}

/* login : 로그인 페이지 */
.loginIndex_wrap .login_wrap { display: flex; padding: 6rem 0; align-items: center;}
.loginIndex_wrap .login_wrap .top_box { display: flex; justify-content: space-between; margin-bottom: 2rem; align-items: center; border-bottom: 1px solid #f3f3f4;}
.loginIndex_wrap .login_wrap .top_box span { text-align: center; width: 50%; padding: 1rem; background: #f3f3f4; border-radius: 5px 5px 0 0; font-weight: 600;}
.loginIndex_wrap .login_wrap .top_box a { text-align: center; width: 50%;padding: 1rem; color: #a9a9aa;}
.loginIndex_wrap .login_wrap .top_box a:hover { background: #fdfdfd; font-weight: 500;}

.loginIndex_wrap .login_wrap .login_form_wrap { width: 55%; padding: 0 40px;}
.loginIndex_wrap .login_wrap .ad_wrap { width: 45%; text-align: center; padding: 0 30px; border-left: 1px solid #cfcfd0; }
.loginIndex_wrap .login_wrap .ad_wrap img { width: 80%; box-shadow: rgba(99, 99, 99, 0.8) 0px 2px 8px 0px;}

#login_form { }
#login_form .fl_box { display: flex; gap: 1rem; justify-content: space-between;}
#login_form .fl_box .left { width: 70%;}
#login_form .fl_box .left .input_wrap:nth-child(1) {margin-bottom: .8rem;} 
#login_form .fl_box .left .input_wrap { border: 1px solid #d3d3d4; border-radius: 5px; font-size: 1.7rem; display: flex; align-items: center;}
#login_form .fl_box .left .input_wrap input { padding: 1.2rem 1.5rem; width: 100%; background: unset;}
#login_form .fl_box .left .input_wrap input::placeholder { color: #ccc;}
#login_form .fl_box .left .input_wrap label {padding: 0 1.5rem; display: flex; align-items: center; position: relative;}
#login_form .fl_box .left .input_wrap label img { height: 25px;}
#login_form .fl_box .left .input_wrap label:after { content: ''; height: 20px; width: 1px; background: #d3d3d4; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#login_form .fl_box button { width: 27%;  position: relative; padding: 10px 20px; font-size: 1.2rem; text-align: center; border-radius: 10px; background: var(--color_blue); color: #fff; cursor: pointer; outline: none; }
#login_form .fl_box button:hover { background: #44b8dd;}
#login_form .social_login { margin: 30px 0; background: #fff;}
#login_form .social_login p { position: relative; margin: 0 auto 15px; text-align: center; width: fit-content; color: #4f4f4f;}
#login_form .social_login p:before { content: ''; position: absolute; left: calc(100% + 15px); top: 50%; width: 150px; height: 1px; background-color: #ddd;}
#login_form .social_login p:after { content: ''; position: absolute; right: calc(100% + 15px); top: 50%; width: 150px; height: 1px; background-color: #ddd;}
#login_form .social_login .btn_wrap { display: flex; justify-content: space-between;}
#login_form .social_login .btn_wrap button { width: calc(50% - 7.5px);}
#login_form .social_login .btn_wrap button img { width: 100%;}
#login_form .social_login .btn_wrap a { width: calc(50% - 7.5px);}
#login_form .social_login .btn_wrap a img { width: 100%;}
#login_form .member_wrap { display: flex; margin-top: 1.5rem;}
#login_form .member_wrap a { font-weight: 500;margin-right: 1rem; padding-right: 1rem; border-right: 1px solid #adadad;}
#login_form .member_wrap a:nth-child(2) { color: #9e9e9e; font-weight: 300;}
#login_form .member_wrap a:nth-child(3) { color: #9e9e9e; font-weight: 300; border-right: unset;}
#login_form .member_wrap a:hover { text-decoration: underline;}
.login_success { font-size: 1.6rem; padding: 3rem 1.5rem;}

/* ------------------------- */
/* register : 가입 아이디, 비밀번호 입력 */
.register_wrap {}
.register_wrap h2 { margin-bottom: 2rem;}

#regi_form { }
#regi_form label { display: inline-block; font-size: 1.7rem; font-weight: 600;}
#regi_form input::placeholder { font-size: 1.5rem;}

#regi_form .input_wrap { display: flex; margin-bottom: 1.5rem; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;}
#regi_form .input_wrap label { padding: 0 1.5rem; display: flex; align-items: center;}
#regi_form .input_wrap label img{ width: 25px; }
#regi_form .input_wrap input::placeholder { font-size: 1rem;}
#regi_form .input_wrap input[type=email] {  width: 80%; padding: 1.2rem 1rem;}
#regi_form .input_wrap input[type=button] { font-size: 1.2rem; width: 20%; cursor: pointer; background: #f3f4f3;}
#regi_form #userid_result { height: 1.2rem; margin-bottom: 1.5rem;}
#regi_form #userid_result span { }
#regi_form .input_wrap input[type=password] {  width: 90%; padding: 1.2rem 1rem; }


#regi_form button { display: block; width: 100%; background: var(--color_blue); color: #fff; text-align: center; font-size: 1.2rem; padding: 1.2rem; border-radius: 5px;}

/* ------------------------- */
/* identifi : 본인인증 */
.identifi_wrap { }
.identifi_wrap #mok_popup { display: block; margin-top: 3rem; width: 100%; border-radius: 5px; background: var(--color_blue); color: #fff; padding: 1.5rem; font-size: 1.2rem; text-align: center;}

/* ------------------------- */
/* terms : 약관동의 및 거주지 입력 */

#terms_form { margin-top: 2rem;}
#terms_form .input_wrap { display: flex; margin-bottom: 1.5rem; border: 1px solid #a1a1a1; border-radius: 5px;  overflow: hidden;}
#terms_form .input_wrap label { padding: 0 1.5rem; display: flex; align-items: center;}
#terms_form .input_wrap label img { height: 25px;}
#terms_form .input_wrap input { background: #fff;}
#terms_form .input_wrap input[type=email] { width: 100%; padding: 1.2rem .3rem; color: #bdbdbd;}
#terms_form .input_wrap input[type=text] { width: 100%; padding: 1.2rem .3rem;}
#terms_form .input_wrap input[disabled] { color: #bdbdbd;}
#terms_form .input_wrap input[type=password] { width: 100%; padding: 1.2rem .3rem; color: #bdbdbd;}
#terms_form .input_wrap input:placeholder { }

/* 주소 입력 */
#terms_form .address_wrap { margin-bottom: 2rem;}
#terms_form .star { color: red; font-size: 1.2rem; padding-top: 1.2rem;}

/* 본인인증 */
#terms_form h2 span { color: #ff001f;font-size: 1.4rem;}

#terms_form .address_wrap .input_wrap input[type=text] { color: #333; }
#terms_form .address_wrap .input_wrap input[type=button] { cursor: pointer; width: 25%; background: #f3f4f3;}
#terms_form .address_wrap .city_wrap { padding: 1.2rem 1rem;}
#terms_form .address_wrap .city_wrap .star { padding-top: 0;}
#terms_form .address_wrap .city_wrap input { padding: 0 .3rem; }
#terms_form .address_wrap .detail_wrap { display: flex; gap: 1%;}
#terms_form .address_wrap .detail_wrap .input_wrap { width: 100%; padding: 1.2rem 1rem;}
#terms_form .address_wrap .detail_wrap .input_wrap .star { padding-top: 0;}
#terms_form .address_wrap .detail_wrap .input_wrap input[type=text] { padding: 0 .3rem; width: 100%; }

/* 약관 동의 */
#terms_form .terms_box { margin-top: 2rem; border: 1px solid #a1a1a1; border-radius: 10px; padding: 2rem 1.5rem;}
#terms_form .terms_box > div { border-bottom: 1px solid #a1a1a1; padding-bottom: 1.5rem; margin-bottom: 1.5rem;}
#terms_form .terms_box > div.required_wrap { border-bottom: none; margin-bottom: 0;}
#terms_form .terms_box > div .check_wrap { }
#terms_form .terms_box .check_wrap { display: flex; align-items: flex-start; margin-bottom: 1.5rem; position: relative;}
#terms_form .terms_box .check_wrap label { padding-left: 40px; width: 97%; position: relative; cursor: pointer;}
#terms_form .terms_box .check_wrap label:before { content: ''; width:25px; height: 25px; position: absolute; top: 50%; left: 0; background: url(/img/common/checkbox-off.png) no-repeat center / cover; transform: translateY(-50%);}
#terms_form .terms_box .check_wrap.all label:before { top: -2px; transform: unset;}
#terms_form .terms_box .check_wrap input:checked ~ label:before { background: url(/img/common/checkbox-on.png) no-repeat center / cover;}
#terms_form .terms_box .check_wrap label span { font-size: inherit; color: #c22b20; font-weight: 600;}
#terms_form .terms_box .check_wrap label span.gray { font-size: 1rem;color: #9e9e9e; line-height: 1.9; font-weight: 400;}
#terms_form .terms_box .check_wrap input { }
#terms_form .terms_box .check_wrap a { font-size: 1.6rem; position: absolute; right: .5rem; top: 50%; transform: translateY(-50%);}
#terms_form .terms_box .selection_wrap { border-bottom: unset; padding-bottom: 0; margin-bottom: 0;}
#terms_form .terms_box .selection_wrap label span { color: #333; font-weight: 600;}
#terms_form .terms_box .check_wrap.all label { font-weight: 600; font-size: 1.2rem;}
#terms_form .submit_btn { width: 100%; display: block; margin-top: 3rem; border-radius: 5px; padding: 1.5rem; text-align: center; font-size: 1.2rem; background: var(--color_blue); color: #fff;}

/* 기업 회원 */
#terms_form.company_turms h2 { margin-top: 3rem;margin-bottom: 1rem;}
#terms_form.company_turms .address_wrap { margin-bottom: unset;}
#terms_form.company_turms .file_wrap { padding: 1.5rem; display: block;}
#terms_form.company_turms .file_wrap > p { font-size: 1.2rem; color: #949495; line-height: 1.3;}
#terms_form.company_turms .file_wrap > p:nth-last-child(1) { margin-top: 1.5rem;}
#terms_form.company_turms .file_wrap .fl { display: flex; gap: .5rem; margin: 1rem 0 3rem;}
#terms_form.company_turms .file_wrap.input_wrap .edit_img_btn { border-radius: 10px; padding: .5rem 1rem; background: #f3f3f4; cursor: pointer;}
#terms_form.company_turms .file_wrap.input_wrap #file-name { color: #333;border-radius: 10px; padding: .5rem 1rem; background: #f3f3f4;}
#terms_form.company_turms .businessnum_wrap.input_wrap input,
#terms_form.company_turms .ceoname_wrap.input_wrap input,
#terms_form.company_turms .website_wrap.input_wrap input{ padding: 1.2rem 1.5rem;}
#terms_form.company_turms .input_wrap.input_able input[type=text] { color: #333;}

#terms_form.company_turms .receipt_wrap .caption { color: #3b3b3b; line-height: 1.5; margin-bottom: 1.5rem; border: 1px solid #a1a1a1;border-radius: 5px; background: #f7f7f7; padding: 1rem;}
#terms_form.company_turms .receipt_wrap .caption span { font-weight: 500;}
#terms_form.company_turms .receipt_wrap .q1 { display: flex; align-items: center; gap: 30px; margin: 1.5rem auto;}
#terms_form.company_turms .receipt_wrap .q1 p { font-weight: 700;}
#terms_form.company_turms .receipt_wrap .q1 .btn_wrap { border-radius: 10px; overflow: hidden; display: flex;}
#terms_form.company_turms .receipt_wrap .q1 .btn_wrap label { background: #f3f3f4; padding: .7rem 0; width: 150px; text-align: center; border-right: 1px solid #ddd; cursor: pointer;}
#terms_form.company_turms .receipt_wrap .q1 .btn_wrap label:nth-last-child(1) { border-right: none;} 
#terms_form.company_turms .receipt_wrap .q1 .btn_wrap label:hover { background: #ddd;}
#terms_form.company_turms .receipt_wrap .q1 .btn_wrap input:checked + label { background: var(--color_blue); color: #fff;}
#terms_form.company_turms .receipt_wrap .tax_input { display: none;}
#terms_form.company_turms .receipt_wrap .tax_input.on { display: block;}
#terms_form.company_turms .receipt_wrap .tax_wrap.input_wrap { padding: 0 1.5rem;}
#terms_form.company_turms .receipt_wrap .cash_input { display: none;}
#terms_form.company_turms .receipt_wrap .cash_input.on { display: block;}

/* 선택약관 주석시 */
#terms_form .terms_box .check_wrap:nth-last-child(1) { margin-bottom: 0;}
#terms_form .terms_box > div.required_wrap { padding-bottom: 0;}

/* ------------------------- */
/* fint_id : 아이디 찾기 */

.fint_id_wrap h2 { font-size: 1.8rem; font-weight: 600; margin-bottom: 2rem;}

/* find_id_result : 아이디 찾기 결과 */

.id_result_wrap h2 { margin-bottom: 2rem;}
.id_result_wrap .result_wrap p { font-size: 1.2rem; color: #9f9f9f;}
.id_result_wrap .result_wrap p span { font-size: 1.4rem; font-weight: 500;}
.id_result_wrap .result_wrap p.no_data { margin-bottom: 3rem;}
.id_result_wrap .btn_wrap { display: flex; gap: 1rem; margin-top: 4rem;}
.id_result_wrap .btn_wrap button { color: #fff; border: none; padding: 1.5rem; font-size: 1.4rem; text-align: center; border-radius: 5px; background: none; cursor: pointer; outline: none; overflow: hidden; background: var(--color_blue);}
.id_result_wrap .btn_wrap > * { width: 50%;}
.id_result_wrap .btn_wrap.empty_id > * { width: 100%;}
.id_result_wrap .home_link { display: block; background: #f4f4f4; text-align: center; font-size: 1.4rem; padding: 1.5rem 1.5rem; border-radius: 5px;color: #474b4b;}

/* ------------------------- */
/* find_pass : 비밀번호 찾기 */
.find_pass_wrap h2 { margin-bottom: 2rem;}
#find_pass_form .input_wrap { overflow: hidden; display: flex; margin-bottom: 4rem; border: 1px solid #c9c9ca; border-radius: 5px;}
#find_pass_form .input_wrap input { width: 100%; font-size: 1.2rem; background: #fff;}
#find_pass_form .input_wrap input::placeholder { color: #9f9fa0;}
#find_pass_form .input_wrap label { padding: 1.5rem;}
#find_pass_form .input_wrap label img { width: 25px;}
#find_pass_form button { width: 100%; display: block; margin-top: 5rem; border-radius: 5px; padding: 1.5rem; text-align: center; font-size: 1.4rem; background: var(--color_blue); color: #fff;}


/* change_pass : 비밀번호 재설정 */
.change_pass_wrap h2 { font-size: 1.8rem; font-weight: 600; margin-bottom: 2rem;}
#change_pass_form .input_wrap { overflow: hidden; display: flex; margin-bottom: 1.5rem; border: 1px solid #c9c9ca; border-radius: 5px;}
#change_pass_form .input_wrap input { width: 100%; font-size: 1.2rem; padding: 1.5rem .3rem; background: #fff;}
#change_pass_form .input_wrap input::placeholder { color: #9f9f9f;}
#change_pass_form .input_wrap label {padding: 0 1.5rem; display: flex; align-items: center;}
#change_pass_form .input_wrap label img { width: 25px;}
#change_pass_form button { display: block; width: 100%; background: var(--color_blue); color: #fff; text-align: center; font-size: 1.4rem; padding: 1.5rem 1.5rem; border-radius: 5px;}

/* indivi_complet_page : 회원가입 완료 */
.indivi_complet_page {  padding-top: 10rem;}
.indivi_complet_page .container p { text-align: center;font-size: 1.2rem; line-height: 1.3; font-weight: 500;}
.indivi_complet_page .login_btn { font-size: 1.2rem;margin-top: 10rem;background: var(--color_blue); display: block; width: 100%; text-align: center; color: #fff;border-radius: 10px; padding: 1.5rem;}


/* 개인, 기업 회원가입 선택창 */
.choise_wrap .welcome { text-align: center; font-size: 1.4rem; font-weight: 600;}
.choise_wrap .welcome span { font-size: inherit; font-weight: inherit; color: var(--color_blue); }
.choise_wrap .box_wrap .box { background: #fff; border-radius: 15px; border: 1px solid #ddd;}
.choise_wrap .box_wrap { display: flex; justify-content: space-around; gap: 1.5rem;}
.choise_wrap .box_wrap .box { width: 50%;  padding:2rem 30px ;text-align: center; margin-top: 3rem;}
.choise_wrap .box_wrap .box h2 {font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1rem;}
.choise_wrap .box_wrap .box p {
	color: #888;
	font-weight: 400;
	margin-bottom: 4rem;
}
.choise_wrap .box_wrap a { padding: 1rem 15px;
    text-align: center;
    background: var(--color_blue);
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
    border-radius: 10px;
    display: block;
    margin-top: -8px;
    /* display: block; */
    position: relative;}
.choise_wrap .box_wrap .box:nth-child(2) a { background: var(--color_green);}
.choise_wrap .box_wrap img { max-width: 100%;}