button.search-filter-box{
  color: #222;
 }

/* s:renew.css — 상담사 프로필 개선 */

body.hong4 [data-renew='ver1'].list-wrap.list-swiper-container .list-bg {
  height: calc(100% - 2px);
}
body.hong4 [data-renew='ver1'].list-wrap.list-swiper-container .list-line {
  display: none;
}
body.hong4 [data-renew='ver1'].list-wrap.list-swiper-container .list-border {
  top: auto;
  bottom: 0px;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.05);
}
body.hong4 [data-renew='ver1'].list-wrap.list-swiper-container .list-swiper li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  height: 52px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 0;
}
body.hong4 .list-wrap {
  --cs-tab-active: #6d2edc;
  --cs-tab-active-bg: #f7f3ff;
  --cs-tab-active-border: #f3ecff;
  --cs-tab-grad: linear-gradient(to right, #6a1af5, #b400ff);
}
body.hong4.green .list-wrap {
  --cs-tab-active: #049a31;
  --cs-tab-active-bg: #f5fff8;
  --cs-tab-active-border: #e8f5ec;
  --cs-tab-grad: linear-gradient(to right, #049a31, #00d539);
}
body.hong4 .list-wrap .list-tab li.active {
  color: var(--cs-tab-active);
}
body.hong4 .wrapper.profile [data-renew='ver1'].list-wrap .list-tab li.active > span.tab-count,
[data-renew='ver1'] .list-tab li.active .tab-count {
  color: var(--cs-tab-active);
  background-color: var(--cs-tab-active-bg);
  border-color: var(--cs-tab-active-border);
  font-weight: bold;
}
body.hong4 .wrapper.profile [data-renew='ver1'].list-wrap .list-tab li.active::after {
  height: 2px;
  background-image: var(--cs-tab-grad);
  bottom: 0;
}
body.hong4 .wrapper.profile [data-renew='ver1'].list-wrap .list-tab li > span {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  margin-left: 0;
}
body.hong4 .wrapper.profile [data-renew='ver1'].list-wrap .list-tab li.active > span {
  font-weight: bold;
  color: var(--cs-tab-active);
}
@media screen and (max-width: 719px) {
  body.hong4 .wrapper.profile [data-renew='ver1'].list-wrap .list-tab li > span {
    font-size: 17px;
    line-height: 25px;
  }
  body.hong4 .wrapper.profile [data-renew='ver1'].list-wrap .list-tab li.active::after {
    height: 2px;
  }

  body.hong4 .wrapper.profile [data-renew='ver1'].list-wrap .list-tab li.swiper-slide.tab-qna {
    display: none;
  }
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info {
  height: auto;
  padding-top: 22px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  background: linear-gradient(to right, #f6eeff 0%, #eefff3 100%);
  border-radius: 0;
  border-bottom-color: rgba(0, 0, 0, 0.05);
}
body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-swiper-container {
  overflow: hidden;
  border-radius: 8px;
  width: 336px;
  height: 214px;
  flex-shrink: 0;
}
body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-swiper-container .swiper-profile {
  width: 336px;
  height: 214px;
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info {
    padding-top: 14px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 4px;
    gap: 10px;
  }
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-swiper-container {
    width: 100%;
    height: auto;
  }

  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-swiper-container .swiper-profile {
    width: 100%;
    height: auto;
    aspect-ratio: 336 / 214;
  }
}
section[data-renew='ver1'] .cs-bullet-text,
section[data-renew='ver1'] .service-detail-con p {
  width: 100%;
  word-wrap: break-word;
}
section[data-renew='ver1'] .service-detail-con p{
  line-height: 150%;
}
@media screen and (max-width: 719px) {
  section[data-renew='ver1'] .service-detail-con p{
    line-height: normal;
  }

}
.real-mark-img {
  background-image: url(/publish/img/renew/common/ico-shield-blue-56x74.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
.real-mark-img[data-type='view'] {
  top: auto;
  right: 10px;
  bottom: 10px;
  width: 38px;
  height: 50px;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.12px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.real-mark-img[data-type='list'] {
  right: 6px;
  bottom: 6px;
  width: 24px;
  height: 32px;
  /* padding: 5px 3.5px 6px 4px;
  padding-bottom: 4px; */
  padding-left: 1px;
  padding-top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.72px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.real-mark-img::after {
  content: '사진\A인증';
  white-space: pre;
  text-align: center;
  font-family: 'Paperlogy';
  font-size: 9px;
  line-height: 10px;
  font-weight: bold;
}
.main-suggestion-list .real-mark-img::after {
  font-size: 11px;
  line-height: 13px;
}
@media screen and (max-width: 719px) {
.real-mark-img[data-type='list'] {
  padding: 6px 3.5px 6px 4px;
}  
}

body.hong4 .profile-tab-wrap [data-renew='ver1'] .profile-img {
  border-radius: 8px;
  overflow: hidden;
}
body.hong4
  .profile-tab-wrap
  .profile-info
  .profile-img:not(.call-tarot, .call-saju, .call-fortune, .chat-tarot, .chat-saju, .chat-fortune)
  > img {
  width: 100%;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'] .profile-img::after {
  width: auto;
  height: auto;
  padding: 5px 7px;
  border-radius: 6px;
  font-family: Paperlogy;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.84px;
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap [data-renew='ver1'] .profile-img::after {
    font-size: 14px;
    padding-bottom: 4px;
    border-radius: 4px;
  }
}

body.hong4 .profile-tab-wrap [data-renew='ver1'] .profile-name {
  font-size: 26px;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'] .profile-detail-bot > p > span:nth-of-type(1) {
  font-size: 20px;
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap [data-renew='ver1'] .profile-detail-bot > p > span:nth-of-type(1) {
    font-size: 18px;
  }
}

body.hong4 .cate-tarot::after {
  background: linear-gradient(to bottom, #6a1af5, #b400ff) !important;
}
body.hong4 .cate-fortune::after {
  background: linear-gradient(to bottom, #d9001e, #f00) !important;
}
body.hong4 .cate-saju::after {
  background: linear-gradient(to bottom, #e36300, #fc8e00) !important;
}
body.hong4 .goods-service::after {
  background: linear-gradient(to bottom, #048f1b, #0bb945) !important;
}
body.hong4 .goods-class::after {
  background: linear-gradient(to bottom, #016ecc, #3699e3) !important;
}
body.hong4 .cate-cafe::after,
body.hong4 .goods-mom_class::after {
  background: linear-gradient(to bottom, #016ecc, #3699e3) !important;
}
body.hong4 .goods-name::after {
  background: rgba(0, 0, 0, 0.7019607843) !important;
}
body.hong4 .mypage-wrap .list-img::after{
  padding: 4px 5px;
  font-size: 10px;
}
.mypage-wrap.item .list-item-ul li{
  padding-top: 24px;
  padding-bottom: 20px;
}
@media screen and (max-width: 719px) {
  .mypage-wrap.item .list-item-ul li{
    padding-top: 22px;
    padding-bottom: 16px;
  }
}
/* SNS 공유 모달 뱃지 신규화(2026-08-20) — 컬러는 위 전역 신규 그라디언트 상속(레거시 예외 블록 삭제).
   크기 = 프로필 페이지 신규 뱃지(위 .profile-img::after) × 프로필 이미지 비율(모달/페이지 실측: PC 372/336=1.107, Mo 360vw 기준 304/336=0.905) */
body.hong4 .share-popup-layout .profile-info-img.list-img::after {
  width: auto;
  height: auto;
  padding: 5.5px 7.75px;
  border-radius: 6.6px;
  font-size: 15.5px;
  font-weight: 700;
  line-height: 17.7px;
  letter-spacing: 0.93px;
}
@media screen and (max-width: 719px) {
  body.hong4 .share-popup-layout .profile-info-img.list-img::after {
    padding: 4.5px 6.3px;
    border-radius: 5.4px;
    font-size: 12.7px;
    line-height: 14.5px;
    letter-spacing: 0.76px;
  }
}
body.hong4 .hongaca {
  padding: 4px 12px;
  border-radius: 20px;
  background: #00000080;
  font-family: 'Noto Sans KR', 'Noto Sans Korean', 'Nanum Gothic', sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.15px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'].profile-info .swiper-button-prev:after {
    height: 31vw !important;
  }
}
/* e:renew.css — 상담사 프로필 개선 */
/* s:서비스탭 */
body.hong4 [data-renew='ver1'].service-detail.cs-section .hongaca.banner {
  width: 100%;
  gap: 8px;
  padding-block: 16px;
  font-family: 'Paperlogy';
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  color: #222;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #0000000d;
  background-image: linear-gradient(94deg, #f7eeff 1%, #e6ffed 99%);
}
@media screen and (max-width: 719px) {
  body.hong4 [data-renew='ver1'].service-detail.cs-section .hongaca.banner {
    font-size: 18px;
    line-height: 22px;
    padding-block: 13px;
  }
}
/* e:서비스탭 */
/* s:Tailwind → renew.css 이관 클래스 */

body.hong4 .wrapper.profile [data-renew='ver1'].list-wrap .list-tab li > span.tab-count,
[data-renew='ver1'] .tab-count {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6px;
  box-sizing: border-box;
  height: 20px;
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
  color: #222;
  background-color: #f9f9f9;
  border-width: 1px;
  border-style: solid;
  border-color: #eee;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 1px;
}
@media screen and (max-width: 719px) {
  body.hong4 .wrapper.profile [data-renew='ver1'].list-wrap .list-tab li > span.tab-count,
  [data-renew='ver1'] .tab-count {
    height: 18px;
    font-size: 11px;
    line-height: 16px;
    border-radius: 9px;
    margin-top: 4px;
    padding-block: 1px;
    padding-bottom: 3px;
  }

  body.hong4 .wrapper.profile [data-renew='ver1'].list-wrap.list-swiper-container .list-swiper li {
    gap: 0;
    height: 63px;
    padding-top: 0;
    padding-bottom: 0;
    /* 상단 탭 스와이프 — hong4.css:3038 flex:1 0 auto(늘려 채우기) 해제하고 글자 길이대로 1줄 유지.
       탭이 내용폭이라 5탭이면 컨테이너를 넘쳐 기존 오버플로 스크립트가 swiper-on(가로 스와이프) 자동 활성.
       고정 4.5분할은 폭 부족으로 라벨이 줄바꿈돼(상세정→보) 내용폭+nowrap 으로 전환. */
    flex: 0 0 auto;
    width: auto;
    white-space: nowrap;
  }
  /* 탭이 안 넘칠 때(4개 이하)만 늘려서 화면 채움. 넘치면(swiper-on) 위 내용폭 유지 → 가로 스와이프 */
  body.hong4 .wrapper.profile [data-renew='ver1'].list-wrap.list-swiper-container:not(.swiper-on) .list-swiper li {
    flex: 1 0 auto;
  }
}
body.hong4 [data-renew='ver1'].list-wrap.list-swiper-container.swiper-on::before {
  display: none;
}
/* 상단 탭바 swiper-on 화살표(::after) 제거 + 오른쪽 패딩 40px→16px (좌우 대칭).
   hong4.css:4242/4286 원본 미수정, 프로필([data-renew])에만 오버라이드. ::before 페이드는 유지. */
body.hong4 [data-renew='ver1'].list-wrap.list-swiper-container.swiper-on {
  padding-right: 0;
}
body.hong4 [data-renew='ver1'].list-wrap.list-swiper-container.swiper-on::after {
  display: none;
}

[data-renew='ver1'] .view-count-pill {
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 14px;
  height: 28px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  white-space: nowrap;
  letter-spacing: 0;
  pointer-events: none;
}

[data-renew='ver1'] .view-count-pill .view-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 10px;
  flex-shrink: 0;
}
[data-renew='ver1'] .view-count-pill .view-icon img {
  display: block;
  width: 100%;
}

[data-renew='ver1'] .view-count-pill .view-number {
  display: inline-flex;
  font-weight: 600;
  color: #ffdd00;
  margin-left: 3px;
  margin-bottom: -2px;
}

[data-renew='ver1'] .profile-swiper-container:has(#v_pause:not([style*='display: none'])) .view-count-pill {
  display: none;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .view-count-pill .view-number {
    margin-bottom: 0;
  }
}

[data-renew='ver1'] .page-indicator {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  padding-inline: 9px;
  height: 20px;
  font-size: 13px;
  line-height: 17px;
  font-family: 'hanken-grotesk', sans-serif;
  pointer-events: none;
}
[data-renew='ver1'] .page-indicator .indicator-current {
  font-weight: 800;
  color: #222;
}
[data-renew='ver1'] .page-indicator .indicator-divider {
  margin-left: 2px;
  margin-right: 2px;
  font-size: 8px;
  font-weight: 900;
  color: #999;
}
[data-renew='ver1'] .page-indicator .indicator-total {
  font-weight: 400;
  color: #666;
}

[data-renew='ver1'] .voice-btn {
  position: absolute;
  left: 16px;
  bottom: 12px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 9999px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
[data-renew='ver1'] .voice-btn .voice-icon {
  display: block;
  width: 12px;
  height: 12px;
}

[data-renew='ver1'] .voice-progress {
  position: absolute;
  left: 60px;
  bottom: 12px;
  z-index: 2;
  display: none;
  align-items: center;
  justify-content: center;
}

[data-renew='ver1'] .profile-swiper-container:has(#v_pause:not([style*='display: none'])) .voice-progress {
  display: flex;
}

[data-renew='ver1'] .voice-progress.is-playing {
  display: flex;
}
[data-renew='ver1'] .voice-progress-inner {
  display: flex;
  align-items: center;
  width: 216px;
  height: 28px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 14px;
  padding-left: 16px;
  padding-right: 16px;
}

[data-renew='ver1'] .voice-progress-track {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 12px;
  overflow: hidden;
}
[data-renew='ver1'] .voice-progress-bg {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 14px;
}
[data-renew='ver1'] .voice-progress-bar {
  position: absolute;
  left: -100%;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  background-color: #ffdd00;
  border-radius: 14px;
  z-index: 1;
}

[data-renew='ver1'] .voice-progress-handle {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 9999px;
  background-color: rgba(255, 221, 0, 0.5);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-renew='ver1'] .voice-progress .play-time {
  display: none;
}
[data-renew='ver1'] .voice-progress-handle-dot {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 9999px;
}

@media screen and (max-width: 719px) {
  [data-renew='ver1'] .voice-progress {
    width: 216px;
    left: 50%;
    transform: translateX(-50%);
  }
  [data-renew='ver1'] .voice-progress-inner {
    width: 100%;
  }
}
/* e:Tailwind → renew.css 이관 클래스 */

/* s:후기 TAB */

[data-renew='ver1'] .review-intro-wrap {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 28px;
  background-color: #fff;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .review-intro-wrap {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 26px;
  }
}

[data-renew='ver1'] .accumulated-review {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #222;
  background-color: #fff;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .accumulated-review {
    gap: 10px;
    padding: 16px;
  }
}

[data-renew='ver1'] .accumulated-review-header {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f0f0;
}
[data-renew='ver1'] .accumulated-review-header .title {
  font-size: 20px;
  font-weight: bold;
  line-height: 29px;
}

[data-renew='ver1'] .accumulated-review-header .subtitle {
  font-size: 15px;
  line-height: 21px;
  color: #444;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .accumulated-review-header {
    padding-bottom: 12px;
  }
  [data-renew='ver1'] .accumulated-review-header .title {
    font-size: 18px;
    line-height: 26px;
  }
  [data-renew='ver1'] .accumulated-review-header .subtitle {
    font-size: 13px;
    line-height: 19px;
  }
}

[data-renew='ver1'] .accumulated-review-stats {
  display: flex;
  align-items: center;
  gap: 24px;
  height: 28px;
}
[data-renew='ver1'] .accumulated-review-stats .stat-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

[data-renew='ver1'] .accumulated-review-stats .stat-item > span {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #666;
}

[data-renew='ver1'] .accumulated-review-stats .stat-item > span.stat-value {
  font-size: 22px;
  font-weight: bold;
  color: #222;
}

[data-renew='ver1'] .accumulated-review-stats .stat-divider {
  width: 1px;
  height: 16px;
  background-color: #e6e6e6;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .accumulated-review-stats {
    gap: 24px;
    height: 26px;
    justify-content: center;
  }

  [data-renew='ver1'] .accumulated-review-stats .stat-item > span {
    font-size: 14px;
  }

  [data-renew='ver1'] .accumulated-review-stats .stat-item > span.stat-value {
    font-size: 20px;
  }

  [data-renew='ver1'] .accumulated-review-stats .stat-divider {
    height: 14px;
  }
}

[data-renew='ver1'] .profile-tag-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .profile-tag-list {
    gap: 4px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
[data-renew='ver1'] .profile-tag-item {
  display: flex;
  align-items: center;
  font-weight: 500;
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  background-color: #fff;
  border-width: 1px;
  border-color: #e8e8e8;
  border-style: solid;
  border-radius: 4px;
  cursor: pointer;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .profile-tag-item {
    height: 26px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 12px;
  }
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-class-info {
  font-size: 16px;
  /* 시안: 수업정보 다음 8px 회색 구분 밴드 (후기있을때 최근3개월 / 후기없을때 홍카페코멘트 앞) */
  border-bottom: 8px solid #f6f6f6;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-class-info .profile-class-type {
  height: auto;
  flex-direction: column;
  align-items: stretch;
  border-bottom: none;

  padding: 24px 20px;
  gap: 12px;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-class-info .profile-class-type > div {
  width: 100%;
  height: auto;
  justify-content: flex-start;
  gap: 12px;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-class-info .profile-class-type > div:first-child::after {
  display: none;
}

[data-renew='ver1'] .info-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding-left: 12px;
  padding-right: 12px;
  background-color: #f6f6f6;
  border-width: 1px;
  border-style: solid;
  border-color: #e6e6e6;
  border-radius: 4px;
  flex-shrink: 0;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-class-info .info-badge img {
  width: 14px;
  height: 14px;
}
[data-renew='ver1'] .info-badge span {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
}
[data-renew='ver1'] .info-value {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-class-info {
    font-size: 14px;
  }

  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-class-info .profile-class-type {
    padding: 20px 16px;
    gap: 8px;
  }

  [data-renew='ver1'] .info-badge {
    height: 28px;
    padding-left: 9px;
    padding-right: 9px;
    gap: 4px;
  }
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-class-info .info-badge img {
    width: 12px;
    height: 12px;
  }

  [data-renew='ver1'] .info-badge span {
    font-size: 14px;
    line-height: 20px;
  }
  [data-renew='ver1'] .info-value {
    font-size: 16px;
  }
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-class-info .profile-class-type > div {
    gap: 10px;
  }
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent {
  height: auto;
  flex-direction: column;
  align-items: stretch;
  padding: 24px 20px 16px;
  gap: 16px;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent .recent-month {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent .recent-month > p:first-child {
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent .recent-month > p:not(:first-child) {
  gap: 4px;
}
body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent .recent-month > p > span {
  font-size: 16px;
}
body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent .recent-month > p > span:last-child {
  font-size: 18px;
  font-weight: bold;
  color: inherit;
  margin-left: 0;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent .recent-month .i-list-review,
body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent .recent-month .i-list-star {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent .accumulated-review-stats .i-list-review,
body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent .accumulated-review-stats .i-list-star {
  width: 16px;
  height: 16px;
  margin-right: 0;
  background-size: contain;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent .accumulated-review-stats .i-list-review {
  background-image: url(/publish/img/renew/common/ico-comment-orange-12x12.svg);
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent .accumulated-review-stats .i-list-review,
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent .accumulated-review-stats .i-list-star {
    width: 12px;
    height: 12px;
  }
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent .recent-more {
  display: none;
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent {
    padding: 20px 16px 13px;
    gap: 12px;
  }
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent .recent-month > p:first-child {
    font-size: 16px;
    line-height: 24px;
  }
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent .recent-month > p > span {
    font-size: 14px;
  }
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent .recent-month > p > span:last-child {
    font-size: 16px;
  }
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent .recent-month .i-list-review,
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-recent .recent-month .i-list-star {
    width: 14px;
    height: 14px;
  }
}

[data-renew='ver1'] .goods-page-indicator {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  padding-left: 8px;
  padding-right: 8px;
  height: 20px;
  font-size: 13px;
}
[data-renew='ver1'] .goods-page-indicator .indicator-current {
  font-weight: 800;
  color: #222;
}
[data-renew='ver1'] .goods-page-indicator .indicator-divider {
  margin-left: 2px;
  margin-right: 2px;
  font-size: 8px;
  font-weight: 900;
  color: #999;
}
[data-renew='ver1'] .goods-page-indicator .indicator-total {
  font-weight: 400;
  color: #666;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-detail .profile-detail-top {
  padding-top: 4px;
  padding-bottom: 16px;
  border-bottom-color: rgba(0, 0, 0, 0.05);
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-name {
  font-size: 26px;
  line-height: 37px;
}
body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-name.visit {
  font-weight: 500;
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-detail .profile-detail-top {
    padding-top: 0;
    padding-bottom: 10px;
    margin-top: 0;
  }

  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-detail-wrap {
    padding-top: 8px;
  }

  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-name {
    font-size: 24px;
    line-height: 35px;
  }
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-name.visit {
    font-size: 22px;
    line-height: 32px;
  }
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-number {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  height: 28px;
  margin-top: 3px;
  margin-left: 12px;
  padding-left: 6px;
  padding-right: 6px;
  box-shadow: 0 0 0 1px #00000014;
  border-radius: 4px;
  background-color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #222;
}
body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-number > .profile-number-value {
  font-weight: 700;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-detail-bot > p > .call-second {
  font-weight: 500;
}
body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .call-price {
  font-size: 20px;
  line-height: 29px;
  color: #444;
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .call-price {
    line-height: 26px;
  }
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-detail-bot {
  border-bottom-color: rgba(0, 0, 0, 0.05);
}
body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-detail-bot > p {
  gap: 4px;
}
body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-detail-bot > p > .i-list-won {
  margin-right: 4px;
}

@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-detail-bot > p > .i-list-won {
    margin-right: 0;
  }
}
body.hong4 .profile-tab-wrap .profile-info .profile-detail-foot .i-list-partner,
body.hong4 .profile-tab-wrap .profile-info .profile-detail-foot .i-list-rookie,
body.hong4 .tab-wrap .list-item-container .i-list-partner,
body.hong4 .tab-wrap .list-item-container .i-list-rookie {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-image: none;
}

body.hong4 .profile-tab-wrap .profile-info .profile-detail-foot .i-list-partner::after,
body.hong4 .tab-wrap .list-item-container .i-list-partner::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 4px;
  background-image: url(/publish/img/renew/icon/ico-partner-fff-12x12.svg), var(--cs-mark-grad);
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size:
    12px 12px,
    cover;
}

body.hong4 .profile-tab-wrap .profile-info .profile-detail-foot .i-list-rookie::after,
body.hong4 .tab-wrap .list-item-container .i-list-rookie::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 4px;
  background-image: url(/publish/img/renew/icon/ico-new-white-21x21.webp), var(--cs-mark-grad);
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size:
    7px 7px,
    cover;
}

body.hong4 .profile-tab-wrap .profile-info .profile-detail-foot .i-list-partner + span,
body.hong4 .profile-tab-wrap .profile-info .profile-detail-foot .i-list-rookie + span {
  margin-top: -2px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #444;
  margin-left: 0;
  margin-right: 0;
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap .profile-info .profile-detail-foot .i-list-partner,
  body.hong4 .profile-tab-wrap .profile-info .profile-detail-foot .i-list-rookie,
  body.hong4 .tab-wrap .list-item-container .i-list-partner,
  body.hong4 .tab-wrap .list-item-container .i-list-rookie {
    width: 14px;
    height: 14px;
    background-size: cover;
  }
  body.hong4 .profile-tab-wrap .profile-info .profile-detail-foot .i-list-partner::after,
  body.hong4 .tab-wrap .list-item-container .i-list-partner::after {
    background-size:
      10px 10px,
      contain;
  }
  body.hong4 .profile-tab-wrap .profile-info .profile-detail-foot .i-list-rookie::after,
  body.hong4 .tab-wrap .list-item-container .i-list-rookie::after {
    background-size:
      6px 6px,
      cover;
  }
  body.hong4 .profile-tab-wrap .profile-info .profile-detail-foot .i-list-partner + span,
  body.hong4 .profile-tab-wrap .profile-info .profile-detail-foot .i-list-rookie + span {
    font-size: 14px;
  }
}

body.hong4 .i-list-partner,
body.hong4 .i-list-rookie {
  --cs-mark-grad: linear-gradient(to bottom, #6a1af5, #b400ff);
}
body.hong4.purple .i-list-partner,
body.hong4.purple .i-list-rookie {
  --cs-mark-grad: linear-gradient(to bottom, #6a1af5, #b400ff);
  background: linear-gradient(to bottom, #6a1af5, #b400ff);
}
body.hong4.green .i-list-partner,
body.hong4.green .i-list-rookie {
  --cs-mark-grad: linear-gradient(to bottom, #049a31, #00d539);
  background: linear-gradient(to bottom, #049a31, #00d539);
}
body.hong4 .profile-detail-foot div.i-achv,
body.hong4 .profile-detail-foot .tool-open {
  border: 0;
  box-shadow: 0 0 0 1px #00000014;
}
body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info #snsShareBtn.share-btn {
  margin-left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 26px;
  background-image: none;
  background-color: #fff;
  border: 0;
  box-shadow: 0 0 0 1px #00000014;
  border-radius: 4px;
  cursor: pointer;
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info #snsShareBtn.share-btn {
    width: 25px;
    height: 22px;
    padding-left: 0;
  }
}
[data-renew='ver1'] .share-btn .share-icon {
  display: inline-flex;
  width: 12px;
  height: 12px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .share-btn .share-icon {
    display: inline-flex;
    width: 10px;
    height: 10px;
  }
}

/* e:후기 TAB */

/* s:전체 후기 페이지 */

[data-renew='ver1'] .review-top {
  background-color: #f6eeff;
  background-image: linear-gradient(to right, #f6eeff, #eefff3);
}
/* 손글씨 후기 밴드는 그라데이션 아님 — 시안 픽셀 #ffffff */
[data-renew='ver1'] .review-top.hong-photo-renewal {
  padding-inline: 20px;
  background-color: #fff;
  background-image: none;
  border-bottom: 0;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .review-top.hong-photo-renewal {
    padding-inline: 16px;
  }
  [data-renew='ver1'].profile-wrap.hongtoon.renewal .review-top.hong-photo-renewal .review-body {
    padding-bottom: 0;
    margin-top: 16px;
    margin-bottom: 20px;
  }
}
[data-renew='ver1'].profile-wrap.hongtoon.renewal .review-top.hong-photo-renewal .review-body {
  padding-bottom: 0;
  margin-top: 20px;
  margin-bottom: 24px;
}
[data-renew='ver1'].profile-wrap.hongtoon.renewal .review-top.hong-photo-renewal .review-body .hong-photo {
  margin: 0;
  justify-content: space-between;
}
[data-renew='ver1'].profile-wrap.hongtoon.renewal .review-top.hong-photo-renewal .review-body .hong-photo > a {
  margin-right: 0;
}
[data-renew='ver1'].profile-wrap.hongtoon.renewal
  .review-top.hong-photo-renewal
  .review-body
  .hong-photo
  > a.photo_popup_btn:nth-child(n + 5) {
  display: none;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'].profile-wrap.hongtoon.renewal
    .review-top.hong-photo-renewal
    .review-body
    .hong-photo
    > a.photo_popup_btn:nth-child(n + 4) {
    display: none;
  }
}
.profile-wrap [data-renew='ver1'].review.renewal .review-top.review-text-renewal .review-body {
  padding-top: 26px;
  padding-bottom: 20px;
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-wrap [data-renew='ver1'].review.renewal .review-top.review-text-renewal .review-body {
    padding-top: 16px;
    padding-bottom: 17px;
  }
}

.profile-wrap [data-renew='ver1'].review.renewal .review-top.review-text-renewal .review-body .review-common-btn {
  height: 40px;
}
.profile-wrap [data-renew='ver1'].review.renewal .review-top.review-text-renewal .review-body .coin-gift-text {
  margin-top: 20px;
}
.profile-wrap [data-renew='ver1'].review.renewal .review-top.review-text-renewal .review-body .coin-gift-text span {
  line-height: 24px;
  color: #444;
}
@media screen and (max-width: 719px) {
  .profile-wrap [data-renew='ver1'].review.renewal .review-top.review-text-renewal .review-body .review-common-btn {
    height: 34px;
  }
  .profile-wrap [data-renew='ver1'].review.renewal .review-top.review-text-renewal .review-body .coin-gift-text {
    margin-top: 15px;
  }
  .profile-wrap [data-renew='ver1'].review.renewal .review-top.review-text-renewal .review-body .coin-gift-text span {
    font-size: 14px;
    line-height: 20px;
  }
}
/* 상담후기 페이지(Category/Comment.php)는 data-renew 가 .profile-wrap.renewal 루트에 붙는 구조라 셀렉터 별도 추가 */
.profile-wrap
  [data-renew='ver1'].review.renewal
  .review-top.review-text-renewal
  .review-body
  .coin-gift-text
  .coin-gift-popup
  p,
.profile-wrap
  [data-renew='ver1'].review.renewal
  .review-top.review-text-renewal
  .review-body
  .coin-gift-text
  .coin-gift-popup
  p
  span,
[data-renew='ver1'].profile-wrap.renewal
  .review-top.review-text-renewal
  .review-body
  .coin-gift-text
  .coin-gift-popup
  p,
[data-renew='ver1'].profile-wrap.renewal
  .review-top.review-text-renewal
  .review-body
  .coin-gift-text
  .coin-gift-popup
  p
  span {
  font-size: 16px;
  color: #222;
}
/* s:손글씨 후기 우측 박스 — Zeplin 라벨 16/500/#666, 숫자 20/700/#222, 더보기 16/500/#666 */
body.hong4 [data-renew='ver1'].profile-wrap.hongtoon.renewal a.hand-text p:first-child {
  font-size: 16px !important;
  font-weight: 500;
  color: #666 !important;
}
body.hong4 [data-renew='ver1'].profile-wrap.hongtoon.renewal a.hand-text p:nth-child(2) span {
  font-size: 20px;
  font-weight: 700;
  color: #222;
}
body.hong4 [data-renew='ver1'].profile-wrap.hongtoon.renewal a.hand-text .hand-more {
  font-size: 16px;
  font-weight: 500;
  color: #666;
}
[data-renew='ver1'] .hand-more-icon {
  width: 12px;
  height: 12px;
  margin-left: 6px;
}
@media screen and (max-width: 719px) {
  body.hong4 [data-renew='ver1'].profile-wrap.hongtoon.renewal a.hand-text p:first-child {
    font-size: 12px !important;
  }
  body.hong4 [data-renew='ver1'].profile-wrap.hongtoon.renewal a.hand-text p:nth-child(2) span {
    font-size: 14px;
  }
  body.hong4 [data-renew='ver1'].profile-wrap.hongtoon.renewal a.hand-text .hand-more {
    font-size: 11px;
  }
  [data-renew='ver1'] .hand-more-icon {
    width: 8px;
    height: 8px;
    margin-left: 2px;
  }
}
/* e:손글씨 후기 우측 박스 */

/* 후기 요약 '후기' 앞 아이콘 — 시안: 주황 말풍선(레거시 i-review.png 회색 대체) */
[data-renew='ver1'] .review-top .review-text-inner .i-review {
  background-image: url(/publish/img/renew/common/ico-comment-orange-12x12.svg);
  background-size: 18px 18px;
  padding: 9px;
  margin-top: 3px;
}
body.hong4 [data-renew='ver1'] .review-top .review-body .i-arrow-r {
  background-image: url(/publish/img/renew/common/ico-arrow-right-black-5x9.svg);
  padding-right: 13px;
}
/* 요약 5점 별 Zeplin 18x18 (레거시 20 → 18) + 오렌지 별 교체 */
[data-renew='ver1'] .review-top .review-text-inner .i-star {
  background-size: 18px 18px;
  background-image: url(/publish/img/renew/common/ico-rating-orange-12x12.svg);
  padding: 9px;
  margin-top: 1px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .review-top .review-text-inner .i-review {
    display: inline-flex;
    margin-top: 0;
    margin-bottom: -1px;
    padding: 6px;
    background-size: 12px 12px;
    background-position: center;
  }
  [data-renew='ver1'] .review-top .review-text-inner .i-star {
    display: inline-flex;
    margin-top: 0;
    margin-bottom: -1px;
    padding: 6px;
    background-size: 12px 12px;
    background-position: center;
  }
}
/* 후기카드 별 Zeplin 14x14 (레거시 15 → 14) + 오렌지 별 교체 — #list(전체후기)도 동일 카드라 스코프 합류 */
[data-renew='ver1'] #after_list .star-set .i-star,
[data-renew='ver1'] #list .star-set .i-star,
[data-renew='ver1'] .comment-demo-list .star-set .i-star {
  padding-left: 14px;
  background-size: 14px 14px;
  background-image: url(/publish/img/renew/common/ico-rating-orange-12x12.svg);
  background-repeat: no-repeat;
}
/* 빈 별 */
[data-renew='ver1'] #after_list .star-set .i-star.i-star_n,
[data-renew='ver1'] #list .star-set .i-star.i-star_n,
[data-renew='ver1'] .comment-demo-list .star-set .i-star.i-star_n {
  padding-left: 14px;
  background-size: 14px 14px;
  background-image: url(/publish/img/renew/common/ico-rating-gray-12x12.svg);
  background-repeat: no-repeat;
}
/* 반 별 — half SVG가 왼쪽 반쪽(6×12)뿐이라 회색 별 위에 겹침 (JS 선례 Items/Profile.php csRc 후기카드와 동일 방식) */
[data-renew='ver1'] #after_list .star-set .i-star.i-star_h,
[data-renew='ver1'] #list .star-set .i-star.i-star_h,
[data-renew='ver1'] .comment-demo-list .star-set .i-star.i-star_h {
  background-image:
    url(/publish/img/renew/common/ico-rating-half-orange-12x12.svg),
    url(/publish/img/renew/common/ico-rating-gray-12x12.svg);
  background-size:
    7px 14px,
    14px 14px;
  background-position:
    left center,
    left center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 719px) {
  [data-renew="ver1"] #after_list .star-set .i-star,
  [data-renew="ver1"] #list .star-set .i-star,
  [data-renew="ver1"] .comment-demo-list .star-set .i-star,
  [data-renew="ver1"] #after_list .star-set .i-star.i-star_n,/* 빈 별 */
  [data-renew="ver1"] #list .star-set .i-star.i-star_n,
  [data-renew="ver1"] .comment-demo-list .star-set .i-star.i-star_n {
    background-size: 12px 12px;
    padding-left: 12px;
  }
}
/* s:판매서비스 탭 카드 후기·별점 아이콘 오렌지 교체 (프로필 3쌍둥이 .panel-service — data-renew 조상 없어 profile-tab-wrap 스코프, i-list-won 전역 교체와 같은 비게이팅 선례) */
body.hong4 .profile-tab-wrap .list-item-container .i-list-review {
  background-image: url(/publish/img/renew/common/ico-comment-orange-12x12.svg);
  background-size: contain;
}
body.hong4 .profile-tab-wrap .list-item-container .i-list-star {
  background-image: url(/publish/img/renew/common/ico-rating-orange-12x12.svg);
  background-size: contain;
}
/* e:판매서비스 탭 카드 아이콘 오렌지 교체 */
/* 도움돼요 아이콘 Zeplin 16x16 (레거시 14x13 → 16) */
[data-renew='ver1'] .comment-bottom-bar .i-goodreview {
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 24px;
  color: #666;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* 도움이 돼요: 비활성(help_check="") = disabled, 활성(help_check="active") = sabled */
  background-image: url(/publish/img/renew/icon/ico-help-disabled-16x16.svg);
}
[data-renew='ver1'] .comment-bottom-bar .i-goodreview.active {
  background-image: url(/publish/img/renew/icon/ico-help-sabled-16x16.svg);
}
[data-renew='ver1'] .coin-gift-text .i-what {
  width: 14px;
  height: 14px;
  background-image: url(/publish/img/renew/icon/ico-information-gray-14x14.svg);
  cursor: pointer;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .comment-bottom-bar .i-goodreview {
    font-size: 14px;
    line-height: 20px;
    padding-left: 20px;
    background-size: 14px 14px;
  }
  [data-renew='ver1'] .coin-gift-text .i-what {
    width: 12px;
    height: 12px;
  }
}
/* 코인 팝업: 클릭 토글(모바일 대응) + X 닫기 + 크림 배경 + 위쪽 배치 (시안 state4) */
[data-renew='ver1'] .coin-gift-text.is-open .coin-gift-popup {
  display: flex;
}
[data-renew='ver1'] .coin-gift-popup {
  justify-content: space-between;
  padding-inline: 12px;
  top: auto;
  bottom: calc(100% + 10px);
  background-color: #fdfff8;
  max-width: 366px;
  border: 0;
  box-shadow: 0 0 0 1px #00000014;
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .coin-gift-popup {
    width: 328px;
    max-width: none;
    height: 65px;
    line-height: 20px;
  }
}
[data-renew='ver1'] .coin-gift-close {
  position: absolute;
  top: -13px;
  right: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: #222;
  border-radius: 100px;
  padding: 1px;
  cursor: pointer;
}
/* 닫기 아이콘 = 검정원+흰X 일체형 에셋(ico-close-bg-black-10x10.svg)이 버튼을 채움 — CSS 배경·가상선택자 드로잉 금지 */
[data-renew='ver1'] .coin-gift-close img {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .coin-gift-close {
    top: -9px;
  }
  .profile-wrap
    [data-renew='ver1'].review.renewal
    .review-top.review-text-renewal
    .review-body
    .coin-gift-text
    .coin-gift-popup
    p,
  [data-renew='ver1'].profile-wrap.renewal
    .review-top.review-text-renewal
    .review-body
    .coin-gift-text
    .coin-gift-popup
    p,
  .profile-wrap
    [data-renew='ver1'].review.renewal
    .review-top.review-text-renewal
    .review-body
    .coin-gift-text
    .coin-gift-popup
    p
    span {
    font-size: 14px;
    line-height: 20px;
  }

  [data-renew='ver1'] .coin-gift-close {
    width: 18px;
    height: 18px !important;
  }
}

[data-renew='ver1'] .review-count-icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  vertical-align: middle;
  margin-top: -2px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .review-count-icon {
    width: 12px;
    height: 12px;
    margin-right: 3px;
  }
}

body.hong4 [data-renew='ver1'].profile-wrap .success-write-banner.divination-write-banner .title .comment-more {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #222;
}
[data-renew='ver1'] .comment-more-icon {
  width: 12px;
  height: 12px;
  margin-left: 6px;
}
@media screen and (max-width: 719px) {
  body.hong4 [data-renew='ver1'].profile-wrap .success-write-banner.divination-write-banner .title .comment-more {
    font-size: 14px;
  }
  [data-renew='ver1'] .comment-more-icon {
    width: 10px;
    height: 10px;
  }
}

body.hong4 [data-renew='ver1'].profile-wrap .success-write-banner.divination-write-banner .title .tab-btn button {
  width: auto;
  height: 38px;
  padding: 0 16px;
  font-size: 16px;
}
body.hong4
  [data-renew='ver1'].profile-wrap
  .success-write-banner.divination-write-banner
  .title
  .tab-btn
  .active::after {
  height: 40px;
}
@media screen and (max-width: 719px) {
  body.hong4 [data-renew='ver1'].profile-wrap .success-write-banner.divination-write-banner .title .tab-btn button {
    height: 32px;
    padding: 0 12px;
    font-size: 14px;
  }

  body.hong4
    [data-renew='ver1'].profile-wrap
    .success-write-banner.divination-write-banner
    .title
    .tab-btn
    .story-tab-success {
    padding: 0 14px;
  }
  body.hong4
    [data-renew='ver1'].profile-wrap
    .success-write-banner.divination-write-banner
    .title
    .tab-btn
    .active::after {
    height: 34px;
  }
}

/* s:성공사례 후기 탭 active 색상 — 나만의점(핑크 #f33e76/#d8386a)과 상태별로 다름 */
body.hong4 [data-renew='ver1'].profile-wrap .success-write-banner.divination-write-banner.success .title .tab-btn {
  border-color: #6d2edc;
}
body.hong4
  [data-renew='ver1'].profile-wrap
  .success-write-banner.divination-write-banner.success
  .title
  .tab-btn
  .active,
body.hong4
  [data-renew='ver1'].profile-wrap
  .success-write-banner.divination-write-banner.success
  .title
  .tab-btn
  .active::after {
  border-color: #6d2edc;
  background-color: #7249d5;
}
/* e:성공사례 후기 탭 active 색상 */

body.hong4 [data-renew='ver1'].profile-wrap .success-item {
  padding: 16px;
  border-radius: 4px;
  /* border: 1px solid #00000014; */
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}

body.hong4 [data-renew='ver1'].profile-wrap .success-item h3 {
  font-size: 18px;
}

body.hong4 [data-renew='ver1'].profile-wrap .success-item p.ellipsis {
  height: 52px;
  font-size: 18px;
  line-height: 26px;
}

body.hong4 [data-renew='ver1'].profile-wrap .success-item .success-item-profile {
  background-image: none;
}
@media screen and (max-width: 719px) {
  body.hong4 [data-renew='ver1'].profile-wrap .success-item {
    padding: 12px;
  }
  body.hong4 [data-renew='ver1'].profile-wrap .success-item h3 {
    font-size: 16px;
  }
  body.hong4 [data-renew='ver1'].profile-wrap .success-item p.ellipsis {
    height: 68px;
    font-size: 16px;
    line-height: 22px;
  }
  body.hong4 [data-renew='ver1'].profile-wrap .success-item .success-item-profile {
    background-image: url(/hong4/_img/main/i-arrow-right.png);
  }
}

[data-renew='ver1'] .story-tab-both,
[data-renew='ver1'] .story-tab-single-fortune,
[data-renew='ver1'] .story-tab-single-success {
  width: auto;
}

[data-renew='ver1'] .story-trophy-icon {
  width: 10px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .story-trophy-icon {
    width: 9px;
  }
}

[data-renew='ver1'] .story-award-gap {
  gap: 2px;
}

[data-renew='ver1'] .story-award-info {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 1px;
}

[data-renew='ver1'] .swiper-section {
  position: relative;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: opacity 0.3s ease;
}
[data-renew='ver1'] .swiper-section.active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  height: auto;
  overflow: visible;
}
[data-renew='ver1'] .commentSuccessSwiper .swiper-slide {
  margin-right: 12px;
}
[data-renew='ver1'] .commentSuccessSwiper .swiper-slide:last-child {
  margin-right: 20px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .commentSuccessSwiper .swiper-slide:last-child {
    margin-right: 16px;
  }
}

[data-renew='ver1'] .comment-detail-tab {
  background-color: #f9f9f9;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
}

[data-renew='ver1'] .comment-tab-scroll {
  display: flex;
  gap: 12px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
[data-renew='ver1'] .comment-tab-scroll::-webkit-scrollbar {
  display: none;
}
/* s:후기 6탭 스와이프 (Swiper freeMode — 기획서 p147. comment-tab-scroll 패딩을 swiper-container로 이관) */
[data-renew='ver1'] .cs-tab-swiper {
  padding: 16px 20px;
}
[data-renew='ver1'] .cs-tab-swiper .swiper-wrapper {
  margin: 0;
}
[data-renew='ver1'] .cs-tab-swiper .swiper-slide {
  width: auto;
  list-style: none;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-tab-swiper {
    padding: 12px 16px;
  }
}
/* e:후기 6탭 스와이프 */

/* s:상세메뉴 스티키 바 (스크롤시 상단 고정 — 기획서 p159/160. top/left/width 는 JS 가 설정) */
[data-renew='ver1'] .cs-sticky-detail-tab {
  position: fixed;
  z-index: 6;
}
/* e:상세메뉴 스티키 바 */
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .comment-tab-scroll {
    gap: 8px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

[data-renew='ver1'] .comment-tab-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  padding: 7px 11px 8px;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #0000000d;
  background-color: #fff;
  font-size: 17px;
  line-height: 25px;
  color: #222;
  cursor: pointer;
  flex-shrink: 0;
}

[data-renew='ver1'] .comment-tab-pill span {
  font-weight: 400;
}
[data-renew='ver1'] .comment-tab-pill strong {
  font-size: 15px;
  font-weight: 700;
}
[data-renew='ver1'] .comment-tab-pill.active {
  background-color: #7249d5;
  border-color: #7249d5;
  color: #fff;
}
[data-renew='ver1'] .comment-tab-pill.active span {
  font-weight: 700;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .comment-tab-pill {
    padding: 7px 10px 8px;
    font-size: 15px;
    line-height: 21px;
  }
  [data-renew='ver1'] .comment-tab-pill .js-tabcount {
    font-size: 13px;
    line-height: 19px;
  }
}

[data-renew='ver1'] .comment-keyword-section {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 24px;
  padding-bottom: 16px;
  background-color: #fff;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .comment-keyword-section {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 20px;
    padding-bottom: 12px;
  }
}

[data-renew='ver1'] .comment-keyword-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .comment-keyword-header {
    margin-bottom: 12px;
  }
}

[data-renew='ver1'] .comment-keyword-title-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}

[data-renew='ver1'] .comment-keyword-title-wrap .keyword-title {
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .comment-keyword-title-wrap .keyword-title {
    font-size: 18px;
  }
}

[data-renew='ver1'] .comment-keyword-stat {
  display: flex;
  align-items: center;
  gap: 4px;
}

[data-renew='ver1'] .comment-keyword-stat .stat-star-set {
  display: flex;
  align-items: center;
  gap: 2px;
}
[data-renew='ver1'] .comment-keyword-stat .stat-star {
  display: block;
  width: 14px;
  height: 14px;
}

[data-renew='ver1'] .comment-keyword-stat .dot-text {
  font-size: 16px;
  color: #444;
}

[data-renew='ver1'] .comment-keyword-stat .count-text {
  font-size: 16px;
  color: #666;
}
[data-renew='ver1'] .comment-keyword-stat .count-text strong {
  font-weight: 700;
  color: #222;
}

[data-renew='ver1'] .comment-keyword-stat .stat-arrow {
  display: block;
  width: 5px;
  height: 9px;
  margin-left: 4px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .comment-keyword-stat .stat-star {
    width: 12px;
    height: 12px;
  }
  [data-renew='ver1'] .comment-keyword-stat .dot-text,
  [data-renew='ver1'] .comment-keyword-stat .count-text {
    font-size: 14px;
  }
  [data-renew='ver1'] .comment-keyword-stat .stat-arrow {
    width: 4px;
    height: 7px;
  }
}

[data-renew='ver1'] .comment-keyword-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  row-gap: 12px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .comment-keyword-wrap {
    gap: 6px;
    row-gap: 10px;
  }
}

[data-renew='ver1'] .comment-keyword-pill {
  padding: 4px 8px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #ebeeff;
  background-color: #f3f5ff;
  font-size: 16px;
  line-height: 24px;
  color: #222;
  cursor: pointer;
  white-space: nowrap;
}
[data-renew='ver1'] .comment-keyword-pill.active {
  background-color: #848beb;
  border-color: #848beb;
  color: #fff;
  font-weight: 500;
}

[data-renew='ver1'] .comment-keyword-more {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 7px 6px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #eee;
  background-color: #fff;
  font-size: 16px;
  color: #222;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 500;
}

[data-renew='ver1'] .comment-keyword-more .keyword-more-icon {
  display: block;
  width: 12px;
  height: 12px;
  margin-top: 1px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .comment-keyword-more .keyword-more-icon {
    width: 10px;
    height: 10px;
  }
  [data-renew='ver1'] .comment-keyword-pill {
    padding: 3px 6px 5px;
    font-size: 14px;
    line-height: 20px;
  }
  [data-renew='ver1'] .comment-keyword-more {
    padding: 3px 6px 5px;
    font-size: 14px;
  }
}

/* s:키워드 펼침/접힘 — 더미 키워드는 접힘 시 숨김, 펼침(.expanded) 시 노출 + 닫기 바 전환 */
[data-renew='ver1'] .keyword-extra {
  display: none;
}
[data-renew='ver1'] .comment-keyword-section.expanded .keyword-extra {
  display: block;
}
[data-renew='ver1'] .comment-keyword-section.expanded .comment-keyword-more {
  display: none;
}
[data-renew='ver1'] .comment-keyword-close {
  display: none;
  width: 100%;
  min-height: 42px;
  margin-top: 8px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid #eee;
  border-radius: 4px;
  background-color: #f9f9f9;
  font-size: 16px;
  font-weight: 500;
  color: #444;
  cursor: pointer;
}
[data-renew='ver1'] .comment-keyword-section.expanded .comment-keyword-close {
  display: flex;
  margin-top: 24px;
}
[data-renew='ver1'] .keyword-close-icon {
  display: block;
  width: 12px;
  height: auto;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .comment-keyword-section.expanded .comment-keyword-close {
    margin-top: 20px;
  }
  [data-renew='ver1'] .comment-keyword-close {
    min-height: 36px;
    font-size: 14px;
  }
  [data-renew='ver1'] .keyword-close-icon {
    width: 10px;
  }
}
/* e:키워드 펼침/접힘 */

[data-renew='ver1'] .comment-filter-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #f9f9f9;
  background-image: linear-gradient(to right, #f6eeff, #eefff3);
  box-shadow: 0 -1px 0 #0000000d, 0 1px 0 #0000000d;
}
[data-renew='ver1'] .comment-filter-bar .comment-filter-btn:not(:nth-child(2)){
  margin-left: 2px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .comment-filter-bar {
    gap: 6px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 11px;
    padding-bottom: 11px;
  }
}

[data-renew='ver1'] .comment-filter-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 11px;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #0000001a;
  background-color: #fff;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  cursor: pointer;
  white-space: nowrap;
}
/* 값이 선택된(기본과 다른) 버튼: border 강조 — .is-set 은 updateCommentFilterIcon(JS)이 토글 */
[data-renew='ver1'] .comment-filter-btn.is-set {
  box-shadow: 0 0 0 1px #0000004d;
}

[data-renew='ver1'] .comment-filter-icon {
  display: block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: default;
}
[data-renew='ver1'] .comment-filter-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
/* 기본: 정렬 아이콘 노출 / 리셋 아이콘 숨김 */
[data-renew='ver1'] .comment-filter-icon .filter-icon-reset {
  display: none;
}
/* 필터·정렬 선택 시: 리셋 아이콘으로 전환 + 클릭 가능 */
[data-renew='ver1'] .comment-filter-bar.has-filter .comment-filter-icon {
  cursor: pointer;
}
[data-renew='ver1'] .comment-filter-bar.has-filter .comment-filter-icon .filter-icon-default {
  display: none;
}
[data-renew='ver1'] .comment-filter-bar.has-filter .comment-filter-icon .filter-icon-reset {
  display: block;
}

[data-renew='ver1'] .comment-filter-arrow {
  display: block;
  width: 9px;
  height: 5px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .comment-filter-btn {
    height: 28px;
    padding: 0 8px;
    font-size: 14px;
    gap: 6px;
  }
  [data-renew='ver1'] .comment-filter-btn span {
    margin-top: -2px;
  }
  [data-renew='ver1'] .comment-filter-icon {
    width: 12px;
    height: 12px;
  }
  [data-renew='ver1'] .comment-filter-arrow {
    width: 7px;
    height: 4px;
  }
}

[data-renew='ver1'] .comment-filter-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
[data-renew='ver1'] .comment-filter-popup-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
[data-renew='ver1'] .comment-filter-popup-inner {
  background-color: #fff;
  border-radius: 16px 16px 0 0;
  width: 100%;
  max-width: 400px;
  padding: 24px 20px 20px;
  z-index: 1;
}
[data-renew='ver1'] .comment-filter-popup-title {
  font-size: 15px;
  font-weight: 700;
  color: #333;
  padding-bottom: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #f0f0f0;
}
[data-renew='ver1'] .comment-filter-popup-list {
  padding-top: 12px;
  padding-bottom: 12px;
}
[data-renew='ver1'] .comment-filter-radio {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
/* 커스텀 라디오 (레거시 appearance:none 대응 — 시안: 빈 원 / 보라 체크 원) */
[data-renew='ver1'] .comment-filter-radio input[type='radio'] {
  order: 2;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: 22px;
  height: 22px;
  border: 1.5px solid #ddd;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  flex-shrink: 0;
}
[data-renew='ver1'] .comment-filter-radio input[type='radio']:checked {
  border-color: #6335b4;
  background-color: #6335b4;
}
[data-renew='ver1'] .comment-filter-radio input[type='radio']:checked::after {
  content: '';
  position: absolute;
  left: 7px;
  top: 4px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
[data-renew='ver1'] .comment-filter-radio span {
  order: 1;
}
[data-renew='ver1'] .comment-filter-radio:has(input:checked) span {
  color: #6335b4;
  font-weight: 700;
}
[data-renew='ver1'] .comment-filter-popup-close {
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
  border-radius: 8px;
  background-color: #6335b4;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  margin-top: 8px;
}

[data-renew='ver1'] .keyword-highlight {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}

[data-renew='ver1'] .renewal-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
[data-renew='ver1'] .comment-hashtag {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #e9e9e9;
  font-size: 12px;
  color: #666;
  line-height: 1.4;
  background-color: #fff;
}

[data-renew='ver1'] .comment-bottom-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid #f0f0f0;
}
/* footer 도움돼요 버튼: margin 0 + 레거시 good-review-btn width:100% 무효화 */
[data-renew='ver1'] .comment-bottom-bar .good-review-btn {
  margin: 0;
  padding: 0;
  width: auto;
  border: 0;
}
[data-renew='ver1'] .comment-bottom-bar .comment-report {
  flex-shrink: 0;
  font-size: 12px;
}

[data-renew='ver1'] .review-cs-in .counselor-info-con {
  display: flex;
  align-items: center;
}
/* Row1 신고(상단) / Row2 작성일 우측 정렬 (시안) */
[data-renew='ver1'] .review-cs-in .counselor-info-con .comment-user-report,
[data-renew='ver1'] .review-cs-in .counselor-info-con .info-con {
  flex-shrink: 0;
  margin-left: auto;
}
/* 작성일 색/크기 (Zeplin #666 / 14px·mo 12px) — 레거시 .info-con(#999/12px) 덮어씀 */
[data-renew='ver1'] .review-cs-in .counselor-info-con .info-con {
  color: #666;
  font-size: 14px;
}
/* 상담사명 18px(mo 16) — 레거시 16px 덮어씀 (Zeplin 이름 18/mo16, 700) */
[data-renew='ver1'] .review-cs-in .counselor-info-con .cs-name {
  font-size: 18px;
}
/* 닉네임 500·#444 — 레거시 bold·#222 덮어씀 (Zeplin 14/mo12, 500, #444) */
[data-renew='ver1'] .review-cs-in .counselor-info-con .nickname {
  font-weight: 500;
  color: #444;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .review-cs-in .counselor-info-con .info-con {
    font-size: 12px;
  }
  [data-renew='ver1'] .review-cs-in .counselor-info-con .cs-name {
    font-size: 16px;
  }
}
/* 화면 좁을 때 작성자 정보 영역이 화면 밖으로 넘치던 문제: review-cs-in이 min-width:auto라 안 줄어듦 → 가용폭으로 축소+클립 */
[data-renew='ver1'] .review-cs-in {
  min-width: 0;
  overflow: hidden;
}
/* Row1(카테고리/닉네임/배지) 한 줄 유지 + 닉네임 말줄임 — 신고는 Row2로 이동해 전체폭 사용 */
[data-renew='ver1'] .review-cs-in .counselor-info-con a {
  min-width: 0;
}
/* 한 줄 말줄임: 짧으면 카테고리 ┃ 닉네임 [배지] 노출, 길면 닉네임…로 잘리고 뒤의 퍼플/그린 배지는 clip으로 숨김 */
/* display:block 필수 — 레거시 body.pg .counselor-info-con .cs-name{display:flex}를 무효화해야 text-overflow:ellipsis가 동작 */
[data-renew='ver1'] .review-cs-in .counselor-info-con .cs-name {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 닉네임: 레거시 inline-block(원자) → inline 으로 바꿔 텍스트가 문자단위 …로 잘리게 */
[data-renew='ver1'] .review-cs-in .counselor-info-con .cs-name .cs-number {
  display: inline;
}
/* 배지: 레거시 flex(줄바꿈) → inline-block. 짧으면 같은 줄 노출, 길면 clip 밖으로 밀려 숨김(시안) */
[data-renew='ver1'] .review-cs-in .counselor-info-con .cs-name .badge {
  display: inline-flex;
  vertical-align: middle;
}
/* Row3(review-dg): 상담정보(좌) + 작성일(우, 신고 아래). 레거시 .review-cs .review-dg(space-between) 활용 */
[data-renew='ver1'] .review-cs-in .review-dg p.info-con {
  min-width: 0;
}
[data-renew='ver1'] .review-cs-in .review-dg span.info-con {
  flex-shrink: 0;
  margin-left: 8px;
  font-weight: 500;
  color: #666;
  font-size: 14px;
  white-space: nowrap;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .review-cs-in .review-dg span.info-con {
    font-size: 12px;
  }
}
/* 신고 = 회색 pill (Zeplin: #f6f6f6 / radius 12 / #888 / 14·500) — 상단·하단 공통 */
[data-renew='ver1'] .review-cs-in .comment-user-report,
[data-renew='ver1'] .review-bottom .comment-report {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  height: 24px;
  padding: 0 12px;
  border-radius: 12px;
  background-color: #f6f6f6;
  font-size: 14px;
  font-weight: 500;
  color: #888;
  white-space: nowrap;
}
/* 하단: 도움이 돼요(좌) + 신고(우) + 상단 구분선 */
[data-renew='ver1'] .review-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #f0f0f0;
}
[data-renew='ver1'] .review-bottom .good-review-btn {
  margin: 0;
  padding-top: 0;
  width: fit-content;
  border-top: 0;
}
/* 도움이 돼요 아이콘 — 비활성/활성 SVG 교체 (renew/icon) */
[data-renew='ver1'] .review-bottom .i-goodreview {
  background: url(/publish/img/renew/icon/ico-help-disabled-16x16.svg) no-repeat left center / 16px 16px;
  padding-left: 22px;
}
[data-renew='ver1'] .review-bottom .i-goodreview.active {
  background-image: url(/publish/img/renew/icon/ico-help-sabled-16x16.svg);
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .review-cs-in .comment-user-report,
  [data-renew='ver1'] .review-bottom .comment-report {
    height: 20px;
    padding: 0 11px;
    font-size: 12px;
  }
  [data-renew='ver1'] .review-bottom {
    margin-top: 12px;
    padding-top: 12px;
  }
  [data-renew='ver1'] .review-bottom .i-goodreview {
    background-size: 14px 14px;
    padding-left: 20px;
  }
}

/* s:후기 리스트 아이템 상담분야/스타일 pill 태그 (Zeplin: bg #f9f9f9 / border #eee / radius 4) */
[data-renew='ver1'] .comment-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 16px;
}
[data-renew='ver1'] .comment-tag {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 8px;
  background-color: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #444;
}
[data-renew='ver1'].profile-review .comment {
  border-top: 1px solid #f0f0f0;
  font-size: 18px;
  line-height: 30px;
  color: #444;
}
[data-renew='ver1'].profile-review .comment-answer .answer{
  font-size: 18px;
  line-height: 30px;
  color: #444;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'].profile-review .comment ,
  [data-renew='ver1'].profile-review .comment-answer .answer{
    font-size: 16px;
    line-height: 26px;
  }

}
body.hong4 [data-renew='ver1'].profile-review .comment-img,
body.hong4 .profile-review .comment-img {
  padding: 0;
  background: #f6f6f6;
}
body.hong4 [data-renew='ver1'].profile-review .comment-img .comment-bg,
body.hong4 .profile-review .comment-img .comment-bg {
  max-width: unset;
  padding: 0;
}
body.hong4 [data-renew='ver1'].profile-review .comment-img .photo_popup_btn,
body.hong4 .profile-review .comment-img .photo_popup_btn {
  display: flex;
}
[data-renew='ver1'].profile-review .comment-img img,
body.hong4 .profile-review .comment-img img {
  width: auto;
  max-width: 100%;
  max-height: unset;
  height: 240px;
}
[data-renew='ver1'].profile-review .comment-answer .text-date {
  font-size: 14px;
  line-height: 20px;
  color: #888;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'].profile-review .comment-img img,
  body.hong4 .profile-review .comment-img img {
    max-width: 100%;
    height: 240px;
  }
  [data-renew='ver1'] .comment-tags {
    gap: 6px;
    /* margin: 12px 0; */
  }
  [data-renew='ver1'] .comment-tag {
    height: 26px;
    padding: 0 7px;
    font-size: 14px;
  }
  [data-renew='ver1'].profile-review .comment-answer .text-date {
    font-size: 12px;
    line-height: 17px;
  }
}
/* e:후기 리스트 아이템 pill 태그 */

/* s:본문 핵심문장 형광 하이라이트 — Zeplin #f7ffc4. 백엔드가 핵심문장을 이 클래스로 감싸 렌더 */
[data-renew='ver1'] .comment-highlight {
  background-color: #f7ffc4;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  font-weight: 500;
}
/* e:본문 형광 하이라이트 */

/* s:후기 카드 헤더 (프로필 후기탭 — 닉네임/BEST·신고 행 + 별점·날짜 행) */
[data-renew='ver1'] #after_list .cs-rv-title,
[data-renew='ver1'] .comment-demo-list .cs-rv-title {
  display: block;
}
[data-renew='ver1'] .cs-rv-nickrow {
  display: flex;
  align-items: center;
  gap: 6px;
}
[data-renew='ver1'] .cs-rv-nick {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #222;
}
[data-renew='ver1'] .cs-rv-nickrow .t-best {
  margin-right: 4px;
}
[data-renew='ver1'] .cs-rv-nickrow .comment-user-report {
  margin-left: auto;
}
/* 고정후기 핀 아이콘 — BEST 뱃지 옆 (PC 12x12 / Mo 10x10) */
[data-renew='ver1'] .cs-rv-nickrow .cs-rv-pin {
  display: block;
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
[data-renew='ver1'] .cs-rv-metarow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
}
/* 레거시 body.hong4 .profile-review .list-item-inner .star-set{margin-left:8px}(0,0,4,1)를 이기려면 body.hong4 포함해 상향(0,0,5,1) */
body.hong4 [data-renew='ver1'] #after_list .list-item-inner {
  padding: 24px 20px;
  border: 0;
  margin-bottom: 8px;
}
body.hong4 [data-renew='ver1'] #after_list .list-item-inner:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 719px) {
  body.hong4 [data-renew='ver1'] #after_list .list-item-inner {
    padding: 20px 16px;
  }
}
body.hong4 [data-renew='ver1'] .list-item-inner .cs-rv-metarow .star-set {
  margin: 0;
}
[data-renew='ver1'] .cs-rv-date {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-rv-nick {
    font-size: 16px;
  }
  [data-renew='ver1'] .cs-rv-nickrow .t-best {
    margin-right: 2px;
  }
  [data-renew='ver1'] .cs-rv-nickrow .cs-rv-pin {
    width: 10px;
    height: 10px;
  }
  [data-renew='ver1'] .cs-rv-date {
    font-size: 12px;
    line-height: 17px;
  }
}
[data-renew='ver1'] .comment-answer .cs-reply-arrow {
  display: block;
  width: 11px;
  height: 10px;
  margin-right: 6px;
  margin-top: 6px;
  flex-shrink: 0;
}
/* 신고 뱃지 (시안: #f6f6f6 라운드 pill, 14/500 #888) — top(닉네임행)·footer 공통 */
[data-renew='ver1'] .cs-rv-nickrow .comment-user-report,
[data-renew='ver1'] .comment-bottom-bar .comment-report {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 2px 8px;
  border-radius: 12px;
  background-color: #f6f6f6;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #888;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-rv-nickrow .comment-user-report,
  [data-renew='ver1'] .comment-bottom-bar .comment-report {
    padding: 1px 6px;
    font-size: 12px;
    line-height: 17px;
  }
}
/* e:후기 카드 헤더 */

/* s:성공사례 후기·나만의 점 스토리 더미 리스트 (시안 상태 8~11 — success/fortune 탭 전용 카드) */
/* 표시 토글: .all[data-storymode="success|fortune"] 일 때 해당 블록만 노출, 기존 리스트/형광더미 숨김 */
[data-renew='ver1'] .cs-story-list {
  display: none;
}
[data-renew='ver1'] .all[data-storymode] .comment-demo-list,
[data-renew='ver1'] .all[data-storymode] #after_list {
  display: none;
}
[data-renew='ver1'] .all[data-storymode='success'] .cs-story-list[data-story='success'],
[data-renew='ver1'] .all[data-storymode='fortune'] .cs-story-list[data-story='fortune'] {
  display: block;
  background: #fff;
}
/* 빈상태 토글(?storyEmpty QA) — 기본은 카드 노출 */
[data-renew='ver1'] .cs-story-list .cs-story-empty {
  display: none;
}
[data-renew='ver1'] .cs-story-list.is-empty .cs-story-cards {
  display: none;
}
[data-renew='ver1'] .cs-story-list.is-empty .cs-story-empty {
  display: block;
  background: #fff;
}
/* 카드 — 카드 사이 8px #f6f6f6 밴드(부모 bg + gap) */
[data-renew='ver1'] .cs-story-cards {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: #f6f6f6;
}
[data-renew='ver1'] .cs-story-card {
  background-color: #fff;
  padding: 24px 20px;
  list-style: none;
}
[data-renew='ver1'] .cs-story-head {
  display: flex;
  align-items: center;
  gap: 4px;
}
[data-renew='ver1'] .cs-story-nick {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
[data-renew='ver1'] .cs-story-sub {
  font-size: 14px;
  line-height: 20px;
  color: #666;
}
[data-renew='ver1'] .cs-story-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 4px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #666;
}
[data-renew='ver1'] .cs-story-date-success {
  color: #444;
}
[data-renew='ver1'] .cs-story-date-fortune {
  color: #666;
}
[data-renew='ver1'] .cs-story-meta b {
  font-weight: 700;
  color: #222;
}
/* 수상 마크 — 메타행 우측(1위 카드만). 월계수 잎 + "1위 수상" 그린 (Zeplin 텍스트 #222는 컬러 오류, 시안 픽셀 기준) */
[data-renew='ver1'] .cs-story-award {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: #222;
}
[data-renew='ver1'] .cs-story-award em {
  font-style: normal;
  color: #00af79;
}
[data-renew='ver1'] .cs-story-leaf {
  flex-shrink: 0;
  width: 9px;
  height: 20px;
  background: url(/publish/img/renew/icon/ico-gloryleft-18x40.webp) no-repeat center / 100% 100%;
}
[data-renew='ver1'] .cs-story-award-text {
  font-family: Paperlogy;
}
[data-renew='ver1'] .cs-story-award-date {
  font-weight: 600;
}
[data-renew='ver1'] .cs-story-award-dash,
[data-renew='ver1'] .cs-story-award-rank {
  font-weight: bold;
}
[data-renew='ver1'] .cs-story-award-rank {
  color: #008f63;
}
[data-renew='ver1'] .cs-story-leaf.is-right {
  background-image: url(/publish/img/renew/icon/ico-gloryright-18x40.webp);
}
[data-renew='ver1'] .cs-story-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
[data-renew='ver1'] .cs-story-tag {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 8px;
  background-color: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 500;
  color: #444;
}
[data-renew='ver1'] .cs-story-body {
  margin-top: 8px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #444;
}
[data-renew='ver1'] .cs-story-body.is-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* 빈상태 — 기존 .item-list-null 재사용 + 시안 수치 오버라이드 (body.hong4 프리픽스 = 레거시 hong4.css 특정성 상회) */
body.hong4 [data-renew='ver1'] .item-list-null {
  padding: 96px 0;
}
body.hong4 [data-renew='ver1'] .cs-story-empty {
  padding: 96px 0;
  background: #fff;
}
body.hong4 [data-renew='ver1'] .cs-story-empty > .i-list-review-null {
  margin-bottom: 8px;
}
body.hong4 [data-renew='ver1'] .cs-story-empty > p {
  font-size: 16px;
  line-height: 25px;
  color: #888;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-story-card {
    padding: 20px 16px;
  }
  [data-renew='ver1'] .cs-story-nick {
    font-size: 16px;
    line-height: 24px;
  }
  [data-renew='ver1'] .cs-story-sub {
    font-size: 12px;
    line-height: 17px;
  }
  [data-renew='ver1'] .cs-story-meta {
    gap: 14px;
    margin-top: 2px;
    padding-bottom: 12px;
    font-size: 12px;
    line-height: 17px;
  }
  [data-renew='ver1'] .cs-story-award {
    gap: 6px;
    font-size: 13px;
  }
  [data-renew='ver1'] .cs-story-leaf {
    width: 6px;
    height: 16px;
  }
  [data-renew='ver1'] .cs-story-tags {
    gap: 6px;
    margin-top: 10px;
  }
  [data-renew='ver1'] .cs-story-tag {
    height: 30px;
    padding: 0 7px;
    font-size: 16px;
  }
  [data-renew='ver1'] .cs-story-body {
    margin-top: 6px;
    font-size: 16px;
    line-height: 26px;
  }
  /* 빈상태 하단 간격 — 모바일 50px (퍼블 강상희 2026-08-26 회신: "96px는 웹, 모바일은 50px").
     PC 96px(:2676)의 모바일 대응값이며, 디자인 QA(박남훈 08-26 "하단 버튼까지 간격 96px")의 모바일 짝이다.
     🔴 이 하단값이 곧 「문구 아래 → 하단 버튼」 실측 간격이 된다 — 뷰의 csEnsureReviewFill 은
     padding-top 만 늘려 공간을 채우고 padding-bottom 은 여기 값을 그대로 쓴다(patch 107). */
  body.hong4 [data-renew='ver1'] .item-list-null,
  body.hong4 [data-renew='ver1'] .cs-story-empty {
    padding: 50px 0 50px;
  }
  body.hong4 [data-renew='ver1'] .cs-story-empty > .i-list-review-null {
    width: 24px;
    height: 24px;
  }
  body.hong4 [data-renew='ver1'] .cs-story-empty > p {
    font-size: 14px;
    line-height: 22px;
  }
}
/* e:성공사례 후기·나만의 점 스토리 더미 리스트 */

/* s:레벨 뱃지(퍼플/그린) 폰트 — Zeplin: Paperlogy7-Bold. 기존 Noto Sans KR → Paperlogy */
[data-renew='ver1'] .badge.purple,
[data-renew='ver1'] .badge.green {
  font-family: 'Paperlogy';
}
/* e:레벨 뱃지 폰트 */

/* e:전체 후기 페이지 */

/* s:최근 변화 (후기탭 — 상담스타일·상담분야 최근 변화 + 통계. 10개 미만 blur+알림) */
[data-renew='ver1'].cs-recent-change {
  padding: 24px 20px 36px;
  background-color: #fff;
}
[data-renew='ver1'] .cs-rc-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
}
[data-renew='ver1'] .cs-rc-title {
  font-size: 20px;
  line-height: 29px;
  font-weight: 700;
}
[data-renew='ver1'] .cs-rc-subtitle {
  font-size: 15px;
  line-height: 21px;
  color: #666;
}
[data-renew='ver1'] .cs-rc-info {
  display: flex;
  align-self: center;
  position: relative;
  cursor: pointer;
  margin-top: 4px;
}
[data-renew='ver1'] .cs-rc-info img {
  display: block;
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 719px) {
[data-renew='ver1'] .cs-rc-info {
  margin-top: 2px;
}
  [data-renew='ver1'] .cs-rc-info img {
    display: block;
    width: 12px;
    height: 12px;
  }
}
[data-renew='ver1'] .cs-rc-tooltip {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  transform: translateX(-45%);
  z-index: 5;
  align-items: center;
  gap: 14px;
  white-space: nowrap;
  padding: 11px 14px;
  border-radius: 4px;
  border: 1px solid #e7e7e7;
  background-color: #fbfbf1;
  font-size: 14px;
  color: #444;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
[data-renew='ver1'] .cs-rc-info.is-open .cs-rc-tooltip {
  display: flex;
  top: calc(50% - 2px);
  transform: translateY(-50%);
  left: 26px;
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.12);
}
[data-renew='ver1'] .cs-rc-tooltip-close {
  position: absolute;
  top: -11px;
  right: 0;
  width: 22px;
  height: 22px;
  border: none;
  border-radius: 50%;
  background-color: #222;
  cursor: pointer;
}
[data-renew='ver1'] .cs-rc-tooltip-close::before,
[data-renew='ver1'] .cs-rc-tooltip-close::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 9px;
  height: 1.5px;
  background-color: #fff;
}
[data-renew='ver1'] .cs-rc-tooltip-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
[data-renew='ver1'] .cs-rc-tooltip-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-rc-tooltip {
    white-space: normal;
    width: 240px;
    transform: translateX(-80%);
  }
  [data-renew='ver1'] .cs-rc-info.is-open .cs-rc-tooltip {
    top: auto;
    transform: unset;
    left: auto;
    bottom: 29px;
    right: -80px;
    width: fit-content;
    white-space: pre;
  }
}
[data-renew='ver1'] .cs-rc-labels {
  display: flex;
  margin: 28px 0 8px;
}
[data-renew='ver1'] .cs-rc-labels span {
  flex: 1;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #222;
}
/* 감소만 존재(exposable=false) → 최근 변화 헤더·트렌드 카드가 display:none 으로 남아
   라벨이 섹션 최상단이 되는 경우 상단 여백 제거 (PC/Mo 공통, margin-bottom 은 유지) */
[data-renew='ver1'] [data-rc-card='trend'][style*='display:none'] ~ .cs-rc-labels {
  margin-top: 0;
}
[data-renew='ver1'] .cs-rc-card {
  position: relative;
  border: 1px solid #eee;
  border-radius: 4px;
  background-color: #f9f9f9;
  overflow: hidden;
}
/* 후기 0~9개 잠금 상태(블러)는 카드 배경 흰색 */
[data-renew='ver1'] .cs-rc-card.is-locked {
  background-color: #fff;
  border: 0 !important;
  box-shadow:0 0 0 1px #0000001a ;
}
[data-renew='ver1'] .cs-rc-card.is-locked .cs-rc-body {
  filter: blur(10px);
}
[data-renew='ver1'] .cs-rc-body {
  padding: 16px;
  padding-right: 23px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-rc-body {
    padding: 11px 13px;
  }
}
[data-renew='ver1'] .cs-rc-body2 {
  background-color: #fff;
  padding: 0;
  border: 0;
}
[data-renew='ver1'] .cs-rc-notice {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
[data-renew='ver1'] .cs-rc-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 8px;
  border-radius: 2px;
  background-color: #e80037;
  font-family: Paperlogy;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-rc-notice {
    gap: 7px;
  }
  [data-renew='ver1'] .cs-rc-badge {
    font-size: 12px;
    padding-bottom: 4px;
  }
}
[data-renew='ver1'] .cs-rc-notice p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #222;
  text-align: center;
}
/* 트렌드/통계 행 (populated — 10개 이상, 하드코딩) */
[data-renew='ver1'] .cs-rc-cols {
  display: flex;
  gap: 32px;
}
[data-renew='ver1'] .cs-rc-col {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 719px) {
  [data-renew='ver1'] .cs-rc-col {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
}
/* 카드2 통계 행 = 비율 진행바(상담분야 보라 / 상담스타일 초록) */
[data-renew='ver1'] .cs-rc-stat {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: 40px;
  padding: 0 12px;
  border-radius: 5px;
  border: 1px solid #f0f0f0;
}
[data-renew='ver1'] .cs-rc-bar-wrap {
  position: absolute;
  background: #ffffff;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 5px;
  z-index: 0;
}
[data-renew='ver1'] .cs-rc-bar {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 0;
  width: 100%;
  border-radius: 4px 0 0 4px;
}
[data-renew='ver1'] .cs-rc-bar--field {
  background-image: linear-gradient(to right, #faf5ff, #eddeff);
  box-shadow: inset 0px 0 0 1px #00000008;
}
[data-renew='ver1'] .cs-rc-bar--style {
  background-image: linear-gradient(to right, #e9fff0 0%, #caf1d7 100%);
  box-shadow: inset 0px 0 0 1px #00000008;
}
/* wrap width 99.1~99.4% / 99.5~100% 구간별 radius — csRcStatLoad 에서 클래스 부여 */
[data-renew='ver1'] .cs-rc-bar--nearfull {
  border-radius: 3px;
}
[data-renew='ver1'] .cs-rc-bar--full {
  border-radius: 5px;
}
/* 통계 더보기 — 추가행 토글 */
[data-renew='ver1'] .cs-rc-more-row {
  display: none;
}
[data-renew='ver1'] .cs-recent-change.rc-expanded .cs-rc-more-row {
  display: flex;
}
[data-renew='ver1'] .cs-rc-more-btn {
  margin-top: 12px;
}
[data-renew='ver1'] .cs-rc-stat .cs-rc-item {
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-weight: 400;
  color: #222;
}
@media (max-width: 719px) {
  [data-renew='ver1'] .cs-rc-stat {
    height: 32px;
    padding-inline: 8px;
  }
  [data-renew='ver1'] .cs-rc-stat .cs-rc-item {
    font-size: 14px;
  }
}
[data-renew='ver1'] .cs-rc-stat .cs-rc-count {
  position: relative;
  z-index: 1;
}
[data-renew='ver1'] .cs-rc-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 0;
}
@media (max-width: 719px) {
  [data-renew='ver1'] .cs-rc-row {
    padding: 11px 0;
  }
}
[data-renew='ver1'] .cs-rc-row:first-child {
  padding-top: 0;
}
[data-renew='ver1'] .cs-rc-row:last-child {
  padding-bottom: 0;
}
[data-renew='ver1'] .cs-rc-row + .cs-rc-row {
  border-top: 1px solid #eee;
}
[data-renew='ver1'] .cs-rc-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: #222;
  max-width: calc(100% - 100px);
}
[data-renew='ver1'] span.cs-rc-item {
  max-width: unset;
}
[data-renew='ver1'] .cs-rc-emoji {
  display: block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  flex-shrink: 0;
}
@media (max-width: 719px) {
  [data-renew='ver1'] .cs-rc-item {
    gap: 8px;
  }
  [data-renew='ver1'] .cs-rc-emoji {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
  }
}
[data-renew='ver1'] .cs-rc-emoji.emo-voice {
  background-image: url(/hong4/_img/main/i-style-voice.png);
}
[data-renew='ver1'] .cs-rc-emoji.emo-surpirse {
  background-image: url(/hong4/_img/main/i-style-surpirse.png);
}
[data-renew='ver1'] .cs-rc-emoji.emo-money {
  background-image: url(/hong4/_img/main/i-money.svg);
}
[data-renew='ver1'] .cs-rc-trend {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 106px; /* 3자리 수치는 행만 늘어나도록 min-width */
}
[data-renew='ver1'] .cs-rc-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 0 4px;
  padding-bottom: 1px;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  margin-top: 1px;
}
[data-renew='ver1'] .cs-rc-tag.up {
  background-color: #ff6780;
}
[data-renew='ver1'] .cs-rc-tag.keep {
  background-color: #8680db;
}
[data-renew='ver1'] .cs-rc-stack {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
[data-renew='ver1'] .cs-rc-pct {
  font-size: 18px;
  font-weight: 700;
  color: #222;
}
@media (max-width: 719px) {
  [data-renew='ver1'] .cs-rc-trend {
    min-width: 92px; /* 3자리 수치는 행만 늘어나도록 min-width */
  }
  [data-renew='ver1'] .cs-rc-item {
    line-height: 24px;
  }
  [data-renew='ver1'] .cs-rc-tag {
    width: 28px;
    height: 18px;
    font-size: 11px;
    padding-inline: 2px;
  }
  [data-renew='ver1'] .cs-rc-pct {
    font-size: 16px;
  }
}
/* 부호(+/-)만 작게 (숫자는 PC 18 / Mo 16 유지) — PC 16 / Mo 14 */
[data-renew='ver1'] .cs-rc-pct .cs-rc-plus {
  font-size: 16px;
  margin-right: 2px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-rc-pct .cs-rc-plus {
    font-size: 14px;
  }
}
/* % 단위 — Zeplin(02_20 상태3, 3행 공통): 숫자와 별도 레이어 PC 13 / Mo 11 (weight·컬러는 숫자와 동일해 상속) */
[data-renew='ver1'] .cs-rc-pct .cs-rc-unit {
  font-size: 13px;
  margin-left: 2px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-rc-pct .cs-rc-unit {
    font-size: 11px;
  }
}
[data-renew='ver1'] .cs-rc-arrow {
  display: block;
  width: 11px;
  height: 14px;
  flex-shrink: 0;
  margin-top: 1px;
}
[data-renew='ver1'] .cs-rc-arrow.keep {
  height: 4px;
}
[data-renew='ver1'] .cs-rc-count {
  font-size: 14px;
  font-weight: 700;
  color: #222;
}
/* 최근변화 누적건수 — Mo 12 (시안 [M]02_20) */
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-rc-count {
    font-size: 12px;
  }
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'].cs-recent-change {
    padding: 20px 16px 30px;
  }
  [data-renew='ver1'] .cs-rc-header {
    gap: 4px;
    margin-bottom: 12px;
  }
  [data-renew='ver1'] .cs-rc-title {
    font-size: 18px;
    line-height: 26px;
  }
  [data-renew='ver1'] .cs-rc-subtitle {
    font-size: 13px;
    line-height: 19px;
  }
  [data-renew='ver1'] .cs-rc-labels {
    margin: 24px 0 10px;
  }
  [data-renew='ver1'] .cs-rc-labels span {
    font-size: 14px;
    line-height: 20px;
  }
  [data-renew='ver1'] .cs-rc-item {
    font-size: 16px;
  }
  [data-renew='ver1'] .cs-rc-cols {
    gap: 16px;
  }
  [data-renew='ver1'] .cs-rc-notice p {
    font-size: 14px;
    line-height: 20px;
  }
}
/* e:최근 변화 */

/* s:상담분야 필터 모달 (멀티선택 칩 — comment-filter-popup 외곽 재사용) */
[data-renew='ver1'] .cs-field-sub {
  font-size: 18px;
  line-height: 26px;
  color: #222;
  text-align: center;
  padding: 8px 0 20px;
}
[data-renew='ver1'] .cs-field-all {
  padding-bottom: 12px;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 12px;
}
[data-renew='ver1'] .cs-field-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
[data-renew='ver1'] .cs-field-chip {
  padding: 4px 9px 6px;
  border-radius: 4px;
  border: 1px solid #eee;
  background-color: #fff;
  font-size: 18px;
  line-height: 26px;
  color: #222;
  cursor: pointer;
  white-space: nowrap;
}
[data-renew='ver1'] .cs-field-wrap .cs-field-chip {
  padding: 4px 11px 6px;
}
[data-renew='ver1'] .cs-field-chip.active {
  background-color: #7249d5;
  border-color: #7249d5;
  color: #fff;
  font-weight: 700;
}
[data-renew='ver1'] .cs-field-btns {
  display: flex;
  gap: 12px;
  margin-top: 24px;
}
[data-renew='ver1'] .cs-field-btns button {
  flex: 1;
  height: 50px;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 700;
  border: none;
  cursor: pointer;
}
[data-renew='ver1'] .cs-field-btns .cs-field-cancel {
  background-color: #c1c1c1;
  color: #fff;
}
[data-renew='ver1'] .cs-field-btns .cs-field-confirm {
  background-color: #7249d5;
  color: #fff;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-field-sub {
    font-size: 16px;
    line-height: 24px;
    padding: 5px 0 16px;
  }
  [data-renew='ver1'] .cs-field-all {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  [data-renew='ver1'] .cs-field-wrap {
    gap: 10px;
  }
  [data-renew='ver1'] .cs-field-chip {
    font-size: 16px;
    line-height: 24px;
    padding: 3px 8px;
  }
  [data-renew='ver1'] .cs-field-wrap .cs-field-chip {
    padding: 3px 8px;
  }
  [data-renew='ver1'] .cs-field-btns {
    margin-top: 20px;
  }
  [data-renew='ver1'] .cs-field-btns button {
    height: 46px;
    font-size: 16px;
  }
}
/* e:상담분야 필터 모달 */

/* s:상담분야 markupPopup 모바일 바텀시트 (markupPopup 의 mo: 바텀시트 클래스는 tailwind JIT 스캔 대상이 아니라 미컴파일 → 여기서 직접 지정) */
@media screen and (max-width: 719px) {
  .__popup.ver1.cs-field-popup {
    top: unset;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: unset;
    max-width: unset;
    transform: none;
    border-radius: 10px 10px 0 0;
  }
  .__popup.ver1.cs-field-popup .__pop-header.ver1 {
    padding: 10px 16px;
  }
  .__popup.ver1.cs-field-popup .__title.ver1 {
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (max-width: 479.9px) {
  .__popup.ver1.cs-field-popup {
    width: 100%;
    max-width: unset;
  }
}
/* e:상담분야 markupPopup 바텀시트 */

/* s:후기 카테고리·정렬 모달(#sortPopup) 리뉴얼 시안 보정 — Zeplin [P]/[M] 26년 07월_02_31
   마크업은 공용 sortPopupV3.js, 기본 스타일은 hong4.css 레거시(.hong-popup). 전역 영향을 피해
   hong4.css 는 무수정하고 renew.css 로드 페이지에서만 #sortPopup ID 특정성으로 덮는다.
   행피치 44/36 은 check-list height 로 만들고(마진 제거), 상하 여백 15/14는 헤더·버튼과
   첫/마지막 행 라인박스 간 시안 간격(모달 총높이 PC 316 / Mo 274 역산 검증) */
body.hong4 #sortPopup .popup-top {
  padding: 0 18px;
}
body.hong4 #sortPopup .popup-top h2 {
  color: #555;
  font-size: 16px;
}
body.hong4 #sortPopup .popup-inner-top {
  padding: 15px 0;
}
body.hong4 #sortPopup .check-list {
  height: 44px;
  margin-bottom: 0;
  font-size: 18px;
}
body.hong4 #sortPopup .check-list input[type='radio']:checked + label {
  color: #6d2edc;
}
body.hong4 #sortPopup .popup-btn {
  font-size: 18px;
}
body.hong4 #sortPopup .popup-btn.active {
  background: #7249d5;
}
@media screen and (max-width: 719px) {
  body.hong4 #sortPopup .popup-top {
    padding: 0 16px;
  }
  body.hong4 #sortPopup .popup-top h2 {
    font-size: 13px;
  }
  body.hong4 #sortPopup .popup-inner-top {
    padding: 14px 0;
  }
  body.hong4 #sortPopup .check-list {
    height: 36px;
    font-size: 16px;
  }
  body.hong4 #sortPopup .popup-btn {
    font-size: 16px;
  }
}
/* e:후기 카테고리·정렬 모달 시안 보정 */

/* s:최근 3개월 섹션 */

[data-renew='ver1'].renew-section {
  padding-inline: 20px;
  padding-top: 24px;
  padding-bottom: 36px;
  background-color: #fff;
}

[data-renew='ver1'] .renew-section-header {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding-bottom: 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #f0f0f0;
  margin-bottom: 13px;
}
[data-renew='ver1'] .renew-section-title {
  font-size: 20px;
  line-height: 29px;
  font-weight: bold;
}
[data-renew='ver1'] .renew-section-subtitle {
  font-size: 15px;
  line-height: 21px;
  color: #444;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'].renew-section {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 20px;
    padding-bottom: 30px;
  }
  [data-renew='ver1'] .renew-section-header {
    gap: 4px;
    margin-bottom: 12px;
  }
  [data-renew='ver1'] .renew-section-title {
    font-size: 18px;
    line-height: 26px;
  }
  [data-renew='ver1'] .renew-section-subtitle {
    font-size: 13px;
    line-height: 19px;
  }
}

[data-renew='ver1'] .m3-stats-row {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 16px;
}
/* 후기 없으면 [B](키워드칩·후기카드·더보기)가 미노출돼 통계행이 마지막이 된다 → 하단 여백 제거 */
[data-renew='ver1'] .m3-stats-row:last-child {
  margin-bottom: 0;
}
[data-renew='ver1'] .m3-stats-item {
  display: flex;
  align-items: center;
}

[data-renew='ver1'] .m3-stats-icon {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
[data-renew='ver1'] .m3-stats-label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #666;
  margin-right: 8px;
}
[data-renew='ver1'] .m3-stats-value {
  font-size: 22px;
  line-height: 32px;
  font-weight: bold;
  margin-right: 4px;
}
[data-renew='ver1'] .m3-stats-unit {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #666;
}
[data-renew='ver1'] .m3-stats-divider {
  width: 1px;
  height: 16px;
  background-color: #e6e6e6;
  flex-shrink: 0;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .m3-stats-row {
    gap: 16px;
    margin-bottom: 12px;
  }
  [data-renew='ver1'] .m3-stats-value {
    font-size: 20px;
    line-height: 29px;
  }
  [data-renew='ver1'] .m3-stats-unit {
    font-size: 14px;
    line-height: 20px;
  }
}

[data-renew='ver1'] .m3-keywords-wrap {
  margin-bottom: 20px;
}

[data-renew='ver1'] .m3-keywords-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 8px;
  margin-bottom: 20px;
}

[data-renew='ver1'] .m3-keyword-pill {
  display: flex;
  align-items: center;
  padding: 5px 6px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #ebeeff;
  background-color: #f3f5ff;
  font-size: 16px;
  line-height: 24px;
  color: #222;
  cursor: pointer;
}

[data-renew='ver1'] .m3-keyword-more {
  border-color: #eee;
  background-color: #fff;
  font-weight: 500;
  gap: 4px;
}
[data-renew='ver1'] .m3-keyword-more-icon {
  display: block;
  width: 12px;
  height: 12px;
  margin-top: 1px;
  cursor: pointer;
}
/* 펼침(.expanded): 숨김(--over) 키워드 노출 + 더보기(✦12) 칩 숨김 + 닫기 버튼(cs-expand-btn 레이아웃) 노출 */
[data-renew='ver1'] .m3-keywords-wrap .m3-keywords-list {
  margin-bottom: 0;
}
[data-renew='ver1'] .m3-keywords-wrap.expanded .m3-keyword-pill--over {
  display: flex;
}
[data-renew='ver1'] .m3-keywords-wrap.expanded .m3-keyword-more {
  display: none;
}
/* 닫기 버튼: 기본 숨김(cs-expand-btn display:flex 를 특정성으로 덮어씀), 펼침 시 노출 */
[data-renew='ver1'] .cs-expand-btn.m3-keyword-close-btn {
  display: none;
}
[data-renew='ver1'] .m3-keywords-wrap.expanded .m3-keyword-close-btn {
  display: flex;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .m3-keywords-list {
    row-gap: 10px;
    column-gap: 6px;
    margin-bottom: 16px;
  }
  [data-renew='ver1'] .m3-keywords-wrap {
    margin-bottom: 14px;
  }
  [data-renew='ver1'] .m3-keywords-list .m3-keyword-pill {
    padding: 4px 7px;
  }
  [data-renew='ver1'] .m3-keyword-pill {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    line-height: 19px;
  }
}

[data-renew='ver1'] .m3-review-scroll {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 16px;
}
[data-renew='ver1'] .m3-review-scroll::-webkit-scrollbar {
  display: none;
}

[data-renew='ver1'].renew-section-gap {
  height: 8px;
  background-color: #f6f6f6;
}
[data-renew='ver1'] .m3-review-swiper {
  margin-bottom: 16px;
}

[data-renew='ver1'] .m3-review-slide {
  width: 380px;
  cursor: pointer;
}

[data-renew='ver1'] .m3-review-card {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 380px;
  height: 123px;
  padding: 12px;
  background-image: url('/publish/img/renew/bg/img-boxline-dash-380x123.svg');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 380px 123px;
  cursor: pointer;
}

[data-renew='ver1'] .m3-review-card-text {
  font-size: 17px;
  line-height: 26px;
  font-weight: 500;
  color: #444;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

[data-renew='ver1'] .m3-review-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}
[data-renew='ver1'] .m3-review-card-stars {
  display: flex;
  align-items: center;
  gap: 2px;
}

[data-renew='ver1'] .m3-review-card-star {
  display: block;
  width: 18px;
  height: 18px;
}
[data-renew='ver1'] .m3-review-card-date {
  font-size: 16px;
  line-height: 23px;
  color: #888;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .m3-review-slide {
    width: 314px;
  }
  [data-renew='ver1'] .m3-review-card {
    width: 314px;
    height: 101px;
    padding: 11px 13px;
    border-radius: 0;
    background-image: url('/publish/img/renew/bg/img-boxline-dash-314x101.svg');
    background-size: cover;
  }
  [data-renew='ver1'] .m3-review-card-footer {
    margin-top: 8px;
  }
  [data-renew='ver1'] .m3-review-card-text {
    font-size: 15px;
    line-height: 22px;
  }

  [data-renew='ver1'] .m3-review-card-star {
    width: 12px;
    height: 12px;
  }

  [data-renew='ver1'] .m3-review-card-date {
    font-size: 12px;
    line-height: 17px;
  }
}

[data-renew='ver1'] .m3-hongcafe-header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
[data-renew='ver1'] .m3-hongcafe-info-icon {
  display: block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  cursor: pointer;
}
[data-renew='ver1'] .m3-hongcafe-tooltip.is-open {
  display: flex;
}

[data-renew='ver1'] .m3-hongcafe-tooltip {
  position: absolute;
  left: 143px;
  display: none;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 11px;
  padding-bottom: 11px;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.078);
  background-color: #fdfff8;
}
[data-renew='ver1'] .m3-hongcafe-tooltip-text {
  font-size: 16px;
  line-height: 24px;
  color: #222;
}

[data-renew='ver1'] .m3-hongcafe-tooltip-close {
  position: absolute;
  top: -12px;
  right: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #000;
  cursor: pointer;
}
[data-renew='ver1'] .m3-hongcafe-tooltip-close::before,
[data-renew='ver1'] .m3-hongcafe-tooltip-close::after {
  content: '';
  position: absolute;
  top: 11px;
  left: 6px;
  width: 12px;
  height: 2px;
  background-color: #fff;
}
[data-renew='ver1'] .m3-hongcafe-tooltip-close::before {
  transform: rotate(45deg);
}
[data-renew='ver1'] .m3-hongcafe-tooltip-close::after {
  transform: rotate(-45deg);
}
/* 클래스 페이지 홍카페 코멘트 — 시안은 툴팁 대신 제목 옆 부제 직접 표시 */
[data-renew='ver1'] .m3-hongcafe-subtitle {
  font-size: 15px;
  line-height: 21px;
  color: #444;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .m3-hongcafe-subtitle {
    font-size: 13px;
    line-height: 19px;
  }
}

[data-renew='ver1'] .m3-hongcafe-body {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
[data-renew='ver1'] .m3-hongcafe-tags {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  flex-shrink: 0;
  max-width: 185px;
}

[data-renew='ver1'] .m3-hongcafe-bubble {
  position: relative;
  width: 100%;
  max-width: 474px;
  height: fit-content;
  padding: 12px;
  border-radius: 6px;
  border-width: 1px;
  border-style: dashed;
  border-color: #999;
  background-color: #fff;
}

[data-renew='ver1'] .m3-hongcafe-bubble-text {
  font-size: 17px;
  line-height: 26px;
  font-weight: 500;
  color: #444;
  word-wrap: break-word;
}
[data-renew='ver1'] .m3-hongcafe-bubble-tail {
  position: absolute;
  right: -2px;
  bottom: -7px;
  display: block;
  width: 20px;
}

[data-renew='ver1'] .m3-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding-block: 9px;
  margin-top: 16px;
  width: 100%;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #f2f2f2;
  background-color: #f9f9f9;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #444;
}
[data-renew='ver1'] .m3-more-btn-icon {
  display: block;
  width: 12px;
  height: 12px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .m3-more-btn {
    padding-block: 8px;
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
  }
}

/* e:최근 3개월 섹션 */

/* s:주 상담시간 섹션 */

[data-renew='ver1'] .ct-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
[data-renew='ver1'] .ct-inquiry-link {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  line-height: 21px;
  color: #666;
}
@media (max-width: 719px) {
  [data-renew='ver1'] .ct-inquiry-link {
    gap: 6px;
  }
}

[data-renew='ver1'] .ct-timeslot {
  display: flex;
  align-items: center;
  gap: 19px;
  margin-bottom: 12px;
}
[data-renew='ver1'] .ct-timeslot:last-child {
  margin-bottom: 0;
}

[data-renew='ver1'] .ct-time-pill {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 133px;
  height: 40px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #eee;
  background-color: #f9f9f9;
  white-space: nowrap;
}

[data-renew='ver1'] .ct-time-num {
  font-size: 22px;
  line-height: 32px;
  font-weight: bold;
}
[data-renew='ver1'] .ct-time-unit {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-left: 2px;
}
[data-renew='ver1'] .ct-time-tilde {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin-left: 4px;
  margin-right: 4px;
}
[data-renew='ver1'] .ct-timebar-wrap {
  flex: 1;
  position: relative;
}

[data-renew='ver1'] .ct-timebar-labels {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #222;
  margin-bottom: 9px;
}

[data-renew='ver1'] .ct-sun-icon {
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 50%;
  top: -1px;
  transform: translateX(-50%);
}

[data-renew='ver1'] .ct-timebar-track {
  position: relative;
  height: 6px;
  background-color: #f0f0f0;
  border-radius: 3px;
  overflow: hidden;
}

[data-renew='ver1'] .ct-timebar-fill {
  position: absolute;
  height: 100%;
  background-color: #848beb;
  border-radius: 3px;
}
[data-renew='ver1'] .ct-timebar-fill-left {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
[data-renew='ver1'] .ct-timebar-fill-right {
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}

[data-renew='ver1'] .ct-timebar-marks {
  position: relative;
  height: 8px;
  margin-top: 8px;
}
[data-renew='ver1'] .ct-timebar-marks::before,
[data-renew='ver1'] .ct-timebar-marks::after {
  content: '';
  position: absolute;
  left: 7px;
  right: 7px;
}

[data-renew='ver1'] .ct-timebar-marks::before {
  top: 0;
  height: 8px;
  background-image: linear-gradient(to right, #222 0 2px, transparent 2px);
  background-repeat: repeat-x;
  background-size: 12.5% 8px;

  box-shadow: inset -2px 0 0 0 #222;
}

[data-renew='ver1'] .ct-timebar-marks::after {
  top: 3px;
  height: 2px;
  background-image: linear-gradient(
    to right,
    transparent 0 33.333%,
    #222 33.333% calc(33.333% + 2px),
    transparent calc(33.333% + 2px) 66.666%,
    #222 66.666% calc(66.666% + 2px),
    transparent calc(66.666% + 2px)
  );
  background-repeat: repeat-x;
  background-size: 12.5% 2px;
}

[data-renew='ver1'] .ct-timebar-ticks {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #666;
  margin-top: 4px;
}
[data-renew='ver1'] .ct-timebar-ticks > span {
  width: 16px;
  text-align: center;
}

[data-renew='ver1'] .ct-timebar-ticks > span:first-child,
[data-renew='ver1'] .ct-timebar-ticks > span:last-child {
  font-weight: bold;
}
[data-renew='ver1'] .ct-tick-noon {
  font-weight: bold;
  color: #222;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .ct-inquiry-link {
    font-size: 13px;
    line-height: 19px;
  }

  [data-renew='ver1'] .ct-timeslot {
    gap: 14px;
    margin-bottom: 11px;
  }

  [data-renew='ver1'] .ct-time-pill {
    width: 110px;
    height: 32px;
  }
  [data-renew='ver1'] .ct-time-num {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 2px;
  }
  [data-renew='ver1'] .ct-time-unit,
  [data-renew='ver1'] .ct-time-tilde {
    font-size: 13px;
    line-height: 19px;
  }
  [data-renew='ver1'] .ct-timebar-ticks {
    font-size: 11px;
    line-height: 16px;
    margin-top: 12px;
  }
  [data-renew='ver1'] .ct-timebar-labels {
    font-size: 12px;
    line-height: 17px;
  }
}

/* e:주 상담시간 섹션 */

/* s:공통섹션 */

[data-renew='ver1'].cs-section {
  padding: 24px 20px 36px;
  background-color: #fff;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'].cs-section {
    padding: 20px 16px 30px;
  }
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].sale-product {
  padding: 24px 20px 36px;
  border: none;
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap [data-renew='ver1'].sale-product {
    padding: 20px 16px 30px;
  }
}

/* 상세정보 탭 마지막 섹션은 어느 것이 오든 하단 50px 통일 (PC·Mo 동일) — 조건부 노출로 마지막이 바뀌어도 :last-child가 자동 재적용 */
body.hong4 .profile-tab-wrap .service-container > [data-renew='ver1']:last-child,
.service-container > [data-renew='ver1']:last-child {
  padding-bottom: 50px;
}

body.hong4 .profile-tab-wrap .profile-container + .service-container {
  margin-top: 0;
}

[data-renew='ver1'] .cs-title {
  font-size: 20px;
  line-height: 29px;
  font-weight: bold;
  margin-bottom: 16px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 12px;
  }
}

[data-renew='ver1'] .cs-body-text {
  font-size: 18px;
  line-height: 29px;
  color: #444;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-body-text {
    font-size: 16px;
    line-height: 26px;
  }
}

[data-renew='ver1'] .cs-expand-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 9px;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: #f2f2f2;
  border-radius: 4px;
  background-color: #f9f9f9;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #444;
  gap: 6px;
  margin-top: 24px;
}
[data-renew='ver1'] .cs-expand-btn .cs-expand-icon {
  display: block;
  width: 12px;
  margin-top: 1px;
}
[data-renew='ver1'] .cs-expand-btn .cs-expand-icon img {
  display: block;
  width: 100%;
}

[data-renew='ver1'] .cs-notice-wrap[data-cs-clamp] {
  position: relative;
  overflow: hidden;
  max-height: 150px;
}
[data-renew='ver1'] .cs-notice-wrap.is-expanded {
  max-height: none;
}

[data-renew='ver1'] .cs-notice-wrap.is-fit ~ .cs-notice-btn {
  display: none;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-notice-wrap[data-cs-clamp] {
    max-height: 130px;
  }
  [data-renew='ver1'] .cs-notice-wrap.is-expanded {
    max-height: none;
  }
}

[data-renew='ver1'] .cs-career-wrap[data-career-clamp] .cs-bullet-item--over {
  display: none;
}
[data-renew='ver1'] .cs-career-wrap.is-expanded .cs-bullet-item--over {
  display: flex;
}

[data-renew='ver1'] .cs-career-wrap[data-career-clamp] .cs-career-hide {
  display: none;
}
[data-renew='ver1'] .cs-career-wrap.is-expanded .cs-career-hide {
  display: block;
}

[data-renew='ver1'] .cs-bullet-list.cs-career-divider {
  padding-bottom: 24px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #f0f0f0;
  margin-bottom: 24px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-expand-btn {
    padding-block: 8px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
  }
  [data-renew='ver1'] .cs-bullet-list.cs-career-divider {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}

[data-renew='ver1'] .cs-notice-img-wrap {
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 32px;
  background-color: #f9f9f9;
  border-width: 1px;
  border-style: solid;
  border-color: #f0f0f0;
}
[data-renew='ver1'] .cs-notice-img-wrap img {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-notice-img-wrap {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 30px;
  }
  [data-renew='ver1'] .cs-notice-img-wrap img {
    max-width: unset;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

[data-renew='ver1'] .cs-bullet-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
[data-renew='ver1'] .cs-bullet-list.cs-mb {
  margin-bottom: 20px;
}
[data-renew='ver1'] .cs-bullet-item {
  display: flex;
  gap: 6px;
}
[data-renew='ver1'] .cs-bullet-dot {
  flex-shrink: 0;
  font-size: 18px;
  line-height: 29px;
  color: #444;
  width: auto;
}
[data-renew='ver1'] .cs-bullet-text {
  font-size: 18px;
  line-height: 29px;
  color: #444;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-bullet-dot {
    font-size: 16px;
    line-height: 26px;
  }
  [data-renew='ver1'] .cs-bullet-text {
    font-size: 16px;
    line-height: 26px;
  }
}

[data-renew='ver1'] .cs-divider {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #e9e9e9;
  margin-bottom: 20px;
}

[data-renew='ver1'] .cs-service-content {
  border-radius: 8px;
}
[data-renew='ver1'] .cs-service-content[data-cs-clamp] {
  position: relative;
  overflow: hidden;
  max-height: 556px;
  background-color: #f9f9f9;
  border: 1px solid #f0f0f0;
}
[data-renew='ver1'] .cs-service-content[data-cs-clamp] .service-detail-con {
  max-width: 400px;
  margin: 0 auto;
}
[data-renew='ver1'] .cs-service-content.is-expanded {
  max-height: none;
}

[data-renew='ver1'] .cs-service-content.is-fit ~ .cs-service-btn {
  display: none;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-service-content[data-cs-clamp] {
    max-height: 500px;
    /* cs-section 좌우 padding(16px) 상쇄 — 서비스 소개 콘텐츠는 화면 좌우 풀블리드 */
    margin-left: -16px;
    margin-right: -16px;
    border: 0;
    border-radius: 0;
    margin-top: 20px;
  }
  [data-renew='ver1'] .cs-service-content[data-cs-clamp] .service-detail-con {
    max-width: none;
    border-radius: 0;
  }
  [data-renew='ver1'] .cs-service-content.is-expanded {
    max-height: none;
  }
}

[data-renew='ver1'] .cs-gradient-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
  pointer-events: none;
}
@media screen and (max-width: 719px) {
  /* 풀블리드 박스(radius 0)에 맞춰 그라데이션 하단 라운드도 제거 */
  [data-renew='ver1'] .cs-gradient-overlay {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

[data-renew='ver1'] .cs-service-content.is-expanded .cs-gradient-overlay,
[data-renew='ver1'] .cs-service-content.is-fit .cs-gradient-overlay {
  display: none;
}

[data-renew='ver1'] .cs-swiper-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].sale-product > .cs-swiper-header > h1,
[data-renew='ver1'] .cs-swiper-header h1 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  line-height: 29px;
  font-weight: 700;
  color: #222;
  margin-bottom: 0;
}
body.hong4 .profile-tab-wrap [data-renew='ver1'].sale-product > .cs-swiper-header > h1 > .cs-count,
[data-renew='ver1'] .cs-swiper-header .cs-count {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #666;
}

[data-renew='ver1'] .cs-swiper-more {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #444;
  cursor: pointer;
}

[data-renew='ver1'] .cs-swiper-more-icon {
  display: block;
  width: 12px;
  height: 12px;
}

[data-renew='ver1'] .cs-sale-scroll {
  display: flex;

  align-items: flex-start;
  gap: 16px;
  overflow-x: auto;

  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
[data-renew='ver1'] .cs-sale-scroll::-webkit-scrollbar {
  display: none;
}
[data-renew='ver1'] .cs-sale-slide {
  flex-shrink: 0;
  width: 168px;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].sale-product .list-item-content {
  width: 100%;
  gap: 0;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'] .cs-sale-thumb,
[data-renew='ver1'] .cs-sale-thumb {
  position: relative;
  width: 168px;
  height: 118px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #f5f5f5;
  margin-bottom: 8px;
}
[data-renew='ver1'] .cs-sale-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[data-renew='ver1'] .cs-sale-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 5px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 13px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

[data-renew='ver1'] .cs-sale-name {
  font-size: 20px;
  line-height: 29px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 4px;
}

[data-renew='ver1'] .cs-sale-name.cs-sale-name--bold {
  font-weight: 700;
}

body.hong4 .profile-tab-wrap .sale-product[data-renew='ver1'] .list-item-content > .cs-sale-price,
[data-renew='ver1'] .cs-sale-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  white-space: nowrap;
}

/* 가격묶음(아이콘+금액+단위)·상태뱃지 div 그룹 — 그룹 간격은 부모 gap 4px + 뱃지 margin-left 4px = 8px 유지 */
[data-renew='ver1'] .cs-sale-price .cs-price-group {
  display: flex;
  align-items: center;
  gap: 4px;
}

[data-renew='ver1'] .cs-sale-price .cs-state-group {
  display: flex;
  align-items: center;
}

[data-renew='ver1'] .cs-sale-price .cs-coin-icon {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].sale-product .list-item-content .cs-price-value,
[data-renew='ver1'] .cs-sale-price .cs-price-value {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
}

[data-renew='ver1'] .cs-sale-price .cs-price-unit {
  font-size: 13px;
  line-height: 24px;
  font-weight: 500;
  color: #888;
}

body.hong4 [data-renew='ver1'] .cs-sale-state,
[data-renew='ver1'] .cs-sale-state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 1px 4px 2px;
  margin-left: 4px;
  border-radius: 3px;
  background-color: #7249d5;
  font-size: 13px;
  line-height: 19px;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
}
/* 상담중/부재중/교육중 배지는 기존(hong4.css .current-state) 컬러 유지 — 상담가능(current-pos)만 renew 보라 채움 */
body.hong4 [data-renew='ver1'] .current-state.current-pos{
  border-color: #7249d5;
}
body.hong4 [data-renew='ver1'] .cs-sale-state.current-act,
[data-renew='ver1'] .cs-sale-state.current-act {
  background-color: transparent;
  border: 1px solid #1ab8be;
  color: #1ab8be;
}
body.hong4 [data-renew='ver1'] .cs-sale-state.current-abs,
[data-renew='ver1'] .cs-sale-state.current-abs {
  background-color: transparent;
  border: 1px solid #acacac;
  color: var(--h-color-888);
}
body.hong4 [data-renew='ver1'] .cs-sale-state.current-mentor,
[data-renew='ver1'] .cs-sale-state.current-mentor {
  background-color: transparent;
  border: 1px solid #ff94a6;
  color: #f35d76;
}

[data-renew='ver1'] .cs-inside-video {
  margin-bottom: 20px;
}
[data-renew='ver1'] .cs-inside-video-thumb {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background-color: #000;
  margin-bottom: 12px;
  aspect-ratio: 16/9;
}
[data-renew='ver1'] .cs-inside-video-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-renew='ver1'] .cs-inside-video-play-btn {
  width: 48px;
  height: 48px;
  border-radius: 9999px;
  background-color: rgba(255, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-renew='ver1'] .cs-inside-video-play-icon {
  display: block;
  width: 0;
  height: 0;
  border-left-width: 14px;
  border-left-style: solid;
  border-left-color: #fff;
  border-top-width: 8px;
  border-top-style: solid;
  border-top-color: transparent;
  border-bottom-width: 8px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  margin-left: 3px;
}
[data-renew='ver1'] .cs-inside-video-title {
  font-size: 15px;
  line-height: 22px;
  color: #333;
  margin-bottom: 4px;
}
[data-renew='ver1'] .cs-inside-video-date {
  display: flex;
  align-items: center;
  gap: 4px;
}
[data-renew='ver1'] .cs-inside-video-date img {
  display: block;
  width: 12px;
  height: 12px;
}
[data-renew='ver1'] .cs-inside-video-date span {
  font-size: 13px;
  line-height: 19px;
  color: #aaa;
}

[data-renew='ver1'] .cs-inside-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-inside-grid {
    grid-template-columns: 1fr;
  }
}
[data-renew='ver1'] .cs-inside-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
}
[data-renew='ver1'] .cs-inside-item-thumb {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  background-color: #e9e9e9;
  flex-shrink: 0;
  overflow: hidden;
}
[data-renew='ver1'] .cs-inside-item-thumb-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #aaa;
}
[data-renew='ver1'] .cs-inside-item-body {
  flex: 1;
  min-width: 0;
}
[data-renew='ver1'] .cs-inside-item-title {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 4px;
}
[data-renew='ver1'] .cs-inside-item-date {
  font-size: 12px;
  line-height: 17px;
  color: #aaa;
}

[data-renew='ver1'] .cs-posting-slide {
  width: 120px;
}
[data-renew='ver1'] .cs-posting-thumb {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  background-color: #e9e9e9;
  overflow: hidden;
  margin-bottom: 8px;
}
[data-renew='ver1'] .cs-posting-thumb-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #aaa;
}
[data-renew='ver1'] .cs-posting-title {
  font-size: 13px;
  line-height: 19px;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

[data-renew='ver1'] .cs-posting-count {
  font-size: 16px;
  font-weight: 500;
  color: #666;
}

[data-renew='ver1'] .cs-expandable-wrap {
  position: relative;
  overflow: hidden;
}

[data-renew='ver1'] .cs-label-mo {
  display: none;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-label-pc {
    display: none;
  }
  [data-renew='ver1'] .cs-label-mo {
    display: inline;
  }
}

[data-renew='ver1'] .cs-detail-slide-img {
  width: 14px;
}

[data-renew='ver1'] .tab-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .tab-item {
    gap: 4px;
  }
}

[data-renew='ver1'] .renew-detail-top {
  padding-top: 0;
}

[data-renew='ver1'] .renew-profile-name {
  font-size: 26px;
}

[data-renew='ver1'] .renew-profile-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding-left: 6px;
  padding-right: 6px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}

[data-renew='ver1'] .renew-call-price {
  font-size: 20px;
  color: #444;
}

[data-renew='ver1'] .renew-badge-icon {
  width: 16px;
  height: 16px;
}
[data-renew='ver1'] .renew-badge-text {
  margin-top: -2px;
}

[data-renew='ver1'] .renew-achv-badge {
  font-size: 12px;
  line-height: 18px;
  padding-top: 2px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 2px;
  border-radius: 4px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .renew-achv-badge {
    font-size: 10px;
    line-height: 15px;
    padding-top: 1px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 2px;
  }
}

[data-renew='ver1'] .renew-achv-tooltip-title {
  font-size: 12px;
  line-height: 18px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .renew-achv-tooltip-title {
    font-size: 10px;
    line-height: 15px;
  }
}

[data-renew='ver1'] .renew-achv-tooltip-text {
  text-align: left;
  font-size: 15px;
  line-height: 23px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .renew-achv-tooltip-text {
    font-size: 13px;
    line-height: 21px;
  }
}

[data-renew='ver1'] .view-count-text {
  display: flex;
  align-items: center;
}

/* e:공통섹션 */

/* s:상담사 인사이드 — 26년7월 상담사프로필개선 */

[data-renew='ver1'] .cs-inside-title {
  margin-bottom: 16px;
}

[data-renew='ver1'] .cs-inside-video {
  padding: 20px;
  background-color: #f9f9f9;
  border: 1px solid #f0f0f0;
  border-radius: 6px;
}

[data-renew='ver1'] .cs-inside-video-thumb {
  width: 400px;
  height: 249px;
  margin: 0 auto;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}
[data-renew='ver1'] .cs-inside-video-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-renew='ver1'] .cs-inside-video-thumb iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

[data-renew='ver1'] .cs-inside-video-info {
  width: 400px;
  margin: 0 auto;
}

[data-renew='ver1'] .cs-inside-video-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 12px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #444;
  cursor: pointer;
}

[data-renew='ver1'] .cs-inside-video-date {
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #888;
}

[data-renew='ver1'] .cs-inside-list {
  display: grid;
  grid-template-columns: repeat(2, 330px);
  column-gap: 20px;
  row-gap: 20px;
  margin-top: 20px;
}
[data-renew='ver1'] .cs-inside-item {
  display: flex;
  gap: 12px;
  cursor: pointer;
}

[data-renew='ver1'] .cs-inside-thumb {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 6px;
  overflow: hidden;
}
[data-renew='ver1'] .cs-inside-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[data-renew='ver1'] .cs-inside-item-info {
  padding-top: 4px;
}

[data-renew='ver1'] .cs-inside-item-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 238px;
  font-size: 16px;
  line-height: 24px;
  color: #444;
}

[data-renew='ver1'] .cs-inside-item-date {
  margin-top: 2px;
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
  color: #888;
}

/* e:상담사 인사이드 — 26년7월 상담사프로필개선 */

/* s:상담사 포스팅 — 26년7월 상담사프로필개선 */

[data-renew='ver1'] .cs-posting-header {
  margin-bottom: 13px;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'] .cs-posting-header > h1 {
  font-size: 20px;
  line-height: 29px;
  font-weight: 700;
  margin-bottom: 0;
}

[data-renew='ver1'] .cs-posting-scroll {
  display: flex;

  align-items: flex-start;
  gap: 16px;
  overflow-x: auto;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
[data-renew='ver1'] .cs-posting-scroll::-webkit-scrollbar {
  display: none;
}

[data-renew='ver1'] .cs-posting-slide {
  flex-shrink: 0;
  width: 98px;
  cursor: pointer;
}

[data-renew='ver1'] .cs-posting-thumb {
  width: 98px;
  height: 98px;
  background-color: #e2e2e2;
  border-radius: 6px;
  overflow: hidden;

  margin-bottom: 0;
}
[data-renew='ver1'] .cs-posting-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[data-renew='ver1'] .cs-posting-caption {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 6px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  word-wrap: break-word;
  word-break: break-all;
}

/* e:상담사 포스팅 — 26년7월 상담사프로필개선 */

/* s:상담사 인사이드 — Mo */
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-inside-title {
    margin-bottom: 12px;
  }

  [data-renew='ver1'] .cs-inside-video {
    padding: 17px;
  }

  [data-renew='ver1'] .cs-inside-video-thumb {
    width: 100%;
    height: 182px;
  }
  [data-renew='ver1'] .cs-inside-video-info {
    width: 100%;
  }

  [data-renew='ver1'] .cs-inside-video-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 2px;
  }

  [data-renew='ver1'] .cs-inside-video-date {
    margin-top: 2px;
    font-size: 12px;
    line-height: 17px;
  }

  [data-renew='ver1'] .cs-inside-list {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  [data-renew='ver1'] .cs-inside-item:nth-child(n + 4) {
    display: none;
  }

  [data-renew='ver1'] .cs-inside-item-info {
    padding-top: 5px;
  }
  [data-renew='ver1'] .cs-inside-item-title {
    width: 236px;
    color: #222;
    margin-bottom: 2px;
  }
}

/* e:상담사 인사이드 — Mo */

/* s:상담사 포스팅 — Mo */
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-posting-header {
    margin-bottom: 12px;
  }
  body.hong4 .profile-tab-wrap [data-renew='ver1'] .cs-posting-header > h1 {
    font-size: 18px;
    line-height: 26px;
  }

  [data-renew='ver1'] .cs-posting-scroll {
    gap: 12px;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* e:상담사 포스팅 — Mo */

/* s:판매상품·포스팅 공통 헤더 — Mo */
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-swiper-header {
    margin-bottom: 12px;
  }
  body.hong4 .profile-tab-wrap [data-renew='ver1'].sale-product > .cs-swiper-header > h1,
  [data-renew='ver1'] .cs-swiper-header h1 {
    font-size: 18px;
    line-height: 26px;
  }

  body.hong4 .profile-tab-wrap [data-renew='ver1'].sale-product > .cs-swiper-header > h1 > .cs-count,
  [data-renew='ver1'] .cs-swiper-header .cs-count {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: -2px;
  }

  [data-renew='ver1'] .cs-swiper-more {
    font-size: 14px;
    line-height: 20px;
    color: #666;
  }

  [data-renew='ver1'] .cs-swiper-more-icon {
    width: 10px;
    height: 10px;
  }
}

/* e:판매상품·포스팅 공통 헤더 — Mo */

/* s:판매상품 카드 — Mo */
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-sale-scroll {
    gap: 12px;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
  [data-renew='ver1'] .cs-sale-slide {
    width: 154px;
  }

  body.hong4 .profile-tab-wrap [data-renew='ver1'].sale-product .cs-sale-thumb {
    width: 154px;
    max-width: none;
    height: 108px;
    margin-bottom: 6px;
  }

  [data-renew='ver1'] .cs-sale-name {
    width: 154px;
    font-size: 18px;
    line-height: 26px;
  }

  body.hong4 .profile-tab-wrap [data-renew='ver1'].sale-product .list-item-content .cs-price-value,
  [data-renew='ver1'] .cs-price-value {
    font-size: 14px;
    line-height: 20px;
  }

  [data-renew='ver1'] .cs-price-unit,
  [data-renew='ver1'] .cs-sale-price .cs-price-unit {
    font-size: 11px;
    line-height: 16px;
  }
  [data-renew='ver1'] .cs-coin-icon {
    width: 14px;
    height: 14px;
  }

  body.hong4 .profile-tab-wrap [data-renew='ver1'] .cs-sale-state {
    height: auto;
    font-size: 11px;
    line-height: 16px;
    padding: 1px 4px 2px 4px;
  }
}

/* e:판매상품 카드 — Mo */

/* s:최근 3개월 — Mo */
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .renew-section-header {
    gap: 6px;
    padding-bottom: 12px;
    margin-bottom: 8px;
  }

  [data-renew='ver1'] .m3-stats-row {
    gap: 0;
  }
  [data-renew='ver1'] .m3-stats-item {
    flex: 1 1 0;
    justify-content: center;
  }

  [data-renew='ver1'] .m3-stats-icon {
    width: 12px;
    height: 12px;
    margin-right: 4px;
  }

  [data-renew='ver1'] .m3-stats-label {
    font-size: 14px;
    line-height: 20px;
    margin-right: 6px;
  }

  [data-renew='ver1'] .m3-stats-divider {
    height: 14px;
  }
}

/* e:최근 3개월 — Mo */

/* s:홍카페 코멘트 — Mo */
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .m3-hongcafe-header {
    gap: 8px;
    margin-bottom: 13px;
  }

  [data-renew='ver1'] .m3-hongcafe-info-icon {
    width: 12px;
    height: 12px;
  }

  [data-renew='ver1'] .m3-hongcafe-tooltip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% + 10px);
    margin-left: 0;
    padding: 12px;
  }

  [data-renew='ver1'] .m3-hongcafe-tooltip-text {
    font-size: 14px;
    line-height: 20px;
  }

  [data-renew='ver1'] .m3-hongcafe-tooltip-close {
    top: -9px;
    right: -1px;
    width: 18px;
    height: 18px;
  }

  [data-renew='ver1'] .m3-hongcafe-tooltip-close::before,
  [data-renew='ver1'] .m3-hongcafe-tooltip-close::after {
    top: 8px;
    left: 4.5px;
    width: 9px;
  }

  [data-renew='ver1'] .m3-hongcafe-body {
    flex-direction: column;
    gap: 16px;
  }

  [data-renew='ver1'] .m3-hongcafe-tags {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
    max-width: none;
  }

  [data-renew='ver1'] .m3-keyword-pill {
    padding-left: 7px;
    padding-right: 7px;
    font-size: 14px;
    line-height: 20px;
  }

  [data-renew='ver1'] .m3-hongcafe-bubble {
    max-width: none;
    padding: 11px 13px;
  }

  [data-renew='ver1'] .m3-hongcafe-bubble-text {
    font-size: 15px;
    line-height: 24px;
  }
}

/* e:홍카페 코멘트 — Mo */

/* s:리딩정보 제목 — Mo */
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-reading-title {
    font-size: 16px;
    line-height: 26px;
    color: #444;
  }
}

/* e:리딩정보 제목 — Mo */

/* s:리딩정보 제목 (Shop·Goods 은 강등 없이 title 유지) — Mo */
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-reading-title--lg {
    font-size: 18px;
    line-height: 26px;
    color: #222;
  }
}
/* e:리딩정보 제목 (Shop·Goods) — Mo */

/* s:주 상담시간 — Mo */
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .ct-inquiry-link {
    font-size: 13px;
    line-height: 19px;
  }

  [data-renew='ver1'] .ct-time-pill {
    width: 109px;
    height: 34px;
  }

  [data-renew='ver1'] .ct-time-num {
    font-size: 18px;
    line-height: 26px;
  }
  [data-renew='ver1'] .ct-time-unit,
  [data-renew='ver1'] .ct-time-tilde {
    font-size: 12px;
    line-height: 17px;
  }

  [data-renew='ver1'] .ct-timebar-labels {
    font-size: 10px;
    line-height: 15px;
    margin-bottom: 4px;
  }

  [data-renew='ver1'] .ct-sun-icon {
    width: 14px;
    height: 14px;
  }

  [data-renew='ver1'] .ct-timebar-track {
    height: 4px;
    border-radius: 2px;
  }
  [data-renew='ver1'] .ct-timebar-fill {
    border-radius: 2px;
  }
  [data-renew='ver1'] .ct-timebar-fill-left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  [data-renew='ver1'] .ct-timebar-fill-right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  [data-renew='ver1'] .ct-timebar-marks {
    height: 3px;
    margin-top: 5px;
  }
  [data-renew='ver1'] .ct-timebar-marks::before,
  [data-renew='ver1'] .ct-timebar-marks::after {
    left: 5px;
    right: 7px;
  }
  [data-renew='ver1'] .ct-timebar-marks::before {
    height: 3px;
    background-image: linear-gradient(to right, #222 0 1px, transparent 1px);
    background-size: 12.5% 3px;
    box-shadow: inset -1px 0 0 0 #222;
  }

  [data-renew='ver1'] .ct-timebar-marks::after {
    top: 1px;
    height: 1px;
    background-image: linear-gradient(
      to right,
      transparent 0 33.333%,
      #222 33.333% calc(33.333% + 1px),
      transparent calc(33.333% + 1px) 66.666%,
      #222 66.666% calc(66.666% + 1px),
      transparent calc(66.666% + 1px)
    );
    background-size: 12.5% 1px;
  }

  [data-renew='ver1'] .ct-timebar-ticks {
    font-size: 10px;
    line-height: 15px;
    margin-top: 1px;
  }
}

/* e:주 상담시간 — Mo */

/* s:탭 라벨 — Mo */
@media screen and (max-width: 719px) {
  body.hong4 .wrapper.profile [data-renew='ver1'].list-wrap .list-tab li {
    font-size: 17px;
    line-height: 25px;
  }
}

/* e:탭 라벨 — Mo */

/* s:판매상품·포스팅 가로 스와이프 */
[data-renew='ver1'] .cs-sale-swiper,
[data-renew='ver1'] .cs-posting-swiper {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-sale-swiper,
  [data-renew='ver1'] .cs-posting-swiper {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

[data-renew='ver1'] .cs-sale-scroll,
[data-renew='ver1'] .cs-posting-scroll {
  gap: 0;
  overflow: visible;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-sale-scroll,
  [data-renew='ver1'] .cs-posting-scroll {
    gap: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

[data-renew='ver1'] .cs-sale-swiper .swiper-slide {
  width: 168px;
}
[data-renew='ver1'] .cs-posting-swiper .swiper-slide {
  width: 98px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-sale-swiper .swiper-slide {
    width: 154px;
  }
  [data-renew='ver1'] .cs-posting-swiper .swiper-slide {
    width: 98px;
  }
}

/* e:판매상품·포스팅 가로 스와이프 */

/* s:프로필 정보 — Mo */
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-number {
    height: 22px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    margin-left: 10px;
  }

  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .call-price {
    font-size: 18px;
    line-height: 26px;
  }

  body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .call-second {
    font-size: 12px;
    line-height: 17px;
  }
}

/* e:프로필 정보 — Mo */

/* s:음성 */
[data-renew='ver1'] .voice-btn .voice-icon-speaker {
  -webkit-mask: url('/publish/img/renew/icon/ico-speaker-fff-12x12.svg') no-repeat center / 12px 12px;
  mask: url('/publish/img/renew/icon/ico-speaker-fff-12x12.svg') no-repeat center / 12px 12px;
  background-color: #fff;
}

[data-renew='ver1'] .voice-btn .voice-icon-speaker.voice-icon-on {
  background-color: #ffdd00;
}

/* e:음성 */

/* s:인사말 재생바 — 핸들 클리핑 해제 + 스무스 이동 [2026-07-16] */
[data-renew='ver1'] .voice-progress-handle-layer {
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

[data-renew='ver1'] .voice-progress-handle-layer .voice-progress-handle {
  right: -6px;
}

/* e:인사말 재생바 — 핸들 클리핑 해제 + 스무스 이동 [2026-07-16] */

/* s:인사말 재생바 — 핸들 시작부 잘림 해제 [2026-07-16 사용자 지적] */
[data-renew='ver1'] .voice-progress-track {
  overflow: visible;
}

[data-renew='ver1'] .voice-progress-clip {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

[data-renew='ver1'] .cs-review-swiper {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  max-height: 123px;
}
[data-renew='ver1'] .cs-review-swiper .m3-review-scroll {
  gap: 0;
  overflow: visible;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-review-swiper {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    max-height: 101px;
  }
}

[data-renew='ver1'] .m3-keyword-pill--over {
  display: none;
}

/* e:인사말 재생바 — 핸들 시작부 잘림 해제 [2026-07-16 사용자 지적] */

/* s:상품유형 뱃지 폰트 */
body.hong4 .profile-tab-wrap [data-renew='ver1'].sale-product .cs-sale-thumb::after {
  font-family: Paperlogy;
  font-weight: bold;
  font-size: 12px !important;
  letter-spacing: 0.6px;
  border-radius: 4px;
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap [data-renew='ver1'].sale-product .cs-sale-thumb::after {
    display: flex;
    align-items: center;
    top: 6px;
    left: 6px;
    padding-top: 1px;
    padding-left: 5px;
    padding-right: 4px;
    padding-bottom: 0px;
    height: 31px;
    font-size: 10px !important;
    line-height: 11px;
  }
  /* body.hong4 .profile-tab-wrap .list-img.cs-sale-thumb.cate-cafe::after,
  body.hong4 .profile-tab-wrap .list-img.cs-sale-thumb.goods-class.class-call::after{
    padding-bottom: 1px;
  } */
  /* 1줄 뱃지(초기도·연등·점성술·택일·풍수지리·치성)만 padding-bottom 3px — 2줄 뱃지는 위 4px 5px 유지 */
  body.hong4 .profile-tab-wrap .list-img.goods-pray-candle::after,
  body.hong4 .profile-tab-wrap .list-img.goods-lantern::after,
  body.hong4 .profile-tab-wrap .list-img.goods-astrological::after,
  body.hong4 .profile-tab-wrap .list-img.goods-choosedate::after,
  body.hong4 .profile-tab-wrap .list-img.goods-topography::after,
  body.hong4 .profile-tab-wrap .list-img.goods-devout::after {
    padding-bottom: 3px;
  }
}
/* e:상품유형 뱃지 폰트 */

/* s:프로필 유형뱃지·사진인증 고정 */

body.hong4
  .profile-tab-wrap
  [data-renew='ver1'].profile-info
  .profile-swiper-container
  > .profile-img.profile-badge-fixed {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: none;
  line-height: 16px;
}

body.hong4
  .profile-tab-wrap
  [data-renew='ver1'].profile-info
  .profile-swiper-container
  > .real-mark-img.profile-badge-fixed {
  z-index: 2;
  pointer-events: none;
  padding-top: 2px;
}

body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .swiper-profile .profile-img::after {
  display: none;
}
body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .swiper-profile .real-mark-img {
  display: none;
}
/* e:프로필 유형뱃지·사진인증 고정 */

/* s:코인 아이콘 */
body.hong4 .i-list-won {
  background-image: url(/publish/img/renew/common/ico-krw-orange-14x14.svg);
  background-size: contain;
  background-position: center;
}
/* e:코인 아이콘 */

/* s:상담상품 관리 상담가격 버튼 화살표 */
body.hong4 .mypage-wrap.my-item .btn-set .i-arrow-r {
  background-image: url(/publish/img/renew/icon/ico-arrow-black-right-7x12.svg);
}
/* e:상담상품 관리 상담가격 버튼 화살표 */

/* s:전체보기 버튼 닫기 아이콘 */
[data-renew='ver1'] .cs-expand-btn .cs-expand-icon--close {
  width: 12px;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'] .cs-expand-btn .cs-expand-icon--close {
    width: 10px;
  }
}
/* e:전체보기 버튼 닫기 아이콘 */

/* s:오시는 길 (대면상담 Shop 전용) */
[data-renew='ver1'].cs-location .cs-location-badge-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[data-renew='ver1'].cs-location .info-badge.cs-location-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 30px;
  padding: 0 10px;
  margin-bottom: 8px;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  font-size: 14px;
  font-weight: 500;
  color: #222;
}
[data-renew='ver1'].cs-location .info-badge.cs-location-badge img {
  width: 14px;
  height: 14px;
  object-fit: contain;
  filter: brightness(0);
}
[data-renew='ver1'].cs-location .cs-location-value {
  font-size: 18px;
  line-height: 30px;
  color: #222;
}
[data-renew='ver1'].cs-location .cs-location-copy {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  font-weight: 500;
  color: #666;
}
[data-renew='ver1'].cs-location .cs-location-copy img {
  width: 14px;
  height: 14px;
}
[data-renew='ver1'].cs-location .cs-location-map {
  margin-top: 17px;
  overflow: hidden;
}
@media screen and (max-width: 719px) {
  [data-renew='ver1'].cs-location .cs-location-value {
    font-size: 16px;
    line-height: 26px;
    color: #444;
  }
  [data-renew='ver1'].cs-location .cs-location-copy {
    font-size: 14px;
  }
  [data-renew='ver1'].cs-location .cs-location-copy img {
    width: 12px;
    height: 12px;
  }
  [data-renew='ver1'].cs-location .cs-location-map {
    margin-top: 20px;
  }
}
/* e:오시는 길 */
.good-review-btn span.fred {
  font-weight: normal;
  color: #666;
}

/* s:프로필 배경 영상 — 진입 시 1회 재생 (Items/Goods/Shop 상단 프로필, profileBgVideo.js가 .videoing 토글) */
body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-bg-video {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 0; /* swiper-wrapper(z-index:1) 아래 — 재생 중 슬라이드 배경만 비워 영상 노출, 사진·뱃지는 그대로 위 */
}
body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info .profile-bg-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.hong4 .profile-tab-wrap [data-renew='ver1'].profile-info.videoing .profile-bg-video {
  display: block;
}
/* 재생 중 슬라이드 배경 PNG 제거 — hong4.css의 bg-*가 !important라 변수 재정의로 우회 */
[data-renew='ver1'].profile-info.videoing {
  --h-hong-profile-bg-tarot: none;
  --h-hong-profile-bg-saju: none;
  --h-hong-profile-bg-fortune: none;
}
/* e:프로필 배경 영상 */
/* 후기페이지 */
.review-text-renewal .review-text::before {
  height: 24px;
}
@media screen and (max-width: 719px) {
  .review-text-renewal .review-text::before {
    height: 14px;
  }
}
body.pg .badge.purple {
  background-image: linear-gradient(126deg, #6a1af5 18%, #b400ff 87%);
}
body.pg .badge.green {
  background-image: linear-gradient(126deg, #049a31, #00d539);
}
.coin-gift-text {
  font-size: 16px;
  line-height: 24px;
  color: #444;
}
@media screen and (max-width: 719px) {
  .coin-gift-text {
    font-size: 14px;
    line-height: 20px;
  }
}
.profile-review [data-renew="ver1"] .comment{
  font-size: 18px;
  line-height: 29px;
  color: #444;
}
.profile-review [data-renew="ver1"] .comment-answer .answer{
  color: #444;
  font-size: 16px;
}
@media screen and (max-width: 719px) {
  .profile-review [data-renew="ver1"] .comment,
  .profile-review [data-renew="ver1"] .comment-answer .answer{
    font-size: 16px;
    line-height: 26px;
  }

}
/* 후기페이지 */
/* s:마이페이지 */
.mypage-wrap.item .list-item-ul li:last-child {
  padding-bottom: 50px;
}
/* e:마이페이지 */

/* 후기페이지 */
body.hong4 .i-write.circle.i-renewal{
  background: url(/publish/img/renew/icon/ico-whrite-gray-12x12.svg) center left / 12px 12px no-repeat, url(../img/common/arrow_right_b.png) right 57% / 5px 9px no-repeat;
  padding-left: 20px;
}
@media screen and (max-width: 719px) {
  body.hong4 .i-write.circle.i-renewal{
    background: url(/publish/img/renew/icon/ico-whrite-gray-12x12.svg) center left / 10px 10px no-repeat, url(../img/common/arrow_right_b.png) right 57% / 5px 9px no-repeat;
    padding-left: 18px;
  }
  
}
body.pg .badge.purple{
  background-image: linear-gradient(126deg, #6a1af5 18%, #b400ff 87%);
}
body.pg .badge.green{
  background-image: linear-gradient(126deg, #049a31, #00d539);;
}
.coin-gift-text{
  font-size: 16px;
  line-height: 24px;
  color: #444;
}
@media screen and (max-width: 719px) {
  .coin-gift-text{
    font-size: 14px;
    line-height: 20px;
  }
}
/* 후기페이지 */

/* ============================================================
   s:메인 리뉴얼 ver1 — 메인(전화/채팅 × 퍼플/그린) 공용
   ※ 헤더/메뉴/배너/타이틀/구분선/정렬4탭/footer-info 블록은
     2026-09-06 각 PHP(PgHeader/Main/Green Main/Footer) Tailwind 인라인으로 이관·삭제
   남은 블록: 상담사 리스트 카드(itemMobileListRenewHtml) — PHP 이식 별도 트랙
   (26년7월_메인상담사프로필개선 · data-renew="ver1" 게이팅)
   ============================================================ */

/* s:상담사 리스트 카드 — 카드 스타일은 ItemMobileListHtml.js(itemMobileListRenewHtml) Tailwind 인라인으로 이관, 규칙 삭제 (2026-09-07). 컨테이너 규칙만 유지 */
body.hong4 .tab-wrap[data-renew="ver1"] #item_list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #f6f6f6;
}
/* e:상담사 리스트 카드 */


.i-is{background-position: left top 5px;}

/* s:홍카페 추천,검색페이지내 사진인증 */
.main_hong_suggestionWrap .real-mark-img::after,
.search-callee  .real-mark-img::after{
  font-size: 11px;
  line-height: 12px;
}
@media screen and (max-width: 719px) {
  .main_hong_suggestionWrap .real-mark-img::after{
    font-size: 9px;
    line-height: 10px;
  }
  .search-callee  .real-mark-img::after{
    font-size: 7px;
    line-height: 8px;
  }
}
  /* e:홍카페 추천,검색페이지내 사진인증 */
  /* s:검색페이지 검색박스 */
  body.hong4 .search-popup .search-input-box{
    margin-right: 12px;
  }
  body.hong4 .search-popup .search-box .search{
    margin-left: 12px;
  }
  @media screen and (max-width: 719px) {
    body.hong4 .search-popup .search-input-box{
      margin-right: 9px;
    }  
    body.hong4 .search-popup .search-box .search{
      margin-left: 9px;
    }
}
  /* e:검색페이지 검색박스 */