.tab_btn ul {
    display: flex;
    margin-bottom: 1rem;
}
.tab_btn ul li {
    cursor: pointer;
    border-bottom: 3px solid #EEEFF0;
    margin-left: 1.5rem;
}
.tab_btn ul li.active {
    font-weight: bold;
    border-bottom: 3px solid;
}

.tab_cont {
    min-height: 600px;
}
.tab_cont .grid {
    display: none;
    padding: 2rem;
    border-radius: 1rem;
}
.tab_cont .grid.active {
    display: flex;
    flex-wrap: wrap;
}
.tab_cont .grid .img_wrap {
    width: 300px;
    height: 260px;
    overflow: hidden;
    margin-top: 18px;
    margin-right: 18px;
    border-radius: 5px;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
}
.tab_cont .grid .img_wrap:hover {
    box-shadow: 0 0 5px;
}
.tab_cont .grid .img_wrap:nth-child(1), .tab_cont .grid .img_wrap:nth-child(2), .tab_cont .grid .img_wrap:nth-child(3) {
    margin-top: 0;
}
.tab_cont .grid .img_wrap:nth-child(3n) {
    margin-right: 0;
}
.tab_cont .grid .img_wrap img {
    float: left;
    width: 300px;
    height: 260px;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
}
.tab_cont .grid .img_wrap:hover img {
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
}