::-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.5; z-index: -1;}

.search_wrap {padding: 50px 0; opacity: 1; margin-bottom: 76px;}
.search_wrap .inner {display: flex; gap: 26px;}
.search_wrap .inner .result_wrap {width: 974px;}
.search_wrap .inner .result_wrap .result_top {margin-bottom: 15px;}
.search_wrap .inner .result_wrap .result_top h3 {font-size: 34px; letter-spacing: -2px; font-weight: 600; color: #1c1c1c;}
.search_wrap .inner .result_wrap .result_top h3 b {color: var(--brandColor);}
.search_wrap .inner .result_wrap .filter_wrap {}
.search_wrap .inner .result_wrap .filter_wrap ul.filter_list {display: flex; align-items: center; gap: 14px; margin-bottom: 58px;}
.search_wrap .inner .result_wrap .filter_wrap ul.filter_list li {border: 1px solid #d5d5d5; background-color: #fff;
padding: 16px 26px; width: 182px; height: 56px; font-size: 20px; font-weight: 700; color: #3a3a3a;
border-radius: 10px; position: relative; cursor: pointer; display: flex; align-items: center; gap: 8px;}
.search_wrap .inner .result_wrap .filter_wrap ul.filter_list li.on {border: 1px solid var(--brandColor);}


.search_wrap .inner .result_wrap .title_wrap {display: flex; justify-content: space-between; align-items: center;}
.search_wrap .inner .result_wrap .title_wrap h3 {font-size: 30px; font-weight: 700; letter-spacing: -0.65px;}
.search_wrap .inner .result_wrap .title_wrap h3 b {color: var(--brandColor); letter-spacing: -2.5px;}
.search_wrap .inner .result_wrap .title_wrap .select_wrap {display: flex; gap: 8px;}
.search_wrap .inner .result_wrap .title_wrap .select_wrap ul {background: #fff; z-index: 2;}
.search_wrap .inner .result_wrap .title_wrap .select_wrap ul li {font-size: 16px; color: #3a3a3a;}

.search_wrap .filter_box .regoin_wrap .filter_regoin_right {grid-template-columns: repeat(3, 1fr);}
.search_wrap .filter_box {display: none;}
.search_wrap .filter_box.on {display: block;}
.search_wrap .filter {padding-bottom: 0;}
.search_wrap .inner .result_wrap .filter_wrap ul.filter_list {margin-bottom: 51px;}

.search_wrap .inner .result_wrap .filter_box .regoin_wrap {}
.search_wrap .title_wrap {}
.search_wrap .title_wrap h3 {}
.search_wrap .title_wrap h3 b {margin-left: 10px;}
.search_wrap .select_wrap {display: flex; align-items: center; gap: 5px;}
.search_wrap .select_wrap .select_list {cursor: pointer; position: relative;}
.search_wrap .select_wrap .sort_list {}
.search_wrap .select_wrap .sort_list h3 {width: 166px;}
.search_wrap .select_wrap .sort_list li ul li {}
.search_wrap .select_wrap .sort_list li ul li a {}
.search_wrap .select_wrap .view_list {}
.search_wrap .select_wrap .view_list h3 {width: 166px;}
.search_wrap .select_wrap .view_list li ul {}
.search_wrap .select_wrap .view_list li ul li {}
.search_wrap .select_wrap .view_list li ul li a {}
.search_wrap .inner .select_wrap .sort_list h3, .search_wrap .inner .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;}


.search_wrap .select_wrap .sort_list h3 i, .search_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; transform: translate(180deg); }
.search_wrap .select_wrap .sort_list h3.active i, .search_wrap .select_wrap .view_list h3.active i{transform: rotate(180deg);}

.search_wrap .select_wrap .select_list ul {position: absolute; top: 100%; left: 0; border: 1px solid #d5d5d5; width: 100%; padding: 10px; display: flex; flex-direction: column; gap: 11px; border-radius: 5px; display: none; background: #fff;}
.search_wrap .select_wrap .select_list ul.on {display: flex;}
.search_wrap .select_wrap .select_list ul li {}
.search_wrap .select_wrap .select_list ul li {display: flex; padding: 10px; font-size: 16px; justify-content: space-between; font-weight: 500;}
.search_wrap .select_wrap .select_list ul li img {display: none; object-fit: contain;}
.search_wrap .select_wrap .select_list ul li.on {background: #f2f7fc;}
.search_wrap .select_wrap .select_list ul li.on img {display: block;}
.search_wrap .select_wrap .select_list ul li:hover {background: #f2f7fc;}
.search_wrap .select_wrap .select_list ul li:hover img {display: block;}
.search_wrap .inner .result_wrap .title_wrap {margin-bottom: 30px;}
/* .search_wrap .inner .keyword_wrap {background: #f8fcff;} */
.search_wrap .inner .keyword_title {padding: 21px 40px 21px; border-top: 1px solid #3a3a3a; display: flex; justify-content: space-between; align-items: center; position: relative;}
.search_wrap .inner .keyword_title h3 {font-size: 24px; font-weight: 500; color: #3a3a3a;}
.search_wrap .inner .keyword_title p {display: flex; align-items: center; gap: 4px; cursor: pointer;}
.search_wrap .inner .keyword_title p i {background: #d5d5d5; font-size: 12px; font-weight: 500; border-radius: 100%; width: 16px; height: 16px; display: inline-block; text-align: center; line-height: 16px;}
.search_wrap .inner .keyword_title p span {font-weight: 500; font-size: 16px; color: #878787;}
.search_wrap .inner .keyword_wrap ul {}
.search_wrap .inner .keyword_wrap ul li {}
.search_wrap .inner .keyword_wrap ul li a {padding: 43px 41px 37px 40px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;}
.search_wrap .inner .keyword_wrap ul li a .star_wrap {margin-right: 23px;}
.search_wrap .inner .keyword_wrap ul li a .star_wrap img {}
.search_wrap .inner .keyword_wrap ul li a .logo_wrap {width: 140px; height: 80px; padding: 22px 16px; margin-right: 23px; border: solid 1px #d5d5d5; border-radius: 5px; background: #fff;}
.search_wrap .inner .keyword_wrap ul li a .logo_wrap img {width: 100%; height: 100%; object-fit: contain;}
.search_wrap .inner .keyword_wrap ul li a .info_wrap {min-width: 377px; margin-right: 26px;}
.search_wrap .inner .keyword_wrap ul li a .info_wrap h4 {font-size: 18px; font-weight: 500; color: #3a3a3a; letter-spacing: -0.5px; margin-bottom: 13px;}
.search_wrap .inner .keyword_wrap ul li a .info_wrap h3 {font-size: 24px; font-weight: 700; color: #1c1c1c; letter-spacing: -1px; margin-bottom: 23px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.search_wrap .inner .keyword_wrap ul li a .info_wrap p {margin-bottom: 13px;}
.search_wrap .inner .keyword_wrap ul li a .info_wrap p b {color: var(--brandColor); font-weight: 500; font-size: 18px; margin-right: 16px;}
.search_wrap .inner .keyword_wrap ul li a .info_wrap p span {font-size: 18px; font-weight: 500; color: #3a3a3a; letter-spacing: -0.5px;}
.search_wrap .inner .keyword_wrap ul li a .info_wrap p.education {margin-bottom: 0;}
.search_wrap .inner .keyword_wrap ul li a .info_wrap2 {display: flex; flex-direction: column; gap: 12px; margin-right: 32px;}
.search_wrap .inner .keyword_wrap ul li a .info_wrap2 p {font-size: 18px; font-weight: 500;}
.search_wrap .inner .keyword_wrap ul li a .info_wrap2 p b {color: var(--brandColor); margin-right: 10px;}
.search_wrap .inner .keyword_wrap ul li a .info_wrap2 p span {letter-spacing: -1px;}
.search_wrap .inner .keyword_wrap ul li a .date_wrap {font-size: 18px; font-weight: 500; display: flex; flex-direction: column; align-items: center; gap: 8px;}
.search_wrap .inner .keyword_wrap ul li a .date_wrap span {color: var(--brandColor); font-weight: 600;}
.search_wrap .inner .keyword_wrap ul li a .date_wrap p {letter-spacing: -0.3px;}

.search_wrap .product_wrap {display: none; position: absolute; right: 0; top: 65%;
  width: 420px; padding: 26px 30px; border-radius: 10px; border: solid 1px #d5d5d5;
  background-color: #fff; z-index: 10;}
.search_wrap .product_wrap.on {display: block;}
.search_wrap .product_wrap .product_title {display: flex; justify-content: space-between;
  align-items: center; font-size: 22px; font-weight: 500; letter-spacing: -0.78px;  padding-bottom: 14px; border-bottom: 1px solid #d5d5d5;}
.search_wrap .product_wrap .product_title .close {cursor: pointer;}
.search_wrap .product_wrap .product_cont {padding-top: 18px; display: flex; justify-content: space-between; align-items: center;}

.search_wrap .product_wrap .product_cont p {font-size: 18px; font-weight: 700;letter-spacing: -0.66px;}
.search_wrap .product_wrap .product_cont p:nth-of-type(1) {margin-bottom: 12px;}
.search_wrap .product_wrap .product_cont p b {font-size: 20px; font-weight: 500; letter-spacing: -0.72px; color: #df222c;}
.search_wrap .product_wrap .product_cont p span {font-size: 16px; font-weight: 500; letter-spacing: -0.54px;}
.search_wrap .product_wrap .product_cont a {width: 93px; height: 37px; display: flex;
  justify-content: center; align-items: center; border-radius: 5px; background-color: var(--brandColor); color: #fff; font-size: 16px; font-weight: 500;letter-spacing: -0.54px;
}
.search_wrap .inner .normal_wrap {}
.search_wrap .inner .normal_wrap .normal_title {padding: 20px 40px; border-bottom: 1px solid #d5d5d5;}
.search_wrap .inner .normal_wrap .normal_title h3 {font-size: 24px; font-weight: 500; color: #3a3a3a; letter-spacing: -1.5px;}
.search_wrap .inner .normal_wrap ul {}
.search_wrap .inner .normal_wrap ul li {}
.search_wrap .inner .normal_wrap ul li a {display: flex; align-items: center; padding: 40px 40px 25px 41px; border-bottom: 1px solid #d5d5d5;}
.search_wrap .inner .normal_wrap ul li a .star_wrap {margin-right: 34px;}
.search_wrap .inner .normal_wrap ul li a .star_wrap img {}
.search_wrap .inner .normal_wrap ul li a .info_wrap {min-width: 377px; margin-right: 158px;}
.search_wrap .inner .normal_wrap ul li a .info_wrap h4 {font-size: 18px; font-weight: 500; color: #3a3a3a; margin-bottom: 14px; letter-spacing: -0.6px;}
.search_wrap .inner .normal_wrap ul li a .info_wrap h3 {font-size: 24px; font-weight: 700; color: #1c1c1c; letter-spacing: -0.8px; margin-bottom: 27px;}
.search_wrap .inner .normal_wrap ul li a .info_wrap p {font-size: 18px; font-weight: 500; margin-bottom: 12px;}
.search_wrap .inner .normal_wrap ul li a .info_wrap p.edcation {margin-bottom: 0;}
.search_wrap .inner .normal_wrap ul li a .info_wrap p b {margin-right: 16px; color: var(--brandColor);}
.search_wrap .inner .normal_wrap ul li a .info_wrap p span {}
.search_wrap .inner .normal_wrap ul li a .info_wrap2 {display: flex; flex-direction: column; gap: 12px; margin-right: 47px;}
.search_wrap .inner .normal_wrap ul li a .info_wrap2 p {font-size: 18px; font-weight: 500;}
.search_wrap .inner .normal_wrap ul li a .info_wrap2 p b {color: var(--brandColor); margin-right: 10px;}
.search_wrap .inner .normal_wrap ul li a .info_wrap2 p span {letter-spacing: -0.6px;}
.search_wrap .inner .normal_wrap ul li a .date_wrap {font-size: 18px; font-weight: 500; display: flex; flex-direction: column; align-items: center; gap: 8px;}
.search_wrap .inner .normal_wrap ul li a .date_wrap span {color: var(--brandColor); font-weight: 600;}
.search_wrap .inner .normal_wrap ul li a .date_wrap p {letter-spacing: -0.3px;}
.search_wrap .inner {position: relative;}

.search_wrap .inner .side_wrap .sticky_wrap { display: flex; flex-direction: column; gap: 25px;}
.search_wrap .inner .side_wrap {}


.search_wrap .inner .side_wrap .popular_wrap {border: 1px solid #d5d5d5; padding: 29px 30px 25px 30px; border-radius: 10px; background: #fff;}
.search_wrap .inner .side_wrap .popular_wrap h3 {font-size: 20px; font-weight: 600; color: #1c1c1c; letter-spacing: -1px; margin-bottom: 23px;}
.search_wrap .inner .side_wrap .popular_wrap ul {display: flex; flex-direction: column; gap: 15px;}
.search_wrap .inner .side_wrap .popular_wrap ul li {display: flex; align-items: center;}
.search_wrap .inner .side_wrap .popular_wrap ul li a {font-size: 16px; font-weight: 500; color: #3a3a3a;}
.search_wrap .inner .side_wrap .popular_wrap ul li span {font-size: 16px; color: #878787; font-weight: 400; display: inline-block; min-width: 17px; margin-right: 10px;}

.search_wrap .inner .side_wrap .ad_wrap {width: 260px; height: 210px; background: #d98585; border-radius: 10px;}
.search_wrap .inner .side_wrap .regoin_wrap {border: 1px solid #d5d5d5; padding: 29px 39px 29px 30px; border-radius: 10px; background: #fff;}
.search_wrap .inner .side_wrap .regoin_wrap h3 {font-size: 20px; font-weight: 600; color: #1c1c1c; letter-spacing: -1px; margin-bottom: 23px;}
.search_wrap .inner .side_wrap .regoin_wrap ul {display: flex; flex-direction: column; gap: 17px;}
.search_wrap .inner .side_wrap .regoin_wrap ul li {display: flex; align-items: center; justify-content: space-between;}
.search_wrap .inner .side_wrap .regoin_wrap ul li a {font-size: 16px; font-weight: 500; color: #3a3a3a; letter-spacing: -1px;}
.search_wrap .inner .side_wrap .regoin_wrap ul li span {color: var(--brandColor); font-weight: 400;}
.search_wrap .filter_box .region_wrap .filter_region_right {grid-template-columns: repeat(3, 1fr);}