/*!
 * 내 장학금 자가진단 — B 위치(‘내 정보 입력’ 카드 바로 위) 안내 배너 = 영상 버튼 스타일 v10
 * 계명대학교 장학복지팀 | 제작: 장학복지팀 추윤호
 * 사이트에 넣는 방법은 README_v10.txt 의 '배포 방법'을 참고하세요. (색상: 사이트 네이비 #15306c · #1f4ba6 · 골드)
 */
.iv-banner{
  width:100%; display:flex; align-items:center; gap:14px; margin:0 0 16px; text-align:left; cursor:pointer;
  padding:14px 18px; border:1px solid #e7eaf3; border-radius:18px; font-family:inherit; color:#1b2440;
  background:linear-gradient(110deg,#ffffff 0%,#ffffff 55%,#f3ead2 100%);
  box-shadow:0 2px 6px rgba(21,48,108,.05),0 14px 38px rgba(21,48,108,.08);
  transition:transform .12s, box-shadow .12s; -webkit-tap-highlight-color:transparent;
}
.iv-banner:hover{ transform:translateY(-1px); box-shadow:0 2px 6px rgba(21,48,108,.06),0 18px 40px rgba(21,48,108,.12); }
.iv-banner:focus-visible{ outline:3px solid #ffd34d; outline-offset:2px; }
.iv-banner[aria-busy="true"]{ opacity:.7; cursor:progress; }
.iv-banner-ic{ flex:none; width:44px; height:44px; border-radius:14px; display:grid; place-items:center; background:linear-gradient(150deg,#15306c,#1f4ba6); }
.iv-banner-ic svg{ width:18px; height:18px; fill:#ffd34d; margin-left:2px; }
.iv-banner-txt{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.45; }
.iv-banner-txt b{ font-size:15px; font-weight:800; color:#0e2350; }
.iv-banner-txt small{ font-size:12.5px; color:#6e7790; }
.iv-banner-go{ flex:none; font-size:12.5px; font-weight:800; color:#1f4ba6; background:#e9eefb; padding:6px 12px; border-radius:99px; }
@media (max-width:620px){
  .iv-banner{ padding:12px 14px; gap:11px; }
  .iv-banner-go{ display:none; }
  .iv-banner-txt b{ font-size:14px; }
}