/* tab */
section.top{
    width: 100%;
    background-color: white;
    position: fixed;
    z-index: 1;
}
.tabs{
    width: 100%;
    height: 112px;
    padding: 64px 16px 8px;
    overflow-x: auto;
    overflow-y: hidden;
}
.tab-list {
    display: flex;
  }
.tab-item > a{
    display: block;
    width: auto;
    height: 40px;
    border-radius : 20px;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 36px;
    border: 2px solid white;
}
.tab-item.active > a{
    border: 2px solid var(--black);
}

/* contents list */
main{
    width: 100%;
    padding: 112px 16px 0px;
}
.contects-list{
    width: 100%;
    margin: 8px 0px 64px;
}