/* 관심 학원 카드 (빠른 상담 폼 공통: 오른쪽 서랍 · 홈 하단) — 상세 신청서(admission)의 학원 카드와 같은 모양
   밝은 바탕이 기본, 어두운 바탕(홈 하단 우주)은 .ac-tiles.on-dark */
.ac-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ac-tile{position:relative;display:block;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ac-tile input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.ac-tile>span{position:relative;display:block;height:100%;padding:13px 32px 13px 13px;border-radius:16px;border:1px solid #e5e8eb;background:#f9fafb;text-align:left;transition:background-color .3s,border-color .3s,box-shadow .3s,scale .3s cubic-bezier(.16,1,.3,1)}
.ac-tile small{display:block;font-size:12px;font-weight:600;line-height:1.4;color:#8b95a1;transition:color .3s}
.ac-tile b{display:block;margin-top:2px;font-size:15px;font-weight:700;line-height:1.35;letter-spacing:-.02em;color:#191f28;word-break:keep-all}
.ac-tile .ck{position:absolute;right:11px;top:13px;width:18px;height:18px;border-radius:50%;border:1.5px solid #c5ccd3;background:#fff;transition:background-color .3s,border-color .3s}
.ac-tile .ck::after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.ac-tile:hover>span{border-color:#b0b8c1}
.ac-tile:active>span{scale:.97}
.ac-tile input:checked+span{background:#fff;border-color:#3182f6;box-shadow:inset 0 0 0 1px #3182f6,0 12px 26px -16px rgba(49,130,246,.6)}
.ac-tile input:checked+span small{color:#1b64da}
.ac-tile input:checked+span .ck{background:#3182f6;border-color:#3182f6}
.ac-tile input:checked+span .ck::after{transform:rotate(45deg) scale(1)}
.ac-tile input:focus-visible+span{outline:2px solid #3182f6;outline-offset:2px}

/* 어두운 바탕 (홈 하단 상담 폼) */
.ac-tiles.on-dark .ac-tile>span{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}
.ac-tiles.on-dark .ac-tile small{color:rgba(255,255,255,.5)}
.ac-tiles.on-dark .ac-tile b{color:#fff}
.ac-tiles.on-dark .ac-tile .ck{background:none;border-color:rgba(255,255,255,.35)}
.ac-tiles.on-dark .ac-tile:hover>span{border-color:rgba(255,255,255,.3)}
.ac-tiles.on-dark .ac-tile input:checked+span{background:rgba(49,130,246,.18);border-color:#3182f6;box-shadow:inset 0 0 0 1px #3182f6}
.ac-tiles.on-dark .ac-tile input:checked+span small{color:#8fbcff}
.ac-tiles.on-dark .ac-tile input:checked+span .ck{background:#3182f6;border-color:#3182f6}

/* 좁은 화면: 2칸 */
@media (max-width:560px){
  .ac-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .ac-tile>span{padding:11px 30px 11px 12px}
  .ac-tile b{font-size:14.5px}
}