#secIndex2{
    background-color: #EDEDED;
    padding: 10px;
    ul{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px 10px;
        li{
            position: relative;
            font-size: 14px;
            &::before,
            &::after{
                content: '';
                background-color: red;
                line-height: 0;                  
                position: absolute;
                height: 5px;
                width: 5px;
                z-index: 1;
            }
            &::before{
                bottom: 0;
                left: 0;
            }
            &::after{
                bottom: 0;
                right: 0;
            }
            text-align: center;
            a{
                background-color: #fff;
                color: #707070;
                display: block;
                text-decoration: none;
                position: relative;
                z-index: 0;
                h3{
                    font-weight: normal;
                }
                &::before,
                &::after{
                    content: '';
                    background-color: red;
                    line-height: 0;                  
                    position: absolute;
                    height: 5px;
                    width: 5px;
                    z-index: 1;
                }
                &::before{
                    top: 0;
                    left: 0;
                }
                &::after{
                    top: 0;
                    right: 0;
                }
            }
        }
    }
}

@media (max-width: 767px){
    iframe{
        max-width: 100vw;
    }

    #secIndex2{
        ul{
            grid-template-columns: 1fr 1fr;
            li{
                a{
                    h3{
                        font-size: 12px;
                    }
                }
            }
        }
    }
}