.sub_showcase .img {
    position: relative;
}

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

/* 프로젝트 319 icon관련 */
.sub_showcase .mark_box .icon {
    background: #00bcd5;
    color: #fff;
    padding: 0 15px;
    line-height: 45px;
    font-size: 24px;
} 

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

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

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

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

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

.show_main img {
    width: 100%;
    height: 26vh;
    object-fit: cover;
    margin-top: 20px;
}

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

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

.count_title p {
    font-size: 28px;
    color: #000;
    font-weight: 600;
}

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

.ing_drop {
    padding: 10px 45px 10px 15px;
    border: 1px solid #ddd;
    border-radius: 20px;
    font-size: 24px;
    position: relative;
}
    
.ing_drop span {
    content: '';
    width: 22px;
    height: 11px;
    position: absolute;
    right: 14px;
    top: 56%;
    margin-top: -8px;
    background: url(/4xr_mo_20200721/images/arrow2.png) 0 0 no-repeat;
    transition: all 0.2s ease;
    transform: rotate(0deg);
    background-size: cover;
}

.ing_drop.on span {
    transform: rotate(-180deg);
}

.count_title + ul {
    display: flex;
    gap: 15px;
    align-items: center;
    background-color: #f0f0f0;
    margin-bottom: 50px;
    display: none;
}

.count_title + ul.on {
    display: flex;
}

.count_title + ul li {
    width: calc(33%);
    text-align: center;
    padding: 30px 0;
}

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

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

.showcase_list_wrap {
    padding: 0;
    margin-bottom: 50px;
}

.showcase_list_wrap > section {
    display: inline-block;
    width: calc(50% - 18px);
    margin: 0 30px 60px 0;
}

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

.showcase_list_wrap > section .img_box {
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
}

.showcase_list_wrap > section .img_box picture img {
    width: 100%;
}
.showcase_list_wrap > section .img_box .mark_box {
   position: absolute;
   bottom: 0;
   left: 0;
}
.showcase_list_wrap > section .brand {
    font-size: 24px;
    color: #000;
    font-weight: 600;
}

.showcase_list_wrap > section .title {
    font-size: 26px;
    color: #000;
    font-weight: 800;
}

.showcase_list_wrap > section .date {
    font-size: 20px;
}

.showcase_list_wrap > section .title,
.showcase_list_wrap > section .brand,
.showcase_list_wrap > section .date {
    padding-left: 10px;
}

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

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

/* css 추가 */

.pagination {margin-top: 100px;}

.show_main_banner .swiper-pagination {
    position: absolute;
    left: auto;
    right: 40px;
    bottom: 50px;
    display: inline-block;
    width: auto;
    padding: 13px 42px 9px 34px;
    text-align: right;
    box-sizing: border-box;
    border-radius: 40px;
    filter: invert(1);
    background: url(/phpskr/tgreen09/2022/00/arrow_next_blk.png) no-repeat center right 16px, rgba(255, 255, 255, .5);
    background-size: 10px;
    font-size: 28px;
    color: #000; 
  }
  
  .show_main_banner .swiper-pagination span{
    font-weight: 700;
  }
  .show_main_banner .swiper-pagination .swiper-pagination-current{
    margin-right: 15px;
  }
  .show_main_banner .swiper-pagination .swiper-pagination-total{
    margin-left: 15px;
    opacity: .5;
  }