@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: 11in 17in;
    margin: 5mm 25mm 80mm 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;
  }
}
.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 {
  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;
  max-width: 120rem;
  min-width: 120rem;
  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 .button-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 0.8rem;
}
main .wrap .title-block .button-wrap #dndPdf {
  border: 1px solid #c3d1f9;
  border-radius: 0.8rem;
  background: #f1f4fe;
  color: #3868eb;
  font-size: 1.6rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 0.6rem;
  padding: 0.4rem 1.6rem;
}
main .wrap .title-block .button-wrap #dndPdf::after {
  content: "\f019";
  font-family: "FontAwesome";
}
main .wrap .title-block .button-wrap #dndPdf:hover {
  background-color: #3868eb;
  border-color: #3868eb;
  color: #fff;
}
main .wrap .title-block .button-wrap #dndPdf:hover::after {
  color: #fff;
}
main .wrap .title-block .button-wrap #dndExcel {
  border: 1px solid #c3d1f9;
  border-radius: 0.8rem;
  background: #f1f4fe;
  color: #3868eb;
  font-size: 1.6rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 0.6rem;
  position: relative;
  padding: 0.4rem 1.6rem;
}
main .wrap .title-block .button-wrap #dndExcel::after {
  content: "\f019";
  font-family: "FontAwesome";
}
main .wrap .title-block .button-wrap #dndExcel:hover {
  background-color: #3868eb;
  border-color: #3868eb;
  color: #fff;
}
main .wrap .title-block .button-wrap #dndExcel:hover::after {
  color: #fff;
}
main .wrap .title-block .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 .title-block .button-wrap #dndExcel:disabled {
  background-color: #ddd;
  color: #77859c;
}
main .wrap .title-block .button-wrap #dndExcel:disabled::after, main .wrap .title-block .button-wrap #dndExcel:disabled::before {
  color: #77859c;
}
main .wrap .title-block .button-wrap #dndExcel:disabled:hover {
  background-color: #ddd;
  color: #77859c;
  cursor: not-allowed;
}
main .wrap .title-block .button-wrap #dndExcel:disabled:hover::after, main .wrap .title-block .button-wrap #dndExcel:disabled:hover::before {
  color: #77859c;
}
main .wrap .title-block .button-wrap #dndExcel:disabled:hover #dndPdf-popup {
  opacity: 1;
}
main .wrap .title-block .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 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.cak-close .search-amount-block,
main .wrap section.result-section.cak-close .keyword-wrap,
main .wrap section.result-section.cak-close .dashboard-block,
main .wrap section.result-section.cak-close .table {
  height: 0;
  overflow: hidden;
}
main .wrap section.result-section.cak-close .section-control-btn::before {
  transform: rotate(-180deg);
}
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;
  margin-bottom: 3.5rem;
  font-weight: 900;
  display: inline-block;
  cursor: default;
  margin: 0 auto;
  margin-top: 4rem;
}
main .wrap .search-wrap {
  margin: 0 auto;
}
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-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: 0.6rem;
  background: #f8fafc;
  color: #1e2229;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2rem;
  padding: 0.8rem;
  cursor: pointer;
}
main .wrap .search-wrap .search-history-wrap .search-history-badges .search-history:hover {
  background-color: #e9ecf2;
}
main .wrap .usable-wrap {
  width: 100%;
  opacity: 1;
  transition: 0.3s;
}
main .wrap .usable-wrap.dn {
  opacity: 0;
}
main .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 .usable-wrap .usable-block .usable-count {
  color: #3868eb;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 100%;
  margin-left: 1rem;
}
main .wrap .usable-wrap .usable-block .total-usable {
  color: #2b3e4f;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 100%;
}
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-title-block {
  width: 100%;
  margin-bottom: -1.6rem;
}
main .wrap .result-wrap .search-title-block .title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 2rem;
}
main .wrap .result-wrap .search-title-block .title .search-amount-title {
  color: #1e2229;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -3%;
}
main .wrap .result-wrap .search-title-block .title .search-amount-title strong {
  color: #3868eb;
  font-weight: 700;
}
main .wrap .result-wrap .search-title-block .title .search-cate {
  color: #77859c;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -3%;
}
main .wrap .result-wrap .search-title-block .title .search-cate strong {
  color: #1e2229;
  font-weight: 600;
}
main .wrap .result-wrap .search-title-block #dndPdf {
  border: 1px solid #c3d1f9;
  border-radius: 0.8rem;
  background: #f1f4fe;
  color: #3868eb;
  font-size: 1.6rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 0.6rem;
  padding: 0.4rem 1.6rem;
}
main .wrap .result-wrap .search-title-block #dndPdf::after {
  content: "\f019";
  font-family: "FontAwesome";
}
main .wrap .result-wrap .search-title-block #dndPdf:hover {
  background-color: #3868eb;
  border-color: #3868eb;
  color: #fff;
}
main .wrap .result-wrap .search-title-block #dndPdf:hover::after {
  color: #fff;
}
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-block .section-title {
  align-items: flex-end;
}
main .wrap .result-wrap .search-amount-wrap .title-block .section-title p {
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 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 .title-block .section-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 1rem;
}
main .wrap .result-wrap .detail-analy-wrap .title-block .section-title p {
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 100%;
  margin-left: -0.4rem;
}
main .wrap .result-wrap .detail-analy-wrap .title-block .section-title .set-search-basis {
  background-color: red;
  border: none;
  border-radius: 5rem;
  background: #e4e8e8;
  padding: 0.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  gap: 0.4rem;
}
main .wrap .result-wrap .detail-analy-wrap .title-block .section-title .set-search-basis .input-block label {
  color: #1e2229;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 0.4rem 0.8rem;
  cursor: pointer;
}
main .wrap .result-wrap .detail-analy-wrap .title-block .section-title .set-search-basis .input-block label:hover {
  border: none;
  border-radius: 5rem;
  background: #ddd;
}
main .wrap .result-wrap .detail-analy-wrap .title-block .section-title .set-search-basis .input-block input {
  display: none;
}
main .wrap .result-wrap .detail-analy-wrap .title-block .section-title .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 .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;
}
main .wrap .result-wrap .detail-analy-wrap .dashboard-block .title-block .analysis-basis + p {
  color: #77859c;
  font-size: 1.6rem;
  font-weight: 600;
  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 .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 .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 .saturation-chart-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-direction: column;
  width: calc(100% - 24rem);
}
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;
  background: rgba(255, 255, 255, 0.6);
  border: none;
  border-radius: 1.6rem;
  background: transparent;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
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 .shopping-list-wrap {
  position: relative;
}
main .wrap .result-wrap .shopping-list-wrap .table {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  flex-direction: column;
  width: 100%;
  position: relative;
}
main .wrap .result-wrap .shopping-list-wrap .table .th {
  border: none;
  background: #f8fafc;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  height: 4.4rem;
}
main .wrap .result-wrap .shopping-list-wrap .table .th li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  color: #8d939f;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
  gap: 1rem;
}
main .wrap .result-wrap .shopping-list-wrap .table .th li .sort-btn {
  width: 1rem;
  height: 1.6rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.4rem;
  flex-direction: column;
  display: inline-block;
  padding-left: 0.4rem;
}
main .wrap .result-wrap .shopping-list-wrap .table .th li .sort-btn .up {
  cursor: pointer;
  width: 0.9rem;
  height: 0.6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cpath d='M4.84308 0L9 6H0.686157L4.84308 0Z' fill='%23bababa'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: contain;
  background-color: none;
  background-repeat: no-repeat;
  content: "";
  display: block;
  margin-bottom: 0.4rem;
}
main .wrap .result-wrap .shopping-list-wrap .table .th li .sort-btn .up:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cpath d='M4.84308 0L9 6H0.686157L4.84308 0Z' fill='%23201466'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: contain;
  background-color: none;
  background-repeat: no-repeat;
}
main .wrap .result-wrap .shopping-list-wrap .table .th li .sort-btn .up.on {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cpath d='M4.84308 0L9 6H0.686157L4.84308 0Z' fill='%23201466'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: contain;
  background-color: none;
  background-repeat: no-repeat;
}
main .wrap .result-wrap .shopping-list-wrap .table .th li .sort-btn .down {
  cursor: pointer;
  width: 0.9rem;
  height: 0.6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cpath d='M4.84308 6L9 0H0.686157L4.84308 6Z' fill='%23bababa'/%3E%3C/svg%3E");
  background-size: 100%;
  background-position: 50%;
  background-color: none;
  background-repeat: no-repeat;
  content: "";
  display: block;
}
main .wrap .result-wrap .shopping-list-wrap .table .th li .sort-btn .down.on {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cpath d='M4.84308 6L9 0H0.686157L4.84308 6Z' fill='%23201466'/%3E%3C/svg%3E");
  background-size: 100%;
  background-position: 50%;
  background-color: none;
  background-repeat: no-repeat;
}
main .wrap .result-wrap .shopping-list-wrap .table .th li .sort-btn .down:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cpath d='M4.84308 6L9 0H0.686157L4.84308 6Z' fill='%23201466'/%3E%3C/svg%3E");
  background-size: 100%;
  background-position: 50%;
  background-color: none;
  background-repeat: no-repeat;
}
main .wrap .result-wrap .shopping-list-wrap .table .td-block {
  width: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table .td-block.top10 ul:nth-child(n+11) {
  display: none;
}
main .wrap .result-wrap .shopping-list-wrap .table .td {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  border-bottom: 1px solid #e4e8e8;
}
main .wrap .result-wrap .shopping-list-wrap .table .td li.name {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  text-align: start;
}
main .wrap .result-wrap .shopping-list-wrap .table .td li.name .prd-img {
  position: relative;
}
main .wrap .result-wrap .shopping-list-wrap .table .td 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 .td li.name .prd-img img {
  border: 1px solid #f1f4fe;
  border-radius: 0.8rem;
  background: #f8fafc;
  width: 6rem;
  height: 6rem;
  min-width: 8rem;
  max-width: 8rem;
  width: 100%;
  min-height: 8rem;
  max-height: 8rem;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
main .wrap .result-wrap .shopping-list-wrap .table .td li.name .goods-name {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
main .wrap .result-wrap .shopping-list-wrap .table .td li.name .goods-name a:hover {
  text-decoration: underline;
  color: #3868eb;
}
main .wrap .result-wrap .shopping-list-wrap .table .td li.sales, main .wrap .result-wrap .shopping-list-wrap .table .td li.sales-month, main .wrap .result-wrap .shopping-list-wrap .table .td li.cv-month, main .wrap .result-wrap .shopping-list-wrap .table .td li.pv-month {
  text-align: end;
}
main .wrap .result-wrap .shopping-list-wrap .table .td li.sales .loader, main .wrap .result-wrap .shopping-list-wrap .table .td li.sales-month .loader, main .wrap .result-wrap .shopping-list-wrap .table .td li.cv-month .loader, main .wrap .result-wrap .shopping-list-wrap .table .td li.pv-month .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 .td li.del.wow::after {
  content: "로켓와우";
  color: #3868eb;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table .td li.del.rocket::after {
  content: "로켓배송";
  color: #019ccb;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table .td li.del.install::after {
  content: "로켓설치";
  color: #2b3e4f;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table .td li.del.merchant::after {
  content: "판매자로켓";
  color: #f97203;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table .td li.del.standard::after {
  content: "일반배송";
  color: #94a3b8;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table .td li.del.global::after {
  content: "로켓직구";
  color: #9c27b0;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table .td li.del.ovs::after {
  content: "해외배송";
  color: #a855f7;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table .td li.del.domestic::after {
  content: "국내배송";
  color: #2b3e4f;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table .td li.del.soldout::after {
  content: "품절";
  color: #94a3b8;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table .td li.del.fresh::after {
  content: "로켓프레시";
  color: #009900;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
}
main .wrap .result-wrap .shopping-list-wrap .table li {
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 100%;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 1.4rem 1rem;
  text-align: center;
}
main .wrap .result-wrap .shopping-list-wrap .table li.sales, main .wrap .result-wrap .shopping-list-wrap .table li.sales-month {
  text-align: end;
}
main .wrap .result-wrap .shopping-list-wrap .table li[data-width="65"] {
  width: 6.5rem;
  padding: 1.4rem 0;
}
main .wrap .result-wrap .shopping-list-wrap .table li[data-width="300"] {
  width: 30rem;
}
main .wrap .result-wrap .shopping-list-wrap .table li[data-width="110"] {
  width: 11rem;
}
main .wrap .result-wrap .shopping-list-wrap .table li[data-width="120"] {
  width: 12rem;
}
main .wrap .result-wrap .shopping-list-wrap .table li[data-width="140"] {
  width: 14rem;
}
main .wrap .result-wrap .shopping-list-wrap .table li[data-width="100"] {
  width: 10rem;
}
main .wrap .result-wrap .shopping-list-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: 48rem;
  height: auto;
  position: absolute;
  top: 4.4rem;
  right: 0;
  bottom: 0;
  background-color: rgba(248, 250, 252, 0.1882352941);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
main .wrap .result-wrap .shopping-list-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;
}
main .wrap .result-wrap .shopping-list-wrap .table .need-login-block .login-to-wing:hover {
  background-color: #1e2229;
}
main .wrap .result-wrap .shopping-list-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%;
}
main .wrap .result-wrap .shopping-list-wrap .dismiss-wrap #loadingData {
  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;
}
main .wrap .result-wrap .shopping-list-wrap .table-alert {
  color: #77859c;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 140%;
}
main .wrap .cak-prod-wrap {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
}
main .wrap .cak-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 .cak-prod-wrap .prod-desc-block .cak-title {
  width: 100%;
  color: #1e2229;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
}
main .wrap .cak-prod-wrap .prod-desc-block .cak-title b {
  color: #3868eb;
}
main .wrap .cak-prod-wrap .prod-desc-block .cak-desc {
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 160%;
}

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

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