@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Roboto:400,700');
/* [ADTHUMB BASE START] 공용 썸네일 박스 */
.is-contain img{object-fit:contain}
.is-cover  img{object-fit:cover}
/* [ADTHUMB BASE END] */

/* 리스트/관리 고정 크기용 */
.adthumb.fill-parent{width:100%;height:100%} /* 컨테이너가 크기를 가질 때 사용 */

/* 메인 최근갤러리: 16:9 비율 박스(패딩백%) */
.adthumb--ratio-16x9{position:relative;width:100%}
.adthumb--ratio-16x9::before{content:"";display:block;padding-bottom:56.25%}
.adthumb--ratio-16x9>img{position:absolute;inset:0;width:100%;height:100%}

/* [ADLAYOUT BASE START] */
.adthumb{position:relative;overflow:hidden;/* background:#d9f4f8; */}
.adthumb img{width:100%;height:100%;display:block;object-fit:contain}

.adlayer{position:absolute;inset:0;padding:10px;pointer-events:none;/* 클릭 방해 X */}
.adlayer *{margin:0;padding:0}

.ad-title{font-weight:700;line-height:1.2;letter-spacing:-0.2px}
.ad-sub{opacity:.85;line-height:1.2}
.ad-badge{display:inline-block;padding:2px 6px;border-radius:12px;font-size:11px;font-weight:700;background:#111;color:#fff;}

/* 크기 프리셋 */
.adthumb--230x88{width:230px;height:88px}
.adthumb--ratio-16x9{position:relative;width:100%}
.adthumb--ratio-16x9::before{content:"";display:block;padding-bottom:56.25%}
.adthumb--ratio-16x9>img{position:absolute;inset:0;width:100%;height:100%}

/* 공통 타이포(230×88 기준) */
.adthumb--230x88 .ad-title{font-size:15px}
.adthumb--230x88 .ad-sub{font-size:12px}
.adthumb--ratio-16x9 .ad-title{font-size:14px}
.adthumb--ratio-16x9 .ad-sub{font-size:12px}

/* 줄 수 제한 */
.ad-title.line-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ad-title.line-1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ad-sub.line-1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ── 프리셋: premium (그대로) ───────────────────────── */
.adtpl--premium .adlayer{display:grid;grid-template-rows:auto 1fr auto;gap:6px;align-items:center}
.adtpl--premium .adlayer .top{display:flex;gap:6px;align-items:center}
.adtpl--premium .adlayer .mid{align-self:center}
.adtpl--premium .adlayer .bot{opacity:.85}

/* ── 프리셋: signboard (가운데 큰 제목) ─────────────── */
.adtpl--signboard .adlayer{display:grid;place-items:center}
.adtpl--signboard .ad-title{font-size:16px;text-align:center}
.adthumb--ratio-16x9.adtpl--signboard .ad-title{font-size:18px}

/* ── 프리셋: tricolor (하단 띠) ─────────────────────── */
.adtpl--tricolor .adlayer{padding:0}
.adtpl--tricolor .bar{
  position:absolute;left:0;right:0;bottom:0;height:28px;
  background:linear-gradient(90deg,#111 0%,#333 100%);color:#fff;
  display:flex;align-items:center;gap:8px;padding:0 10px;
}
.adtpl--tricolor .ad-badge{background:#ffcc00;color:#111;font-size:10px}

/* ── 프리셋: oneline (1줄 강조) ─────────────────────── */
.adtpl--oneline .adlayer{display:flex;align-items:center}
.adtpl--oneline .ad-title{font-size:15px}
.adthumb--ratio-16x9.adtpl--oneline .ad-title{font-size:14px}

/* ── 프리셋: scroll (리스트/관리에서는 230×88 프레임에 맞춤) ─ */
.adtpl--scroll .adlayer{display:grid;grid-template-rows:auto 1fr;gap:6px}
.adtpl--scroll .ad-title{font-size:14px}
.adthumb--ratio-16x9.adtpl--scroll .ad-title{font-size:13px}
/* [ADLAYOUT BASE END] */

/* [ADMIN OVERRIDE START] 광고관리 미리보기에서는 오버레이 텍스트 숨김 */
.m-wrap[data-js="ad-mng"] .card-thumb-mini .adthumb .adlayer,
.m-wrap[data-js="ad-mng"] .card-thumb-mini .adthumb .bar {
  display: none !important;
}
/* [ADMIN OVERRIDE END] */

.adthumb.is-cover img{width:100%;height:100%;object-fit:cover;}
.adthumb.is-contain img{width:100%;height:100%;/* object-fit:contain; */background:#f5f5f5;}
.adthumb--one-line .ol-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.adthumb--one-line .ol-sub{opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* 광고 관리 페이지의 썸네일 레이어 강제 숨김 */
.ad_management_page .adthumb .adlayer {
    display: none !important;
}

/* 광고 관리 페이지 - 스크롤 배너 썸네일 크기 조절 */
.card-thumb--scroll {
    width: 150px;  /* ▼ 원하는 너비로 수정하세요 */
    height: 200px; /* ▼ 원하는 높이로 수정하세요 */
    margin: 0 auto; /* 중앙 정렬 */
}

/* 한줄광고 미리보기 높이 지정 */
#productPreview .thumbnail-preview.ptpl--oneline {
    height: 80px; /* oneline_base.png 이미지 높이에 맞게 조절하세요 */
}

/* 썸네일 미리보기에서 이미지 전용 모드일 때 텍스트 숨기기 */
#liveThumb.image-only-mode .line1,
#liveThumb.image-only-mode .line2,
#liveThumb.image-only-mode .line3,
#liveThumb.image-only-mode .scroll-top,
#liveThumb.image-only-mode .scroll-mid,
#liveThumb.image-only-mode .scroll-bottom,
#liveThumb.image-only-mode .left-text,
#liveThumb.image-only-mode .right-text,
#liveThumb.image-only-mode .badge {
    display: none;
}