/* 강사모 반려동물 마케팅 서비스 배너 (사이트·관리자 미리보기 공용) */
.pm-wide,.pm-side{--pm1:#12354f;--pm2:#05988b;color:#fff;text-decoration:none;position:relative;overflow:hidden;display:flex;border-radius:16px;
  background:radial-gradient(circle at 92% 20%,rgba(255,255,255,.16) 0 60px,transparent 61px),radial-gradient(circle at 80% 110%,rgba(255,255,255,.10) 0 90px,transparent 91px),linear-gradient(115deg,var(--pm1),#0d5a6a 55%,var(--pm2));
  box-shadow:0 8px 24px rgba(18,53,79,.18);transition:transform .15s,box-shadow .15s}
.pm-wide:hover,.pm-side:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(18,53,79,.26)}
.pm-wide{align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;margin-top:16px}
.pm-tx{display:flex;flex-direction:column;gap:7px;min-width:0}
.pm-tag{align-self:flex-start;font-size:12.5px;font-weight:700;color:#bff5ec;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:2px 10px}
.pm-wide b{font-size:22px;line-height:1.35;letter-spacing:-.03em}
.pm-list{display:flex;flex-wrap:wrap;gap:5px}
.pm-list i{font-style:normal;font-size:13px;color:#e6fffa;background:rgba(255,255,255,.10);border-radius:6px;padding:2px 8px;white-space:nowrap}
.pm-act{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px}
.pm-btn{display:inline-block;background:#ffd84d;color:#1b2a28;font-weight:800;font-size:16px;border-radius:12px;padding:12px 22px;white-space:nowrap;box-shadow:0 3px 0 #d9a900}
.pm-act small{font-size:12.5px;color:#cfeee9}
.pm-card{margin-top:16px;padding:18px 20px}
.pm-card b{font-size:18px}
.pm-side{flex-direction:column;gap:8px;padding:16px}
.pm-side b{font-size:16.5px;line-height:1.4;letter-spacing:-.02em}
.pm-side .pm-btn{align-self:stretch;text-align:center;font-size:15px;padding:10px 12px;margin-top:4px}
.pm-img{display:block;margin-top:16px;border-radius:14px;overflow:hidden}
.pm-img img{display:block;width:100%;height:auto}
@media (max-width:760px){
  .pm-wide{flex-direction:column;align-items:stretch;padding:18px;gap:14px}
  .pm-wide b{font-size:18px}
  .pm-list i{font-size:12px}
  .pm-act{flex-direction:row;justify-content:space-between}
  .pm-btn{font-size:15px;padding:11px 16px;flex:1;text-align:center}
}
@media (prefers-reduced-motion:reduce){.pm-wide,.pm-side{transition:none}}