body {
  overflow-x: hidden;
}

html {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

.common-wrap {
  min-width: initial;
}

.write-guide-box {
  position: relative;
}

.modal-wrap .dim {
  left: initial;
}

.review-wirte-wrap .tag-wrap .tag-item .swipe-wrap {
  width: 100%;
}

.product-box .jp-review-box .review-detail .progress-bar {
  padding-left: 0;
}

@media (min-width: 500px) {
  .common-wrap {
    max-width: 500px;
    min-width: 375px;
    margin: 0 auto;
  }
}

.main-magazine li {
  overflow: hidden;
}

.mypage-box .my-experience-form .form-box .btn-copy {
  color: #fff;
}

.review-product-search .search-input-container {
  left: initial;
}

.review-product-search .search-bottom {
  left: initial;
}

.modal-wrap
  .content.product-change.template
  .template-area
  .group-item.options {
  display: none;
}

.modal-wrap .modal-inner {
  left: initial;
}

.modal-wrap {
  /* max-width: 500px;
              left: initial; */
  display: flex;
  justify-content: center;
}

.modal-wrap .modal-inner {
  left: initial;

  max-width: 500px;
}

.modal-wrap .review-wirte-wrap.mission {
  margin-bottom: 60px;
}

.modal-error {
  flex-basis: 100%;
}

.valid-modals {
  flex-wrap: wrap;
}

.review-wirte-wrap .upload-img-wrap {
  overflow: visible;
}

.review-wirte-wrap .upload-img-wrap .swipe-wrap {
  gap: 8px;
  width: auto;
}

.item-unregistered-wrap select {
  height: 50px;
  margin-bottom: 6px;
  font-size: 15px;
}

.item-unregistered-wrap > div:nth-child(2) {
  height: 40px;
}

.item-unregistered-wrap > div:nth-child(2) select {
  height: 46px;
}

.review-product-search .search-input-container {
  width: 100%;
  max-width: 500px;
  padding: 6px 16px 12px 16px;
  margin: 0;
  z-index: 10000;
}

.review-product-search .search-main {
  min-height: calc(100% - 179px);
}

.review-product-search .search-bottom {
  max-width: 500px;
  height: 50px;
}

.review-product-search .search-bottom button {
  padding: 16px 0;
  font-size: 13px;
}

.review-product-search .search-list {
  padding-top: 60px;
  padding-bottom: 45px;
}

.review-img {
  height: auto;
}

.review-content .floating-footer,
.review-content .floating-footer button {
  max-width: 500px;
}

@media (max-width: 499px) {
  .modal-wrap,
  .review-product-search .search-input-container,
  .review-product-search .search-bottom,
  .review-content .floating-footer,
  .review-content .floating-footer button {
    max-width: none;
    width: 100%;
  }
}

.content-submit .submit-box button {
  top: 15px;
  bottom: initial;
}

.review-product-search .search-list ul {
  place-content: inherit;
}

.review-product-search .search-list ul {
  gap: 6px;
}

.review-product-search .search-list ul li {
  padding-right: 0px;
}

.content-highlight {
  color: #ff43ca;
  font-size: inherit;
}

.product-box .kr-review-box .content ul {
  min-height: 90px;
  align-items: center;
}

.review-wirte-wrap .upload-img-wrap .swipe-wrap {
  overflow: scroll;
}

.review-list-box .product-review-list .review-info-box .star-box {
  margin-top: 0 !important;
}

.review-list-box .product-review-list .review-info-box .star-box .star2 {
  padding: 0 !important;
  width: 18px;
  height: 18px;
}

.review-list-box
  .product-review-list
  .review-info-box
  .star-box
  .star2
  .star2-rating-foreground {
  height: 18px;
  background-size: 18px 18px;
}

.review-list-box
  .product-review-list
  .review-info-box
  .star-box
  .star2
  .star2-rating-background {
  height: 18px;
  width: 18px;
  background-size: 18px 18px;
}

.review-list-box .product-review-list .review-info-box .date {
  font-size: 12px !important;
  font-weight: 500;
}

.review-list-box .product-review-list li .thumb {
  overflow: scroll;
}

.review-list-box .my-review-list li .thumb {
  overflow: scroll;
}

.review-list-box .my-review-list li p.title {
  white-space: nowrap;
}

.review-list-box .my-review-list li .product div.info {
  overflow: hidden;
}

.review-list-box .my-review-list li .product p.name {
  white-space: nowrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.product-box .jp-review-box .review-detail {
  margin-top: 28px;
}

.review-list-box .product-review-list .review-info-box .star-box,
.review-list-box .my-review-list .review-info-box .star-box,
.detail-box .star-box {
  margin-top: -5px;
}

.star2-rating {
  display: flex;
}

.star2 {
  position: relative;
  width: 20px;
  height: 20px;
  padding: 2px;
}

.star2-rating-background {
  position: absolute;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-image: url("../images/icon-star-off.png");
}

.star2-rating-foreground {
  z-index: 10;
  position: absolute;
  height: 20px;
  background-size: 20px 20px;
  background-image: url("../images/icon-star-on.png");
}

.star2-mini .star2-rating-background {
  width: 16px;
}

.star2-mini .star2-rating-background,
.star2-mini .star2-rating-foreground {
  height: 16px;
  background-size: 16px 16px;
}

.star2-mini .star2 {
  position: relative;
  width: 16px;
  height: 16px;
  padding: 2px;
}

.review-list-box .product-info-box dl.flex {
  display: flex;
  justify-content: space-between;
}

.review-list-box .product-info-box dl {
  padding: 20px 0;
  border-bottom: 1px solid #ebf0fb;
}

.review-list-box .product-info-box dl.flex dt {
  margin-bottom: 0;
}

.review-list-box .product-info-box dt,
.review-list-box .product-info-box dd {
  line-height: 18px;
}

.review-list-box .product-info-box dt {
  font-weight: 700;
  margin-bottom: 10px;
}

.review-list-box .product-info-box dd {
  color: #aeb2b9;
}

.review-list-box .product-info-box dt,
.review-list-box .product-info-box dd {
  line-height: 18px;
}

.review-list-box .product-info-box {
  padding: 0 20px;
  background-color: #fff;
}

.progress-list .progress .progress-bar::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 8px;
}

.progress-list .progress .progress-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: 100%;
  border-radius: 8px;
}

.product-box .jp-review-box .review-detail .progress-bar:after {
  background: linear-gradient(
      0deg,
      rgba(255, 67, 202, 0.45) 0%,
      rgba(255, 67, 202, 0.45) 100%
    ),
    #fff;
}

.product-box .jp-review-box .review-detail .progress-bar.trans-20::after {
  background: linear-gradient(
      0deg,
      rgba(255, 67, 202, 0.2) 0%,
      rgba(255, 67, 202, 0.2) 100%
    ),
    #fff;
}

.product-box .jp-review-box .review-detail .progress-bar.trans-10::after {
  background: linear-gradient(
      0deg,
      rgba(255, 67, 202, 0.1) 0%,
      rgba(255, 67, 202, 0.1) 100%
    ),
    #fff;
}

.product-box .jp-review-box .review-detail .progress-bar.trans-7::after {
  background: linear-gradient(
      0deg,
      rgba(255, 67, 202, 0.07) 0%,
      rgba(255, 67, 202, 0.07) 100%
    ),
    #fff;
}

.product-box .jp-review-box .review-detail .progress-bar.trans-6::after {
  background: linear-gradient(
      0deg,
      rgba(255, 67, 202, 0.06) 0%,
      rgba(255, 67, 202, 0.06) 100%
    ),
    #fff;
}

.product-box .jp-review-box .review-detail .progress-text {
  flex-direction: row;
  justify-content: flex-start;
  padding-left: 10px;
  align-items: center;
  border-radius: 8px;
  /* background: linear-gradient(0deg, rgba(255, 67, 202, 0.45) 0%, rgba(255, 67, 202, 0.45) 100%), #fff; */
  color: #373839;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: -0.24px;
}

#review-filter-modal .footer button {
  height: 52px;
  width: calc(100% - 32px);
  margin: 8px 16px 12px;
  padding: 14px 20px;
  border-radius: 8px;
  background-color: #000;
  color: white;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
}

#review-filter-modal .footer {
  background-color: #fff;
}

#review-filter-modal .product-popup {
  padding: 12px 16px;
  background-color: #fff;
  max-height: 500px;
  overflow-y: auto;
}

#review-filter-modal .product-popup .filter-wrap .btn {
  border-color: #eceef2;
}

.product-popup .form-box .form-title {
  margin-bottom: 12px;
  color: #222;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.26px;
}

.product-popup .form-box .form-item button {
  padding: 8px 14px;
  height: 32px;
  border-radius: 100px;
  border: 1px solid #eceef2;
  font-size: 12px;
  font-weight: 700;
  color: #929498;
  line-height: 1;
  letter-spacing: -0.24px;
}

.popup-dim-wrap {
  z-index: 1000001;
  top: initial;
  bottom: 0;
}

#review-filter-modal .popup-content-wrap .popup-header button {
  width: 88px;
  top: 18px;
  right: 18px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.26px;
  white-space: nowrap;
  position: initial;
  color: #222;
  line-height: 26px;
}

#review-filter-modal .popup-content-wrap .popup-header button.off {
  color: #dbdcdf;
}

#review-filter-modal .popup-content-wrap .popup-header button.on {
  color: #222;
}

.popup-dim-wrap .popup-content-wrap .popup-header button {
  position: absolute;
  top: 22px;
  right: 20px;
  width: 15px;
}

#review-filter-modal .popup-content-wrap .popup-header img {
  width: 22px;
  height: 22px;
  vertical-align: middle;
  margin-top: -1px;
}

#review-filter-modal .popup-content-wrap .popup-header {
  padding: 16px 16px 18px;
  height: 60px;
  line-height: 1.42;
  text-align: left;
  border-bottom: none;
  border-radius: 24px 24px 0 0;
  font-size: 18px;
  color: #000;
}

.filter-wrap > .btn-check + .btn {
  min-height: 32px;
  position: relative;
  /* padding: 6px 12px 6px 33px; */
  flex-shrink: 0;
}

.filter-wrap > label {
  padding: 6px 16px;
  color: #929498;
  border-color: #dbdcdf;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.24px;
}

.filter-wrap > .btn-check:checked + .btn {
  color: #ff43ca;
  border-color: #ff43ca !important;
  background-color: #ff43ca1a;
}

.review-list-box .product-review-list li .thumb {
  margin-right: 16px;
}

.review-list-box .review-summary {
  display: flex;
  align-items: end;
  margin-bottom: 14px !important;
}

.product-page-wrap .review-list-box {
  display: flex;
  justify-content: space-between;
}

.product-page-wrap .review-list-box .review-filter .filter-wrap {
  margin-left: 16px;
  display: flex;
  overflow: hidden;
  align-items: center;
  margin-bottom: 14px;
}

.product-review-list {
  width: 100%;
}

.review-detail-content .swiper-container {
  position: relative;
}

.review-detail-content .swiper-pagination-wrap {
  position: absolute;
  bottom: 10px;
  width: 100%;
  display: flex;
  justify-content: center;
  xmargin: 5px 0 30px 0;
  z-index: 9998;
}

.review-detail-content .swiper-pagination-inner {
  padding: 3px 5px;
  width: auto !important;
  font-size: 11px;
}

.swiper-pagination-inner .swiper-pagination-current,
.swiper-pagination-inner .swiper-pagination-total {
  color: white;
  vertical-align: top;
}

.review-detail-content .swiper-container .review-img {
  margin-bottom: 0;
}

.review-detail-content .detail-box .grade .star-box {
  margin-top: 0 !important;
}

.review-detail-content .detail-box .grade .star-box .star2 {
  width: 18px;
  height: 18px;
  padding: 0;
}

.review-detail-content
  .detail-box
  .grade
  .star-box
  .star2
  .star2-rating-foreground {
  height: 18px;
  background-size: 18px 18px;
}

.review-detail-content
  .detail-box
  .grade
  .star-box
  .star2
  .star2-rating-background {
  height: 18px;
  width: 18px;
  background-size: 18px 18px;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  opacity: 0.6;
  background-color: #f1f2f6;
  border-radius: 50%;
  margin: 0 4px;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #ff42ca;
  /* �쒖꽦�붾맂 dot �됱긽 */
}

.detail-box {
  margin-top: 20px;
}

.reaction-box button {
  width: 68px;
}

.review-wirte-wrap .sns-info p::before {
  position: absolute;
  left: 0;
  top: 10px;
  /* �섏쭅 以묒븰 �뺣젹�� �꾪빐 蹂�寃� */
  transform: translateY(-50%);
  /* �섏쭅 以묒븰 �뺣젹�� �꾪빐 異붽� */
  display: block;
  width: 3px;
  /* �먯쓽 �ш린瑜� 議곗젅 */
  height: 3px;
  /* �먯쓽 �ш린瑜� 議곗젅 */
  background: #68696b;
  content: "";
  border-radius: 50%;
  /* �먰삎 紐⑥뼇�� 留뚮뱾湲� �꾪빐 異붽� */
}

.review-desc-wrapper .desc ul li {
  position: relative;
  padding-left: 11px;
}

.review-desc-wrapper .desc ul li::before {
  position: absolute;
  left: 0;
  top: 11px;
  transform: translateY(-50%);
  display: block;
  width: 3px;
  height: 3px;
  background: #68696b;
  content: "";
  border-radius: 50%;
}

.mypage-content .review-list-box {
  padding-bottom: 10px;
}

.review-list-box .product-review-list .review-info-box .label {
  font-weight: normal;
}

.review-list-box .product-review-list .review-info-box .label.event,
.review-list-box .product-review-list .review-info-box .label.raffle {
  color: white;
  background: black;
}

.detail-box .label {
  font-weight: normal !important;
}

.detail-box .label.event,
.detail-box .label.raffle {
  color: white;
  background: black;
}

.detail-box .label.order {
  color: white;
  background-color: #ff7bda;
}

.review-detail-popup .popup-content .send-comment-wrap2 .camera {
  padding: 8px;
}

.review-detail-popup .popup-content .send-comment-wrap2 .camera img {
  width: 32px;
  height: 32px;
}

.comment-txt p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-height: 1.5em;
  /* Adjust this value based on your font size and line height */
  word-wrap: break-word;
  white-space: normal;
}

.char-count {
  display: flex;
  justify-content: end;
  margin-top: 5px;
}

.review-list-box .my-review-list li p.title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 2以꾨줈 蹂�寃� */
  overflow: hidden;
  text-overflow: ellipsis;
  /* 留먯쨪�꾪몴 異붽� */
  white-space: normal;
  /* nowrap �쒓굅 */
  word-wrap: break-word;
  /* 湲� �⑥뼱 泥섎━ */
  margin: 12px 16px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  /* 以� 媛꾧꺽 異붽� */
  max-height: 2.6em;
  /* 理쒕� �믪씠 �ㅼ젙 (2以�) */
}

.review-list-box.bookmark .my-review-list .product .info p {
  margin-bottom: 8px;
}

.my-review-list.gallery,
.review-list-box.gallery .my-review-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background-color: #f6f9ff;
}

.my-review-list.gallery img,
.review-list-box.gallery .my-review-list img {
  width: 100% !important;
  height: auto !important;
  background: #fff;
}

.my-review-list.gallery .img-wrap {
  position: relative;
  overflow: hidden;
  padding-top: 100%;
}

.my-review-list.gallery img {
  top: 0;
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}

.mypage-box .profile-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mypage-box .profile-box .thumb {
  width: 115px;
  height: 115px;
  position: relative;
}

.mypage-box .profile-box .thumb > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.review-item-wrap .item-select-wrap button img {
  top: 9px;
}

.review-wirte-wrap .input-item .textarea-wrap textarea {
  line-height: 150%;
  color: #222222;
}

.review-list-box .my-review-list.list li {
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
}

.review-list-box .my-review-list.list li .thumb {
  margin: 0;
}

.review-list-box .my-review-list.list li .thumb img {
  height: 90px;
}

.common-content .floating-footer button.active {
  background-color: #ff43ca;
}

.item-unregistered-wrap .upload-img-wrap .swipe-wrap {
  width: 100% !important;
}

.upload-img-wrap {
  width: auto !important;
  overflow: scroll !important;
}

body {
  background: #fbfbfc;
}

.common-wrap {
  background-color: white;

  min-height: 100vh;
  /* 酉고룷�몄쓽 100% 理쒖냼 �믪씠 */
  height: auto;
  margin-bottom: 56px;
}

.common-wrap {
  min-height: calc(100vh - 56px);
}

.common-wrap header {
  padding: 0;
}

nav.nav-wrap a img {
  width: 24px;
}

.htmx-loading {
  display: none;
  transition: opacity 500ms ease-in;
}

.htmx-request .htmx-loading,
.htmx-request.htmx-loading {
  display: flex !important;
  pointer-events: all !important;
}

.htmx-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 9999999111;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
}

.htmx-loading .dots-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 20px;
  padding: 10px;
  margin-bottom: 75px;
}

.htmx-loading .dot {
  width: 0.2cm;
  height: 0.2cm;
  margin: 0 0.1cm;
  background-color: #ff42ca;
  border-radius: 50%;
  animation: htmxkeyframe 0.6s infinite ease-in-out;
}

.htmx-loading .dot:nth-child(2) {
  animation-delay: 0.2s;
}

.htmx-loading .dot:nth-child(3) {
  animation-delay: 0.4s;
}

.htmx-loading-center,
.htmx-loading-center {
  display: flex;
  pointer-events: all;
  align-items: center;
}

.htmx-loading-center {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
  /* 諛섑닾紐� 諛곌꼍 */
  z-index: 9999999111;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.htmx-loading-center {
  display: none;
  transition: opacity 500ms ease-in;
}

.htmx-loading-center .dots-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 20px;
  padding: 10px;
  margin-bottom: 75px;
}

.htmx-loading-center .dot {
  width: 0.2cm;
  height: 0.2cm;
  margin: 0 0.1cm;
  background-color: #ff42ca;
  border-radius: 50%;
  animation: htmxkeyframe 0.6s infinite ease-in-out;
}

.htmx-loading-center .dot:nth-child(2) {
  animation-delay: 0.2s;
}

.htmx-loading-center .dot:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes htmxkeyframe {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.5);
  }
}

.me-3px {
  margin-right: 3px;
}

.campaign-listitem {
  display: flex !important;
  align-items: center;
}

#container-contents {
  position: relative;
}

.style-333 {
  display: inline-flex !important;
  align-items: center !important;
}

.style-21 {
  display: inline-flex !important;
  align-items: center !important;
}

.pt-51px {
  padding-top: 51px;
}

.w-100 {
  width: 100%;
}

.overflow-hidden {
  overflow: hidden;
}

.dd-style-none {
  text-align: center;
  width: 100%;
}

nav.nav-wrap a {
  margin: 0;
  padding: 12px 0;
}

.wrapper-outside {
  padding: 50px 0 20px 0;
}

[data-move-page] {
  cursor: pointer !important;
}

.text-color-222 {
  color: #222 !important;
}

.main-apply > div .info-box p {
  line-height: 28px;
}

textarea {
  resize: none;
}

.status-darkgray {
  color: white !important;
  background-color: #1c1c1e !important;
}

.status-gray {
  color: white;
  background-color: #dbdcdf !important;
}

.status-black {
  color: white !important;
  background-color: #1c1c1e !important;
}

.status-pink {
  color: white;
  background-color: #ff43ca !important;
}

a.on img {
  pointer-events: none;
  /* �대┃ �먮뒗 �대깽�몃� 臾댁떆�섏뿬 JavaScript 議곌굔�먯꽌 �덉쇅 泥섎━媛� �꾩슂 �녿룄濡� �� */
}

.nav-wrap {
  z-index: 9999;
  padding-bottom: calc(env(safe-area-inset-bottom));
}

.nav-wrap a {
  text-decoration: none;
}

.cursor-pointer {
  cursor: pointer;
}

nav.nav-wrap .active span {
  color: #2a3548;
}

nav.nav-wrap .menu-wrap:hover {
  color: #2a3548;
}

nav.nav-wrap .menu-item {
  width: 24px;
  height: 24px;
  display: inline-block;
}

nav.nav-wrap .d-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #d4d9dd;
}

.pt-2px {
  padding-top: 4px;
}

.main-page-wrap header {
  justify-content: center;
}

.mypage-box .intro-box .name {
  overflow: visible;
}

.review-list-box .review-list li {
  display: block;
}

.common-section .main-silde .swiper-pagination {
  bottom: 93px;
  right: 10px;
}

.swiper-slide,
.swiper-slide:hover,
.swiper-slide:active {
  text-decoration: none;
  color: #2a3548;
}

.swiper-wrapper img {
  width: 100%;
}

.swiper-wrapper a {
  display: block;
}

.main-loading-area {
  height: 426px;
}

.main-loading-area img {
  height: 346px;
}

.main-silde-common-content {
  height: 80px;
  overflow: hidden;
}

.common-wrap header {
  z-index: 9999;
}

.common-section {
  background-color: #fff;
  padding: 0 0 0 0;
  position: relative;
}

.common-wrap {
  overflow: hidden;
}

.swiper-slide {
  position: relative;
}

/* 諛곕꼫 �믪씠 */
.swiper-wrapper {
  height: auto;
}

.main-silde {
  padding: 0;
  border: 0;
}

.swiper-pagination {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 10px;
  height: 21px;
  padding: 0 10px;
  line-height: 21px;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Noto Sans JP", sans-serif;
  width: fit-content;
  font-size: 11px;
  left: initial;
}

.swiper-pagination-current {
  font-size: 11px;
  color: #fff;
}

.swiper-pagination-total {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.7);
}

.main-band-silde {
  padding: 20px;
  background-color: #f6f9ff;
  text-align: center;
}

.main-band-silde img {
  width: 100%;
  border-radius: 8px;
}

.main-band-silde .swiper-pagination {
  bottom: 30px;
  right: 30px;
}

.border-bottom-0 {
  border-bottom: 0;
}

.swiper-wrapper a {
  display: block;
}

.w-120px {
  width: 120px;
  height: 120px;
}

.main-magazine ul {
  padding-bottom: 0;
}

.common-section .top-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

.common-section .top-title span {
  font-size: 18px;
  font-weight: 700;
}

.common-section .top-title a.btn-more {
  display: inline-block;
  padding-right: 10px;
  color: #aeb2b9;
  font-size: 14px;
  background: url(../images/icon-more.png) right no-repeat;
  background-size: 6px 12px;
}

.top-title {
  cursor: pointer;
}

.main-magazine li .desc {
  color: #929498;
}

.cursor-pointer {
  cursor: pointer;
}

.main-notice li:last-child {
  border-bottom: 0;
}

.main-notice .top-title {
  cursor: pointer;
}

.main-notice li {
  cursor: pointer;
}

.common-section .p-0 {
  padding: 0;
}

.common-section p.title {
  font-size: 20px;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.common-section span.description {
  display: block;
  color: #aeb2b9;
  line-height: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.position-relation {
  position: relative;
}

.main-apply .swiper-pagination {
  bottom: 10px;
  right: 10px;
}

.exp-label-box {
  display: flex;
}

.exp-label-box label {
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px !important;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: -0.22px;
  color: #fff !important;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(2px);
  margin-right: 7px !important;
  padding: 0 10px;
  height: 25px;
}

.exp-label-box label img {
  width: 11px;
  height: 11px;
  margin-right: 5px;
}

.valign-text-top {
  vertical-align: text-top;
}

.valign-middle {
  vertical-align: middle;
}

.w-20px {
  width: 20px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

nav.nav-wrap a {
  display: inline-block;
  width: 20%;
  height: 56px;
  font-size: 11px;
  text-align: center;
  color: #d4d9dd;
}

nav.nav-wrap .d-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #d4d9dd;
}

nav.nav-wrap a span {
  font-size: 11px;
  color: #d4d9dd;
}

nav.nav-wrap a img {
  width: 18px;
  margin-bottom: 4px;
}

nav.nav-wrap a.on {
  color: #2a3548;
}

nav.nav-wrap a:hover {
  color: #2a3548;
}

.rank-content .rank-sort-box.off {
  width: auto;
}

.rank-content .list-item-thumb {
  background-color: white;
  border-radius: 10px;
  width: 85px;
  height: auto;
  object-fit: contain;
}

.rank-content .list-item {
  min-height: 85px;
}

.rank-content {
  height: auto;
}

.rank-content .rank-list {
  padding-bottom: 0px;
}

.exp-label-box label {
  z-index: 9998;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  /* pointer-events: none; */
}

.btn,
.btn img {
  vertical-align: middle;
  cursor: pointer;
}

.follow {
  white-space: nowrap;
}

.nobr {
  white-space: nowrap;
}

.reaction-box button {
  border-radius: 0.375rem;
  padding: 0.375rem;
}

.review-filter,
.review-filter label,
.review-filter label img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.follow.active {
  color: #ffffff;
  background-color: #ff43ca !important;
  border: 1px solid #ff43ca !important;
}

.review-detail-popup .popup-content {
  overflow-y: scroll;
  xmargin-bottom: 70px;
}

.send-comment-form {
  width: 100%;
}

.z-index-10000 {
  z-index: 10000;
}

.z-index-10001 {
  z-index: 10001;
}

.z-index-10003 {
  z-index: 10003;
}

.z-index-10002 {
  z-index: 10002;
}

.floating-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 500px;
}

.valid-wrap {
  position: relative;
}

.modal-open {
  overflow: hidden;
}

.upload-img-wrap {
  width: 100%;
  overflow-x: auto;
  padding-bottom: 10px;
}

.upload-img-wrap .swipe-wrap {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
}

.upload-img-wrap .img-item {
  position: relative;
  width: 92px;
  height: 92px;
  flex: 0 0 auto;
  margin-bottom: 8px;
  /* �ш린 怨좎젙 */
}

.upload-img-wrap .img-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.upload-img-wrap .img-item button {
  position: absolute;
  top: 5px;
  right: 5px;
  background: none;
  border: none;
  cursor: pointer;
}

.btns label {
  padding: 11px 14px !important;
  border: 1px solid #dbdcdf;
  border-radius: 100px;
  color: #b8bbbf;
  /* font-weight: bold; */
  display: inline-block !important;
  font-size: 14px !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 7px;
  margin-right: 2px;
}

.review-wirte-wrap .btns label {
  margin-right: 6px;
}

.review-wirte-wrap .star-wrap {
  margin-left: 0;
}

.review-wirte-wrap .star-wrap button + button {
  margin-left: 4px;
}

.btns input {
  display: none;
}

input[type="radio"]:checked + label,
input[type="checkbox"]:checked + label {
  border-color: #ff43ca;
  color: #ff43ca;
  background: #fff7fc;
}

.text-btns .dark {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.guide-wrapper {
  max-height: 100px;
  /* �곸젅�� �믪씠濡� 議곗젙 */
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.guide {
  line-height: 18px;
  color: #68696b;
}

.more-btn {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 16px 0;
  color: #b8bbbf;
  background-color: transparent;
  border: none;
  text-align: center;
  cursor: pointer;
}

.more-btn .gradation {
  height: 36px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.more-btn img {
  transition: transform 0.3s ease;
}

.write-guide-box.expanded .guide-wrapper {
  max-height: 1000px;
  /* 異⑸텇�� �� 媛� */
}

.write-guide-box.expanded .more-btn .gradation {
  display: none;
}

.write-guide-box.expanded .more-btn img {
  transform: rotate(180deg);
}

.floating-footer button.active {
  background-color: #ff43ca;
}

.floating-footer button {
  height: 60px;
  width: 100%;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  background-color: #2a3548;
}

.mypage-box .my-experience-form {
  padding-bottom: 0px;
}

.mypage-box .my-experience-form .info-box {
  justify-content: left;
}

.btn-remove {
  display: none;
}

.error {
  color: red;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 20px;
  line-height: 150%;
}

.error:empty {
  display: none;
}

#mission-review-form-wrap .error {
  color: #ff43ca !important;
  font-size: 12px;
  margin-top: 0px;
  line-height: 142%;
}

.review-wirte-wrap.mission .error {
  margin-top: 8px !important;
}

.review-wirte-wrap.mission .textarea-wrap .error {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

#mission-review-form-wrap .content-submit .submit-box .error {
  margin-top: 8px;
  margin-bottom: 0;
}

#mission-review-form-wrap .error:empty {
  margin-top: 0;
}

#mission-review-form-wrap .dark.error {
  color: #ff43ca !important;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 9999999;
  display: none;
}

.product-box .jp-review-box .review-detail .progress {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
}

.spinner {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #ffffff;
  animation: spin 1s infinite ease-in-out;
  margin-bottom: 10px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.disabled,
.disabled .error,
.disabled strong,
.disabled textarea,
.disabled input {
  color: gray !important;
  cursor: default;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
}

#join-completed {
  position: absolute;
  z-index: 1000000;
  width: 100%;
}

#missionGuide {
  max-height: 300px;
  overflow: hidden;
}

#missionGuideExpandButton {
  display: none;
  padding: 10px;
  background-color: #ebeef2;
  width: 100%;
  color: #686a6c;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

#missionGuideExpandButton[data-expanded="true"]::after {
  transform: rotate(270deg);
}

#missionGuideExpandButton::after {
  margin-left: 5px;
  width: 15px;
  height: 15px;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform 0.35s ease;
  transform-origin: 0.5em 50%;
  transform: rotate(90deg);
}

.select2-selection.select2-selection--single {
  width: 100% !important;
  height: 46px !important;
  margin-bottom: 0px !important;
  text-indent: 12px !important;
  background: #373839 !important;
  appearance: none !important;
  padding-right: 5px !important;
  font-size: 15px !important;
  border: 1px solid #68696b !important;
  border-radius: 6px;
  color: #dbdcdf !important;
}

.select2-selection.select2-selection--single .select2-selection__rendered {
  height: 44px;
  font-size: 15px;
  line-height: 23px !important;
}

.select2-selection.select2-selection--single
  .select2-selection__rendered
  .select2-selection__placeholder {
  font-size: 15px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 0;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  display: none;
  /* 湲곕낯 �붿궡�� �④린湲� */
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 11px !important;
  right: 3px !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow::after {
  content: "";
  position: absolute !important;
  top: 50% !important;
  right: 10px !important;
  transform: translateY(-50%) !important;
  width: 14px !important;
  height: 14px !important;
  background-size: 14px !important;
  background: #373839 url(../images/icon-review-selectbox-dropdown.png) center
    center no-repeat !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #999 !important;
}

.select2-dropdown {
  background: #373839 !important;
  border: 1px solid #68696b !important;
  border-radius: 6px;
}

.select2-search__field {
  border-radius: 6px !important;
  background: #373839 !important;
  color: #fff !important;
  padding-left: 10px !important;
}

.select2-results__option,
.select2-results__option *,
.select2-selection__rendered,
.select2-selection__rendered * {
  color: #fff !important;
}

.select2-results__option {
  padding: 18px !important;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb !important;
  color: white !important;
}

.select2-container--default .select2-results > .select2-results__options {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background: #373839 !important;
}

.toggle-checkbox {
  display: none;
  /* �ㅼ젣 泥댄겕諛뺤뒪 �④린湲� */
}

.toggle-label {
  text-indent: -9999px;
  width: 56px;
  height: 31px;
}

.toggle-label {
  display: inline-block;
  background-image: url("../images/icon-toggle-off.png");
  background-repeat: no-repeat;
  background-size: 51px;
  background-position-x: -5px;
  cursor: pointer;
}

.toggle-checkbox:checked + .toggle-label {
  background: url("../images/icon-toggle-on.png");
  background-repeat: no-repeat;
  background-size: 51px;
  background-position-x: 0px;
}

.ms-5 .error {
  margin-left: 15px;
}

.dark .error {
  color: red !important;
}

.review-wirte-wrap .error {
  color: #ff43ca !important;
  font-size: 12px;
  margin-top: 8px;
  line-height: 142%;
}

.valid-wrap {
  margin-bottom: 6px;
  position: relation;
}

.text-btns .valid-wrap .error {
  margin-bottom: 0;
}

.star-rating {
  position: relative;
  display: inline-block;
}

.star-rating-background,
.star-rating-foreground {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-repeat: repeat-x;
}

.star-rating {
  width: 125px;
  height: 25px;
}

.star-rating-background,
.star-rating-foreground {
  background-size: 25px 25px;
}

.star-rating-small {
  width: 90px;
  height: 18px;
}

.star-rating-small .star-rating-background,
.star-rating-small .star-rating-foreground {
  background-size: 18px 18px;
}

.star-rating-background {
  width: 100%;
  background-image: url("../images/icon-star-off.png");
}

.star-rating-foreground {
  background-image: url("../images/icon-star-on.png");
}

.star-wrap {
  flex: 1;
  margin-left: 8px;
}

.d-none {
  display: none;
}

#sns-result-modal {
  z-index: 10005;
}

.review-list-box .product-review-list {
  padding: 0;
  margin-bottom: 0;
}

.product-box .info-box .detail-box .name button {
  float: right;
}

.product-box .jp-review-box .review-detail .progress {
  height: 34px;
  border-radius: 8px;
  justify-content: space-between;
  background-color: #f2f3f6b2;
  display: flex;
  align-items: center;
}

.selectbox3 {
  border: 1px solid #ccc;
  padding: 10px;
  cursor: pointer;
}

.selectbox3.option li {
  padding: 10px;
  cursor: pointer;
}

.selectbox3.option li:hover {
  background-color: #f0f0f0;
}

textarea.on {
  border-color: #ff43ca !important;
  color: #ff43ca !important;
  background: rgba(255, 67, 202, 0.05) !important;
}

.tags label {
  font-size: 12px;
  padding: 8px 14px;
  border: 1px solid #dbdcdf;
  border-radius: 100px;
  color: #b8bbbf;
  font-weight: 700;
  background: #fff;
  margin: 2px;
  cursor: pointer;
  display: inline-block;
}

.textarea-wrap .error {
  margin-left: 16px;
}

.product-info-box.review button.black {
  background-color: #000000;
  padding: 0 12px;
  height: 30px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}

.product-info-box.review button.edit {
  background-color: #eceef2;
  color: #222222;
}

.btn-wrap button {
  height: 52px;
  width: 100%;
  /* margin-bottom: 12px; */
  /* font-weight: 700; */
  color: black;
  /* background-color: #eceef2; */
  border-radius: 8px;
}

.sns-load-popup .popup-content-wrap .btn-wrap {
  font-size: 16px;
}

button.bg-black {
  background-color: #000000;
  color: #fff;
}

button.modal-submit-btn,
button.all-submit-btn {
  background-color: #dbdcdf;
  color: #fff;
}

.app-review-write-box.common-content {
  padding-bottom: 1px;
}

.review-desc-wrapper {
  border-bottom: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0 !important;
}

.center-modal-wrap .modal-inner {
  left: 50% !important;
  height: max-content;
}

.center-modal-wrap .modal-inner {
  width: 248px !important;
}

/**********�붿옄�� QA**********/
/*由щ럭 �묒꽦*/
.review-item-wrap .item-select-wrap p {
  font-weight: 500;
}

.review-item-wrap .item-select-wrap button {
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
}

.review-item-wrap .item-select-wrap button img {
  width: 18px;
  height: 18px;
  top: 12px;
}

.review-wirte-wrap .input-item > label {
  line-height: 22px;
  padding-bottom: 15px;
}

.review-wirte-wrap .input-item .valid-wrap {
  margin-bottom: 0;
}

.review-wirte-wrap .input-item .btns.valid-wrap label {
  margin-bottom: 0;
  font-weight: 700;
}

.review-wirte-wrap .input-item input[type="text"] {
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  padding: 12px 16px;
  color: #222222;
}

.review-wirte-wrap .input-item .textarea-wrap textarea {
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  padding: 8px 16px 12px 16px;
  height: 108px;
}

.review-wirte-wrap .input-item .text-btns {
  padding: 4px 16px 12px 16px;
}

.review-wirte-wrap .input-item .text-btns .template {
  font-size: 12px;
  line-height: 17px;
  padding: 7px 12px;
}

.review-wirte-wrap .btn-wrap button.all-submit-btn {
  border-radius: 0;
}

.review-wirte-wrap .sns-info p {
  font-weight: 300;
}

/*泥댄뿕�� 由щ럭 �묒꽦*/
.app-review-write-box .product-info-box img {
  border: none;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.app-review-write-box .product-info-box .info p {
  line-height: 26px;
  margin-bottom: 0;
  color: #222222;
}

.app-review-write-box .product-info-box .info p + span {
  display: block;
  font-size: 14px;
  color: #68696b;
  font-weight: 500;
  line-height: 20px;
}

.app-review-write-box .product-info-box .info .mission-date {
  height: 24px;
  display: inline-block;
  font-size: 11px;
  line-height: 19px;
}

.app-review-write-box .tag-box .req-tag .title-wrapper + p {
  font-size: 14px;
  font-weight: 400;
  line-height: 142%;
  /* 19.88px */
  letter-spacing: -0.28px;
}

.tag-box .title-wrapper button {
  font-size: 12px;
  line-height: 30px;
  padding: 0 12px;
  font-weight: 700;
}

.tag-box .req-tag input[type="text"] {
  background: #fff !important;
  border: 1px solid #eceef2;
  color: #222;
  font-size: 15px;
}

.content-submit .submit-box .sub {
  font-size: 12px;
  line-height: 17px;
}

.tag-box .valid-wrap {
  margin-bottom: 0;
}

.tag-box .req-tag.content-submit {
  border-bottom: 0;
}

.product-info-box.review .content {
  max-width: calc(100% - 100px);
  margin-right: 0;
}

.mission-product-info-wrapper
  .mission-product-info
  .product-info-box
  .info
  span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  color: #373839;
  font-weight: 600;
}

.review-desc-wrapper .desc {
  color: #68696b;
  font-size: 12px;
}

.write-guide .write-guide-box .guide {
  line-height: 20px;
}

.write-guide .write-guide-box button.more-btn .button-text {
  font-size: 11px;
  color: #929498;
}

.write-guide .write-guide-box button.more-btn img {
  margin-bottom: -3px;
  width: 14px;
}

.review-wirte-wrap .write-detail {
  padding: 25px 0 0 0;
}

.review-wirte-wrap .write-detail .star-wrap,
.review-wirte-wrap .write-detail .input-item:not(.valid-wrap),
.review-wirte-wrap .write-detail .input-item.valid-wrap .title-wrapper {
  padding-left: 16px;
  padding-right: 16px;
}

.review-wirte-wrap .write-detail .input-item.valid-wrap .textarea-wrap {
  margin-left: 16px;
  margin-right: 16px;
}

.review-wirte-wrap .input-item .title-wrapper label {
  color: #000000;
}

.review-wirte-wrap .write-detail .input-item.valid-wrap .textarea-wrap label {
  color: #000000;
}

.review-wirte-wrap .tag-wrap p {
  color: #222222;
}

.review-wirte-wrap .sns-share-wrap p {
  color: #000000;
}

.review-wirte-wrap .write-detail .input-item.valid-wrap .upload-img-wrap {
  padding-left: 16px;
}

.review-wirte-wrap .write-detail p {
  color: #000;
}

.review-wirte-wrap .input-item > label {
  color: #000;
}

.app-review-write-box .tag-box .submit-box .input-box button {
  height: 24px;
  top: 13px;
}

.app-review-write-box .tag-box .submit-box .input-box button img {
  width: 24px;
  height: 24px;
}

.app-review-write-box .tag-box .submit-box .input-box + .input-box {
  margin-top: 8px;
}

/*�곹뭹 寃���*/
.review-product-search .search-main .inner svg + p {
  font-size: 15px;
}

/* 03. 28 �섏젙�� */
.review-product-search .search-main .inner svg + p + p {
  font-size: 14px;
  padding-top: 6px;
  line-height: 21px;
}

.review-product-search .search-list ul li p {
  line-height: 17px;
}

.modal-wrap .modal-inner .popup-header.review-mission {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  padding: 24px 16px 16px 16px;
}

/*由щ럭 �곹뭹 蹂�寃�*/
.modal-wrap .content.product-change p {
  font-weight: 700;
  line-height: 23px;
  color: #000000;
}

.modal-wrap .content.product-change .btns button {
  line-height: 23px;
  padding: 14px;
}

/*SNS 遺덈윭�ㅺ린 紐⑤떖*/
.modal-wrap .content.sns-load button {
  padding: 13px 0;
  align-items: center;
  color: #222222;
}

.modal-wrap .content.sns-load > div + button {
  margin-top: 3px;
}

/* 由щ럭�곸꽭 紐⑤떖 */
.review-page-wrap .review-detail-popup .popup-header {
  color: #000;
  font-size: 18px;
}

.review-detail-popup .popup-header span {
  font-size: 18px;
}

.review-detail-popup .popup-header span.like_count {
  color: #000;
}

.review-detail-popup
  .comment-wrap
  .origin
  .text-wrap
  .comment-detail
  .text
  strong {
  font-weight: 700;
}

.review-detail-popup .comment-wrap .origin .text-wrap .comment-detail .date {
  font-size: 10px;
}

.review-detail-popup
  .comment-wrap
  .origin
  .text-wrap
  .comment-detail
  .date
  button {
  font-size: 11px;
}

.review-detail-popup .popup-content .send-desc-wrap p {
  font-weight: 500;
}

.review-detail-popup .popup-content .send-desc-wrap p strong {
  font-weight: 700;
}

.review-detail-popup .popup-content .send-comment-wrap2 .write-input {
  padding: 12px 16px;
}

.review-detail-popup .popup-content .send-comment-wrap2 span {
  margin: 0 !important;
}

.review-detail-popup .popup-content .send-comment-wrap2 input {
  margin: 0 !important;
}

.review-detail-popup .popup-content .send-comment-wrap2 button {
  margin: 0 !important;
}

.review-detail-popup .review-filter-detail .product-wrap .product-detail .desc {
  margin-right: 8px;
}

.review-detail-popup .review-filter-detail .product-wrap .product-detail {
  height: 20px;
}

.review-detail-popup .review-filter-detail .product-wrap .product-detail span {
  color: #000;
  height: 20px;
  line-height: 20px;
  padding: 0 6px !important;
  font-weight: 600 !important;
}

.review-detail-popup
  .review-filter-detail
  .product-profile-wrap
  div:first-child {
  line-height: 142%;
  font-size: 13px !important;
}

.review-page-wrap .profile-info-box .user-wrap img {
  width: 38px;
  height: 38px;
}

.review-page-wrap .profile-info-box .user-wrap .user .time {
  display: flex;
  margin-top: 2px;
  flex-direction: row;
  align-items: center;
}

.review-page-wrap .profile-info-box .user-wrap .user .time span.time-txt {
  margin-right: 4px;
  color: #929498;
  font-size: 12px;
  font-weight: 500;
}

.review-page-wrap .profile-info-box .user-wrap .user .time span.tag {
  display: block;
  height: 20px;
  padding: 0 6px;
  margin-left: 4px;
  align-content: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 142%;
  border-radius: 4px;
  background-color: #f2f3f6;
  opacity: 0.8;
  color: #000000;
}

.review-page-wrap .profile-info-box .btn-wrap .more-dot3-button img {
  width: 24px;
}

.review-page-wrap .detail-box .title {
  color: #000000;
  word-break: break-all;
}

.review-page-wrap .reaction-box button.active span {
  font-weight: bold;
}

.review-page-wrap .reaction-box button {
  font-size: 9px;
  color: #68696b;
}

.review-page-wrap .reaction-box button span {
  color: #000;
}

.review-page-wrap .reaction-box button img {
  margin-bottom: 5px;
}

/* 留덉씠�섏씠吏� */
.mypage-content .mypage-box .tab-box button.on {
  color: #000;
  border-bottom: 2px solid #000;
}

.mypage-content .review-list-box .review-filter label {
  font-size: 13px;
}

.mypage-content .review-list-box .review-summary {
  margin-top: 0;
}

.mypage-content .review-list-box .my-review-list .review-info-box .label {
  font-weight: 500;
  background: #000000;
  color: #fff;
}

.mypage-content .review-list-box .my-review-list .review-info-box .label.order {
  background: rgba(255, 67, 202, 0.7);
}

.mypage-content .review-list-box .my-review-list.list li .thumb {
  margin-left: 16px;
}

.mypage-content .review-list-box .my-review-list.list li .thumb img:last-child {
  margin-right: 16px;
}

.mypage-content .review-list-box .my-review-list.list li {
  padding: 0;
  border: 0 !important;
}

.mypage-content .review-list-box .my-review-list li .reaction span {
  font-size: 14px;
  font-weight: 500;
}

.mypage-content .review-list-box .my-review-list .review-info-box .label.dark {
  background-color: #000;
}

.mypage-content .review-list-box .my-review-list li .product p.brand {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mypage-content .review-list-box .my-review-list li .product p.name {
  display: flex;
  align-items: center;
  line-height: 142%;
}

.mypage-content .review-list-box .my-review-list li .product p.name strong {
  color: #68696b;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  margin-right: 8px;
  font-weight: 700;
}

.mypage-content .review-list-box .my-review-list li .product p.name span {
  font-size: 12px;
  font-weight: 400;
  color: #929498;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}

.mypage-content
  .review-list-box.bookmark
  .my-review-list
  .user-info-box
  span.name::after {
  display: none;
}

.mypage-content
  .review-list-box.bookmark
  .my-review-list
  .user-info-box
  span.tag {
  padding: 6px;
  border-radius: 4px;
  opacity: 0.8;
  background: #f2f3f6;
  font-size: 10px;
  font-weight: 600;
  color: #000;
  letter-spacing: -0.2px;
}

.mypage-content
  .review-list-box.bookmark
  .my-review-list
  .user-info-box
  .name
  + .tag {
  margin-left: 2px;
}

.mypage-content .review-list-box.bookmark .my-review-list .user-info-box .info {
  color: #b8bbbf;
  font-size: 12px;
  font-weight: 400;
  line-height: 142%;
  letter-spacing: -0.24px;
}

.mypage-content .review-list-box .my-review-list .no-list {
  padding-top: 90px !important;
  background: none;
  border: none;
}

.mypage-content .review-list-box .my-review-list .no-list img {
  width: 295px;
}

.mypage-content .review-list-box .my-review-list .no-list img.no-review {
  width: 99px;
}

.mypage-content
  .review-list-box
  .my-review-list
  .no-list
  img.no-review
  + p
  + button {
  padding: 7px 16px !important;
  border-radius: 8px;
  line-height: 142%;
  letter-spacing: -0.22px;
}

.mypage-box .intro-box .thumb {
  width: 85px;
  height: 85px;
}

.mypage-box .intro-box .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

/* 由щ럭 > �곹뭹 �곸꽭 */
.detail-box .product .product-detail .name strong,
.detail-box .product .product-detail .name span {
  overflow: hidden;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/* �곹뭹 �곸꽭 */
.product-content .detail-box {
  border-bottom: 0;
}

.product-content .tab-box {
  height: 48px;
  border-bottom: 1px solid #f2f3f6;
}

.product-content .tab-box button {
  height: 48px;
}

.product-box .tab-box button.on {
  color: #000000;
  border-color: #000000;
}

.product-content .tab-box + .product-select-box .selectbox3 {
  border-top: 0;
}

.product-box .product-select-box .selectbox3 {
  font-weight: 500;
  height: 56px;
  align-content: center;
}

.product-content .product-box .kr-review-box .content p.title {
  margin-top: 2px;
  color: #000;
}

.product-content .product-box .kr-review-box .content ul::after {
  background-size: 108px auto;
}

.product-content .product-box .kr-review-box .content ul li {
  width: 134px;
  height: 28px;
  font-size: 11px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: -0.4px;
}

.product-box .kr-review-box .content ul li:nth-child(1) {
  margin-left: -1px;
}

.product-box .kr-review-box .content ul li:nth-child(2) {
  margin-right: -5px !important;
}

.product-box .kr-review-box .content ul li:nth-child(3) {
  margin-left: -9px !important;
}

.product-box .kr-review-box .content ul li:nth-child(4) {
  margin-right: -9px !important;
}

.product-box .kr-review-box .content ul li:nth-child(5) {
  margin-left: 9px !important;
}

.product-box .kr-review-box .content ul li:nth-child(6) {
  margin-right: 10px !important;
}

.product-content .product-box .jp-review-box .title {
  color: #000;
}

.product-content .product-box .jp-review-box {
  border-bottom: 1px solid #f2f3f6;
}

.product-content .product-box .jp-review-box .review-summary {
  padding: 0;
  justify-content: center;
  gap: 48px;
}

.product-content .product-box .jp-review-box .review-detail {
  margin-top: 0;
  padding: 0;
}

.product-content .product-box .jp-review-box {
  padding: 26px 16px;
}

.product-content .product-box .jp-review-box .review-summary + .review-detail {
  padding-top: 20px;
}

.product-content .product-box .jp-review-box .review-detail button {
  position: relative;
  height: 36px;
}

.product-box .jp-review-box .review-detail button .gradation {
  height: 36px;
  top: -36px;
}

.product-content .product-box .jp-review-box .review-detail .progress-wrap {
  display: grid;
}

.product-content .product-box .kr-review-box .content p.title {
  font-size: 15px;
  font-weight: 700;
  line-height: 142%;
  letter-spacing: -0.26px;
}

.product-box .kr-review-box .content p:first-child {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.54px;
}

.product-content .product-box .info-box .detail-box .brand .img-wrap {
  position: relative;
  width: 32px;
  height: 32px;
}

.product-content .product-box .info-box .detail-box .brand img:first-child {
  width: 32px;
  height: 32px;
  position: absolute;
  object-fit: contain;
  border-radius: 8px;
}

.product-content .product-box .brand-name {
  position: relative;
  color: #929498;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.26px;
  line-height: 142%;
}

.product-content .product-box .brand-name::after {
  content: "";
  position: absolute;
  top: 1px;
  right: -22px;
  width: 16px;
  height: 16px;
  background: url(../images/icon-product-brand-more-new.png) left center
    no-repeat;
  background-size: 16px;
}

.main-page-wrap header.line {
  border-bottom: none;
}

.main-page-wrap nav.nav-wrap {
  border-top: none;
}

.main-page-wrap {
  background-color: #f6f9ff;
}

.product-content .toggle-button .button-text {
  font-size: 12px;
  color: #929498;
}

.product-content .review-list-box .review-filter p {
  color: #000;
}

.product-content
  .review-list-box
  .review-filter
  .filter-wrap
  > .btn-check
  + .btn {
  line-height: 18px;
  font-size: 13px;
  padding: 7px 12px 7px 33px;
}

.product-content .review-list-box .review-summary select {
  font-size: 12px;
  letter-spacing: -0.22px;
  line-height: 142%;
  width: 52px;
  padding-left: 16px;
  font-weight: 600;
  background-size: 14px;
}

.review-list-box .product-review-list li {
  border: 0;
}

.review-list-box .product-review-list li.no-list {
  padding: 78px 0 43px !important;
  text-align: center !important;
  background-color: #f6f9ff !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}

.review-list-box .product-review-list li.no-list img {
  width: 99px;
  height: 75px;
}

.review-list-box .product-review-list li.no-list p {
  color: #67696b;
  font-size: 14px;
  margin: 6 0 0 0;
  font-weight: normal;
  line-height: 21px;
}

.product-content .review-list-box .product-review-list li p.title {
  font-weight: 500;
  line-height: 142%;
  letter-spacing: -0.32px;
  color: #000;
}

.product-content .review-list-box .product-review-list li .reaction span {
  font-size: 14px;
  font-weight: 500;
}

.product-content .review-list-box .product-review-list li img {
  border-radius: 6px;
}

.product-content .review-list-box .product-review-list li .thumb {
  margin-right: 0;
}

.product-content .review-list-box .product-review-list li .thumb img {
  width: 90px;
  height: 90px;
}

.product-content .review-list-box .product-review-list li .user-info-box img {
  width: 24px;
  height: 24px;
}

.product-content
  .review-list-box
  .product-review-list
  li
  .thumb
  img:last-child {
  margin-right: 16px;
}

.product-content .review-summary .star2 {
  width: 24px;
  height: 24px;
  padding: 0;
}

.product-content .review-summary .star2 .star2-rating-foreground {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
}

.product-content .review-summary .star2 .star2-rating-background {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
}

.product-content .product-box .kr-review-box {
  padding: 20px 16px 28px;
}

.product-content .product-box .kr-review-box + .jp-review-box {
  padding-top: 8px;
  padding-bottom: 28px;
}

.common-wrap header button.btn-header-left {
  top: 3px;
  left: 0;
}

.common-wrap header button.btn-header-left img {
  width: 44px;
}

/* 由щ럭�묒꽦 > �쒗뵆由� */
.modal-wrap .content.product-change.template .template-area .select button {
  font-size: 15px;
  font-weight: 700;
  line-height: 142%;
  letter-spacing: -0.3px;
  color: #222;
  word-break: keep-all;
}

.modal-wrap .content.product-change.template .template-area .select {
  margin-right: 12px;
}

.modal-wrap
  .content.product-change.template
  .template-area
  .group-item
  textarea.on {
  height: 100%;
  background: linear-gradient(
      0deg,
      rgba(255, 67, 202, 0.05) 0%,
      rgba(255, 67, 202, 0.05) 100%
    ),
    #fff !important;
}

.modal-wrap
  .content.product-change.template
  .template-area
  .group-item
  .content {
  line-height: 142%;
  letter-spacing: -0.24px;
}

.modal-wrap
  .content.product-change.template
  .template-area
  .group-item.options
  .tags
  label {
  font-size: 13px;
  line-height: 142%;
  color: #929498;
}

.modal-wrap
  .content.product-change.template
  .template-area
  .group-item.options
  .tags
  input[type="checkbox"]:checked
  + label {
  border: 1px solid #ff43ca !important;
  color: #ff43ca;
}

.modal-wrap .content.product-change.template .template-area {
  justify-content: space-between;
}

/* �� */
.main-ranking,
.main-ranking {
  background: #fff;
}

/*NEW �붿옄�� QA*/
/*由щ럭�묒꽦*/
.review-product-search .search-input-wrap input {
  font-size: 14px;
}

.review-product-search .search-input-wrap input::placeholder {
  color: #b8bbbf;
}

.modal-wrap .content.product-change.template .title-area button img {
  margin-top: -3px;
}

.modal-wrap .content.product-change.template .template-area .select {
  width: 74px;
  margin-right: 11px;
}

.modal-wrap .content.product-change.template .overflow-area {
  width: calc(100% - 85px);
}

.modal-wrap
  .content.product-change.template
  .template-area
  .group-item.options {
  margin-left: 0;
  padding: 20px 16px;
}

.modal-wrap
  .content.product-change.template
  .template-area
  .group-item.options
  .tags {
  display: flex;
  flex-flow: wrap;
  width: calc(100% + 2px);
  margin-left: -2px;
}

.modal-wrap
  .content.product-change.template
  .template-area
  .group-item.options
  .tags
  label {
  border: 1px solid #eceef2;
}

.modal-wrap .content.product-change.template .overflow-area {
  max-height: auto;
}

.modal-wrap .content.product-change.template .template-area .group-item p {
  color: #222;
  font-size: 13px;
  line-height: 19px;
}

.modal-wrap
  .content.product-change.template
  .template-area
  .group-item.options
  .tags
  label {
  line-height: 30px;
  padding: 0 13px;
  font-size: 13px;
  letter-spacing: -0.24px;
}

.review-wirte-wrap .input-item .title-wrapper button {
  color: #222;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow::after {
  background-size: 14px !important;
  background: #373839 url(../images/icon-review-selectbox-dropdown.png) center
    center no-repeat;
}

.item-unregistered-wrap input:-webkit-autofill,
.item-unregistered-wrap input:-webkit-autofill:hover,
.item-unregistered-wrap input:-webkit-autofill:focus,
.item-unregistered-wrap input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-transition: background-color 9999s ease-out;
  -webkit-box-shadow: 0 0 0px 1000px #373839 inset !important;
  -webkit-text-fill-color: #fff !important;
}

img#send-comment-btn {
  width: 24px;
}

.review-wirte-wrap .input-item .btns.valid-wrap label {
  font-size: 13px !important;
}

.modal-wrap
  .content.product-change.template
  .template-area
  .overflow-area
  .group-item
  textarea#textarea-type1,
.modal-wrap
  .content.product-change.template
  .template-area
  .overflow-area
  .group-item
  textarea#textarea-type1.on {
  height: 248px !important;
}

.modal-wrap
  .content.product-change.template
  .template-area
  .overflow-area
  .group-item
  textarea#textarea-type2,
.modal-wrap
  .content.product-change.template
  .template-area
  .overflow-area
  .group-item
  textarea#textarea-type2.on {
  height: 230px !important;
}

.modal-wrap
  .content.product-change.template
  .template-area
  .group-item
  textarea {
  overflow-y: hidden;
  padding: 3px 7px !important;
  line-height: 17px;
}

.modal-wrap
  .content.product-change.template
  .template-area
  .group-item
  textarea.on {
  font-weight: 700;
}

.item-unregistered-wrap div.valid-wrap {
  margin-bottom: 0;
  height: 46px;
}

.item-unregistered-wrap > div:nth-child(2) {
  margin-bottom: 6px;
}

.item-unregistered-wrap > div:nth-child(2) select {
  font-size: 15px;
  color: #929498;
}

.item-unregistered-wrap div:nth-child(2) select option {
  color: #fff;
}

.item-unregistered-wrap div:nth-child(2) select:valid {
  color: #fff !important;
}

.item-unregistered-wrap div:nth-child(2) select:invalid,
.item-unregistered-wrap div:nth-child(2) select option[value=""],
.item-unregistered-wrap div:nth-child(2) select option:first-child {
  color: #929498;
}

.item-unregistered-wrap div:nth-child(3) {
  margin-bottom: 6px;
}

.item-unregistered-wrap
  .select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #929498 !important;
}

.item-unregistered-wrap
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered[title] {
  color: #fff !important;
}

.item-unregistered-wrap div:nth-child(5) {
  margin-bottom: 25px;
}

.item-unregistered-wrap div:nth-child(5) input {
  height: 46px;
}

.item-unregistered-wrap .textarea-wrap textarea {
  line-height: 20px;
  font-size: 13px;
  letter-spacing: -0.2px;
}

.popup-content .comment-wrap .origin .text-wrap .comment-detail .text {
  display: inline;
  word-break: break-all;
}

.review-detail-popup
  .comment-wrap
  .origin
  .text-wrap
  .comment-detail
  .text
  strong {
  display: inline !important;
}

.review-detail-popup .comment-wrap .origin .text-wrap .comment-detail .date {
  padding-top: 3px;
}

.write-guide-box.expanded .guide-wrapper {
  max-height: none !important;
}

.write-guide-box.expanded .guide-wrapper #missionGuide {
  max-height: none !important;
}

.char-count {
  display: none;
}

.review-detail-popup .popup-content .send-comment-wrap .write-input {
  display: flex;
  height: 46px;
  padding: 0 16px;
  border: 1px solid #373839;
  border-radius: 100px;
}

.review-detail-popup .popup-content .send-comment-wrap .write-input .name {
  flex-basis: content;
  line-height: 43px;
  font-size: 15px;
  font-weight: 700;
  width: auto;
}

.review-detail-popup .popup-content .send-comment-wrap .write-input input {
  width: unset;
  flex: 1;
  padding: 0 3px 0 6px;
  height: auto;
  line-height: 42px;
  background: none;
  border: 0;
  border-radius: 0;
  font-weight: 400;
  font-size: 14px;
}

.review-detail-popup .popup-content .send-comment-wrap .write-input button {
  flex-basis: content;
  width: 40px;
  height: 44px;
  margin-left: auto;
}

.review-detail-popup .popup-content .send-comment-wrap .write-input button img {
  margin-left: 5px;
  position: relative;
  right: initial;
  top: initial;
}

.review-wirte-wrap .upload-img-wrap {
  margin: 0;
  padding: 0;
}

.review-wirte-wrap .upload-img-wrap .swipe-wrap .img-item {
  width: 92px;
  height: 92px;
  margin: 8px 0 10px 0;
}

.review-list-box.bookmark .my-review-list .product .image-container img {
  width: 100%;
  height: 100%;
}

.floating-footer button.modal-submit-btn,
.floating-footer button.all-submit-btn {
  border-radius: 0;
}

.floating-footer.review-mission {
  display: flex;
  padding: 16px;
  box-sizing: border-box;
  padding-bottom: calc(constant(safe-area-inset-bottom) + 16px) !important;
  padding-bottom: calc(env(safe-area-inset-bottom) + 16px) !important;
  justify-content: space-between;
  background: #fff;
}

.floating-footer.review-mission button {
  width: calc(50% - 4px);
  border-radius: 8px;
}

.floating-footer.review-mission button:first-child {
  background: #eceef2;
  color: #222;
}

.floating-footer.review-mission button:last-child {
  background: #ebf0fb;
  color: #fff;
}

.popup-content .mission-product-info-wrapper .mission-product-info {
  padding-top: 0;
}

.modal-wrap .review-wirte-wrap.mission {
  margin-bottom: 0;
  padding-bottom: 92px;
  padding-bottom: calc(constant(safe-area-inset-bottom) + 92px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 92px);
}

.modal-wrap .review-wirte-wrap.mission .tag-item .btns label {
  font-size: 13px !important;
  color: #222 !important;
  border: 1px solid #b8bbbf;
  line-height: 34px;
  margin-right: 6px;
  padding: 0 13px !important;
  margin-bottom: 0px !important;
  font-weight: 700;
}

.modal-wrap
  .review-wirte-wrap.mission
  .tag-item
  .btns
  input[type="checkbox"]:checked
  + label {
  border-color: #ff43ca;
  color: #ff43ca !important;
  background: rgba(255, 67, 202, 0.1);
}

.mission-product-info .product-info-box .content .img-wrap {
  position: relative;
  margin-right: 12px;
  border-radius: 8px;
  width: 80px;
  height: 80px;
}

.mission-product-info .product-info-box .content .img-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 12px;
  height: 100%;
  /* background-color: rgba(0, 0, 0, 0.04); */
}

.mission-product-info .product-info-box .content .img-wrap img {
  margin-right: 0;
  width: 80px !important;
  height: 80px !important;
}

.mission-product-info .product-info-box .content .info {
  flex: 1;
}

.app-review-write-box .write-guide .write-guide-box .guide-wrapper {
  max-height: 150px;
}

.modal-wrap .content.write-profile .close {
  right: 9px;
  top: 9px;
  width: 44px;
  height: 44px;
}

.modal-wrap .content.write-profile .close img {
  width: 100%;
}

/* 誘몄뀡 */
.review-desc-wrapper .desc,
.review-desc-wrapper .desc * {
  color: #68696b;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.24px;
}

.product-box .product-select-box .option.selectbox3 {
  z-index: 11;
}

.review-product-search .search-list ul li .img-wrap {
  background: none;
}

.review-product-search .search-list {
  background: #fff;
}

.app-review-write-box
  .tag-box
  .req-tag.content-submit
  .submit-box
  .input-box
  input {
  padding-right: 45px;
}

.review-wirte-wrap .tag-wrap .tag-item {
  overflow-x: scroll;
}

.review-wirte-wrap .tag-wrap .tag-item .swipe-wrap {
  flex-flow: wrap;
  width: unset;
  word-break: break-all;
  inline-size: max-content;
}

.popup-dim-wrap .popup-content-wrap .popup-header button {
  width: 44px;
  top: 6px;
  right: 10px;
}

.exp-content .exp-join-form .form-box .form-item.valid-wrap {
  margin-bottom: 0;
}

.exp-content .exp-join-form .form-item .flex .valid-wrap {
  flex: 1;
}

.exp-content .exp-join-form form .form-box:nth-last-child(3) {
  margin: 0;
  margin-top: -10px;
  padding-top: 0;
  position: relative;
}

.exp-content .exp-join-form form .form-box:nth-last-child(3)::after {
  position: absolute;
  top: 30px;
  left: 0;
  height: 100px;
  width: 100%;
  background: #fff;
  z-index: 0;
  content: "";
}

/* 留덉씠�섏씠吏� �대�吏� �ъ씠利� 臾댁“嫄� 90px */
@media (max-width: 375px) {
  .review-list-box .my-review-list.list li .thumb img {
    height: 90px;
  }
}

.product-box .info-box .detail-box .name button {
  display: flex;
}

.review-wirte-wrap .tag-wrap .tag-item .swipe-wrap.btns label {
  line-height: 33px;
  padding: 0 13px !important;
  font-size: 13px !important;
  color: #222222;
  letter-spacing: -0.26px;
  font-weight: 700;
  border: 1px solid #b8bbbf !important;
  padding-bottom: 1px !important;
}

.review-wirte-wrap
  .tag-wrap
  .tag-item
  .swipe-wrap.btns
  input[type="radio"]:checked
  + label,
.review-wirte-wrap
  .tag-wrap
  .tag-item
  .swipe-wrap.btns
  input[type="checkbox"]:checked
  + label {
  border-color: #ff43ca !important;
  color: #ff43ca !important;
}

.item-unregistered-wrap .textarea-wrap textarea {
  font-size: 13px;
  line-height: 21px;
  font-weight: 400;
}

.item-unregistered-wrap .textarea-wrap textarea::placeholder {
  color: #929498 !important;
}

.modal-wrap .content.product-change .btns button {
  padding: 14px 0;
  line-height: 22px;
  letter-spacing: -0.3px;
}

.review-list-box .review-filter .filter-wrap > .btn-check + .btn::before {
  background-size: 15px !important;
  top: 7px;
}

#review-filter-modal .popup-content-wrap {
  padding-bottom: calc(constant(safe-area-inset-bottom));
  padding-bottom: calc(env(safe-area-inset-bottom));
  background: #fff;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}

.review-detail-popup.comment-popup .popup-content {
  padding-bottom: 71px;
  padding-bottom: calc(constant(safe-area-inset-bottom) + 71px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 71px);
}

.modal-wrap .modal-inner {
  padding-bottom: calc(constant(safe-area-inset-bottom));
  padding-bottom: calc(env(safe-area-inset-bottom));
}

.comment-popup .popup-content:has(.empty-wrap) {
  height: 300px;
}

.item-unregistered-wrap .textarea-wrap .text-btns {
  padding: 4px 16px 11px 16px;
}

.item-unregistered-wrap div.valid-wrap .select2-container {
  width: 100% !important;
}

.detail-box .product,
.review-list-box .my-review-list li .product {
  position: relative;
}

.detail-box .product::after,
.review-list-box .my-review-list li .product::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 10;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.03);
}

.review-detail-popup .popup-content .input-wrap {
  bottom: 0;
  position: fixed;
  padding-bottom: 0;
  padding-bottom: calc(constant(safe-area-inset-bottom));
  padding-bottom: calc(env(safe-area-inset-bottom));
}

.main-page-wrap:has(.review-detail-content) {
  background: #fff !important;
}

.mypage-box .intro-box .comment {
  word-break: break-all;
}

.mypage-box .intro-box > div:first-child {
  flex: 1;
  width: calc(100% - 105px);
}

.product-content
  .review-list-box
  .review-filter
  .filter-wrap
  > .btn-check
  + .btn {
  line-height: 30px;
  padding: 0 12px 0 33px;
}

/**max 異붽�**/

.nav-wrap {
  z-index: 9999;
  box-sizing: content-box;
  padding-bottom: calc(env(safe-area-inset-bottom)) !important;
}

.floating-footer,
.modal-wrap .modal-inner,
.search-bottom {
  box-sizing: content-box;
  padding-bottom: calc(env(safe-area-inset-bottom)) !important;
  background-color: #fff;
}

#container-contents {
  padding-bottom: calc(env(safe-area-inset-bottom)) !important;
}

/* .search-input-container {
            z-index: 10009;
          } */

.review-detail-popup .popup-content {
  padding-bottom: 70px;
  box-sizing: content-box;
  height: initial;
  max-height: 408px;
  min-height: 208px;
}

.product-box
  .kr-review-box
  .content
  ul
  li:nth-last-child(3):not(.item-odd)
  ~ li.item-odd {
  margin-bottom: -33px;
}

.product-box
  .kr-review-box
  .content
  ul
  li:nth-last-child(5):not(.item-odd)
  ~ li.item-odd {
  margin-bottom: -33px;
}

.review-list-box .review-summary {
  margin: 0 16px 25px 0 !important;
}

#auto-save-modal .popup-content {
  box-sizing: content-box;
  padding-bottom: calc(env(safe-area-inset-bottom)) !important;
  background-color: #fff;
}

.floating-footer button.all-submit-btn {
  background: #eceef2;
  color: #000;
}

.mypage-box .my-experience-box li .product-box .img-wrap {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  overflow: hidden;
  height: 100px;
  width: 100px;
  margin-right: 15px;
}

.mypage-box .my-experience-box li .product-box .img-wrap img.thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  margin: 0 !important;
  border-radius: 0 !important;
}

#mission-review-form-wrap
  .mission-product-info-wrapper
  .mission-product-info
  .product-info-box {
  position: relative;
}

#mission-review-form-wrap
  .mission-product-info-wrapper
  .mission-product-info
  .product-info-box
  img {
  height: 80px;
  border-radius: 8px;
}

#mission-review-form-wrap
  .mission-product-info-wrapper
  .mission-product-info
  .product-info-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  border-radius: 8px;
  height: 80px !important;
  background-color: rgba(0, 0, 0, 0.04);
}

.app-review-write-box .product-info-box .img-wrap {
  width: 100px;
  height: 113px;
  margin-right: 16px;
}

.popup-content
  .mission-product-info-wrapper
  .mission-product-info
  .product-info-box {
  position: relative;
}

.popup-content
  .mission-product-info-wrapper
  .mission-product-info
  .product-info-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  border-radius: 12px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.04);
}

.popup-content
  .mission-product-info-wrapper
  .mission-product-info
  .product-info-box
  img {
  border: 0;
}

.more-dot3-container {
  position: relative;
  display: inline-block;
}

.more-dot3-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
}

.more-dot3-content {
  display: none;
  position: absolute;
  background-color: #fff;
  xmin-width: 100px;
  z-index: 9999;
  right: 0;
  border: 1px solid gray;
  padding: 5px;
  border-radius: 10px;
}

.more-dot3-content button {
  color: black;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
  white-space: nowrap;
}

.more-dot3-content button:hover {
  background-color: #f1f1f1;
}

/*comment image upload*/
#imagePreviewContainer {
  margin-left: 10px;
}

#imagePreviewContainer,
.imagePreviewContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.item-unregistered-wrap .upload-img-wrap .img-item + .img-item {
  margin-left: 0 !important;
}

#review-new-product-wrap .upload-img-wrap .img-item + .img-item {
  margin-left: 0 !important;
}

#imagePreviewContainer:empty,
.imagePreviewContainer:empty {
  margin: 0;
}

#imagePreviewContainer .image-preview {
  position: relative;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 5px;
}

#imagePreviewContainer .image-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#imagePreviewContainer .image-preview .remove-image {
  position: absolute;
  top: 2px;
  right: 2px;
  background-color: rgba(255, 255, 255, 0.7);
  border: none;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
}

.review-detail-popup .popup-content .send-comment-wrap2 {
  display: flex;
  align-items: center;
  bottom: 0;
  width: 100%;
  max-width: 500px;
  height: 70px;
  padding: 12px 16px 12px 8px;
  background-color: #fff;
}

.review-detail-popup .popup-content .send-comment-wrap2 {
  white-space: nowrap;
}

.review-detail-popup .popup-content .send-comment-wrap2 .write-input {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2;
  height: 46px;
  border: 1px solid #eceef2;
  border-radius: 100px;
  font-weight: 700;
}

.review-detail-popup
  .popup-content
  .send-comment-wrap2
  .write-input:has(input[type="text"]:focus) {
  border-color: #373839;
}

.review-detail-popup .popup-content .send-comment-wrap2 .write-input > * {
  margin-left: 10px;
  margin-right: 10px;
}

.review-detail-popup .popup-content .send-comment-wrap2 input {
  border: 0;
  height: 44px;
  padding: 0;
}

.detail-box .content img.error {
  display: none;
}

.review-wirte-wrap .input-item .text-btns .valid-wrap {
  width: 100%;
}

.review-wirte-wrap .input-item .text-btns .template {
  float: right;
}

.review-detail-popup .popup-content .send-desc-wrap p strong {
  padding-right: 5px;
}

.review-detail-popup
  .popup-content
  .send-comment-wrap2
  .write-input
  .name:empty {
  display: none;
}

.review-detail-popup .popup-content .send-comment-wrap2 .write-input input {
  caret-color: #ff43ca;
}

.review-detail-popup .popup-content .send-desc-wrap {
  position: relative;
}

.review-detail-popup .popup-content .send-desc-wrap > button {
  position: absolute;
  right: 9px;
  top: 6px;
}

.review-detail-popup .popup-content .send-desc-wrap > button img {
  width: 32px;
  height: 32px;
}

.mypage-content .review-list-box .my-review-list .no-list {
  padding: 0 !important;
  margin: 0 !important;
  height: 359px;
  align-content: center;
}

.mypage-box .no-list p {
  margin-bottom: 0;
  font-size: 14px;
}

.mypage-box .no-list button {
  margin-top: 10px;
}

.review-detail-popup
  .popup-content
  .comment-wrap
  .origin
  .text-wrap
  .comment-detail {
  width: calc(100% - 30px);
}

.review-detail-popup
  .popup-content
  .comment-wrap
  .origin.reply
  .text-wrap
  .profile-img {
  width: 18px;
  height: 18px;
  border-radius: 6px;
}

.review-detail-popup
  .popup-content
  .comment-wrap
  .origin.reply
  .text-wrap
  .comment-detail {
  width: calc(100% - 26px);
}

.comment-wrap .origin .text-wrap .comment-detail .text strong img {
  margin: 0;
  margin-right: -3px;
}

.review-item-wrap .selected-item-wrap .product .img-wrap {
  position: relative;
  width: 110px;
  height: 110px;
  border-radius: 10px;
  overflow: hidden;
}

.review-item-wrap .selected-item-wrap .product .img-wrap::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  border-radius: 12px;
}

.review-item-wrap .selected-item-wrap .product .img-wrap img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.product-content .review-list-box .product-review-list li p.title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  margin: 12px 16px 0;
  font-size: 16px;
  font-weight: 6000;
  line-height: 1.3;
  max-height: 2.6em;
}

.center-modal-wrap.system {
  z-index: 10000;
}

.center-modal-wrap.system .modal-inner {
  width: 247px;
  height: auto;
}

.center-modal-wrap.system .content {
  text-align: center;
}

.center-modal-wrap.system .content h5 {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  line-height: 23px;
  margin-bottom: 0;
}

.center-modal-wrap.system .content p {
  font-size: 13px;
  line-height: 20px;
  color: #68696b;
  margin-top: 8px;
}

.center-modal-wrap.system .content button {
  width: 106px;
  margin-top: 20px;
  padding: 12px 0;
  background: #000;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
}

/* 濡쒓렇�꾩썐 紐⑤떖 */
.modal-wrap.logout {
  z-index: 10000;
}

.modal-wrap.logout .modal-inner {
  padding-bottom: calc(env(safe-area-inset-bottom));
}

.modal-wrap.logout .content.product-change {
  padding-top: 40px;
}

.modal-wrap.logout .content.out .img-txt-wrap h5 {
  padding-top: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 142%;
  /* 22.72px */
  letter-spacing: -0.32px;
}

.modal-wrap.logout .content.product-change .btns {
  padding-top: 20px;
}

div:where(.swal2-container) div:where(.swal2-popup) {
  background: #fff !important;
}

.review-list-box .review-summary .count {
  margin-left: 16px;
  line-height: 142%;
  font-size: 12px;
  font-weight: 500;
}

/*媛쒕컻 紐⑤떖*/
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
  background-color: #000 !important;
  border-color: #000 !important;
}

.swal2-container {
  z-index: 11000;
}

div:where(.swal2-container)
  button:where(.swal2-styled):where(.swal2-confirm):focus-visible {
  box-shadow: 0 0 0 3px rgba(150, 150, 150, 0.5);
}

div:where(.swal2-container) div:where(.swal2-popup) {
  width: initial;
  border-radius: 14px;
  background-color: #d7d7d7;
}

div:where(.swal2-container) h2:where(.swal2-title) {
  font-size: 16px;
  padding: 1.5em 1em 0;
}

div:where(.swal2-container) label:where(.swal2-input-label) {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.swal2-actions button {
  border-radius: 20px;
}

div:where(.swal2-container) input.swal2-input {
  padding: 5px;
  height: initial;
  border-radius: 10px;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  font-size: 0.9rem;
  background-color: white;
  border: 0.5px solid #ababae;
  box-shadow: inset 0 0 0 0.5px #c6c6c8;
}

div:where(.swal2-container) div:where(.swal2-validation-message) {
  font-size: 0.8rem;
}

.swal2-icon {
  display: none !important;
}

.modal-wrap.logout .content.product-change .btns {
  padding-top: 20px;
}

div:where(.swal2-container).swal2-center > .swal2-popup {
  max-width: 311px;
  padding: 0 24px;
  border-radius: 16px;
}

div:where(.swal2-container) div:where(.swal2-popup) {
  background: #fff !important;
}

div:where(.swal2-container) h2:where(.swal2-title) {
  padding: 32 0 0 0 !important;
  font-size: 16 !important;
  font-weight: 600 !important;
  color: #000 !important;
  line-height: 23px !important;
}

div:where(.swal2-container) label:where(.swal2-input-label) {
  color: #68696b;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: -0.26px;
  margin: 8px 0 0 0 !important;
}

div:where(.swal2-container) button:where(.swal2-styled) {
  margin: 0 !important;
  border-radius: 8px !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  min-width: 106px;
  width: calc(50% - 4px);
  padding: 12px 10px;
}

div:where(.swal2-container) div:where(.swal2-actions) {
  padding-bottom: 32px;
  margin-top: 20px !important;
  width: 100%;
  justify-content: center;
}

div:where(.swal2-container) input.swal2-input {
  width: 100%;
  margin: 0 !important;
  border: 1px solid #eceef2 !important;
  border-radius: 6px !important;
  margin-top: 16px !important;
  line-height: 40px;
  padding: 0 !important;
  text-indent: 15px;
  font-size: 15px !important;
}

div:where(.swal2-container) input.swal2-input::placeholder {
  color: #b8bbbf;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
  margin-right: 8px !important;
}

#sns-result-modal .modal-inner {
  padding-bottom: 32px !important;
}

.center-modal-wrap .content.sns-load-fail {
  padding: 0;
}

.review-list-box.bookmark .my-review-list .product::after {
  display: none;
}

.my-review-list .product .image-container {
  width: 110px;
  height: 110px;
}

.my-review-list .product .image-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.05);
  z-index: 9999;
  width: inherit;
  height: inherit;
  border-radius: 8px;
}

/* max */
div:where(.swal2-container) .swal2-html-container {
  padding: 32px 0 0.3em 0;
}

.comment-detail .image-preview img {
  max-height: 100px;
}

.center-modal-wrap .content.sns-load-fail img {
  width: 140px !important;
}

#sns-post-result-modal {
  z-index: 10002;
}

#sns-post-result-modal .modal-inner {
  padding-bottom: 32px !important;
}

#mission-review-form-wrap
  .mission-product-info-wrapper
  .mission-product-info
  .product-info-box {
  display: flex;
}

#mission-review-form-wrap
  .mission-product-info-wrapper
  .mission-product-info
  .product-info-box
  .info {
  align-self: center;
}

#mission-review-form-wrap
  .mission-product-info-wrapper
  .mission-product-info
  .product-info-box
  .info
  p {
  color: #000000;
}

.app-review-write-box.common-content .product-info-box .info {
  width: calc(100% - 116px);
}

.app-review-write-box.common-content .product-info-box .img-wrap {
  position: relative;
}

/* .app-review-write-box.common-content .product-info-box .img-wrap::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.05);
        z-index: 9998 !important;
        width: inherit;
        height: inherit;
        border-radius: 8px;
      } */

.mypage-box .my-experience-box li .product-box .info-box {
  width: calc(100% - 115px);
}

.profile-info-box .user-wrap .img-wrap {
  position: relative;
  width: 38px;
  height: 38px;
  margin-right: 8px;
  border-radius: 12px;
}

.profile-info-box .user-wrap .img-wrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.review-wirte-wrap + .floating-footer button.all-submit-btn {
  background-color: #ebf0fb;
  color: #fff;
}

.review-detail-popup .review-filter-detail .product .img-wrap {
  position: relative;
  width: 38px;
  height: 38px;
  margin-right: 12px;
  border-radius: 12px;
}

.review-detail-popup .review-filter-detail .product .img-wrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.review-list-box .product-review-list .user-info-box .img-wrap {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 6px;
}

.review-list-box .product-review-list .user-info-box .img-wrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.review-list-box .product-review-list .user-info-box span.tag {
  font-weight: 600 !important;
  font-size: 10px !important;
}

.modal-wrap .content.out .img-txt-wrap p {
  padding-top: 6px;
  line-height: 142%;
  color: #67696b;
}

/* 釉뚮옖�쒓� */
/* .brand {
          background-color: #f6f9ff;
        } */

.common-wrap.brand {
  min-height: 100vh;
  margin-bottom: 0;
  background-color: #f6f9ff;
}

.main-new-page-wrap.common-wrap.brand {
  min-height: calc(100vh - 58px);
  margin-bottom: 58px;
  background-color: #fff;
}

.brand-main {
  padding-top: 56px;
}

.main-new .brand-main {
  padding-top: 0;
}

.brand-main .top-brand-info {
  position: relative;
}

.brand-main .top-brand-info .bg-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: auto 375 / 240;
  overflow: hidden;
}

.brand-main .top-brand-info .bg-wrap::after {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  content: "";
}

.brand-main .top-brand-info .bg-wrap .bg-area {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.brand-main .top-brand-info .brand-content {
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
  padding: 22px 16px;
  bottom: 0;
  left: 0;
}

.brand-main .top-brand-info .brand-content .img-wrap {
  position: relative;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 16px;
  margin-right: 12px;
  margin-top: 2px;
  overflow: hidden;
}

.brand-main .top-brand-info .brand-content .img-wrap .brand-logo {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.brand-main .top-brand-info .brand-content .info-wrap {
  width: calc(100% - 72px);
}

.brand-main .top-brand-info .brand-content .info-wrap .title {
  display: flex;
}

.brand-main .top-brand-info .brand-content .info-wrap .title h5 {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  line-height: 154%;
  padding-bottom: 6px;
  word-break: break-all;
  letter-spacing: -0.36px;
  flex: 1;
}

.brand-main .top-brand-info .brand-content .info-wrap .desc p {
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.72);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  letter-spacing: -0.24px;
}

.brand-main .top-brand-info .brand-content .info-wrap .sns {
  margin-left: auto;
  padding-left: 5px;
}

.brand-main .top-brand-info .brand-content .info-wrap .sns button {
  width: 22px;
  height: 22px;
}

.brand-main .top-brand-info .brand-content .info-wrap .sns button img {
  width: 100%;
}

.brand-main .top-brand-info + .tab-depth1 {
  margin-top: 0px;
  height: 46px;
}

.brand-main .campaign-banner {
  overflow: hidden;
  padding: 12px 0px 12px 16px;
  background: #fff;
}

.brand-main .campaign-banner .swiper-container {
  position: relative;
}

.brand-main .campaign-banner .swiper-container .swiper-wrapper {
  display: flex;
  width: 100%;
}

.brand-main .campaign-banner .swiper-container .swiper-pagination-wrap {
  position: absolute;
  bottom: 18px;
  left: 22px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.35);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(9px);
}

.brand-main .campaign-banner .swiper-container .swiper-pagination-wrap span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}

.brand-main .campaign-banner .swiper-container .swiper-pagination-wrap span b {
  font-weight: 700;
  color: #fff;
}

.brand-main .campaign-banner .swiper-item {
  display: flex;
  width: calc(100% - 48px);
  background: #ffeffb;
  border-radius: 12px;
  height: 78px;
  padding: 12px 16px;
  box-sizing: content-box;
  flex: none;
}

.brand-main .campaign-banner .swiper-item + .swiper-item {
  margin-left: 8px;
}

.brand-main .campaign-banner .swiper-item .img-wrap {
  position: relative;
  width: 110px;
  height: 78px;
  border-radius: 8px;
  margin-right: 10px;
  overflow: hidden;
}

.brand-main .campaign-banner .swiper-item .img-wrap .campaign-img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.brand-main .campaign-banner .swiper-item .content-wrap {
  width: calc(100% - 120px);
  align-content: center;
  margin-top: -2px;
}

.brand-main .campaign-banner .swiper-item .content-wrap h5.title {
  display: flex;
}

.brand-main .campaign-banner .swiper-item .content-wrap h5 img {
  width: 24px;
  height: 24px;
}

.brand-main .campaign-banner .swiper-item .content-wrap h5 strong {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #000;
  vertical-align: top;
}

.brand-main .campaign-banner .swiper-item .content-wrap h5 span {
  display: inline-block;
  padding-left: 4px;
  font-size: 13px;
  font-weight: 700;
  color: #ff43ca;
  letter-spacing: -0.26px;
  line-height: 24px;
  vertical-align: top;
}

.brand-main .campaign-banner .swiper-item .content-wrap .desc {
  margin-top: 5px;
  color: #222;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.24px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  letter-spacing: -0.24px;
}

.brand-main .campaign-banner .swiper-item .content-wrap .desc + p {
  color: #222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.brand-main .tab-depth1 {
  display: flex;
  height: 40px;
  padding: 0 16px;
  justify-content: space-between;
  flex-wrap: nowrap;
  background: #fff;
  gap: 20px;
}

.brand-main .depth1-container .tab-depth2 {
  border-top: 1px solid #f2f3f6;
}

.brand-main .tab-depth1 button {
  position: relative;
  font-size: 15px;
  color: #68696b;
  font-weight: 700;
  flex: 1;
}

.brand-main .tab-depth1 button.on {
  color: #000;
}

.brand-main .tab-depth1 button.on::after {
  width: 100%;
  height: 2px;
  background: #fb53ff;
  position: absolute;
  bottom: -1px;
  left: 0;
  content: "";
}

.brand-main .product-container {
  background: #fff;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.brand-main .product-container .tab-depth2 {
  justify-content: space-between;
  background: #fff;
  overflow-x: scroll;
  overflow-y: visible;
  box-sizing: content-box;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.brand-main .product-container .tab-depth2::-webkit-scrollbar {
  display: none;
}

.brand-main .product-container .tab-depth2 .swipe-scroll-area {
  padding: 0 6px;
  flex-flow: wrap;
  width: unset;
  word-break: break-all;
  inline-size: max-content;
  border-bottom: 1px solid #f2f3f6;
  min-width: 100%;
}

.brand-main .product-container .tab-depth2 button {
  width: auto;
  padding: 0 10px;
  color: #929498;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.26px;
  line-height: 40px;
  flex-basis: content;
  position: relative;
}

.brand-main .product-container .tab-depth2 button.on {
  color: #000;
  font-weight: 700;
}

.brand-main .product-container .tab-depth2 button.on::after {
  width: 100%;
  height: 2px;
  background: #000;
  position: absolute;
  bottom: -1px;
  left: 0;
  content: "";
}

.brand-main .product-container .tab-depth3 {
  padding: 16px 0 10px 16px;
  overflow-x: scroll;
  overflow-y: visible;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.brand-main .product-container .tab-depth3::-webkit-scrollbar {
  display: none;
}

.brand-main .product-container .tab-depth3 .swipe-scroll-area {
  flex-flow: wrap;
  width: unset;
  word-break: break-all;
  inline-size: max-content;
}

.brand-main .product-container .tab-depth3 .swipe-scroll-area::after {
  display: inline-block;
  width: 16px;
  height: 1px;
  content: "";
}

.brand-main .product-container .tab-depth3 button {
  line-height: 29px;
  font-size: 13px;
  color: #929498;
  font-weight: 700;
  border: 1px solid #dbdcdf;
  border-radius: 100px;
  padding: 0 15px 1px 15px;
  float: left;
  margin-left: 4px;
}

.brand-main .product-container .tab-depth3 button.on {
  border-color: #ff43ca;
  background: rgba(255, 67, 202, 0.1);
  color: #ff43ca;
}

.brand-main
  .product-container
  .tab-depth3
  .swipe-scroll-area
  button:first-child {
  margin-left: 0;
}

.brand-main .product-container .sort-info {
  display: flex;
  padding: 0 16px 16px 16px;
}

.brand-main .product-container .sort-info .number {
  display: inline-block;
  color: #929498;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.brand-main .product-container .sort-info .sort {
  margin-left: auto;
  appearance: none;
  border: none;
  color: #929498;
  font-weight: 600;
  background: transparent url(../images/icon-option-dropdown-new.png) left
    center no-repeat;
  background-size: 14px;
  text-align: right;
  box-sizing: content-box;
  font-size: 12px;
  letter-spacing: -0.22px;
  line-height: 142%;
  width: auto;
  padding-left: 16px;
}

.brand-main .product-container .brand-product-list {
  display: flex;
  flex-flow: wrap;
  padding: 0 16px 16px 16px;
  place-content: inherit;
  gap: 16px 16px;
}

.brand-main .product-container .brand-product-list li {
  width: calc(50% - 8px);
}

.brand-main .product-container .brand-product-list .img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: auto 1 / 1;
  border-radius: 12px;
  overflow: hidden;
}

.brand-main .product-container .brand-product-list .img-wrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.brand-main .product-container .brand-product-list .img-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 12px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.03);
}

.brand-main .product-container .brand-product-list .brand-name {
  color: #222222;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  margin-bottom: 2px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.brand-main .product-container .brand-product-list .product-name {
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 2px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
}

.brand-main .product-container .brand-product-list .price {
  color: #222;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 2px;
}

.brand-main .product-container .brand-product-list .star img {
  width: 18px;
  height: 18px;
  vertical-align: top;
}

.brand-main .product-container .brand-product-list .star span {
  display: inline-block;
  color: #929498;
  line-height: 18px;
  font-size: 12px;
  font-weight: 500;
}

/* 釉뚮옖�쒓� > 由щ럭�� */

.brand-main .review-list-box .product-review-list .product .info p {
  display: block;
  width: 100%;
}

/*.brand-main .review-list-box .product-review-list .product .info p strong {*/
/*  margin: 0 !important;*/
/*}*/

.depth1-container .review-container .review-list-box.first {
  padding: 16px 0 10px 0;
}

.depth1-container .review-container .review-list-box .review-summary {
  margin: 0 16px 0 0 !important;
}

.depth1-container
  .review-container
  .review-list-box.first
  .review-summary
  select {
  box-sizing: content-box;
  font-size: 11px;
  letter-spacing: -0.22px;
  line-height: 142%;
  width: auto;
  padding-left: 16px;
  background-size: 14px;
}

.depth1-container .review-container .review-list-box.first .count {
  margin-left: 16px;
  color: #929498;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 142%;
  /* 15.62px */
  letter-spacing: -0.22px;
}

.depth1-container .review-container .review-list-box .label {
  line-height: 18px;
}

.depth1-container .review-container .review-list-box .product .info .brand {
  background-color: #fff;
}

.depth1-container .review-container .review-list-box .star2-rating-foreground {
  background-image: url(../images/icon-star-on.png);
}

.depth1-container .review-container .review-list-box .star2-rating-background {
  background-image: url(../images/icon-star-off.png);
}

.depth1-container
  .review-container
  .review-list-box
  .product-review-list
  li
  .thumb {
  margin-right: 0 !important;
}

.depth1-container
  .review-container
  .review-list-box
  .product-review-list
  li
  .title {
  color: #000;
}

.depth1-container
  .review-container
  .review-list-box
  .product-review-list
  li
  .user-reaction-wrap
  .reaction {
  margin: 0;
}

.depth1-container
  .review-container
  .review-list-box
  .product-review-list
  li
  img {
  border-radius: 6px;
}

.depth1-container
  .review-container
  .review-list-box
  .product-review-list
  li
  .thumb
  img:last-child {
  margin-right: 16px;
}

.depth1-container .no-list {
  text-align: center;
  align-content: center;
  height: 310px;
}

.depth1-container .no-list.review img {
  width: 81px;
  height: 90px;
}

.depth1-container .no-list p {
  color: #929498;
  font-size: 14px;
  margin: 10px 0;
  font-weight: 400;
  line-height: 142%;
  /* 19.88px */
  letter-spacing: -0.28px;
}

.depth1-container .no-list button,
.depth1-container .no-list button:active {
  border: none;
  padding: 7px 17px 7px 17px !important;
  border-radius: 8px;
  letter-spacing: -0.22px;
  background-color: #ff43ca;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  height: 30px;
  line-height: 142%;
}

/* 釉뚮옖�쒓� > 留ㅺ굅吏� �� */
.depth1-container .no-list.magazine img {
  width: 90px;
  height: 90px;
}

.depth1-container .no-list.magazine button {
  background-color: #222222;
}

.depth1-container .no-list.brand-product {
  background-color: #f6f9ff;
  height: 283px;
}

.depth1-container .no-list.brand-product img.no-review {
  width: 100px;
}

.common-wrap header h2 {
  font-size: 18px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 56px;
  color: #000;
  letter-spacing: -0.36px;
}

.exp-page-wrap header h2 {
  padding: 0;
}

.common-wrap header button.btn-header-right {
  right: 12px;
}

.common-wrap header button img {
  width: 20px;
}

/* 硫붿씤 �� 怨듯넻 ��컮 (由щ돱��) */
.common-wrap {
  min-height: calc(100vh - 58px);
  margin-bottom: 58px;
}

nav.nav-wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  height: 57px;
}

nav.nav-wrap button {
  width: 69px !important;
  height: 57px;
  color: #929498;
}

nav.nav-wrap button.write-btn {
  width: 101px !important;
}

nav.nav-wrap button span {
  display: block;
  font-size: 10px;
  font-weight: 500;
  line-height: 142%;
  color: #929498;
}

nav.nav-wrap button img {
  width: 24px;
  height: 24px;
  margin-bottom: 2px;
}

nav.nav-wrap button.on span {
  font-weight: 700;
  color: #000;
}

nav.nav-wrap button.write-btn span {
  width: 76px;
  margin: 0 auto;
  display: flex;
  height: 45px;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background: linear-gradient(
    122deg,
    #fc80ff 18.27%,
    #fb53ff 46.28%,
    #f92683 96.43%
  );
}

nav.nav-wrap button.write-btn img {
  width: 26px;
  height: 26px;
  margin: 0;
}

nav.nav-wrap button.profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0.9;
}

nav.nav-wrap button.profile.on {
  opacity: 1;
}

nav.nav-wrap button.profile .img-wrap {
  margin: 8px 0 3px 0;
  width: 24px;
  height: 24px;
}

nav.nav-wrap button.profile .img-wrap img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
  margin-bottom: 0;
  opacity: 0.6;
}

nav.nav-wrap button.profile.on .img-wrap img {
  opacity: 1;
}

/* 硫붿씤 �� 怨듯넻 �명꽣 (由щ돱��) */
.common-footer-new {
  padding: 40px 20px 20px 20px;
  background: #f6f9ff;
}

.common-footer-new .sns-box {
  display: flex;
  height: 47px;
  justify-content: center;
  margin-bottom: 16px;
  gap: 20px;
}

.sns-box button {
  position: relative;
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  line-height: 133%;
  /* 14.63px */
  letter-spacing: -0.22px;
  color: #929498;
}

.common-footer-new .sns-box button::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: #dbdcdf;
}

.common-footer-new .sns-box button:last-child::after {
  display: none;
}

.common-footer-new .sns-box img {
  width: 30px;
  height: 30px;
}

.common-footer-new .company-drop button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0;
}

.common-footer-new .company-drop button strong {
  color: #929498;
  font-size: 14px;
  font-weight: 500;
  line-height: 142%;
  /* 19.88px */
}

.common-footer-new .company-drop button img {
  width: 18px;
  transform: rotate(180deg);
}

.common-footer-new .company-drop.visible button img {
  transform: rotate(0deg);
}

.common-footer-new .company-drop ul {
  display: none;
  flex-direction: column;
  gap: 5px;
  margin: 6px 0 16px 0;
}

.common-footer-new .company-drop.visible ul {
  display: flex;
}

.common-footer-new .company-drop ul li {
  color: #68696b;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  /* 18px */
  letter-spacing: -0.24px;
}

.common-footer-new .company-drop ul li a {
  color: #68696b;
}

.common-footer-new .company-drop ul li strong {
  display: inline-block;
  width: 86px;
  font-size: 13px;
  line-height: 150%;
  /* 19.5px */
  letter-spacing: -0.26px;
  color: #b8bbbf;
}

.common-footer-new .company-link {
  display: flex;
  gap: 16px;
  margin-bottom: 4px;
}

.common-footer-new .company-link a {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  text-decoration: none;
  position: relative;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.26px;
  color: #929498;
}

.common-footer-new .company-link a::after {
  content: "";
  position: absolute;
  top: 4px;
  right: -8px;
  transform: translateX(-50%);
  width: 1px;
  height: 10px;
  background-color: #dbdcdf;
}

.common-footer-new .company-link a:last-child {
  font-weight: 700;
}

.common-footer-new .company-link a:last-child::after {
  display: none;
}

.common-footer-new .copyright {
  font-size: 9px;
  font-weight: 400;
  line-height: 142%;
  /* 12.78px */
  color: #929498;
  margin-bottom: 8px;
}

/* 硫붿씤 �� (由щ돱��) */
.main-new-page-wrap header {
  display: flex;
  align-items: center;
  height: 50px;
}

.main-new-page-wrap header button.logo {
  position: absolute;
  left: 16px;
  width: 165px;
  height: 15px;
}

/* �섏젙�� */
.main-new-page-wrap header button:last-child {
  position: absolute;
  right: 15.56px;
  width: 20px;
  height: 20px;
}

.main-new-page-wrap header button img {
  width: 100%;
}

/* �섏젙�� */
.main-new-page-wrap header .header-buttons {
  position: absolute;
  right: 0;
  width: 64px;
}

.main-new-page-wrap header .header-buttons .header-button-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-new-page-wrap header .header-buttons .header-button-wrap button {
  width: 20px;
  height: 20px;
}

.main-new-page-wrap
  header
  .header-buttons
  .header-button-wrap
  button:first-child {
  position: absolute;
  right: 60px;
}

.main-new-page-wrap header .header-buttons .header-button-wrap button img {
  width: 100%;
}

/* �섏젙�� */

.main-new-page-wrap .main-new {
  padding-top: 50px;
}

/* �꾩씠�� 誘몃땲�먯꽌 �곸슜�섏� �딅뒗 �댁뒋(�꾩씠�� �뱀젙 踰꾩쟾)*/
/* .main-new-page-wrap .main-new:has(.tab-depth) {
        padding-top: 91px;
      } */

.main-new-page-wrap .main-new .tab-depth + div {
  padding-top: 100px;
}

.main-new-page-wrap .main-new .tab-depth {
  max-width: 500px;
  width: 100%;
  justify-content: space-between;
  background: #fff;
  overflow-x: scroll;
  overflow-y: visible;
  box-sizing: content-box;
  -ms-overflow-style: none;
  scrollbar-width: none;
  position: fixed;
  top: 50px;
  z-index: 9999;
}

.main-new-page-wrap .main-new .tab-depth::-webkit-scrollbar {
  display: none;
}

.main-new-page-wrap .main-new .tab-depth .swipe-scroll-area {
  padding: 0 16px;
  flex-flow: wrap;
  width: unset;
  word-break: break-all;
  inline-size: max-content;
  margin-bottom: 4px;
}

/* �섏젙�� */
.main-new-page-wrap .main-new .tab-depth button {
  width: auto;
  padding: 0 10px;
  color: #68696b;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.3px;
  line-height: 50px;
  flex-basis: content;
  position: relative;
}

.main-new-page-wrap .main-new .tab-depth button.on {
  color: #000;
  font-weight: 700;
}

.main-new-page-wrap .main-new .tab-depth button.on::after {
  width: 100%;
  height: 2px;
  background: #fb53ff;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
}

.main-new-page-wrap .main-new .tab-depth button.highlight {
  margin-right: 7px;
}

.main-new-page-wrap .main-new .tab-depth button.highlight::before {
  position: absolute;
  top: 8px;
  right: 4px;
  width: 6px;
  height: 6px;
  content: "";
  background: no-repeat url(../images/icon-highlight-star.png);
  background-size: contain;
}

/* 硫붿씤 �� (由щ돱��) > 硫붿씤 諛곕꼫 */
.main-new-page-wrap .banner-container {
  margin-bottom: 20px;
}

.main-new-page-wrap .banner-container .banner {
  position: relative;
  width: 100%;
  aspect-ratio: auto 343 / 290;
  overflow: hidden;
  padding: 4px 16px;
  display: flex;
  justify-content: center;
}

.main-new-page-wrap .banner-container .banner img.banner-img {
  display: block;
  position: relative;
  width: 100%;
  height: initial;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 0;
}

.main-new-page-wrap .banner-container .banner .contents {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 18px 31px;
}

.main-new-page-wrap .banner-container .banner .contents .tag {
  display: inline-flex;
  height: 24px;
  padding: 4px 6px;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.84);
  font-size: 11px;
  font-weight: 350;
  line-height: 142%;
  /* 15.62px */
  letter-spacing: -0.22px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.36);
}

.main-new-page-wrap .banner-container .banner .contents .title {
  position: absolute;
  margin-bottom: 8px;
  bottom: 42px;
  left: 32px;
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 124%;
  /* 29.76px */
  letter-spacing: -0.48px;
}

.main-new-page-wrap .banner-container .banner .contents label {
  position: absolute;
  bottom: 20px;
  left: 31px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 142%;
  /* 19.88px */
  letter-spacing: -0.28px;
  color: #fff;
  opacity: 0.8;
}

.main-new-page-wrap .banner-container .banner .contents .paging {
  position: absolute;
  display: flex;
  padding: 2px 8px;
  bottom: 18px;
  right: 31px;
  align-items: center;
  color: #ffffff;
  line-height: 142%;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(2px);
}

.main-new-page-wrap .banner-container .banner .contents .paging strong {
  font-weight: 500;
  color: #fff;
}

.main-new-page-wrap .banner-container .banner .contents .paging img {
  margin-left: 6px;
  width: 9px;
  height: 9px;
}

/* 硫붿씤 �� (由щ돱��) > �대깽�� 諛곕꼫 */
.main-new-page-wrap .comm-container {
  padding: 20px 0 20px 16px;
  /* margin-bottom: 10px; */
  margin-right: 0 !important;
}

.main-new-page-wrap .main-sub-title {
  display: grid;
  align-items: center;
  margin: 0 16px 16px 0;
  color: #000;
  grid-template-rows: repeat(2, auto);
  grid-template-columns: 1fr 20px;
}

.main-new-page-wrap .main-sub-title span {
  grid-column: 1 / 3;
  color: #929498;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main-new-page-wrap .main-sub-title .title {
  display: block;
  color: #000;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.4px;
}

.main-new-page-wrap .main-sub-title button {
  display: inline-flex;
  align-self: center;
}

.main-new-page-wrap .main-sub-title img {
  width: 20px;
  height: 20px;
}

.main-new-page-wrap .event-wrapper {
  display: flex;
  gap: 10px;
  overflow-x: auto;
}

.main-new-page-wrap .event-wrapper .event {
  position: relative;
  width: 300px;
  height: 340px;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
}

.main-new-page-wrap .event-wrapper .event:last-child {
  margin-right: 16px;
}

.main-new-page-wrap .event-wrapper .event .img-wrap {
  width: 300px;
  height: 340px;
  position: relative;
}

.main-new-page-wrap .event-wrapper .event .img-wrap .event-img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
}

.main-new-page-wrap .event-wrapper .contents {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
  height: 100%;
  padding: 35px 16px 20px;
  border-radius: 12px;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.25) 19.12%,
    rgba(0, 0, 0, 0) 100%
  );
}

.main-new-page-wrap .event-wrapper .contents .brand-name {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 142%;
  /* 22.72px */
  letter-spacing: -0.32px;
  opacity: 0.8;
}

.main-new-page-wrap .event-wrapper .contents .product-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 142%;
  /* 28.4px */
  letter-spacing: -0.8px;
}

.main-new-page-wrap .event-wrapper .contents .tag-wrapper {
  display: flex;
  gap: 6px;
}

.main-new-page-wrap .event-wrapper .contents .tag-wrapper span {
  display: flex;
  height: 22px;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 142%;
  color: #fff;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(2px);
}

.main-new-page-wrap .event-wrapper .contents .tag-wrapper span img {
  width: 10px;
  height: 10px;
  margin-right: 4px;
}

.main-new-page-wrap .event-wrapper .contents .tag-wrapper span.recruit {
  background: rgba(255, 67, 202, 0.6);
}

.main-new-page-wrap .event-wrapper .contents .tag-wrapper span.select {
  background: rgba(251, 166, 253, 0.6);
}

.main-new-page-wrap .event-wrapper .contents .tag-wrapper span.progress {
  background: rgba(0, 0, 0, 0.6);
}

.main-new-page-wrap .event-wrapper .contents .tag-wrapper span.end {
  background: rgba(104, 105, 107, 0.6);
}

.exp-label-box .recruit {
  background: rgba(255, 67, 202, 0.6) !important;
}

.exp-label-box .select {
  background: rgba(251, 166, 253, 0.6) !important;
}

.exp-label-box .progress {
  background: rgba(0, 0, 0, 0.6) !important;
}

.exp-label-box .end {
  background: rgba(104, 105, 107, 0.6) !important;
}

/* 硫붿씤 �� (由щ돱��) > ��궧 媛�濡� �ㅼ��댄봽�� */
.main-new-page-wrap .rank-container.horizontal .rank-horizontal-wrapper {
  display: flex;
  gap: 8px;
  overflow-x: auto;
}

.main-new-page-wrap
  .rank-container.horizontal
  .rank-horizontal-wrapper::-webkit-scrollbar {
  display: none;
}

.main-new-page-wrap .rank-horizontal {
  width: 132px;
}

.main-new-page-wrap .rank-horizontal:last-child {
  margin-right: 16px !important;
}

.main-new-page-wrap .rank-horizontal .img-wrap {
  position: relative;
  width: 132px;
  height: 132px;
  margin-bottom: 8px;
}

.main-new-page-wrap .rank-horizontal .img-wrap:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.04);
}

.main-new-page-wrap .rank-horizontal .img-wrap .rank-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.main-new-page-wrap .rank-horizontal .img-wrap .rank-tag {
  position: absolute;
  top: 0;
  display: flex;
  height: 24px;
  padding: 5px 9px;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 142%;
  /* 17.04px */
  letter-spacing: -0.24px;
  background: #000;
}

.main-new-page-wrap .rank-horizontal .img-wrap .rank-tag.bg-pink {
  background-color: #ff43ca;
}

.main-new-page-wrap .rank-horizontal .img-wrap .bookmark-btn {
  z-index: 1;
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
}

.main-new-page-wrap .rank-horizontal .img-wrap .bookmark-btn img {
  width: 100%;
  height: 100%;
}

.main-new-page-wrap .rank-container .brand-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 500;
  line-height: 142%;
  /* 17.04px */
  letter-spacing: -0.24px;
  color: #222;
  margin-bottom: 2px;
}

.main-new-page-wrap .rank-container .product-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 142%;
  /* 19.88px */
  letter-spacing: -0.28px;
  margin-bottom: 2px;
}

.main-new-page-wrap .rank-container .price {
  display: block;
  color: #000;
  font-size: 13px;
  font-weight: 700;
  line-height: 142%;
  /* 18.46px */
  letter-spacing: -0.26px;
  margin-bottom: 2px;
}

.main-new-page-wrap .rank-container .score-wrapper {
  display: flex;
  align-items: center;
  color: #929498;
  font-size: 12px;
  font-weight: 500;
  line-height: 142%;
  /* 17.04px */
  letter-spacing: -0.24px;
}

.main-new-page-wrap .rank-horizontal .score-wrapper img {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}

/* 硫붿씤 �� (由щ돱��) > ��궧 �몃줈 ��궧�� */
.main-new-page-wrap .rank-container.vertical .rank-vertical-wrapper {
  display: flex;
  flex-direction: column;
  padding-right: 16px;
  gap: 10px;
}

.main-new-page-wrap .rank-container.vertical .rank-vertical {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}

.main-new-page-wrap .rank-vertical .rank-tag {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 12px;
  background: #000;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.24px;
}

.main-new-page-wrap .rank-vertical:first-child .rank-tag {
  background: #ff43ca;
}

.main-new-page-wrap .rank-vertical .img-wrap {
  position: relative;
  width: 100px;
  height: 100px;
}

.main-new-page-wrap .rank-vertical .img-wrap:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.04);
}

.main-new-page-wrap .rank-vertical .img-wrap .rank-img {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  object-fit: cover;
}

.main-new-page-wrap .rank-vertical .contents-wrap {
  display: grid;
  flex-direction: column;
}

.main-new-page-wrap .rank-vertical .price {
  margin-bottom: 0;
}

.main-new-page-wrap .rank-vertical .product-name {
  font-size: 15px;
  font-weight: 700;
  line-height: 142%;
  /* 20.4px */
  letter-spacing: -0.3px;
}

.main-new-page-wrap .rank-vertical .score-wrapper {
  display: flex;
  align-items: center;
  margin-top: 2px;
  color: #929498;
  font-size: 12px;
  font-weight: 500;
  line-height: 142%;
  /* 17.04px */
  letter-spacing: -0.24px;
}

.main-new-page-wrap .rank-vertical .score-wrapper img {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}

.main-new-page-wrap .rank-vertical .bookmark-btn {
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.main-new-page-wrap .rank-vertical .bookmark-btn img {
  width: 100%;
  height: 100%;
}

/* 硫붿씤 �� (由щ돱��) > 留ㅺ굅吏� */
.main-new-page-wrap .magazine-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 384px;
  gap: 16px 8px;
}

.main-new-page-wrap .magazine-wrapper::-webkit-scrollbar {
  display: none;
}

.main-new-page-wrap .magazine-wrapper .magazine {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  width: 141px;
}

.main-new-page-wrap .magazine-wrapper .magazine:last-child {
  margin-right: 8px !important;
}

.main-new-page-wrap .magazine-wrapper .magazine .img-wrap {
  position: relative;
  display: block;
  width: 141px;
  height: 184px;
}

.main-new-page-wrap .magazine-wrapper .magazine .img-wrap:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.main-new-page-wrap .magazine-wrapper .magazine .img-wrap .magazine-img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
}

.main-new-page-wrap .magazine-container .magazine-wrapper .magazine p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  /* 23.4px */
  letter-spacing: -0.36px;
}

/* 硫붿씤 �� (由щ돱��) > �좊같�� */
.main-new-page-wrap .banner-slide {
  padding: 16px;
  /* margin-bottom: 10px; */
}

.main-new-page-wrap .banner-slide .slide-box {
  position: relative;
}

.main-new-page-wrap .banner-slide .slide-box img {
  width: 100%;
  border-radius: 12px;
}

.main-new-page-wrap .banner-slide .slide-box .paging {
  height: 15px;
  position: absolute;
  bottom: 8px;
  right: 9px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.69);
  backdrop-filter: blur(2px);
  padding: 0 8px;
  color: #000;
  font-size: 10px;
  font-weight: 400;
  line-height: 142%;
  letter-spacing: -0.2px;
}

.main-new-page-wrap .banner-slide .slide-box .paging strong {
  color: #000;
  font-weight: 700;
}

/* 硫붿씤 �� (由щ돱��) > 由щ럭 */
.main-new-page-wrap .review-container .main-sub-title strong {
  display: flex;
}

.main-new-page-wrap .review-container .main-sub-title strong img {
  width: 28px;
  height: 28px;
  margin-right: 6px;
}

.main-new-page-wrap .review-container .review-wrapper {
  display: flex;
  overflow-x: auto;
  gap: 13px;
}

.main-new-page-wrap .review-container .review-wrapper::-webkit-scrollbar {
  display: none;
}

.main-new-page-wrap .review-wrapper .review {
  width: 200px;
}

.main-new-page-wrap .review-wrapper .review:last-child {
  margin-right: 16px;
}

.main-new-page-wrap .review-wrapper .review .img-wrap {
  position: relative;
  width: 200px;
  height: 190px;
  margin-bottom: 14px !important;
}

.main-new-page-wrap .review-wrapper .review .img-wrap img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  object-fit: cover;
}

.main-new-page-wrap .review-wrapper .review .img-wrap .review-cnt {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  height: 16px;
  padding: 0 6px;
  border-radius: 13px;
  background: rgba(0, 0, 0, 0.32);
  color: rgba(255, 255, 255, 0.84);
  font-size: 11px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: -0.22px;
  backdrop-filter: blur(2px);
}

.main-new-page-wrap .review-wrapper .review .user-info-box {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
}

.main-new-page-wrap .review-wrapper .review .user-info-box .img-wrap {
  width: 22px;
  height: 22px;
  margin-bottom: 0 !important;
}

.main-new-page-wrap .review-wrapper .review .user-info-box .img-wrap img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  object-fit: cover;
}

.main-new-page-wrap .review-wrapper .review .user-info-box span {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  line-height: 142%;
  /* 17.04px */
  letter-spacing: -0.24px;
}

.main-new-page-wrap .review-wrapper .review .one-line-review {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 139%;
  /* 19.46px */
  letter-spacing: -0.28px;
  margin-bottom: 10px;
}

.main-new-page-wrap .review-wrapper .review .comment-box {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 !important;
  margin: 0 0 12px 0 !important;
  height: 18px;
}

.main-new-page-wrap .review-wrapper .review .comment-box button {
  display: flex;
  align-items: center;
}

.main-new-page-wrap .review-wrapper .review .comment-box button img {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.main-new-page-wrap .review-wrapper .review .comment-box button span {
  color: #929498;
  font-size: 14px;
  font-weight: 500;
  line-height: 142%;
  /* 19.88px */
  letter-spacing: -0.28px;
}

/* 硫붿씤 �� (由щ돱��) > 怨듭��ы빆 */
.main-new-page-wrap .notice-container {
  margin-bottom: 30px;
}

.main-new-page-wrap .notice-wrapper .notice {
  padding: 10px 16px 10px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #373839;
  font-size: 13px;
  font-weight: 400;
  line-height: 142%;
  /* 18.46px */
  letter-spacing: -0.26px;
  border-bottom: 1px solid #f2f3f6;
}

.main-new-page-wrap .notice-wrapper .notice:last-child {
  border-bottom: 0;
}

.exp-content .exp-join-form .info-box .img-wrap {
  width: 100px;
  height: 100px;
  margin-right: 15px;
  border-radius: 8px;
}

.exp-content .exp-join-form .info-box .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.exp-content .exp-join-form .info-box p.title {
  font-size: 20px;
}

.detail-box .product .product-detail .brand {
  margin-right: 8px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-weight: 500;
}

.mypage-content
  .review-list-box
  .my-review-list.list
  li
  .product
  .cursor-pointer:first-child {
  width: 100%;
}

.mypage-content .review-list-box .my-review-list.list li .product .info {
  display: flex;
  width: 100%;
  margin-left: 10px;
  flex-direction: column;
  gap: 2px;
}

.mypage-content
  .review-list-box
  .my-review-list.list
  li
  .product
  .image-container
  .img-wrap {
  width: 110px;
  height: 110px;
}

.mypage-content .review-list-box .my-review-list.list li .product .info p {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-weight: 500;
}

.common-wrap header button.btn-header-right {
  top: 15px;
}

.common-wrap header button.btn-header-right img {
  width: 20px;
}

.review-list-box .my-review-list li p.title {
  font-weight: 700;
  color: #000;
  line-height: 142%;
}

.my-review-list .product .image-container::before {
  background-color: rgba(0, 0, 0, 0.03);
}

.review-list-box.bookmark .my-review-list .product .info p {
  margin-bottom: 0;
  line-height: 142%;
}

/* 硫붿씤諛곕꼫 �꾩껜蹂닿린 */
.main-banner-all-wrap {
  margin-bottom: 0;
}

.main-banner-all-wrap header button img {
  width: 24px !important;
  height: 24px !important;
  margin: 10px;
}

.main-banner-all-wrap .main-banner-all {
  padding-top: 56px;
  margin-bottom: 40px;
}

.main-banner-all-wrap .main-banner-all .banner-container {
  display: flex;
  flex-direction: column;
  margin: 4px 16px 0 16px;
  gap: 10px;
}

.main-banner-all-wrap .main-banner-all .banner-container .banner {
  padding: 0;
}

.main-banner-all-wrap .main-banner-all .banner-container .banner .contents {
  padding: 14px 15px;
}

.main-banner-all-wrap
  .main-banner-all
  .banner-container
  .banner
  .contents
  .title {
  left: 15px;
}

.main-banner-all-wrap
  .main-banner-all
  .banner-container
  .banner
  .contents
  label {
  left: 15px;
}

/* �덈찓�� > �대깽�� �� */
.main-new-page-wrap .event-container.active {
  padding: 4px 16px 30px 16px;
  margin-bottom: 17px;
  margin-left: 0;
}

.main-new-page-wrap .event-container.active .event-wrapper {
  flex-direction: column;
  overflow-x: initial;
}

.main-new-page-wrap .event-container.active .event-wrapper .event {
  width: 100%;
  height: 100%;
  aspect-ratio: auto 343 / 389;
}

.main-new-page-wrap .event-container.active .event-wrapper .event .img-wrap {
  width: 100%;
  height: 100%;
}

.main-new-page-wrap .event-container.active .event-wrapper .event .contents {
  padding: 40px 18px 22px;
  gap: 7px;
}

.main-new-page-wrap .event-container.active .contents .brand-name {
  font-size: 18px;
}

.main-new-page-wrap .event-container.active .contents .product-name {
  font-size: 23px;
}

.main-new-page-wrap .event-container.active .contents .tag-wrapper {
  gap: 7px;
}

.main-new-page-wrap .event-container.active .contents .tag-wrapper span {
  font-size: 13px;
  padding: 0 10px;
  font-weight: 600;
  height: 25px;
  line-height: 25px;
}

.main-new-page-wrap .event-container.active .contents .tag-wrapper span img {
  width: 11px;
  height: 11px;
  margin-right: 5px;
}

/* �덈찓�� > 由щ럭 �� */
.main-new-page-wrap .main-new .review-container .review-list-box.first {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 16px 10px 0;
}

.main-new-page-wrap
  .main-new
  .review-container
  .review-list-box.first
  .review-filter {
  margin: 0;
}

.main-new-page-wrap
  .main-new
  .review-container
  .review-list-box.first
  .review-summary {
  margin: 0 !important;
}

.main-new-page-wrap
  .main-new
  .review-container
  .review-list-box.first
  .review-summary
  select {
  font-size: 12px;
  font-weight: 600;
  width: 52px;
  background-size: 14px;
}

.main-new-page-wrap
  .main-new
  .brand-main
  .review-container
  .review-list-box.first
  .review-summary
  select {
  width: 38px;
  line-height: 16px;
}

.main-new-page-wrap
  .main-new
  .review-container
  .review-list-box.first
  .review-filter
  label {
  border: 1px solid #dbdcdf;
  line-height: 18px;
}

.main-new-page-wrap
  .main-new
  .review-container
  .review-list-box
  .product-review-list
  li
  .thumb {
  margin-right: 0;
}

.main-new-page-wrap
  .main-new
  .review-container
  .review-list-box
  .product-review-list
  li
  .thumb
  img:last-child {
  margin-right: 16px;
}

.main-new-page-wrap
  .main-new
  .review-container
  .review-list-box
  .product-review-list
  .user-info-box
  .img-wrap
  img {
  border-radius: 6px;
}

.main-new-page-wrap
  .main-new
  .review-container
  .review-list-box
  .product-review-list
  .reaction {
  margin: 0;
}

/* �명꽣 Top 踰꾪듉 */
.btn-top {
  z-index: 999;
  position: fixed;
  bottom: 20px;
  right: 0;
}

.nav-wrap + .btn-top {
  bottom: 78px;
}

.btn-top img {
  width: 52px;
  height: 52px;
}

/* �덈찓�� > ��궧 �� */
.main-new-page-wrap .rank-container.active {
  padding: 0;
  margin-bottom: 30px;
  margin-left: 0;
}

.main-new .tab-depth-rank {
  padding: 64px 10px 14px 16px !important;
  justify-content: space-between;
  overflow-x: scroll;
  overflow-y: visible;
}

.main-new .tab-depth.rank {
  border-bottom: 1px solid #eceef2;
}

.main-new .tab-depth-rank .swipe-scroll-area {
  word-break: break-all;
  inline-size: max-content;
}

.main-new .tab-depth-rank button {
  line-height: 29px;
  font-size: 13px;
  color: #929498;
  font-weight: 700;
  border: 1px solid #dbdcdf;
  border-radius: 100px;
  padding: 0 15px 1px 15px;
  float: left;
  margin-right: 4px;
}

.main-new .tab-depth-rank button.on {
  border-color: #ff43ca;
  background: rgba(255, 67, 202, 0.1);
  color: #ff43ca;
}

.main-new .tab-depth-rank button:last-child {
  margin-right: 0;
}

.main-new-page-wrap .rank-container.active .rank-vertical-wrapper {
  padding: 0 16px 20px 16px;
}

.main-new-page-wrap .rank-container.active .rank-vertical .product-name {
  font-size: 15px;
}

/* .main-new-page-wrap .rank-container.active .rank-vertical .price {
          font-weight: 700;
        } */

/* 由щ럭 valid �앹뾽 */
.review-valid-popup .popup-content-wrap {
  position: relative;
}

.review-valid-popup .popup-content-wrap .popup-content {
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}

.review-valid-popup .popup-content-wrap .close-top {
  position: absolute;
  top: 20px;
  right: 20px;
}

.review-valid-popup .popup-content-wrap .close-top img {
  width: 14px;
  height: 14px;
}

.review-valid-popup .popup-content-wrap .popup-content {
  padding: 0;
}

.review-valid-popup .popup-content-wrap .empty-wrap {
  padding: 40px 16px 12px 16px;
}

.review-valid-popup .popup-content-wrap .empty-wrap img {
  width: 103px;
  height: 109px;
  margin-bottom: 15px;
}

.review-valid-popup .popup-content-wrap .empty-wrap strong {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 142%;
  /* 22.72px */
  letter-spacing: -0.32px;
  margin-bottom: 4px;
}

.review-valid-popup .popup-content-wrap .empty-wrap p {
  overflow: hidden;
  color: #ff43ca;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 142%;
  /* 18.46px */
  letter-spacing: -0.26px;
  margin-bottom: 20px;
}

.review-valid-popup .popup-content-wrap .empty-wrap button {
  display: flex;
  height: 52px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  background: #ff43ca;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 142%;
  /* 22.72px */
  letter-spacing: -0.32px;
}

/* 留ㅺ굅吏� new */

.main-new .magazine-content {
  padding-top: 0;
}

.main-new .magazine-content ul li .desc {
  white-space: nowrap;
}

.magazine-content li .subject {
  line-height: 140%;
}

.main-new-page-wrap .main-new {
  padding-top: 0;
}

.pt-50px {
  padding-top: 50px;
}

.limepie-contents {
  position: relative;
}

.main-new-page-wrap .banner-container .banner .contents .paging span {
  color: #fff;
}

.main-new-page-wrap .event-wrapper {
  overflow-x: visible;
}

/* �섏젙�� */
.main-new-page-wrap .main-new .tab-depth a {
  width: auto;
  padding: 0 10px;
  color: #68696b;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.3px;
  line-height: 50px;
  flex-basis: content;
  position: relative;
  display: inline-block;
}

.main-new-page-wrap .main-new .tab-depth a.on {
  color: #000;
  font-weight: 700;
  color: #fb53ff;
}

.main-new-page-wrap .main-new .tab-depth a.kcon::before {
  content: "2025 \2665";
  display: block;
  color: #67696b;
  font-weight: inherit;
  font-size: 10px;
  height: 15px;
  position: absolute;
  line-height: unset;
  top: -15px;
}

.main-new-page-wrap .main-new .tab-depth a.kcon.on::before {
  content: "2025 \2665";
  display: block;
  color: #fb53ff;
  font-weight: inherit;
  font-size: 10px;
  height: 15px;
  position: absolute;
  line-height: unset;
  top: -15px;
}

.main-new-page-wrap .main-new .tab-depth a.on::after {
  width: 100%;
  height: 2px;
  background: #fb53ff;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
}

/* �섏젙�� */
.main-new-page-wrap .main-new .tab-depth a.highlight::before {
  position: absolute;
  top: 8px;
  right: 4px;
  width: 6px;
  height: 6px;
  content: "";
  background: no-repeat url(../images/icon-highlight-star-primary.png);
  background-size: contain;
}

/* �섏젙�� */
.main-new-page-wrap .main-new .tab-depth a {
  width: auto;
  padding: 0 10px;
  color: #67696b;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.3px;
  line-height: 50px;
  flex-basis: content;
  position: relative;
}

.main-new-page-wrap .main-new .tab-depth a.highlight {
  margin-right: 7px;
}

.main-new-page-wrap .main-new .tab-depth a.highlight.primary {
  color: #fb53ff;
}

.common-wrap .common-content {
  padding-top: 50px;
}

nav.nav-wrap a.on {
  color: #2a3548;
}

nav.nav-wrap a.on {
  color: #2a3548;
}

/* 03.27 �섏젙�� */
nav.nav-wrap a {
  width: 69px !important;
  display: inline-block;
  height: initial;
  padding: 0;
  margin-top: -2px;
  font-size: 11px;
  text-align: center;
  color: #d4d9dd;
}

.review-container {
  padding-top: 50px;
}

.sub-header .review-container {
  padding-top: 0px !important;
}

.sub-header .rank-tab-container {
  padding-top: 14px !important;
}

/* �대깽�� �섏씠吏��� */
.main-new-page-wrap .event-container {
  padding-top: 54px !important;
}

/* 硫붿씤 > �대깽�몄슜 */
.main-new-page-wrap .event-container.swiper {
  padding-top: 20px !important;
}

.sub-header .event-container {
  padding-top: 4px !important;
}

.border-top-line {
  border-top: 1px solid #ebf0fb;
}

.sub-header header {
  display: none;
}

.mypage-box .review-list-box .review-summary {
  margin-bottom: 10px !important;
}

.review-list-box .review-summary img {
  position: absolute;
  right: 0;
}

.review-wirte-wrap .input-item input[type="text"]::placeholder {
  color: #b8bbbf !important;
}

.item-unregistered-wrap select {
  padding-right: 35px;
}

.main-new .review-list-box .product-review-list li p.title {
  color: #000;
  font-weight: 700;
  line-height: 142%;
  -webkit-line-clamp: 2;
}

.main-new .review-list-box .product-review-list li .product .info::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.04);
}

.main-new .review-list-box .product-review-list li .product p.name {
  font-weight: 700;
  line-height: 142%;
}

.main-new .review-list-box .product-review-list .product .info p {
  width: auto;
}

.main-new .review-list-box .product-review-list .product .info p.brand {
  font-weight: 500;
}

.main-new .review-list-box .product-review-list .product .info p.name strong {
  color: #68696b;
}

.main-new .review-list-box .product-review-list li .reaction span {
  font-size: 14px;
  font-weight: 500;
  color: #929498;
}

.main-new .review-list-box .product-review-list .user-info-box span.name {
  font-weight: 700;
}

/* add */

.review-container {
  padding-top: 50px;
}

.sub-header .review-container {
  padding-top: 0px;
}

.sub-header header {
  display: none;
}

/* 03.26 �섏젙�� */
nav.nav-wrap a .img {
  width: 24px;
  height: 24px;
  margin-bottom: 2px;
  display: inline-block;
  /* margin: 0 auto; */
  margin: 0 auto 2px auto;
  background-size: contain;
}

/* 03.26 �섏젙�� */
nav.nav-wrap a span {
  display: block;
  font-size: 10px;
  font-weight: 500;
  color: #929498;
  line-height: unset !important;
}

.icon-new-tabbar-home .img {
  background-image: url("../images/icon-new-tabbar-home-off.png");
}

.icon-new-tabbar-home.on .img {
  background-image: url("../images/icon-new-tabbar-home-on.png");
}

.icon-new-tabbar-event .img {
  background-image: url("../images/icon-new-tabbar-event-off.png");
}

.icon-new-tabbar-event.on .img {
  background-image: url("../images/icon-new-tabbar-event-on.png");
}

.icon-new-tabbar-rank .img {
  background-image: url("../images/icon-new-tabbar-rank-off.png");
}

.icon-new-tabbar-rank.on .img {
  background-image: url("../images/icon-new-tabbar-rank-on.png");
}

/* 03.27 �섏젙�� */
.icon-new-tabbar-magazine .img {
  background-image: url("../images/icon-new-tabbar-magazine-off.png");
}

.icon-new-tabbar-magazine.on .img {
  background-image: url("../images/icon-new-tabbar-magazine-on.png");
}

.icon-new-tabbar-profile .img {
  background-image: url("../images/icon-new-tabbar-profile-off.png");
}

.icon-new-tabbar-profile.on .img {
  background-image: url("../images/icon-new-tabbar-profile-on.png");
}

nav.nav-wrap a.on span {
  font-weight: 700;
  color: #000;
}

nav.nav-wrap a.profile {
  position: relative;
  opacity: 0.9;
}

nav.nav-wrap a.profile.on {
  opacity: 1;
}

nav.nav-wrap a.profile.on::after {
  display: none;
}

nav.nav-wrap a.profile .img {
  width: 24px;
  height: 24px;
  opacity: 0.6;
}

nav.nav-wrap a.profile img.img {
  opacity: 0.6;
}

nav.nav-wrap a.profile.on img.img {
  opacity: 1;
}

nav.nav-wrap a.profile.on .img {
  opacity: 1;
}

nav.nav-wrap a.profile img {
  border-radius: 20px;
  object-fit: cover;
}

nav.nav-wrap a.profile img + br + span::after {
  position: absolute;
  border-radius: 100%;
  top: 0;
  left: 22px;
  display: block;
  width: 25px;
  height: 24px;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.1) 0%,
      rgba(0, 0, 0, 0.1) 100%
    ),
    url(<path-to-image>) lightgray 50% / cover no-repeat;
  content: "";
  opacity: 0.1;
}

nav.nav-wrap a.profile.on img {
  opacity: 1;
}

.review-list-box .review-summary {
  position: relative;
}

.sub-header .rank-tab-container::-webkit-scrollbar {
  display: none;
}

.main-new-page-wrap .banner-container .contents {
  /* width: 100%; */
  /* height: 100%; */
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 18px 31px;
  z-index: 3;
}

.main-new-page-wrap .banner-container .contents .paging {
  position: absolute;
  display: flex;
  padding: 2px 8px;
  bottom: 18px;
  right: 31px;
  align-items: center;
  color: #ffffff;
  line-height: 142%;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(2px);
}

.main-new-page-wrap .banner-container .contents .paging strong {
  font-weight: 500;
  color: #fff;
}

.main-new-page-wrap .banner-container .contents .paging span {
  color: #fff;
}

.main-new-page-wrap .banner-container .contents .paging img {
  margin-left: 6px;
  width: 9px;
  height: 9px;
}

/* .main-new-page-wrap .magazine-wrapper {
    display: flex;
    overflow-x: visible;
    gap: 0;
  } */

.main-new-page-wrap .comm-container {
  padding: 20px 0 20px 0px;
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 10px;
  overflow: hidden;
}

.main-new-page-wrap .magazine-wrapper .magazine:last-child {
  padding-right: 0 !important;
  margin-right: 16px !important;
}

.main-new-page-wrap .rank-container.horizontal .rank-horizontal-wrapper {
  overflow: visible;
  gap: 0;
}

.main-new-page-wrap .rank-horizontal:last-child {
  margin-right: 0;
}

.main-new-page-wrap .review-container .review-wrapper {
  overflow: visible;
  gap: 0;
}

.main-new-page-wrap .review-wrapper .review:last-child {
  margin-right: 16px !important;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */
}

.exp-content .top-info-box {
  background-position-y: bottom;
}

/* �대깽�� �좎껌 */
hr.divider {
  height: 12px;
  margin: 0;
  border: none;
  background-color: #f6f9ff;
  width: 100%;
}

.event-join-page {
  margin-bottom: 0 !important;
}

.event-join-page .event-join-wrapper {
  padding-top: 50px;
}

.survey-comm-box {
  padding: 24px 16px;
  /* margin-bottom: 56px; */
}

.survey-comm-box .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 142%;
}

.survey-comm-box .header span {
  color: #ff43ca;
  font-size: 12px;
  font-weight: 600;
  line-height: 142%;
  letter-spacing: -0.24px;
}

.event-join-wrapper .product-info-box {
  display: flex;
  align-items: center;
  padding: 16px;
  background-color: #fff;
}

.event-join-wrapper .product-info-box .img-wrap {
  position: relative;
  width: 100px;
  height: 113px;
  margin-right: 16px;
}

.event-join-wrapper .product-info-box .img-wrap img {
  border: none;
  border-radius: 8px;
  width: 100px;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.event-join-wrapper .product-info-box .img-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background-color: rgba(0, 0, 0, 0.05);*/
  z-index: 9998 !important;
  width: inherit;
  height: inherit;
  border-radius: 8px;
}

.event-join-wrapper .product-info-box .info p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  font-size: 18px;
  font-weight: 700;
  line-height: 142%;
  color: #222;
  margin-bottom: 2px;
}

.event-join-wrapper .product-info-box .info span {
  font-size: 14px;
  font-weight: 500;
  line-height: 142%;
  color: #68696b;
}

.event-join-wrapper .event-product-box .detail {
  display: flex;
  gap: 4px;
  margin-top: 12px;
  padding: 16px;
  background: #f6f9ff;
  flex-direction: column;
  border-radius: 6px;
}

.event-join-wrapper .event-product-box .detail:has(input) {
  gap: 8px;
}

.event-join-wrapper .event-product-box .detail p {
  color: #68696b;
  font-size: 13px;
  font-weight: 400;
  line-height: 142%;
  letter-spacing: -0.26px;
}

.event-join-wrapper .delivery-info-box .form-box {
  gap: 10px;
  display: flex;
  flex-direction: column;
  margin: 16px 0;
}

.event-join-wrapper .delivery-info-box .form-box .form-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.event-join-wrapper .delivery-info-box .form-box .form-item .title {
  color: #68696b;
  white-space: nowrap;

  font-size: 14px;
  font-weight: 700;
  line-height: 142%;
  letter-spacing: -0.28px;
}

.event-join-wrapper .delivery-info-box .form-box .form-item .flex-box {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  width: calc(100% - 97px);
}

.event-join-wrapper .delivery-info-box .form-box .form-item .sm {
  width: calc(50% - 4px);
}

.event-join-wrapper .delivery-info-box .form-box .form-item .lg {
  width: 100%;
}

.event-join-wrapper .delivery-info-box .form-box .form-item button {
  width: 100%;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #f2f3f6;
  color: #b8bbbf;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 142%;
  letter-spacing: -0.3px;
}

.event-join-wrapper .delivery-info-box .form-box .form-item button.auto-btn.on {
  background-color: #eceef2;
  color: #222222;
}

.event-join-wrapper .delivery-info-box .form-box .form-item button:disabled {
  cursor: not-allowed;
}

.event-join-wrapper .delivery-info-box .form-box .form-item .full {
  width: 100%;
}

.event-join-wrapper .delivery-info-box .form-box .form-item .dodo-btn {
  width: 89px;
  color: #68696b;
  font-size: 15px;
  font-weight: 400;
  line-height: 142%;
  letter-spacing: -0.3px;
  border: 1px solid #eceef2;
  height: 46px;
}

.event-join-wrapper .delivery-info-box .form-box .form-item .dodo-btn:disabled {
  color: #68696b;
  opacity: 1;
}

.event-join-wrapper .delivery-info-box .form-box .form-item .dodo-btn.on {
  color: #68696b;
}

.event-join-wrapper .delivery-info-box .save-check p {
  color: #929498;
  font-size: 13px;
  font-weight: 400;
  line-height: 142%;
  letter-spacing: -0.26px;
}

.event-join-wrapper .delivery-info-box .desc {
  color: #929498;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 142%;
  letter-spacing: -0.24px;
}

.event-join-wrapper .delivery-info-box .desc span {
  color: #929498;
  font-size: 12px;
  font-weight: 700;
  line-height: 142%;
  letter-spacing: -0.24px;
}

.event-join-wrapper .user-agree-box .desc {
  margin: 16px 0;
  color: #68696b;
  font-size: 13px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.26px;
}

.event-join-wrapper .user-agree-box .agree-check label span {
  color: #929498;
  font-size: 13px;
  font-weight: 400;
  line-height: 142%;
  letter-spacing: -0.26px;
}

.event-join-wrapper .user-agree-box .agree-check input:checked + label span {
  color: #222222;
  font-weight: 700;
}

.event-join-wrapper .btn-wrapper {
  padding: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.event-join-wrapper .btn-wrapper .complete-btn {
  width: 100%;
  height: 52px;
  /* border-radius: 8px; */
  background: #ebf0fb;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 142%;
  letter-spacing: -0.32px;
}

.event-join-wrapper .btn-wrapper .complete-btn.active {
  background: #ff43ca;
}

.event-join-wrapper .btn-wrapper .complete-btn.edit {
  background: #000;
}

.survey-info-box .header {
  margin-bottom: 12px;
}

.survey-info-box .survey-item {
  padding: 20px 16px;
  background: #f6f9ff;
  display: flex;
  flex-direction: column;
  gap: 14px;
  border-radius: 6px;
}

.survey-info-box .survey-item .gap10 {
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.survey-info-box .survey-item.error-item {
  border: 1px solid #ff43ca;
}

.survey-info-box .survey-box {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.survey-info-box .survey-box .survey-item .title {
  width: fit-content;
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 142%;
  letter-spacing: -0.28px;
  word-break: break-all;
}

.survey-info-box .survey-box .survey-item .title .star {
  width: 5px;
  height: 5px;
  margin-bottom: 9px;
}

.survey-info-box .survey-box .survey-item .desc {
  display: block;
  color: #929498;
  font-size: 12px;
  font-weight: 400;
  line-height: 142%;
  letter-spacing: -0.24px;
  margin-top: 6px;
}

.survey-info-box .survey-box .survey-item .img-wrap {
  width: 100%;
  height: 100%;
}

.survey-info-box .survey-box .survey-item .img-wrap img {
  width: 100%;
}

.survey-input-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.survey-error-msg {
  display: block;
  color: #ff43ca;
  font-size: 12px;
  font-weight: 400;
  line-height: 142%;
  letter-spacing: -0.24px;
}

/* �대�吏� �ы븿�� �쇰뵒��,泥댄겕諛뺤뒪 */
.img-input .event-input-checkbox + label {
  width: 100%;
}

.survey-info-box .survey-box .survey-item .product-survey-box {
  width: calc(100% - 28px);
  position: relative;
  padding: 10px;
  background: #ffffff;
  display: flex;
  align-items: center;
  border-radius: 12px;
}

.event-input-btn.img-input
  input:checked
  + label
  .product-survey-box
  .product-detail
  .product-option
  strong,
.event-input-btn.img-input
  input[type="checkbox"]:checked
  + label
  .product-survey-box
  .product-detail
  .product-option
  strong {
  color: #000000;
}

.event-input-btn.img-input
  input:checked
  + label
  .product-survey-box
  .product-detail
  .product-option
  p,
.event-input-btn.img-input
  input[type="checkbox"]:checked
  + label
  .product-survey-box
  .product-detail
  .product-option
  p {
  color: #000;
}

.event-input-btn.img-input
  input[type="radio"]:checked
  + label
  .product-survey-box
  .product-detail
  > p,
.event-input-btn.img-input
  input[type="checkbox"]:checked
  + label
  .product-survey-box
  .product-detail
  > p {
  color: #000;
}

.event-input-btn input[type="radio"]:checked + label span,
.event-input-btn input[type="checkbox"]:checked + label span {
  font-weight: 700;
}

.event-input-btn input[type="checkbox"].line:checked + label span {
  color: #222;
}

.survey-info-box .survey-box .survey-item .product-survey-box .img-wrap {
  position: relative;
  width: 48px;
  height: 48px;
  margin-right: 12px;
}

.survey-info-box .survey-box .survey-item .product-survey-box .img-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  border-radius: 8px;
  height: 48px;
  background-color: rgba(0, 0, 0, 0.04);
}

.survey-info-box .survey-box .survey-item .product-survey-box .img-wrap img {
  width: 48px;
  height: 48px;
  border-radius: 8px;
}

.survey-info-box .survey-box .survey-item .product-survey-box .product-detail {
  width: calc(100% - 68px);
}

.survey-info-box
  .survey-box
  .survey-item
  .product-survey-box
  .product-detail
  .product-option {
  position: relative;
}

.survey-info-box
  .survey-box
  .survey-item
  .product-survey-box
  .product-detail
  p {
  color: #68696b;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  font-weight: 500;
  line-height: 142%;
  letter-spacing: -0.24px;
}

.survey-info-box
  .survey-box
  .survey-item
  .product-survey-box
  .product-detail
  strong {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 13px;
  font-weight: 700;
  line-height: 142%;
  letter-spacing: -0.26px;
  color: #68696b;
}

.survey-info-box
  .survey-box
  .survey-item
  .product-survey-box
  .product-detail
  .product-option
  p {
  color: #929498;
}

.survey-info-box .survey-group-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.survey-info-box .survey-group-item .survey-group-header {
  margin-bottom: 2px;
}

.survey-info-box .survey-group-item .group-title {
  color: #222;
  font-size: 15px;
  font-weight: 700;
  line-height: 142%;
  letter-spacing: -0.3px;
  margin-bottom: 4px;
  word-break: break-all;
}

.survey-info-box .survey-group-item .group-desc {
  color: #929498;
  font-size: 13px;
  font-weight: 500;
  line-height: 142%;
  letter-spacing: -0.26px;
  word-break: break-all;
}

.survey-info-box .survey-group-item .group-img-wrap {
  margin-top: 8px;
  width: 100%;
  height: 100%;
}

.survey-info-box .survey-group-item .group-img-wrap img {
  width: 100%;
}

/* �대깽�� �쒕쿋�� */
.event-input {
  height: 46px;
  padding: 0 16px;
  border: 1px solid #eceef2;
  border-radius: 6px;
  background: #fff;
  font-size: 15px;
  color: #000;
  font-weight: 400;
  letter-spacing: -0.3px;
}

.event-input.caution {
  border: 1px solid #ff43ca;
}

.event-input:focus {
  border: 1px solid #373839;
  caret-color: #ff43ca;
}

.event-input:disabled {
  border-color: #eceef2;
  background: #f2f3f6;
  color: #68696b;
  text-overflow: ellipsis;
  opacity: 1;
}

.event-input::placeholder {
  color: #b8bbbf;
  font-weight: 400;
}

.event-input-checkbox + label::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/input-check-off.png") no-repeat;
  background-size: cover;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  content: "";
}

.event-input-checkbox + label {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  font-size: 13px;
  line-height: 142%;
  font-weight: 400;
}

.event-input-checkbox + label span {
  max-width: calc(100% - 28px);
}

.event-input-checkbox:checked + label::before {
  background: url("../images/input-check-on.png") no-repeat;
  background-size: cover;
}

.event-input-checkbox:checked:disabled + label::before {
  background: url("../images/input-check-disabled.png") no-repeat;
  background-size: cover;
}

.event-input-checkbox:checked + label {
  color: initial !important;
  background: initial !important;
}

.event-input-checkbox.radio {
  display: none;
}

.event-input-checkbox.radio + label::before {
  background: url("../images/input-radio-off.png") no-repeat;
  background-size: cover;
}

.event-input-checkbox.radio:checked + label::before {
  background: url("../images/input-radio-on.png") no-repeat;
  background-size: cover;
}

.event-input-checkbox.radio:checked:disabled + label::before {
  background: url("../images/input-radio-disabled.png") no-repeat;
  background-size: cover;
}

.event-input-checkbox.line + label::before {
  background: url("../images/input-check-line-off.png") no-repeat;
  background-size: cover;
}

.event-input-checkbox.line:checked + label::before {
  background: url("../images/input-check-line-on.png") no-repeat;
  background-size: cover;
}

.event-input-checkbox.line:checked:disabled + label::before {
  background: url("../images/input-check-line-disabled.png") no-repeat;
  background-size: cover;
}

.event-join-wrapper
  .event-product-box
  .detail
  .event-input-checkbox
  + label
  span {
  font-size: 13px;
  color: #222;
  line-height: 142%;
  letter-spacing: -0.26px;
}

.event-join-wrapper
  .event-product-box
  .detail
  .event-input-checkbox
  + label
  span
  b {
  font-weight: 700;
  color: #222;
}

.event-join-wrapper
  .event-product-box
  .detail
  .event-input-checkbox:checked
  + label
  span {
  font-weight: 700;
  color: #222;
}

.event-join-wrapper
  .event-product-box
  .detail
  .event-input-checkbox:checked
  + label
  span
  b {
  color: #222;
}

.event-join-wrapper
  .event-product-box
  .detail
  .event-input-btn
  + .event-input-btn {
  /* margin-top: 4px; */
}

.save-check .event-input-checkbox + label span {
  font-size: 13px;
  color: #929498;
  line-height: 142%;
  letter-spacing: -0.26px;
  font-weight: 400;
}

.survey-comm-box .sns-wrap input {
  margin: 16px 0 0 0;
}

.survey-comm-box .sns-wrap p {
  position: relative;
  padding-left: 6px;
  font-size: 12px;
  color: #929498;
  font-weight: 500;
  line-height: 142%;
  /* 17.04px */
  letter-spacing: -0.24px;
}

.survey-comm-box .sns-wrap p::before {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  content: "*";
}

.survey-comm-box .sns-wrap .survey-error-msg {
  margin-top: 8px;
}

.survey-comm-box .sns-wrap .survey-error-msg + p {
  margin-top: 16px;
}

.survey-comm-box .sns-wrap input + p {
  margin-top: 16px;
}

.survey-comm-box .agree-check .event-input-checkbox + label span {
  font-size: 13px;
  color: #929498;
  line-height: 142%;
  letter-spacing: -0.26px;
  font-weight: 400;
}

.mypage-popup .event-join-wrapper .survey-comm-box {
  padding: 0;
}

.mypage-popup .event-join-wrapper .delivery-info-box .form-box {
  margin: 0;
}

.mypage-popup .event-join-wrapper {
  padding: 4px 0 36px 0;
}

.mypage-popup
  .event-join-wrapper
  .delivery-info-box
  .form-box
  .form-item
  button {
  height: 46px;
  border-radius: 8px;
  border: none;
  font-weight: 700;
}

.mypage-popup
  .event-join-wrapper
  .delivery-info-box
  .form-box
  .form-item
  button.dodo-btn {
  width: 89px;
  color: #68696b;
  font-size: 15px;
  font-weight: 400;
  line-height: 142%;
  letter-spacing: -0.3px;
  border: 1px solid #eceef2;
  height: 46px;
}

.mypage-popup .edit-info-wrap {
  padding: 24px 16px;
  background: #f6f9ff;
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-bottom: -40px;
}

.mypage-popup .edit-info-wrap h5 {
  font-size: 18px;
  color: #222222;
  font-weight: 700;
  line-height: 142%;
  letter-spacing: -0.36px;
  padding-bottom: 16px;
}

.mypage-popup .edit-info-wrap p {
  font-size: 12px;
  color: #68696b;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.26px;
}

.survey-item .event-input-checkbox + label span {
  font-size: 13px;
  color: #222;
  line-height: 142%;
  letter-spacing: -0.26px;
  word-break: break-all;
}

.mypage-page-wrap .mypage-popup {
  overflow-x: hidden;
}

.product-page-wrap .product-box .product-select-box ul.option {
  height: auto;
  position: absolute !important;
}

.exp-content .exp-desc-wrapper {
  padding: 24px 16px;
}

.exp-content .exp-desc-wrapper .exp-title {
  color: #222;
  margin-bottom: 16px;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 142%;
  letter-spacing: -0.36px;
}

.exp-content .exp-desc-wrapper .exp-desc {
  color: #68696b;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.26px;
}

.event-join-wrapper .error {
  display: block;
  margin: 8px 0 16px 0 !important;
  color: #ff43ca;
  font-size: 12px;
  font-weight: 400;
  line-height: 142%;
  letter-spacing: -0.24px;
}

.event-join-wrapper .survey-info-box .error {
  display: contents;
}

.event-join-wrapper .delivery-info-box .form-box {
  margin-bottom: 0;
}

.event-join-wrapper input:-webkit-autofill {
  background-color: white !important;
  /* �먮룞�꾩꽦 諛곌꼍�� �쒓굅 */
  box-shadow: 0 0 0px 1000px white inset !important;
  /* 諛곌꼍�됱쓣 �곗깋�쇰줈 梨꾩� */
}

#mission-review-form-wrap:has(.survey-info-box) .tag-box {
  border-bottom: 0;
  margin-bottom: 0;
}

.main-new .magazine-content .content img {
  margin-bottom: 0;
}

.event-join-wrapper .delivery-info-box .error:empty + .save-check {
  margin-top: 16px;
}

.event-join-wrapper .event-product-box .detail .error {
  margin: 0 !important;
}

.event-join-wrapper .event-product-box .detail .error .error {
  margin: 0 !important;
}

.exp-content .exp-desc-wrapper + .exp-winner-list {
  padding-bottom: 0;
}

.popup-content-wrap .delivery-info-box .address-error {
  margin: 0 !important;
}

.popup-content-wrap .delivery-info-box .address-error .error {
  margin: 0 !important;
}

.popup-content-wrap .delivery-info-box .form-item:nth-child(6) .event-input {
  margin-bottom: 0;
}

.popup-content-wrap .delivery-info-box .form-item + .address-error {
  margin-top: -10px !important;
}

.popup-content-wrap
  .delivery-info-box
  .form-item
  + .address-error:has(> *[style*="display: block"]) {
  margin-top: -2px !important;
}

.popup-content-wrap .delivery-info-box .form-item .flex-box input {
  margin-bottom: 0;
}

.event-join-wrapper .event-product-box .detail {
  gap: 0 !important;
}

.event-join-wrapper
  .event-product-box
  .detail
  .event-input-btn
  + .event-input-btn {
  margin-top: 8px;
}

.event-join-wrapper
  .event-product-box
  .detail
  .event-input-checkbox
  + label
  span
  b {
  font-weight: 700;
}

.event-join-wrapper
  .event-product-box
  .detail
  .event-input-checkbox.hidden
  + label
  span
  b {
  color: #68696b !important;
}

.event-join-wrapper .event-product-box .detail .error {
  margin-top: 8px !important;
}

.event-join-wrapper .event-product-box .detail .error:empty {
  margin-top: 0 !important;
}

/* 留ㅺ굅吏�, 怨듭��ы빆 �곸꽭 */
header.detail-header {
  border-bottom: 1px solid #f2f3f6;
}

#review-new-product-wrap ~ .modal-wrap .content.out .img-txt-wrap p {
  font-weight: 500;
}

.review-item-wrap .item-unregistered-wrap {
  padding: 20px 16px 31px 16px !important;
}

.review-item-wrap .item-unregistered-wrap #imagePreviewContainer {
  margin: 0 !important;
}

.center-modal-wrap .content.sns-load-fail h5 {
  line-height: 142%;
  font-weight: 700;
  color: #000000;
}

.center-modal-wrap .content.sns-load-fail p {
  font-size: 13px;
  line-height: 142%;
  letter-spacing: -0.26px;
}

.center-modal-wrap .content.sns-load-fail button {
  width: 136px;
  height: 46px;
  font-size: 16px;
}

.review-list-box .my-review-list .review-info-box .date {
  font-size: 12px !important;
  font-weight: 500;
}

.review-list-box.bookmark .my-review-list .user-info-box img {
  width: 24px;
  height: 24px;
  border-radius: 6px;
}

.profile4-popup .popup-content-wrap .popup-header {
  color: #000000;
}

.review-list-box .product-review-list li .reaction img {
  width: 20px;
  height: 20px;
}

.review-list-box .my-review-list li .reaction img {
  width: 20px;
  height: 20px;
}

.mypage-box .self-box input {
  font-size: 15px;
}

.popup-content-wrap input {
  font-size: 15px !important;
}

.modal-wrap .content.sns-load h5 {
  color: #000000;
}

.modal-wrap .content.out .img-txt-wrap h5 {
  color: #000000;
}

.popup-dim-wrap .popup-content-wrap .popup-header {
  border-radius: 24px 24px 0 0;
}

.review-filter.product-detail {
  padding-bottom: 10px;
}

.review-filter.product-detail .filter-wrap {
  margin: 0 !important;
}

.review-list-box:has(.review-filter.product-detail) {
  display: block;
  padding: 16px;
}

.review-filter.product-detail + .review-fliter-info {
  display: flex;
}

.review-filter.product-detail + .review-fliter-info p {
  color: #929498;
  font-size: 12px;
  font-weight: 500;
  line-height: 142%;
  letter-spacing: -0.24px;
}

.review-filter.product-detail + .review-fliter-info .review-summary {
  margin: 0 0 0 auto !important;
}

.push-popup-wrap.center-modal-wrap .modal-inner {
  padding: 32px 16px;
}

.push-popup-wrap.center-modal-wrap
  .modal-inner
  .content.sns-load-fail
  .button-wrap {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}

.push-popup-wrap.center-modal-wrap
  .modal-inner
  .modal-content-wrap
  .popup-close-btn {
  position: absolute;
  top: 18px;
  right: 20px;
  width: 24px;
  height: 24px;
}

/* 25.02.27 �몄돩 �묒뾽 �쒖옉 */

.common-wrap.push-alarm-wrap {
  height: 100vh;
  overflow: hidden;
  margin-bottom: 0;
}

.common-wrap header button.btn-header-left.alarm-icon {
  left: unset !important;
  position: absolute;
  right: 59px;
  top: 15px;
}

.common-wrap header button.btn-header-left.alarm-icon img {
  width: 20px;
  height: 20px;
}

.main-new-page-wrap.common-wrap
  .main-new
  #limepie-contents
  .line
  .header-icon-wrap
  .btn-header-left
  img {
  width: 24px;
  height: 24px;
}

/* �몄돩 �앹뾽 (留덉씠�섏씠吏�) */
.push-popup-wrap.center-modal-wrap .modal-inner .content.sns-load-fail h5 {
  padding: 12px 0 8px 0;
  letter-spacing: -0.32px;
}

.push-popup-wrap.center-modal-wrap .modal-inner .content.sns-load-fail p {
  color: #67696b;
  line-height: 142%;
  letter-spacing: -0.26px;
}

.push-popup-wrap.center-modal-wrap
  .modal-inner
  .content.sns-load-fail
  .button-wrap
  .next-btn {
  background-color: #eceef2;
  color: #000;
  letter-spacing: -0.32px;
  line-height: 142%;
}

.push-popup-wrap.center-modal-wrap
  .modal-inner
  .content.sns-load-fail
  .button-wrap
  .push-ok-btn {
  background-color: #000;
  color: #fff;
  letter-spacing: -0.32px;
  line-height: 142%;
}

.push-popup-wrap.center-modal-wrap .modal-inner .content.sns-load-fail .ok-btn {
  width: 136px;
  height: 46px;
  letter-spacing: -0.32px;
  line-height: 142%;
}

.push-popup-wrap.center-modal-wrap .modal-inner .content.sns-load-fail img {
  margin-top: unset !important;
}

.push-popup-wrap.center-modal-wrap
  .modal-inner
  .content.sns-load-fail
  img.parumi-img {
  width: 90px !important;
  height: 91.05px !important;
}

/* �몄돩 �앹뾽 (泥댄뿕�� �좎껌��) */
.popup-dim-wrap.review-valid-popup.review-valid-popup
  .popup-content-wrap
  .close-top
  img {
  width: 24px;
  height: 24px;
}

.setting-box li {
  line-height: unset !important;
}

.mypage-content .setting-box li {
  height: 55px;
  padding: 16px 21px 18px 16px;
  font-weight: bold;
  letter-spacing: -0.3px;
}

.mypage-content .setting-box li span {
  height: auto !important;
}

.mypage-content .setting-box .btn-withdraw {
  color: #b8bbbf;
  font-weight: bold;
  text-decoration-thickness: 2px;
  margin-top: 50px;
  letter-spacing: -0.28px;
}

.mypage-content .setting-box .setting-bottom-section {
  background-color: #f6f9ff;
}

/* 이벤트 내 모달 */
.event-popup .popup-content-wrap .empty-wrap {
  padding: 40px 16px 12px 16px;
}

.event-push-popup .popup-content .empty-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.event-popup .popup-content-wrap {
  position: relative;
}

.popup-dim-wrap .popup-content-wrap {
  max-width: 500px;
  width: 100%;
}

.event-popup .popup-content-wrap .close-top {
  position: absolute;
  top: 16px;
  right: 16px;
}

.event-popup .popup-content-wrap .close-top img {
  width: 24px;
  height: 24px;
}

.event-popup .popup-content-wrap .popup-content {
  padding: 0;
}

.event-popup .popup-content-wrap .popup-content {
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}

.event-push-popup .popup-content {
  padding-bottom: 70px;
  box-sizing: content-box;
  height: initial;
  /* max-height: 312px; */
  min-height: 208px;
}

.event-push-popup .popup-content {
  overflow-y: scroll;
}

.event-push-popup .popup-content {
  /* height: 312px; */
  overflow: hidden;
  background-color: #fff;
}

.event-push-popup .popup-content .empty-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.event-popup .popup-content-wrap .empty-wrap {
  padding: 48px 16px 12px 16px;
}

.event-popup .popup-content-wrap .empty-wrap img {
  width: 90px;
  height: 91.05px;
  margin-bottom: 20px;
}

.event-popup .popup-content-wrap .empty-wrap strong {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 142%;
  letter-spacing: -0.32px;
  margin-bottom: 4px;
}

.event-popup .popup-content-wrap .empty-wrap p {
  overflow: hidden;
  color: #67696b;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 142%;
  letter-spacing: -0.26px;
  margin-bottom: 20px;
}

.event-popup .popup-content-wrap .empty-wrap .btn-wrap {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-top: unset;
  width: 100%;
}

.event-popup .popup-content-wrap .empty-wrap .btn-wrap button {
  display: flex;
  width: 100%;
  height: 52px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  background: #ff43ca;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 142%;
  letter-spacing: -0.32px;
}

.event-popup .popup-content-wrap .empty-wrap .btn-wrap .next-btn {
  background-color: #eceef2;
  color: #000;
  letter-spacing: -0.32px;
  line-height: 142%;
}

.event-popup .popup-content-wrap .empty-wrap .btn-wrap .confirm-btn {
  background-color: #000;
  color: #fff;
  letter-spacing: -0.32px;
  line-height: 142%;
}

.event-profile-popup.review-valid-popup .popup-content-wrap .close-top {
  position: absolute;
  top: 16px;
  right: 16px;
}

.event-profile-popup.review-valid-popup .popup-content-wrap .close-top img {
  width: 24px;
  height: 24px;
}

.event-profile-popup.review-valid-popup .popup-content-wrap .empty-wrap {
  padding-top: 48px;
}

.event-profile-popup.review-valid-popup .popup-content-wrap .empty-wrap img {
  width: 90px;
  height: 91.05px;
  margin-bottom: 20px;
}

.event-profile-popup.review-valid-popup .popup-content-wrap .empty-wrap strong {
  margin-bottom: 20px;
  letter-spacing: -0.32px;
  line-height: 142%;
}

/* �뚮┝ �녿뒗 寃쎌슦 */
.mypage-content .alarm-null-img-wrap {
  height: calc(100vh - 108px);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
}

.mypage-content .alarm-null-img-wrap .alarm-contents-wrap img {
  width: 158px;
  height: 103.2px;
}

.mypage-content .alarm-null-text {
  font-size: 14px;
  color: #929498;
  padding: 28px 3px 0 3px;
  letter-spacing: -0.28px;
}

.mypage-content .push-setting-wrap {
  padding: 15px 16px;
}

.mypage-content .push-setting-wrap .push-popup-title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mypage-content .push-setting-wrap .push-popup-title-wrap .push-popup-title {
  font-size: 15px;
  font-weight: bold;
  color: #171719;
  letter-spacing: -0.3px;
}

.mypage-content .push-setting-wrap .push-popup-desc-wrap {
  padding-top: 8px;
  color: #929498;
  margin-right: 41px;
  font-size: 12px;
  line-height: 142%;
}

.mypage-content .push-setting-wrap .push-popup-desc-wrap span {
  font-weight: bold;
  color: #929498;
  font-size: 12px;
  line-height: 142%;
  letter-spacing: -0.24px;
}

.mypage-content .alarm-list {
  padding: 10px 16px;
  border-bottom: 1px solid #ebf0fb;
  cursor: pointer;
}

.mypage-content .alarm-list:last-child {
  padding-bottom: 20px;
  border-bottom: none;
}

.mypage-content .alarm-list.checked {
  background-color: #fff6fc;
  border-bottom: none;
}

.mypage-content .alarm-list .alarm-title-box {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
}

.mypage-content .alarm-list .alarm-title-box .alarm-img {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: #ff43ca;
}

.mypage-content .alarm-list .alarm-title-box .alarm-title {
  font-size: 12px;
  font-weight: bold;
  color: #373839;
  letter-spacing: -0.24px;
  line-height: 142%;
  margin-left: 12px;
}

.mypage-content .alarm-list .alarm-desc-box {
  margin-left: 36px;
}

.mypage-content .alarm-list .alarm-desc-box .alarm-desc {
  font-size: 14px;
  color: #222222;
  letter-spacing: -0.28px;
  line-height: 142%;
  margin-bottom: 10px;
}

.mypage-content .alarm-list .alarm-desc-box .alarm-createdAt {
  font-size: 12px;
  color: #929498;
  letter-spacing: -0.24px;
  line-height: 142%;
}

.mypage-content .alarm-list .alarm-desc-box img {
  width: 100%;
  aspect-ratio: 307/180;
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 4px;
  object-fit: cover;
}

/* �몄돩 �뚮엺 �섏씠吏� �ㅽ겕濡� 泥섎━ */
.common-wrap .mypage-content.common-content.alarm-content {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  overflow: hidden;
  max-width: 500px;
  margin: 0 auto;
  background-color: #f6f9ff;
}

.mypage-content .alarm-list {
  padding: 10px 16px;
  border-bottom: 1px solid #ebf0fb;
  background-color: #fff;
}

.review-valid-popup
  .popup-content-wrap
  .empty-wrap
  img.product-detail-popup-parumi-img {
  width: 90px;
  height: 91.05px;
  margin-bottom: 20px;
}

.review-valid-popup .popup-content-wrap .empty-wrap strong.mb-20 {
  margin-bottom: 20px;
}

.modal-wrap .content.product-change.pt-48 {
  padding-top: 48px !important;
}

.popup-dim-wrap.center-modal-wrap
  .modal-inner
  .modal-content-wrap.sns-load-fail-top {
  position: absolute;
  right: 20px;
  top: 18px;
}

.center-modal-wrap .content.sns-load-fail img.sns-fail-popup-parumi-img {
  width: 90px !important;
  height: 91.05px !important;
  margin-top: unset;
}

/* 寃��� */
.search-history-null .search-header {
  display: flex;
  align-items: center;
  position: sticky;

  margin: 12px 16px 8px 0;
}

.search-history-null .search-header .btn-header-left {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  padding: 0;
}

.search-history-null .search-header .btn-header-left img {
  width: 44px;
  height: 44px;
}

.search-history-null .search-header .search-input-container {
  position: relative;
  flex: 1;
  width: 100%;
}

.search-history-null .search-header .search-input-container .search-input-wrap {
  display: flex;
  align-items: center;
}

.search-history-null
  .search-header
  .search-input-container
  .search-input-wrap
  .search-button-wrap {
  position: absolute;
  right: 16px;
}

.search-history-null
  .search-header
  .search-input-container
  .search-input-wrap
  .search-button
  img {
  width: 24px;
  height: 24px;
}

/* .search-input-container .search-input-wrap input, */
.search-history-null
  .search-header
  .search-input-container
  .search-input-wrap
  input {
  width: 100%;
  height: 40px;
  padding: 9.5px 48px 9.5px 16px;
  background-color: #f2f3f6;
  border: none;
  border-radius: 100px;
  caret-color: #ff43ca;
  font-size: 14px;
  color: #000;
  font-weight: normal;
  line-height: 150%;
  letter-spacing: -0.28px;

  &::placeholder {
    color: #b8bbbf;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -0.28px;
    line-height: 150%;
  }
}

.search-history-null .search-content {
  height: calc(100vh - 64px);
  overflow-y: auto;
}

.search-history-null .search-history {
  margin: 0 16px 0;
}

.search-history-null .search-history .title {
  padding: 10.5px 0;
  color: #000;
  font-size: 18px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.32px;
}

.search-history-null .search-history .empty-desc {
  padding: 11.5px 0;
  color: #929498;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: -0.28px;
  text-align: center;
}

.search-history-null .recommend-list {
  margin: 10px 16px 12px;
}

.search-history-null .recommend-list .title {
  font-size: 18px;
  padding: 10.5px 0;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.32px;
}

.search-history-null .recommend-list .keyword-tags {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}

.search-history-null .recommend-list .keyword-tags li {
  margin-right: 6px;
  margin-bottom: 6px;
}

.search-history-null .recommend-list .keyword-tags li a {
  display: block;
  padding: 8px 14px;
  border: 1px solid #dbdcdf;
  border-radius: 100px;
  color: #67696b;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: -0.22px;
}

.search-history-null .recommend-list .keyword-tags li a:hover {
  background-color: #f0f0f0;
}

.search-history-null .search-history .history-list .history-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 0;
  height: 44px;
}

.search-history-null .search-history .history-list .history-item .history-text {
  font-size: 15px;
  font-weight: normal;
  line-height: 145%;
  letter-spacing: -0.3px;
  color: #000;
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 19px;
}

.search-history-null .search-history .history-list .history-item .btn-delete {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: none;
}

.search-history-null
  .search-history
  .history-list
  .history-item
  .btn-delete
  .delete-icon-img {
  width: 24px;
  height: 24px;
}

.search-history-null .search-history .show-more {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.search-history-null .show-more .show-more-text {
  font-size: 11px;
  font-weight: normal;
  line-height: 142%;
  letter-spacing: -0.22px;
  color: #929498;
}

.search-history-null .show-more .show-more-icon {
  width: 16px;
  height: 16px;
  margin-left: 4px;
}

.search-history-null .show-more .show-more-icon img {
  width: 16px;
  height: 16px;
}

.search-history-null .auto-complete-list {
  padding: 0 16px 16px;
}

.search-history-null .auto-complete-list .auto-complete-item {
  padding: 11px 0;
  cursor: pointer;
}

.search-history-null .auto-complete-list .auto-complete-item a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.search-history-null
  .auto-complete-list
  .auto-complete-item
  a
  .auto-complete-item-img {
  width: 24px;
  height: 24px;
}

.search-history-null
  .auto-complete-list
  .auto-complete-item
  a
  .auto-complete-item-text {
  font-size: 15px;
  font-weight: normal;
  line-height: 145%;
  letter-spacing: -0.3px;
  color: #373839;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: calc(100% - 30px);
}

.search-history-null
  .auto-complete-list
  .auto-complete-item
  a
  .auto-complete-item-text
  .primary {
  color: #ff43ca;
  font-size: 15px;
  font-weight: normal;
  line-height: 145%;
  letter-spacing: -0.3px;
}

.review-product-search .search-input-container {
  top: 50px;
}

.review-product-search .search-input-container form input {
  caret-color: #ff43ca;
}

.search-product-main .search-content {
  margin-top: 50px;
}

.search-product-main .search-content .auto-complete-list {
  padding: 0 16px 16px;
}

.search-product-main .search-content .auto-complete-list .auto-complete-item {
  padding: 11px 0;
  cursor: pointer;
}

.search-product-main .search-content .auto-complete-list .auto-complete-item a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.search-product-main
  .search-content
  .auto-complete-list
  .auto-complete-item
  a
  .auto-complete-item-img {
  width: 24px;
  height: 24px;
}

.search-product-main
  .search-content
  .auto-complete-list
  .auto-complete-item
  a
  .auto-complete-item-text {
  font-size: 15px;
  font-weight: normal;
  line-height: 145%;
  letter-spacing: -0.3px;
  color: #373839;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: calc(100% - 30px);
}

.search-product-main
  .search-content
  .auto-complete-list
  .auto-complete-item
  a
  .auto-complete-item-text
  .primary {
  color: #ff43ca;
  font-size: 15px;
  font-weight: normal;
  line-height: 145%;
  letter-spacing: -0.3px;
}

.review-product-search .search-main .product-search-null-icon {
  width: 295px;
}

.review-product-search .search-main .product-search-null-title {
  font-size: 15px;
  font-weight: bold;
  line-height: 142%;
  color: #222;
  padding-top: 12px;
}

.review-product-search .search-main .product-search-null-description {
  font-size: 14px;
  font-weight: normal;
  line-height: 152%;
  letter-spacing: -0.28px;
  color: #67696b;
  padding-top: 6px;
}

/* 留ㅺ굅吏� �곹뭹 �곕룞 異붽� */
.magazine-content .magazine-detail .linked-products {
  padding: 16px 16px 40px;
  background: #fff;
}

.magazine-content .magazine-detail .linked-products .title {
  font-size: 16px;
  font-weight: bold;
  color: #222;
  letter-spacing: -0.32px;
  line-height: 142%;
  margin-bottom: 16px;
}

.magazine-content .magazine-detail .linked-products .product-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.magazine-content
  .magazine-detail
  .linked-products
  .product-list
  .product-item {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid #eceef2;
}

.magazine-content
  .magazine-detail
  .linked-products
  .product-list
  .product-item
  .product-image {
  position: relative;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  border-radius: 8px;
  margin-right: 12px;
}

.magazine-content
  .magazine-detail
  .linked-products
  .product-list
  .product-item
  .product-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}

.magazine-content
  .magazine-detail
  .linked-products
  .product-list
  .product-item
  .product-image
  img {
  padding: 4px;
  width: 48px;
  height: 48px;
  aspect-ratio: auto 1 / 1;
  overflow: hidden;
  object-fit: contain;
}

.magazine-content
  .magazine-detail
  .linked-products
  .product-list
  .product-item
  .product-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 6.5px 0;
  overflow: hidden;
}

.magazine-content
  .magazine-detail
  .linked-products
  .product-list
  .product-item
  .product-info
  .product-brand-name {
  font-size: 12px;
  color: #67696b;
  letter-spacing: -0.24px;
  line-height: 142%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.magazine-content
  .magazine-detail
  .linked-products
  .product-list
  .product-item
  .product-info
  .product-name-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.magazine-content
  .magazine-detail
  .linked-products
  .product-list
  .product-item
  .product-info
  .product-name-wrap
  .product-name {
  font-size: 13px;
  color: #68696b;
  font-weight: bold;
  letter-spacing: -0.26px;
  line-height: 142%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.magazine-content
  .magazine-detail
  .linked-products
  .product-list
  .product-item
  .product-info
  .product-name-wrap
  .product-option-name {
  min-width: 97px;
  max-width: 97px;
  font-size: 12px;
  text-align: left;
  color: #929498;
  letter-spacing: -0.24px;
  line-height: 142%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 1;
}

/* 寃��� �� �� 異붽� */
.review-product-search .search-list.search-list-contents {
  padding-top: 42px;
}

.review-product-search .search-list.search-list-contents .total-count {
  color: #929498;
  font-size: 12px;
  line-height: 142%;
  letter-spacing: -0.24px;
  margin: 16px 16px 0;
}

.review-product-search .search-list-contents .total-count span {
  color: #929498;
  font-size: 12px;
  line-height: 142%;
  letter-spacing: -0.24px;
}

.review-product-search .search-tabs {
  padding: 0 16px;
  border-bottom: 1px solid #dbdcdf;
  margin-bottom: 16px;
  position: fixed;
  top: 64px;
  background: #fff;
  z-index: 10;
  max-width: 500px;
  width: 100%;
}

.review-product-search .search-tabs ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.review-product-search .search-tabs li {
  flex: 1;
  text-align: center;
}

.review-product-search .search-tabs li a {
  display: block;
  padding: 12px 0;
  color: #67696b;
  font-size: 15px;
  text-decoration: none;
  position: relative;
  font-weight: bold;
}

.review-product-search .search-tabs li.active a {
  color: #000;
  font-weight: bold;
}

.review-product-search .search-tabs li.active a:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fb53ff;
}

.review-product-search .search-input-container.search-input-container-top {
  top: 0;
  padding-top: 14px;
  padding-bottom: 10px;
}

.review-product-search .search-main .product-tab-null-icon {
  width: 139px;
}

.review-product-search .search-main .product-tab-null-title {
  font-size: 15px;
  font-weight: bold;
  line-height: 142%;
  color: #222;
  padding-top: 20px;
}

.review-product-search .search-main .product-tab-null-description {
  font-size: 14px;
  font-weight: normal;
  line-height: 152%;
  letter-spacing: -0.28px;
  color: #67696b;
  padding-top: 6px;
}

.review-product-search .search-list.search-list-contents.review-search-list ul {
  padding: 0;
}

.review-product-search
  .search-list.search-list-contents.review-search-list
  ul
  li {
  padding: 0;
  margin: 0;
}

.review-product-search
  .search-list.search-list-contents.review-search-list
  .review-tab-search-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
}

.review-product-search
  .search-list.search-list-contents.review-search-list
  .review-tab-search-grid
  li {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.review-product-search
  .search-list.search-list-contents.review-search-list
  .review-tab-search-grid
  li
  .review-tab-img-wrap
  img {
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 0;
  object-fit: cover;
}

.search-input-container.search-input-container-top.tab-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 14px 0 10px 0;
}

.search-input-container.search-input-container-top.tab-wrap form {
  margin-right: 16px;
  width: 100%;
}

.search-input-container.search-input-container-top.tab-wrap
  .btn-header-left
  img {
  width: 44px;
  height: 44px;
}

.review-product-search .search-main .review-tab-null-icon {
  width: 149px;
}

.review-product-search .search-main .review-tab-null-title {
  font-size: 15px;
  font-weight: bold;
  line-height: 142%;
  color: #222;
  padding-top: 20px;
}

.review-product-search .search-main .review-tab-null-description {
  font-size: 14px;
  font-weight: normal;
  line-height: 152%;
  letter-spacing: -0.28px;
  color: #67696b;
  padding-top: 6px;
}

/* 留ㅺ굅吏� �� 異붽� */
.search-list.search-list-contents .magazine-list {
  padding: 12px 16px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.search-list.search-list-contents .magazine-list .magazine-item {
  display: flex;
  width: 100%;
  padding: 10px 0;
  margin-top: unset;
  border-bottom: 1px solid #f2f3f6;
}

.search-list.search-list-contents .magazine-list .magazine-item:last-child {
  border-bottom: unset;
}

.search-list.search-list-contents
  .magazine-list
  .magazine-item
  .magazine-thumb {
  width: 100px;
  height: 100px;
  margin-right: 16px;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
}

.search-list.search-list-contents
  .magazine-list
  .magazine-item
  .magazine-thumb
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.search-list.search-list-contents .magazine-list .magazine-item .magazine-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: 30px;
}

.search-list.search-list-contents
  .magazine-list
  .magazine-item
  .magazine-info
  .title {
  position: relative;
  height: 70px;
  margin: 0;
  padding-right: 16px;
}

.search-list.search-list-contents
  .magazine-list
  .magazine-item
  .magazine-info
  .title
  span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-height: 1.4;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.search-list.search-list-contents
  .magazine-list
  .magazine-item
  .magazine-info
  .author {
  display: flex;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.search-list.search-list-contents
  .magazine-list
  .magazine-item
  .magazine-info
  .author
  .author-info {
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 1;
}

.search-list.search-list-contents
  .magazine-list
  .magazine-item
  .magazine-info
  .author
  .author-info
  .author-name {
  font-size: 12px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  font-weight: 600;
}

.search-list.search-list-contents
  .magazine-list
  .magazine-item
  .magazine-info
  .author
  .author-img {
  width: 24px;
  height: 24px;
  border-radius: 6px !important;
  margin-right: 6px;
  flex-shrink: 0;
}

.search-list.search-list-contents
  .magazine-list
  .magazine-item
  .magazine-info
  .date {
  font-size: 12px;
  color: #929498;
  margin-left: 8px;
  flex-shrink: 0;
}

.search-list.search-list-contents .recommended-section {
  margin-top: 10px;
  padding: 0 16px 16px;
}

.search-list.search-list-contents .recommended-section .section-title {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  padding: 10.5px 0;
  margin-bottom: 6px;
}

.search-list.search-list-contents .recommended-section .recommended-list {
  display: flex;
  padding: 0;
  width: 100%;
  gap: 0;
}

.search-list.search-list-contents
  .recommended-section
  .recommended-list
  .recommended-item {
  width: calc((100% - 13px) / 3);
  flex-shrink: 0;
  margin-right: 6px;
  margin-top: unset;
}

.search-list.search-list-contents
  .recommended-section
  .recommended-list
  .recommended-item:last-child {
  margin-right: 0;
}

.search-list.search-list-contents
  .recommended-section
  .recommended-list
  .recommended-item
  img {
  width: 100%;
  aspect-ratio: 110 / 142;
  border-radius: 12px;
  object-fit: cover;
  margin-bottom: 8px;
}

.search-list.search-list-contents
  .recommended-section
  .recommended-list
  .recommended-item
  .title {
  font-size: 12px;
  color: #000;
  font-weight: bold;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 怨듯넻 �대�吏� 蹂�寃� */
.brand-main .product-empty-state {
  padding: 70px 0;
  width: 100%;
  text-align: center;
}

.brand-main .review-empty-state {
  padding: 76px 0;
  width: 100%;
  text-align: center;
}

.brand-main .magazine-empty-state {
  padding: 75px 0;
  width: 100%;
  text-align: center;
}

.brand-main .product-empty-state .product-empty-state-icon {
  width: 93px;
  margin: 0 auto;
  display: block;
}

.brand-main .product-empty-state .product-empty-state-text {
  font-size: 14px;
  color: #67696b;
  line-height: 150%;
  letter-spacing: -0.28px;
  margin-top: 16px;
}

.brand-main .product-empty-state .product-empty-state-button {
  background: #ff43ca;
  color: #fff;
  border-radius: 8px;
  margin-top: 10px;
  padding: 11px 16px;
  font-size: 11px;
}

.brand-main .review-empty-state .review-empty-state-icon {
  width: 99px;
}

.brand-main .review-empty-state .review-empty-state-text {
  font-size: 14px;
  color: #67696b;
  line-height: 150%;
  letter-spacing: -0.28px;
  margin-top: 10px;
}

.brand-main .review-empty-state .review-empty-state-button {
  background: #ff43ca;
  color: #fff;
  border-radius: 8px;
  margin-top: 10px;
  padding: 11px 16px;
  font-size: 11px;
}

.brand-main .magazine-empty-state .magazine-empty-state-icon {
  width: 105px;
}

.brand-main .magazine-empty-state .magazine-empty-state-text {
  font-size: 14px;
  color: #67696b;
  line-height: 150%;
  letter-spacing: -0.28px;
  margin-top: 16px;
}

.brand-main .magazine-empty-state .magazine-empty-state-button {
  background: #000;
  color: #fff;
  border-radius: 8px;
  margin-top: 10px;
  padding: 11px 16px;
  font-size: 11px;
}

.review-detail-popup .popup-content .empty-wrap .modal-reaction-empty-icon {
  width: 69px !important;
  height: 93px !important;
  margin-bottom: 16px !important;
}

.review-detail-popup .popup-content .empty-wrap .modal-comment-empty-icon {
  width: 148px !important;
  height: 81px !important;
  margin-bottom: 16px !important;
}

.mypage-content .review-list-box .my-review-list .no-list .review-null-icon {
  width: 99px !important;
}

.mypage-box .no-list .btn-pink.review-null-button {
  padding: 0 16px !important;
  height: 30px;
}

.mypage-content .review-list-box .my-review-list .no-list .bookmark-null-icon {
  width: 137px !important;
  margin-bottom: 0 !important;
}

.mypage-content .review-list-box .my-review-list .no-list .bookmark-null-text {
  margin-top: 0 !important;
}

.exp-content .join-completed-box {
  padding-top: unset;
  position: absolute;
  width: 100%;
  top: 48%;
  transform: translateY(-48%);
  max-width: 500px;
  margin: 0 auto;
}

.exp-content .join-completed-box .img-complete-icon {
  max-width: 230px !important;
}

.exp-content .join-completed-box .complete-text {
  font-size: 16px;
  font-weight: bold;
  line-height: 142%;
  color: #222;
  margin: 12px 0 4px;
}

.exp-content .join-completed-box .complete-text-sub {
  font-size: 12px;
  color: #67696b;
  line-height: 152%;
  letter-spacing: -0.28px;
}

.exp-content .join-completed-box .complete-text-sub span {
  color: #ff43ca;
}

.exp-content .join-completed-box .complete-text-sub + button {
  margin: 0 16px 24px;
}

.mypage-content
  .review-list-box
  .my-review-list.list
  .no-list.bookmark-null-wrap {
  padding: 95px 0 !important;
  height: auto !important;
}

.search-list li .img-wrap {
  position: relative;
}

.search-list li .img-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 12px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.03);
}

/* 04.11 �섏젙�ы빆 異붽� */
.review-product-search .search-input-wrap {
  height: 40px;
}

.review-product-search .search-input-wrap input {
  height: 15px;
  line-height: 15px;
}

.review-product-search .search-input-wrap button {
  top: 8px;
}

.search-input-container.search-input-container-top.tab-wrap {
  padding: 12px 0 8px 0;
}

.review-product-search {
  padding-top: 64px;
}

/* 2025-04-11 main banner */
.main-new-page-wrap .banner-container.banner-container--02.swiper {
  margin-top: 4px;
  height: 340px;
}

.main-new-page-wrap .banner-container.banner-container--02.swiper .banner {
  width: 290px;
  height: 340px;
  aspect-ratio: auto 343 / 402;
  padding: 0;
}

.modal-wrap .main-new-page-wrap .banner-container .banner {
  aspect-ratio: auto 343 / 402;
}

.main-new-page-wrap .banner-container.banner-container--02 .contents {
  width: 100%;
}

.main-new-page-wrap .banner-container.banner-container--02 .contents .paging {
  bottom: 12px;
  left: 15.3em;
  right: auto;
}

/* 2025-04-11 main brand container*/
.main-new-page-wrap .brand-container .tab-depth-rank {
  padding: 0 0 14px 0 !important;
  margin-top: -2px;
  margin-right: 16px;
}

.main-new-page-wrap .brand-container .rank-container.active {
  margin: 0;
  padding: 0 16px 0 0;
}

.main-new-page-wrap
  .brand-container
  .rank-container.active
  .rank-vertical-wrapper {
  padding: 0;
}

.main-new-page-wrap .brand-container .rank-container.vertical .rank-vertical {
  flex-direction: column;
  gap: 24px;
}

.main-new-page-wrap .brand-container .brand-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 200px;
  border-radius: 12px;
}

.brand-container .brand-wrapper .brand-img {
  width: 100%;
  height: auto;
}

.brand-container .brand-wrapper .brand-img::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.3) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}

.brand-container .brand-wrapper .brand-img img {
  width: 100%;
  height: auto;
}

.brand-container .brand-wrapper .brand-text {
  position: absolute;
  bottom: 12px;
  left: 14px;
  width: calc(100% - 28px);
  display: flex;
  gap: 12px;
}

.brand-container .brand-wrapper .brand-logo {
  overflow: hidden;
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 16px;
}

.brand-container .brand-wrapper .brand-logo img {
  width: 100%;
  height: auto;
}

.brand-container .brand-wrapper .desc-wrap {
  flex: 1;
}
.brand-container .brand-wrapper .desc-wrap .title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  line-height: 154%;
  letter-spacing: -1px;
}

.brand-container .brand-wrapper .desc-wrap .desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.72);
  line-height: 142%;
  letter-spacing: -0.28px;
}

.main-new-page-wrap .brand-container .review-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 8px;
}

.main-new-page-wrap .brand-container .review-wrapper .review {
  flex: 1;
  min-width: calc(50% - 4px);
  width: auto;
}

.main-new-page-wrap .brand-container .review-wrapper .review a > .img-wrap {
  aspect-ratio: 1 / 1;
  width: 100%;
  min-height: 168px;
  height: auto;
}

.main-new-page-wrap .brand-container .review-wrapper .review .img-wrap img {
  margin-bottom: 10px;
}

.main-new-page-wrap
  .brand-container
  .review-wrapper
  .review
  .img-wrap
  .img-num {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  padding: 4px 6px;
  border-radius: 13px;
  background-color: rgba(0, 0, 0, 0.32);
  font-size: 11px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.84);
  line-height: 1;
}

.main-new-page-wrap .brand-container .rank-vertical .img-wrap:after {
  display: none;
}

.main-new-page-wrap
  .brand-container
  .review-wrapper
  .review
  .user-info-box
  .img-wrap {
  width: 24px;
  height: 24px;
}

.main-new-page-wrap .brand-container .review-wrapper .review:last-child {
  margin-right: 0 !important;
}

.main-new-page-wrap .review-container.comm-container {
  margin-right: 16px !important;
  margin-bottom: 50px;
}

.review-container .review-box {
  margin-top: 16px;
}

.review-container .review-box ~ .review-box {
  margin-top: 10px;
}

.review-container .review-box .product-info {
  display: flex;
  align-items: center;
  height: 80px;
  padding: 10px;
  border-radius: 12px 12px 0 0;
  border: 1px solid #eceef2;
}

.review-container .review-box .product-img {
  display: block;
  width: 58px;
  height: 58px;
  margin-right: 12px;
}

.review-container .review-box .product-img img {
  display: block;
  width: 100%;
  height: auto;
}

.review-container .review-box .product-text {
  flex: 1;
  letter-spacing: -0.24px;
}

.review-container .review-box .product-text .name {
  font-size: 12px;
  font-weight: 500;
  color: #68696b;
  line-height: 142%;
}

.review-container .review-box .product-text .desc {
  font-size: 13px;
  font-weight: 700;
  color: #68696b;
  line-height: 142%;
}

.review-container .product-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
}

.review-container .product-list li {
  overflow: hidden;
  flex: 1;
  min-width: calc((100% - 32px) / 3);
  height: 114px;
}

.review-container .product-list li a {
  display: block;
  height: 100%;
}

.review-container .product-list li img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

@media (min-width: 376px) {
  .review-container .product-list li {
    height: auto;
    aspect-ratio: 1 / 1;
  }
}

@media (min-width: 500px) {
  .review-container .product-list li {
    height: 155.33px;
  }
}