@charset "UTF-8";
.hidden {
  display: none !important;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

:focus-visible {
  outline: none;
}

input:focus {
  --tw-ring-color: none !important;
}

button,
a {
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

input:focus {
  --tw-ring-color: transparent;
}

main.main {
  margin-top: 7rem;
  padding-bottom: 8rem;
}
main.main ::-webkit-scrollbar {
  width: 0.8rem;
  height: 1rem;
  background-color: #f9f9fa;
}
main.main ::-webkit-scrollbar-thumb {
  background-color: #d9ddde;
  border-radius: 2.4rem;
  min-height: 4rem;
}
main.main ::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}

/* 인쇄 전용 CSS */
@media print {
  /* 전체 페이지 기본 세팅 */
  @page {
    size: 18in 21in;
    margin: 5mm 25mm 0mm 0mm;
    /* top right bottom left */
  }
  html,
  body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background: #fff !important;
  }
  main.open {
    margin: 0 auto;
  }
  [data-print=hide] {
    display: none !important;
  }
  body * {
    visibility: hidden !important;
  }
  #captureArea,
  #captureArea * {
    visibility: visible !important;
  }
  #captureArea {
    position: static;
    width: 1200px;
    transform-origin: top;
    transform: scale(0.9);
  }
  /* 본문 컨텐츠 꽉 채우기 */
  .main-wrap {
    width: 100%;
    margin: 0 auto;
  }
  .saturation-wrap:has(.chart-block:is(.sales-volume, .amount-volume) > .login-to-wing:not(.hidden)) {
    padding-bottom: 8rem;
  }
  .chart-block.sales-volume:has(> .login-to-wing:not(.hidden))::after,
  .chart-block.amount-volume:has(> .login-to-wing:not(.hidden))::after {
    content: "";
    /* 반드시 필요 */
    position: absolute;
    inset: 0;
    /* top/right/bottom/left:0 */
    background: #f8fafc !important;
    /* 강제 덮어쓰기 */
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    pointer-events: none;
    top: 0 !important;
    height: 23rem !important;
  }
  main .wrap .result-wrap .shopping-list-wrap .table .need-login-block {
    background-color: #fff !important;
    opacity: 0.8;
  }
}
.ad-modal .modal-dialog-custom {
  position: relative;
  border-radius: 4rem;
  overflow: hidden;
}
.ad-modal .modal-dialog-custom .fa-xmark {
  position: absolute;
  cursor: pointer;
  font-size: 3.2rem;
  color: #fff;
  top: 3.1%;
  right: 3.1%;
}
.ad-modal .modal-footer {
  background-color: transparent;
  position: absolute;
  bottom: 4rem;
  margin: 0 auto;
  border-radius: 0 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 2rem;
  padding: 0;
}
.ad-modal .modal-footer button,
.ad-modal .modal-footer a {
  border-radius: 30rem;
  background-color: #1e2229;
  font-size: 2rem;
  color: #fff;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  min-width: 39rem;
  min-height: 6rem;
}
.ad-modal .modal-footer button:first-child,
.ad-modal .modal-footer a:first-child {
  border: 1px solid #1e2229;
  border-radius: 30rem;
  color: #1e2229;
  font-size: 2rem;
  font-weight: 500;
  transition: 0.2s;
  background-color: transparent;
}
.ad-modal .modal-footer button:first-child:hover,
.ad-modal .modal-footer a:first-child:hover {
  background-color: rgba(255, 255, 255, 0.062745098);
}
.ad-modal .modal-footer button:hover,
.ad-modal .modal-footer a:hover {
  background-color: #1e2229;
}

#spinner-wrap {
  z-index: 49;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.loader,
.review-loader {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #77859c;
  box-sizing: border-box;
  animation: animloader 2s linear infinite;
}

@keyframes animloader {
  0% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px;
  }
  25% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 2px;
  }
  50% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 2px, -38px 0 0 -2px;
  }
  75% {
    box-shadow: 14px 0 0 2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px;
  }
  100% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 2px, -14px 0 0 -2px, -38px 0 0 -2px;
  }
}
main {
  margin-top: 7rem;
  padding-bottom: 8rem;
  width: 100%;
}
main .wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2rem;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
}
main .wrap .data-block {
  border: none;
  border-radius: 1.6rem;
  background: #f8fafc;
  padding: 2rem;
}
main .wrap .section-control-btn {
  width: 3rem;
  height: 3rem;
  transition: 0.15s ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
main .wrap .section-control-btn::before {
  content: "\f077";
  font-family: "FontAwesome";
  font-size: 1.4rem;
  display: block;
  text-align: center;
  transform: rotate(0deg);
  transition: ease 0.2s;
}
main .wrap .section-control-btn:hover {
  background-color: rgba(215, 220, 229, 0.2);
}
main .wrap .title-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  width: 100%;
}
main .wrap .title-block .section-title {
  color: #1e2229;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.6rem;
}
main .wrap .title-block .section-title .manual::after {
  content: "?";
  font-family: "FontAwesome";
  border: none;
  border-radius: 50%;
  background: #ccd1d5;
  width: 1.8rem;
  height: 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  font-size: 1.2rem;
  color: #fff;
}
main .wrap .title-block .title-right-block {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 1rem;
}
main .wrap section.result-section {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2rem;
  flex-direction: column;
  width: 100%;
}
main .wrap section.result-section.cac-close .search-amount-block,
main .wrap section.result-section.cac-close .keyword-wrap,
main .wrap section.result-section.cac-close .dashboard-block,
main .wrap section.result-section.cac-close .table {
  height: 0;
  overflow: hidden;
}
main .wrap section.result-section.cac-close .section-control-btn::before {
  transform: rotate(-180deg);
}
main .wrap .select1688-data-wrap.shoppinglist {
  position: static;
  margin-right: 2rem;
}
main .wrap .select1688-data-wrap.shoppinglist input:checked + label {
  height: 3.6rem;
  font-size: 1.6rem;
  border-radius: 5rem;
}
main .wrap .select1688-data-wrap.shoppinglist .isWingProcessing:disabled + label {
  height: 3.6rem;
  font-size: 1.6rem;
  border: none;
  background: rgba(56, 104, 235, 0.1254901961);
  color: #3868eb;
  border-radius: 5rem;
}
main .wrap .select1688-data-wrap.shoppinglist .isWingProcessing:disabled + label:hover::before {
  content: "쿠팡 데이터 수집 완료 후 소싱 가능";
  border: none;
  border-radius: 0.8rem;
  background: #113bab;
  padding: 1rem;
  z-index: 10;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  width: 22rem;
  height: 3.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  position: absolute;
  top: -2.6rem;
  right: 0;
  transform: translate(0%, -50%);
}
main .wrap .select1688-data-wrap.shoppinglist label {
  width: auto;
  height: 3.6rem;
  font-size: 1.6rem;
  background-color: rgba(56, 104, 235, 0.1254901961);
  color: #3868eb;
  border-radius: 5rem;
}
main .wrap .select1688-data-wrap.shoppinglist label::after {
  content: "시작";
}
main .wrap .select1688-data-wrap input {
  display: none;
}
main .wrap .select1688-data-wrap input:checked + label {
  color: #ff3511;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -3%;
  border: none;
  border-radius: 0.8rem;
  background: rgba(255, 53, 17, 0.1254901961);
}
main .wrap .select1688-data-wrap input:checked + label::after {
  content: "ON";
}
main .wrap .select1688-data-wrap label {
  color: #77859c;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -3%;
  border: none;
  border-radius: 0.8rem;
  background: #eee;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 21.1rem;
  padding: 0 2rem;
  height: 5.8rem;
  gap: 0.4rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  /* 표준 속성 */
  cursor: pointer;
}
main .wrap .select1688-data-wrap label::after {
  content: "OFF";
}
main .wrap .widthChngBtn {
  position: relative;
}
main .wrap .widthChngBtn .width-change {
  border: 1px solid #a1a1a1;
  border-radius: 0.8rem;
  background: #fff;
  color: #a1a1a1;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 4.4rem;
  height: 3.6rem;
  cursor: pointer;
}
main .wrap .widthChngBtn .width-change:hover + .tooltip-block .tooltip2 {
  display: block;
}
main .wrap .widthChngBtn .width-change::before {
  font-family: "Font Awesome 6 Free";
  content: "\f0da  \f0d9";
  font-size: 2rem;
  color: #555555;
}
main .wrap .widthChngBtn .width-change.apply {
  border: 1px solid #a1a1a1;
  border-radius: 0.8rem;
  background: #fff;
  color: #a1a1a1;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
}
main .wrap .widthChngBtn .width-change.apply::before {
  font-family: "Font Awesome 6 Free";
  content: "\f0d9  \f0da";
  font-size: 2rem;
  color: #555555;
}
main .wrap .widthChngBtn .width-change:hover {
  background-color: #f1f4fe;
}
main .wrap .widthChngBtn .tooltip-block .tooltip {
  border: 1px solid #00caa1;
  border-radius: 0.8rem;
  background: #00caa1;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  width: 18rem;
  height: 3.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  position: absolute;
  top: -2.6rem;
  z-index: 38;
  right: 0;
  transform: translate(0%, -50%);
  animation: motion 0.5s linear 0s infinite alternate;
  cursor: default;
  opacity: 0;
  transition: 0.3s;
}
main .wrap .widthChngBtn .tooltip-block .tooltip.show {
  opacity: 1;
}
main .wrap .widthChngBtn .tooltip-block .tooltip:after {
  border-bottom: 0px solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #00caa1;
  content: "";
  position: absolute;
  bottom: -6px;
  right: 18px;
}
main .wrap .widthChngBtn .tooltip-block .tooltip2 {
  border: 1px solid #113bab;
  border-radius: 0.8rem;
  background: #113bab;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 3rem;
  letter-spacing: normal;
  width: 12rem;
  height: 3.2rem;
  padding: 0.4rem, 0.8rem;
  text-align: center;
  position: absolute;
  top: -2.6rem;
  z-index: 38;
  right: 0;
  transform: translate(0%, -50%);
  display: none;
  cursor: default;
}
main .wrap .widthChngBtn .tooltip-block .tooltip2:after {
  border-bottom: 0px solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #113bab;
  content: "";
  position: absolute;
  bottom: -6px;
  right: 18px;
}
main .wrap .service-title {
  background: -webkit-linear-gradient(180deg, rgb(13, 172, 255) 50%, rgb(112, 73, 242) 100%);
  color: #3868eb;
  font-size: 5rem;
  line-height: 5rem;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 900;
  display: inline-block;
  cursor: default;
  margin: 0 auto;
  margin-top: 4rem;
  margin-bottom: 2rem;
}
main .wrap .button-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 0.8rem;
}
main .wrap .button-wrap #dndPdf {
  border: 1px solid #c3d1f9;
  border-radius: 0.8rem;
  background-color: #f1f4fe;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  cursor: pointer;
  min-height: 3.6rem;
  min-width: 13.4rem;
}
main .wrap .button-wrap #dndPdf::before {
  content: "PDF 다운로드";
  font-size: 1.4rem;
  font-weight: 700;
  color: #3868eb;
}
main .wrap .button-wrap #dndPdf::after {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "\f019";
  font-family: "Font Awesome 6 Free";
  font-size: 1.4rem;
  font-weight: 900;
  color: #3868eb;
  transition: ease 0.2s;
}
main .wrap .button-wrap #dndPdf:hover {
  background-color: #3868eb;
  border-color: #3868eb;
}
main .wrap .button-wrap #dndPdf:hover::before, main .wrap .button-wrap #dndPdf:hover::after {
  color: #fff;
}
main .wrap .button-wrap #dndPdf:disabled {
  background-color: #ddd;
  color: #77859c;
}
main .wrap .button-wrap #dndPdf:disabled::after, main .wrap .button-wrap #dndPdf:disabled::before {
  color: #77859c;
}
main .wrap .button-wrap #dndPdf:disabled:hover {
  background-color: #ddd;
  color: #77859c;
  cursor: not-allowed;
}
main .wrap .button-wrap #dndPdf:disabled:hover::after, main .wrap .button-wrap #dndPdf:disabled:hover::before {
  color: #77859c;
}
main .wrap .button-wrap #dndPdf:disabled:hover #dndPdf-popup {
  opacity: 1;
}
main .wrap .button-wrap #dndExcel {
  border: 1px solid #c3d1f9;
  border-radius: 0.8rem;
  background-color: #f1f4fe;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  cursor: pointer;
  min-height: 3.6rem;
  min-width: 13.4rem;
}
main .wrap .button-wrap #dndExcel::before {
  content: "엑셀 다운로드";
  font-size: 1.4rem;
  font-weight: 700;
  color: #3868eb;
}
main .wrap .button-wrap #dndExcel::after {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "\f1c3";
  font-family: "Font Awesome 6 Free";
  font-size: 1.4rem;
  font-weight: 900;
  color: #3868eb;
  transition: ease 0.2s;
}
main .wrap .button-wrap #dndExcel:hover {
  background-color: #3868eb;
  border-color: #3868eb;
}
main .wrap .button-wrap #dndExcel:hover::before, main .wrap .button-wrap #dndExcel:hover::after {
  color: #fff;
}
main .wrap .button-wrap #dndExcel:disabled {
  background-color: #d8dde7;
  border-color: #d8dde7;
  cursor: not-allowed;
}
main .wrap .button-wrap #dndExcel:disabled::before, main .wrap .button-wrap #dndExcel:disabled::after {
  color: #77859c;
}
main .wrap .button-wrap #dndExcel:disabled:hover {
  background-color: #d8dde7;
  border-color: #d8dde7;
}
main .wrap .button-wrap #dndExcel:disabled:hover::before, main .wrap .button-wrap #dndExcel:disabled:hover::after {
  color: #77859c;
}
main .wrap .button-wrap #dndExcel #dndPdf-popup {
  position: absolute;
  border: none;
  border-radius: 0.8rem;
  background: rgba(238, 4, 18, 0.1254901961);
  color: #ee0412;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0.4rem 1.4rem;
  top: -4rem;
  opacity: 0;
  transition: 0.3s;
  text-wrap: no-wrap;
  word-break: keep-all;
  width: 26rem;
  right: 0;
  z-index: 9;
}
main .wrap .search-wrap {
  margin: 0 auto;
  position: relative;
}
main .wrap .search-wrap .discovery-main-category {
  width: 120rem;
  height: auto;
  margin: 0 auto;
  border: 1px solid #e4e8e8;
  border-radius: 2rem;
  background: #fafafa;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0.8rem;
  padding: 2rem 2.4rem;
}
main .wrap .search-wrap .discovery-main-category .category-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  flex-direction: column;
  width: 100%;
}
main .wrap .search-wrap .discovery-main-category .category-box .categories {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0.8rem;
  width: 100%;
}
main .wrap .search-wrap .discovery-main-category .category-box .options {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.8rem;
  width: 100%;
}
main .wrap .search-wrap .discovery-main-category .category-box .options .dropdown-btn {
  width: 21.1rem;
}
main .wrap .search-wrap .discovery-main-category .category-box .options .dropdown-btn + #amountDropdown {
  width: 21.1rem;
}
main .wrap .search-wrap .discovery-main-category .category-box .toggle-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: auto;
  position: absolute;
  top: 3.7rem;
  right: 55.2rem;
  /* 스위치 내부 원 (Ball) */
  /*On */
}
main .wrap .search-wrap .discovery-main-category .category-box .toggle-box .toggle-input {
  display: none;
}
main .wrap .search-wrap .discovery-main-category .category-box .toggle-box .toggle-switch {
  width: 4.8rem;
  height: 2.6rem;
  border: 2px solid #e4e8e8;
  border-radius: 2rem;
  background: #fff;
  transition: background-color 0.3s;
  position: relative;
  cursor: pointer;
}
main .wrap .search-wrap .discovery-main-category .category-box .toggle-box .toggle-ball {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 1.8rem;
  height: 1.8rem;
  background-color: #d9d9d9;
  border-radius: 50%;
  transition: transform 0.3s;
}
main .wrap .search-wrap .discovery-main-category .category-box .toggle-box .toggle-input:checked + .toggle-switch .toggle-ball {
  background-color: #3868eb;
  /* 활성 배경*/
  border-color: #3868eb;
  transform: translateX(22px);
}
main .wrap .search-wrap .discovery-main-category .category-box .toggle-box .toggle-label-text {
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.048rem;
  margin-left: 1rem;
}
main .wrap .search-wrap .discovery-main-category .category-box .toggle-box .toggle-label-left {
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.048rem;
  margin-right: 1rem;
}
main .wrap .search-wrap .discovery-main-category .category-box .amount {
  width: 15%;
  position: relative;
}
main .wrap .search-wrap .discovery-main-category .category-box .amount .dropdown-btn {
  padding: 2rem 2.4rem;
}
main .wrap .search-wrap .discovery-main-category .category-box .amount .dropdown-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  padding: 1rem;
}
main .wrap .search-wrap .discovery-main-category .category-box .category {
  position: relative;
  width: 33%;
}
main .wrap .search-wrap .discovery-main-category .category-box .dropdown-btn {
  width: 100%;
  height: 5.8rem;
  border: 1px solid #f1f3f3;
  border-radius: 0.8rem;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  padding: 0.9rem 2.4rem;
}
main .wrap .search-wrap .discovery-main-category .category-box .dropdown-btn:disabled p {
  color: #d4d4d4;
}
main .wrap .search-wrap .discovery-main-category .category-box .dropdown-btn:disabled .icon {
  color: #d4d4d4;
}
main .wrap .search-wrap .discovery-main-category .category-box .dropdown-btn p {
  color: #2c2e30;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
}
main .wrap .search-wrap .discovery-main-category .category-box .dropdown-btn p.focus {
  color: #3868eb;
}
main .wrap .search-wrap .discovery-main-category .category-box .dropdown-btn .icon {
  width: -moz-fit-content;
  width: fit-content;
  height: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  transition: transform 0.2s ease;
}
main .wrap .search-wrap .discovery-main-category .category-box .dropdown-btn .icon.down::after {
  font-family: "Font Awesome 6 Free";
  content: "\f077";
  font-weight: 700;
  font-size: 1rem;
  display: inline-block;
  transition: transform 0.3s ease-in;
  transform: rotate(-180deg);
}
main .wrap .search-wrap .discovery-main-category .category-box .dropdown-btn .icon.up::after {
  font-family: "Font Awesome 6 Free";
  content: "\f077";
  font-weight: 900;
  font-size: 1rem;
  color: #3868eb;
  display: inline-block;
  transition: transform 0.2s ease;
}
main .wrap .search-wrap .discovery-main-category .category-box .dropdown-btn:not(:disabled):hover p {
  color: #3868eb;
}
main .wrap .search-wrap .discovery-main-category .category-box .dropdown-btn:not(:disabled):hover .icon {
  color: #3868eb;
}
main .wrap .search-wrap .discovery-main-category .category-box .dropdown-menu {
  width: 100%;
  height: auto;
  border: 1px solid #e4e8e8;
  border-radius: 0.8rem;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(161, 161, 161, 0.3);
  padding: 0.5rem;
  z-index: 11;
}
main .wrap .search-wrap .discovery-main-category .category-box .dropdown-menu ul.category-dropdown-ul {
  max-height: 36rem;
  overflow-y: auto;
}
main .wrap .search-wrap .discovery-main-category .category-box .dropdown-menu ul.category-dropdown-ul::-webkit-scrollbar {
  width: 0.8rem;
  height: 1rem;
  background-color: #f9f9fa;
}
main .wrap .search-wrap .discovery-main-category .category-box .dropdown-menu ul.category-dropdown-ul::-webkit-scrollbar-thumb {
  background-color: #d9ddde;
  border-radius: 2.4rem;
  min-height: 4rem;
}
main .wrap .search-wrap .discovery-main-category .category-box .dropdown-menu ul.category-dropdown-ul::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
main .wrap .search-wrap .discovery-main-category .category-box .dropdown-menu ul.category-dropdown-ul li {
  color: #6e6e6e;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  line-height: 2.5rem;
  width: 100%;
  height: auto;
  padding: 1rem 2rem;
  cursor: pointer;
  border-bottom: 1px solid #e4e8e8;
  word-break: keep-all;
}
main .wrap .search-wrap .discovery-main-category .category-box .dropdown-menu ul.category-dropdown-ul li:not(.noneData):last-child {
  border: none;
}
main .wrap .search-wrap .discovery-main-category .category-box .dropdown-menu ul.category-dropdown-ul li:hover {
  background-color: #f1f4fe;
  color: #3868eb;
  font-weight: 700;
}
main .wrap .search-wrap .discovery-main-category .category-search-wrap {
  width: 100%;
  position: relative;
}
main .wrap .search-wrap .discovery-main-category .category-search-wrap .search-input-box {
  width: 100%;
  position: relative;
}
main .wrap .search-wrap .discovery-main-category .category-search-wrap .search-input-box input {
  width: 100%;
  height: 5.8rem;
  border: 1px solid #f1f3f3;
  border-radius: 0.8rem;
  background: #fff;
  padding: 1rem 1rem 1rem 2rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.048rem;
  color: #1e2229;
}
main .wrap .search-wrap .discovery-main-category .category-search-wrap .search-input-box input::-moz-placeholder {
  color: #8d939f;
}
main .wrap .search-wrap .discovery-main-category .category-search-wrap .search-input-box input::placeholder {
  color: #8d939f;
}
main .wrap .search-wrap .discovery-main-category .category-search-wrap .search-results-dropdown {
  width: 100%;
  height: auto;
  max-height: 24rem;
  display: block;
  position: absolute;
  top: 6.6rem;
  left: 0;
  background: #fff;
  border: 1px solid #e4e8e8;
  border-radius: 0.8rem;
  box-shadow: 0 0 10px 0 rgba(136, 136, 136, 0.25);
  z-index: 11;
  overflow-y: auto;
  overflow-x: hidden;
}
main .wrap .search-wrap .discovery-main-category .category-search-wrap .search-results-dropdown ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
main .wrap .search-wrap .discovery-main-category .category-search-wrap .search-results-dropdown li {
  padding: 1rem 2rem;
  color: #6e6e6e;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.048rem;
  border-bottom: 1px solid #e4e8e8;
  cursor: pointer;
}
main .wrap .search-wrap .discovery-main-category .category-search-wrap .search-results-dropdown li:hover {
  background: #f1f4fe;
  color: #3073ff;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.048rem;
}
main .wrap .search-wrap .discovery-main-category .category-search-wrap .search-results-dropdown li.noneData {
  cursor: default;
  color: #adb1bc;
  font-weight: 500;
  letter-spacing: -0.048rem;
  padding: 1rem 2rem;
  border-bottom: 1px solid #e4e8e8;
}
main .wrap .search-wrap .discovery-main-category .category-search-wrap .search-results-dropdown li.noneData:hover {
  color: #adb1bc;
  background: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 500;
}
main .wrap .search-wrap .discovery-main-category #discovery-submit-btn {
  width: 5.8rem;
  height: 5.8rem;
  border: 1px solid transparent;
  border-radius: 0.8rem;
  background: #3868eb;
  background-image: url("/sellerlife/fff-search-icon.png");
  background-size: 3rem 3rem;
  background-position: center;
  background-color: none;
  background-repeat: no-repeat;
}
main .wrap .search-wrap .discovery-main-category #discovery-submit-btn:hover {
  background-color: #113bab;
}
main .wrap .search-wrap .discovery-main-category #discovery-submit-btn:active {
  background-color: #0d2b7d;
}
main .wrap .search-wrap .discovery-main-category #discovery-submit-btn:disabled {
  background-color: #8d939f;
  cursor: not-allowed;
}
main .wrap .search-wrap .discovery-main-category #discovery-submit-btn .spinner-border {
  display: none;
}
main .wrap .search-wrap .search-input-container {
  width: 75.4rem;
  height: 7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  border: 2px solid transparent;
  border-radius: 3.5rem;
  background: linear-gradient(90deg, rgb(120, 67, 240) 0%, rgb(0, 195, 255) 100%);
  position: relative;
  background-clip: padding-box;
  padding: 0.2rem;
  margin: 0 auto;
}
main .wrap .search-wrap .search-input-container .search-input {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 3.5rem;
  background: #fff;
  color: #1e2229;
  font-size: 2rem;
  font-weight: normal;
  line-height: normal;
  letter-spacing: auto;
  text-align: center;
  padding: 0 8rem 0 4rem;
}
main .wrap .search-wrap .search-input-container .search-input:focus {
  outline: none;
  box-shadow: none;
}
main .wrap .search-wrap .search-input-container .search-input:focus::-moz-placeholder {
  color: #fff;
  font-size: 2rem;
  font-weight: normal;
  line-height: normal;
  letter-spacing: auto;
}
main .wrap .search-wrap .search-input-container .search-input:focus::placeholder {
  color: #fff;
  font-size: 2rem;
  font-weight: normal;
  line-height: normal;
  letter-spacing: auto;
}
main .wrap .search-wrap .search-input-container .search-input::-moz-placeholder {
  color: #d4d4d4;
  font-size: 2rem;
  font-weight: normal;
  line-height: normal;
  letter-spacing: auto;
  opacity: 1;
}
main .wrap .search-wrap .search-input-container .search-input::placeholder {
  color: #d4d4d4;
  font-size: 2rem;
  font-weight: normal;
  line-height: normal;
  letter-spacing: auto;
  opacity: 1;
}
main .wrap .search-wrap .search-input-container input::-ms-clear,
main .wrap .search-wrap .search-input-container input::-ms-reveal {
  width: 0;
  height: 0;
  display: none;
}
main .wrap .search-wrap .search-input-container input::-webkit-search-decoration,
main .wrap .search-wrap .search-input-container input::-webkit-search-cancel-button,
main .wrap .search-wrap .search-input-container input::-webkit-search-results-button,
main .wrap .search-wrap .search-input-container input::-webkit-search-results-decoration {
  display: none;
}
main .wrap .search-wrap .search-input-container .search-icon {
  width: 3.6rem;
  height: 3.6rem;
  background-image: url("/sellerlife/gra-search-icon.svg");
  background-size: 3.2rem 3.2rem;
  background-position: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translate(-50%, -50%);
  transition: ease 0.2s;
  cursor: pointer;
}
main .wrap .search-wrap .search-input-container.wing-loading {
  position: relative;
}
main .wrap .search-wrap .search-input-container.wing-loading::after {
  content: "";
  position: absolute;
  width: 80rem;
  height: 14rem;
  background-color: rgba(255, 255, 255, 0.2509803922);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  top: -1rem;
  left: -2rem;
  z-index: 9;
}
main .wrap .search-wrap .search-input-container.wing-loading::before {
  content: "윙 데이터를 정리 중 입니다";
  color: #1e2229;
  font-size: 1.8rem;
  font-weight: 600;
  position: absolute;
  z-index: 10;
}
main .wrap .search-wrap .search-input-container .search-option-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  position: absolute;
  z-index: 9;
  top: 50%;
  transform: translateY(-50%);
  width: 20rem;
  height: 100%;
  left: 0;
}
main .wrap .search-wrap .search-input-container .search-option-block #search-option {
  color: #1e2229;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -3%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 1.5rem;
  width: 100%;
  height: 70%;
  position: relative;
}
main .wrap .search-wrap .search-input-container .search-option-block #search-option::after {
  content: "\f0d7";
  color: #1e2229;
  font-size: 1.6rem;
  font-family: "FontAwesome";
  position: absolute;
  right: 1.7rem;
}
main .wrap .search-wrap .search-input-container .search-option-block #search-option::before {
  content: "";
  position: absolute;
  right: 0;
  height: 1.6rem;
  width: 0.1rem;
  background-color: #77859c;
}
main .wrap .search-wrap .search-input-container .search-option-block #dropdown {
  width: 100%;
}
main .wrap .search-wrap .search-input-container .search-option-block #dropdown .search-option-dropdown {
  border: none;
  background: #fff;
  width: 100%;
  max-width: 20rem;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  padding: 0.4rem;
}
main .wrap .search-wrap .search-input-container .search-option-block #dropdown .search-option-dropdown li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  color: #1e2229;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -3%;
  width: 100%;
  padding: 2rem 0;
  cursor: pointer;
}
main .wrap .search-wrap .search-input-container .search-option-block #dropdown .search-option-dropdown li:hover {
  background-color: #f1f4fe;
}
main .wrap .search-wrap .search-input-container .search-input {
  padding-left: 20rem;
}
main .wrap .search-wrap .search-history-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  margin-top: 1.2rem;
}
main .wrap .search-wrap .search-history-wrap .search-history-title {
  color: #77859c;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6rem;
}
main .wrap .search-wrap .search-history-wrap .search-history-badges {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 0.8rem;
}
main .wrap .search-wrap .search-history-wrap .search-history-badges .search-history {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  border: none;
  border-radius: 2rem;
  background: #f8fafc;
  color: #1e2229;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2rem;
  padding: 0.8rem 1.6rem;
  cursor: default;
}
main .wrap .user-notice-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  color: #2b3e4f;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 100%;
  width: 100%;
  position: relative;
  max-width: 120rem;
  margin: 0 auto;
}
main .wrap .user-notice-wrap .usable-wrap {
  width: 30%;
  opacity: 1;
  transition: 0.3s;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
main .wrap .user-notice-wrap .usable-wrap.dn {
  opacity: 0;
}
main .wrap .user-notice-wrap .usable-wrap .usable-block {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 0.2rem;
  color: #2b3e4f;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 100%;
}
main .wrap .user-notice-wrap .usable-wrap .usable-block .usable-count {
  color: #3868eb;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 100%;
  margin-left: 1rem;
}
main .wrap .user-notice-wrap .usable-wrap .usable-block .total-usable {
  color: #2b3e4f;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 100%;
}
main .wrap .extension-banner {
  width: 120rem;
  margin: 0 auto;
}
main .wrap .result-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4rem;
  width: 100%;
  flex-direction: column;
}
main .wrap .result-wrap .search-amount-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2rem;
  flex-direction: column;
  width: 100%;
}
main .wrap .result-wrap .search-amount-wrap .title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 2rem;
}
main .wrap .result-wrap .search-amount-wrap .title .search-amount-title {
  color: #1e2229;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -3%;
}
main .wrap .result-wrap .search-amount-wrap .title .search-amount-title strong {
  color: #3868eb;
  font-weight: 700;
}
main .wrap .result-wrap .search-amount-wrap .title .search-cate {
  color: #77859c;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -3%;
}
main .wrap .result-wrap .search-amount-wrap .title .search-cate strong {
  color: #1e2229;
  font-weight: 600;
}
main .wrap .result-wrap .search-amount-wrap .search-amount-block {
  display: grid;
  gap: 1rem;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-template-columns: 22rem repeat(3, minmax(0, 1fr));
  align-items: stretch;
  width: 100%;
  transition: 0.3s;
}
main .wrap .result-wrap .search-amount-wrap .search-amount-block .search-amount {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
  flex-direction: column;
  align-self: stretch;
}
main .wrap .result-wrap .search-amount-wrap .search-amount-block .search-amount .block {
  flex: 1 0 0;
}
main .wrap .result-wrap .search-amount-wrap .search-amount-block .search-amount .title {
  color: #77859c;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -3%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.4rem;
}
main .wrap .result-wrap .search-amount-wrap .search-amount-block .search-amount .amount {
  color: #1e2229;
  font-size: 2rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -3%;
}
main .wrap .result-wrap .search-amount-wrap .search-amount-block .search-amount.month {
  grid-row: 1/span 1;
  grid-column: 1/span 1;
}
main .wrap .result-wrap .search-amount-wrap .search-amount-block .search-amount.month .title::before {
  content: "\f002";
  border: none;
  border-radius: 0.2rem;
  background: #77859c;
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  font-size: 1rem;
  font-weight: 300;
  color: #fff;
  padding: 0.2rem;
  font-family: "FontAwesome";
}
main .wrap .result-wrap .search-amount-wrap .search-amount-block .search-amount.lastyear {
  grid-row: 2/span 1;
  grid-column: 1/span 1;
}
main .wrap .result-wrap .search-amount-wrap .search-amount-block .search-amount.lastyear .title::before {
  content: "\e473";
  border: none;
  border-radius: 0.2rem;
  background: #77859c;
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  font-size: 1rem;
  font-weight: 300;
  color: #fff;
  padding: 0.2rem;
  font-family: "FontAwesome";
}
main .wrap .result-wrap .search-amount-wrap .chart-wrap {
  border: 1px solid #e4e8e8;
  border-radius: 1.6rem;
  background: #fff;
  grid-row: 1/span 2;
  grid-column: 2/span 3;
  flex-shrink: 0;
  padding: 2rem 2.6rem;
}
main .wrap .result-wrap .search-amount-wrap .chart-wrap .chart-option-block {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
}
main .wrap .result-wrap .search-amount-wrap .chart-wrap .chart-option-block .dropdown-block #chart-option {
  border: none;
  border-radius: 0.8rem;
  background: #f8fafc;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  color: #1e2229;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -3%;
  padding: 0.7rem 1.4rem;
  width: 8rem;
  height: 100%;
}
main .wrap .result-wrap .search-amount-wrap .chart-wrap .chart-option-block .dropdown-block #chart-option::after {
  content: "\f078";
  font-family: "FontAwesome";
  color: #77859c;
  font-size: 1rem;
}
main .wrap .result-wrap .search-amount-wrap .chart-wrap .chart-option-block .dropdown-block #chart-option:hover {
  background-color: #e9ecf2;
}
main .wrap .result-wrap .search-amount-wrap .chart-wrap .chart-option-block .dropdown-block #chartOption {
  width: 8rem;
}
main .wrap .result-wrap .search-amount-wrap .chart-wrap .chart-option-block .dropdown-block #chartOption .chart-option-dropdown {
  border: 1px solid #fff;
  border-radius: 0.8rem;
  background: #f8fafc;
  box-shadow: 0px 0px 4px 4px rgba(119, 133, 156, 0.1);
  width: 100%;
  overflow: hidden;
}
main .wrap .result-wrap .search-amount-wrap .chart-wrap .chart-option-block .dropdown-block #chartOption .chart-option-dropdown li {
  color: #1e2229;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -3%;
  padding: 0.7rem 1.4rem;
  width: 100%;
}
main .wrap .result-wrap .search-amount-wrap .chart-wrap .chart-option-block .dropdown-block #chartOption .chart-option-dropdown li:hover {
  background-color: #e9ecf2;
  cursor: pointer;
}
main .wrap .result-wrap .search-amount-wrap .chart-wrap .chart-option-block .period-block {
  border: none;
  border-radius: 0.8rem;
  background: #f8fafc;
  padding: 0.4rem;
}
main .wrap .result-wrap .search-amount-wrap .chart-wrap .chart-option-block .period-block button {
  color: #1e2229;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -3%;
  border-radius: 0.8rem;
  padding: 0.8rem 1.2rem;
}
main .wrap .result-wrap .search-amount-wrap .chart-wrap .chart-option-block .period-block button.active {
  background-color: #3868eb;
  color: #fff;
}
main .wrap .result-wrap .search-amount-wrap .chart-wrap .chart-option-block .period-block button.active:hover {
  background-color: #3868eb;
  color: #fff;
}
main .wrap .result-wrap .search-amount-wrap .chart-wrap .chart-option-block .period-block button:hover {
  background-color: #e9ecf2;
}
main .wrap .result-wrap .search-amount-wrap .chart-wrap .chart-option-block #daterangeBtn {
  border: none;
  border-radius: 0.8rem;
  background: #f8fafc;
  padding: 0.7rem 1.4rem;
  color: #77859c;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -3%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
}
main .wrap .result-wrap .search-amount-wrap .chart-wrap .chart-option-block #daterangeBtn.selected {
  color: #1e2229;
  --tw-ring-color: transparent;
}
main .wrap .result-wrap .search-amount-wrap .chart-wrap .chart-option-block #daterangeBtn::before {
  content: "\f274";
  font-family: "FontAwesome";
  color: #77859c;
  font-size: 1.6rem;
}
main .wrap .result-wrap .search-amount-wrap .chart-wrap .chart-block {
  width: 100%;
  height: 18.5rem;
  margin-top: 1.8rem;
}
main .wrap .result-wrap .rel-keyword-wrap {
  width: 100%;
}
main .wrap .result-wrap .rel-keyword-wrap .keyword-wrap {
  display: grid;
  gap: 1rem;
  grid-template-rows: repeat(1, 1fr);
  grid-template-columns: 30rem 30rem 28.5rem 28.5rem;
  width: 100%;
}
main .wrap .result-wrap .rel-keyword-wrap .keyword-wrap .keyword-block {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2rem;
  flex-direction: column;
}
main .wrap .result-wrap .rel-keyword-wrap .keyword-wrap .keyword-block .keyword-block-title {
  color: #77859c;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0;
  gap: 0.4rem;
}
main .wrap .result-wrap .rel-keyword-wrap .keyword-wrap .keyword-block .keyword-block-title .small {
  color: #77859c;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 100%;
}
main .wrap .result-wrap .rel-keyword-wrap .keyword-wrap .keyword-block .keyword-table {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  flex-direction: column;
  width: 100%;
}
main .wrap .result-wrap .rel-keyword-wrap .keyword-wrap .keyword-block .keyword-table .keyword-th {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  width: 100%;
}
main .wrap .result-wrap .rel-keyword-wrap .keyword-wrap .keyword-block .keyword-table .keyword-th li {
  color: #77859c;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 100%;
}
main .wrap .result-wrap .rel-keyword-wrap .keyword-wrap .keyword-block .keyword-table .keyword-td {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  flex-direction: column;
  width: 100%;
}
main .wrap .result-wrap .rel-keyword-wrap .keyword-wrap .keyword-block .keyword-table .keyword-td li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
  color: #2b3e4f;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 100%;
}
main .wrap .result-wrap .rel-keyword-wrap .keyword-wrap .keyword-block .keyword-table .keyword-td li .keyword {
  cursor: pointer;
}
main .wrap .result-wrap .rel-keyword-wrap .keyword-wrap .keyword-block .keyword-table .keyword-td li .keyword:hover {
  color: #3868eb;
  text-decoration: underline;
}
main .wrap .result-wrap .rel-keyword-wrap .keyword-wrap .keyword-block.product {
  grid-row: 1/span 1;
  grid-column: 1/span 1;
  flex: 1 0 0;
}
main .wrap .result-wrap .rel-keyword-wrap .keyword-wrap .keyword-block.popular {
  grid-row: 1/span 1;
  grid-column: 2/span 1;
  flex: 1 0 0;
}
main .wrap .result-wrap .rel-keyword-wrap .keyword-wrap .keyword-block.rel {
  grid-row: 1/span 1;
  grid-column: 3/span 1;
  flex: 1 0 0;
}
main .wrap .result-wrap .rel-keyword-wrap .keyword-wrap .keyword-block.auto {
  grid-row: 1/span 1;
  grid-column: 4/span 1;
  flex: 1 0 0;
}
main .wrap .result-wrap .detail-analy-wrap {
  max-width: 120rem;
  margin: 0 auto;
}
main .wrap .result-wrap .detail-analy-wrap .title-block .section-title {
  align-items: flex-end;
}
main .wrap .result-wrap .detail-analy-wrap .title-block .section-title p {
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  flex-direction: column;
  width: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .title-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.4rem;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .title-block .analysis-basis {
  border: none;
  border-radius: 0.6rem;
  background: #e9ecf2;
  color: #2b3e4f;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 100%;
  padding: 0.4rem 0.6rem;
  display: none;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .title-block .analysis-basis + p {
  color: #1e2229;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .title-block .analysis-basis.top10::after {
  content: "TOP 10";
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .title-block .analysis-basis.page1::after {
  content: "1페이지 전체";
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .title-block .analysis-basis.prd20::after {
  content: "상품 20개 기준";
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .title-block .analysis-basis.prd40::after {
  content: "상품 40개 기준";
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .title-block .analysis-basis.prd60::after {
  content: "상품 60개 기준";
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .title-block .analysis-basis.prd80::after {
  content: "상품 80개 기준";
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .title-block .analysis-basis.prd100::after {
  content: "상품 100개 기준";
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .title-block .analysis-basis.prd120::after {
  content: "상품 120개 기준";
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .title-block .analysis-basis.prd140::after {
  content: "상품 140개 기준";
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .title-block .analysis-basis.prd160::after {
  content: "상품 160개 기준";
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .title-block .analysis-basis.prd180::after {
  content: "상품 180개 기준";
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .title-block .analysis-basis.prd200::after {
  content: "상품 200개 기준";
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .title-block .analysis-basis.prd220::after {
  content: "상품 220개 기준";
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .title-block .analysis-basis.prd240::after {
  content: "상품 240개 기준";
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
  width: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2rem;
  width: 50%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.review {
  flex-direction: column;
  padding-bottom: 4rem;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.review .chart-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2rem;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.review .chart-wrap figure {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  flex-direction: column;
  width: 26.8rem;
  height: 22rem;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.review .chart-wrap figure canvas {
  width: 26.8rem;
  height: 22rem;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.review .chart-wrap figure figcaption {
  color: #77859c;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.del {
  flex-direction: column;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.del .chart-table {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2rem;
  flex-direction: column;
  width: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.del .chart-table li {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.del .chart-table li .info-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  width: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.del .chart-table li .info-block .title {
  color: #2b3e4f;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0.4rem;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.del .chart-table li .info-block .title .small {
  color: #77859c;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.del .chart-table li .info-block strong {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 0.4rem;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.del .chart-table li .info-block strong .count {
  color: #2b3e4f;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.del .chart-table li .info-block strong .percent {
  color: #2b3e4f;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.del .chart-table li .chart-block {
  border: none;
  border-radius: 0.8rem;
  background: #e9ecf2;
  height: 2.4rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.del .chart-table li .chart-block .chart {
  position: absolute;
  width: 49%;
  height: inherit;
  display: block;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.del .chart-table li .chart-block .chart.rocket {
  background-color: #019ccb;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.del .chart-table li .chart-block .chart.merchant {
  background-color: #f97000;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.del .chart-table li .chart-block .chart.standard {
  background-color: #94a3b8;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .review-del-wrap .data-block.del .chart-table li .chart-block .chart.ovs {
  background-color: #a855f7;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
  height: auto;
  width: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .login-to-wing {
  border: none;
  border-radius: 0.8rem;
  background: #2b3e4f;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 0.4rem;
  padding: 0.4rem 1rem;
  z-index: 9;
  transform: translateY(-1rem);
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .login-to-wing:hover {
  background-color: #1e2229;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .login-to-wing::after {
  content: "\f08e";
  font-family: "FontAwesome";
  font-size: 1rem;
  font-weight: 400;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  flex-direction: column;
  width: 24rem;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  position: relative;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block.data-loading-block {
  min-height: 10.7rem;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .title {
  color: #77859c;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0.2em;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .title b {
  font-size: 1.2rem;
  font-weight: 500;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .info-block {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0.2rem;
  padding-top: 1.4rem;
  width: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .info-block .ratio {
  color: #1e2229;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .info-block .count {
  color: #77859c;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .info-block .loader {
  margin-top: 0;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .analysis-basis {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .analysis-basis.top10::after {
  content: "Top 10 기준";
  color: #77859c;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .analysis-basis.page1::after {
  content: "1페이지 전체 기준";
  color: #77859c;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .analysis-basis.prd20::after {
  content: "상품 20개 기준";
  color: #77859c;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .analysis-basis.prd40::after {
  content: "상품 40개 기준";
  color: #77859c;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .analysis-basis.prd60::after {
  content: "상품 60개 기준";
  color: #77859c;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .analysis-basis.prd80::after {
  content: "상품 80개 기준";
  color: #77859c;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .analysis-basis.prd100::after {
  content: "상품 100개 기준";
  color: #77859c;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .analysis-basis.prd120::after {
  content: "상품 120개 기준";
  color: #77859c;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .analysis-basis.prd140::after {
  content: "상품 140개 기준";
  color: #77859c;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .analysis-basis.prd160::after {
  content: "상품 160개 기준";
  color: #77859c;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .analysis-basis.prd180::after {
  content: "상품 180개 기준";
  color: #77859c;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .analysis-basis.prd200::after {
  content: "상품 200개 기준";
  color: #77859c;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .analysis-basis.prd220::after {
  content: "상품 220개 기준";
  color: #77859c;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .short-info-wrap .data-block .analysis-basis.prd240::after {
  content: "상품 240개 기준";
  color: #77859c;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-direction: column;
  width: calc(100% - 24rem);
  position: relative;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
  height: auto;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .chart-block {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: column;
  width: 100%;
  position: relative;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .chart-block .login-to-wing {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16rem;
  z-index: 10;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .chart-block.sales-volume .loader, main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .chart-block.amount-volume .loader {
  display: none;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .chart-block.sales-volume.loading:after, main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .chart-block.amount-volume.loading:after {
  content: "";
  position: absolute;
  width: 30rem;
  height: 26rem;
  border: none;
  border-radius: 1.6rem;
  background: transparent;
  background-color: #f8fafc;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .chart-block.sales-volume.loading .loader, main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .chart-block.amount-volume.loading .loader {
  display: block;
  z-index: 9;
  position: absolute;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .chart-block figcaption {
  color: #77859c;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
  text-align: center;
  width: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .chart-block .chart {
  width: 15rem;
  height: 15rem;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .chart-block .ratio-table {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  flex-direction: column;
  width: 15rem;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .chart-block .ratio-table li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  width: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .chart-block .ratio-table li .ratio-title {
  color: #77859c;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .chart-block .ratio-table li .ratio {
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .progressing {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 70%;
  height: 66%;
  background-color: #f8fafc;
  flex-direction: column;
  gap: 1rem;
  position: absolute;
  left: 0;
  bottom: 3rem;
  z-index: 10;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .progressing .progress-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: column;
  width: 80%;
  gap: 0.4rem;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .progressing .progress-wrap .progress-bar-wrap {
  border: none;
  border-radius: 5rem;
  background: #e4e8e8;
  width: 100%;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .progressing .progress-wrap .progress-bar-wrap #requestProgressBar {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  border: none;
  border-radius: 5rem;
  background: #3868eb;
  padding: 0.4rem;
  transition: 0.3s;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .progressing .progress-wrap div {
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .progressing .progress-wrap div .cur-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 0.4rem;
  font-weight: 500;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .progressing .progress-wrap div .cur-list strong {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 20rem;
  font-weight: 500;
  color: #3868eb;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .progressing .progress-wrap div .progress-page {
  color: #3868eb;
  font-weight: 600;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .progressing .stopRequest {
  border: none;
  border-radius: 5rem;
  background: #3868eb;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 0.6rem 2rem;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .progressing .stopRequest:hover {
  background-color: #113bab;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .progressing .stopRequest:disabled {
  background-color: #ddd;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .saturation-wrap .saturation-chart-wrap .chart-wrap .progressing .stop-desc {
  color: #888;
  font-size: 1.6rem;
  font-weight: 500;
}
main .wrap .result-wrap .shopping-list-wrap {
  position: relative;
  width: calc(98svw - 22rem);
  max-width: 80svw;
  max-width: 150rem;
  width: 100%;
  margin: 0 auto;
}
main .wrap .result-wrap .shopping-list-wrap .title-block {
  align-items: flex-end;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis {
  border: none;
  border-radius: 5rem;
  background: #e4e8e8;
  padding: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .complete-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  border: none;
  border-radius: 5rem;
  background: #bfdbfe;
  background-color: #bfdbfe;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .complete-wrap .input-block input:disabled + label:hover {
  border: none;
  border-radius: 5rem;
  background: #bfdbfe;
  color: #888;
  position: relative;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .complete-wrap .input-block input:disabled + label:hover::after {
  content: "분석중인 데이터가 완료되면 선택가능해요";
  position: absolute;
  border: none;
  border-radius: 0.8rem;
  background: rgba(56, 104, 235, 0.1254901961);
  color: #3868eb;
  font-size: 1.4rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  padding: 0.4rem 1.4rem;
  width: 26rem;
  top: -4rem;
  left: 0;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .yet-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .input-block {
  border-radius: 5rem;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .input-block.complete:first-of-type label {
  border-top-left-radius: 5rem;
  border-bottom-left-radius: 5rem;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .input-block.complete:not(:has(+ .complete)) label {
  border-top-right-radius: 5rem;
  border-bottom-right-radius: 5rem;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .input-block.complete label {
  background-color: #bfdbfe;
  color: #3868eb;
  font-weight: 600;
  border-radius: 0;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .input-block label {
  color: #1e2229;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 0.24rem 0.8rem;
  cursor: pointer;
  border-radius: 5rem;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .input-block label:hover {
  border: none;
  border-radius: 5rem;
  background: rgba(56, 104, 235, 0.1254901961);
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .input-block input {
  display: none;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .input-block input:checked:disabled + label {
  border: none;
  border-radius: 5rem;
  background: #3868eb;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .input-block input:checked:disabled + label:hover {
  border: none;
  border-radius: 5rem;
  background: #3868eb;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .input-block input:checked:disabled + label:hover::after {
  content: "데이터 분석 중 이에요";
  position: absolute;
  border: none;
  border-radius: 0.8rem;
  background: rgba(56, 104, 235, 0.1254901961);
  color: #3868eb;
  font-size: 1.4rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  padding: 0.4rem 1.4rem;
  width: 16rem;
  top: -4rem;
  left: 0;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .input-block input:checked + label {
  border: none;
  border-radius: 5rem;
  background: #3868eb;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .input-block input:disabled + label {
  color: #888;
  position: relative;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .input-block input:disabled + label:hover {
  background-color: #ddd;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .input-block input:disabled + label:hover::after {
  content: "이전 상품데이터가 완료되면 분석가능해요";
  position: absolute;
  border: none;
  border-radius: 0.8rem;
  background: rgba(238, 4, 18, 0.1254901961);
  color: #ee0412;
  font-size: 1.4rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  padding: 0.4rem 1.4rem;
  width: 26rem;
  top: -4rem;
  left: 0;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .input-block input.noData + label {
  position: relative;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .input-block input.noData + label:hover {
  background-color: #ddd;
}
main .wrap .result-wrap .shopping-list-wrap .title-block .set-search-basis .input-block input.noData + label:hover::after {
  content: "더 이상 상품이 없습니다";
  position: absolute;
  border: none;
  border-radius: 0.8rem;
  background: #2b3e4f;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  padding: 0.4rem 1.4rem;
  width: 18rem;
  top: -4rem;
  left: 0;
}
main .wrap .result-wrap .shopping-list-wrap .shopping-table-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2rem;
  flex-direction: column;
  position: relative;
  margin: 0 auto;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap {
  position: relative;
  margin: 0 auto;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin: 0 auto;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .thLine {
  border: none;
  background: #f8fafc;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  position: sticky;
  max-width: 120rem;
  overflow-x: auto;
  top: 7rem;
  z-index: 37;
  margin: 0 auto;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .thLine.full {
  max-width: 80svw;
  max-width: 150rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .thLine::-webkit-scrollbar {
  height: 0.8rem;
  background-color: #fafafa;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .thLine::-webkit-scrollbar-thumb {
  background-color: #d0d4dd;
  border-radius: 0.6rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .thLine li.th {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  color: #8d939f;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 110%;
  gap: 0.4rem;
  border-right: 1px solid #e4e8e8;
  word-break: keep-all;
  position: relative;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .thLine li.th:last-child {
  border-right: none;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .thLine li.th .sort {
  position: absolute;
  top: 50%;
  right: 0.6rem;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0rem;
  flex-direction: column;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .thLine li.th .sort[data-sort="1"] .down::before {
  color: #2b3e4f;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .thLine li.th .sort[data-sort="2"] .up::before {
  color: #2b3e4f;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .thLine li.th .sort .up {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0;
  height: 1.6rem;
  padding-bottom: 0.2rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .thLine li.th .sort .up::before {
  content: "\f0d8";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  height: 1.6rem;
  line-height: 2.8rem;
  color: #8d939f;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .thLine li.th .sort .down {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0;
  height: 1.6rem;
  padding-top: 0.2rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .thLine li.th .sort .down::before {
  content: "\f0dd";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #8d939f;
  display: inline-block;
  height: 1.6rem;
  line-height: 0.4rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .thLine .rank,
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .thLine .name {
  position: sticky !important;
  left: 0;
  z-index: 9;
  background-color: #f8fafc;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .thLine .name {
  left: 6.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td-block {
  background-color: #f8fafc;
  max-width: 120rem;
  width: 100%;
  margin: 0 auto;
  overflow-x: auto;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td-block::-webkit-scrollbar {
  height: 0.8rem;
  background-color: #fafafa;
  display: none;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td-block::-webkit-scrollbar-thumb {
  background-color: #d0d4dd;
  border-radius: 0.6rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td-block.full {
  max-width: 80svw;
  max-width: 150rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td {
  position: relative;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  border-bottom: 1px solid #e4e8e8;
  width: -moz-max-content;
  width: max-content;
  background-color: #fff;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li {
  border-right: 1px dashed #e4e8e8;
  min-height: 10.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li:last-child {
  border-right: none;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.name {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  text-align: start;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.name .prd-img {
  position: relative;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.name .prd-img.pb::after {
  content: "PB";
  position: absolute;
  border: none;
  border-radius: 0.6rem;
  background: #019ccb;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  z-index: 9;
  top: 0.2rem;
  left: 0.2rem;
  padding: 0.2rem 0.6rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.name .prd-img img {
  border: 1px solid #f1f4fe;
  border-radius: 0.8rem;
  background: #fff;
  width: 6rem;
  height: 6rem;
  min-width: 8rem;
  max-width: 8rem;
  width: 100%;
  min-height: 8rem;
  max-height: 8rem;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center, center;
     object-position: center, center;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.name .goods-name {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 110%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.name .goods-name a:hover {
  text-decoration: underline;
  color: #3868eb;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.review {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: column;
  gap: 0.8rem;
  padding: 1.4rem 0.6rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.review .review-analysis {
  border: 1px solid #e4e8e8;
  border-radius: 0.6rem;
  background: #fff;
  color: #77859c;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 0.4rem;
  padding: 0.4rem 0.8rem;
  transition: 0.2s;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.review .review-analysis::after {
  content: "\f078";
  font-family: "FontAwesome";
  font-size: 1rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.review .review-analysis.review-clear {
  border: 1px solid #c3d1f9;
  background: #f1f4fe;
  color: #3868eb;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.review .review-analysis.open::after {
  content: "\f078";
  transform: rotate(180deg);
  font-family: "FontAwesome";
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.review .review-analysis:disabled {
  background-color: #ddd;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.review .review-analysis:disabled:hover {
  background-color: #ddd;
  color: #77859c;
  border-color: #ddd;
  cursor: not-allowed;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.review .review-analysis:disabled.need-wing-login {
  display: none;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.review .review-analysis:hover {
  background-color: #3868eb;
  color: #fff;
  border-color: #3868eb;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sales, main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sales-month, main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.cv-month, main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.pv-month, main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-goods, main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-growth-price, main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.expected-amount, main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.expected-margin-price, main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.expected-margin-rate, main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.price, main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-price {
  justify-content: flex-end;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.d-none {
  display: none;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.no-sourcing-request {
  position: relative;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.no-sourcing-request::after {
  position: absolute;
  z-index: 9;
  content: "";
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  background-color: #fff;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li .loader {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  position: relative;
  background: #fff;
  box-shadow: -12px 0 #fff, 12px 0 #fff;
  box-sizing: border-box;
  animation: shadowPulse 2s linear infinite;
}
@keyframes shadowPulse {
  33% {
    background: #fff;
    box-shadow: -12px 0 #3868eb, 12px 0 #fff;
  }
  66% {
    background: #3868eb;
    box-shadow: -12px 0 #fff, 12px 0 #fff;
  }
  100% {
    background: #fff;
    box-shadow: -12px 0 #fff, 12px 0 #3868eb;
  }
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-goods {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-goods .sourcing-goods-btn {
  border: 1px solid #e4e8e8;
  border-radius: 0.8rem;
  background: #fff;
  width: 8rem;
  height: 8rem;
  overflow: hidden;
  position: relative;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-goods .sourcing-goods-btn::after {
  content: "변경";
  width: 8rem;
  height: 8rem;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.3s;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-goods .sourcing-goods-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-goods .sourcing-goods-btn:hover::after {
  opacity: 1;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-goods .retrySourcingGoods {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  border: none;
  border-radius: 0.8rem;
  background: #2b3e4f;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0.6rem 1rem;
  position: absolute;
  z-index: 10;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-goods .retrySourcingGoods.loading {
  width: 48px;
  height: 48px;
  border: 5px solid #fff;
  background-color: #fff;
  border-bottom-color: #3868eb;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-goods .retrySourcingGoods:disabled {
  background-color: #ddd;
  color: #fff;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-goods .retrySourcingGoods:disabled:hover {
  background-color: #ddd;
  cursor: not-allowed;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-price {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 0.8rem;
  flex-direction: column;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-price .sourcing-purchase {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  border: none;
  border-radius: 0.8rem;
  background: #2b3e4f;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0.6rem 1rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-price .sourcing-purchase:hover {
  background-color: #1e2229;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-growth-price {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: column;
  gap: 0.8rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-growth-price .sourcing-count-block {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 0.2rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-growth-price .sourcing-count-block input[type=number].sourcing-count {
  color: #1e2229;
  font-size: 1.4rem;
  font-weight: 400;
  border: 1px solid #e4e8e8;
  border-radius: 0.4rem;
  background: #fff;
  width: 6rem;
  text-align: end;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-growth-price .sourcing-count-block input[type=number].sourcing-count::-webkit-outer-spin-button, main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-growth-price .sourcing-count-block input[type=number].sourcing-count::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.sourcing-growth-price .sourcing-count-block p {
  color: #1e2229;
  font-size: 1.4rem;
  font-weight: 400;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.del.wow::after {
  content: "와우";
  color: #3868eb;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.del.rocket::after {
  content: "로켓";
  color: #019ccb;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.del.install::after {
  content: "설치";
  color: #2b3e4f;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.del.merchant::after {
  content: "판매자";
  color: #f97203;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.del.standard::after {
  content: "일반";
  color: #94a3b8;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.del.global::after {
  content: "직구";
  color: #9c27b0;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.del.ovs::after {
  content: "해외";
  color: #a855f7;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.del.domestic::after {
  content: "국내";
  color: #2b3e4f;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.del.soldout::after {
  content: "품절";
  color: #94a3b8;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list li.del.fresh::after {
  content: "로켓";
  color: #009900;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list .rank,
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list .name {
  position: sticky;
  left: 0;
  z-index: 9;
  background-color: #fff;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list .name {
  left: 6.5rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list .retry-block {
  position: absolute;
  right: 0;
  background-color: #fff;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  width: 47rem;
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list .retry-block .retry-wing {
  border: none;
  border-radius: 0.8rem;
  background: #ddd;
  color: #888;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 0.4rem 1.6rem;
  position: relative;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list .retry-block .retry-wing:hover {
  background-color: #fff;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list .retry-block .retry-wing[aria-disabled=true]::after {
  content: "모든 데이터요청이 완료 되면 가능해요";
  border: none;
  border-radius: 0.8rem;
  background: rgba(238, 4, 18, 0.1254901961);
  color: #ee0412;
  font-size: 1.4rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  position: absolute;
  padding: 0.4rem 1.4rem;
  width: 24rem;
  top: -3.6rem;
  left: 0;
  opacity: 0;
  transition: 0.3s;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-list .retry-block .retry-wing[aria-disabled=true]:hover::after {
  opacity: 1;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  width: 100%;
  background-color: #f8fafc;
  height: 0rem;
  transition: 0.15s;
  overflow: hidden;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review.open {
  height: 77rem;
  padding: 1rem;
  position: sticky;
  left: 0;
  border-bottom: 1px solid #e4e8e8;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .spinner-block {
  color: #1e2229;
  font-size: 1.4rem;
  font-weight: 500;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: column;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .spinner-block .review-loader {
  color: #3868eb;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-info-block {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0;
  width: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-info-block .left-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  flex-direction: column;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-info-block .left-wrap .left-info {
  color: #1e2229;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-info-block .left-wrap .left-info .reviewCount {
  color: #3868eb;
  font-size: 2rem;
  font-weight: 700;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-info-block .right-info .review-excel-dnd {
  border: 1px solid #c3d1f9;
  border-radius: 0.8rem;
  background-color: #f1f4fe;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  cursor: pointer;
  min-height: 3.6rem;
  min-width: 13.4rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-info-block .right-info .review-excel-dnd::before {
  content: "엑셀 다운로드";
  font-size: 1.4rem;
  font-weight: 700;
  color: #3868eb;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-info-block .right-info .review-excel-dnd::after {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "\f1c3";
  font-family: "Font Awesome 6 Free";
  font-size: 1.4rem;
  font-weight: 900;
  color: #3868eb;
  transition: ease 0.2s;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-info-block .right-info .review-excel-dnd:hover {
  background-color: #3868eb;
  border-color: #3868eb;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-info-block .right-info .review-excel-dnd:hover::before, main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-info-block .right-info .review-excel-dnd:hover::after {
  color: #fff;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-info-block .right-info .review-excel-dnd:disabled {
  background-color: #d8dde7;
  border-color: #d8dde7;
  cursor: not-allowed;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-info-block .right-info .review-excel-dnd:disabled::before, main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-info-block .right-info .review-excel-dnd:disabled::after {
  color: #77859c;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-info-block .right-info .review-excel-dnd:disabled:hover {
  background-color: #d8dde7;
  border-color: #d8dde7;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-info-block .right-info .review-excel-dnd:disabled:hover::before, main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-info-block .right-info .review-excel-dnd:disabled:hover::after {
  color: #77859c;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block {
  border: 1px solid #e4e8e8;
  border-radius: 2rem;
  background: #fff;
  padding: 1.6rem;
  width: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 0;
  width: 100%;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e4e8e8;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block button {
  padding: 0.8rem 1rem;
  min-height: 4rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .divider {
  width: 0.2rem;
  height: 1.6rem;
  background-color: #eaedf4;
  margin: 0 0.1rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .check-block button {
  border: none;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .check-block button.select {
  background-color: #e7ecff;
  color: #3868eb;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .check-block button.select:hover {
  background-color: #3868eb;
  color: #fff;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .check-block button.deselect {
  background-color: #eaedf4;
  color: #77859c;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .check-block button.deselect:hover {
  background-color: #373f57;
  color: #fff;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .period-block {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.2rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .period-block .button-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.2rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .period-block .button-wrap::before {
  content: "기간";
  font-size: 1.4rem;
  font-weight: 500;
  margin-right: 0.4rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .period-block .button-wrap button {
  border: none;
  border-radius: 0.8rem;
  background: #f9f9fa;
  color: #77859c;
  font-size: 1.4rem;
  font-weight: 500;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .period-block .button-wrap button:hover {
  background-color: #e7ecff;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .period-block .button-wrap button.selected {
  background-color: #373f57;
  color: #fff;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .period-block .date-range-btn {
  border: none;
  border-radius: 0.8rem;
  background: #f9f9fa;
  color: #77859c;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -3%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .period-block .date-range-btn.selected {
  background-color: #373f57 !important;
  color: #fff !important;
  --tw-ring-color: transparent;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .period-block .date-range-btn.selected::before {
  color: #fff;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .period-block .date-range-btn::before {
  content: "\f274";
  font-family: "FontAwesome";
  color: #77859c;
  font-size: 1.6rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .score-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.2rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .score-block::before {
  content: "평점";
  font-size: 1.4rem;
  font-weight: 500;
  margin-right: 0.4rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .score-block .score {
  border: none;
  border-radius: 0.8rem;
  background: #f9f9fa;
  color: #77859c;
  font-size: 1.4rem;
  font-weight: 500;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .score-block .score:hover {
  background-color: #e7ecff;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .score-block .score::after {
  content: "\f005";
  font-family: "Font Awesome 6 Free";
  color: #feb623;
  font-weight: 600;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .score-block .score.selected {
  background-color: #373f57;
  color: #fff;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .score-block .score:nth-child(1)::before {
  content: "1";
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .score-block .score:nth-child(2)::before {
  content: "2";
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .score-block .score:nth-child(3)::before {
  content: "3";
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .score-block .score:nth-child(4)::before {
  content: "4";
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-control .score-block .score:nth-child(5)::before {
  content: "5";
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-reset {
  color: #1e2229;
  font-size: 1.4rem;
  font-weight: 500;
  border: 1px solid #1e2229;
  border-radius: 0.8rem;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 0.6rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-reset::before {
  content: "\f01e";
  font-family: "FontAwesome";
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-control-block .opt-reset:hover {
  background-color: #373f57;
  color: #fff;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-desc-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  width: 100%;
  padding: 0.4rem 0;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-desc-block .opt-desc {
  color: #8f9499;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  width: 59.4%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-desc-block .opt-ratio-desc {
  color: #8f9499;
  font-size: 1.4rem;
  font-weight: 500;
  width: 40%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-block {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.6rem;
  flex-direction: column;
  height: 20rem;
  overflow: auto;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-block .opt {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  width: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-block .opt .input-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.6rem;
  width: 60%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-block .opt .input-block input {
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid #888;
  border-radius: 0.2rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-block .opt .input-block input:checked {
  border-color: #3868eb;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-block .opt .input-block label {
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  cursor: pointer;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-block .opt .input-block label .option-name {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: calc(100% - 12rem);
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-block .opt .input-block label .option-cnt {
  color: #77859c;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  gap: 0.4rem;
  width: 12rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-block .opt .input-block label .option-cnt::before {
  content: "리뷰갯수";
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-block .opt .ratio-block {
  width: 40%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-block .opt .ratio-block .full-bar {
  border: 1px solid #e4e8e8;
  background: transparent;
  height: 2rem;
  width: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-block .opt .ratio-block .full-bar .bar {
  border-radius: 0 5rem 5rem 0;
  height: 100%;
  padding: 0 0.4rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .purchase-opt-block .opt-block .opt .ratio-block .full-bar .bar .bar-percent {
  color: #1e2229;
  font-size: 1.2rem;
  font-weight: 400;
  text-align: right;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-chart-block {
  border: 1px solid #e4e8e8;
  border-radius: 2rem;
  background: #fff;
  width: 100%;
  padding: 2rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-chart-block .chart-desc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  color: #1e2229;
  font-size: 1.4rem;
  font-weight: 500;
  gap: 1rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-chart-block .chart-desc .chart-btn-wrap button {
  border: none;
  border-radius: 0.8rem;
  background: #f9f9fa;
  color: #77859c;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0.8rem 1rem;
  min-height: 4rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-chart-block .chart-desc .chart-btn-wrap button:hover {
  background-color: #e7ecff;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-chart-block .chart-desc .chart-btn-wrap button.selected {
  background-color: #373f57;
  color: #fff;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-chart-block .chart-container {
  position: relative;
  width: 100%;
  height: 30rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .td .td-review .review-block .review-chart-block .chart-container canvas {
  width: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table li {
  color: #1e2229;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 100%;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 1.25rem 1rem;
  text-align: center;
  word-break: break-all;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table li.sales, main .wrap .result-wrap .shopping-list-wrap .table-wrap .table li.sales-month {
  text-align: start;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table li[data-width="65"] {
  min-width: 6.5rem;
  width: 6.5rem;
  padding: 1rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table li[data-width="75"] {
  min-width: 7.5rem;
  width: 7.5rem;
  padding: 1rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table li[data-width="80"] {
  min-width: 8rem;
  width: 8rem;
  padding: 1rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table li[data-width="300"] {
  width: 30rem;
  min-width: 30rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table li[data-width="110"] {
  width: 11rem;
  min-width: 11rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table li[data-width="120"] {
  width: 12rem;
  min-width: 12rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table li[data-width="140"] {
  width: 14rem;
  min-width: 14rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table li[data-width="160"] {
  width: 16rem;
  min-width: 16rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table li[data-width="100"] {
  width: 10rem;
  min-width: 10rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .need-login-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
  color: #1e2229;
  font-size: 1.4rem;
  font-weight: 400;
  padding-top: 10rem;
  text-align: center;
  flex-direction: column;
  z-index: 9;
  width: calc(100% - 66.5rem);
  height: auto;
  position: absolute;
  top: 5.4rem;
  right: 0;
  bottom: 0;
  background-color: #fff;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .need-login-block .wing-desc {
  position: sticky;
  top: 23.5rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .need-login-block .login-to-wing {
  border: none;
  border-radius: 0.8rem;
  background: #2b3e4f;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 0.4rem;
  padding: 1rem 2rem;
  position: sticky;
  top: 30rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .need-login-block .login-to-wing:hover {
  background-color: #1e2229;
}
main .wrap .result-wrap .shopping-list-wrap .table-wrap .table .need-login-block .login-to-wing::after {
  content: "\f08e";
  font-family: "FontAwesome";
  font-size: 1.2rem;
  font-weight: 400;
}
main .wrap .result-wrap .shopping-list-wrap .dismiss-wrap {
  position: absolute;
  left: 50%;
  top: 3rem;
  z-index: 9;
}
main .wrap .result-wrap .shopping-list-wrap .dismiss-wrap #loadingData {
  border: none;
  border-radius: 0.8rem;
  background: #fff0f1;
  color: #ee0412;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0.4rem 1.4rem;
}
main .wrap .result-wrap .shopping-list-wrap .table-alert {
  color: #77859c;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 140%;
}
main .wrap .cac-prod-wrap {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
}
main .wrap .cac-prod-wrap .prod-desc-block {
  border: none;
  border-radius: 1.6rem;
  background: #f8fafc;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: column;
  gap: 2rem;
  padding: 2rem 4rem;
  width: 100%;
  max-width: 88rem;
}
main .wrap .cac-prod-wrap .prod-desc-block .cac-title {
  width: 100%;
  color: #1e2229;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
}
main .wrap .cac-prod-wrap .prod-desc-block .cac-title b {
  color: #3868eb;
}
main .wrap .cac-prod-wrap .prod-desc-block .cac-desc {
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 160%;
}

#cacAlert .modal-body-default {
  text-align: center;
}

#extension-alert .modal-body-default {
  text-align: center;
}

#changeSourcingPrd .modal-body-default {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-direction: row;
  padding: 2rem;
  font-size: 1.8rem;
  line-height: 160%;
  letter-spacing: -0.054rem;
}
#changeSourcingPrd .modal-body-default .sourcing-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  flex-direction: column;
  width: 24rem;
  min-width: 24rem;
  height: 50rem;
  gap: 1rem;
  padding-right: 2rem;
  border-right: 1px solid #e4e8e8;
}
#changeSourcingPrd .modal-body-default .sourcing-left img {
  width: 20rem;
  height: 20rem;
  border-radius: 2rem;
}
#changeSourcingPrd .modal-body-default .sourcing-left .sourcing-prd-info {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
}
#changeSourcingPrd .modal-body-default .sourcing-left .sourcing-prd-info strong {
  color: #1e2229;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 160%;
  text-align: start;
  word-break: keep-all;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 3.2em;
}
#changeSourcingPrd .modal-body-default .sourcing-left .sourcing-prd-info .info-data {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
}
#changeSourcingPrd .modal-body-default .sourcing-left .sourcing-prd-info .info-data li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
  color: #1e2229;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 160%;
  flex-direction: row;
  width: 100%;
}
#changeSourcingPrd .modal-body-default .sourcing-left .sourcing-prd-info .info-data .data-conts-blue {
  color: #3868eb;
}
#changeSourcingPrd .modal-body-default .sourcing-left .sourcing-prd-info .info-data .info-shipping.wow::after {
  content: "와우";
  color: #3868eb;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.042rem;
}
#changeSourcingPrd .modal-body-default .sourcing-left .sourcing-prd-info .info-data .info-shipping.rocket::after {
  content: "로켓";
  color: #019ccb;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.042rem;
}
#changeSourcingPrd .modal-body-default .sourcing-left .sourcing-prd-info .info-data .info-shipping.install::after {
  content: "설치";
  color: #2b3e4f;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.042rem;
}
#changeSourcingPrd .modal-body-default .sourcing-left .sourcing-prd-info .info-data .info-shipping.merchant::after {
  content: "판매자";
  color: #f97203;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.042rem;
}
#changeSourcingPrd .modal-body-default .sourcing-left .sourcing-prd-info .info-data .info-shipping.standard::after {
  content: "일반";
  color: #94a3b8;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.042rem;
}
#changeSourcingPrd .modal-body-default .sourcing-left .sourcing-prd-info .info-data .info-shipping.global::after {
  content: "직구";
  color: #9c27b0;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.042rem;
}
#changeSourcingPrd .modal-body-default .sourcing-left .sourcing-prd-info .info-data .info-shipping.ovs::after {
  content: "해외";
  color: #a855f7;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 100%;
}
#changeSourcingPrd .modal-body-default .sourcing-left .sourcing-prd-info .info-data .info-shipping.domestic::after {
  content: "국내";
  color: #2b3e4f;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 100%;
}
#changeSourcingPrd .modal-body-default .sourcing-left .sourcing-prd-info .info-data .info-shipping.soldout::after {
  content: "품절";
  color: #94a3b8;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 100%;
}
#changeSourcingPrd .modal-body-default .sourcing-left .sourcing-prd-info .info-data .info-shipping.fresh::after {
  content: "로켓";
  color: #009900;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 100%;
}
#changeSourcingPrd .modal-body-default .sourcing-left .sourcing-prd-info .info-data .data-label {
  color: #8d939f;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 160%;
}
#changeSourcingPrd .modal-body-default .sourcing-prd-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  flex-direction: column;
  height: 49rem;
  overflow-y: scroll;
  width: 100%;
  padding: 0 1rem 0 2rem;
}
#changeSourcingPrd .modal-body-default .sourcing-prd-wrap .sourcing-prd-block {
  border: 1px solid #e4e8e8;
  border-radius: 2rem;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1.4rem;
  cursor: pointer;
  width: 100%;
  overflow: visible;
}
#changeSourcingPrd .modal-body-default .sourcing-prd-wrap .sourcing-prd-block:hover {
  border-color: #3868eb;
  background-color: rgba(56, 104, 235, 0.1254901961);
}
#changeSourcingPrd .modal-body-default .sourcing-prd-wrap .sourcing-prd-block img {
  width: 8rem;
  height: 8rem;
  border-radius: 1rem;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: top left;
  transform: scale(1);
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s ease;
  position: relative;
  z-index: 1;
}
#changeSourcingPrd .modal-body-default .sourcing-prd-wrap .sourcing-prd-block img:hover {
  transform: scale(2.5);
  z-index: 10;
}
#changeSourcingPrd .modal-body-default .sourcing-prd-wrap .sourcing-prd-block .sourcing-option-block {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  flex-direction: column;
  width: 100%;
}
#changeSourcingPrd .modal-body-default .sourcing-prd-wrap .sourcing-prd-block .sourcing-option-block strong {
  color: #1e2229;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 160%;
  text-align: start;
  word-break: keep-all;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 3.2em;
}
#changeSourcingPrd .modal-body-default .sourcing-prd-wrap .sourcing-prd-block .sourcing-option-block .sourcing-option-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2rem;
}
#changeSourcingPrd .modal-body-default .sourcing-prd-wrap .sourcing-prd-block .sourcing-option-block .sourcing-option-wrap .option-block {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 0.6rem;
}
#changeSourcingPrd .modal-body-default .sourcing-prd-wrap .sourcing-prd-block .sourcing-option-block .sourcing-option-wrap .option-block p {
  color: #1e2229;
  font-size: 1.4rem;
  font-weight: 500;
}
#changeSourcingPrd .modal-body-default .sourcing-prd-wrap .sourcing-prd-block .sourcing-option-block .sourcing-option-wrap .option-block .option-name {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 0.6rem;
}
#changeSourcingPrd .modal-body-default .sourcing-prd-wrap .sourcing-prd-block .sourcing-option-block .sourcing-option-wrap .option-block .option-name::after {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 0.2rem;
  height: 1.2rem;
  background-color: #e4e8e8;
}
#changeSourcingPrd .modal-body-default .sourcing-prd-wrap .sourcing-prd-block .sourcing-option-block .sourcing-option-wrap .option-block .option-data {
  font-weight: 600;
}
#changeSourcingPrd .modal-footer-default {
  display: none;
}