@charset "utf-8";
/* 새글 스킨 (latest) */

.portfolio .a-item {position: relative;}
.portfolio .a-item .img-box {border-radius: 10px; overflow: hidden; position: relative;}
.portfolio .img-box::after {position: absolute; content: ''; width: 100%; height: 100%; bottom: 0; left: 0; background: linear-gradient(0deg,rgba(18, 18, 18, 0.8) 0%, rgba(255, 255, 255, 0) 40%);}
.portfolio .a-item .txt_box {position: absolute; z-index: 1; bottom: 0; left: 0; padding: 40px; width: 100%; display: flex; justify-content: space-between; align-items: center;}
.portfolio .a-item .txt_box .subject {color: #fff; font-size: 20px; font-weight: 700;}
.portfolio .a-item .txt_box .morebtn {width: 30px; height: 30px; border: 1px solid #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition-duration: 0.3s;}
.portfolio .a-item .txt_box .morebtn img {width: auto; filter: invert(1); transition-duration: 0.3s;}
.portfolio .a-item a:hover .txt_box .morebtn {background-color: #fff;}
.portfolio .a-item a:hover .txt_box .morebtn img {filter: invert(0);}

@media screen and (max-width:960px) {
    .portfolio .a-item .txt_box {padding: 30px;}
}

@media screen and (max-width:640px) {
    .portfolio .a-item .txt_box .subject {font-size: 18px;}
}