/*! wrap */
body { opacity: 0; transition: opacity 0.4s; } 
#wrap { min-height: 800rem; } 
#wrap > .container { position: relative; } 

/*! mask */
body.hold { overflow: hidden; } 
#overlay-mask { position: fixed; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); backdrop-filter: blur(4rem); -webkit-backdrop-filter:blur(4rem); display: none; } 

/* layout */
.wrap { width: 100%; } 
.wrap-large { width: 100%;padding: 0 50rem; margin: 0 auto; } 
.wrap-medium { width: 1300rem; margin: 0 auto; } 
.wrap-small { width: 640rem; margin: 0 auto; } 
.wrap-tiny { width: 380rem; margin: 0 auto; } 

@media all and (max-width:1640px){
 .wrap-large { padding: 0 20rem; margin: 0; } 
 }
@media all and (max-width:1340px){
 .wrap-medium { width: 100%; padding: 0 20rem; margin: 0; } 
 }
@media all and (max-width:660px){
 .wrap-large { padding: 0 15rem; } 
 .wrap-medium { padding: 0 15rem; } 
 .wrap-small { width: 100%; padding: 0 15rem; margin: 0; } 
 .wrap-tiny { width: 100%; } 
 }



/* title */
.section-title {text-align: center;margin: 140rem 0 50rem;}
.section-title > h2 {font-size: 38rem;font-weight: 500;}
.section-title > p {margin-top: 32rem;;font-size: 18rem;font-weight: 300;line-height: 1.6;}
.section-category {margin-bottom: 50rem;}
.section-category > ul {display: flex;align-items: center; justify-content: center;flex-flow: row wrap;gap: 10rem;}
.section-category > ul > li {}
.section-category > ul > li > a {display: inline-block;padding: 7rem 15rem;font-size: 14rem;border: 1rem solid rgba(96, 83, 64, .5); border-radius: 25rem;color: var(--color-font-sub);transition: .4s;}
.section-category > ul > li:hover > a {background: rgba(96, 83, 64, 1);color: #fff;}
.section-category > ul > li.on > a {background: rgba(96, 83, 64, 1);color: #fff;}

/* 포스트 - 페이지네이션 */
.pagination {margin: 98rem 0 0; text-align: center;} 
.pagination .nav-links{position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 12rem;}
.pagination .nav-links .page-numbers {font-size: 14rem; font-weight: 500; color: #949494; width: 36rem; height: 36rem; display: flex; align-items: center; justify-content: center;}
.pagination .nav-links .page-numbers.prev {position: absolute; left: -50rem;}
.pagination .nav-links .page-numbers.next {position: absolute; right: -50rem;}
.pagination .nav-links .page-numbers.current {  border-radius: 50%; background-color: #5C5C5C; color: #fff;}



@media all and (max-width:660px) {
    .section-title {margin: 100rem 0 30rem;}
    .section-title > h2 {font-size: 22rem;}
    .section-title > p {margin-top: 30rem;font-size: 14rem;font-weight: 400;}
    .section-category > ul {gap: 5rem;}
    .section-category > ul > li > a {font-size: 12rem;padding: 5rem 10rem;}
}