/* surgery photo */

.surgeryphoto{
    display : flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding : 50px 0 100px;
    max-width : 1200px;
    width : 90%;
    margin : 0 auto;
}

.surgeryphoto-title{
    margin-bottom : 50px;
}

.surgery-tab{
    cursor : pointer;
}

.surgery-photos{
    width : 100%;
}

.surgery-photos > nav > ul{
    display : flex;
}

.surgery-photos > nav > ul > li{
    border : 0.5px solid #aaa;
    flex : 1;
    padding : 13px 0 10px;
    text-align : center;
    margin-top : 3px;
}

.surgery-photos > nav > ul > li.on{
    border-top : 3px solid #000;
    padding-top : 10px;
}

.surgery-photos > ul{
    flex-wrap : wrap;
    border : 1px solid #aaa;
    border-top : 0;
}

.surgery-photos > ul > li{
    padding : 2%;
    width : 20%;
}

.surgery-photos-list{
    display : none;
}

.surgery-photos-list.on{
    display: flex;
    width : 100%;
}

@media screen and (max-width : 800px){
    .surgery-photos > ul > li{
        width : calc(99.9%/3);
    }

    .surgery-photos > ul > li:last-child{
        display : none;
    }
}