/* 학습종합클리닉센터 - 관련사이트 페이지 전용 CSS (관련사이트.html / related_sites.css) */
.lc-links * { box-sizing: border-box; letter-spacing: -0.5%; line-height: 150%;}
.lc-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.lc-links__card { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid #d8d8d8; border-radius: 8px; overflow: hidden; min-width: 0; }
.lc-links__body { position: relative; flex: 1 0 0; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 151px; padding: 20px 20px 10px; text-align: center; }
.lc-links__bg { position: absolute; inset: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.lc-links__bg img { max-width: 70%; max-height: 65%; width: auto; height: auto; object-fit: contain; opacity: 0.4; mix-blend-mode: luminosity; pointer-events: none; user-select: none; -webkit-user-drag: none; }
.lc-links__bg::before { content: ""; position: absolute; inset: 0; background: #659fda; mix-blend-mode: screen;  z-index: 1;}
.lc-links__bg::after { content: ""; position: absolute; inset: 0; background: rgba(255, 255, 255, 0.46); }
.lc-links__name { position: relative; margin: 0; color: #212121; font-size: 22px; font-weight: 700; z-index: 2; }
.lc-links__go { display: flex; align-items: center; justify-content: center; gap: 2px; height: 44px; background: #e9f2fb; border-top: 1px solid #d8d8d8; color: #212121; font-size: 16px; font-weight: 500; }
.lc-links__go img, .lc-links__go svg { width: 13.4px; height: 13.4px; }

@media screen and (max-width: 900px) {
    .lc-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media screen and (max-width: 550px) {
    .lc-links { grid-template-columns: 1fr; }
}