/* pg98 회사연혁 전용 — 공통 규칙(jungshin.css) 위에 얹는다.
   회사소개서 4페이지: 1984 ~ 2023 연혁 22건 */

.hs{list-style:none;margin:0;padding:0 0 88px;position:relative}
.hs::before{
  content:"";position:absolute;left:83px;top:14px;bottom:100px;width:1px;
  background:linear-gradient(180deg,var(--t5),var(--t1));
}

.hs-item{
  display:grid;grid-template-columns:170px 1fr;gap:34px;align-items:baseline;
  padding:15px 0;border-bottom:1px solid var(--jn-line);
}
.hs-item:first-child{border-top:1px solid var(--jn-line)}

.hs-date{
  position:relative;z-index:1;
  font-family:'IBM Plex Mono','Consolas',monospace;font-variant-numeric:tabular-nums;
  font-size:15px;font-weight:600;color:var(--jn-primary);letter-spacing:.01em;
  padding-left:26px;
}
.hs-date::before{
  content:"";position:absolute;left:0;top:.42em;width:9px;height:9px;border-radius:50%;
  background:#fff;border:2px solid var(--jn-primary);opacity:.55;
}
.hs-item--key .hs-date::before{background:var(--jn-primary);opacity:1}
.hs-item--key .hs-text{font-weight:700;color:var(--jn-ink)}

.hs-text{font-size:16px;line-height:1.7;color:var(--jn-body);margin:0}

@media (max-width:900px){
  .hs::before{left:0;top:8px}
  .hs-item{grid-template-columns:1fr;gap:6px;padding:16px 0 16px 22px;position:relative}
  .hs-date{padding-left:0;font-size:13.5px}
  .hs-date::before{left:-22px;top:.3em}
  .hs-text{font-size:15.5px}
}