@charset "utf-8";

/* 공통 스타일 - 반드시 scss에서 수정 */
@import url("common.css");
@import url("layout.css");
@import url("content.css");

/* 사이트별 오버라이드 스타일 - 하단에 css 추가 가능 */

/*페이징 변경으로 인한 수정작업*/
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
ul.pagination_btns {
    display: flex;
    align-items: center;
}
ul.pagination_btns li {
    display: inline-block;
    width: 40px;
    height: 40px;
}
ul.pagination_btns li>a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
ul.pagination_btns .first {
    background: url(../_img/icon/pagination_first.svg) no-repeat center / contain;
}
ul.pagination_btns .prev {
    background: url(../_img/icon/pagination_prev.svg) no-repeat center / contain;
}
ul.pagination_btns .next {
    background: url(../_img/icon/pagination_next.svg) no-repeat center / contain;
}
ul.pagination_btns .last {
    background: url(../_img/icon/pagination_last.svg) no-repeat center / contain;
}
.pagination .pages {
    display: flex;
    align-items: center;
}
.pagination .page {
    display: inline-block;
    width: 40px;
    height: 40px;
}
.pagination .page>a {
    color: #767676;
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-align: center;
}
.pagination .page.active {
    background-color: #EE6575;;
    border-radius: 50%;
    overflow: hidden;
}
.pagination .page.active>a {
    color: #fff;
}

.w-100{ width: 100%; }
.w-auto{ width: auto; }