a {height: 100%;}

.sub_showcase .img_box {
    position: relative;
}

.sub_showcase .mark_box {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
}

/* 프로젝트 319 icon관련 */
.sub_showcase .mark_box .icon {
    background: #005dff;
    color: #fff;
    padding: 10px 18px;
    /* line-height: 23px; */
    font-size: 14px;
   
} 

.sub_showcase .mark_box .custom_icon {
    background: #000;
}

.show_main {
    margin: 30px auto 50px;
    padding: 0px 50px;
}

.show_main .text_area {
    display: flex;
    gap: 30px;
    align-items: end;
}

.show_main h3 {
    font-size: 50px;
    color: #000;
    font-weight: 700;
}

.show_main p {
    font-size: 20px;
    color: #005dff;
    font-weight: 700;
    line-height: 1.6;
}

.show_main img {
    width: 100%;
    margin-top: 20px;
}

.showcase_wrap {
    padding: 0 50px;
    margin: 100px auto 0;
}

.count_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

.count_title p {
    font-size: 23px;
    color: #5b5b5b;
    font-weight: 500;
}

.count_title p span {
    font-weight: 800;
    color: #000;
}

.count_title ul {
    display: flex;
    gap: 15px;
    align-items: center;
}

.count_title ul li {

}

.count_title ul li a {
    font-size: 18px;
    color: #a9a9a9;
    font-weight: 600;
}

.count_title ul li.on a {
    color: #000;
    font-weight: 800;
}

.showcase_list_wrap {
    padding: 0 50px;
    /* display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2.3%; */
}

.showcase_list_wrap > section {
    display: inline-block;
    width: calc(33.3% - 29px);
    margin: 0 40px 80px 0;
}

.showcase_list_wrap >:nth-child(3n) {
    margin-right: 0px;
}

.showcase_list_wrap > section .img_box {
    position: relative;
    margin-bottom: 25px;
}
.showcase_list_wrap > section .img_box .mark_box {
   position: absolute;
   bottom: 0;
   left: 0;
}
.showcase_list_wrap > section .brand {
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.showcase_list_wrap > section .title {
    color: #000;
    margin: 5px 0 15px;
    width:95%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.no_data {
    font-size: 50px;
    font-weight: 500;
    color: #000;
    text-align: center;
    padding: 300px 0;
}

/* 추가 css */
.pagination {margin-top: 100px;}
.line_01 {width: 95%; margin: 0 auto; border-bottom: solid 1px #afafaf;}
.date {font-size: 1.2rem;}

.show_main_banner .swiper-pagination {
    position: absolute;
    left: auto;
    right: 95px;
    bottom: 20px;
    display: inline-block;
    width: auto;
    padding: 11px 36px 11px 20px;
    text-align: right;
    box-sizing: border-box;
    border-radius: 40px;
    filter: invert(1);
    background: url("https://cdn-tgreen.bizhost.kr/phpskr/tgreen09/2022/00/arrow_next_blk.png") no-repeat center right 20px, rgba(255, 255, 255, .5);
    background-size: 6px;
    color: #000;
}

.show_main_banner .swiper-pagination span {
    font-size: 18px;
}

.show_main_banner .swiper-pagination .swiper-pagination-current {
    margin-right: 5px;
    font-weight: 700;
}

.show_main_banner .swiper-pagination .swiper-pagination-total {
    margin-left: 4px;
    opacity: .5;
}