@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap'); */
/* NotoSans 쓸 경우 주석 풀고, body 적용 */

/* ========== 스크롤 모션 선숨김 (JS 로드 전 FOUC / GPU 깜빡임 방지) ========== */
@media (prefers-reduced-motion: no-preference) {
  html.wme-motion [data-wme-reveal]:not(.wme-is-shown),
  html.wme-motion .section-rental-card:not(.wme-is-shown),
  html.wme-motion .section-sale-card:not(.wme-is-shown),
  html.wme-motion #reviewCardGrid .review-card:not(.wme-is-shown),
  html.wme-motion .ltc-copay-card:not(.wme-is-shown) {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 24px, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  html.wme-motion [data-wme-reveal],
  html.wme-motion .section-rental-card,
  html.wme-motion .section-sale-card,
  html.wme-motion #reviewCardGrid .review-card,
  html.wme-motion .ltc-copay-card {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
}

@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2") format("woff2");
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2") format("woff2");
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "GMarketSans";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff") format("woff");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "GMarketSans";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "GMarketSans";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "KimjungchulScript";
  src: url("fonts/KimjungchulScript-Bold.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

* {
  word-break: keep-all;
  box-sizing: border-box;
}

body {
  font-family:
    "Pretendard", "Noto Emoji", "Segoe UI Emoji", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
}

html {
  font-family:
    "Pretendard", "Noto Emoji", "Segoe UI Emoji", sans-serif !important;
}

/* 초기화 */
html {
  overflow-y: auto !important;
}

html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
  margin: 0;
  padding: 0;
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-family: inherit !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ul,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden;
}

label,
input,
button,
select,
img {
  vertical-align: middle;
  font-size: 1em;
}

input,
button {
  margin: 0;
  padding: 0;
  font-family: inherit !important;
}

input[type="submit"] {
  cursor: pointer;
}

button {
  cursor: pointer;
}

textarea,
select {
  font-family: inherit !important;
}

select {
  margin: 0;
}

p {
  margin: 0;
  padding: 0;
  word-break: break-all;
}

pre {
  overflow-x: scroll;
  font-size: 1.1em;
}

a {
  color: inherit;
  text-decoration: none;
}

/*head.sub.php로 셋팅하는 값 = full-h, full-w*/
:root {
  --primary: #2ec5eb;
  --seconday: #666;
  --ca-color: #333;
  /* --full-h: calc(var(--vh, 1vh) * 100);
  --full-w: calc(var(--vw, 1vw) * 100); */
  --header-h: 68px;
  --lnb-h: 48px;
}

@media (min-width: 1024px) {
  :root {
    /* Figma 80:4300 nav height */
    --header-h: 140px;
  }
}

.overlay {
  position: relative;
}

.overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 0;
}

#header.active {
  background-color: #fff !important;
  color: #000 !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

#header.active #logo {
  background-image: none !important;
}

/* default.css #logo { float; padding-top:30px } 이 헤더 정렬을 깨뜨림 → 유틸과 동일 수직 중앙 정렬 */
#header #logo {
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center;
  width: 200px;
  height: 47px;
}
#header #logo img {
  display: block;
  width: 200px;
  height: 47px;
  object-fit: contain;
  object-position: left center;
}

/* PC 하위메뉴: 1뎁스 li 하단(패딩 포함) 기준 → 헤더 밖 */
#header,
#header .container {
  overflow: visible;
}
#header .wme-pc-submenu {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0;
}

/* 아이콘 있는 경우 header.active * {color: #000 !important;} 해주시면 됩니다. */

/* 애니메이션 관련 */

/* 버튼 */
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}

.btn-primary {
  background-color: var(--primary);
  color: #fff;
  transition:
    background 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.btn-primary:hover,
.btn-primary:focus {
  background: #fff;
  color: var(--primary);
  outline: 1px solid var(--primary);
  box-shadow: 0 2px 8px rgba(96, 165, 250, 0.15);
}

.btn-primary:active {
  background: var(--primary);
  color: #fff;
  box-shadow: 0 1px 4px rgba(96, 165, 250, 0.1);
}

.btn-secondary {
  background-color: var(--seconday);
  color: #fff;
  transition:
    background 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background: #fff;
  color: var(--seconday);
  outline: 1px solid var(--seconday);
  box-shadow: 0 2px 8px rgba(156, 163, 175, 0.15);
}

.btn-secondary:active {
  background: var(--seconday);
  color: #fff;
  box-shadow: 0 1px 4px rgba(156, 163, 175, 0.1);
}

.btn-primary-outline {
  background-color: transparent;
  color: var(--primary);
  outline: 1px solid var(--primary);
  transition:
    background 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.btn-primary-outline:hover,
.btn-primary-outline:focus {
  background: var(--primary);
  color: #fff;
  box-shadow: 0 2px 8px rgba(96, 165, 250, 0.15);
  outline: none;
}

.btn-primary-outline:active {
  background: #fff;
  color: var(--primary);
  box-shadow: 0 1px 4px rgba(96, 165, 250, 0.1);
}

.btn-secondary-outline {
  background-color: transparent;
  color: var(--seconday);
  outline: 1px solid var(--seconday);
  transition:
    background 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

.btn-secondary-outline:hover,
.btn-secondary-outline:focus {
  background: var(--seconday);
  color: #fff;
  box-shadow: 0 2px 8px rgba(156, 163, 175, 0.15);
  outline: none;
}

.btn-secondary-outline:active {
  background: #fff;
  color: var(--seconday);
  box-shadow: 0 1px 4px rgba(156, 163, 175, 0.1);
}

.btn-animation {
  position: relative;
  overflow: hidden;
  color: var(--primary);
  outline: 1px solid var(--primary);
}

.btn-animation::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: var(--primary);
  z-index: -1;
  transition: all 0.3s ease;
}

.btn-animation:hover {
  color: #fff;
  outline: 0;
}

.btn-animation:hover::before {
  width: 100%;
}

.button:disabled,
.btn-primary:disabled,
.btn-secondary:disabled,
.btn-primary-outline:disabled,
.btn-secondary-outline:disabled,
.btn-animation:disabled {
  background: #e5e7eb !important;
  /* Tailwind gray-200 */
  color: #b0b0b0 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 0.6;
  pointer-events: none;
  filter: grayscale(0.2);
}

.sit_icon {
  display: flex;
  gap: 4px;
  align-items: center;
  flex-wrap: wrap;
}

.editor-content img {
  display: initial;
}

#sev_himg * {
  font-family:
    "Pretendard", "Noto Emoji", "Segoe UI Emoji", sans-serif !important;
}

.sev_admin {
  display: none;
}

/* Lnb 관련  */
/* lnb  */
.lnb_wrap {
  position: relative;
}

.lnb {
  background: #fff;
}

.lnb .lnb_map {
  height: var(--lnb-h);
  display: flex;
  align-items: center;
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
  max-width: 1600px;
  margin: 0 auto;
}

.lnb .lnb_map .home {
  width: var(--lnb-h);
  height: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lnb .lnb_map .home a {
  color: #333;
}

.lnb .lnb_map > li {
  height: 100%;
  border-right: 1px solid #ddd;

  position: relative;
}

.lnb .lnb_map li.dep a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lnb .lnb_map li.dep a span {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;

  color: #333;
}

.lnb .lnb_map li.dep ul {
  display: none;
  position: absolute;
  left: 0;
  top: var(--lnb-h);
  width: 100%;
  z-index: 9999;
}

.lnb .lnb_map li.dep ul li {
  width: 100%;
  background: #f9f9f9;
  border-bottom: 1px solid #fff;
}

.lnb .lnb_map li.dep ul li a:hover {
  background: var(--primary);
  color: #fff;
  transition: 0.3s all;
}

.lnb .lnb_map li.dep ul li a.on {
  background: var(--primary);
  color: #fff;
}

/* 구글 번역 부분 커스텀 css - 번역기능 있을 경우만 사용 */

body {
  position: static !important;
  top: 0px !important;
}

.goog-logo-link {
  display: none !important;
}

.goog-te-gadget {
  color: transparent !important;
  display: none !important;
}

body > .skiptranslate,
.goog-logo-link,
.gskiptranslate,
.goog-te-gadget span,
.goog-te-banner-frame,
#goog-gt-tt,
.goog-te-balloon-frame,
div#goog-gt- {
  display: none !important;
}

.goog-te-gadget {
  color: transparent !important;
  font-size: 0px;
  width: 100px;
}

.goog-text-highlight {
  background: none !important;
  box-shadow: none !important;
}

#google_translate_element select {
  background: transparent;
  color: #000;
  border: none;
  font-weight: bold;
  border-radius: 0px;
  padding: 8px 12px;
}

.notranslate {
  translate: no !important;
}

/* ========== 상품 상세 (피그마 레이아웃) — 레거시 float 스킨 CSS 무력화 ========== */
.wme-item-detail #sit_pvi,
.wme-item-detail #sit_pvi_big,
.wme-item-detail #sit_pvi_thumb,
.wme-item-detail #sit_ov {
  float: none !important;
  height: auto !important;
  min-height: 0 !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* 모바일: 레거시 #sit_ov width:448px 때문에 화면 밖으로 넘치지 않도록 */
.wme-item-detail #sit_ov.wme-item-buy {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.wme-item-detail .wme-item-grid,
.wme-item-detail .wme-item-top,
.wme-item-detail .wme-price-block,
.wme-item-detail .wme-option-block,
.wme-item-detail #sit_sel_option,
.wme-item-detail #sit_tot_price,
.wme-item-detail .wme-buy-actions {
  max-width: 100%;
  box-sizing: border-box;
}
.wme-item-detail .wme-price-row {
  max-width: 100%;
  min-width: 0;
}
.wme-item-detail .wme-zoom-btn {
  width: 56px !important;
  height: 56px !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: rgba(17, 17, 17, 0.1) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
/* 갤러리 #sit_pvi_big img { width/height:100% !important } 보다 우선 — 돋보기만 24×24 */
.wme-item-detail #sit_pvi_big .wme-zoom-btn img,
.wme-item-detail .wme-zoom-btn img {
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  object-fit: contain !important;
  display: block !important;
}
.wme-item-detail #sit_pvi_big,
.wme-item-detail #sit_pvi_thumb {
  width: 100% !important;
}

.wme-item-detail #sit_ov_from {
  border-bottom: 0 !important;
  clear: both;
}

.wme-item-detail #sit_pvi_big > a {
  display: none;
  width: 100%;
  height: 100%;
}
.wme-item-detail #sit_pvi_big > a.visible {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.wme-item-detail #sit_pvi_big img {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}

/* 상품상세 갤러리 Swiper */
.wme-item-detail #sit_pvi_big.wme-item-gallery-swiper {
  display: block;
}
.wme-item-detail #sit_pvi_big .swiper-wrapper {
  height: 100%;
}
.wme-item-detail #sit_pvi_big .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.wme-item-detail #sit_pvi_big .wme-gallery-main-link {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.wme-item-detail #sit_pvi_big .swiper-slide img {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}
.wme-item-detail #sit_pvi_thumb .wme-gallery-thumb {
  padding: 0;
  background: #fff;
  cursor: pointer;
}
.wme-item-detail #sit_pvi_thumb .wme-gallery-thumb img {
  display: block;
  width: 70px;
  height: 70px;
  object-fit: cover;
}
.wme-item-detail #sit_pvi_thumb .wme-gallery-thumb.is-active {
  border-color: #111;
}

/* 상품 확대보기 새창 */
.wme-largeimage {
  box-sizing: border-box;
  min-height: 100vh;
  margin: 0;
  padding: 24px 20px 32px;
  background: #fff;
  text-align: center;
}
.wme-largeimage__title {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 700;
  color: #111;
}
.wme-largeimage__stage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 60vh;
  padding: 12px;
  box-sizing: border-box;
  background: #f7f8fa;
}
.wme-largeimage__main-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
}
.wme-largeimage__img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: min(92vw, 1100px) !important;
  max-height: 78vh !important;
  object-fit: contain;
}
.wme-largeimage__empty {
  margin: 40px 0;
  color: #666;
}
.wme-largeimage__thumbs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.wme-largeimage__thumbs li {
  margin: 0;
}
.wme-largeimage__thumb {
  display: block;
  border: 1px solid #dbdbdb;
  line-height: 0;
}
.wme-largeimage__thumb.is-active {
  border-color: #111;
}
.wme-largeimage__thumb img {
  display: block;
  width: 70px !important;
  height: 70px !important;
  object-fit: cover;
}
.wme-largeimage__actions {
  margin-top: 20px;
}
.wme-largeimage__actions .btn_close {
  min-width: 120px;
  height: 44px;
  padding: 0 20px;
  border: 1px solid #111;
  background: #111;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
}

/* 레거시 확대보기 span 숨김 규칙 무력화 (테마 스킨 단일 이미지) */
#sit_pvi_nw.wme-largeimage #sit_pvi_nwbig span {
  display: block;
}
#sit_pvi_nw.wme-largeimage ul {
  text-align: center;
}

/* 선택 옵션 (영카트 get_item_options) */
.wme-item-detail .get_item_options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wme-item-detail .get_item_options .label-title,
.wme-item-detail .get_item_options > label {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 18px;
}
.wme-item-detail .get_item_options select.it_option,
.wme-item-detail .wme-option-list select.it_option {
  width: 100%;
  height: 40px;
  padding: 0 40px 0 11px;
  border: 1px solid #e0e0e0;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23858585' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center;
  appearance: none;
  -webkit-appearance: none;
  font-size: 14px;
  color: #555;
}
.wme-item-detail .get_item_options > span {
  display: block;
  width: 100%;
}

/* 수량 / 선택된 옵션 (Figma 138:2366) */
.wme-item-detail #sit_sel_option {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  margin-top: 16px;
}
.wme-item-detail #sit_opt_added {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.wme-item-detail #sit_opt_added .sit_opt_list,
.wme-item-detail #sit_opt_added .sit_spl_list {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid #e5e5e5;
  background: #fff;
  box-sizing: border-box;
}
.wme-item-detail #sit_opt_added .opt_name {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  padding-right: 4px;
  font-weight: 500;
  line-height: 1.4;
}
.wme-item-detail #sit_opt_added .sit_opt_subj {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 500;
  color: #111;
  line-height: 1.45;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.wme-item-detail #sit_opt_added .sit_opt_del {
  position: static;
  float: none;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin: -4px -6px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #858585;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}
.wme-item-detail #sit_opt_added .sit_opt_del:hover {
  color: #111;
}
.wme-item-detail #sit_opt_added .opt_count {
  display: inline-flex;
  align-items: stretch;
  gap: 0;
  float: none;
  width: auto;
  height: 32px;
  border: 0;
  overflow: visible;
}
/* 수량 - / 입력 / + : 여백 없이 이어붙이고 border 겹침 방지 */
.wme-item-detail #sit_opt_added .opt_count .sit_qty_minus,
.wme-item-detail #sit_opt_added .opt_count .sit_qty_plus,
.wme-item-detail #sit_opt_added .opt_count .num_input {
  float: none;
  box-sizing: border-box;
  margin: 0;
}
.wme-item-detail #sit_opt_added .sit_qty_minus,
.wme-item-detail #sit_opt_added .sit_qty_plus {
  width: 32px;
  height: 32px;
  border: 1px solid #afafaf;
  border-radius: 0;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  cursor: pointer;
  color: #111;
  font-size: 16px;
}
.wme-item-detail #sit_opt_added .sit_qty_minus {
  border-right: 0;
}
.wme-item-detail #sit_opt_added .sit_qty_plus {
  border-left: 0;
}
.wme-item-detail #sit_opt_added .num_input {
  width: 74px;
  height: 32px;
  text-align: center;
  border: 1px solid #afafaf;
  border-radius: 0;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  background: #fff;
}
.wme-item-detail #sit_opt_added .sit_opt_prc {
  float: none;
  display: inline-block;
  width: auto;
  min-width: 0;
  margin-left: auto;
  padding: 0;
  text-align: right;
  line-height: 32px;
  font-size: 14px;
  font-weight: 600;
  color: #111;
}
.wme-item-detail #sit_tot_price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
  color: #000;
  min-height: 55px;
}
.wme-item-detail #sit_tot_price span {
  font-weight: 500;
  color: #000;
  font-size: 16px;
}
.wme-item-detail #sit_tot_price strong {
  font-weight: 600;
  font-size: 24px;
  color: #000;
  line-height: 1;
}

/* 사이트 컨테이너 — 헤더(.container)와 동일 폭 */
.container {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
}

/* 상품 상세 — 콘텐츠 폭 PC 1440px (이미지 확장 + gap 60 + 정보 437) */
#sit,
.wme-item-detail {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}
.wme-item-top.container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1024px) {
  .wme-item-grid {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 60px !important;
  }
  .wme-item-detail #sit_pvi.wme-item-gallery {
    width: auto !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .wme-item-detail #sit_pvi_big {
    max-width: 100%;
  }
  .wme-item-detail #sit_pvi_big .wme-gallery-main-link {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  .wme-item-detail #sit_ov.wme-item-buy {
    width: 437px !important;
    max-width: 437px !important;
    flex: 0 0 437px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
#sit_info {
  display: block !important;
  width: 100% !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  box-sizing: border-box !important;
  float: none !important;
}
@media (min-width: 1024px) {
  #sit_info {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
#sit_tab {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  float: none !important;
}
#sit_buy {
  display: none !important;
}
#sit_tab .tab_tit {
  border-bottom: 0 !important;
  gap: 0;
  display: flex !important;
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
  position: sticky;
  top: var(--header-h, 140px);
  z-index: 35;
  background: #fff;
}
#sit_tab .tab_tit:after {
  display: none !important;
}
#sit_tab .tab_tit li {
  margin: 0 !important;
  float: none !important;
  display: block !important;
  flex: 1 1 0%;
  width: auto !important;
  position: relative;
}
/* 인접 탭 border 겹침 방지: 1px만 보이도록 */
#sit_tab .tab_tit li + li {
  margin-left: -1px !important;
}
#sit_tab .tab_tit button {
  border: 1px solid #d9d9d9 !important;
  background: #fff;
  color: #000;
  font-weight: 400;
  font-size: 16px;
  padding: 0 8px !important;
  height: 56px;
  line-height: 1.2 !important;
  position: relative;
  z-index: 0;
  width: 100%;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  vertical-align: middle;
}
@media (min-width: 1024px) {
  #sit_tab .tab_tit button {
    height: 70px;
    line-height: 1.2 !important;
    font-size: 18px;
  }
}
#sit_tab .tab_tit button.selected {
  color: #fff !important;
  background: #21a6cb !important;
  border-color: #21a6cb !important;
  font-weight: 500;
  z-index: 1;
}
#sit_tab .tab_tit button.selected:after {
  display: none !important;
}
#sit_tab .item_use_count,
#sit_tab .item_qa_count {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 20px;
  width: auto;
  height: 20px;
  padding: 0 6px;
  margin: 0;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 1 !important;
  background: #eee;
  border-radius: 999px;
  color: #777;
  vertical-align: middle;
}
#sit_tab .tab_tit button.selected .item_use_count,
#sit_tab .tab_tit button.selected .item_qa_count {
  background: rgba(255, 255, 255, 0.28);
  color: #fff;
}
#sit_tab .tab_con {
  width: 100% !important;
}
#sit_tab .tab_con > li {
  display: block !important;
  scroll-margin-top: calc(var(--header-h, 140px) + 70px + 16px);
}

/* 이전/다음 상품 — 상세 상단에서 분리 */
#sit_siblings {
  display: none;
}

/* ========== 메인 공지사항 슬라이드 ========== */
.notice-main-swiper {
  width: 100%;
  min-width: 0;
  height: 31px;
}
.notice-main-swiper .swiper-wrapper {
  align-items: center;
}
.notice-main-swiper .swiper-slide {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
.notice-main-swiper.swiper-initialized {
  overflow: hidden;
}

/* ========== 메인 배너 슬라이드 (Figma 311:2137) ========== */
#wme-main-banner .wme-main-banner-swiper {
  overflow: hidden;
  position: relative;
}
#wme-main-banner .wme-main-banner-swiper .swiper-slide {
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
#wme-main-banner .wme-main-banner-swiper.swiper-fade .swiper-slide {
  pointer-events: none;
  opacity: 0 !important;
  visibility: hidden !important;
  z-index: 0 !important;
}
#wme-main-banner .wme-main-banner-swiper.swiper-fade .swiper-slide-active {
  pointer-events: auto;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 1 !important;
}
/* 배너 텍스트 등장: 초기 숨김(FOUC 방지) → GSAP 재생 / 완료 후 .wme-mb-text-on */
#wme-main-banner[data-mb-motion="1"] .swiper-slide:not(.wme-mb-text-on) .wme-mb-badge,
#wme-main-banner[data-mb-motion="1"] .swiper-slide:not(.wme-mb-text-on) .wme-mb-title-row,
#wme-main-banner[data-mb-motion="1"] .swiper-slide:not(.wme-mb-text-on) .wme-mb-desc,
#wme-main-banner[data-mb-motion="1"] .swiper-slide:not(.wme-mb-text-on) .wme-mb-cta {
  opacity: 0;
  visibility: hidden;
  transform: translateY(22px);
}
@media (prefers-reduced-motion: reduce) {
  #wme-main-banner[data-mb-motion="1"] .swiper-slide:not(.wme-mb-text-on) .wme-mb-badge,
  #wme-main-banner[data-mb-motion="1"] .swiper-slide:not(.wme-mb-text-on) .wme-mb-title-row,
  #wme-main-banner[data-mb-motion="1"] .swiper-slide:not(.wme-mb-text-on) .wme-mb-desc,
  #wme-main-banner[data-mb-motion="1"] .swiper-slide:not(.wme-mb-text-on) .wme-mb-cta {
    opacity: 1;
    visibility: visible;
    transform: none;
  }
}
#wme-main-banner .wme-mb-title {
  font-size: 1.875rem; /* 30px */
  line-height: 1.25;
  letter-spacing: -0.02em;
  margin-bottom: 16px; /* 타이틀 ↔ 설명 간격 */
}
#wme-main-banner .wme-mb-title,
#wme-main-banner .wme-mb-title .wme-mb-title-row,
#wme-main-banner .wme-mb-title .wme-mb-title-from {
  font-style: normal !important;
}
/* 1·4: GMarketSans Bold */
#wme-main-banner .wme-mb-title--gmarket,
#wme-main-banner .wme-mb-title--gmarket .wme-mb-title-row,
#wme-main-banner .wme-mb-title--gmarket .wme-mb-title-from {
  font-family: "GMarketSans", "Pretendard", sans-serif !important;
  font-weight: 700 !important;
}
/* 3: Nanum Gothic ExtraBold */
#wme-main-banner .wme-mb-title--nanum,
#wme-main-banner .wme-mb-title--nanum .wme-mb-title-row {
  font-family: "Nanum Gothic", "Pretendard", sans-serif !important;
  font-weight: 800 !important;
}
/* 2·5: Pretendard ExtraBold */
#wme-main-banner .wme-mb-title--pretendard,
#wme-main-banner .wme-mb-title--pretendard .wme-mb-title-row {
  font-family: "Pretendard", sans-serif !important;
  font-weight: 800 !important;
}
#wme-main-banner .wme-mb-title-from {
  display: inline-block;
  margin-left: 0.15em;
  font-size: 0.82em;
  vertical-align: baseline;
}
/* 2번 배너: 전동침대·휠체어 L→R 그라데이션 (#303030 → #0080FF) */
#wme-main-banner .wme-mb-title-gradient {
  background-image: linear-gradient(90deg, #303030 0%, #0080ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}
#wme-main-banner .wme-main-banner-content {
  /* 페이지네이션과 CTA 겹침 방지 */
  padding-bottom: 3.5rem;
  box-sizing: border-box;
}
#wme-main-banner .wme-mb-desc {
  margin-bottom: 1rem;
}
/* PC 기본: 왼쪽 정렬·콘텐츠 폭 유지 (모바일 정렬이 PC에 영향 주지 않도록) */
#wme-main-banner .wme-main-banner-inner {
  align-items: flex-start;
  text-align: left;
}
#wme-main-banner .wme-mb-badge {
  align-self: flex-start;
  width: max-content;
  max-width: 100%;
}
#wme-main-banner .wme-mb-cta {
  align-self: flex-start;
}
#wme-main-banner .wme-mb-cta--split {
  background-color: rgba(0, 135, 234, 0.04);
}
/* 모바일 CTA 정렬 (Figma 311:2137) — lg 미만만 */
@media (max-width: 1023px) {
  /* 1·2·3·5: 상단 태그·카피 왼쪽 정렬 / 4만 가운데 */
  #wme-main-banner [data-slide-id="welfare"] .wme-main-banner-inner,
  #wme-main-banner [data-slide-id="rental"] .wme-main-banner-inner,
  #wme-main-banner [data-slide-id="oxygen"] .wme-main-banner-inner,
  #wme-main-banner [data-slide-id="assistive"] .wme-main-banner-inner {
    align-items: flex-start;
    text-align: left;
  }
  #wme-main-banner [data-slide-id="welfare"] .wme-mb-badge,
  #wme-main-banner [data-slide-id="rental"] .wme-mb-badge,
  #wme-main-banner [data-slide-id="oxygen"] .wme-mb-badge,
  #wme-main-banner [data-slide-id="assistive"] .wme-mb-badge {
    align-self: flex-start;
    width: max-content;
    max-width: 100%;
  }
  #wme-main-banner [data-slide-id="welfare"] .wme-mb-cta,
  #wme-main-banner [data-slide-id="rental"] .wme-mb-cta,
  #wme-main-banner [data-slide-id="supplies"] .wme-mb-cta {
    align-self: center;
  }
  #wme-main-banner [data-slide-id="oxygen"] .wme-mb-cta {
    align-self: flex-start;
  }
  #wme-main-banner [data-slide-id="assistive"] .wme-mb-cta {
    align-self: flex-end;
  }
  /* 2번: 모바일만 불투명 배경 */
  #wme-main-banner .wme-mb-cta--split {
    background-color: #f3f8fc;
  }
  /* 1번: 설명 한 줄 */
  #wme-main-banner [data-slide-id="welfare"] .wme-mb-desc {
    white-space: nowrap;
    max-width: none;
    overflow: visible;
  }
  /* 4번: 배지·타이틀·설명 가운데 (모바일 프레임) */
  #wme-main-banner [data-slide-id="supplies"] .wme-main-banner-inner {
    align-items: center;
    text-align: center;
  }
  #wme-main-banner [data-slide-id="supplies"] .wme-mb-badge {
    align-self: center;
  }
  #wme-main-banner [data-slide-id="supplies"] .wme-mb-desc {
    max-width: 22rem;
  }
  /* 5번: 모바일에서 제품선택(좌) · 보장구처방전(우) */
  #wme-main-banner [data-slide-id="assistive"] .wme-mb-cta--circles {
    flex-direction: row-reverse;
  }
  /* 모바일 버튼 타이틀 16.16px / 내용 12px */
  #wme-main-banner .wme-mb-cta-title,
  #wme-main-banner .wme-mb-circle-label {
    font-size: 16.16px !important;
    line-height: 1.25;
  }
  #wme-main-banner .wme-mb-cta-body,
  #wme-main-banner .wme-mb-circle-sub {
    font-size: 12px !important;
    line-height: 1.3;
  }
  /* 1번: 세브란스 인근 문구 */
  #wme-main-banner .wme-mb-cta-nearby {
    font-size: 9.14px !important;
    color: #6eb7ed !important;
    white-space: nowrap;
    line-height: 1.3;
  }
  /* 3번: 무릎관절 CPM 한 줄 */
  #wme-main-banner [data-slide-id="oxygen"] .wme-mb-feature-card:nth-child(2) .wme-mb-cta-title {
    font-size: 14.5px !important;
    white-space: nowrap;
  }
  /* 4번: 카드 서브 한 줄 10px */
  #wme-main-banner [data-slide-id="supplies"] .wme-mb-cta-body {
    font-size: 10px !important;
    white-space: nowrap;
  }
}
@media (min-width: 640px) {
  #wme-main-banner .wme-mb-title {
    font-size: 2.25rem;
  }
}
@media (min-width: 1024px) {
  #wme-main-banner .wme-mb-title {
    font-size: 4.25rem;
    line-height: 1.2;
  }
  #wme-main-banner .wme-main-banner-content {
    padding-bottom: 4rem;
  }
  #wme-main-banner .wme-mb-desc {
    margin-bottom: 1.25rem;
  }
  /* PC 강제: 모바일 정렬/배경 리셋 */
  #wme-main-banner .wme-main-banner-inner {
    align-items: flex-start !important;
    text-align: left !important;
  }
  #wme-main-banner .wme-mb-badge,
  #wme-main-banner .wme-mb-cta {
    align-self: flex-start !important;
  }
  #wme-main-banner .wme-mb-cta--split {
    background-color: rgba(0, 135, 234, 0.04) !important;
  }
  #wme-main-banner [data-slide-id="assistive"] .wme-mb-cta--circles {
    flex-direction: row !important;
  }
}
#wme-main-banner .wme-mb-cta--split .wme-mb-cta-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  #wme-main-banner .wme-mb-cta--split .wme-mb-cta-text {
    gap: 8px;
  }
}
#wme-main-banner .wme-mb-badge--blue {
  background: linear-gradient(90deg, #0087ea 0%, #0044d5 100%);
}
#wme-main-banner .wme-mb-badge--teal {
  background: #007380;
}
#wme-main-banner .wme-mb-badge--cyan {
  background: linear-gradient(90deg, #00b2ff 0%, #0221be 100%);
}
#wme-main-banner .wme-mb-badge--sky {
  background: linear-gradient(90deg, #3aa0ff 0%, #0057c8 100%);
}
#wme-main-banner .wme-mb-badge--navy {
  background: #0026a2;
}
/* 5번 배너: Figma 323:472 원형 CTA */
#wme-main-banner .wme-mb-cta--circles {
  gap: 0.75rem;
}
#wme-main-banner .wme-mb-circle-card {
  width: 6.1rem; /* ~98px — Figma mobile */
  height: 6.1rem;
  border-radius: 99px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
  padding: 0.4rem 0.3rem;
  gap: 0.1rem;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
#wme-main-banner .wme-mb-circle-card.pointer-events-auto:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.08);
}
#wme-main-banner .wme-mb-circle-icon {
  width: 2.6rem; /* ~41px — Figma mobile */
  height: 2.6rem;
  margin-bottom: 0.05rem;
}
#wme-main-banner .wme-mb-circle-label {
  font-size: 16.16px;
  line-height: 1.25;
}
#wme-main-banner .wme-mb-circle-sub {
  font-size: 12px;
  line-height: 1.3;
  color: #475569;
}
#wme-main-banner .wme-mb-circle--blue {
  background: rgba(186, 208, 255, 0.7);
}
#wme-main-banner .wme-mb-circle--blue .wme-mb-circle-label {
  color: #1536b9;
}
#wme-main-banner .wme-mb-circle--peach {
  background: rgba(255, 231, 197, 0.7);
}
#wme-main-banner .wme-mb-circle--peach .wme-mb-circle-label {
  color: #d53900;
}
@media (min-width: 640px) {
  #wme-main-banner .wme-mb-circle-card {
    width: 8.5rem;
    height: 8.5rem;
    gap: 0.2rem;
  }
  #wme-main-banner .wme-mb-circle-icon {
    width: 3.25rem;
    height: 3.25rem;
  }
}
@media (min-width: 1024px) {
  #wme-main-banner .wme-mb-cta--circles {
    gap: 1.25rem;
  }
  #wme-main-banner .wme-mb-circle-card {
    width: 181px;
    height: 181px;
    padding: 0.75rem;
    gap: 3px;
  }
  #wme-main-banner .wme-mb-circle-icon {
    width: 77px;
    height: 77px;
    margin-bottom: 0;
  }
  #wme-main-banner .wme-mb-circle-label {
    font-size: 25px;
  }
  #wme-main-banner .wme-mb-circle-sub {
    font-size: 16px;
  }
}
/* 4번 배너: 클릭/호버 피드백 없음 */
#wme-main-banner [data-slide-id="supplies"] .wme-mb-feature-card {
  cursor: default !important;
  pointer-events: none !important;
}
#wme-main-banner [data-slide-id="supplies"] .wme-mb-feature-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}
#wme-main-banner .wme-main-banner-pagination {
  position: absolute !important;
  z-index: 20;
  left: 50% !important;
  right: auto !important;
  bottom: 1.25rem;
  width: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transform: translateX(-50%) !important;
}
@media (min-width: 640px) {
  #wme-main-banner .wme-main-banner-pagination {
    bottom: 1.5rem;
  }
}
@media (min-width: 1024px) {
  #wme-main-banner .wme-main-banner-pagination {
    bottom: 1.75rem;
  }
}
#wme-main-banner .wme-main-banner-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 !important;
  border-radius: 999px;
  background: rgba(0, 106, 174, 0.28);
  opacity: 1;
  transition: width 0.25s ease, background-color 0.25s ease;
}
#wme-main-banner .wme-main-banner-pagination .swiper-pagination-bullet-active {
  width: 18px;
  height: 8px;
  border-radius: 33px;
  background: #006aae;
}

/* ========== 모바일 사이드 메뉴 — 하단 플로팅 위로 + 아코디언 ========== */
#header.is-mobile-menu-open {
  z-index: 10060 !important;
}
html.wme-mobile-menu-open,
html.wme-mobile-menu-open body {
  overflow: hidden;
}
html.wme-mobile-menu-open #floating_bar_mobile {
  z-index: 40 !important;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
#mobileMenuList .mobile-2dep-list {
  display: none;
}
#mobileMenuList .mobile-1dep.is-open > .mobile-2dep-list {
  display: flex !important;
}
#mobileMenuList .mobile-1dep-btn i.rotate-180 {
  transform: rotate(180deg);
}

/* ========== 쇼핑몰 공통 (장바구니/주문서/마이페이지) ========== */
#sod_bsk,
#sod_frm,
#sod_fin,
#sod_ws,
.wme-mypage {
  font-family: Pretendard, sans-serif;
}
#sod_bsk .tbl_head03,
#sod_frm .tbl_head03,
#sod_fin .tbl_head03 {
  border: 1px solid #e5e9f0;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
#sod_bsk .tbl_head03 table,
#sod_frm .tbl_head03 table,
#sod_fin .tbl_head03 table {
  border-top: 0;
  width: 100%;
}
#sod_bsk .tbl_head03 th,
#sod_frm .tbl_head03 th,
#sod_fin .tbl_head03 th {
  background: #f9fcff;
  color: #858585;
  font-weight: 500;
  border-bottom: 1px solid #e5e9f0;
  padding: 14px 12px;
  font-size: 14px;
}
#sod_bsk .tbl_head03 td,
#sod_frm .tbl_head03 td,
#sod_fin .tbl_head03 td {
  border-bottom: 1px solid #eee;
  vertical-align: middle;
  padding: 16px 12px;
  color: #333;
}
#sod_bsk .btn_cart_del {
  display: flex;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid #eee;
  background: #fff;
}
#sod_bsk .btn_cart_del button {
  height: 36px;
  padding: 0 14px;
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  background: #fff;
  color: #555;
  font-size: 14px;
  cursor: pointer;
}
#sod_bsk .btn_cart_del button:hover {
  border-color: #006aae;
  color: #006aae;
}
#sod_bsk_tot {
  margin-top: 1.5rem;
  border: 1px solid #e5e9f0 !important;
  border-radius: 8px;
  background: #fff !important;
  overflow: hidden;
}
#sod_bsk #sod_bsk_tot {
  border: 1px solid #e5e9f0 !important;
  margin: 1.5rem 0 0 !important;
  border-radius: 8px;
  background: #fff !important;
  overflow: hidden;
}
#sod_bsk_tot ul,
#sod_bsk #sod_bsk_tot ul {
  display: flex !important;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
#sod_bsk_tot li,
#sod_bsk #sod_bsk_tot li {
  float: none !important;
  width: 50% !important;
  padding: 1.25rem 1.5rem !important;
  border-right: 1px solid #e5e9f0 !important;
  border-left: 0 !important;
  border-bottom: 0 !important;
  box-sizing: border-box;
  background: #f9fcff !important;
  color: #111 !important;
  text-align: left !important;
  font-size: 1rem !important;
}
#sod_bsk_tot li:first-child,
#sod_bsk #sod_bsk_tot li:first-child {
  border: 0 !important;
  border-right: 1px solid #e5e9f0 !important;
}
#sod_bsk_tot li:last-child,
#sod_bsk #sod_bsk_tot li:last-child {
  border-right: 0 !important;
}
#sod_bsk_tot li span,
#sod_bsk #sod_bsk_tot li span {
  display: block !important;
  float: none !important;
  color: #858585 !important;
  font-size: 14px !important;
  font-weight: 500;
  margin-bottom: 6px;
}
#sod_bsk_tot li strong,
#sod_bsk #sod_bsk_tot li strong {
  display: block;
  float: none !important;
  color: #111 !important;
  font-size: 22px !important;
  font-weight: 700;
  line-height: 1.2;
}
#sod_bsk_tot .sod_bsk_cnt,
#sod_bsk #sod_bsk_tot .sod_bsk_cnt {
  width: 50% !important;
  background: #111 !important;
}
#sod_bsk_tot .sod_bsk_cnt span,
#sod_bsk #sod_bsk_tot .sod_bsk_cnt span {
  color: rgba(255, 255, 255, 0.72) !important;
}
#sod_bsk_tot .sod_bsk_cnt strong,
#sod_bsk #sod_bsk_tot .sod_bsk_cnt strong {
  color: #21a6cb !important;
  font-size: 24px !important;
}

/* 장바구니 상품명 — 이미지/텍스트 겹침 방지 */
.wme-cart-page .od_prd_list .td_prd,
#sod_bsk.od_prd_list .td_prd {
  position: relative !important;
  padding: 16px 12px !important;
  min-height: 0 !important;
  vertical-align: top;
}
.wme-cart-page .od_prd_list .td_prd .sod_img,
#sod_bsk.od_prd_list .td_prd .sod_img {
  position: static !important;
  top: auto !important;
  left: auto !important;
  float: left;
  width: 80px;
  height: 80px;
  margin: 0 16px 0 0;
  overflow: hidden;
  border: 1px solid #eee;
  background: #f7f8fa;
}
.wme-cart-page .od_prd_list .td_prd .sod_img img,
#sod_bsk.od_prd_list .td_prd .sod_img img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  display: block;
}
.wme-cart-page .od_prd_list .td_prd .sod_name,
#sod_bsk.od_prd_list .td_prd .sod_name {
  display: block;
  overflow: hidden;
  min-height: 0 !important;
}
.wme-cart-page .od_prd_list .td_prd .prd_name,
#sod_bsk.od_prd_list .td_prd .prd_name {
  display: block;
  font-size: 16px !important;
  line-height: 1.4;
  color: #111;
  text-decoration: none;
}
.wme-cart-page .sod_opt li,
#sod_bsk .sod_opt li {
  word-break: break-word;
}

/* 옵션수정 팝업 — 수직/수평 중앙 + 배경 스크롤 잠금 */
body.wme-modal-open {
  position: fixed !important;
  left: 0;
  right: 0;
  width: 100%;
  overflow: hidden !important;
}
#mod_option_frm,
#sod_bsk_list #mod_option_frm {
  z-index: 10000 !important;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(540px, calc(100vw - 32px)) !important;
  max-height: min(80vh, 640px) !important;
  height: auto !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
  border: 1px solid #e5e9f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  box-shadow: 0 12px 40px rgba(17, 17, 17, 0.18);
}
.mod_option_bg,
#sod_bsk_list .mod_option_bg {
  content: "";
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(17, 17, 17, 0.45) !important;
  display: block !important;
  z-index: 9999 !important;
}
#sod_bsk_act .button,
#sod_frm .btn_confirm .btn_submit,
#sod_fin .btn_confirm a,
#sod_fin .btn_confirm .btn_submit {
  border-radius: 8px !important;
  font-weight: 500 !important;
}
#sod_frm .od_prd_list,
#sod_fin #sod_fin_list {
  margin-bottom: 1.5rem;
}
#sod_frm .sod_left,
#sod_frm .sod_right {
  box-sizing: border-box;
}

/* ========== 주문서 작성 (톤앤매너) ========== */
.wme-order-page {
  max-width: 1440px;
}
.wme-order-page .od_prd_list {
  border-radius: 8px;
  overflow: hidden;
}
.wme-order-page .od_prd_list .td_prd {
  position: relative !important;
  padding: 16px 12px !important;
  min-height: 0 !important;
  vertical-align: top;
}
.wme-order-page .od_prd_list .td_prd .sod_img {
  position: static !important;
  top: auto !important;
  left: auto !important;
  float: left;
  width: 80px;
  height: 80px;
  margin: 0 16px 0 0;
  overflow: hidden;
  border: 1px solid #eee;
  background: #f7f8fa;
}
.wme-order-page .od_prd_list .td_prd .sod_img img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  display: block;
}
.wme-order-page .od_prd_list .td_prd .sod_name {
  display: block;
  overflow: hidden;
  min-height: 0 !important;
}
.wme-order-page .od_prd_list .td_prd .prd_name {
  display: block;
  font-size: 16px !important;
  line-height: 1.4;
  color: #111;
  text-decoration: none;
}
.wme-order-page .sod_opt li {
  word-break: break-word;
}

@media (min-width: 1024px) {
  .wme-order-page {
    display: flow-root;
  }
  .wme-order-page .sod_left {
    float: left;
    width: calc(100% - 380px - 24px) !important;
    display: block !important;
  }
  .wme-order-page .sod_right {
    float: right;
    width: 380px !important;
    display: block !important;
    position: sticky;
    top: calc(var(--header-h, 140px) + 16px);
  }
  .wme-order-page::after {
    content: "";
    display: block;
    clear: both;
  }
}
@media (max-width: 1023px) {
  .wme-order-page .sod_left,
  .wme-order-page .sod_right {
    float: none !important;
    width: 100% !important;
    display: block !important;
  }
  .wme-order-page .sod_right {
    margin-top: 1.5rem;
  }
}

/* 주문서 합계 — 깨진 float/33% 레이아웃 무력화 */
.wme-order-page #sod_bsk_tot,
.wme-order-page.sod_frm_pc #sod_bsk_tot,
#sod_frm.wme-order-page #sod_bsk_tot,
.wme-order-page .sod_right #sod_bsk_tot,
#forderform .sod_right #sod_bsk_tot {
  border: 1px solid #e5e9f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  overflow: hidden !important;
  margin: 0 0 1rem !important;
}
.wme-order-page #sod_bsk_tot ul,
#sod_frm.wme-order-page #sod_bsk_tot ul {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.wme-order-page #sod_bsk_tot li,
#sod_frm.wme-order-page #sod_bsk_tot li,
.wme-order-page .sod_right #sod_bsk_tot li {
  position: relative !important;
  float: none !important;
  clear: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  line-height: 1.4 !important;
  text-align: left !important;
  background: #f9fcff !important;
  color: #111 !important;
  border: 0 !important;
  border-bottom: 1px solid #e5e9f0 !important;
  box-sizing: border-box !important;
  font-size: 15px !important;
}
.wme-order-page #sod_bsk_tot li:last-child,
#sod_frm.wme-order-page #sod_bsk_tot li:last-child {
  border-bottom: 0 !important;
}
.wme-order-page #sod_bsk_tot li:before,
#sod_frm.wme-order-page #sod_bsk_tot li:before,
.wme-order-page #sod_bsk_tot .sod_bsk_coupon:before,
.wme-order-page #sod_bsk_tot .sod_bsk_dvr:before {
  display: none !important;
  content: none !important;
}
.wme-order-page #sod_bsk_tot li span,
#sod_frm.wme-order-page #sod_bsk_tot li span {
  float: none !important;
  display: block !important;
  margin: 0 !important;
  color: #858585 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  flex: 0 0 auto;
}
.wme-order-page #sod_bsk_tot li .wme-tot-val,
#sod_frm.wme-order-page #sod_bsk_tot li .wme-tot-val {
  margin-left: auto !important;
  text-align: right !important;
  color: #111 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}
.wme-order-page #sod_bsk_tot li strong,
#sod_frm.wme-order-page #sod_bsk_tot li strong {
  float: none !important;
  display: inline !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
.wme-order-page #sod_bsk_tot .sod_bsk_cnt,
#sod_frm.wme-order-page #sod_bsk_tot .sod_bsk_cnt,
.wme-order-page #sod_bsk_tot .sod_bsk_point {
  width: 100% !important;
  height: auto !important;
  padding: 16px !important;
  line-height: 1.4 !important;
  background: #111 !important;
  text-align: left !important;
}
.wme-order-page #sod_bsk_tot .sod_bsk_cnt span,
#sod_frm.wme-order-page #sod_bsk_tot .sod_bsk_cnt span:not(.wme-tot-val) {
  float: none !important;
  color: rgba(255, 255, 255, 0.72) !important;
}
.wme-order-page #sod_bsk_tot .sod_bsk_cnt .wme-tot-val,
#sod_frm.wme-order-page #sod_bsk_tot .sod_bsk_cnt .wme-tot-val {
  color: #21a6cb !important;
  font-size: 22px !important;
}
.wme-order-page #sod_bsk_tot .sod_bsk_cnt strong,
#sod_frm.wme-order-page #sod_bsk_tot .sod_bsk_cnt strong {
  color: inherit !important;
  font-size: inherit !important;
}

.wme-order-page #sod_frm_orderer,
.wme-order-page #sod_frm_taker,
.wme-order-page #sod_frm_pay {
  border: 1px solid #e5e9f0;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 1rem;
}
.wme-order-page #sod_frm_orderer h2,
.wme-order-page #sod_frm_taker h2,
.wme-order-page #sod_frm_pay h2 {
  margin: 0 !important;
  padding: 14px 16px !important;
  background: #f9fcff;
  border-bottom: 1px solid #e5e9f0;
  font-size: 18px !important;
  font-weight: 600;
  color: #111;
}
.wme-order-page .tbl_frm01 {
  padding: 8px 12px 16px !important;
}
.wme-order-page .sod_right .pay_tbl {
  border: 0 !important;
  border-bottom: 1px solid #e5e9f0 !important;
}
.wme-order-page #od_tot_price,
.wme-order-page .sod_right #od_tot_price {
  margin: 0 !important;
  padding: 16px !important;
  background: #f9fcff !important;
  border: 0 !important;
  border-bottom: 1px solid #e5e9f0 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.3 !important;
  text-align: left !important;
}
.wme-order-page #od_tot_price span {
  float: none !important;
  color: #555;
  font-weight: 600;
  flex: 0 0 auto;
}
.wme-order-page #od_tot_price .wme-tot-val {
  margin-left: auto;
  text-align: right !important;
  color: #006aae !important;
  font-size: 22px !important;
  font-weight: 700;
  white-space: nowrap;
}
.wme-order-page #od_tot_price strong,
.wme-order-page #od_tot_price .print_price {
  float: none !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit;
}
.wme-order-page .od_pay_buttons_el {
  border: 0 !important;
  border-radius: 0 !important;
  margin-top: 0 !important;
}
.wme-order-page #sod_frm_paysel input[type="radio"] + label {
  border-radius: 6px;
}
.wme-order-page .btn_confirm .btn_submit,
.wme-order-page #sod_frm_pay .btn_submit {
  background: #006aae !important;
  border-color: #006aae !important;
  border-radius: 8px !important;
}
.wme-order-page .btn_confirm a,
.wme-order-page #sod_frm_pay .btn01 {
  border-radius: 8px !important;
}

#sod_fin {
  max-width: 1440px;
  margin: 0 auto;
  padding: 2.5rem 1rem 4rem;
  box-sizing: border-box;
}
#sod_fin_no {
  margin-bottom: 1.5rem;
  padding: 1rem 1.25rem;
  border: 1px solid #e5e9f0;
  border-radius: 8px;
  background: #f9fcff;
  font-size: 1rem;
  color: #555;
}
#sod_fin_no strong {
  color: #006aae;
  font-size: 1.125rem;
}
#sod_fin h2 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #111;
  margin: 0 0 1rem;
}

/* ========== 주문완료·상세 톤앤매너 ========== */
.wme-order-fin {
  max-width: 1440px;
}
.wme-order-fin #sod_fin_list .tbl_head03 {
  border: 1px solid #e5e9f0;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.wme-order-fin .od_prd_list .td_prd,
.wme-order-fin #sod_fin_list .td_prd {
  position: relative !important;
  padding: 16px 12px !important;
  min-height: 0 !important;
  vertical-align: top;
}
.wme-order-fin #sod_fin_list .td_prd .sod_img {
  position: static !important;
  top: auto !important;
  left: auto !important;
  float: left;
  width: 72px;
  height: 72px;
  margin: 0 14px 0 0;
  overflow: hidden;
  border: 1px solid #eee;
  background: #f7f8fa;
}
.wme-order-fin #sod_fin_list .td_prd .sod_img img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  display: block;
}
.wme-order-fin #sod_fin_list .td_prd .sod_name {
  display: block;
  overflow: hidden;
  min-height: 0 !important;
}
.wme-order-fin #sod_fin_list .td_prd .sod_name a {
  color: #111;
  font-weight: 600;
  text-decoration: none;
}
.wme-order-fin #sod_sts_wrap {
  margin: 12px 0 24px;
}
@media (min-width: 1024px) {
  .wme-order-fin .sod_left {
    float: left;
    width: calc(100% - 380px - 24px) !important;
    display: block !important;
  }
  .wme-order-fin .sod_right {
    float: right;
    width: 380px !important;
    display: block !important;
  }
  .wme-order-fin::after {
    content: "";
    display: block;
    clear: both;
  }
}
@media (max-width: 1023px) {
  .wme-order-fin .sod_left,
  .wme-order-fin .sod_right {
    float: none !important;
    width: 100% !important;
    display: block !important;
  }
  .wme-order-fin .sod_right {
    margin-top: 1.5rem;
  }
}
.wme-order-fin #sod_fin_orderer,
.wme-order-fin #sod_fin_receiver,
.wme-order-fin #sod_fin_dvr,
.wme-order-fin #sod_fin_pay {
  border: 1px solid #e5e9f0;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 1rem;
}
.wme-order-fin #sod_fin_orderer h3,
.wme-order-fin #sod_fin_receiver h3,
.wme-order-fin #sod_fin_dvr h3,
.wme-order-fin #sod_fin_pay h3,
.wme-order-fin .sod_left > h2 {
  margin: 0 0 0 !important;
  padding: 14px 16px !important;
  background: #f9fcff;
  border-bottom: 1px solid #e5e9f0;
  font-size: 18px !important;
  font-weight: 600;
  color: #111;
}
.wme-order-fin .sod_left > h2 {
  margin: 0 0 1rem !important;
  padding: 0 !important;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 1.25rem !important;
  font-weight: 600;
  color: #111;
}
.wme-order-fin .tbl_head01,
.wme-order-fin .tbl_wrap {
  margin: 0;
}
.wme-order-fin .tbl_head01 th,
.wme-order-fin .tbl_head01 td {
  padding: 12px 16px;
  border-bottom: 1px solid #f0f2f5;
  font-size: 15px;
}
.wme-order-fin .tbl_head01 th {
  width: 120px;
  color: #858585;
  font-weight: 500;
  background: transparent;
}
.wme-order-fin .tbl_head01 td {
  color: #111;
}

#sod_bsk_tot2.wme-fin-tot,
.wme-order-fin #sod_bsk_tot2 {
  list-style: none;
  margin: 0 0 1rem !important;
  padding: 0 !important;
  border: 1px solid #e5e9f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  overflow: hidden;
}
.wme-order-fin #sod_bsk_tot2 li,
#sod_bsk_tot2.wme-fin-tot li {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  float: none !important;
  clear: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  line-height: 1.4 !important;
  text-align: left !important;
  background: #f9fcff !important;
  border: 0 !important;
  border-bottom: 1px solid #e5e9f0 !important;
  box-sizing: border-box;
}
.wme-order-fin #sod_bsk_tot2 li:last-child,
#sod_bsk_tot2.wme-fin-tot li:last-child {
  border-bottom: 0 !important;
}
.wme-order-fin #sod_bsk_tot2 li span,
#sod_bsk_tot2.wme-fin-tot li > span:first-child {
  float: none !important;
  clear: none !important;
  color: #858585 !important;
  font-size: 14px !important;
  font-weight: 500;
  flex: 0 0 auto;
}
.wme-order-fin #sod_bsk_tot2 .wme-tot-val,
#sod_bsk_tot2.wme-fin-tot .wme-tot-val {
  margin-left: auto;
  text-align: right !important;
  color: #111 !important;
  font-size: 18px !important;
  font-weight: 700;
  white-space: nowrap;
  float: none !important;
}
.wme-order-fin #sod_bsk_tot2 .wme-tot-val strong,
#sod_bsk_tot2.wme-fin-tot .wme-tot-val strong {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}
.wme-order-fin #sod_bsk_tot2 .sod_bsk_cnt,
#sod_bsk_tot2.wme-fin-tot .sod_bsk_cnt {
  background: #111 !important;
}
.wme-order-fin #sod_bsk_tot2 .sod_bsk_cnt > span:first-child {
  color: rgba(255,255,255,0.72) !important;
}
.wme-order-fin #sod_bsk_tot2 .sod_bsk_cnt .wme-tot-val {
  color: #21a6cb !important;
  font-size: 22px !important;
}
.wme-order-fin #sod_bsk_tot2 .sod_fin_tot,
#sod_bsk_tot2.wme-fin-tot .sod_fin_tot {
  background: #f0f7fc !important;
}
.wme-order-fin #sod_bsk_tot2 .sod_fin_tot .wme-tot-val,
.wme-order-fin #sod_bsk_tot2 .sod_fin_tot .wme-tot-val strong {
  color: #006aae !important;
  font-size: 20px !important;
}
.wme-order-fin #sod_bsk_tot2 #alrdy {
  flex-wrap: wrap;
}
.wme-order-fin #sod_bsk_tot2 #alrdy > div {
  width: 100%;
  margin-top: 8px;
  padding: 0 !important;
  background: transparent !important;
}
.wme-order-fin #sod_bsk_tot2 #alrdy > div p {
  display: flex;
  justify-content: space-between;
  background: #e8f3fb !important;
  margin: 0 0 4px !important;
  padding: 8px 12px !important;
  border-radius: 4px;
  font-size: 14px;
}
.wme-order-fin #sod_fin_pay ul {
  list-style: none;
  margin: 0;
  padding: 8px 0;
}
.wme-order-fin #sod_fin_pay li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  border-bottom: 1px solid #f0f2f5;
  font-size: 15px;
}
.wme-order-fin #sod_fin_pay li:last-child {
  border-bottom: 0;
}
.wme-order-fin #sod_fin_pay li strong {
  color: #858585;
  font-weight: 500;
}
.wme-order-fin #sod_fin_pay li span {
  color: #111;
  text-align: right;
}

@media (max-width: 1023px) {
  #sod_bsk .tbl_head03,
  #sod_fin .tbl_head03,
  #sod_frm .tbl_head03 {
    border-radius: 0;
  }
  #sod_fin {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }
}

/* 상품후기/문의 패널 기본 숨김 보정 */
#sit_use_list .sit_use_con.hidden,
#sit_qa_list .sit_qa_con.hidden {
  display: none !important;
}

/* 상품문의 테이블 — 레거시 float/width:80% 해제, 헤더·행 동일 그리드 */
#sit_qa_list .sit_qa_li {
  position: relative !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid #e5e5e5 !important;
}
#sit_qa_list .sit_qa_li:after {
  display: none !important;
  content: none !important;
}
#sit_qa_list .wme-qa-cols {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px 12px;
  align-items: center;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  float: none !important;
  margin: 0 !important;
  text-align: left !important;
  font-weight: inherit !important;
  line-height: 1.4 !important;
}
/* 모바일: 테이블 헤더(번호/제목/작성일/답변상태) 숨김 — PC(lg+)만 표시 */
#sit_qa_list .wme-qa-head {
  display: none !important;
}
#sit_qa_list .sit_qa_li_title.wme-qa-row {
  display: grid !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  font-weight: 400 !important;
  font-size: inherit !important;
  line-height: 1.4 !important;
  text-align: left !important;
}
@media (min-width: 1024px) {
  #sit_qa_list .wme-qa-head {
    display: grid !important;
  }
  #sit_qa_list .wme-qa-cols {
    grid-template-columns: 80px minmax(0, 1fr) 140px 120px !important;
    gap: 12px !important;
  }
}
#sit_qa_list .wme-qa-col--num,
#sit_qa_list .wme-qa-col--date,
#sit_qa_list .wme-qa-col--stat {
  text-align: center !important;
}
#sit_qa_list .wme-qa-col--subj {
  text-align: left !important;
  min-width: 0;
}
@media (max-width: 1023px) {
  #sit_qa_list .wme-qa-col--date,
  #sit_qa_list .wme-qa-col--stat {
    text-align: left !important;
  }
}

/* 레거시 #sit_qa/#sit_use h3 { position:absolute; font-size:0 } 보정 — 제목 표시 + 버튼 우측 정렬 */
#sit_qa #sit_qa_list h3,
#sit_qa_list.wme-item-qa > div:first-child > h3 {
  position: static !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
#sit_qa_list.wme-item-qa > div:first-child {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
}
#sit_use #sit_use_list h3,
#sit_use_list.wme-item-use > div:first-child h3,
#sit_use_list .wme-use-score-title {
  position: static !important;
  font-size: 24px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  color: #212121;
}
#sit_use_list.wme-item-use .wme-use-score-head {
  background: rgba(217, 217, 217, 0.2);
  margin-bottom: 0 !important;
}
#sit_use_list.wme-item-use #sit_use_ol {
  margin-top: 0 !important;
  border-top: 1px solid #e5e5e5;
}
#sit_use_list .sit_use_li_title {
  border-radius: 0 !important;
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}
#sit_use_list .sit_use_li_title:hover {
  opacity: 0.9;
  background: #111 !important;
  color: #fff !important;
}
#sit_use_list .sit_use_li.is-active .sit_use_li_title {
  background: #111 !important;
  color: #fff !important;
}

/* 상품문의 Q/A 뱃지 — 레거시 absolute + color:#000 덮어쓰기 */
#sit_qa_list .sit_qa_p,
#sit_qa_list .sit_qa_qaq,
#sit_qa_list .sit_qa_qaa {
  position: static !important;
  padding: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border-top: 0 !important;
}
#sit_qa_list .sit_qa_p {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#sit_qa_list .wme-qa-mark,
#sit_qa_list .qa_alp {
  position: static !important;
  top: auto !important;
  left: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  border-radius: 9999px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #fff !important;
  flex-shrink: 0;
}
#sit_qa_list .wme-qa-mark--q {
  background: #111 !important;
}
#sit_qa_list .wme-qa-mark--a {
  background: #006aae !important;
}
#sit_use_list.wme-item-use .wme-use-avg-star {
  max-width: 110px;
  height: 20px;
  object-fit: contain;
}
#sit_use_list .sit_thum img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#sit_use_list .pg_wrap,
#sit_qa_list .pg_wrap {
  margin-top: 2rem;
  text-align: center;
}
#sit_use_list .pg_page,
#sit_qa_list .pg_page,
#sit_use_list .pg_current,
#sit_qa_list .pg_current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  margin: 0 2px;
  border: 1px solid transparent;
  color: #555;
  text-decoration: none;
  font-size: 15px;
}
#sit_use_list .pg_current,
#sit_qa_list .pg_current {
  border-color: #111;
  color: #111;
  font-weight: 600;
}

/* 후기 활성화(펼침) — 해당 후기 영역 전체 #D9D9D9/20 */
#sit_use_list .sit_use_li.is-active {
  background: rgba(217, 217, 217, 0.2);
}
#sit_use_list .sit_use_li .sit_use_con:not(.hidden),
#sit_use_list .sit_use_li.is-active .sit_use_con {
  background: transparent;
  padding: 16px 0 0;
  margin-top: 16px;
  box-sizing: border-box;
}
#sit_use_list .sit_use_li .sit_use_p {
  background: transparent !important;
  padding: 0 !important;
}

#sod_bsk_act .button,
#sod_frm .btn_confirm .btn_submit,
#sod_frm .btn_confirm a {
  min-height: 48px;
}
#smb_my_od .tbl_head03,
#smb_my .tbl_head03 {
  width: 100%;
}

/* 마이페이지·주문내역 테이블 정렬 */
.wme-od-list {
  border: 1px solid #e5e9f0;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.wme-od-list table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.wme-od-list thead th {
  background: #f9fcff !important;
  color: #858585 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  padding: 12px 10px !important;
  border-bottom: 1px solid #e5e9f0 !important;
  vertical-align: middle !important;
  white-space: nowrap;
}
.wme-od-list tbody td {
  padding: 14px 10px !important;
  border-bottom: 1px solid #f0f2f5 !important;
  vertical-align: middle !important;
  color: #111;
  font-size: 14px;
  word-break: break-all;
}
.wme-od-list tbody tr:last-child td {
  border-bottom: 0 !important;
}
.wme-od-list .th_od_id,
.wme-od-list .td_od_id {
  width: 18%;
  text-align: left !important;
}
.wme-od-list .th_od_time,
.wme-od-list .td_od_time {
  width: 18%;
  text-align: left !important;
}
.wme-od-list .th_od_cnt,
.wme-od-list .td_od_cnt {
  width: 8%;
  text-align: center !important;
}
.wme-od-list .th_od_price,
.wme-od-list .th_od_receipt,
.wme-od-list .th_od_misu,
.wme-od-list .td_od_price,
.wme-od-list .td_od_receipt,
.wme-od-list .td_od_misu {
  width: 12%;
  text-align: right !important;
}
.wme-od-list .th_od_status,
.wme-od-list .td_od_status {
  width: 12%;
  text-align: center !important;
}
.wme-od-list .td_od_id a {
  color: #006aae;
  font-weight: 600;
  text-decoration: none;
}
.wme-od-list .td_od_id a:hover {
  text-decoration: underline;
}
.wme-od-list .td_od_status .status_01,
.wme-od-list .td_od_status .status_02,
.wme-od-list .td_od_status .status_03,
.wme-od-list .td_od_status .status_04,
.wme-od-list .td_od_status .status_05,
.wme-od-list .td_od_status .status_06 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
.wme-od-list .status_01 { background: #edf8e8; color: #3d8b40; }
.wme-od-list .status_02 { background: #eaf4ff; color: #006aae; }
.wme-od-list .status_03 { background: #fff6e8; color: #c67a00; }
.wme-od-list .status_04 { background: #eef7ff; color: #21a6cb; }
.wme-od-list .status_05 { background: #f0f0f0; color: #555; }
.wme-od-list .status_06 { background: #fdeeee; color: #d00000; }

#smb_my_wish .smb_my_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 마이페이지 위시 — 레거시 float/중첩 a 깨짐 보정 */
#smb_my_wish.wme-mypage,
#smb_my #smb_my_wish {
  position: relative;
  margin-bottom: 0;
}
#smb_my_wish h2 {
  border-bottom: 0 !important;
  padding: 0 !important;
}
#smb_my_wish .wme-wish-grid > li,
#smb_my_wish li.wme-wish-card {
  float: none !important;
  position: relative !important;
  background: #fff !important;
  border: 1px solid #eee !important;
  border-bottom: 1px solid #eee !important;
  padding: 0 !important;
  margin: 0 !important;
}
#smb_my_wish li.wme-wish-card:after {
  display: none !important;
  content: none !important;
}
#smb_my_wish .smb_my_chk {
  float: none !important;
  display: block !important;
  margin: 0 !important;
}
#smb_my_wish .smb_my_img {
  float: none !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  aspect-ratio: 1 / 1;
  background: #f7f8fa;
  overflow: hidden;
}
#smb_my_wish .smb_my_img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
}
#smb_my_wish .smb_my_tit {
  margin: 0 0 4px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
#smb_my_wish .smb_my_price {
  margin: 0 !important;
  font-size: 16px !important;
  color: #006aae !important;
}
#smb_my_wish .smb_my_date {
  margin: 4px 0 0 !important;
  font-size: 12px !important;
  color: #999 !important;
}
#smb_my_wish li .wish_del {
  position: absolute !important;
  right: 8px !important;
  top: 8px !important;
  font-size: inherit !important;
  color: #999 !important;
}

/* ========== 위시리스트 페이지 (#sod_ws) ========== */
#sod_ws.wme-wishlist {
  position: relative;
}
#sod_ws.wme-wishlist .wme-wish-grid {
  display: grid !important;
  float: none !important;
}
#sod_ws.wme-wishlist .wme-wish-grid:after {
  display: none !important;
  content: none !important;
}
#sod_ws.wme-wishlist .wme-wish-grid > li,
#sod_ws.wme-wishlist li.wme-wish-card {
  float: none !important;
  clear: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  background: #fff !important;
  border: 1px solid #e8e8e8 !important;
}
#sod_ws.wme-wishlist li.wme-wish-card:after {
  display: none !important;
  content: none !important;
}
#sod_ws.wme-wishlist .smb_my_chk {
  float: none !important;
  display: block !important;
  margin: 0 !important;
  width: auto !important;
  line-height: normal !important;
  text-align: left !important;
}
#sod_ws.wme-wishlist .smb_my_img {
  float: none !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  aspect-ratio: 1 / 1;
  background: #f7f8fa;
  overflow: hidden;
}
#sod_ws.wme-wishlist .smb_my_img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
}
#sod_ws.wme-wishlist .smb_my_tit {
  margin: 0 0 4px !important;
}
#sod_ws.wme-wishlist .smb_my_price {
  margin: 0 !important;
  color: #006aae !important;
}
#sod_ws.wme-wishlist .smb_my_date {
  margin: 4px 0 0 !important;
  color: #999 !important;
}
#sod_ws.wme-wishlist li .wish_del {
  position: absolute !important;
  right: 8px !important;
  top: 8px !important;
  width: 32px !important;
  height: 32px !important;
  line-height: normal !important;
  background: rgba(255, 255, 255, 0.9) !important;
  color: #999 !important;
  font-size: inherit !important;
}
#sod_ws.wme-wishlist li .wish_del:hover {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #d00000 !important;
}
#sod_ws.wme-wishlist #sod_ws_act {
  text-align: center;
  /* 장바구니: 목록→합계(1.5rem)→버튼(mt-6) 수준에 맞춤 */
  margin: 2.5rem 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
@media (min-width: 1024px) {
  #sod_ws.wme-wishlist #sod_ws_act {
    margin-top: 3.5rem;
  }
}
#sod_ws.wme-wishlist #sod_ws_act button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 140px !important;
  height: 48px !important;
  padding: 0 24px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  cursor: pointer;
}
@media (min-width: 1024px) {
  #sod_ws.wme-wishlist #sod_ws_act button {
    min-width: 160px !important;
    height: 52px !important;
    font-size: 18px !important;
  }
}
#sod_ws.wme-wishlist #sod_ws_act .wme-wish-btn-cart {
  border: 1px solid #d6d6d6 !important;
  background: #fff !important;
  color: #555 !important;
}
#sod_ws.wme-wishlist #sod_ws_act .wme-wish-btn-cart:hover {
  border-color: #006aae !important;
  color: #006aae !important;
}
#sod_ws.wme-wishlist #sod_ws_act .wme-wish-btn-order {
  border: 0 !important;
  background: #21a6cb !important;
  color: #fff !important;
}
#sod_ws.wme-wishlist #sod_ws_act .wme-wish-btn-order:hover {
  opacity: 0.9;
}

#smb_my_ov .my_ov_name img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 9999px;
}

/* ========== 로그인 / 비회원 주문조회 (피그마 143:3246) ========== */
#mb_login.wme-login {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  text-align: left;
}
#mb_login.wme-login .mbskin_box,
#mb_login.wme-login .mb_log_cate {
  display: none;
}
.wme-login-tab {
  color: #555;
  font-weight: 500;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.wme-login-tab.is-active {
  background: #111;
  color: #fff;
  font-weight: 600;
}
.wme-id-save__box i {
  opacity: 0;
}
.wme-id-save.is-checked .wme-id-save__box {
  background: #006aae;
  border-color: #006aae;
}
.wme-id-save.is-checked .wme-id-save__box i {
  opacity: 1;
}
#mb_login.wme-login #sns_login {
  margin-top: 1.5rem;
  border: 0;
  padding: 0;
}

/* ========== 회원가입 약관 동의 — 레거시 핑크(#f2838f) 안내 박스 무력화 ========== */
.wme-register #fregister .wme-register-notice {
  background: #006aae !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.625rem;
}
.wme-register #fregister .wme-register-notice > i {
  margin-top: 0 !important;
  line-height: 1 !important;
  flex-shrink: 0;
}
.wme-register #fregister .wme-register-notice__txt,
.wme-register #fregister p.wme-register-notice__txt {
  position: static !important;
  height: auto !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  text-align: left !important;
  color: inherit !important;
  font-weight: 500 !important;
  font-size: inherit !important;
}
.wme-register #fregister .wme-register-notice__txt:before,
.wme-register #fregister p.wme-register-notice__txt:before {
  display: none !important;
  content: none !important;
}

/* ========== LTC 모바일 탭: sticky + 가로스크롤 ========== */
.ltc-tab-list {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.ltc-tab-list::-webkit-scrollbar {
  display: none;
}
@media (max-width: 1023px) {
  .ltc-tab-sticky {
    position: sticky;
    top: var(--header-h);
    z-index: 40;
  }
}

/* 관리자 상품폼 안내 (프론트 영향 없음) */
.sit_tab_html img {
  max-width: 100%;
  height: auto;
}

/*
 * 제품상세 등 탭 HTML: 레거시 #sit_inf h2/h3 숨김(position:absolute; font-size:0)
 * 때문에 관리자 HTML 탭의 제목이 본문과 겹침 → 콘텐츠 영역만 정상 표시
 */
#sit_inf > h2.sound_only,
#sit_use > h2.sound_only,
#sit_qa > h2.sound_only,
#sit_dex > h2.sound_only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
#sit_inf .sit_tab_html h1,
#sit_inf .sit_tab_html h2,
#sit_inf .sit_tab_html h3,
#sit_inf .sit_tab_html h4,
#sit_inf .sit_tab_html h5,
#sit_inf .sit_tab_html h6,
#sit_use .sit_tab_html h1,
#sit_use .sit_tab_html h2,
#sit_use .sit_tab_html h3,
#sit_qa .sit_tab_html h1,
#sit_qa .sit_tab_html h2,
#sit_qa .sit_tab_html h3,
#sit_dex .sit_tab_html h1,
#sit_dex .sit_tab_html h2,
#sit_dex .sit_tab_html h3 {
  position: static !important;
  font-size: revert;
  line-height: revert;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  text-indent: 0 !important;
  clip: auto !important;
  content: normal !important;
}

/* ========== 메인 본인부담금 카드 (배경 이미지 영역 + 폴백 그라데이션) ========== */
.ltc-copay-card {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ltc-copay-card--general {
  background-color: #006aae;
  background-image: linear-gradient(135deg, #004a82 0%, #006aae 50%, #0082d4 100%);
}
.ltc-copay-card--reduced {
  background-color: #21a6cb;
  background-image: linear-gradient(135deg, #0e7490 0%, #21a6cb 70%, #38bdf8 100%);
}
.ltc-copay-card--medical {
  background-color: #1e3a5f;
  background-image: linear-gradient(135deg, #1e3a5f 0%, #0c4a7a 50%, #0369a1 100%);
}
.ltc-copay-card__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}
/* 본인부담금 숫자/% — 배지 영역 정중앙 + %는 숫자 하단 정렬 */
.ltc-copay-badge {
  box-sizing: border-box;
}
.ltc-copay-value {
  line-height: 1;
}
.ltc-copay-pct {
  display: inline-block;
  padding-bottom: 0.12em;
  margin-left: 1px;
}
.ltc-copay-exempt {
  display: inline-flex;
  align-items: flex-end;
  height: 64px;
  padding-bottom: 0.15em;
}
@media (min-width: 1024px) {
  .ltc-copay-exempt {
    height: 68px;
  }
}

/* ========== 메인 구매 후기: 카드 순환 활성화 border ========== */
.review-card {
  border-color: #e2e8f0;
  border-radius: 0 !important;
  transition: border-color 0.45s ease, box-shadow 0.45s ease;
}
.review-card.is-active {
  border-color: #21a6cb;
  box-shadow: 0 0 0 1px rgba(33, 166, 203, 0.12);
}

/* ========== 팝업레이어 모바일 너비 맞춤 ========== */
#hd_pop {
  z-index: 10050;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 0;
  margin: 0;
}
.hd_pops {
  box-sizing: border-box;
  max-width: 100%;
}
.hd_pops .hd_pops_con {
  box-sizing: border-box;
}
.hd_pops .hd_pops_con img,
.hd_pops .hd_pops_con table,
.hd_pops .hd_pops_con iframe {
  max-width: 100% !important;
  height: auto !important;
}
@media (max-width: 1023px) {
  #hd_pop {
    width: 100%;
  }
  .hd_pops {
    left: 50% !important;
    right: auto !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    transform: translateX(-50%);
    z-index: 10050;
  }
  .hd_pops .hd_pops_con {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 70vh !important;
    overflow: auto !important;
  }
  .hd_pops .hd_pops_footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
  }
  .hd_pops .hd_pops_footer button {
    flex: 1 1 auto;
    font-size: 12px;
    line-height: 1.3;
    padding: 10px 8px;
  }
}