.page_num {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: small;
  color: #9b9b9b;
}
ul.pager  {
display:flex;
justify-content: center;
gap:6px;
list-style:none;
padding:0;
}

.pager li {
display:flex;
flex-direction: column;
width: 50px;
height: 50px;
border-radius: 99px;
overflow: hidden;
}

.pager a,
.pager span{
  flex-grow: 2;
  width: 100%;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.pager .arrow a{
  color: #41ac59;
}
.pager .active span{
background:#41ac59;
color:#fff;
}

.pager .dots span{
border:none;
}
@media (min-width: 769px) {
.pager li {
width: 75px;
height: 75px;
}
.pager a:hover {
background: rgba(65,172,89,0.5);
color:#fff;
}
}
ul.tab_cate {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 15px;
}
ul.tab_cate li {
  flex-grow: 2;
  text-align: center;
  overflow: hidden;
  background-color: rgba(255,255,255,0);
  color: #008b3e;
}
ul.tab_cate li.active a,
ul.tab_cate li.is-active a {
  background-color: #008b3e;
  border-radius: 50px;
  color: #fff;
}
/*
ul.tab_cate li.ct_01.active a {
  background-color: var(--cate01);
}
ul.tab_cate li.ct_02.active a {
  background-color: var(--cate02);
}
ul.tab_cate li.ct_03.active a {
  background-color: var(--cate03);
}
ul.tab_cate li.ct_04.active a {
  background-color: var(--cate04);
}
ul.tab_cate li.ct_05.active a {
  background-color: var(--cate05);
}
ul.tab_cate li.ct_00.active a {
  background-color: var(--cate00);
}
  */
ul.tab_cate li a {
  display: block;
  padding: 0.5em 1em;
  font-weight: 800;
  font-size: 16px;
  color: #008b3e;
}
@media (max-width: 768px) {
}
@media (min-width: 769px) {
ul.tab_cate {
max-width: 950px;
margin: 30px auto;
}
ul.tab_cate li a {
  /* padding: 1em; */
}
}
.list {
  max-width: 950px;
  margin: 30px auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.article {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px;
}
.index .article {
  border-bottom: 1px dotted #CCC;
}
.article h3 {
  font-weight: 900;
  font-size: larger;
}
.detail .article {
  margin-bottom: 120px;
}

.article .more {
  display: inline-block;
  padding: 0 0.8em;
  background-color: #FFF;
  border: 1px solid #bdbdbd;
  border-radius: 50px;
  margin-right: auto;
}
.article .more a{
  font-size: 15px;
  letter-spacing: normal;
}
.article .date {
  display: flex;
  gap: 1em;
  color: #797979;
}
.article .date .cate {
  display: block;
  padding: 0.5em 1em;
  background-color: #dbdbdb;
  border-radius: 50px;
  color: #000;
  font-size: 12px;
}
/*
.article .date .cate.ct01 {
  background-color: var(--cate01);
}
.article .date .cate.ct02 {
  background-color: var(--cate02);
}
.article .date .cate.ct03 {
  background-color: var(--cate03);
}
.article .date .cate.ct04 {
  background-color: var(--cate04);
}
.article .date .cate.ct05 {
  background-color: var(--cate05);
}
.article .date .cate.ct00 {
  background-color: var(--cate00);
}
  */
.text {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 50px;
}
.link_btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.link_btn a {
  padding: 0.5em 1em;
  border-radius: 100px;
  text-align: center;
}
.link_btn .url a {
  display: inline-block;
  background-color: #ec6015;
  color: #FFF;
  min-width: 250px;
}
.link_btn .pdf a {
  display: inline-block;
  background-color: #3578B6;
  color: #FFF;
  min-width: 250px;
}
.back {
  display: flex;
  justify-content: center;
  align-items: center;
}
.back a {
  flex-basis: 200px;
  display: block;
  padding:0.5em 1em;
  color: #3b7930;
  font-weight: 700;
  text-align: center;
  border:1px solid #3b7930;
  border-radius: 999px;
}
.photoBox > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.photoBox {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 769px) {
.list {
  margin-block: 80px;
}
.detail .article {
max-width: 950px;
margin: 30px auto;
  gap: 50px;
}
.detail .article h3 {
  font-size: calc(100vw / 50);
}
.photoBox {
  align-items: center;
  gap: 50px;
  width: 60%;
  margin: 30px auto;
}
.photoBox > div {
  flex: 1 1 calc(50% - 25px);
}
.back a:hover {
  background-color: #41ac59;
  color: #FFF;
}
}