.ip-card { min-height: 1770px; }
.tab-list { display: flex; gap: 72px; margin: 72px 0 55px; }
.tab-list button { width: 300px; padding: 20px; border: 0; border-radius: 38px; color: #737b84; background: #d9d9d9; font-size: 26px; cursor: pointer; }
.tab-list button.active { color: #fff; background: var(--blue); }
.tab-panel { animation: fade .25s ease; }
@keyframes fade { from { opacity: .35; } to { opacity: 1; } }
.copyright-list { margin: 0; padding: 0; list-style: none; }
.copyright-list li { position: relative; padding: 23px 22px 23px 35px; border-bottom: 1px dashed #d4d8dd; color: #707881; font-size: 18px; }
.copyright-list li::before { content: "▪"; position: absolute; left: 8px; color: var(--blue); }
.copyright-list li[hidden] { display: none; }
.pagination { display: flex; justify-content: center; gap: 28px; margin-top: 95px; }
.pagination button { width: 38px; height: 38px; border: 0; border-radius: 50%; color: #fff; background: #999; cursor: pointer; }
.pagination button.active { background: var(--blue); }
#qualification-panel h3 { margin: 70px 0 86px; padding-left: 20px; border-left: 6px solid var(--blue); font-size: 28px; }
.qualification-timeline { position: relative; padding-left: 28px; color: #6d7680; font-size: 19px; }
.qualification-timeline::before { content: ""; position: absolute; top: 8px; bottom: 8px; left: 4px; width: 1px; background: var(--blue); }
.qualification-timeline p { position: relative; margin: 0 0 36px; }
.qualification-timeline p::before { content: ""; position: absolute; left: -30px; top: 8px; width: 10px; height: 10px; border-radius: 50%; background: var(--blue); }
.qualification-timeline b { color: #66717d; }
.qualification-timeline span { color: var(--blue); }
@media (max-width: 900px) {
  .ip-card { min-height: 980px; }
  .tab-list { gap: 14px; margin: 48px 0 36px; }
  .tab-list button { width: 50%; padding: 14px; font-size: 18px; }
  .copyright-list li { padding: 18px 6px 18px 24px; font-size: 14px; line-height: 1.8; }
  .pagination { margin-top: 55px; }
  #qualification-panel h3 { margin: 50px 0; font-size: 22px; }
  .qualification-timeline { font-size: 15px; line-height: 1.9; }
}
