/* 홈 보정 (nh-home.css 는 시안 자동 변환본이라 여기서 덮어씀) */
.nh-page{font-family:var(--nh-font)}
/* Divi 의 h1~h6 기본값(색 #333, 줄간격 1em, 굵기 500)이 시안 값을 덮지 않게 */
.nh-page h1,.nh-page h2,.nh-page h3,.nh-page h4,.nh-page h5,.nh-page h6{color:inherit;line-height:1.4;font-family:inherit}
.nh-page ol,.nh-page ul{list-style:none}

/* 카드 이미지: <img> 를 칸에 맞춰 자름 (대표 이미지 없으면 회색 칸 유지) */
.nh-page .im{display:block;overflow:hidden;background:#dde3ea}
.nh-page .im img{width:100%;height:100%;object-fit:cover;display:block}
.nh-page .c3 .im{display:block}

/* 사이드바 sticky: 메뉴 높이(52) + 여백, 로그인 시 관리 바만큼 더 내림 */
.nh-page .side{top:calc(var(--nh-sticky) + 68px)}

/* 광고 카드: hamong-ads-consumer 출력을 시안 카드 모양으로 (AD 표시가 카드 안에 있어 "광고" 라벨은 두지 않음) */
/* 플러그인 로테이션 스크립트가 카드를 바깥 묶음(.hamong-consumer-ads)으로 옮기므로 두 묶음 모두 간격 지정 */
.nh-page .nh-pcards .hamong-consumer-ads,.nh-page .nh-pcards .hamong-ads{display:grid;gap:14px}
.nh-page .nh-pcards .hamong-ads:empty{display:none}
.nh-page .nh-pcards .hamong-ad{margin:0}
.nh-page .nh-pcards .hamong-ad-card{display:block;position:relative;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);box-shadow:none}
.nh-page .nh-pcards .hamong-ad-card:hover{border-color:var(--b);box-shadow:none}
.nh-page .nh-pcards .hamong-ad-card-inner{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center}
.nh-page .nh-pcards .hamong-ad-card-image-wrapper{width:76px;height:76px;border-radius:6px;overflow:hidden}
.nh-page .nh-pcards .hamong-ad-card-image{width:76px;height:76px;object-fit:cover;display:block}
.nh-page .nh-pcards .hamong-ad-card-title{font-size:15px;font-weight:700;line-height:1.35;margin:0}
.nh-page .nh-pcards .hamong-ad-card-content{font-size:13px;color:var(--mute);line-height:1.4;margin-top:2px}
.nh-page .nh-pcards .hamong-ad-badge{position:absolute;top:4px;right:6px;font-size:10px;font-weight:700;color:#fff;background:#9CA3AF;padding:1px 5px;border-radius:3px;letter-spacing:.04em;line-height:1.5}

/* 티커: 움직임 줄이기 설정이면 멈추고 첫 항목만 */
@media (prefers-reduced-motion:reduce){
  .nh-page .tick .rl{animation:none}
  .nh-page .tick .rl a:not(:first-child){display:none}
}

@media (max-width:760px){
  .nh-page .wrap{padding:0 14px}
  .nh-page .top{padding-top:16px}
}