.sponsor-dock{display:none}

@media(max-width:680px){
  body.sponsor-dock-ready{padding-bottom:calc(146px + env(safe-area-inset-bottom))!important}
  body.sponsor-dock-ready.has-mobile-action{padding-bottom:calc(212px + env(safe-area-inset-bottom))!important}
  .sponsor-dock{
    position:fixed;
    z-index:110;
    left:0;
    right:0;
    bottom:0;
    display:block;
    height:142px;
    padding:6px 0 8px;
    overflow:hidden;
    border-top:1px solid #bfcde4;
    background:rgba(239,245,255,.985);
    box-shadow:0 -12px 30px rgba(15,36,73,.18);
    backdrop-filter:blur(12px);
  }
  body.has-mobile-action .sponsor-dock{bottom:calc(66px + env(safe-area-inset-bottom))}
  .sponsor-dock-head{
    height:22px;
    padding:0 10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    color:#44536a;
    font-size:9px;
    font-weight:850;
    letter-spacing:-.015em;
    white-space:nowrap;
  }
  .sponsor-dock-head b{color:#1256e8;font-size:9px;letter-spacing:.07em}
  .sponsor-dock-viewport{box-sizing:border-box;width:100%;padding-left:6px;overflow:hidden}
  .sponsor-dock-track{
    display:flex;
    width:max-content;
    gap:6px;
    will-change:transform;
    animation:sponsor-dock-flow 19s linear infinite;
  }
  .sponsor-dock-card{
    --sponsor-image:none;
    position:relative;
    box-sizing:border-box;
    flex:0 0 calc((100vw - 18px)/2);
    height:106px;
    padding:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.38);
    border-radius:4px;
    background-image:
      linear-gradient(180deg,rgba(5,12,25,.12) 0%,rgba(5,12,25,.55) 47%,rgba(5,12,25,.94) 100%),
      var(--sponsor-image);
    background-position:center;
    background-size:cover;
    color:#fff;
    text-decoration:none;
    box-shadow:0 5px 16px rgba(15,34,66,.22);
    isolation:isolate;
  }
  .sponsor-dock-card::after{
    content:"카카오 상담 →";
    position:absolute;
    z-index:1;
    top:7px;
    right:7px;
    padding:4px 6px;
    border:1px solid rgba(255,255,255,.55);
    border-radius:999px;
    background:rgba(8,18,37,.48);
    color:#fff;
    font-size:7px;
    font-weight:900;
    letter-spacing:-.02em;
    backdrop-filter:blur(4px);
  }
  .sponsor-dock-card-content{
    position:absolute;
    z-index:1;
    left:0;
    right:0;
    bottom:0;
    padding:9px 10px 10px;
    text-shadow:0 1px 5px rgba(0,0,0,.72);
  }
  .sponsor-dock-card small{
    display:block;
    color:#bcd4ff;
    font-size:8px;
    font-weight:900;
    line-height:1.15;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .sponsor-dock-card strong{
    display:block;
    margin-top:3px;
    color:#fff;
    font-size:17px;
    font-weight:950;
    line-height:1.08;
    letter-spacing:-.055em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .sponsor-dock-card-content>span{
    display:block;
    margin-top:4px;
    color:#fff;
    font-size:12.5px;
    font-weight:850;
    line-height:1.22;
    letter-spacing:-.035em;
    white-space:normal;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .sponsor-dock-card:focus-visible{outline:3px solid #fee500;outline-offset:-3px}
  .sponsor-dock-viewport:focus-within .sponsor-dock-track{animation-play-state:paused}
  .sponsor-partners{display:none}
  @keyframes sponsor-dock-flow{to{transform:translateX(calc(-50% - 3px))}}
}

@media(max-width:380px){
  .sponsor-dock-head span{font-size:8px}
  .sponsor-dock-card strong{font-size:15.5px}
  .sponsor-dock-card-content>span{font-size:11px}
}

@media(prefers-reduced-motion:reduce){.sponsor-dock-track{animation-play-state:paused}}