/* 구인구직 리스트 스타일 */
.job-list-container {
    width: 1280px;
    margin: 10px auto;
    color: #333;
}

/* 상단 건수 안내 */
.list-summary {
    color: #666;
    margin-bottom: 10px;
    padding: 5px 20px;
}
.list-summary span {
    color: #a6a6a6;
}

/* 인증 상태 바 */
.auth-status-bar {
	padding: 15px;
    background: #f8f9fa;
    border: 1px solid #eee;
    margin-bottom: 10px;
    line-height: 1.8;
}
.auth-status-bar .auth-done {
    color: #ff3900; /* 요청하신 포인트 색상 */
    font-weight: bold;
    margin-left: 5px;
}
.auth-status-bar .btn-edit-info {
    color: #0000ff;
    text-decoration: none;
    margin-left: 5px;
}

/* 리스트 항목 */
.job-items {
	padding: 0 20px;
	list-style: none;
	margin: 0;
}
.job-items li {
	align-items: center;
	padding: 8px 0;
	white-space: nowrap;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* [재등록] 버튼 스타일 */
.btn-re-reg {
	color: var(--orange); /* 이미지의 붉은색 */
	font-weight: bold;
	text-decoration: none;
	flex-shrink: 0;
}
.btn-re-reg:hover {
	text-decoration: underline;
}
/* 날짜 스타일 */
.job-items .date {
	color: #666;
	margin-right: 5px;
	flex-shrink: 0;
}
/* 제목 스타일 (이미지처럼 약간 흐릿하거나 부드러운 느낌) */
.job-items .subject {
	color: #333;
/*	text-decoration: none;*/
/*	overflow: hidden;*/
/*	text-overflow: ellipsis;*/
	margin-right: 5px;
}
.board__list_vip .board__title {
	color: #333;
/*	text-decoration: none;*/
/*	overflow: hidden;*/
/*	text-overflow: ellipsis;*/
	margin-right: 5px;
}
/* 지역 및 카테고리 (회색조) */
.board__list_vip .location {
	color: #999;
	font-size: 12px;
/*	text-decoration: none;*/
/*	overflow: hidden;*/
/*	text-overflow: ellipsis;*/
}
.job-items .location {
	color: #999;
	font-size: 12px;
/*	text-decoration: none;*/
/*	overflow: hidden;*/
/*	text-overflow: ellipsis;*/
}
/* member.css */

.btn-submit:hover {
/*    background-color: #e63300;*/
}
/* =========================
   Member UI (114114 스타일)
   ========================= */
:root{
  --m-brand:#ff3900;
  --m-line:#e5e7eb;
  --m-head:#eeeeee;
  --m-text:#111;
  --m-muted:#6b7280;
  --m-radius:10px;
  --m-container:410px;
}

.m-wrap{
  padding: 50px 16px 60px;
  background:#fff;
}

.m-container{
  max-width: var(--m-container);
  margin: 0 auto;
}

.auth-status-bar b{
 color: var(--m-brand);
}

.m-card{
  background:#fff;
  border:1px solid var(--m-line);
  border-radius: var(--m-radius);
  overflow:hidden;
}

.m-head{
  background: var(--m-head);
  border-bottom:1px solid var(--m-line);
  padding: 22px 22px 18px;
}

.m-title{
  margin:0;
  font-size:18px;
  color:var(--m-text);
  letter-spacing:-.2px;
}

.m-desc{
  margin:6px 0 0;
  font-size:14px;
  color:var(--m-muted);
}

/* 탭 */
.m-tabs{
  display:flex;
  gap:0;
  border-bottom:1px solid var(--m-line);
  background:#fff;
}

.m-tab-radio{ display:none; }

.m-tab{
flex: 1;                 /* ✅ 균등 분배 */
  text-align: center;      /* ✅ 텍스트 가운데 */
  cursor:pointer;
  padding: 8px;
  font-size:15px;
  color:#444;
  border-bottom:2px solid transparent;
  user-select:none;
}

#tab_login:checked ~ .m-tabs label[for="tab_login"],
#tab_join:checked  ~ .m-tabs label[for="tab_join"],
#tab_id:checked    ~ .m-tabs label[for="tab_id"],
#tab_pw:checked    ~ .m-tabs label[for="tab_pw"]{
  color: var(--m-brand);
  border-bottom-color: var(--m-brand);
  font-weight:700;
}

/* 패널 표시 제어 */
.m-panel{ display:none; padding: 22px; }

#tab_login:checked ~ .m-tabs + .m-panel{ display:block; } /* 첫 패널(로그인) */

#tab_join:checked  ~ .m-tabs + .m-panel{ display:none; }
#tab_join:checked  ~ #panel_join{ display:block; }

#tab_id:checked    ~ .m-tabs + .m-panel{ display:none; }
#tab_id:checked    ~ #panel_id{ display:block; }

#tab_pw:checked    ~ .m-tabs + .m-panel{ display:none; }
#tab_pw:checked    ~ #panel_pw{ display:block; }

.m-form{ max-width: 520px; }

.m-row{ margin-bottom:14px; }

.m-label{
  display:block;
  font-size:14px;
  font-weight:700;
  color:#333;
  margin-bottom:6px;
}

.m-input{

  -webkit-appearance: none;       /* iOS/사파리 기본 스타일 제거 */
    -moz-appearance: none;          /* 파이어폭스 기본 스타일 제거 */
    appearance: none;               /* 브라우저 공통 스타일 제거 */
    
    display: block;
    width: 100%;
    height: 44px !important;        /* 강제로 높이 지정 */
    line-height: 44px;              /* 텍스트 수직 중앙 정렬 */
    padding: 0 12px;
    box-sizing: border-box;         /* 보더와 패딩을 높이에 포함 */
    font-size: 15px;                /* 모바일에서 줌 현상 방지를 위해 16px 추천 */
    border:1px solid var(--m-line);
    border-radius: 8px;
    background-color: #fff;
}

.m-input:focus{
  border-color: rgba(255,57,0,.55);
  box-shadow: 0 0 0 3px rgba(255,57,0,.12);
}

.m-help{
  margin:6px 0 0;
  font-size:13px;
  color:var(--m-muted);
}

.m-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}

.m-inline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin: 6px 0 14px;
}

.m-check{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  color:#333;
}

.m-check input{ transform: translateY(1px); }

.m-links{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  color:#444;
}

.m-dot{ color:#bbb; }

.m-link{
  cursor:pointer;
  color:#444;
  text-decoration:none;
}

.m-link:hover{ text-decoration:underline; }

.m-link--brand{
  color: var(--m-brand);
  font-weight:700;
}

.m-a{
  color: var(--m-brand);
  text-decoration:underline;
}

.m-btn{
  width:100%;
  height:46px;
  border-radius: 8px;
  border:1px solid transparent;
  font-size:16px;
  font-weight:800;
  cursor:pointer;
}

.m-btn--brand{
  background: var(--m-brand);
  color:#fff;
}

.m-btn--brand:hover{
  filter: brightness(.98);
}

.m-bottom{
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:14px;
}

.m-muted{ color: var(--m-muted); }

.m-agree{
  margin: 12px 0 16px;
  padding: 12px;
  border:1px solid var(--m-line);
  border-radius: 8px;
  background:#fafafa;
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* 회원구분 라디오 */
.m-seg{
  display:flex;
  gap:10px;
  padding: 14px 0 10px;
  margin-bottom: 6px;
}
.m-radio{
/*  display:flex;*/
/*  align-items:center;*/
/*  gap:8px;*/
/*  padding:10px 12px;*/
/*  border:1px solid var(--m-line);*/
/*  border-radius:8px;*/
/*  background:#fff;*/
/*  cursor:pointer;*/
/*  font-size:13px;*/
}
.m-radio input{ transform: translateY(1px); }
.m-radio:has(input:checked){
/*  border-color: rgba(255,57,0,.55);*/
/*  box-shadow: 0 0 0 3px rgba(255,57,0,.10);*/
}

/* 개인/기업 문구 토글 */
.m-only-company{ display:none; }
.join-is-company .m-only-person{ display:none; }
.join-is-company .m-only-company{ display:inline; }

/* 기업 섹션 표시/숨김 */
.m-company{ display:none; margin-top: 4px; }
.join-is-company .m-company{ display:block; }

/* 폰 + 버튼 한줄 */
.m-flex{
  display:flex;
  gap:10px;
  align-items:center;
}
.m-flex .m-input{ flex:1; }

/* 라인 버튼 */
.m-btn--line{
  width:auto;
  padding:0 14px;
  height:44px;
  border:1px solid var(--m-line);
  background:var(--m-head);;
  font-weight:800;
  border-radius:8px;
}
.m-btn--line:hover{ border-color:#cbd5e1; }

/* 인증 상태 */
.m-verify{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:8px;
}
.m-badge{
  font-size:12px;
  font-weight:800;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--m-line);
  background:#f9fafb;
  color:#444;
}
.m-badge.is-ok{
  border-color: rgba(255,57,0,.35);
  background: rgba(255,57,0,.08);
  color: var(--m-brand);
}
.m-timer{
	font-size: 14px;
    font-weight: bold;
    color: var(--m-muted);
}
.cp-auth-badge-info{
	margin-left:5px; color:#666;
}
/* 모바일 */
@media (max-width: 768px) {
.list-summary {
    padding: 0px 15px;
}
.cp-auth-badge-info{
	margin-left:0px;
}
.auth-label {
        display: block;      /* 텍스트를 한 줄 전체로 차지하게 함 (자동 줄바꿈) */
        font-size: 15px;
    }
    
    .company-info-text {
        display: block;      /* 업체명도 너무 길면 한 줄 아래로 내림 (선택사항) */
        margin-left: 0; 
        margin-top: 4px;
        font-size: 13px;
    }

    .btn-edit-info {
        display: inline-block;
        margin-left: 0;
        margin-top: 8px;    /* 수정 버튼도 클릭하기 편하게 여백 부여 */
    }
.job-list-container{
	width:100%;
}
.job-items li{
	    padding: 5px 0;
}
.job-items {
	padding: 0 10px;
}
.job-items .date {
	margin-right: 0px;
}
  .m-wrap{ padding: 24px 12px 44px; }
  .m-panel{ padding: 18px 14px; }
  .m-head{ padding: 15px 20px; }
  .m-grid{ grid-template-columns: 1fr; }
  .m-form{ max-width: 100%; }
  .m-tabs{ padding:0; overflow:auto; }
  .m-tab{ white-space:nowrap; }
  .m-flex{ flex-direction:column; align-items:stretch; }
  .m-btn--line{ width:100%; }
}
/* 기존 서류 확인 버튼 스타일 */
.m-btn-view-mini {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    background-color: #f0f7ff;
    color: #007bff;
    border: 1px solid #cce5ff;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s;
}

.m-btn-view-mini:hover {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
    text-decoration: none;
}

.m-btn-view-mini i {
    font-size: 1rem;
}

/* 안내 문구 박스 보정 */
.biz-change-wrapper .m-row { margin-bottom: 20px; }
/* 공통 배지 스타일 */
.cp-auth-badge {
    display: inline-block;
    padding: 0px 8px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    vertical-align: middle;
}

/* 상태별 배경색 및 글자색 */
.cp-auth-done { background-color: #28a745; color: #fff; } /* 초록 - 승인 */
.cp-auth-wait { background-color: #ffc107; color: #000; } /* 노랑 - 심사중 */
.cp-auth-reject { background-color: #dc3545; color: #fff; } /* 빨강 - 반려 */
.cp-auth-hold { background-color: #6c757d; color: #fff; } /* 회색 - 보류 */
.cp-auth-none { background-color: #e9ecef; color: #495057; border: 1px solid #ced4da; } /* 연회색 - 미인증 */

.btn-edit-info {
    margin-left: 10px;
    color: #007bff;
    text-decoration: none;
    font-size: 12px;
}
.withdraw-pc {
  position: fixed;
  right: calc((100vw - 1280px) / 2 + 8px);
  bottom: 56px;
  font-size: 14px;
  color: #aaa;
  z-index: 50;
}

.withdraw-pc a {
  color: #aaa;
  text-decoration: none;
}

.withdraw-pc a:hover {
  color: #ff3900;
  text-decoration: underline;
}

/* 모바일 숨김 */
@media (max-width: 768px) {
  .withdraw-pc {
    display: none;
  }
}