section.sec_selector {
    padding: var( --secPadding );
}

section.sec_selector .content {
    text-align: center;
}

section.sec_selector .content p {
    margin-bottom: 56px;
}

section.sec_selector h2 {
    font-size: clamp(32px, 2.29vw, 44px);
    line-height: 115%;
}

.menuList {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
    grid-column-gap: 21px;
}

.cosmetic .menuList {
    grid-template-rows: repeat( 2, auto );
}

.menuList li a {
    display: block;
    padding: 24px 0px;
    font-family: var( --body-font );
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 2.4px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    color: var( --black );
    border-bottom: 2px solid rgba(114, 113, 111, 0.15);
}

.menuList li a:hover {
    background-color: var(--primary-hover);
    color: var(--white);
}

.menuList li:nth-child(3n) a, .cosmetic .menuList li:nth-child(2n) a {
  border-bottom: none;
}

.cosmetic .menuList li:nth-child(3n) a {
    border-bottom: 2px solid rgba(114, 113, 111, 0.15);
}

@media ( max-width: 768px ) {
    .menuList {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
        grid-column-gap: 0;
        grid-row-gap: 16px; 
  }

    .menuList li:nth-of-type(3) a {
        border-bottom: 2px solid rgba(114, 113, 111, 0.15);
    }
}