/* BASIC css start */
#classHub { background:#f9f9f9; padding:0 0 128px; box-sizing:border-box; }
/* ===== ½ÅÁ¦Ç°°ú µ¿ÀÏÇÑ Å¸ÀÌƲ ½Ã½ºÅÛ ===== */
#classHub .rongtitle { position:relative; width:100%; }
#classHub .t-head {
  display:flex; align-items:center; justify-content:center;
  width:min(1440px,100%); margin:0 auto; box-sizing:border-box;
  padding:128px 40px 0;
}
#classHub .t-kor {
  flex:0 0 auto; margin:0; display:flex; align-items:center; gap:28px;
  font-family:'Song Myung',serif; font-size:42px; line-height:1.2;
  color:#BE9A56; letter-spacing:-0.02em;
}
#classHub .t-kor::before,
#classHub .t-kor::after {
  content:""; flex:0 0 auto; width:6px; height:6px;
  background:#BE9A56; transform:rotate(45deg);
}
#classHub .t-desc {
  margin:0; padding:16px 0 28px; text-align:center;
  font-family:'Noto Serif KR',serif; font-weight:500; font-size:18px;
  line-height:1.6; color:#5C6373; letter-spacing:-0.03em;
}
/* ===== Ŭ·¡½º ¿¹¾à ¹Ù·Î°¡±â ¹öÆ° ===== */
#classHub .ch-cta { text-align:center; padding:0 40px 48px; }
#classHub .ch-cta-btn {
  display:inline-flex; align-items:center; gap:12px;
  font-family:'Pretendard',sans-serif; font-size:16px; font-weight:600;
  color:#fff; background:#05AC4F; border:2px solid #05AC4F;
  padding:14px 32px; border-radius:8px; text-decoration:none;
  transition:background .25s ease, color .25s ease;
}
#classHub .ch-cta-btn:hover { background:#fff; color:#05AC4F; }
#classHub .ch-cta-ico { display:inline-flex; width:18px; height:18px; }
#classHub .ch-cta-ico svg { width:100%; height:100%; fill:currentColor; }
#classHub .ch-cta-arrow { font-size:16px; }
/* ===== Ä«µå ===== */
#classHub .ch-inner { width:min(1000px,100%); margin:0 auto; padding:0 40px; box-sizing:border-box; }
#classHub .ch-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:40px; }
#classHub .ch-card { display:block; text-decoration:none; background:#fff; border:1px solid #E6DFD1; border-radius:14px; overflow:hidden; transition:box-shadow .2s, transform .2s; }
#classHub .ch-card:hover { box-shadow:0 14px 32px -16px rgba(26,33,48,.32); transform:translateY(-3px); }
#classHub .ch-thumb { position:relative; width:100%; aspect-ratio:6/5; overflow:hidden; background:#2C3F50; }
#classHub .ch-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
#classHub .ch-body { padding:28px; }
#classHub .ch-chip { display:inline-block; font-size:12px; color:#BE9A56; border:1px solid #DCD1BD; border-radius:100px; padding:5px 14px; letter-spacing:1px; margin-bottom:16px; }
#classHub .ch-name { font-size:21px; font-weight:700; color:#2C3F50; line-height:1.4; margin:0 0 10px; }
#classHub .ch-desc { font-size:15px; color:#5C6373; line-height:1.65; margin:0 0 20px; }
#classHub .ch-more { font-size:15px; font-weight:500; color:#2C3F50; margin:0; }
#classHub .ch-more span { color:#BE9A56; }
@media screen and (max-width:768px){
  #classHub .t-head { padding-top:72px; gap:20px; }
  #classHub .t-kor { font-size:26px; gap:14px; }
  #classHub .ch-cta-btn { font-size:15px; padding:13px 26px; }
  #classHub .ch-inner { padding:0 16px; }
  #classHub .ch-grid { grid-template-columns:1fr; gap:20px; }
}
/* BASIC css end */