@charset "utf-8";
.grid-wrap{
    margin: 0 -10px!important;
    padding: 0!important;
    list-style: none!important;
    font-size:0px!important;
}
#tt-body-index .index-grid-wrap, #tt-body-search .index-grid-wrap, #tt-body-category .index-grid-wrap {
    margin: 0 -10px!important;
    padding: 0!important;
    list-style: none!important;
    font-size:0px!important;
}
.grid-item {
    display: inline-block;
    width: 50%;
    margin: 0 0 25px 0;
    vertical-align: top;
}
.grid-link {
    display: block;
    margin: 0 10px;
    color: #333;
    line-height: 1.33;
    text-decoration: none;
}
.grid-thumbnail {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 80%;
    background: #f2f2f2;
}
.grid-thumbnail .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 100%;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: 50% 50%!important;
    z-index: 1;
}
.grid-title {
    display: block;
    margin: 8px 0;
    font-size: 15px;
    color: #000000;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 57px;
    font-family: "Noto Sans KR", sans-serif;
}

.grid-col-3 .grid-item{
    width: 33.33333333%;
}
@media (max-width: 768px) {
    .grid-col-3 .grid-item {width: 50%;}
}




.grid-cover {
    font-size: 0;
}
.grid-cover-item {
    display: inline-block;
    width: 33.33333333%;
    margin: 0 0 0 0;
    vertical-align: top;
}
.grid-cover-link {
    display: block;
    margin: 0 ;
    color: #333;
    line-height: 1.33;
    text-decoration: none;
}
.grid-cover-title {
    position: relative;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    z-index: 100;
    padding: 0 10px;
    line-height: 1.5;
}
.grid-cover-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.grid-cover-content .table {
    height: 100%;
    width: 100%;
    table-layout: fixed;
}
.grid-thumbnail:after {content: "";position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);z-index: 50;}
/* .section-col-1 .grid-cover-item:nth-child(n+4) {display: none;} */
@media (max-width: 913px) {
    .section-col-1 .grid-cover-item {width: 50%;}
    .section-col-1 .grid-cover-item:nth-child(3n) {display: none;}   
    .section-col-1 .grid-cover-title{font-size: 16px;}
}