@charset "utf-8";
/* advertiser/style.css
 * - Benchmark-like list UI
 * - font-weight <= 400 only
 */

/* 브랜드 컬러: theme common.css 변수 우선, 없으면 fallback */
:root {
  --mmr-brand: var(--mm-brand-primary, #1d4ed8);
  --mmr-border: rgba(0,0,0,.08);
  --mmr-muted: rgba(0,0,0,.60);
  --mmr-bg: #fff;
  --mmr-soft: #f3f4f6;
  --mmr-radius: 14px;
}

#container_title{
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* ======================================================================
   partner_certified - top banner
   - fit container width, no overflow
   ====================================================================== */
#container .mm-pc-board-banner{
  width:100%;
  margin: 8px 0 18px;
}

#container .mm-pc-board-banner picture,
#container .mm-pc-board-banner img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}

/* base */
.mm-pc-partner-list { margin: 0 0 20px; }
.mm-pc-partner-list * { box-sizing: border-box; font-weight: 400; }
.mm-pc-partner-list .mm-ico { display: inline-block; fill: currentColor; }

/* toolbar (sort + search) */
.mm-pc-toolbar{
  display:flex;
  align-items:center;
  gap:8px;                 /* 12px -> 8px */
  flex-wrap:nowrap;
  margin: 8px 0 8px;       /* 12/10 -> 8/8 */
}
.mm-sortbar{ flex: 0 0 auto; }
.mm-sortbar__select{
  height: 38px;            /* 44 -> 38 */
  padding: 0 10px;         /* 12 -> 10 */
  border: 1px solid #d1d5db;
  border-radius: 8px;      /* 10 -> 8 */
  background: #fff;
  width: 130px;            /* 140 -> 130 */
  max-width: 40vw;
}

.mm-pc-search{ flex: 1 1 auto; min-width: 0; }
.mm-pc-search__group{
  display:flex;
  align-items:stretch;
  border: 1px solid #d1d5db;
  border-radius: 8px;      /* 10 -> 8 */
  overflow:hidden;
  background:#fff;
}
.mm-pc-search__input{
  flex: 1 1 auto;
  min-width: 0;
  height: 38px;            /* 44 -> 38 */
  border: 0;
  padding: 0 10px;         /* 12 -> 10 */
  outline: none;
}
.mm-pc-search__btn{
  width: 44px;             /* 48 -> 44 */
  height: 38px;            /* 44 -> 38 */
  border: 0;
  background: var(--mm-brand-primary, #1d4ed8);
  color: #fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor: pointer;
}
.mm-pc-search__btn:focus{ outline: 2px solid var(--mm-focus-ring, rgba(29,78,216,.45)); outline-offset: 2px; }

/* tagbar */
.mm-tagbar{
  margin: 6px 0 10px; /* 10/14 -> 6/10 */
}

.mm-tagbar__head{
  display:flex;
  align-items:center;
  gap:8px;            /* 10 -> 8 */
  margin-bottom: 8px; /* 10 -> 8 */
}

/* 토글 버튼: 초기화처럼 "버튼"으로 보이게 + 빨강 */
.mm-tagbar__toggle{
  border:0;
  background: #ef4444; /* 요청색 */
  color:#fff;
  height: 32px;        /* 높이 축소 */
  padding: 0 10px;
  border-radius: 8px;  /* 사각형에 가깝게 */
  cursor: pointer;
}

/* 상태 텍스트는 유지(필요 없으면 추후 제거 가능) */
.mm-tagbar__state{
  flex: 1 1 auto;
  min-width: 0;
  font-size: 12px;     /* 13 -> 12 */
  color:#6b7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0;
}
.mm-tagbar__state.is-on{ opacity: 1; }

/* 초기화 버튼: 높이/반경 축소 */
.mm-tagbar__reset{
  border:0;
  background: #111827;
  color:#fff;
  height: 32px;        /* 36 -> 32 */
  padding: 0 10px;     /* 12 -> 10 */
  border-radius: 8px;  /* 10 -> 8 */
  cursor: pointer;
}

/* 태그칩: "한줄" + overflow 시 가로 스크롤 */
.mm-tagbar__chips{
  display:flex;
  flex-wrap: nowrap;           /* wrap -> nowrap */
  gap: 6px;                    /* 10 -> 6 */
  overflow-x: auto;            /* 스크롤 */
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 2px;         /* 스크롤바 여유 */
}

/* (선택) 스크롤바 높이 얇게 */
.mm-tagbar__chips::-webkit-scrollbar{ height: 6px; }
.mm-tagbar__chips::-webkit-scrollbar-thumb{ background: #d1d5db; border-radius: 999px; }
.mm-tagbar__chips::-webkit-scrollbar-track{ background: transparent; }

.mm-chip{
  flex: 0 0 auto;              /* 한줄 유지 */
  border: 1px solid #d1d5db;
  background: #f3f4f6;
  color:#111827;
  padding: 6px 10px;           /* 8/12 -> 6/10 */
  border-radius: 10px;         /* 999 -> 10 (사각형에 가깝게) */
  cursor: pointer;
  font-size: 13px;
}
.mm-chip.is-active{
  border-color: var(--mm-brand-primary, #1d4ed8);
  background: var(--mm-brand-soft, #eff6ff);
  color: var(--mm-brand-primary, #1d4ed8);
}

.mm-tags-collapsed .mm-tagbar__chips{ display:none; }


/* top bar */
.mm-advertiser__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 10px 0 8px;
  padding: 0 10px;
}
.mm-advertiser__count {
  font-weight: 400;
  color: rgba(0,0,0,.85);
}
.mm-advertiser__tools {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* tool buttons */
.mm-toolbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--mmr-border);
  border-radius: 10px;
  background: #fff;
  color: rgba(0,0,0,.75);
  cursor: pointer;
}
.mm-toolbtn:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--mm-focus-ring, rgba(29, 78, 216, 0.25));
}

/* pop menu */
.mm-pop { position: relative; }
.mm-popmenu {
  position: absolute;
  right: 0;
  top: 42px;
  min-width: 140px;
  background: #fff;
  border: 1px solid var(--mmr-border);
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  padding: 6px;
  z-index: 50;
}
.mm-popmenu a,
.mm-popmenu button {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 10px;
  border-radius: 10px;
  border: 0;
  background: transparent;
  color: rgba(0,0,0,.85);
  cursor: pointer;
  text-decoration: none;
}
.mm-popmenu a:hover,
.mm-popmenu button:hover {
  background: rgba(0,0,0,.05);
}

/* search bar */
.mm-search { margin: 10px 0 12px; }
.mm-search__form {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
}
.mm-search__sel {
  height: 42px;
  border: 1px solid var(--mmr-border);
  border-radius: 10px;
  padding: 0 10px;
  background: #fff;
  color: rgba(0,0,0,.85);
  flex: 0 0 auto;
}
.mm-search__q {
  display: flex;
  align-items: center;
  height: 42px;
  border: 1px solid var(--mmr-border);
  border-radius: 10px;
  overflow: hidden;
  flex: 1 1 auto;
  min-width: 120px;
  background: #fff;
}
.mm-search__inp {
  border: 0;
  outline: 0;
  height: 100%;
  padding: 0 12px;
  flex: 1 1 auto;
  min-width: 0;
}
.mm-search__btn {
  width: 46px;
  height: 100%;
  border: 0;
  background: var(--mmr-brand);
  color: #fff;
  cursor: pointer;
}

/* cards grid */
.mm-pc-cards{
  list-style:none;
  margin: 0;
  padding: 0;
  display:grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 576px){
  .mm-pc-cards{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 992px){
  .mm-pc-cards{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.mm-pc-card{
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  overflow:hidden;
  background:#fff;
}
.mm-pc-card__inner{ display:block; }

.mm-pc-card__mediawrap{
  position:relative;
}
.mm-pc-card__media{
  display:block;
  width:100%;
  aspect-ratio: 265 / 200;
  background:#f3f4f6;
  overflow:hidden;
  text-decoration:none;
}
.mm-pc-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.mm-noimg{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#9ca3af;
}

.mm-pc-card__chk{
  position:absolute;
  top:10px;
  left:10px;
  z-index:3;
}
.mm-admin-badge{
  position:absolute;
  top:10px;
  right:10px;
  z-index:3;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  background:#111827;
  color:#fff;
}
.mm-admin-badge--suspended{ background:#111827; }
.mm-admin-badge--start{ background:#111827; }
.mm-admin-badge--end{ background:#111827; }

.mm-pc-card__body{
  padding: 12px;
}

/* mini table */
.mm-pc-mini{
  margin:0;
}
.mm-pc-mini__row{
  display:grid;
  grid-template-columns: 92px 1fr;
  border: 1px solid #e5e7eb;
}
.mm-pc-mini__row + .mm-pc-mini__row{
  border-top: 0;
}
.mm-pc-mini__row dt{
  margin:0;
  padding: 10px 10px;
  background:#111827;
  color:#fff;
  font-size: 13px;
}
.mm-pc-mini__row dd{
  margin:0;
  padding: 10px 10px;
  background:#fff;
  color:#111827;
  min-width: 0;
}
.mm-cardlink{
  color:#111827;
  text-decoration:none;
}
.mm-cardlink:hover{ text-decoration:underline; }

.mm-pc-code{ color: var(--mm-brand-primary, #1d4ed8); }
.mm-pc-muted{ color:#9ca3af; }

/* actions */
.mm-pc-card__actions{
  display:flex;
  gap:10px;
  margin-top: 10px;
}
.mm-pc-btn{
  flex: 1 1 0;
  height: 44px;
  border-radius: 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
}
.mm-pc-btn--ghost{
  border: 2px solid #111827;
  background:#fff;
  color:#111827;
}
.mm-pc-btn--primary{
  border: 2px solid var(--mm-brand-primary, #1d4ed8);
  background:#fff;
  color: var(--mm-brand-primary, #1d4ed8);
}
.mm-pc-btn--primary:hover{
  background: var(--mm-brand-soft, #eff6ff);
}

/* empty */
.mm-pc-empty{
  grid-column: 1 / -1;
  padding: 24px 12px;
  border: 1px dashed #d1d5db;
  border-radius: 14px;
  text-align:center;
  color:#6b7280;
}
.mm-hidden{ display:none !important; }

/* <=575px: 1열 + 카드 내부 가로형(벤치마킹처럼 “높이 타이트” + 이미지 크롭 최소화) */
@media (max-width: 575px){

  .mm-pc-card__inner{
    display:flex;
    align-items:flex-start; /* 우측이 커져서 이미지가 억지로 늘어나는 현상 방지 */
  }

  .mm-pc-card__mediawrap{
    flex: 0 0 44%;
  }

  /* media는 전역에서 265/200 비율을 사용(썸네일 비율과 일치) */
  .mm-pc-card__media{
    height: auto;
  }

  .mm-pc-card__body{
    flex: 1 1 auto;
    min-width: 0;
    padding: 7px 8px; /* (기존 10px) ↓ : 카드 높이 축소 */
  }

  .mm-pc-mini__row{
    grid-template-columns: 74px 1fr; /* 라벨 폭 축소 */
  }

  .mm-pc-mini__row dt,
  .mm-pc-mini__row dd{
    padding: 7px 8px;      /* (기존 10px) ↓ */
    font-size: 12px;       /* 벤치마킹처럼 타이트 */
    line-height: 1.2;
  }

  .mm-pc-card__actions{
    gap: 8px;              /* (기존 10px) ↓ */
    margin-top: 6px;       /* 벤치마킹처럼 “바로 아래” */
  }

  .mm-pc-btn{
    height: 36px;          /* (기존 44px) ↓ */
    border-radius: 8px;    /* 타이트 */
    font-size: 13px;
  }
}


/* ======================================================================
   advertiser write (scoped)
   - font-weight <= 400
   ====================================================================== */
#bo_w.mm-adw, #bo_w.mm-adw *{
  box-sizing: border-box;
  font-weight: 400;
}

#bo_w.mm-adw{
  margin: 0 0 20px;
}

#bo_w.mm-adw .mm-adw__head{
  margin: 10px 0 12px;
}

#bo_w.mm-adw .mm-adw__desc{
  margin: 0;
  font-size: 13px;
  color: #6b7280;
}

#bo_w.mm-adw .mm-adw__fs{
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 12px;
  margin: 0 0 12px;
  background: #fff;
}

#bo_w.mm-adw .mm-adw__lgd{
  padding: 0 6px;
  font-size: 14px;
  color: #111827;
}

#bo_w.mm-adw .mm-adw__field{
  margin: 10px 0;
}

#bo_w.mm-adw .mm-adw__label,
#bo_w.mm-adw .mm-adw__sublabel{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  color: #111827;
  font-size: 13px;
}

#bo_w.mm-adw .mm-adw__help{
  margin: 0 0 8px;
  font-size: 12px;
  color: #6b7280;
}
#bo_w.mm-adw .mm-adw__help--tight{ margin-top: 6px; margin-bottom: 0; }

#bo_w.mm-adw .mm-adw__req{
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 8px;
  border-radius: 8px;
  background: #ef4444;
  color: #fff;
  font-size: 12px;
  line-height: 1;
}

#bo_w.mm-adw .mm-adw__opt{
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 8px;
  border-radius: 8px;
  background: #f3f4f6;
  color: #111827;
  font-size: 12px;
  line-height: 1;
}

#bo_w.mm-adw .mm-adw__warn{
  margin: 0;
  padding: 10px 12px;
  border: 1px dashed #d1d5db;
  border-radius: 10px;
  color: #6b7280;
  background: #fff;
  font-size: 12px;
}

#bo_w.mm-adw input[type="text"],
#bo_w.mm-adw input[type="url"],
#bo_w.mm-adw input[type="date"],
#bo_w.mm-adw select,
#bo_w.mm-adw textarea{
  max-width: 100%;
}

/* write: inputs should be full width (override theme/gnuboard defaults) */
#bo_w.mm-adw .frm_input,
#bo_w.mm-adw .frm_file,
#bo_w.mm-adw select,
#bo_w.mm-adw textarea{
  width: 100% !important;
  max-width: 100% !important;
  display: block;
}

/* write: consistent control look (tight, no overflow) */
#bo_w.mm-adw input[type="text"].frm_input,
#bo_w.mm-adw input[type="url"].frm_input,
#bo_w.mm-adw input[type="date"].frm_input,
#bo_w.mm-adw select.frm_input,
#bo_w.mm-adw textarea.frm_input,
#bo_w.mm-adw input[type="text"],
#bo_w.mm-adw input[type="url"],
#bo_w.mm-adw input[type="date"],
#bo_w.mm-adw select,
#bo_w.mm-adw textarea{
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #fff;
  color: #111827;
  padding: 0 10px;
  line-height: 1.2;
}

/* heights (text/url/date/select) */
#bo_w.mm-adw input[type="text"],
#bo_w.mm-adw input[type="url"],
#bo_w.mm-adw input[type="date"],
#bo_w.mm-adw select{
  height: 38px;
}

/* textarea */
#bo_w.mm-adw textarea{
  min-height: 120px;
  padding: 10px;
  resize: vertical;
}

.bo_v_option{
  padding: 0;
  margin: 0;
}

.bo_v_option li{
  list-style: none;
  display: inline-block;
  padding: 3px 10px;
}

.bo_v_option li.chk_box input[type="checkbox"] + label {
    padding-left: 10px;
}

/* file input */
#bo_w.mm-adw input[type="file"]{
  width: 100% !important;
  max-width: 100% !important;
}

/* prevent any inner flex overflow */
#bo_w.mm-adw .mm-adw__field,
#bo_w.mm-adw .mm-adw__subfield{
  min-width: 0;
}

#bo_w.mm-adw .mm-adw__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#bo_w.mm-adw .mm-adw-chip{
  position: relative;
  display: inline-flex;
  align-items: center;
}

#bo_w.mm-adw .mm-adw-chip input{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#bo_w.mm-adw .mm-adw-chip__txt{
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid #d1d5db;
  background: #f3f4f6;
  color: #111827;
  cursor: pointer;
  user-select: none;
  font-size: 13px;
  max-width: 100%;
}

#bo_w.mm-adw .mm-adw-chip input:checked + .mm-adw-chip__txt{
  border-color: var(--mm-brand-primary, #1d4ed8);
  background: var(--mm-brand-soft, #eff6ff);
  color: var(--mm-brand-primary, #1d4ed8);
}

#bo_w.mm-adw .mm-adw__grid2{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

@media (min-width: 768px){
  #bo_w.mm-adw .mm-adw__grid2{
    grid-template-columns: 1fr 1fr;
  }
}

#bo_w.mm-adw .mm-adw__filemeta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
}

#bo_w.mm-adw .mm-adw__filemeta-name{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #111827;
  font-size: 12px;
}

#bo_w.mm-adw .mm-adw__filedel{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #111827;
}

/* ======================================================================
   advertiser write - file input polish (scoped)
   ====================================================================== */

/* file input: align with other controls */
#bo_w.mm-adw input[type="file"].frm_file,
#bo_w.mm-adw input[type="file"]{
  width: 100% !important;
  max-width: 100% !important;
  height: 38px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #fff;
  color: #111827;
  padding: 0 10px;
  font-size: 13px;
  line-height: 38px;
}

/* Chrome/Edge/Safari: style the button part */
#bo_w.mm-adw input[type="file"]::-webkit-file-upload-button{
  height: 30px;
  margin: 0 10px 0 0;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #f3f4f6;
  color: #111827;
  padding: 0 10px;
  cursor: pointer;
}

/* Modern spec (Chromium/FF 최신): file selector button */
#bo_w.mm-adw input[type="file"]::file-selector-button{
  height: 30px;
  margin: 0 10px 0 0;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #f3f4f6;
  color: #111827;
  padding: 0 10px;
  cursor: pointer;
}
#bo_w.mm-adw input[type="file"]::file-selector-button:hover{
  background: #e5e7eb;
}

/* file meta box(수정 모드): 더 정돈 */
#bo_w.mm-adw .mm-adw__filemeta{
  border-color: #d1d5db;
  border-radius: 8px;
  background: #f9fafb;
}

/* delete checkbox: pill-like */
#bo_w.mm-adw .mm-adw__filedel{
  padding: 6px 10px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  user-select: none;
}
#bo_w.mm-adw .mm-adw__filedel input{
  margin: 0;
}

/* field spacing tighter for file blocks */
#bo_w.mm-adw .mm-adw__fs .mm-adw__field{
  margin: 12px 0;
}

/* help text under file input tighter */
#bo_w.mm-adw .mm-adw__field .mm-adw__help{
  margin-bottom: 6px;
}

/* ======================================================================
   advertiser write - action buttons (scoped)
   ====================================================================== */

#bo_w.mm-adw .mm-adw__btns{
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 12px;
}

/* 취소/작성완료 공통 */
#bo_w.mm-adw .mm-adw__btns a.btn,
#bo_w.mm-adw .mm-adw__btns button.btn{
  height: 40px;
  padding: 0 14px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 40px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
}

/* 취소(링크 보라색 제거 + 고스트 버튼) */
#bo_w.mm-adw .mm-adw__btns a.btn_cancel{
  background: #fff;
  border-color: #d1d5db;
  color: #111827;
}
#bo_w.mm-adw .mm-adw__btns a.btn_cancel:hover{
  background: #f3f4f6;
}

/* 작성완료(브랜드 버튼) */
#bo_w.mm-adw .mm-adw__btns button.btn_submit{
  background: var(--mm-brand-primary, #1d4ed8);
  border-color: var(--mm-brand-primary, #1d4ed8);
  color: #fff;
}
#bo_w.mm-adw .mm-adw__btns button.btn_submit:hover{
  background: var(--mm-brand-primary-dark, #1e40af);
  border-color: var(--mm-brand-primary-dark, #1e40af);
}

/* focus ring */
#bo_w.mm-adw .mm-adw__btns a.btn:focus,
#bo_w.mm-adw .mm-adw__btns button.btn:focus{
  outline: 2px solid var(--mm-focus-ring, rgba(29,78,216,.45));
  outline-offset: 2px;
}

/* 작은 화면에서 버튼 폭 확보 */
@media (max-width: 575px){
  #bo_w.mm-adw .mm-adw__btns{
    justify-content: stretch;
  }
  #bo_w.mm-adw .mm-adw__btns a.btn,
  #bo_w.mm-adw .mm-adw__btns button.btn{
    flex: 1 1 0;
  }
}

/* ======================================================================
   advertiser view (benchmark match)
   - breakpoint: <=1200 stack / >=1201 2-col
   - font-weight: 400 only
   ====================================================================== */

.mm-advv, .mm-advv *{ font-weight:400; box-sizing:border-box; }

.mm-advv{ margin:0 0 24px; }

/* guard */
.mm-advv-guard__box{
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:12px;
  padding:16px;
}
.mm-advv-guard__msg{ margin:0 0 10px; color:#111827; }

/* header */
.mm-advv-head{ margin:0 0 14px; }
.mm-advv-title{
  margin:20px 0 10px;
  font-size:22px;
  line-height:1.25;
  color:#111827;
  font-weight: 700;
}
.mm-advv-cate{ margin-right:6px; color:#6b7280; font-size:14px; }

.mm-advv-toprow{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.mm-advv-profile{ display:flex; align-items:center; gap:10px; min-width:0; }
.mm-advv-avatar img{ border-radius:999px; width: 20px; height: 20px; }
.mm-advv-profile__txt{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; min-width:0; }
.mm-advv-author{ color:#111827; }
.mm-advv-date{ color:#6b7280; font-size:13px; }

.mm-advv-actions{ display:flex; align-items:center; gap:8px; flex:0 0 auto; }
.mm-advv-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  height:32px;
  padding:0 12px;
  border-radius:8px;
  border:1px solid #d1d5db;
  background:#fff;
  color:#111827;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
}
.mm-advv-btn--ghost{ background:#fff; }
.mm-advv-btn--danger{
  background:#ef4444;
  border-color:#ef4444;
  color:#fff;
}
.mm-advv-btn--icon{
  width:32px;
  padding:0;
}
.mm-advv-btn:focus{ outline:2px solid rgba(239,68,68,.35); outline-offset:2px; }

/* popmenu */
.mm-advv-pop{ position:relative; }
.mm-advv-popmenu{
  position:absolute;
  right:0;
  top:38px;
  min-width:140px;
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:12px;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
  padding:6px;
  list-style:none;
  margin:0;
  z-index:50;
  display:none; /* JS 토글 */
}
.mm-advv-popmenu li{ list-style:none; margin:0; padding:0; }
.mm-advv-popmenu a{
  display:block;
  padding:10px 10px;
  border-radius:10px;
  color:#111827;
  text-decoration:none;
}
.mm-advv-popmenu a:hover{ background:rgba(0,0,0,.05); }

.mm-advv-stats{
  display:flex;
  align-items:center;
  gap:14px;
  color:#6b7280;
  font-size:13px;
  margin-left: 30px;
}
.mm-advv-stat i{ margin-right:4px; }

/* summary */
.mm-advv-summary{ margin:0 0 16px; }
.mm-advv-summary__grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
}
@media (min-width: 1201px){
  .mm-advv-summary__grid{
    grid-template-columns: 1fr 1.25fr;
    gap:16px;
    align-items:start;
  }
}

.mm-advv-thumb{
  margin:0;          /* figure 기본 여백 제거 */
  padding:0;         /* 내부 여백 제거 */
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  border:1px solid #e5e7eb;
}

.mm-advv-thumb img{
  display:block;
  width:100%;
  height:auto;       /* 크롭 방지 핵심 */
}
.mm-advv-noimg{
  padding:28px 12px;
  text-align:center;
  color:#9ca3af;
}
/* =========================================================
   Summary height sync (>=1201px) - final override
   - 반드시 베이스(.mm-advv-thumb img) 선언 "아래"에 둬서 덮어쓰기
   ========================================================= */
@media (min-width: 1201px){
  .mm-advv-summary__grid{
    align-items: stretch;    /* 썸네일/테이블 동일 높이 */
  }

  .mm-advv-dl{
    height: 100%;            /* 테이블도 row 높이에 맞춰 늘림 */
  }

  .mm-advv-thumb{
    height: 100%;            /* grid row 높이를 따라감 */
  }

  .mm-advv-thumb img{
    height: 100%;            /* PC에서는 동일 높이 강제 */
    object-fit: cover;       /* 벤치마킹처럼 "빈 여백 없이" 꽉 차게 */
  }
}

.mm-advv-dl{ margin:0; }
.mm-advv-row{
  display:grid;
  grid-template-columns: 110px 1fr;
  border:1px solid #e5e7eb;
  border-top:0;
}
.mm-advv-row:first-child{ border-top:1px solid #e5e7eb; }
@media (min-width: 1201px){
  .mm-advv-row{ grid-template-columns: 140px 1fr; }
}
.mm-advv-row dt{
  margin:0;
  padding:10px 10px;
  background:#2f2f2f;
  color:#fff;
  font-size:13px;
}
.mm-advv-row dd{
  margin:0;
  padding:10px 12px;
  background:#fff;
  color:#111827;
  min-width:0;
}
.mm-advv-link{ color:#111827; text-decoration:none; }
.mm-advv-link i{ margin-left:6px; color:#ef4444; }
.mm-advv-join{ color:#ef4444; }
.mm-advv-q{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  margin-left:8px;
  border-radius:999px;
  background:#111827;
  color:#fff;
  font-size:12px;
  line-height:1;
  opacity:.85;
}
.mm-advv-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.mm-advv-chip{
  display:inline-flex;
  align-items:center;
  height:22px;
  padding:0 10px;
  border-radius:8px;
  background:#e5e7eb;
  color:#111827;
  font-size:12px;
}

/* detail head (red tab + line) */
.mm-advv-detail__head{
  display:flex;
  align-items:flex-end;
  gap:0;
  margin:18px 0 12px;
}
.mm-advv-detail__title{
  margin:0;
  padding:10px 18px;
  border:3px solid #ef4444;
  border-bottom:0;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  color:#ef4444;
  font-size:16px;
  line-height:1;
  background:transparent;
}
.mm-advv-detail__line{
  flex:1 1 auto;
  height:3px;
  background:#ef4444;
  margin-bottom:0;
}

.mm-advv-bodyimg{
  margin:0 0 14px;
  border-radius:14px;
  overflow:hidden;
}
.mm-advv-bodyimg img{
  display:block;
  width:100%;
  height:auto; /* 크롭 방지 */
}

/* content typography (bold 금지) */
.mm-advv-con{
  font-size:16px;
  line-height:1.75;
  color:#111827;
  padding: 10px;
}
.mm-advv-con h1,.mm-advv-con h2,.mm-advv-con h3,.mm-advv-con strong,.mm-advv-con b{
  font-weight:400;
}

/* likebar (two-half pill) */
.mm-advv-likebar{
  display:flex;
  justify-content:center;
  margin:22px 0 10px;
}
.mm-advv-likebar .bo_v_act_gng{ margin:0; }
.mm-advv-likebar a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:40px;
  width:140px;
  border:1px solid #d1d5db;
  text-decoration:none;
  color:#111827;
}
.mm-advv-likebar a strong{ font-weight:400; }
.mm-advv-likebar a.bo_v_good{
  background:#ef4444;
  border-color:#ef4444;
  color:#fff;
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
}
.mm-advv-likebar a.bo_v_nogood{
  background:#fff;
  color:#111827;
  border-left:0;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
}
#bo_v_act_good, #bo_v_act_nogood{ display:none; } /* 메시지 필요하면 추후 별도 처리 */

.mm-advv-hashtags{
  margin:0 0 20px 10px;
  color:#111827;
}

.mm-advv-hashtag-item{
  border: 1px solid #d1d5db;
  background: #f3f4f6;
  color:#111827;
  padding: 6px 10px;           /* 8/12 -> 6/10 */
  border-radius: 10px;         /* 999 -> 10 (사각형에 가깝게) */
  cursor: pointer;
  font-size: 13px;
}


/* ======================================================================
   advertiser - view comment UI (mmc)
   - Breakpoints: <=766 / >=767
   - Uses theme vars: --mm-brand-primary etc
   ====================================================================== */

.mmc,
.mmc *{ box-sizing:border-box; font-weight:400; }

.mmc{
  --mmc-brand: var(--mm-brand-primary, #1d4ed8);
  --mmc-brand-dark: var(--mm-brand-primary-dark, #1e40af);
  --mmc-soft: var(--mm-brand-soft, #eff6ff);
  --mmc-focus: var(--mm-focus-ring, rgba(29,78,216,.45));

  --mmc-line: rgba(0,0,0,.10);
  --mmc-text: #111827;
  --mmc-muted: rgba(0,0,0,.60);
  --mmc-danger: #ef4444; /* 벤치마킹: 신고/시간 톤 */
}

.mmc-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 14px 0 10px;
  border-top: 1px solid var(--mmc-line);
}

.mmc-top__left{
  display:flex;
  align-items:baseline;
  gap:8px;
  color: var(--mmc-text);
}
.mmc-top__cnt{ font-size:14px; }
.mmc-top__cnt strong{ font-weight:400; }
.mmc-top__page{ color: var(--mmc-muted); font-size:13px; }

.mmc-top__right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  color: var(--mmc-muted);
  font-size:13px;
}

/* list rows */
.mmc-list{
  border-top: 1px solid var(--mmc-line);
}

.mmc-item{
  padding: 14px 0;
  border-bottom: 1px solid var(--mmc-line);
}

/* head line: [avatar + name] ..... [time] */
.mmc-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.mmc-who{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.mmc-avatar{
  flex:0 0 auto;
  width: 28px;
  height: 28px;
  border-radius:999px;
  overflow:hidden;
  background: rgba(0,0,0,.06);
  display:flex;
  align-items:center;
  justify-content:center;
}
.mmc-avatar img{
  width: 28px;
  height: 28px;
  border-radius:999px;
  object-fit:cover;
  display:block;
}

.mmc-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color: var(--mmc-text);
  font-size:14px;
  line-height:1.2;
}

.mmc-score{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height: 22px;
  padding: 0 10px;
  border-radius:999px;
  border: 1px solid rgba(0,0,0,.10);
  background:#fff;
  color: rgba(0,0,0,.65);
  font-size:12px;
  line-height:1;
}

.mmc-time{
  flex:0 0 auto;
  color: var(--mmc-danger);
  font-size:12px;
  white-space:nowrap;
}

/* body text */
.mmc-body{
  margin-top: 10px;
  color: var(--mmc-text);
  font-size:14px;
  line-height:1.7;
  word-break: break-word;
}

/* footer actions (right aligned like benchmark) */
.mmc-foot{
  margin-top: 10px;
}

.mmc-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}

.mmc-act{
  height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 6px;
  background:#fff;
  color: rgba(0,0,0,.70);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.mmc-act i{ color: rgba(0,0,0,.60); }
.mmc-act__num{ min-width: 10px; }

.mmc-act--decl{
  border-color: var(--mmc-danger);
  color: var(--mmc-danger);
}
.mmc-act--decl i{ color: var(--mmc-danger); }

/* more(…) menu */
.mmc-more{
  height: 30px;
  width: 34px;
  padding: 0;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 6px;
  background:#fff;
  color: rgba(0,0,0,.70);
  cursor:pointer;
}

.mmc-menu{
  position:absolute;
  right: 0;
  margin-top: 6px;
  min-width: 120px;
  background:#fff;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.10);
  padding: 6px;
  z-index: 60;
}
.mmc-menu a{
  display:block;
  padding: 10px 10px;
  border-radius: 10px;
  text-decoration:none;
  color: var(--mmc-text);
}
.mmc-menu a:hover{ background: rgba(0,0,0,.05); }

/* pager: same tone as list */
.mmc-pager{ margin: 14px 0 0; }
.mmc-pager .pg_wrap{ display:flex; justify-content:center; }
.mmc-pager .pg{ display:flex; justify-content:center; }

.mmc-pager .pg a,
.mmc-pager .pg strong,
.mmc-pager .pg .pg_current{
  min-width: 34px;
  height: 34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(0,0,0,.18);
  background:#fff;
  color: var(--mmc-text);
  text-decoration:none;
  margin: 0 3px;
  border-radius: 4px;
}
.mmc-pager .pg strong,
.mmc-pager .pg .pg_current{
  background: var(--mmc-danger);
  border-color: var(--mmc-danger);
  color:#fff;
}

@media (max-width: 766px){
  .mmc-pager .pg a,
  .mmc-pager .pg strong,
  .mmc-pager .pg .pg_current{
    min-width: 20px;
    height: 20px;
    font-size: 12px;
  }
}

/* write area (new comment / guest message) */
.mmc-refresh{
  display:block;
  width:100%;
  margin: 14px 0 0;
  padding: 14px 12px;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 0;
  background:#fff;
  color: var(--mmc-text);
  text-decoration:none;
  text-align:center;
}

.mmc-only{
  margin: 14px 0 0;
  padding: 24px 12px;
  border: 1px solid rgba(0,0,0,.18);
  background:#fff;
  text-align:center;
  color: var(--mmc-text);
}

/* bottom buttons: 목록 / 신고 (benchmark-like) */
.mmc-bottom{
  margin: 14px 0 0;
  display:flex;
  justify-content:flex-end;
  gap:10px;
}

.mmc-back,
.mmc-declare{
  height: 34px;
  padding: 0 14px;
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,.18);
  background:#fff;
  color: var(--mmc-text);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.mmc-declare{
  border-color: var(--mmc-danger);
  color: var(--mmc-danger);
}
.mmc-declare i{ color: var(--mmc-danger); }

/* >=767: slightly roomier like benchmark */
@media (min-width: 767px){
  .mmc-item{ padding: 16px 0; }
  .mmc-avatar,
  .mmc-avatar img{ width: 30px; height: 30px; }
  .mmc-time{ font-size:13px; }
}
/* ======================================================================
   advertiser - view_comment UI (mmc)
   - Breakpoints: <=766 / >=767
   - 목표: 벤치마킹과 동일한 "댓글 리스트 + 우측 액션 + 작성폼" 톤
   ====================================================================== */

#bo_vc.mmc,
#bo_vc.mmc *{ box-sizing:border-box; font-weight:400; }

#bo_vc.mmc{
  --mmc-brand: var(--mm-brand-primary, #1d4ed8);
  --mmc-brand-dark: var(--mm-brand-primary-dark, #1e40af);
  --mmc-soft: var(--mm-brand-soft, #eff6ff);
  --mmc-focus: var(--mm-focus-ring, rgba(29,78,216,.45));
  --mmc-line: rgba(0,0,0,.10);
  --mmc-text: #111827;
  --mmc-muted: rgba(0,0,0,.60);
  --mmc-danger: #ef4444;

  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--mmc-line);
}

/* 상단(댓글수/정렬) */
#bo_vc.mmc .mmc-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 10px 0;
}

#bo_vc.mmc .mmc-top__left{
  display:flex;
  align-items:baseline;
  gap: 8px;
  color: var(--mmc-text);
  font-size: 14px;
}

#bo_vc.mmc .mmc-top__cnt strong{ font-weight:400; }
#bo_vc.mmc .mmc-top__page{ color: var(--mmc-muted); font-size: 13px; }

#bo_vc.mmc .mmc-top__right{
  color: var(--mmc-muted);
  font-size: 13px;
  white-space: nowrap;
}

#bo_vc.mmc .mmc-sort a{ color: inherit; text-decoration:none; }
#bo_vc.mmc .mmc-sort a:hover{ text-decoration: underline; }

/* 리스트 */
#bo_vc.mmc .mmc-list{
  border-top: 1px solid var(--mmc-line);
}

#bo_vc.mmc .mmc-item{
  padding: 6px 10px;
  border-bottom: 1px solid var(--mmc-line);
}

#bo_vc.mmc .mmc-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
}

#bo_vc.mmc .mmc-who{
  display:flex;
  align-items:center;
  gap: 10px;
  min-width: 0;
}

#bo_vc.mmc .mmc-avatar{
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(0,0,0,.06);
  display:flex;
  align-items:center;
  justify-content:center;
}

#bo_vc.mmc .mmc-avatar img{
  width: 30px;
  height: 30px;
  border-radius: 999px;
  object-fit: cover;
  display:block;
}

#bo_vc.mmc .mmc-name{
  color: var(--mmc-text);
  font-size: 14px;
  line-height: 1.2;
  white-space: nowrap;
}

#bo_vc.mmc .mmc-time{
  color: var(--mmc-danger);
  font-size: 13px;
  white-space: nowrap;
}

#bo_vc.mmc .mmc-body{
  margin-top: 8px;
  color: var(--mmc-text);
  line-height: 1.7;
  word-break: break-word;
  overflow-wrap: anywhere;
  padding-left: 30px;
}

/* 하단 액션(우측) */
#bo_vc.mmc .mmc-foot{
  margin-top: 0;
  display:flex;
  justify-content:flex-end;
}

#bo_vc.mmc .mmc-actions{
  position: relative;
  display:flex;
  align-items:center;
  gap: 8px;
}

#bo_vc.mmc .mmc-act,
#bo_vc.mmc .mmc-more{
  height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.18);
  background: #fff;
  color: rgba(0,0,0,.75);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 0 12px;
  cursor: pointer;
}

#bo_vc.mmc .mmc-act:focus,
#bo_vc.mmc .mmc-more:focus{
  outline: 2px solid var(--mmc-focus);
  outline-offset: 2px;
}

#bo_vc.mmc .mmc-act__num{
  min-width: 10px;
  color: rgba(0,0,0,.70);
}

#bo_vc.mmc .mmc-act--decl{
  border-color: var(--mmc-danger);
  color: var(--mmc-danger);
}

#bo_vc.mmc .mmc-act--decl .mmc-act__num{ color: inherit; }

#bo_vc.mmc .mmc-more{
  width: 34px;
  padding: 0;
}

/* … 메뉴 */
#bo_vc.mmc .mmc-menu{
  position:absolute;
  right: 0;
  top: 42px;
  min-width: 120px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.10);
  padding: 6px;
  z-index: 60;
}

#bo_vc.mmc .mmc-menu a{
  display:block;
  padding: 10px 10px;
  border-radius: 10px;
  color: var(--mmc-text);
  text-decoration:none;
}

#bo_vc.mmc .mmc-menu a:hover{
  background: rgba(0,0,0,.05);
}

/* 페이징 */
#bo_vc.mmc .mmc-pager{
  margin-top: 16px;
}

#bo_vc.mmc .mmc-pager .pg_wrap{
  display:flex;
  justify-content:center;
}

#bo_vc.mmc .mmc-pager .pg a,
#bo_vc.mmc .mmc-pager .pg .pg_page,
#bo_vc.mmc .mmc-pager .pg strong,
#bo_vc.mmc .mmc-pager .pg .pg_current{
  min-width: 34px;
  height: 34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid var(--mmc-line);
  background:#fff;
  color: var(--mmc-text);
  text-decoration:none;
  margin: 0 3px;
  border-radius: 4px;
}

#bo_vc.mmc .mmc-pager .pg strong,
#bo_vc.mmc .mmc-pager .pg .pg_current{
  background: var(--mmc-danger);
  border-color: var(--mmc-danger);
  color: #fff;
}

/* 작성폼 */
#bo_vc.mmc .mmc-write{
  margin-top: 16px;
  padding: 14px;
  border: 1px solid var(--mmc-line);
  border-radius: 14px;
  background: #fff;
}

#bo_vc.mmc .mmc-refresh{
  display:block;
  text-align:center;
  padding: 12px;
  border: 1px solid var(--mmc-line);
  border-radius: 12px;
  background: #fff;
  color: var(--mmc-text);
  text-decoration:none;
  margin-bottom: 12px;
}

#bo_vc.mmc .mmc-write__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-bottom: 10px;
}

#bo_vc.mmc .mmc-scoreinp{
  width: 110px;
  height: 40px;
  border: 1px solid var(--mmc-line);
  border-radius: 10px;
  padding: 0 10px;
}

#bo_vc.mmc .mmc-char{
  color: var(--mmc-muted);
  font-size: 13px;
  white-space: nowrap;
}

#bo_vc.mmc .mmc-textarea{
  width: 100%;
  min-height: 92px;
  border: 1px solid var(--mmc-line);
  border-radius: 12px;
  padding: 10px 12px;
  resize: vertical;
}

#bo_vc.mmc .mmc-scoreinp:focus,
#bo_vc.mmc .mmc-textarea:focus{
  outline: 2px solid var(--mmc-focus);
  outline-offset: 2px;
}

#bo_vc.mmc .mmc-write__foot{
  margin-top: 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  flex-wrap: wrap;
}

#bo_vc.mmc .mmc-write__left{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
}

#bo_vc.mmc .mmc-inp{
  height: 40px;
  border: 1px solid var(--mmc-line);
  border-radius: 10px;
  padding: 0 10px;
}

#bo_vc.mmc .mmc-write__right{
  display:flex;
  align-items:center;
  gap: 10px;
}

#bo_vc.mmc .mmc-submit{
  height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid var(--mmc-danger);
  background: var(--mmc-danger);
  color: #fff;
  cursor: pointer;
}

#bo_vc.mmc .mmc-submit:hover{
  filter: brightness(.95);
}

/* 하단(목록/신고) */
#bo_vc.mmc .mmc-bottom{
  margin-top: 14px;
  display:flex;
  justify-content:flex-end;
  gap: 10px;
}

#bo_vc.mmc .mmc-back,
#bo_vc.mmc .mmc-declare{
  height: 34px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.18);
  background: #fff;
  color: var(--mmc-text);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
}

#bo_vc.mmc .mmc-declare{
  border-color: var(--mmc-danger);
  color: var(--mmc-danger);
}

/* 모바일(<=766) */
@media (max-width: 766px){
  #bo_vc.mmc .mmc-avatar,
  #bo_vc.mmc .mmc-avatar img{
    width: 30px;
    height: 30px;
  }

  #bo_vc.mmc .mmc-act,
  #bo_vc.mmc .mmc-more{
    height: 32px;
    border-radius: 10px;
    padding: 0 10px;
  }

  #bo_vc.mmc .mmc-more{ width: 32px; padding: 0; }

  #bo_vc.mmc .mmc-scoreinp{ width: 92px; }
}
/* ======================================================================
   advertiser - comment UI (mmc)
   - Breakpoints: <=766 / >=767
   ====================================================================== */
.mmc,
.mmc *{ box-sizing:border-box; font-weight:400; }

.mmc{
  --mmc-brand: var(--mm-brand-primary, #1d4ed8);
  --mmc-brand-dark: var(--mm-brand-primary-dark, #1e40af);
  --mmc-focus: var(--mm-focus-ring, rgba(29, 78, 216, 0.45));
  --mmc-line: rgba(0,0,0,.10);
  --mmc-text: #111827;
  --mmc-muted: rgba(0,0,0,.60);
  --mmc-danger: #ef4444;
}

/* header (댓글 n / 페이지, 정렬) */
.mmc-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid var(--mmc-line);
}

.mmc-top__left{
  display:flex;
  align-items:baseline;
  gap: 8px;
  color: var(--mmc-text);
  font-size: 13px;
}
.mmc-top__cnt strong{ font-weight:400; }
.mmc-top__page{ color: rgba(0,0,0,.55); }

.mmc-top__right{
  color: rgba(0,0,0,.55);
  font-size: 13px;
  white-space: nowrap;
}

/* list */
.mmc-list{ border-top: 1px solid var(--mmc-line); }

.mmc-item{
  padding: 18px 0;
  border-bottom: 1px solid var(--mmc-line);
  padding-left: var(--mmc-indent, 0px);
}

/* 원글작성자 강조(벤치마킹의 옅은 핑크 톤) */
.mmc-item--owner{
  background: rgba(239, 68, 68, .08);
}

/* head */
.mmc-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
}

.mmc-who{
  display:flex;
  align-items:center;
  gap: 10px;
  min-width: 0;
}

.mmc-avatar{
  width: 30px;
  height: 30px;
  border-radius: 999px;
  overflow:hidden;
  background: rgba(0,0,0,.06);
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
}
.mmc-avatar img{
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 999px;
  display:block;
}

.mmc-name{
  color: var(--mmc-text);
  font-size: 14px;
  line-height: 1.2;
  white-space: nowrap;
}

/* 답변 표시 "이미지" (SVG background) */
.mmc-replymark{
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  opacity: .65;
  /* ↳ 느낌의 아이콘 */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M6 3v4c0 1.1.9 2 2 2h5' fill='none' stroke='%239ca3af' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M11.5 6.5L13 9l-1.5 2.5' fill='none' stroke='%239ca3af' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.mmc-time{
  color: var(--mmc-danger);
  font-size: 13px;
  white-space: nowrap;
}

/* body */
.mmc-body{
  margin: 10px 0 0;
  color: var(--mmc-text);
  line-height: 1.7;
}
.mmc-body-secret a{
  text-decoration: none;
  color: var(--mmc-text);
}

/* actions row */
.mmc-foot{ margin-top: 14px; }
.mmc-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap: 8px;
  position: relative;
}

.mmc-act{
  height: 32px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,.18);
  background: #fff;
  color: rgba(0,0,0,.70);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap: 6px;
}

.mmc-act:focus{
  outline: 2px solid var(--mmc-focus);
  outline-offset: 2px;
}

.mmc-act__num{ font-weight:400; }

.mmc-act--decl{
  border-color: var(--mmc-danger);
  color: var(--mmc-danger);
}

.mmc-more{
  width: 34px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,.18);
  background:#fff;
  color: rgba(0,0,0,.70);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.mmc-menu{
  position:absolute;
  right: 0;
  top: 40px;
  min-width: 120px;
  background:#fff;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.10);
  padding: 6px;
  z-index: 60;
}
.mmc-menu a{
  display:block;
  padding: 10px 10px;
  border-radius: 10px;
  text-decoration:none;
  color: var(--mmc-text);
}
.mmc-menu a:hover{ background: rgba(0,0,0,.05); }

/* empty */
.mmc-empty{
  margin: 0;
  padding: 18px 0;
  color: rgba(0,0,0,.55);
  text-align:center;
}

/* pager */
.mmc-pager{ margin: 16px 0 0; }
.mmc-pager .pg_wrap{ display:flex; justify-content:center; }
.mmc-pager .pg{ display:flex; justify-content:center; }
.mmc-pager .pg a,
.mmc-pager .pg strong{
  min-width: 34px;
  height: 34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(0,0,0,.18);
  background:#fff;
  color: var(--mmc-text);
  text-decoration:none;
  margin: 0 3px;
  border-radius: 4px;
}
.mmc-pager .pg strong{
  background: var(--mmc-brand);
  border-color: var(--mmc-brand);
  color: #fff;
}

/* write */
.mmc-write{ margin-top: 16px; }
.mmc-refresh{
  display:flex;
  align-items:center;
  justify-content:center;
  height: 52px;
  border: 1px solid var(--mmc-line);
  border-radius: 10px;
  text-decoration:none;
  color: var(--mmc-text);
  background:#fff;
}

.mmc-write__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin: 10px 0 8px;
}

.mmc-scoreinp{
  width: 110px;
  height: 34px;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 8px;
  padding: 0 10px;
}

.mmc-textarea{
  width: 100%;
  min-height: 92px;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 10px;
  padding: 10px 12px;
  resize: vertical;
}

.mmc-write__foot{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
  margin-top: 10px;
}

.mmc-write__right{
  display:flex;
  align-items:center;
  gap: 10px;
  flex: 0 0 auto;
}

.mmc-submit{
  height: 34px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.18);
  background:#fff;
  color: var(--mmc-text);
  cursor:pointer;
}

.mmc-bottom{
  display:flex;
  justify-content:flex-end;
  gap: 8px;
  margin-top: 14px;
}

.mmc-back,
.mmc-declare{
  height: 34px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.18);
  background:#fff;
  color: var(--mmc-text);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.mmc-declare{
  border-color: var(--mmc-danger);
  color: var(--mmc-danger);
}

/* mobile tighten */
@media (max-width: 766px){
  .mmc-write__foot{
    flex-direction: column;
    align-items: stretch;
  }
  .mmc-write__right{
    justify-content: flex-end;
  }
  .mmc-pager .pg a,
  .mmc-pager .pg strong{
    min-width: 20px;
    height: 20px;
    font-size: 12px;
  }
}