:root {
  --PRIMARY_COLOR_1: #4b5ab4;
  /* GREY */
  --COLOR_GREY_1: #f5f5f5;
  --COLOR_GREY_2: #eeeeee;
  --COLOR_GREY_3: #e5e5e5;
  --COLOR_GREY_4: #d2d2d2;
  --COLOR_GREY_4_5: #c2c2c2;
  --COLOR_GREY_5: #aaaaaa;
  --COLOR_GREY_5_5: #8a8a8a;
  --COLOR_GREY_6: #707070;
  /* RED */
  --COLOR_RED: #ff6861;
  --COLOR_RED_2: #ff907d;
  --COLOR_PALE_RED: #ffaa9c;

  /* BLUE */
  --COLOR_BLUE_5: #3e79ff;
  --COLOR_BLUE_4: #6191ff;
  --COLOR_BLUE_3: #81a7ff;
  --COLOR_BLUE_2: #a0bdff;
  --COLOR_BLUE_1: #c0d3ff;
  --COLOR_BLUE_0: #eef3ff;
  --COLOR_BLUEGREY_1: #f5f6f9;
  --COLOR_BLUEGREY_2: #f9fafd;

  /* ETC */

  --COLOR_YELLOW: #ffe773;
  --COLOR_YELLOW_1: #ffc700;

  --COLOR_POINT_1: #ff9061;
  --COLOR_POINT_3: #44e27b;
  --COLOR_POINT_4: #2eafe6;

  --COLOR_TEXT_UNDER_BAR: #a1f5c3;
  --COLOR_CURATION_FIRST: #ffbf25;
  --COLOR_CURATION_SECOND: #93a8d4;
  --COLOR_CURATION_THIRD: #de9170;
  --COLOR_APP_ICON: #364bcc;

  --COLOR_TIME_DEAL_BACKGROUND: #ff8a85;
  --COLOR_PURCHASE_BACKGROUND: #f8f9fb;

  --COLOR_PICK_BEST: #3e79ff;
  --COLOR_PICK_COST_EFFECTIVE: #0ac3cf;
  --COLOR_PICK_PREIUM: #814ade;
  --COLOR_PICK_PLUS: #ff9061;

  --COLOR_ISSUE_BUTTON_BACKGROUND: #f1f5ff;
  --COLOR_TIP_BUTTON_BORDER: #c6eaff;
  --COLOR_TIP_BOX_SHADOW: 0px 20px 10px 0px rgba(75, 90, 180, 0.01);
  --COLOR_SHOW_MORE_BOX_SHADOW: 0px 4px 4px 0px rgba(75, 90, 180, 0.25);

  --COLOR_TEXT_PRIMARY: #404040;
  --COLOR_TEXT_MENU_CONTENT: #9f9f9f;

  --COLOR_FILTER_GREY: #fafafa;
  --COLOR_CATEGORY_GREY: #f8f8f8;

  --COLOR_COMMUNITY_SEARCH_BACKGROUND: #f3f7ff;
  --COLOR_COMMUNITY_GREY: #f9f9f9;
  --COLOR_COMMUNITY_TAG_BG_NOTICE: #ffffff;
  --COLOR_COMMUNITY_TAG_BG_REVIEW: #f4eeff;
  --COLOR_COMMUNITY_TAG_BG_HOT_DEAL: #ffebdf;
  --COLOR_COMMUNITY_TAG_BG_FREE: #e7fbf0;
  --COLOR_COMMUNITY_TAG_HOT_DEAL: #be2020;
  --COLOR_COMMUNITY_TAG_REVIEW: #8220be;
  --COLOR_COMMUNITY_TAG_FREE: #208f67;

  --COLOR_BOX_SPACING_BOX_SHADOW: inset 0px 2px 2px rgba(0, 0, 0, 0.03);

  --COLOR_FLOAT_BUTTON_BOX_SHADOW: 0px 3px 10px rgba(99, 109, 170, 0.25);
}

body {
  font-family: "Noto Sans KR", sans-serif;
}

.open-drag {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.ns-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
}
.ns-title.pc {
  margin: 0 5px;
}
.ns-moreText-pc {
  font-size: 14px;
  font-weight: 700;
  color: rgb(97, 145, 255);
  margin-right: 8px;
}

.r-bar {
  width: 100%;
  max-width: 800px;
  height: 5px;
  background-color: #f5f5f5;
  margin-bottom: 30px;
}

.not_scroll {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.screen {
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9999;
  width: 100%;
  max-width: 800px;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
}

.popup {
  background: #fff;
  width: 90%;
  max-width: 600px;
  height: auto;
  border-radius: 20px;
  padding: 20px;
  box-sizing: border-box;
  top: 40%;
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* spec summary */
.scoring-rule-table-td {
  padding-left: 0px;
  padding-right: 5px;
  padding-top: 6px;
  padding-bottom: 6px;
  border: 0px !important;
}
.ns-bubble {
  width: 10px;
  height: 10px;
  overflow: hidden;
  border-radius: 5px;
  display: inline-block;
  margin-right: 1.5px;
  margin-left: 1.5px;
}

/* item summary */
.item-summary-image {
  width: 100%;
  height: auto;
  max-width: 500px;
  max-height: 500px;
  display: flex;
  margin: 0 auto;
}
.item-summary-album {
  width: 100%;
  height: auto;
  max-width: 500px;
  max-height: 500px;
  overflow: hidden;
  margin: 0 auto;
}
.item-summary-images {
  position: relative;
  display: flex;
  height: auto;
  transition: transform 0.5s;
}
.item-summary-image {
  width: 100%;
  height: auto;
  max-width: 500px;
  max-height: 500px;
}
.item-summary-image-circle-wrapper {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -18px);
}
.item-summary-image-circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid var(--COLOR_GREY_4);
  margin-right: 12px;
}
.item-summary-image-circle:last-child {
  margin-right: 0;
}
.item-summary-image-circle.activeImg {
  background-color: var(--COLOR_TEXT_PRIMARY);
}
.item-title-wrapper {
  display: grid;
  align-items: center;
  margin: 18px 0 12px 0;
}
.item-brand-text {
  color: var(--COLOR_TEXT_PRIMARY);
  font-size: 13px;
}
.item-brand-text.pc {
  font-size: 15px;
  font-weight: 400;
  line-height: 22.2px;
}
.item-name-text {
  color: var(--COLOR_TEXT_PRIMARY);
  font-size: 16px;
  font-weight: 500;
  margin: 5px 0 0 0;
}
.item-name-text.pc {
  font-size: 22px;
  font-weight: 700;
  line-height: 32.56px;
}
.item-share-button {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.item-review-rating {
  display: flex;
  align-items: center;
}
.item-review-link {
  display: flex;
  align-items: center;
  margin-left: 8px;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
}
.item-review-link-text {
  color: var(--COLOR_TEXT_PRIMARY);
  text-decoration: underline;
  font-weight: bold;
}
.item-review-link-text.pc {
  font-size: 13px;
  font-weight: 700;
  line-height: 19.24px;
}
.item-price-wrapper {
  margin-top: 16px;
}
.item-fixed-price-text {
  color: var(--COLOR_GREY_5);
  font-size: 13px;
  line-height: 18.82px;
  text-decoration: line-through;
}
.item-fixed-price-text.pc {
  font-size: 15px;
  line-height: 22.2px;
}
.item-discount-percentage-text {
  color: var(--COLOR_PICK_BEST);
  font-size: 22px;
  font-weight: bold;
  line-height: 26.64px;
  margin-right: 6px;
}
.item-discount-percentage-text.pc {
  font-size: 24px;
  line-height: 35.52px;
}
.item-price-text-num.pc {
  font-size: 30px;
  font-weight: 700;
  line-height: 44.4px;
}
.item-price-text {
  color: var(--COLOR_TEXT_PRIMARY);
  font-size: 22px;
  font-weight: bold;
  line-height: 31.86px;
}
.item-price-text.pc {
  font-size: 20px;
  line-height: 29.6px;
}
.item-price-member {
  color: #ff5c00;
  font-size: 16px;
  font-weight: 900;
  line-height: 23.68px;
  text-decoration: underline;
  display: flex;
  align-items: center;
}
.item-price-member.pc {
  font-size: 20px;
  line-height: 29.6px;
}
.item-summary-badge {
  padding: 6px 10px;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
}
.member-price-badge {
  background-color: #ff5c00;
  margin-right: 6px;
}
.specail-price-badge {
  background-color: #ff9900;
  margin-right: 6px;
}
.instant-discount-badge {
  background-color: #ba00d9;
}

/* item summary - star rating*/
.item-summary-star-rating {
  color: var(--COLOR_GREY_4);
  -webkit-text-fill-color: var(--COLOR_GREY_4);
  position: relative;
  width: max-content;
  font-size: 16px;
}
.item-summary-star-rating.pc {
  font-size: 17px;
}
.item-summary-star-rating-fill {
  color: var(--COLOR_YELLOW_1);
  -webkit-text-fill-color: var(--COLOR_YELLOW_1);
  padding: 0;
  overflow: hidden;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 16px;
}
.item-summary-star-rating-fill.pc {
  font-size: 17px;
}
.item-summary-star-rating-base {
  z-index: 0;
  padding: 0;
}

/* timedeal */
.timedeal_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 7px 0;
  background-color: #ffd3cc;
  color: var(--COLOR_TEXT_PRIMARY);
  font-size: 15px;
  font-weight: bold;
}

/* itemDetail */
.item-detail-images-wrapper {
  margin-top: 24px;
}
.item-detail-open-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--COLOR_BLUE_4);
  border: none;
  border-radius: 25px;
  width: 90%;
  max-width: 750px;
  height: 45px;
  position: absolute;
  bottom: 20;
  left: 50%;
  transform: translate(-50%, 0);
}
.item-detail-open-button-text {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  line-height: 23.68px;
  margin-right: 10px;
}
.item-detail-dim {
  position: absolute;
  width: 100%;
  height: 150px;
  bottom: 0;
  background: linear-gradient(0deg, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
}

/* timedealList */
.timedeal-item-image {
  width: 140px;
  height: 140px;
  border-radius: 10px;
  margin-right: 15px;
}
.timedeal-item-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.timedeal-item-brand {
  color: #707070;
  font-size: 13px;
  line-height: 19.24px;
  margin-bottom: 4px;
}
.timedeal-item-title {
  color: #404040;
  font-size: 14px;
  font-weight: 500;
  line-height: 20.72px;
}
.timedeal-item-price-info {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
}
.timedeal-item-percentage {
  color: #ff6861;
  font-size: 20px;
  font-weight: 700;
  line-height: 29.6px;
  margin-right: 10px;
}
.timedeal-item-price-num {
  color: #404040;
  font-size: 20px;
  font-weight: 700;
  line-height: 29.6px;
}
.timedeal-item-price-text {
  color: #404040;
  font-size: 14px;
  font-weight: 500;
  line-height: 20.72px;
}
.timedeal-item-price-member {
  color: #ff5c00;
  font-size: 16px;
  font-weight: 900;
  line-height: 23.68px;
  text-decoration: underline;
}
.timedeal-page-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 800px;
  height: 46px;
  color: #707070;
  background-color: #f5f6f9;
  border: none;
  border-radius: 23px;
  font-size: 15px;
  font-weight: 500;
  line-height: 22.2px;
  text-decoration: none;
  cursor: pointer;
}
.timedeal-list-timer-wrapper {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  padding: 4px 5px;
  background-color: #ff8a85;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  border-radius: 10px 0 10px 0;
}

/* bestItems */
.best-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 24px;
}
.best-item-image {
  width: 103px;
  height: 103px;
  border-radius: 10px;
  margin-bottom: 3px;
}
.best-item-image.pc {
  width: 250px;
  height: 250px;
  margin-bottom: 11px;
}
.best-item-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  text-decoration: none;
}
.best-item-wrapper.pc {
  margin: 0 5px;
}
.best-item-brand {
  color: #8a8a8a;
  font-size: 11px;
  line-height: 15.93px;
}
.best-item-brand.pc {
  font-size: 13px;
  line-height: 19.24px;
}
.best-item-title {
  color: #404040;
  font-size: 12px;
  font-weight: 500;
  line-height: 17.76px;
  max-width: 103px;
}
.best-item-title.pc {
  font-size: 14px;
  font-weight: 500;
  line-height: 20.72px;
  max-width: 250px;
  margin: 4px 0;
}
.best-item-price-info {
  margin-top: 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 103px;
}
.best-item-price-info.pc {
  max-width: 250px;
}
.best-item-percentage {
  color: #3e79ff;
  font-size: 13px;
  font-weight: 700;
  line-height: 19.24px;
  margin-right: 6px;
}
.best-item-percentage.pc {
  font-size: 20px;
  line-height: 29.6px;
}
.timedeal-item-percentage.pc {
  color: #ff6861;
  font-size: 20px;
  font-weight: 700;
  line-height: 29.6px;
  margin-right: 6px;
}
.best-item-price-num {
  color: #404040;
  font-size: 14px;
  font-weight: 700;
  line-height: 20.72px;
}
.best-item-price-num.pc {
  font-size: 20px;
  line-height: 29.6px;
}
.best-item-price-text {
  color: #404040;
  font-size: 12px;
  font-weight: 400;
  line-height: 17.76px;
}
.best-item-price-text.pc {
  font-size: 14px;
  line-height: 20.72px;
}
.best-item-price-member {
  color: #ff5c00;
  font-size: 11px;
  font-weight: 900;
  line-height: 17.76px;
  text-decoration: underline;
}
.best-item-price-member.pc {
  font-size: 16px;
  line-height: 23.68px;
}
.best-item-page-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 800px;
  height: 46px;
  margin: 10px 0 24px 0;
  color: #707070;
  background-color: #f5f6f9;
  border: none;
  border-radius: 23px;
  font-size: 15px;
  font-weight: 500;
  line-height: 22.2px;
  text-decoration: none;
  cursor: pointer;
}
.best-item-rank-box {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  border-radius: 10px 0;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.best-item-rank-box.pc {
  width: 35px;
  height: 35px;
  font-size: 18px;
}
.best-item-rank-box.rank1 {
  background: linear-gradient(213.02deg, #ffd72b 5.72%, #ffa51e 95.34%);
}
.best-item-rank-box.rank2 {
  background: linear-gradient(213.02deg, #bfccea 5.72%, #6e8ac0 95.34%);
}
.best-item-rank-box.rank3 {
  background: linear-gradient(213.02deg, #edac8c 5.72%, #ca6f4d 95.34%);
}
.best-item-pick-box {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.best-item-pick-box.pc {
  width: 55px;
  height: 55px;
}
.best-item-pick-box.best {
  background: url("https://nosearch.com/static/images/pick_best_rectangle.png")
    no-repeat;
  background-size: contain;
}
.best-item-pick-box.premium {
  background: url("https://nosearch.com/static/images/pick_premium_rectangle.png")
    no-repeat;
  background-size: contain;
}
.best-item-pick-box.plus {
  background: url("https://nosearch.com/static/images/pick_plus_rectangle.png")
    no-repeat;
  background-size: contain;
}
.best-item-pick-box.cost_effective {
  background: url("https://nosearch.com/static/images/pick_cost_effective_rectangle.png")
    no-repeat;
  background-size: contain;
}

/* review summary */
.review-summary-wrapper {
  border: 1px solid var(--COLOR_GREY_3);
  border-radius: 20px;
  padding: 10px 20px;
  margin: 20px 20px 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.review-summary-v-bar {
  width: 1px;
  height: 20vw;
  max-height: 80px;
  background-color: var(--COLOR_GREY_3);
  margin: 0 20px;
}
.review-summary-score-box {
  width: 100%;
  display: grid;
  grid-template-columns: 0.5fr, 1fr, 0.5fr;
  grid-template-rows: repeat(5, 20px);
  justify-content: center;
}
.review-summary-score-box.pc {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.review-summary-score-list {
  display: flex;
  align-items: center;
}
.review-summary-score-list.pc {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.review-summary-gauge-box {
  width: 65px;
  height: 5px;
  border: 1px solid var(--COLOR_GREY_3);
  border-radius: 5px;
  margin: 0 10px;
  position: relative;
}
.review-summary-gauge-box.pc {
  width: 5px;
  height: 65px;
  margin: 3px 18px;
}
.review-summary-gauge {
  border: 1px solid var(--COLOR_GREY_3);
  border-radius: 5px;
  position: absolute;
  left: 0;
  box-sizing: border-box;
}
.review-summary-gauge.mobile {
  height: 5px;
  top: 0;
}
.review-summary-gauge.pc {
  width: 5px;
  bottom: 0;
}
/* review star rating */
.review-summary-star-rating-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.review-summary-star-rating {
  color: var(--COLOR_GREY_4);
  -webkit-text-fill-color: var(--COLOR_GREY_4);
  position: relative;
  width: max-content;
  font-size: 16px;
}
.review-summary-star-rating-fill-review {
  color: var(--COLOR_BLUE_5);
  -webkit-text-fill-color: var(--COLOR_BLUE_5);
  padding: 0;
  overflow: hidden;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.review-summary-star-rating-base-review {
  z-index: 0;
  padding: 0;
}
.review-summary-star-rating-text-wrapper {
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.review-summary-star-rating-text {
  color: var(--COLOR_TEXT_PRIMARY);
  font-size: 18px;
  font-weight: bold;
}
.review-summary-star-rating-base-text {
  margin-left: 5px;
  color: var(--COLOR_GREY_5);
  font-size: 15px;
}

/* AI review analysis */
/* AI review analysis - page */
.review-analysis-sub-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  line-height: 17.38px;
  color: var(--COLOR_GREY_6);
  margin: 10px 0 24px 0;
}
.review-analysis-filtering-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 10px;
}
.review-analysis-filter-button {
  display: flex;
  align-items: center;
}
.review-analysis-filter-button input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--COLOR_GREY_4);
  border-radius: 50%;
  width: 16px;
  height: 16px;
}
.review-analysis-filter-button input[type="radio"]:checked {
  background: var(--COLOR_APP_ICON);
}
.review-analysis-filter-button input[type="radio"] + label {
  color: var(--COLOR_TEXT_PRIMARY);
  font-size: 15px;
  font-weight: 400;
  line-height: 20.72px;
  margin-left: 5px;
  margin-top: 5px;
}
.review-analysis-filter-button input[type="radio"]:checked + label {
  color: var(--COLOR_APP_ICON);
  font-weight: bold;
}
.review-analysis-more-button {
  width: 90%;
  max-width: 600px;
  height: 45px;
  background-color: var(--COLOR_BLUE_4);
  border-radius: 25px;
  font-size: 16px;
  font-weight: bold;
  line-height: 23.68px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-bottom: 60px;
}

/* AI review analysis - summary */
.review-analysis-summary-wrapper {
  width: 90%;
  max-width: 600px;
  border: 1px solid var(--COLOR_GREY_3);
  border-radius: 16px;
  background: rgba(245, 245, 245, 0.4);
  margin: 0 auto;
}
.review-analysis-summary-gauges-wrapper {
  border-bottom: 1px solid var(--COLOR_GREY_3);
  margin: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.review-analysis-summary-gauge-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.review-analysis-summary-icon {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.review-analysis-summary-text {
  font-size: 11px;
  font-weight: bold;
  line-height: 16.28px;
}
.review-analysis-summary-review-count {
  color: var(--COLOR_TEXT_PRIMARY);
  font-size: 13px;
  font-weight: bold;
  line-height: 19.24px;
}
.review-analysis-summary-gauge-box {
  width: 140px;
  height: 5px;
  background-color: var(--COLOR_GREY_3);
  border-radius: 5px;
  margin: 0 10px;
  position: relative;
}
.review-analysis-summary-gauge {
  height: 5px;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.review-analysis-summary-h3-text {
  color: var(--COLOR_TEXT_PRIMARY);
  font-size: 18px;
  font-weight: bold;
  line-height: 26.64px;
  margin: 2px 0 0 0;
}
.review-analysis-summary-span-text {
  color: var(--COLOR_GREY_6);
  font-size: 13px;
  line-height: 19.24px;
}

/* AI review analysis - box */
.review-analysis-box-wrapper {
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 15px;
}
.review-analysis-box-info-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  padding: 0 5px;
}
.review-analysis-box-tag-wrapper {
  display: flex;
  align-items: center;
}
.review-analysis-box-tag-title {
  font-size: 12px;
  font-weight: bold;
  line-height: 16.28px;
}
.review-analysis-box-tag-date {
  color: var(--COLOR_GREY_5_5);
  font-size: 11px;
  line-height: 16.28px;
}
.review-analysis-box-text {
  color: var(--COLOR_TEXT_PRIMARY);
  font-size: 13px;
  line-height: 19.24px;
  margin: 0;
  padding-top: 10px;
}

/* spec iframe */
.spec-iframe-open {
  display: flex;
  flex-direction: column;
  overflow: visible;
  height: auto;
}
.spec-iframe-close {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 600px;
}
.spec-iframe-open-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--COLOR_BLUE_4);
  border: none;
  border-radius: 25px;
  width: 90%;
  max-width: 750px;
  height: 45px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.spec-iframe-open-button-img-clicked {
  width: 15px;
  max-width: 15px;
  height: 9px;
}
.spec-iframe-open-button-img {
  width: 15px;
  max-width: 15px;
  height: 9px;
  transform: rotate(180deg);
}
.spec-iframe-open-button-text {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  line-height: 23.68px;
  margin-right: 10px;
}
.spec-iframe-dim {
  position: absolute;
  width: 100%;
  height: 150px;
  bottom: 0;
  background: linear-gradient(0deg, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
}

/* skeleton for iframe */
@keyframes sweep {
  0% {
    transform: translateX(-100%);
  }

  50% {
    transform: translateX(150%);
  }

  100% {
    transform: translateX(-100%);
  }
}

.skeleton-wrapper {
  position: relative;
  overflow: hidden;
  height: 1000px;
  margin: 20px 0;
  padding: 0 20px;
}
.skeleton-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  animation: sweep 2s infinite;
  background-image: linear-gradient(
    to left,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
}

.skeleton-iframe {
  height: 1000px;
  width: 100%;
  max-width: 800px;
  border-radius: 10px;
  background-color: var(--COLOR_GREY_3);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.skeleton-contents-box {
  background-color: var(--COLOR_GREY_1);
  width: 80%;
  height: 10px;
  margin: 5px 0;
}
.skeleton-video-box {
  background-color: var(--COLOR_GREY_1);
  width: 80%;
  height: 300px;
  margin: 20px 0;
}

/* skeleton img for itemSummary*/
.skeleton-img-wrapper {
  position: relative;
  overflow: hidden;
  margin: 20px 0;
}
.skeleton-img-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  animation: sweep 2s infinite;
  background-image: linear-gradient(
    to left,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
}

.skeleton-img {
  width: 100%;
  max-width: 500px;
  max-height: 500px;
  border-radius: 10px;
  background-color: var(--COLOR_GREY_3);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}

/* order 주문 */
.order-grid {
  display: grid;
  grid-template-columns: 70px auto;
}

.order-section {
  margin: 16px 20px 24px 20px;
}

.order-title-text {
  font-size: 18px;
  font-weight: 700;
  line-height: 26.64px;
  color: var(--COLOR_TEXT_PRIMARY);
  margin: 0;
  margin-bottom: 18px;
}

.order-blue-text {
  font-size: 13px;
  font-weight: 500;
  line-height: 19.24px;
  color: var(--COLOR_BLUE_5);
}

.order-warning-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 19.24px;
  color: var(--COLOR_RED);
  margin: 5px;
}

.order-basic-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.72px;
}

.order-input-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
}

.order-input-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.72px;
  color: var(--COLOR_TEXT_PRIMARY);
  width: 60px;
  margin-top: 10px;
  white-space: nowrap;
}

.order-input-form {
  border: 1px solid var(--COLOR_GREY_3);
  border-radius: 5px;
  width: 100%;
  height: auto;
  min-height: 41px;
  padding: 10px 16px;
  box-sizing: border-box;
}
.order-input-form::placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.72px;
  color: var(--COLOR_GREY_5);
}

.order-input-select {
  border: 1px solid var(--COLOR_GREY_3);
  border-radius: 5px;
  width: 100%;
  height: 41px;
  padding: 10px 16px;
  box-sizing: border-box;
}
.order-input-select::placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.72px;
  color: var(--COLOR_GREY_5);
}

.order-select * {
  box-sizing: border-box;
}
.order-select {
  position: relative;
  width: 100%;
  min-width: 70px;
  height: 41px;
  border-radius: 5px;
  border: 1px solid var(--COLOR_GREY_3);
  background: url("https://nosearch.com/static/images/arrow_down.png")
    calc(100% - 10px) center no-repeat;
  background-size: 15px;
  cursor: pointer;
}

.order-select.active {
  border: 1px solid var(--COLOR_BLUE_4);
}

.order-select .order-select-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20.72px;
  display: flex;
  align-items: center;
  width: inherit;
  height: inherit;
  border: 0 none;
  outline: 0 none;
  padding-left: 15px;
  background: transparent;
  cursor: pointer;
}

.order-select .order-select-option-list {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  max-height: 0;
  color: var(--COLOR_TEXT_PRIMARY);
  list-style-type: none;
  padding: 0;
  border-radius: 5px;
  overflow: hidden;
}

.order-select.active .order-select-option-list {
  max-height: 500px;
  border: 1px solid var(--COLOR_GREY_3);
  border-top: none;
  border-radius: 0 0 10px 10px;
}

.order-select .order-select-option-item {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.72px;
  border-bottom: 1px solid var(--COLOR_GREY_3);
  padding: 10px 15px;
}

.order-select .order-select-option-item:hover {
  color: var(--COLOR_BLUE_4);
}

.order-select .order-select-option-item:last-child {
  border-bottom: 0 none;
}

.order-address-button {
  width: 150px;
  height: 41px;
  box-sizing: border-box;
  padding: 10px 16px;
  margin-right: 10px;
  border: 1px solid var(--COLOR_PICK_BEST);
  border-radius: 5px;
  color: var(--COLOR_PICK_BEST);
  background-color: transparent;
  font-size: 14px;
  font-weight: 700;
  line-height: 20.72px;
}

.order-search-address-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  border: 1px solid;
  width: 100%;
  height: 100vh;
  z-index: 10;
  padding-top: 10px;
  background-color: #ececec;
}

.order-search-address-close-img {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: -1px;
  z-index: 1;
}

.order-checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  margin-top: 12px;
}

.order-checkbox input[type="checkbox"] {
  display: none;
}
.order-checkbox label {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  margin-top: 8px;
}
.order-checkbox input[type="checkbox"] + label .order-checkbox-img {
  background: url(https://d21x3meyyr2jva.cloudfront.net/godo/ns-checkbox-off.png)
    no-repeat;
  background-size: 20px;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.order-checkbox input[type="checkbox"]:checked + label .order-checkbox-img {
  background: url(https://d21x3meyyr2jva.cloudfront.net/godo/ns-checkbox-on.png)
    no-repeat;
  background-size: 20px;
}
.order-checkbox.error input[type="checkbox"] + label .order-checkbox-img {
  background: url(https://d21x3meyyr2jva.cloudfront.net/godo/ns-checkbox-error.png)
    no-repeat;
  background-size: 20px;
}

.order-pay-button {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 800px;
  height: 60px;
  background-color: var(--COLOR_BLUE_5);
  cursor: pointer;
}

.order-pay-button-text {
  font-size: 18px;
  font-weight: 700;
  line-height: 26.64px;
  color: #ffffff;
}

/* order point */
.order-point-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 18px;
}
.order-point-h1 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26.64px;
  color: var(--COLOR_TEXT_PRIMARY);
  margin: 0;
}
.order-point-text {
  font-size: 13px;
  font-weight: 500;
  line-height: 19.24px;
  color: var(--COLOR_TEXT_PRIMARY);
}
.order-point-span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.72px;
  color: var(--COLOR_TEXT_PRIMARY);
}
.order-point-input-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order-point-input {
  border: 1px solid var(--COLOR_GREY_3);
  border-radius: 5px;
  width: 90%;
  height: 41px;
  padding: 10px 16px;
  box-sizing: border-box;
}

/* order price */
.order-price-info-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px 0;
}

.order-price-info-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.72px;
  color: var(--COLOR_TEXT_PRIMARY);
}

.order-price-info-text {
  font-size: 15px;
  font-weight: 700;
  line-height: 22.2px;
  color: var(--COLOR_TEXT_PRIMARY);
}

.order-price-text {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 29.6px;
  color: var(--COLOR_PICK_BEST);
}

.order-price-text2 {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 26.64px;
  color: var(--COLOR_TEXT_PRIMARY);
}

/* order item */
.order-item-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--COLOR_GREY_6);
}
.order-item-main {
  display: grid;
  grid-template-columns: 90px auto;
  margin-top: 12px;
  text-decoration: none;
  cursor: pointer;
}
.order-item-main-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.order-item-brand {
  font-size: 15px;
  font-weight: 500;
  line-height: 22.2px;
  color: var(--COLOR_TEXT_PRIMARY);
  margin: 0;
  margin-bottom: 4px;
}
.order-item-main-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 20.72px;
  color: var(--COLOR_TEXT_PRIMARY);
  margin: 0;
}
.order-item-sub-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 19.24px;
  color: var(--COLOR_GREY_6);
}
.order-item-count {
  font-size: 13px;
  font-weight: 500;
  line-height: 19.24px;
  color: var(--COLOR_GREY_5);
}
.order-item-delivery-info {
  font-size: 12px;
  font-weight: 400;
  line-height: 17.76px;
  color: var(--COLOR_GREY_5_5);
}
.order-item-img {
  width: 75px;
  height: 75px;
  border-radius: 10px;
}
.order-item-v-bar {
  width: 1px;
  height: 10px;
  background-color: var(--COLOR_GREY_3);
  margin: 0 10px;
}

/* order payment type */
.order-payment-type-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
  margin-top: 10px;
}
.order-payment-type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75px;
  border: 1px solid var(--COLOR_GREY_3);
  border-radius: 10px;
  padding: 20px 10px;
  background-color: transparent;
}
.order-payment-type.selected {
  border: 1px solid var(--COLOR_PICK_BEST);
}
.order-payment-type.receipt {
  height: 45px;
}
.order-payment-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.72px;
  color: var(--COLOR_TEXT_PRIMARY);
}
.order-payment-text.selected {
  font-weight: 700;
  color: var(--COLOR_PICK_BEST);
}
.order-payment-notice {
  background-color: var(--COLOR_BLUEGREY_1);
  width: 100%;
  padding: 16px;
  margin-top: 18px;
  box-sizing: border-box;
  border-radius: 10px;

  color: var(--COLOR_TEXT_PRIMARY);
  font-size: 13px;
  font-weight: 700;
  line-height: 19.24px;
}
.order-payment-bank-text {
  color: var(--COLOR_TEXT_PRIMARY);
  font-size: 14px;
  font-weight: 700;
  line-height: 20.72px;
}

.order-payment-input-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}

/* order term */
.order-term-text {
  font-size: 16px;
  font-weight: 700;
  line-height: 23.68px;
  color: var(--COLOR_TEXT_PRIMARY);
  margin-right: 5px;
}
.order-term-span {
  font-size: 13px;
  font-weight: 700;
  line-height: 19.24px;
  color: var(--COLOR_RED);
}
.order-term-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.72px;
  color: var(--COLOR_GREY_5_5);
  border: none;
  background-color: transparent;
  text-decoration: underline;
  margin: 5px 0 0 30px;
}

.order-term-contents {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  margin-top: 20px;
  background-color: #ffffff;
  border: 1px solid var(--COLOR_GREY_4);
  border-radius: 20px;
  box-sizing: border-box;
}
.order-term-contents-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 23.68px;
  color: var(--COLOR_TEXT_PRIMARY);
}
.order-term-contents-ul {
  font-size: 14px;
  font-weight: 400;
  line-height: 20.72px;
  color: var(--COLOR_GREY_6);
  margin: 0;
  padding: 0;
}
.order-term-contents-ul li {
  list-style: none;
}

/* order delivery */
#order-popup-screen.open {
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9999;
  width: 100%;
  max-width: 800px;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
}

.order-popup-box {
  background: #fff;
  width: 100%;
  max-width: 800px;
  height: 60%;
  border-radius: 20px 20px 0 0;
  box-sizing: border-box;
  transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
  top: 100%;
  position: fixed;
}

#order-popup-screen.open .order-popup-box {
  top: 40%;
}

.order-popup-header {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 24px;
  box-sizing: border-box;
}

.delivery-button {
  width: 60px;
  background-color: white;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 10px;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 400;
  line-height: 19.24px;
  color: #404040;
}
.delivery-button.select {
  width: 80px;
  background-color: #3e79ff;
  border: none;
  font-weight: 700;
  line-height: 19.24px;
  color: #ffffff;
}
.delivery-add-button {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 80%;
  padding: 10px;
  box-sizing: border-box;
  background-color: white;
  border: 1px solid #3e79ff;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  line-height: 23.68px;
  color: #404040;
  z-index: 3;
}

/* order success page */
.order-success-wrapper {
  width: 100%;
  max-width: 800px;
  height: 90vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.order-success-h1 {
  font-size: 20px;
  font-weight: 700;
  line-height: 29.6px;
  color: var(--COLOR_TEXT_PRIMARY);
  margin: 0;
  margin-bottom: 18px;
  text-align: center;
}
.order-success-h3 {
  font-size: 15px;
  font-weight: 400;
  line-height: 22.2px;
  color: var(--COLOR_TEXT_PRIMARY);
  text-align: center;
}
.order-success-btns {
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 100px;
}
.order-success-btn {
  background-color: transparent;
  border: none;
  border-radius: 25px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20.72px;
  width: 155px;
  height: 48px;
}
.order-success-btn.detail {
  border: 1px solid var(--COLOR_BLUE_5);
  color: var(--COLOR_TEXT_PRIMARY);
  margin-right: 17px;
}
.order-success-btn.shopping {
  background-color: var(--COLOR_BLUE_5);
  color: #ffffff;
}

/* exhibition */
.exhibition_iframe_wrapper.mobile {
  display: flex;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.exhibition_iframe_wrapper.mobile::-webkit-scrollbar {
  display: none;
}

.exhibition_iframe_wrapper.pc {
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  box-sizing: border-box;
  display: flex;
  position: relative;
  margin-bottom: 24px;
  padding: 0 10px 0 15px;
  max-width: 800px;
  overflow: hidden;
}
.exhibition-wrapper {
  text-decoration: none;
  width: 75vw;
  max-width: 500px;
  margin-right: 15px;
}
.exhibition-wrapper.pc {
  max-width: 380px;
}
.exhibition-wrapper.pc.one {
  max-width: 600px;
}
.exhibition-img {
  width: 75vw;
  max-width: 500px;
  height: auto;
  border-radius: 10px;
}
.exhibition-img.pc {
  width: 380px;
}
.exhibition-img.pc.one {
  width: 600px;
}
.exhibition-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.exhibition-title {
  font-size: 15px;
  font-weight: bold;
  line-height: 22.2px;
  color: #404040;
  word-break: break-word;
}
.exhibition-duration {
  font-size: 13px;
  font-weight: 400;
  line-height: 19.24px;
  color: #8a8a8a;
  margin-top: 3px;
}
.exhibition-btn {
  width: 36px;
  height: 36px;
  border: 1px solid var(--COLOR_GREY_4);
  border-radius: 50%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 25%;
  cursor: pointer;
}
.exhibition-btn.next {
  right: 0px;
}
.exhibition-btn.previous {
  transform: rotate(180deg);
  left: 0px;
}

/* NosearchDeal */
.nsDeal-items-wrapper {
  display: flex;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.nsDeal-items-wrapper::-webkit-scrollbar {
  display: none;
}

.nsDeal-item-wrapper {
  width: 100%;
  max-width: 800px;
  text-decoration: none;
  color: inherit;
}

.nsDealTimer_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px 5px;
  background-color: #404040;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}
.nsDealTimer_wrapper.timesUp {
  background-color: #ff8f9d;
}

.nsDeal-bar {
  width: 100%;
  max-width: 800px;
  height: 1px;
  background-color: #e5e5e5;
}

.nsDeal-item-title {
  font-size: 20px;
  font-weight: 700;
  color: #404040;
  text-decoration: underline;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nsDeal-item-title.pc {
  width: 360px;
}

.nsDeal-item-name {
  font-size: 16px;
  font-weight: 700;
  color: rgb(62, 121, 255);
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nsDeal-item-name.pc {
  width: 360px;
}
.nsDeal-item-name.soldOut {
  color: #949494;
}

.nsDeal-item-price-info {
  width: 100%;
  max-width: 800px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nsDeal-item-label {
  background-color: #ff5c00;
  color: white;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
}

.nsDeal-item-fixedPrice {
  font-size: 11px;
  color: #8a8a8a;
  text-decoration: line-through;
}
.nsDeal-item-fixedPrice.soldOut {
  color: #949494;
}

.nsDeal-item-price {
  font-size: 20px;
  font-weight: 700;
  color: #404040;
  margin-left: 6px;
}
.nsDeal-item-price.soldOut {
  color: #949494;
}

.nsDeal-item-specialPrice {
  font-size: 13px;
  font-weight: 900;
  color: #ff5c00;
  text-decoration: underline;
}
.nsDeal-item-specialPrice.soldOut {
  color: #949494;
}

.nsDeal-items-wrapper-pc {
  width: 100%;
  max-width: 800px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  margin-top: 20px;
}

.nsDeal-item-wrapper.pc {
  background-color: rgb(247, 247, 247);
  padding: 10px;
  box-sizing: border-box;
}

.nsDeal-btn {
  width: 36px;
  height: 36px;
  border: 1px solid var(--COLOR_GREY_4);
  border-radius: 50%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 40%;
  cursor: pointer;
}
.nsDeal-btn.next {
  right: 0px;
}
.nsDeal-btn.previous {
  transform: rotate(180deg);
  left: 0px;
}

/* reviewtem */
.nsDeal-item-label.specialPrice {
  background-color: rgb(255, 153, 0);
}
.nsDeal-item-label.instantDiscountLabel {
  background-color: rgb(186, 0, 217);
}
.nsDeal-item-label.soldOut {
  background-color: #949494;
}