@charset "utf-8";
/* CSS Document */
/**
 * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요.
 */
/* ============================================================
   ① 정보 영역 — 시각 위계·여백 그룹핑·컬러 절약
   ============================================================ */

.item_detail_list { padding: 4px 0 0; }

/* 기본 dl 행 — 더 슬림하게 */
.item_detail_list dl {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 9px 0;
  margin: 0;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
  line-height: 1.5;
  box-sizing: border-box;
}

/* 라벨 — 더 약하게 (정보 위계 ↓) */
.item_detail_list dl dt {
  flex: 0 0 92px;
  padding-right: 16px;
  color: #9a9a9a;             /* ★ 더 옅게 */
  font-weight: 400;            /* ★ 굵기 빼기 */
  font-size: 13px;
  margin: 0;
  box-sizing: border-box;
}

/* 값 — 더 진하게 (정보 위계 ↑) */
.item_detail_list dl dd {
  flex: 1;
  margin: 0;
  padding-left: 0;
  color: #1a1a1a;              /* ★ 거의 검정 */
  font-weight: 500;
}

/* 일반회원가격 — 약하게 (취소선 효과) */
.item_detail_list dl.item_price {
  border-bottom: none;          /* ★ 등급가와 묶기 위해 구분선 제거 */
  padding-bottom: 4px;
}
.item_detail_list dl.item_price dt { color: #b0b0b0; }
.item_detail_list dl.item_price dd {
  font-size: 15px;
  font-weight: 500;
  color: #888;                  /* ★ 회색으로 약화 (등급가 강조) */
  text-decoration: line-through;
  text-decoration-color: #ccc;
}
.item_detail_list dl.item_price dd strong { font-weight: 500; }

/* 회원 등급 안내 — 한 줄로 컴팩트 */
.item_detail_list p.member {
  font-size: 12.5px;
  color: #888;
  line-height: 1.5;
  margin: 2px 0 6px;
  padding: 0;
}
.item_detail_list p.member span[style*="red"] {
  color: #1976d2 !important;    /* ★ 빨강 → 블루로 통일 */
  font-weight: 600;
  background: #eaf3ff;
  padding: 1px 6px;
  border-radius: 3px;
}

/* ★ 현재등급가격 — 가장 강한 시각 위계 */
.item_detail_list dl.member-benefit-price {
  display: flex;
  align-items: baseline;        /* ★ baseline 정렬로 숫자 안정감 */
  min-height: 52px;
  padding: 10px 0 14px;
  margin: 0;
  border-bottom: 1px solid #e8e8e8;
  background: transparent;
}
.item_detail_list dl.member-benefit-price dt {
  flex: 0 0 92px;
  padding-right: 16px;
  color: #0d47a1;
  font-weight: 600;
  font-size: 13px;
}
.item_detail_list dl.member-benefit-price dd {
  flex: 1;
  color: #0d47a1;
  font-weight: 800;
  font-size: 26px;              /* ★ 26px로 키워서 위계 확보 */
  letter-spacing: -0.03em;
  line-height: 1;
}

/* 등급할인 안내 — 한 줄 가는 텍스트 */
.item_detail_list dl.member-benefit-price + p.member {
  font-size: 12px;
  color: #999;
  margin: 6px 0 14px;
  padding: 0;
}

/* ============================================================
   사업자 회원 비로그인 안내 — 정확한 셀렉터로 그 <p>만 박스화
   ============================================================ */

/* 비로그인 안내 박스 — item_price 다음의 p만 정확히 타겟 */
.item_detail_list dl.item_price + p {
  display: block;
  margin: 10px 0 14px;
  padding: 12px 14px;
  background: #f5f9ff;
  border-left: 3px solid #1976d2;
  border-radius: 4px;
  font-size: 13px;
  color: #444;
  line-height: 1.55;
  word-break: keep-all;
  clear: both;
}

/* 인라인 스타일된 span들 — 블루 계열로 톤 통일 */
.item_detail_list dl.item_price + p span[style*="blue"],
.item_detail_list dl.item_price + p span[style*="green"],
.item_detail_list dl.item_price + p span[style*="red"] {
  color: #1976d2 !important;
  font-weight: 700;
  background: transparent !important;
  padding: 0 !important;
}

/* 안내 박스 다음의 빈 <br> 두 개 간격 제거 */
.item_detail_list dl.item_price + p + br,
.item_detail_list dl.item_price + p + br + br {
  display: none;
}

/* 이전에 잘못 적용된 광범위 셀렉터 무효화 (있다면) */
.item_detail_list > p:not(.member) {
  all: revert;
}

/* 배송 안내 박스 */
.item_detail_list dl.shipping_wrap {
  background: #fafbfc;
  border: 1px solid #eef0f3;
  border-radius: 8px;
  padding: 12px 14px;
  margin: 10px 0;
  gap: 12px;
  min-height: auto;
  border-bottom: 1px solid #eef0f3;
}
.item_detail_list dl.shipping_wrap span {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px; height: 44px;
  background: #fff;
  border: 1px solid #e5e9ee;
  border-radius: 50%;
  padding: 0;
}
.item_detail_list dl.shipping_wrap span img { display: none; }
.item_detail_list dl.shipping_wrap span::before {
  content: "🚚";
  font-size: 24px;
  line-height: 1;
}
.item_detail_list dl.shipping_wrap p {
  margin: 0;
  font-size: 13px;
  color: #333;
  line-height: 1.55;
  flex: 1;
}
.item_detail_list dl.shipping_wrap p strong { color: #1a1a1a; }   /* ★ 블루 → 진한 회색 (컬러 절약) */

/* 택배배송 행 — 둘째 줄 정렬 정돈 */
.item_detail_list dl.item-delivery {
  display: block;
  border-bottom: 1px solid #f0f0f0;
  padding: 9px 0;
  min-height: auto;
}
.item_detail_list dl.item-delivery p:first-child {
  margin: 0 0 4px;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
  align-items: center;
}
.item_detail_list dl.item-delivery p:last-child {
  margin: 0;
  font-size: 12.5px;
  color: #999;
  padding-left: 92px;
}
.item_detail_list dl.item-delivery .item-delivery-tit {
  display: inline-block;
  flex: 0 0 92px;
  padding-right: 16px;
  color: #9a9a9a;
  font-weight: 400;
  font-size: 13px;
  box-sizing: border-box;
}
.item_detail_list dl.item-delivery em {
  font-style: normal;
  color: #1a1a1a;               /* ★ 컬러 절약 */
  font-weight: 500;
}

/* 구매혜택 (적립금 라벨) */
.item_detail_list dl.item_discount_mileage dd span {
  display: inline-block;
  margin-right: 12px;
  font-size: 13px;
}

/* 옵션 라벨 줄바꿈 처리 — "펌프같이사면 20%추가할인" */
.item_add_option_box dl dt {
  word-break: keep-all;
  line-height: 1.4;
  font-size: 13px;
}


/* ============================================================
   ② 배너 — 텍스트 들여쓰기 확보, 컬러 톤 통일
   ============================================================ */
.biz-inquiry-banner-pc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 12px 0 8px;
  padding: 14px 18px 14px 22px;   /* ★ 좌측 패딩 더 확보 */
  background: #f5f9ff;             /* ★ 단색으로 변경 (그라데이션 절약) */
  border: 1px solid #d4e3f5;
  border-radius: 10px;
  text-decoration: none;
  color: #1a3a5a;
  transition: all .2s;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.biz-inquiry-banner-pc::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: #1976d2;             /* ★ 단색 블루 (그라데이션 절약) */
}
.biz-inquiry-banner-pc:hover {
  background: #eaf3ff;
  border-color: #1976d2;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(25, 118, 210, 0.1);
}

.biz-inquiry-banner-pc__text {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-left: 4px;               /* ★ 컬러 바와의 여백 */
  word-break: keep-all;
}

.biz-inquiry-banner-pc__badge {
  display: inline-block;
  align-self: flex-start;
  padding: 2px 8px;
  background: #1976d2;             /* ★ 그린 → 블루 (톤 통일) */
  color: #fff;
  font-size: 10.5px;
  font-weight: 700;
  border-radius: 3px;
  letter-spacing: 0.04em;
  line-height: 1.4;
}

.biz-inquiry-banner-pc__title {
  margin: 0;
  font-size: 14.5px;
  font-weight: 600;
  color: #1a3a5a;
  line-height: 1.45;
  letter-spacing: -0.01em;
  word-break: keep-all;
}
.biz-inquiry-banner-pc__title strong {
  color: #0d47a1;
  font-weight: 700;
}

.biz-inquiry-banner-pc__cta {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  background: #1976d2;
  color: #fff;
  border-radius: 6px;              /* ★ 라운드 → 사각 (장바구니 버튼과 톤 통일) */
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.01em;
  white-space: nowrap;
  transition: all .2s;
}
.biz-inquiry-banner-pc__cta em {
  font-style: normal;
  font-size: 14px;
  font-weight: 700;
  transition: transform .2s;
}
.biz-inquiry-banner-pc:hover .biz-inquiry-banner-pc__cta em {
  transform: translateX(3px);
}

/* 안전장치 */
.item_info_box .detail-bnr,
.item_info_box .detail-bnr1 { display: none !important; }

/* 장바구니 영역 버튼 높이 통일 */
.btn_choice_box .btn_layer.btn_qa_share_box .share_btn,
.btn_choice_box .btn_add_wish {
  width: 48px;
  height: 48px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
}
.btn_choice_box .btn_add_cart,
.btn_choice_box .btn_add_order {
  height: 48px;
  padding: 0 28px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
}


/* ============================================================
   옵션 영역 — 모든 테두리 완전 제거
   ============================================================ */

.item_add_option_box {
  border: 0 !important;            /* ★ 컨테이너 위·아래 라인 모두 제거 */
  padding: 4px 0;
  margin: 0;
  background: transparent;
}

.item_add_option_box dl,
.item_add_option_box dl:first-child,
.item_add_option_box dl:last-child,
.item_add_option_box dl:only-child {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 8px 0;
  margin: 0;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.item_add_option_box dl dt,
.item_add_option_box dl dd {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.item_add_option_box dl dt {
  flex: 0 0 92px;
  padding-right: 16px;
  color: #9a9a9a;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  word-break: keep-all;
  margin: 0;
}

.item_add_option_box dl dd {
  flex: 1;
  margin: 0;
  padding: 0;
}

/* chosen-select */
.item_add_option_box .chosen-container-single .chosen-single {
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  background: #fff;
  border: 1px solid #d8dde3;
  border-radius: 6px;
  box-shadow: none;
  font-size: 13.5px;
  color: #333;
}
.item_add_option_box .chosen-container-single .chosen-single div { top: 7px; }


/* ============================================================
   장바구니/구매 박스 영역 — 위쪽 라인 단일 1px
   ============================================================ */
.btn_choice_box {
  border-top: 1px solid #f0f0f0;   /* ★ 옵션과의 경계는 여기 하나만 */
  padding-top: 16px;
  margin-top: 8px;
}




/* ============================================================
   옵션 박스 주변 라인 완전 차단 — 부모/형제 모두 제거
   ============================================================ */

/* 옵션 박스 자체 */
.item_add_option_box,
.item_add_option_box *:not(.chosen-single):not(.chosen-drop):not(.chosen-results) {
  border-top: 0 !important;
  border-bottom: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 옵션 박스 바로 위 형제 요소 (라인 그릴 가능성) */
.item_add_option_box::before,
.item_add_option_box::after {
  display: none !important;
  content: none !important;
}

/* 옵션 박스 직전·직후 div의 라인 차단 */
.item_detail_list .item_add_option_box,
.item_detail_list > .item_add_option_box {
  border: 0 !important;
  background-image: none !important;
  position: relative;
}

/* 옵션 영역 가짜 라인(가상요소로 그려진) 완전 제거 */
.item_add_option_box > *::before,
.item_add_option_box > *::after {
  background: transparent !important;
  background-image: none !important;
  height: 0 !important;
  display: none !important;
}

/* dl 안의 dt, dd 배경에 들어간 라인 이미지 차단 */
.item_add_option_box dl,
.item_add_option_box dl dt,
.item_add_option_box dl dd {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 옵션 박스 위쪽 영역 (item_detail_list 마지막 dl)의 아래 라인 제거 */
.item_detail_list dl:has(+ .item_add_option_box),
.item_detail_list dl.item_discount_mileage {
  border-bottom: 0 !important;
}

/* 장바구니 박스 위쪽 라인만 단일 1px 유지 */
.btn_choice_box {
  border-top: 1px solid #f0f0f0 !important;
  border-bottom: 0 !important;
  padding-top: 16px;
  margin-top: 8px;
}

/* ============================================================
   진짜 원인 차단 — goods.css의 .item_detail_list 진회색 라인 제거
   ============================================================ */
.item_detail_list {
  border-bottom: 0 !important;
  margin: 10px 0 0 0 !important;
}

/* 옵션 영역 자체는 라인 없이 깔끔 */
.item_add_option_box {
  border: 0 !important;
  padding: 4px 0 12px;
  margin: 0;
}

/* 옵션 박스 아래 → 장바구니 박스 위쪽에 단일 1px 라인 */
.btn_choice_box {
  border-top: 1px solid #ececec !important;
  padding-top: 16px;
  margin-top: 4px;
}

/* ============================================================
   옵션 셀렉트박스 — 화살표 복원 + 시인성 ↑
   ============================================================ */

/* 셀렉트박스 컨테이너 */
.item_add_option_box .chosen-container {
  width: 100% !important;
}

/* 셀렉트박스 외형 */
.item_add_option_box .chosen-container-single .chosen-single {
  height: 42px;
  line-height: 42px;
  padding: 0 40px 0 14px;          /* 우측 화살표 자리 확보 */
  background: #fff !important;
  background-image: none !important;
  border: 1px solid #d0d7e0 !important;
  border-radius: 6px;
  box-shadow: none !important;
  font-size: 14px;
  color: #333;
  position: relative;
  transition: border-color .2s;
}

/* 호버/포커스 시 테두리 강조 */
.item_add_option_box .chosen-container-single .chosen-single:hover,
.item_add_option_box .chosen-container-active .chosen-single {
  border-color: #1976d2 !important;
}

/* 기존 chosen 화살표 div 숨김 */
.item_add_option_box .chosen-container-single .chosen-single div {
  display: none !important;
}

/* ★ 화살표 새로 그리기 (가상요소로) */
.item_add_option_box .chosen-container-single .chosen-single::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
  transform: translateY(-70%) rotate(45deg);
  pointer-events: none;
  transition: transform .2s;
}

/* 열렸을 때 화살표 회전 */
.item_add_option_box .chosen-container-active.chosen-with-drop .chosen-single::after {
  transform: translateY(-30%) rotate(225deg);
  border-color: #1976d2;
}

/* 셀렉트박스 텍스트 색상 진하게 */
.item_add_option_box .chosen-container-single .chosen-single span {
  color: #222 !important;
  font-weight: 500;
}

/* 드롭다운 열렸을 때 */
.item_add_option_box .chosen-container .chosen-drop {
  border: 1px solid #1976d2;
  border-radius: 6px;
  margin-top: 4px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* 드롭다운 항목 */
.item_add_option_box .chosen-container .chosen-results li {
  padding: 10px 14px;
  font-size: 13.5px;
}
.item_add_option_box .chosen-container .chosen-results li.highlighted {
  background: #eaf3ff !important;
  color: #0d47a1 !important;
}


/* ============================================================
   공유/찜 버튼 — 장바구니/구매 박스와 톤 통일 (사각 라운드)
   ============================================================ */
.btn_choice_box .btn_layer.btn_qa_share_box {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
}
.btn_choice_box .target_sns_share {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: #fff;
  border: 1px solid #d0d7e0;
  border-radius: 6px;
  cursor: pointer;
  transition: border-color .2s;
}
.btn_choice_box .target_sns_share:hover {
  border-color: #1976d2;
}
.btn_choice_box .btn_add_wish {
  width: 48px;
  height: 48px;
  background: #fff;
  border: 1px solid #d0d7e0;
  border-radius: 6px;
  margin-right: 8px;
  transition: border-color .2s;
}
.btn_choice_box .btn_add_wish:hover {
  border-color: #1976d2;
}
.btn_choice_box .btn_add_wish img {
  width: 20px;
  height: auto;
}


/* ============================================================
   배너 좌측 패딩 미세조정
   ============================================================ */
.biz-inquiry-banner-pc {
  padding: 14px 18px 14px 24px;     /* 좌측 22 → 24, 컬러 바와의 여유 ↑ */
}
.biz-inquiry-banner-pc__text {
  padding-left: 6px;                 /* 4 → 6, 텍스트 여유 ↑ */
}

/* ============================================================
   ① 정보 행 간격 축소 — 좀 더 타이트하게
   ============================================================ */
.item_detail_list dl {
  min-height: 38px !important;     /* 44 → 38 */
  padding: 7px 0 !important;       /* 9~10 → 7 */
}
.item_detail_list dl.member-benefit-price {
  min-height: 46px !important;
  padding: 8px 0 12px !important;
}


/* ============================================================
   ② 총 상품금액 박스 — 굵은 회색 라인 제거
   ============================================================ */
.end_price,
.item_tatal_box,
.item_price_cont {
  border-top: 0 !important;
  border-bottom: 0 !important;
  background-image: none !important;
}
.end_price dl,
.item_tatal_box dl {
  border-top: 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;   /* 진회색 → 옅은 회색 */
}
.end_price dl.total_amount,
.item_tatal_box dl.total_amount {
  border-bottom: 0 !important;
  border-top: 1px solid #e8e8e8 !important;       /* 합계 위 옅은 라인 하나만 */
  margin-top: 2px;
  padding-top: 12px;
}


/* ============================================================
   ③ 공유 버튼 — 이중 라인 제거 (안쪽 컨테이너 테두리 차단)
   ============================================================ */
.btn_choice_box .btn_layer.btn_qa_share_box,
.btn_choice_box .btn_layer {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.btn_choice_box .target_sns_share {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: #fff !important;
  border: 1px solid #d0d7e0 !important;   /* 테두리 하나만 */
  border-radius: 6px;
  box-shadow: none !important;
}
.btn_choice_box .target_sns_share a {
  border: 0 !important;
  background: transparent !important;
}

/* ============================================================
   하단 액션 영역 — 가로 폭 100% 채움
   ============================================================ */

/* 공유하기 영역 완전 숨김 */
.btn_choice_box .btn_layer.btn_qa_share_box,
.btn_choice_box .target_sns_share,
.btn_choice_box .share_btn,
.btn_choice_box #lySns {
  display: none !important;
}

/* 액션 영역 컨테이너 — 가로 폭 100% */
.btn_choice_box {
  width: 100% !important;
  padding: 16px 0 !important;
  margin: 0 !important;
  box-sizing: border-box;
}

/* 내부 flex 컨테이너 — 가로 폭 100% 채움 */
.btn_choice_box > div,
.btn_choice_box > div.restock {
  display: flex !important;
  align-items: center;
  gap: 10px !important;
  width: 100% !important;
  flex-wrap: nowrap;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

/* 찜하기 버튼 — 고정 56px */
.btn_choice_box .btn_add_wish {
  flex: 0 0 56px !important;
  width: 56px !important;
  height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid #d0d7e0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color .2s;
  box-sizing: border-box;
}
.btn_choice_box .btn_add_wish:hover {
  border-color: #1976d2 !important;
}
.btn_choice_box .btn_add_wish img {
  width: 22px !important;
  height: auto !important;
  display: block;
}

/* 장바구니 버튼 — 남은 폭 절반 */
.btn_choice_box .btn_add_cart {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0;
  height: 56px !important;
  background: #fff !important;
  color: #1976d2 !important;
  border: 1.5px solid #1976d2 !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-align: center;
  cursor: pointer;
  transition: all .2s;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box;
}
.btn_choice_box .btn_add_cart:hover {
  background: #eaf3ff !important;
}

/* 바로구매 버튼 — 남은 폭 절반 */
.btn_choice_box .btn_add_order {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0;
  height: 56px !important;
  background: #1976d2 !important;
  color: #fff !important;
  border: 1.5px solid #1976d2 !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-align: center;
  cursor: pointer;
  transition: all .2s;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box;
}
.btn_choice_box .btn_add_order:hover {
  background: #0d47a1 !important;
  border-color: #0d47a1 !important;
}

/* ============================================================
   옵션 합계 박스 — 총 상품금액 / 총 합계금액 정돈 (수정판)
   ============================================================ */

/* 합계 박스 컨테이너 */
.item_price_cont .end_price,
.item_price_cont .item_tatal_box {
  background: #fafbfc;
  border: 1px solid #eef0f3;
  border-radius: 8px;
  padding: 14px 16px;
  margin: 12px 0 16px;
  box-shadow: none;
}

/* ★ .dn 클래스 — 고도몰의 숨김 처리 반드시 유지 */
.item_price_cont .end_price dl.dn,
.item_price_cont .item_tatal_box dl.dn,
.item_price_cont .end_price .dn,
.item_price_cont .item_tatal_box .dn {
  display: none !important;
}

/* 각 행 — 동일 간격·정렬 */
.item_price_cont .end_price dl:not(.dn),
.item_price_cont .item_tatal_box dl:not(.dn) {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #ececec !important;
  min-height: auto;
  background: transparent !important;
}

/* ★ 총 상품금액 — 다음 행이 합계라면 border 제거 (이중 라인 방지) */
.item_price_cont .end_price dl.total_goods,
.item_price_cont .item_tatal_box dl.total_goods {
  border-bottom: 0 !important;
}

/* 총 합계금액 — 위쪽에 단일 강조 라인 */
.item_price_cont .end_price dl.total_amount,
.item_price_cont .item_tatal_box dl.total_amount {
  border-bottom: 0 !important;
  border-top: 1px solid #d0d7e0 !important;
  padding-top: 12px !important;
  margin-top: 4px !important;
}

/* dt — 라벨 */
.item_price_cont .end_price dl:not(.dn) dt,
.item_price_cont .item_tatal_box dl:not(.dn) dt {
  flex: 0 0 auto;
  color: #666;
  font-weight: 500;
  font-size: 13.5px;
  margin: 0;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
}

/* dd — 값 */
.item_price_cont .end_price dl:not(.dn) dd,
.item_price_cont .item_tatal_box dl:not(.dn) dd {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  text-align: right;
}

/* 총 상품금액 / 총 할인금액 값 — 일반 크기 */
.item_price_cont .end_price dl.total_goods dd strong,
.item_price_cont .end_price dl.total_discount dd strong,
.item_price_cont .item_tatal_box dl.total_goods dd strong,
.item_price_cont .item_tatal_box dl.total_discount dd strong {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}
.item_price_cont .end_price dl.total_goods dd strong b,
.item_price_cont .item_tatal_box dl.total_goods dd strong b {
  font-size: 12px;
  font-weight: 500;
  color: #666;
}

/* 총 할인금액 — 빨강 (할인이 있을 때만 보임) */
.item_price_cont .end_price dl.total_discount dt,
.item_price_cont .item_tatal_box dl.total_discount dt {
  color: #d22;
}
.item_price_cont .end_price dl.total_discount dd strong,
.item_price_cont .item_tatal_box dl.total_discount dd strong {
  color: #d22;
}

/* ★ 총 합계금액 강조 */
.item_price_cont .end_price dl.total_amount dt,
.item_price_cont .item_tatal_box dl.total_amount dt {
  font-size: 14.5px;
  font-weight: 700;
  color: #222;
}
.item_price_cont .end_price dl.total_amount dd strong,
.item_price_cont .item_tatal_box dl.total_amount dd strong {
  font-size: 22px;
  font-weight: 800;
  color: #1976d2;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.item_price_cont .end_price dl.total_amount dd strong b,
.item_price_cont .item_tatal_box dl.total_amount dd strong b {
  font-size: 16px;
  font-weight: 700;
  color: #1976d2;
}
/* ============================================================
   PC 상품상세 하단 탭 메뉴 — 박스화, 위 여백 확보
   ============================================================ */

/* 탭 메뉴 컨테이너 — 박스 디자인 + 위 여백 */
.item_goods_tab {
  background: #fff;
  margin: 40px 0 24px;             /* ★ 위쪽 여백 40px */
  padding: 0;
  border: 1px solid #e8eaed;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

/* 탭 ul — 가로 폭 100% 채움 */
.item_goods_tab > ul {
  display: flex !important;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  border: 0 !important;
  background: #fafbfc;             /* ★ 탭 영역 살짝 회색 배경 */
}

/* 각 탭 li — 균등 분배 + 구분선 */
.item_goods_tab > ul > li {
  flex: 1;
  text-align: center;
  border: 0 !important;
  border-right: 1px solid #ececec !important;   /* ★ 탭 사이 구분선 */
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  position: relative;
}
.item_goods_tab > ul > li:last-child {
  border-right: 0 !important;
}

/* 탭 a 링크 */
.item_goods_tab > ul > li > a {
  display: block;
  padding: 18px 0;
  font-size: 14.5px;
  font-weight: 600;
  color: #888;
  text-decoration: none;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  transition: all .2s;
  position: relative;
}

.item_goods_tab > ul > li > a:hover {
  color: #1976d2;
  background: #fff !important;
}

/* 선택된 탭 — 흰 배경 + 블루 강조 + 아래 라인 */
.item_goods_tab > ul > li.on > a,
.item_goods_tab > ul > li.selected > a {
  color: #1976d2 !important;
  background: #fff !important;
  font-weight: 700;
}

/* 선택된 탭 아래 블루 라인 — 가상요소로 깔끔하게 */
.item_goods_tab > ul > li.on > a::after,
.item_goods_tab > ul > li.selected > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: #1976d2;
}

/* 탭 안 카운트 숫자 (상품후기, 상품문의) */
.item_goods_tab > ul > li > a strong {
  color: #d22;
  font-weight: 700;
  margin-left: 2px;
  font-size: 13px;
}
.item_goods_tab > ul > li.on > a strong,
.item_goods_tab > ul > li.selected > a strong {
  color: #1976d2;
}

/* 탭 콘텐츠 영역 — 위 여백 확보 */
.detail-common-desc,
.detail_cont,
.delivery_cont,
.exchange_cont,
.reviews_cont,
.qna_cont {
  padding-top: 16px;
}

/* ============================================================
   쿠폰 다운로드 영역 복원 — 메인과 동일 톤
   ============================================================ */

/* 가격 박스 내 쿠폰받기 버튼 (조건부 노출) */
.price_box .coupon_box {
  display: block !important;
  margin: 10px 0 0;
}

/* 기본정보 영역의 쿠폰 dl — 강제 노출 */
.item_detail_list dl:has(> dt.coupon),
.item_detail_list dl:has(> dd > .detail_coupon_btn1),
.item_detail_list dl:has(> dd > .detail_coupon_btn) {
  display: flex !important;
  align-items: center;
  min-height: 44px;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
}

.item_detail_list dl > dt.coupon {
  display: block !important;
  flex: 0 0 92px;
  padding-right: 16px;
  color: #9a9a9a;
  font-weight: 400;
  font-size: 13px;
  margin: 0;
}

.item_detail_list dl > dd:has(> .detail_coupon_btn1),
.item_detail_list dl > dd:has(> .detail_coupon_btn) {
  display: block !important;
  flex: 1;
  margin: 0;
  padding: 0;
}

/* 쿠폰받기 버튼 디자인 — 블루 톤 */
.detail_coupon_btn,
.detail_coupon_btn1,
.price_box .coupon_box .detail_coupon_btn,
.item_detail_list .detail_coupon_btn1 {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding: 9px 18px;
  background: #eaf3ff;
  color: #1976d2 !important;
  border: 1px solid #1976d2;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: all .2s;
  visibility: visible !important;
  opacity: 1 !important;
}

.detail_coupon_btn:hover,
.detail_coupon_btn1:hover {
  background: #1976d2;
  color: #fff !important;
}

/* 쿠폰받기 버튼 안의 아이콘 (icon_download) */
.detail_coupon_btn em.icon_download,
.detail_coupon_btn1 em.icon_download {
  font-style: normal;
  display: inline;
}
.detail_coupon_btn1 em.icon_download::before {
  content: "🎟️ ";
  margin-right: 2px;
}

/* btn_gray_list 컨테이너도 노출 */
.item_detail_list dl .btn_gray_list {
  display: inline-block !important;
}

/* FIVECOFFEE CUSTOM START: PC 메인 하단 SEO 안내 블록 */
.fivecoffee-main-seo-block {
    width: 100%;
    margin: 70px auto 40px;
    padding: 0 20px;
    box-sizing: border-box;
}

.fivecoffee-main-seo-inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 34px 42px;
    border: 1px solid #e7ddd8;
    border-radius: 18px;
    background: #fffaf7;
    box-sizing: border-box;
}

.fivecoffee-main-seo-eyebrow {
    margin: 0 0 8px;
    font-size: 13px;
    line-height: 1.4;
    color: #6D8E63;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.fivecoffee-main-seo-block h1 {
    margin: 0 0 16px;
    font-size: 25px;
    line-height: 1.35;
    color: #4E342E;
    font-weight: 700;
}

.fivecoffee-main-seo-desc {
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 1.75;
    color: #4b403c;
    word-break: keep-all;
}

.fivecoffee-main-seo-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}

.fivecoffee-main-seo-links a {
    display: inline-block;
    padding: 9px 15px;
    border: 1px solid #d7ccc8;
    border-radius: 999px;
    background: #ffffff;
    color: #4E342E;
    font-size: 14px;
    line-height: 1.3;
    text-decoration: none;
    box-sizing: border-box;
}

.fivecoffee-main-seo-links a:hover {
    border-color: #4E342E;
    background: #4E342E;
    color: #ffffff;
}
/* FIVECOFFEE CUSTOM END: PC 메인 하단 SEO 안내 블록 */

/* ============================================================
   메인 우측 영역 — 동그라미 hot-icon 2개만 숨김 (탭 박스는 유지)
   ============================================================ */

/* ─── 자주 동그라미 (좌측 hot-icon) ─── */
.main-top-sale .hot-icon {
  /* 숨김 처리 */
  display: none !important;

  /* 활성화 시 사용할 컬러 */
  background-color: #1976d2 !important;   /* ★ 자주 동그라미 배경색 */
  color: #fff !important;                  /* ★ 자주 동그라미 글자색 */
}

/* ─── 트렌드 동그라미 (우측 hot-icon) ─── */
.main-top-event .hot-icon {
  /* 숨김 처리 */
  display: none !important;

  /* 활성화 시 사용할 컬러 */
  background-color: #0d47a1 !important;   /* ★ 트렌드 동그라미 배경색 */
  color: #fff !important;                  /* ★ 트렌드 동그라미 글자색 */

/* ============================================================
   메인 우측 탭 — 이미지 제거 + 텍스트 + 자유 색상
   ============================================================ */

/* 탭 컨테이너 정렬 */
.main-right .cycle-pager01 {
  display: flex !important;
  width: 286px !important;
  gap: 0;
}

/* 두 탭 div */
.main-right .cycle-pager01 div#first,
.main-right .cycle-pager01 div#second {
  flex: 1;
  float: none !important;
  width: auto !important;
}

/* 공통 — 탭 a 링크 (이미지 제거 + 텍스트 복원) */
.main-right .cycle-pager01 div#first a,
.main-right .cycle-pager01 div#second a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 39px !important;
  background-image: none !important;
  font-size: 13px !important;
  line-height: 39px !important;
  text-indent: 0 !important;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: all .2s;
  box-sizing: border-box;
  float: none !important;
}

/* ─── 자주 사는 상품 탭 (비활성) ─── */
.main-right .cycle-pager01 div#first a {
  background-color: #f0f2f5 !important;
  color: #888 !important;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* 자주 사는 상품 — 활성 */
.main-right .cycle-pager01 div#first.cycle-pager-active a {
  background-image: none !important;
  background-color: #1976d2 !important;
  color: #fff !important;
  font-weight: 700;
}

/* ─── 사장님 트렌드 탭 (비활성) ─── */
.main-right .cycle-pager01 div#second a {
  background-color: #f0f2f5 !important;
  color: #888 !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* 사장님 트렌드 — 활성 */
.main-right .cycle-pager01 div#second.cycle-pager-active a {
  background-image: none !important;
  background-color: #0d47a1 !important;
  color: #fff !important;
  font-weight: 700;
}
}

/* ============================================================
   메인 우측 탭 — 색상 통일 + 라운드 제거 (깔끔 버전)
   2026.06.01
   ============================================================ */

/* 컨테이너 정렬 */
.main-right .cycle-pager01 {
  display: flex !important;
  width: 286px !important;
  gap: 0 !important;
  overflow: hidden;
}

/* 두 탭 div */
.main-right .cycle-pager01 div#first,
.main-right .cycle-pager01 div#second {
  flex: 1 !important;
  float: none !important;
  width: auto !important;
}

/* 모든 상태 공통 */
.main-right .cycle-pager01 div#first a,
.main-right .cycle-pager01 div#second a,
.main-right .cycle-pager01 div#first.cycle-pager-active a,
.main-right .cycle-pager01 div#second.cycle-pager-active a {
  background-image: none !important;
  background-color: #f0f2f5 !important;       /* ★ 비활성 — 두 탭 동일 회색 */
  color: #555 !important;                      /* ★ 비활성 글자 — 진회색 */
  font-size: 14px !important;
  line-height: 39px !important;
  text-indent: 0 !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 39px !important;
  float: none !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  letter-spacing: -0.01em;
  cursor: pointer;
  box-sizing: border-box !important;
  border-radius: 0 !important;                 /* ★ 라운드 제거 */
  transition: all .2s;
}

/* 두 탭 사이 구분선 */
.main-right .cycle-pager01 div#first a {
  border-right: 1px solid #fff;
}

/* ============================================================
   상품 카드 — 가격 표시 v7 FINAL
   - 첫 번째 p (일반회원가): 회색, 자물쇠 없음
   - 두 번째 p (사업자가): 자물쇠 + 연파랑/진파랑
   ============================================================ */

/* extra-price 영역 */
.item_cont .extra-price {
  margin-top: 2px !important;
  padding: 0 !important;
}

/* 빈 p 숨김 */
.item_cont .extra-price > p:empty {
  display: none !important;
}

/* ─── 공통 p 스타일 ─── */
.item_cont .extra-price > p {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
}

/* ─── 첫 번째 p = 일반회원가 (회색, 자물쇠 없음) ─── */
.item_cont .extra-price > p:nth-of-type(1) .biz-label,
.item_cont .extra-price > p:nth-of-type(1) .biz-value {
  color: #999 !important;
  font-weight: 500 !important;
}

/* 첫 번째 p에 자물쇠 금지 */
.item_cont .extra-price > p:nth-of-type(1)::before {
  content: none !important;
  display: none !important;
}

/* ─── 두 번째 p = 사업자가 (자물쇠 + 연파랑/진파랑) ─── */
.item_cont .extra-price > p:nth-of-type(2)::before {
  content: "🔒 " !important;
  font-size: 10px;
  display: inline !important;
}

/* 두 번째 p — 라벨 (연파랑) */
.item_cont .extra-price > p:nth-of-type(2) .biz-label {
  color: #64b5f6 !important;
  font-weight: 600 !important;
}

/* 두 번째 p — 값 (진파랑 굵게) */
.item_cont .extra-price > p:nth-of-type(2) .biz-value {
  color: #0d47a1 !important;
  font-weight: 700 !important;
}