@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css);
@font-face {
  font-family: "yg-jalnan";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GmarketSansBold";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.search {
  margin-bottom: 0 !important;
  padding-bottom: 0;
}
.search .filter-fluid {
  padding-bottom: 0;
}
.search #filterBtnGroup {
  position: static;
}
.search #filterBtnGroup .filterUI {
  top: 100%;
  width: 100%;
  left: 0;
}
.search .searchbar {
  margin-left: 0.875rem;
}

.banner {
  padding-top: 1rem;
}
.banner .banner_slide_area .banner_slider {
  position: relative;
  width: 100%;
  margin-bottom: 0;
  visibility: hidden;
}
.banner .banner_slide_area .banner_slider .slick-list {
  width: 100%;
}
.banner .banner_slide_area .banner_slider .banner_slide {
  width: 100%;
  height: 11.25rem;
}
.banner .banner_slide_area .banner_slider .banner_slide .text {
  padding: 0 3.75rem;
}
.banner .banner_slide_area .banner_slider .banner_slide .text h4 {
  font-weight: 700;
  padding-bottom: 0.375rem;
}
.banner .banner_slide_area .banner_slider .banner_slide .text button {
  padding: 0.75rem 0.875rem;
  margin-top: 0.75rem;
  border-radius: 0.1875rem;
  font-size: 0.8rem;
  font-weight: 700;
}
.banner .banner_slide_area .banner_slider .slick-dots {
  position: absolute;
  bottom: 0.75rem;
}
.banner .banner_slide_area .banner_slider .slick-dots li {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0.25rem;
  transition: 0.2s;
}
.banner .banner_slide_area .banner_slider .slick-dots li button {
  width: 0.5rem;
  height: 0.5rem;
  transition: 0.2s;
}
.banner .banner_slide_area .banner_slider .slick-dots li button::before {
  content: "";
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #bcbcbc;
  opacity: 1;
  transition: 0.2s;
}
.banner .banner_slide_area .banner_slider .slick-dots li.slick-active button::before {
  opacity: 1;
  background-color: #ffffff;
}
.banner .banner_slide_area .banner_slider .slick-dots li:hover button::before {
  background-color: #E3E3E3;
}

.filter {
  background-color: #ffffff;
  z-index: 200;
}
.filter.scroll_sticky {
  position: sticky;
  top: 60px;
  border-bottom: 1px solid #e8e8e8;
}

.content_group {
  width: 100%;
  padding-bottom: 2.375rem;
}
.content_group .container {
  gap: 0.75rem;
}
.content_group .left_content {
  position: sticky;
  top: 8.5625rem;
  width: 15.5rem;
  min-width: 15.5rem;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 7.3625rem;
}
.content_group .left_content .search_menu_list {
  padding: 1.25rem 0.625rem;
  border-radius: 0.625rem;
  background-color: #f9f9f9;
}
.content_group .left_content .search_menu_list .menu {
  padding: 0.75rem 1.25rem;
  background-color: #f9f9f9;
  transition: 0.2s;
  cursor: pointer;
  border-radius: 0.5rem;
}
.content_group .left_content .search_menu_list .menu:hover {
  background-color: #eff1f4;
  border-radius: 0.5rem;
}
.content_group .left_content .search_menu_list .menu.active {
  background-color: #e5f2fd;
}
.content_group .left_content .search_menu_list .menu.active span {
  color: #1285ef;
  font-weight: 700;
}
.content_group .left_content .search_menu_list .menu.active:hover {
  background-color: #e5f2fd;
}
.content_group .left_content .search_menu_list .menu img {
  width: 1.6325rem;
  margin-right: 0.5rem;
}
.content_group .left_content .small_banners {
  margin-top: 0.75rem;
  gap: 0.75rem;
}
.content_group .left_content .small_banners .small_banner {
  width: 100%;
  height: 7.5rem;
  border-radius: 0.3125rem;
}
.content_group .left_content .small_banners .small_banner .text {
  padding: 1.13rem;
}
.content_group .left_content .small_banners .small_banner .text .tag {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 3.125rem;
  padding: 0.375rem 0.875rem;
  font-size: 0.8rem;
  font-weight: 700;
}
.content_group .left_content .small_banners .small_banner .text p {
  margin-top: 0.25rem;
  font-size: 0.9rem;
  font-weight: 700;
}
.content_group .right_content {
  width: 100%;
  gap: 3.125rem;
}
.content_group .right_content .card_list {
  width: 100%;
}
.content_group .right_content .card_list .content_container .text_line {
  width: 100%;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid #1285ef;
}
.content_group .right_content .card_list .content_container .text_line .text .result_title {
  margin-bottom: 0;
  font-size: 1.1rem;
  font-weight: 700;
}
.content_group .right_content .card_list .content_container .text_line .text .result_title span {
  color: #1285ef;
}
.content_group .right_content .card_list .content_container .text_line .text .result {
  color: #6c6c6c;
}
.content_group .right_content .card_list .content_container .text_line .text .result .result_count {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: normal;
  background-color: #0060f1;
  border-radius: 3.125rem;
  color: #ffffff;
  padding: 0.125rem 0.625rem;
  margin-left: 0.75rem;
}
.content_group .right_content .card_list .content_container .text_line .view_btn {
  display: flex;
  border: 1px solid #e8e8e8;
}
@media (max-width: 767px) {
  .content_group .right_content .card_list .content_container .text_line .view_btn {
    display: none;
  }
}
.content_group .right_content .card_list .content_container .text_line .view_btn .btn_box {
  display: flex;
  padding: 0.5rem;
  cursor: pointer;
}
.content_group .right_content .card_list .content_container .text_line .view_btn .btn_box:first-child {
  border-right: 1px solid #e8e8e8;
}
.content_group .right_content .card_list .content_container .text_line .view_btn .btn_box svg rect {
  fill: #bcbcbc;
}
.content_group .right_content .card_list .content_container .text_line .view_btn .btn_box.select svg rect {
  fill: #1285EF;
}
.content_group .right_content .card_list .content_container .text_line .view_btn .btn_box:hover {
  background-color: #f5f5f5;
}
.content_group .right_content .card_list .content_container .content {
  padding: 0;
}
.content_group .right_content .card_list .content_container .content .recruit-list {
  margin: 0;
}
.content_group .right_content .card_list .content_container .content .recruit-list .no_result p {
  padding: 3.75rem 0;
  color: #bcbcbc;
}