.vacancyPage{font-family:var(--f_base1);font-size:var(--fs16);color:#111;}
.vacancyHead{margin:0 0 22px;}
.vacancyTit{margin:0 0 8px;font-size:var(--fs32);line-height:1.1;letter-spacing:-.02em;color:var(--c_base1);font-weight:700;}
.vacancyDesc{margin:0;color:#666;line-height:1.6;}

.vacancyTabs{margin:50px 0;}


.vacancyTabs__list{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;flex-wrap:wrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;}
.vacancyTabs__list::-webkit-scrollbar{display:none;}
.vacancyTabs__list.is-dragging{cursor:grabbing;}
.vacancyTabs__list > li{flex:0 0 auto;}
.vacancyTabs__btn{white-space:nowrap;}

.vacancyTabs__btn{border:0;background:var(--c_bgGray);color:#111;padding:13px 30px;border-radius:14px;font-weight:600;cursor:pointer;transition:var(--ani);white-space:nowrap;line-height:1;}
.vacancyTabs__btn.is-active{background:var(--c_base3);}

.vacancyFilter{margin:10px 0 0;}
.vacancyFilter__grid{display:grid;grid-template-columns:1.2fr 1fr 1.2fr 1fr 1fr auto;gap:20px;align-items:center;}
.vacancyField{display:flex;align-items:center;gap:12px;min-width:0;}
.vacancyLabel{flex:0 0 auto;}
.vacancyInput{width:100%;min-width:0;height:50px;border:1px solid #dcdfe6;border-radius:10px;padding:0 12px;font-size:var(--fs16);outline:none;background:#fff; }
.vacancySelect{width:100%;min-width:0;height:50px;border:1px solid #dcdfe6;border-radius:10px;padding:0 36px 0 12px;font-size:var(--fs16);outline:none;background:#fff; appearance: none;
  background-image: url(/images/common/select-arrow.svg);
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 10px;}
.vacancyActions{display:flex;gap:5px;align-items:center;}
.btn{height:50px;padding:0 18px;border-radius:10px;border:0;font-weight:600;cursor:pointer;transition:var(--ani);white-space:nowrap;}
.btn--blue{background:var(--c_base2);color:#fff;}
.btn--yellow{background:var(--c_base3);color:#111;}
.btn:active{transform:translateY(1px);}

.vacancyMeta{margin:20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.vacancyCount{margin:0;color:#111;}
.vacancyCount strong{font-weight:700;}
.excelBtn{border:0;background:transparent;display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#111;font-weight:800;}
.excelBtn__tag{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;border-radius:6px;background:#33a852;color:#fff;font-size:10px;font-weight:700;letter-spacing:.02em;}
.excelBtn__txt{font-weight:400;}

.vacancyTableWrap{}

.vacancyTable{width:100%;border-collapse:collapse;min-width:980px;}
.vacancyTable thead th{background:var(--c_bgGray);border-bottom:1px solid #000;border-top:1px solid #000;padding:18px 10px;font-size:var(--fs16);text-align:center;white-space:nowrap; font-weight:400; line-height:1;}
.vacancyTable tbody td{border-bottom:1px solid #eee;padding:16px 5px;text-align:center;vertical-align:middle;color:#333;line-height:1.4;}
.vacancyTable tbody td:nth-child(10){}
.vacancyTableWrap{overflow:auto;border-radius:0;scrollbar-width:thin;}
.vacancyTableWrap::-webkit-scrollbar{height:10px;}
.vacancyTableWrap:focus{outline:2px solid rgba(5,99,221,.15);outline-offset:2px;}

/* 페이징 */
/*.paging{margin:28px 0 0;display:flex;align-items:center;justify-content:center;gap:10px;}
a.pagingBtn{width:40px;height:40px;border-radius:999px;border:1px solid #ddd;background:#fff;cursor:pointer;font-weight:900;transition:var(--ani); }
.pagingBtn--primary{background:#111;border-color:#111;color:#fff;}
.pagingNums{display:flex;gap:30px;align-items:center; margin:0 40px;}
a.pagingNum {border:0;background:transparent;cursor:pointer;color:#666;font-weight:400;min-width:20px; text-align:center; transition:all 0.3s;}
a.pagingNum.is-active{color:#B10000; font-weight:600;}
a.pagingBtn:hover {border:1px solid #000;}
a.pagingBtn.first {background:url(/images/common/paging-arrow_first.svg) no-repeat center / 15px;}
a.pagingBtn.prev {background:url(/images/common/paging-arrow_prev.svg) no-repeat center / 8px;}
a.pagingBtn.next {background:url(/images/common/paging-arrow_next.svg) no-repeat 56% center / 8px;}
a.pagingBtn.final {background:url(/images/common/paging-arrow_final.svg) no-repeat 57% center / 15px;}
a.pagingBtn.first:hover {background:#000 url(/images/common/paging-arrow_firstW.svg) no-repeat center / 15px;}
a.pagingBtn.prev:hover {background:#000 url(/images/common/paging-arrow_prevW.svg) no-repeat center / 8px;}
a.pagingBtn.next:hover {background:#000 url(/images/common/paging-arrow_nextW.svg) no-repeat 56% center / 8px;}
a.pagingBtn.final:hover {background:#000 url(/images/common/paging-arrow_finalW.svg) no-repeat 57% center / 15px;}*/

@media screen and (max-width:1199px){
.vacancyFilter__grid {grid-template-columns:1fr 1fr 1fr;}
.vacancyActions{grid-column:1/-1;justify-content:flex-end;}
.vacancyTabs {margin:30px 0;}
.vacancyMeta {margin:10px 0;}
.vacancyTable tbody td.phone {white-space:nowrap;}
.vacancyTableWrap .tabledrag {margin:10px 0;} 

.vacancyTabs__list{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;}
.vacancyTabs__list::-webkit-scrollbar{display:none;}
.vacancyTabs__list.is-dragging{cursor:grabbing;}
.vacancyTabs__list > li{flex:0 0 auto;}
.vacancyTabs__btn{white-space:nowrap;}

/*.vacancyTabs__btn{border:0;background:var(--c_bgGray);color:#111;padding:13px 30px;border-radius:14px;font-weight:600;cursor:pointer;transition:var(--ani);white-space:nowrap; line-height:1;}
.vacancyTabs__btn.is-active{background:var(--c_base3);}*/
}
@media screen and (max-width:767px){
.vacancyTit{} 
.vacancyInput {height:45px;}
.vacancySelect {height:45px;}
.vacancyTabs__btn {padding:15px 16px;border-radius:12px;min-width:auto;} 
.vacancyFilter__grid{grid-template-columns:1fr 1fr;gap:10px;} 
.vacancyField{flex-direction:column;align-items:flex-start;gap:8px;} 
.vacancyLabel{} 
.vacancyActions{grid-column:1/-1;justify-content:stretch; margin:15px 0;} 
.btn{flex:1;} 
.vacancyMeta{flex-direction:column;align-items:flex-start;} 
.excelBtn{align-self:flex-end;}
/*.pagingNums {margin:0 10px; gap:15px;}*/
.vacancyTable tbody td {padding:5px 10px;}

}