.boardListHeader{
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #000;
  align-items: flex-end;
}
.boardListTitle{
  font-size: 36px;
  font-weight: 500;
}
.boardListContent{
  margin-top: 15px;
  display: flex;
  justify-content: flex-start;
  column-gap: 10px;
  align-items: center;
}
.boardListContentInfo{
  display: flex;
  justify-content: flex-start;
  font-size: 14px;
  column-gap: 10px;
  align-items: center;
}
.bulletTitle{
  font-size: 18px;
  font-weight: 500;
  color:#4641A6;
}
.boardListContentTitle{
  margin-top: 15px;
  font-size: 22px;
}
.HotMenu{
  font-size: 14px;
  font-family: 'Gabriela';
  font-style: italic;
  color: #ff0000;
}

.newMenu{
  font-size: 14px;
  font-family: 'Gabriela';
  font-style: italic;
  color: #1e8cfd;
}

#pagenation_box a {
  color: #5B5B5B;
}

#pagenation_box {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
  margin: 3.0rem 0 0;
  font-family: "NotoSansKR_m";
  font-size: 1.0rem;
}

#pagenation_box a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: 1.5rem;
  height: 1.5rem;
}

#pagenation_box a::before {
  color: white;
}

#pagenation_box a:focus, #pagenation_box a:hover {
  color: white !important;
  background-color: #3b3b3b !important;
  border-radius: 2.0rem;
}
.mobilebulletTitle{
  display: none;
}

@media (max-width: 1118px) {
  .bulletTitle{
    font-size: 16px;
  }
  .boardListContentTitle{
    font-size: 20px;
  }
  .boardListContentInfo{
    font-size: 12px;
  }
  .HotMenu{
    font-size: 12px;
  }
  .newMenu{
    font-size: 12px;
  }
}

/*
##Device = Tablets, Ipads (portrait),
##Screen = B/w 768px to 1024px
##Device = 태블릿, 아이패드(세로),
##Screen = 768px에서 1024px 사이
*/

@media (max-width: 1024px) {
  .bulletTitle{
    font-size: 14px;
  }
  .boardListContentTitle{
    font-size: 18px;
  }
  .boardListContentInfo{
    font-size: 10px;
  }
  .HotMenu{
    font-size: 10px;
  }
  .newMenu{
    font-size: 10px;
  }
}

/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
##Device = 태블릿, 아이패드(가로)
##Screen = 768px에서 1024px 사이
*/

@media (max-width: 1024px) and (orientation: landscape) {

}

/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
##Device = 저해상도 태블릿, 모바일(가로)
##Screen = 481px에서 767px 사이
*/

@media (max-width: 767px) {
  .bulletTitle{
    font-size: 10px;
  }
  .boardListContentTitle{
    font-size: 14px;
  }
  .boardListContentInfo{
    font-size: 8px;
  }
  .HotMenu{
    font-size: 8px;
  }
  .newMenu{
    font-size: 8px;
  }
}

@media (max-width: 600px) {
  .bulletTitle{
    display: none;
    /* font-size: 14px; */
    /* width: 67px; */
  }
  .boardListContentTitle{
    font-size: 16px;
  }
  .boardListContentInfo{
    font-size: 10px;
  }
  .HotMenu{
    font-size: 10px;
    margin-top: 25px;
  }
  .newMenu{
    font-size: 10px;
    margin-top: 25px;
  }
  .mobilebulletTitle{
    display: block;
    font-weight: 500;
    color:#4641A6;
  }
}


/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
##Device = 대부분의 스마트폰 모바일 기기(세로)
##Screen = 320px에서 479px 사이
*/
@media (max-width: 479px) {

}