10월

ABC기업 기업설명회

채용연계 · 백엔드 개발 직무

오프라인 •가산교육센터 •2025.10.15

/* Section tone (선택: 섹션 배경을 아주 연하게) */ .kosta-history-wrap{ background: #f7f8fa; padding: 36px 0; } /* Card */ .kosta-event-card{ width: 100% !important; max-width: none !important; margin: 0 !important; padding: 18px; border: 1px solid rgba(0,0,0,.08); border-radius: 16px; background: #fff; transition: transform .15s ease, box-shadow .15s ease; } /* 카드 간격(리스트용) */ .kosta-event-item{ margin: 0 0 28px; } /* Month + divider */ .kosta-event-month{ font-weight: 800; font-size: 16px; letter-spacing: -0.2px; color: rgba(0,0,0,.88); margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,.08); } /* Layout */ .kosta-event-body{ display: grid; grid-template-columns: 240px 1fr; gap: 14px; align-items: center; } /* Image */ .kosta-event-thumb{ border-radius: 14px; overflow: hidden; background: #eef2f6; } .kosta-event-thumb img{ width: 100%; height: 160px; object-fit: cover; display: block; } /* Text */ .kosta-event-title{ font-weight: 800; font-size: 19px; letter-spacing: -0.3px; color: #111; line-height: 1.25; margin-bottom: 6px; } .kosta-event-sub{ font-size: 14px; color: rgba(0,0,0,.66); line-height: 1.5; margin-bottom: 10px; } /* Meta */ .kosta-event-meta{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 12px; color: rgba(0,0,0,.6); } .kosta-chip{ display: inline-flex; align-items: center; padding: 5px 10px; border-radius: 999px; background: rgba(0,0,0,.05); color: rgba(0,0,0,.72); font-weight: 800; } .kosta-dot{ opacity: .45; } /* Hover (PC only) */ @media (hover:hover){ .kosta-event-card:hover{ transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.08); } } /* Mobile */ @media (max-width: 640px){ .kosta-history-wrap{ padding: 28px 0; } .kosta-event-card{ padding: 16px; border-radius: 14px; } .kosta-event-body{ grid-template-columns: 1fr; } .kosta-event-thumb img{ height: 190px; } .kosta-event-title{ font-size: 18px; } }