
.recruit3 .lab{border-left:4px solid #000;border-right:4px solid #000; padding:0 50rem;}
.recruit3 .areaform{background:#FAFAFA; padding:40rem; height:500rem; overflow:hidden; overflow-y:scroll;}
.recruit3 input[type="checkbox"] {display: none;}
.recruit3 .chk_img {display: inline-block; padding-left: 35rem; background: url('/img/250812_27.png') no-repeat left center; background-size: 24rem 24rem; cursor: pointer;}
.recruit3 input[type="checkbox"]:checked + .chk_img {background: url('/img/250812_28.png') no-repeat left center;background-size: 24rem 24rem;}
.recruit3 .join_bt{border:1px solid var(--gs900); padding:20rem 50rem; border-radius:20rem;}
.recruit3 .recruit_in_btn{border:1px solid var(--gs400); padding:16rem 0; width:50%; max-width:220rem; border-radius:5rem;}

.form_btn_a{cursor:pointer; border:1px solid #BFBFBF;  transition:all 0.5s ease; color:#BFBFBF; border-radius:10px; padding:10px 24px; font-size:16rem; font-weight:600; line-height:1;}
.form_btn_a:hover{background:var(--pri-1); color:#fff; transition:all 0.5s ease;}
.form_btn_a.active{background:var(--pri-1); color:#fff; transition:all 0.5s ease;}
.form_btn_a.btn_b{padding:24px; color:var(--gs900);}
.recruit_inform_group{margin-top:50rem;}
.recruit_inform_group .dtit{padding-left:20rem; position:relative;}
.recruit_inform_group .dtit:before{content:''; width:3px; height:60%; background:var(--gs900); left:0; top:50%; transform:translateY(-50%); position:absolute;}
.recruit_inform_group table{border-collapse: collapse; border-left: 0; border-right: 0; border-spacing: 0; width: 100%; margin-top:30rem;}
.recruit_inform_group table tr th{vertical-align: middle; width:280rem; border: 1px solid #bfbfbf;font-size:20rem; font-weight:600; color:var(--gs900); padding:15rem 25rem; background:#FAFAFA;}
.recruit_inform_group table tr th .req{margin-left:10rem;}
.recruit_inform_group table tr td{border: 1px solid #bfbfbf;font-size:20rem; font-weight:400; color:var(--gs800); padding:15rem 25rem; background:#fff;}
.recruit_inform_group table tr > :first-child { border-left: 0; }
.recruit_inform_group table tr > :last-child  { border-right: 0; }
.recruit_inform_group table tr td input[type=text],.recruit_inform_group table tr td input[type=date]{width:100%; border:none; background:#f7f7f7; padding:10rem 15rem;}
.recruit_inform_group table tr td select{width:100%; border:none; font-size:20rem;background:#f7f7f7; padding:10rem 15rem;}
.recruit_inform_group table tr td select:option{font-size:20rem;}
.recruit_inform_group table tr td .hyp{font-size:20rem; padding:0 20rem;}
.recruit_inform_group table tr td input::placeholder,.recruit_inform_group table tr td select::placeholder,.recruit_inform_group table tr td textarea::placeholder{color:var(--gs500);}
.recruit_inform_group table tr td textarea{width:100%; height:200rem; border:none; resize:none;background:#f7f7f7; padding:10rem 15rem;}


.bbs_page_wrapper .opt_select{border:1px solid #bfbfbf; border-radius:5rem;}
.bo_w_file_wrap .custom-file-input .preview-wrapper img{width:100%;}
.bo_w_file_wrap .custom-file-input .preview-wrapper .preview-content{display:none;}
/* 공통 리셋: 기본 화살표 제거 */
select.select-left-icon {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px 12px 10px 55px;     /* 왼쪽 아이콘 공간 확보(36px) */
  font-size: 20px;
  line-height: 1.2;
  cursor: pointer;

  /* 아이콘 삽입 (왼쪽) */
  background-image: url("/img/select_ul_list.svg");
  background-repeat: no-repeat;
  background-position: 10px center; /* 왼쪽 여백 10px */
  background-size: 28px 28px;       /* 아이콘 크기 */
}

/* IE(Edge 레거시) 기본 화살표 제거 */
select.select-left-icon::-ms-expand {
  display: none;
}

/* 포커스/비활성 예시 */
select.select-left-icon:focus {
  border-color: #999;
  outline: none;
}
select.select-left-icon:disabled {
  color: #aaa;
  background-color: #f7f7f7;
  cursor: not-allowed;
}
/* 공통 리셋: 기본 화살표 제거 */
select.select-right-icon {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px 40px 10px 12px;     /* 오른쪽 아이콘 공간 확보(40px) */
  font-size: 20px;
  line-height: 1.2;
  cursor: pointer;

  /* 아이콘 삽입 (오른쪽) */
  background-image: url("/img/select_ul_arrow.svg");
  background-repeat: no-repeat;
  background-position: right 12px center; /* 오른쪽에서 12px */
  background-size: 28px 28px;
}

/* IE(Edge 레거시) 기본 화살표 제거 */
select.select-right-icon::-ms-expand {
  display: none;
}

/* 포커스/비활성 예시 */
select.select-right-icon:focus {
  border-color: #999;
  outline: none;
}
select.select-right-icon:disabled {
  color: #aaa;
  background-color: #f7f7f7;
  cursor: not-allowed;
}

.order_tab_wrap .order_tab{color:#A0A0A0; font-size:26rem; cursor:pointer;}
.order_tab_wrap .order_tab.on{color:var(--gs900); font-weight:700;}
.order_tab_wrap .span{color:#A0A0A0; font-size:26rem;}

.pagination { display:flex; gap:6px; justify-content:center; align-items:center; margin:20px 0; }
.pagination .page-link {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:36px; height:36px; padding:0 10px; border:1px solid #d1d5db;
  border-radius:8px; text-decoration:none; color:#A0A0A0; background:#F5F5F5;
  font-size:14px; transition:all .15s ease;
}
.pagination .page-link:hover { border-color:#9ca3af; }
.pagination .page-link.active {
  color:#fff; background:#111827; border-color:#111827; cursor:default;
}
.pagination .page-link.disabled {
  opacity:.45; pointer-events:none; background:#f9fafb;
}

/* 다크 모드 대응(선택) */
@media (prefers-color-scheme: dark) {
  .pagination .page-link { color:#e5e7eb; background:#0d1117; border-color:#30363d; }
  .pagination .page-link:hover { border-color:#6b7280; }
  .pagination .page-link.active { background:#e5e7eb; color:#0d1117; border-color:#e5e7eb; }
  .pagination .page-link.disabled { background:#0d1117; }
}


@media (max-width: 576px) {
	.recruit3 .join_bt{padding:50rem 20rem; flex-direction:column; gap:20rem;}
}
