@charset "utf-8";

/* 새글 스킨 (latest) */
.hide {display: none; margin-bottom:80px}
.hide-contents {margin-top: 40px;}
.pro-lat{}
.pro-lat ul{margin:-15px; display:flex; width:100%; flex-wrap: wrap}
.pro-lat li{width:33.333333%; padding:15px; margin-bottom:40px}
.pro-lat li:last-child{margin-bottom:0px}
.pro-lat li a h5{font-size:16px; font-weight: 400; color:#a8a8a8; padding-right:80px; line-height: 1.4;}
.pro-lat li .box{position:relative}
.pro-lat li .box:hover::before{content:""; display:block; width:11px; height: 2px; background:#000; position: absolute; right:40px; top:calc(50% - 4px); transform: rotate(45deg);}
.pro-lat li .box:hover::after{content:""; display:block; width:11px; height: 2px; background:#000; position: absolute; right:40px; top:calc(50% + 3px); transform: rotate(-45deg) }
.pro-lat li .box:hover a h5{ color:#000}
.pro-lat li .box:hover a p{ color:#000}

.pro-lat li.no-post{width:100%;text-align: center; padding:30px 0; font-size:17px; font-weight: bold; color:#ababab; }


@media(max-width:1200px){
    .pro-lat li{width:50%;}

}

@media(max-width:768px){
    .pro-lat ul{margin:0;}
    .pro-lat li{width:100%; padding:10px 0;}
    .pro-lat li a h5{padding-right:32px;}
    .pro-lat li .box:hover::before,
    .pro-lat li .box:hover::after{right:0;}
    .hide-contents{margin-top:20px;}

}