@charset "utf-8";

/*gw-theme01-main-cardlist*/
#gw-theme01-main-cardlist .gw-tabs {background: #f2f2f2;}
#gw-theme01-main-cardlist .tab-content {display: none;}
#gw-theme01-main-cardlist .tab-content:first-of-type{display: block;}
#gw-theme01-main-cardlist .gw-text-container{position:relative;display:block;padding: 40px;border:1px solid #ddd;background: #fff;}
#gw-theme01-main-cardlist .gw-text-container:before {content: "";display: block;border: 0px solid;border-color: var(--main-color);width: 100%;height: 100%;transition: all .3s;position:absolute;top:0;left:0;z-index: 100;}
#gw-theme01-main-cardlist .gw-text-container:hover:before{border-width: 10px;}
#gw-theme01-main-cardlist .tab-content > ul {flex-wrap: wrap;}
#gw-theme01-main-cardlist .tab-content > ul > li {width: calc(33.33% - 24px);margin: 12px;}
#gw-theme01-main-cardlist .gw-date {color: var(--main-color);}
#gw-theme01-main-cardlist .gw-title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;font-size: var(--main-title04);min-height: 58px;}
#gw-theme01-main-cardlist .gw-text {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;min-height: 44px;line-height:1.75;color:#666;font-size:var(--main-text01);}
#gw-theme01-main-cardlist .gw-text-container:hover .gw-btn04:before{width: 0;}
#gw-theme01-main-cardlist .gw-text-container:hover .gw-btn04:after{width: 100%;}
#gw-theme01-main-cardlist .gw-theme01-main-icon {position: absolute;right: 0px;top: 0px;}
#gw-theme01-main-cardlist .gw-theme01-main-icon > div {width: 35px;height: 35px;position: relative;}
#gw-theme01-main-cardlist .icon-hit {background: #ff0000;}
#gw-theme01-main-cardlist .icon-notice {background: #BFBFBF;}
#gw-theme01-main-cardlist .icon-new {background: var(--main-color);}

/*내용없을경우------------------------------------------------------------------------------------------------------------------ */
#gw-theme01-main-cardlist .gw-empty-list {padding: 40px 0;}
#gw-theme01-main-cardlist .gw-empty-list > h3 {font-size: var(--main-title03);}



@media screen and (max-width:1024px) {
    #gw-theme01-main-cardlist .gw-sec-container{width:calc(100% - 80px);}
    #gw-theme01-main-cardlist .gw-text-container{padding: 28px;}
}

@media screen and (max-width:768px) {
    #gw-theme01-main-cardlist .gw-sec-container{width:calc(100% - 40px);}
    #gw-theme01-main-cardlist .tab-content > ul > li{width: 100%;margin: 0;}
    #gw-theme01-main-cardlist .tab-content > ul > li:not(:last-child){margin-bottom: 20px;}
    #gw-theme01-main-cardlist .gw-title{min-height: auto;}
    #gw-theme01-main-cardlist .gw-text{min-height: auto;}
}

@media screen and (max-width:576px) {
#gw-theme01-main-cardlist .gw-text-container{padding: 22px;}
#gw-theme01-main-cardlist .gw-text-container:before{display: none;}
}