@charset "UTF-8";
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  src: url("//fiximage.10x10.co.kr/webfont/Pretendard.woff2") format("woff2"), url("//fiximage.10x10.co.kr/webfont/Pretendard.ttf") format("truetype");
}
/* 스켈레톤 배경 */
.categoryProductListRenewal {
  width: 1140px;
  margin: 0 auto;
  padding-bottom: 90px;
}
.categoryProductListRenewal .categoryTop {
  padding: 34px 0 24px;
  display: flex;
  align-items: center;
}
.categoryProductListRenewal .categoryTop > h2 {
  font-family: "Pretendard";
  color: #000;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.categoryProductListRenewal .categoryTop > ol {
  padding-left: 24px;
  display: flex;
  align-items: center;
}
.categoryProductListRenewal .categoryTop > ol li {
  position: relative;
  font-family: "Pretendard";
  color: #8E8E8E;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.categoryProductListRenewal .categoryTop > ol li:last-child {
  color: #404040;
}
.categoryProductListRenewal .categoryTop > ol li:not(:first-child) {
  padding-left: 18px;
}
.categoryProductListRenewal .categoryTop > ol li:not(:first-child)::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("//fiximage.10x10.co.kr/common/arrow_light_gray.png") no-repeat center center/contain;
}
.categoryProductListRenewal .categoryTop > ol li a {
  color: inherit;
  text-decoration: none;
}
.categoryProductListRenewal .categoryList {
  padding-top: 24px;
  border-top: 1px solid #333;
}
.categoryProductListRenewal .categoryList .threeDepthList, .categoryProductListRenewal .categoryList .twoDepthList {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.categoryProductListRenewal .categoryList .twoDepthList {
  gap: 8px;
}
.categoryProductListRenewal .categoryList .twoDepthList li a {
  padding: 6.5px 12px;
  display: inline-block;
  font-family: "Pretendard";
  color: #404040;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: -0.01em;
  border: 1px solid #E5E7EB;
  border-radius: 100px;
}
.categoryProductListRenewal .categoryList .twoDepthList li a:hover {
  text-decoration: none;
}
.categoryProductListRenewal .categoryList .twoDepthList li.active a {
  color: #fff;
  background: #FF214F;
  border-color: #FF214F;
}
.categoryProductListRenewal .categoryList .threeDepthList {
  margin-top: 18px;
  padding: 12px 20px;
  gap: 15.5px 30px;
  background: #F5F7F8;
  border-radius: 10px;
}
.categoryProductListRenewal .categoryList .threeDepthList li a {
  font-family: "Pretendard";
  color: #8E8E8E;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.categoryProductListRenewal .categoryList .threeDepthList li a:hover {
  text-decoration: none;
}
.categoryProductListRenewal .categoryList .threeDepthList li.active a {
  color: #171717;
  font-weight: 700;
}
.categoryProductListRenewal .pdListWrap {
  padding-top: 50px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  min-height: calc(100dvh - 200px);
}
.categoryProductListRenewal .pdListWrap .productArea {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}/*# sourceMappingURL=style.css.map */