/* 이벤트 > 커뮤니티 공지사항 목록 */
.customer {margin-top: 2rem}
.customer .table_wrap .table_head li.num {width: 10%}
.customer .table_wrap .table_head li.title {width: 65%}
.customer .table_wrap .table_head li.hit {width: 10%}
.customer .table_wrap .table_head li.date {width: 15%}
.customer .table_wrap .table_list li.num {width: 10%}
.customer .table_wrap .table_list li.title {width: 65%}
.customer .table_wrap .table_list li.hit {width: 10%}
.customer .table_wrap .table_list li.date {width: 15%; border-right: none}
.customer .table_wrap .table_list.fix li .icon_box {width:20px; height: 20px;background: url(../../img/withsam/sub/icon-notice-fix.svg) no-repeat center;}
.customer .table_wrap .table_list.fix li.title {color: var(--color-sub-red)}
.customer #pager {margin-top: 3rem}
.table_wrap .table_list li:not(.title) a{text-overflow: inherit}
.customer .table_wrap .table_list .m_none {display: flex}
.customer .table_wrap .table_list .pc_none {display: none}

/* 반응형 */
@media (max-width:768px){
    .customer .table_wrap .table_list .m_none {display: none}
    .customer .table_wrap .table_list .pc_none {display: flex}
    .customer .table_wrap .table_list li.num {width: 60px;}
    .customer .table_wrap .table_list .box2 {flex-direction: column; width: calc(100% - 60px)}
    .customer .table_wrap .table_list .box2 .box_inner {display: flex;}
    .customer .table_wrap .table_list {padding: 0.875rem 0; font-size: 14px}
    .customer .table_wrap .table_list .box2 .box_inner {}
    .table_wrap .table_list li a {font-size: 15px}
    .customer .table_wrap .table_list.fix li.title span {color:var(--color-sub-red);}
    .customer .table_wrap .table_list li.title span {color:#222; font-weight: 600;}
    .customer .table_wrap .table_list li {font-size: 14px; color: #666; padding:0;}
    .customer .table_wrap .table_list li.date {width: auto; padding-left: 0.75rem; position: relative; margin-top: 0.25rem; margin-left: 0.75rem;}
    .customer .table_wrap .table_list li.date:after {position: absolute; content: ''; background: #666; top: 6px; height: 12px; width: 1px; left: 0px}
    .customer .table_wrap .table_list li.title {width: 100%}
    .customer .table_wrap .table_list li.hit {padding-left: 24px; position: relative; width: auto; margin-top: 0.25rem;}
    .customer .table_wrap .table_list li.hit:after {position: absolute; content: ''; background: url(../../img/withsam/sub/icon-view.png) no-repeat center; left:0; top:4px; width: 17px; height: 17px; background-size: contain;}
}