@charset "utf-8";
/**
 * ============================================================================
 * TalentProX | CSS — [공통]
 * ----------------------------------------------------------------------------
 * 파일명 : client/css/layout/apply-form.css
 * 분류   : 공통(지원서 필드)
 * 용도   : jobapp_table 인라인·주소·연락처 행 보강
 * 사용처 : cli_typelink.jsp 항상 로드
 * 로드   : /inc/front_typelink.jsp [B] 화면군
 * 주의   : 예전 apply-renewal.css. AS-IS 필드/로직은 유지
 * ============================================================================
 */
.jobapp_table .renew-inline{
  display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 12px;vertical-align:middle;
}
.jobapp_table .renew-inline .label,
.jobapp_table .renew-label{
  font-weight:700;font-size:13px;white-space:nowrap;margin-right:2px;
}
.jobapp_table .renew-addr-row{
  display:flex;align-items:center;gap:8px;width:100%;margin-top:8px;box-sizing:border-box;
}
.jobapp_table .renew-addr-row .renew-addr-main{flex:7 1 0;min-width:0;width:auto !important;max-width:none !important;}
.jobapp_table .renew-addr-row .renew-addr-detail{flex:3 1 0;min-width:0;width:auto !important;max-width:none !important;}
.jobapp_table .renew-contact-row{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;
}
.jobapp_table .renew-contact-phone,
.jobapp_table .renew-contact-email{
  display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 6px;
}
.jobapp_table .renew-field-row{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 8px;
}
.jobapp_table .renew-field-row:last-child{margin-bottom:0;}
.jobapp_table .renew-field{
  display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;
}

/* dateinput + 버튼 = 한 칸 */
.jobapp_table .dateinput,
.jobapp_table list .dateinput,
.jobapp_table.list .dateinput{
  vertical-align:middle;
}
.renew-jqdate{
  display:inline-flex;align-items:stretch;vertical-align:middle;
  border:1px solid var(--c-line-strong);border-radius:4px;overflow:hidden;background:#fff;
  height:30px;box-sizing:border-box;
}
.renew-jqdate .dateinput{
  width:92px !important;height:100% !important;margin:0 !important;padding:0 6px !important;
  border:0 !important;border-radius:0 !important;box-sizing:border-box;text-align:center;
}
.renew-jqdate .dateinput_btn{
  width:30px !important;height:100% !important;margin:0 !important;padding:0 !important;
  border:0 !important;border-left:1px solid var(--c-line-strong) !important;border-radius:0 !important;
  background-color:var(--c-th) !important;vertical-align:middle;
}
.jobapp_table.list td .renew-period{
  display:inline-flex;align-items:center;justify-content:center;gap:4px;flex-wrap:nowrap;white-space:nowrap;
}

/* 삭제(휴지통) 가시성 */
.jobapp_table.list .btn_del{
  display:inline-block;width:22px;height:22px;vertical-align:middle;
}

@media (max-width:720px){
  .jobapp_table .renew-addr-row{flex-wrap:wrap;}
  .jobapp_table .renew-addr-row .renew-addr-main,
  .jobapp_table .renew-addr-row .renew-addr-detail{flex:1 1 100%;}
}
