.grid_nav .sub_menu ul li {
  float: left;
  width: 16.7%;
  height: 45px;
  text-align: center;
  margin-top: -1px;
  margin-right: -1px;
}
.grid_nav .sub_menu ul li:hover a {
  color: #191919;
  font-weight: 500;
}
.grid_nav .sub_menu ul {
  margin-bottom: 20px;
  margin-top: 20px;
}
.grid_nav .sub_menu ul li {
  float: none;
  margin-top: 0px;
  margin-right: 0px;
  box-shadow: 0px 0 0 0 #dddddd, 0 1px 0 0 #dddddd, 1px 1px 0 0 #dddddd, 1px 0 0 0 #dddddd inset, 0 1px 0 0 #dddddd inset;
}
.grid_nav .sub_menu ul li a {
  font-family: 'AppleSDGothicNeoM';
  transition: 0.1s;
  border: none;
  height: 45px;
  line-height: 45px; 
  padding-top: 0px;
  color: #797979;
}

#contents {  
  width: 100%;
  margin: 0 auto;
}
.list_div {
  width: 1280px;
  margin: 0 auto;
}
#contents_wrapper {
  width: 1030px;
  float: right;
  padding-left: 20px;
}
.list_div .sub_menu {
  width: 230px;
  margin: 0 auto;
  float: left;
  box-sizing: content-box;
  padding-top: 35px;
  padding-right: 20px;
  position: sticky;
  top: 0;
} 
.list_div .sub_menu > ul {
  height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
.list_div #contents_wrapper {
  border-left: 1px solid #f1f1f1;
  padding-top: 35px;
  padding-bottom: 80px;
}
.list_div .category_top {
  font-family: var(--main-fonts);
  font-size: 17px;
  color: #191919;
  padding-bottom: 15px;
  border-bottom: 1px solid #191919;
  margin-bottom: 15px;
}
.sub_menu > ul > li {
  line-height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.sub_menu > ul > li > .below img {
  width: 11px;
  transform: rotate(180deg);
  cursor: pointer;
  transition: all 0.3s;
}
.sub_menu .below img.rotated{transform:rotate(0deg);}
.sub_menu li a {
  font-family: var(--main-fonts);
  color: #969696;
  font-size: 14px;
}
.sub_menu li a:hover,
.sub_menu li a.on {
  color: #ae75cc; 
}
.sub_menu > ul > li > div {
  width: 11px;
  cursor: pointer;
}
.sub_menu > ul > li .sub_depth {
  width: 100%;
  display: none;
}
.sub_menu > ul > li .sub_depth > li {
  padding-left: 10px;
}
.sub_menu > ul > li.on > a {
  color: #ae75cc;
}
.sub_menu > ul > li .sub_depth > li.on a {
  color: #ae75cc;
}
.select {
  display: flex;
  position: relative;
  align-items: center;
}
.select .sub .optionList {
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.select .sub .optionList li { 
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: flex-end;
  margin-left: 8px;
}
.select .sub .optionList li:first-child::before {
  display: none;
}
.select .sub .optionList li a {
  letter-spacing: -0.3px;
  cursor: pointer;
  font-family: var(--main-fonts);
  color: rgb(153, 153, 153);
  font-size: 14px;
}
.select .sub .optionList li a.on {
  color: var(--main-color);
}
.select .sub .optionList li::before {
  content: "";
  display: flex;
  width: 1px;
  height: 10px;
  margin-right: 8px;
  background-color: rgb(226, 226, 226);
}
#sort_type.category_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  margin-top: 100px;
}
.select .optionbox {
  border: 1px solid #231f20; 
  width: 34px;
  height: 34px;
  margin-left: 14px;
}
.select .optionbox .box {
  width: 14px; 
  height: 14px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-top: 9px;
}
.select .optionbox .box > div {
  width: 6px;
  height: 6px;
  background: #231f20;
}
.select .optionbox .box > div:nth-of-type(2n - 1) {
  margin-right: 2px;
}
.select .optionbox .box > div:first-child {
  margin-bottom: 2px;
}

.list_div .sub_menu > ul::-webkit-scrollbar {
  width: 14px;
} 
.list_div .sub_menu > ul::-webkit-scrollbar-thumb {
  height: 42px;
  background: #f1f1f1;
  border-radius: 10px;
  border: 4px solid transparent; 
  background-clip: padding-box;
}
.list_div .sub_menu > ul::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}