@charset "utf-8";

#sub-area{background: #fff; padding-bottom:5px}
.sub_contents {min-height: 750px; width:1400px; margin:0 auto;  padding: 60px 0;}
section .contents { width:1400px; margin:0 auto; margin-top:30px; padding: 30px 0 50px;}

.page_nav { width:100%; padding:15px 0; }
.page_nav .inner { display:flex; align-items:center;  justify-content:flex-end; }
.page_nav .inner * { font-size:0.9rem; color:#333; }
.page_nav .inner li a { display:flex; align-items:center; }
.page_nav .inner li span { font-size:1.2rem; display:flex; height:20px; width:20px; align-items:center; justify-content:center; margin-right:0.3rem }
.page_nav .inner li span.material-symbols-outlined { font-variation-settings:  'FILL' 0,  'wght' 300,  'GRAD' 0,  'opsz' 24 }
.page_nav .inner li.selected a { color:#000; }

.pagination { display:flex; justify-content:center; margin:20px auto; }
.pagination a { color:#222; display:block; padding: 8px 16px;  text-decoration: none;  transition: background-color .3s; white-space:nowrap; }
.pagination a.active { background-color: #2a5bd8; color: #fff; }
.pagination a:hover:not(.active) {background-color: #ddd;}

.shop_info_area { max-width:1400px; margin:100px auto; width:calc(100% - 20px); }


/* login */

@media all and (max-width:1400px){
.sub_contents, section .contents {width:100%}
section .contents{margin-top: 0px;}   

}

@media all and (max-width:1280px){


}

@media all and (max-width:768px){
.shop_info_area { margin:50px auto; }
}


@media all and (max-width:640px){
   
}