::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #d5d5d5;
  border-radius: 10px;

}


.search_img {position: absolute; top: 0; left: 0; width: 100%; height: auto; opacity: 0.8; z-index: 1;}
.menu_list .region {color: var(--brandColor); font-weight: 700;}

.title_wrap {display: flex; justify-content: space-between; align-items: center;}
.title_wrap h3 {font-size: 30px; font-weight: 700; letter-spacing: -0.65px;}
.title_wrap h3 b {color: var(--brandColor);}
.title_wrap .select_wrap {display: flex; gap: 10px;}
.title_wrap .select_wrap ul {}
.title_wrap .select_wrap ul li {border: 1px solid #d5d5d5; padding: 8px 20px; font-size: 16px; color: #878787;}


/*background: #f2f7fc;*/

.job_wrap .posting_wrap {padding: 0;}
.job_wrap .posting_wrap .hit {background: #f2f7fc; padding: 80px 0;}
.job_wrap .posting_wrap .light {padding: 100px 0; background: #fff;}
.job_wrap .posting_wrap .posting_content .title_box {background-color: initial; padding: 0; height: auto; margin-bottom: 40px;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.9px;
}
.job_wrap .posting_wrap .posting_content .title_box h3 {color: #1c1c1c; font-weight: 700;}
.job_wrap .posting_wrap .posting_content .title_box .info span {background: #d5d5d5; color: #878787;}
.job_wrap .posting_wrap .posting_content .title_box .info {color: #878787;}
.job_wrap .posting_wrap .posting_content:not(:last-of-type) {padding-bottom: 80px;}
.job_wrap .posting_item .hover_box .hover_title {padding: 16px 16px 34px 22px;}

.hot_wrap {padding: 104px 0;}
.hot_wrap .inner .title_wrap {margin-bottom: 42px;}
.hot_wrap .inner ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px 17px;}
.hot_wrap .inner ul li a {display: flex; border: 1px solid #d5d5d5; height: 141px;}
.hot_wrap .inner ul li a .logo_wrap {border-right: 1px solid #d5d5d5; min-width: 230px; padding: 0 25px; display: flex; align-items: center; justify-content: center;}
.hot_wrap .inner ul li a .logo_wrap img {width: 100%;}
.hot_wrap .inner ul li a .post_title_wrap {width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start; padding: 0 24px;}
.hot_wrap .inner ul li a .post_title_wrap p {color: #1c1c1c; font-weight: 600; font-size: 24px; line-height: 1.4; letter-spacing: -0.7px;}

.all_post_wrap {}
.all_post_wrap .inner {}
.all_post_wrap .inner .sort_wrap {display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px;}
.all_post_wrap .inner .sort_wrap .title_wrap {}
.all_post_wrap .inner .sort_wrap .title_wrap h3 {}
.all_post_wrap .inner .sort_wrap .title_wrap h3 b {margin-left: 10px;}
.all_post_wrap .inner .sort_wrap .select_wrap {display: flex; align-items: center; gap: 5px;}
.all_post_wrap .inner .sort_wrap .select_wrap .select_list {cursor: pointer; position: relative;}
.all_post_wrap .inner .sort_wrap .select_wrap .sort_list {}
.all_post_wrap .inner .sort_wrap .select_wrap .sort_list h3 {width: 166px;}
.all_post_wrap .inner .sort_wrap .select_wrap .sort_list li ul li {}
.all_post_wrap .inner .sort_wrap .select_wrap .sort_list li ul li a {}
.all_post_wrap .inner .sort_wrap .select_wrap .view_list {}
.all_post_wrap .inner .sort_wrap .select_wrap .view_list h3 {width: 166px;}
.all_post_wrap .inner .sort_wrap .select_wrap .view_list li ul {}
.all_post_wrap .inner .sort_wrap .select_wrap .view_list li ul li {}
.all_post_wrap .inner .sort_wrap .select_wrap .view_list li ul li a {}
.all_post_wrap .inner .sort_wrap .select_wrap .sort_list h3, .all_post_wrap .inner .sort_wrap .select_wrap .view_list h3 {font-size: 16px; font-weight: 500; color: #878787; padding: 8px 20px; border: 1px solid #d5d5d5; display: flex; align-items: center; border-radius: 5px; justify-content: space-between; position: relative;}

.all_post_wrap .inner .sort_wrap .select_wrap .sort_list h3 i,
.all_post_wrap .inner .sort_wrap .select_wrap .view_list h3 i {background: url('/img/search/select_arrow2.png') no-repeat center/cover; width: 12px; height: 7px; transition: transform 0.3s ease;}
.all_post_wrap .inner .sort_wrap .select_wrap .sort_list h3.active i,
.all_post_wrap .inner .sort_wrap .select_wrap .view_list h3.active i {transform: rotate(180deg);}


.all_post_wrap .inner .sort_wrap .select_wrap .select_list ul {position: absolute; top: 100%; left: 0; border: 1px solid #d5d5d5; width: 100%; padding: 10px 12px; display: flex; flex-direction: column; gap: 11px; border-radius: 5px; display: none; background: #fff;}
.all_post_wrap .inner .sort_wrap .select_wrap .select_list ul.on {display: flex;}
.all_post_wrap .inner .sort_wrap .select_wrap .select_list ul li {}
.all_post_wrap .inner .sort_wrap .select_wrap .select_list ul li {display: flex; padding: 10px 12px; font-size: 16px; justify-content: space-between; font-weight: 500;}
.all_post_wrap .inner .sort_wrap .select_wrap .select_list ul li img {display: none; object-fit: contain;}
.all_post_wrap .inner .sort_wrap .select_wrap .select_list ul li.on {background: #f2f7fc;}
.all_post_wrap .inner .sort_wrap .select_wrap .select_list ul li.on img {display: block;}
.all_post_wrap .inner .sort_wrap .select_wrap  .select_list ul li:hover {background: #f2f7fc;}
.all_post_wrap .inner .sort_wrap .select_wrap  .select_list ul li:hover img {display: block;}
.all_post_wrap .inner .post_wrap {}
.all_post_wrap .inner .post_wrap .post_list {}
.all_post_wrap .inner .post_wrap .post_list li {}
.all_post_wrap .inner .post_wrap .post_list li a {display: flex; align-items: center; padding: 38px 28px 38px 20px; border-bottom: 1px solid #d5d5d5; justify-content: space-between;}
.all_post_wrap .inner .post_wrap .post_list li:first-child a {padding-top: 7px;}
.all_post_wrap .inner .post_wrap .post_list li a .star_wrap {margin-right: 38px;}
.all_post_wrap .inner .post_wrap .post_list li a .star_wrap img {width: 20px; height: 19px;}
.all_post_wrap .inner .post_wrap .post_list li a .logo_wrap {width: 210px; height: 120px; padding: 33px 25px; margin-right: 38px;}
.all_post_wrap .inner .post_wrap .post_list li a .logo_wrap img {width: 100%; height: 100%; object-fit: contain;}
.all_post_wrap .inner .post_wrap .post_list li a .content_wrap {width: 568px;}
.all_post_wrap .inner .post_wrap .post_list li a .content_wrap h3 {font-size: 24px; color: #1c1c1c; font-weight: 700; margin-bottom: 25px; letter-spacing: -1px;}
.all_post_wrap .inner .post_wrap .post_list li a .content_wrap p {font-size: 18px; margin-bottom: 16px;}
.all_post_wrap .inner .post_wrap .post_list li a .content_wrap p b {color: var(--brandColor); padding: 2px 4px; margin-right: 10px; background-color: #f2f7fc; font-weight: 500;}
.all_post_wrap .inner .post_wrap .post_list li a .content_wrap p:last-child {margin-bottom: 0;}
.all_post_wrap .inner .post_wrap .post_list li a .content_wrap p span {font-weight: 500; letter-spacing: -0.8px; color: #3a3a3a;}
.all_post_wrap .inner .post_wrap .post_list li a .detail_wrap {font-size: 18px; font-weight: 500; display: flex; flex-direction: column; gap: 10px; margin-right: 64px;}
.all_post_wrap .inner .post_wrap .post_list li a .detail_wrap p {color: #3a3a3a; display: flex; gap: 10px;}
.all_post_wrap .inner .post_wrap .post_list li a .detail_wrap p b {padding: 2px 4px; background-color: #f2f7fc;}
.all_post_wrap .inner .post_wrap .post_list li a .detail_wrap p span {}
.all_post_wrap .inner .post_wrap .post_list li a .deadline_wrap {font-size: 18px; font-weight: 500;}
.all_post_wrap .inner .post_wrap .post_list li a .deadline_wrap p {display: flex; flex-direction: column; gap: 10px; letter-spacing: -1px;}
.all_post_wrap .inner .post_wrap .post_list li a .deadline_wrap p b {text-align: center; color: var(--brandColor); font-weight: 600;}
.all_post_wrap .inner .post_wrap .post_list li a .deadline_wrap p span {font-weight: 500;}
.all_post_wrap .inner .paginaiton {display: flex; align-items: center; justify-content: center;}
.all_post_wrap .inner .paginaiton ul {display: flex; align-items: center; justify-content: center; gap: 16px; padding: 40px 0; margin: 0 19px;}
.all_post_wrap .inner .paginaiton ul li {}
.all_post_wrap .inner .paginaiton ul li a {font-size: 18px; font-weight: 500; color: #878787; border-radius: 100%; width: 30px; height: 30px; display: flex; justify-content: center; line-height: 30px; align-items: center; position: relative;}
.all_post_wrap .inner .paginaiton ul li a.on {background: var(--brandColor); color: #fff;}
.all_post_wrap .inner .paginaiton .next_prev {display: flex;}
.all_post_wrap .inner .paginaiton .prev_wrap a {opacity: 0.2;}
.all_post_wrap .inner .paginaiton .next_prev a img {width: 30px; height: 30px; filter: brightness(0) saturate(100%) invert(65%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(90%) contrast(90%);}
.job_wrap footer {padding-top: 12px;}