.heo-small-banner{box-sizing:border-box;max-width:1160px;margin:22px auto;padding:0 20px}.heo-small-banner>a{color:#fff;background:#223b35;border:1px solid #647267;border-radius:10px;align-items:center;gap:18px;min-height:104px;text-decoration:none;display:flex;overflow:hidden;box-shadow:0 5px 16px #182c2410}.heo-small-banner .heo-small-photo{background:linear-gradient(90deg,#0000,#223b3533),url(/qingdao/heojipsa/courses/tiantai.png) 50%/cover;flex:0 0 150px;align-self:stretch}.heo-small-copy{flex-direction:column;flex:1;gap:6px;min-width:0;padding:15px 0;display:flex}.heo-small-copy small{color:#e4c58e;letter-spacing:.12em;font-size:11px}.heo-small-copy strong{word-break:keep-all;font-size:17px;font-weight:600;line-height:1.5}.heo-small-copy>span{color:#d5dfd8;font-size:13px}.heo-small-action{color:#f1d9ab;flex-shrink:0;align-items:center;gap:6px;margin-right:24px;font-size:13px;display:flex}.heo-small-action svg{width:18px;height:18px}.heo-small-banner a:focus-visible{outline-offset:4px;outline:3px solid #b88844}.heo-small-banner a:hover{background:#2d493f}@media (width<=620px){.heo-small-banner{margin:18px auto;padding:0 14px}.heo-small-banner>a{gap:12px;min-height:94px}.heo-small-banner .heo-small-photo{flex-basis:72px}.heo-small-copy{padding:12px 8px 12px 0}.heo-small-copy strong{font-size:14px}.heo-small-copy small{letter-spacing:.06em;font-size:10px}.heo-small-copy>span{font-size:12px}.heo-small-action{margin-right:10px;font-size:0}.heo-small-action svg{width:20px;height:20px}}