@charset "utf-8";

/* 학원소식 — 작은 카드 3개 그리드 */
/* 섹션 배경 그라데이션 단계 2/5 */
#atc02{margin-top:0 !important;padding:80px 15px;background:#dfe8ee}
#atc02 .bc_news_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}

#atc02 .bc_news_card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e1e1e1;border-radius:var(--radius);background:#fff;transition:all .3s}
#atc02 .bc_news_card .thumb{height:140px;background-color:#f5f6f8;background-position:center;background-size:cover;background-repeat:no-repeat}
#atc02 .bc_news_card .thumb.none{display:flex;align-items:center;justify-content:center}
#atc02 .bc_news_card .thumb.none img{width:auto;height:26px;opacity:.35}
#atc02 .bc_news_card .cont{display:flex;flex:1;flex-direction:column;gap:10px;padding:22px 24px 24px}
#atc02 .bc_news_card h4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;font-weight:700;color:#111;word-break:keep-all;overflow-wrap:anywhere}
/* 일본어/영어는 keep-all 이 문장 전체를 한 단어로 묶어버리므로 일반 줄바꿈 사용 */
#atc02 .bc_news_grid.bc_lang_ja h4{word-break:normal}
#atc02 .bc_news_card p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.7;color:#777}
#atc02 .bc_news_card .date{margin-top:auto;font-size:13px;color:#aaa;font-family:var(--e-font)}

/* placeholder 카드 */
#atc02 .bc_news_ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:250px;border:1px dashed #d9dee3;border-radius:var(--radius);background:#fafbfc;color:#9aa5b1;font-size:15px;text-align:center;padding:20px}
#atc02 .bc_news_ph svg{width:26px;height:26px;stroke:#c2cad2}

@media(hover:hover){
#atc02 .bc_news_card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,.08)}
}
/* 반응형 [s] */
@media (max-width:1024px){
#atc02{padding:80px 15px}
#atc02 .bc_news_grid{gap:18px}
#atc02 .bc_news_card h4{font-size:16px}
}
@media (max-width:768px){
#atc02 .bc_news_grid{grid-template-columns:minmax(0,1fr)}
#atc02 .bc_news_card .thumb{height:120px}
#atc02 .bc_news_ph{min-height:140px}
}
/* 반응형 [e] */