img.m_bar1 {
	position: relative;
	width: 100%;
    transform: scale(1);;
    z-index: 1;
}
img.m_bar2 {
	position: relative;
	width: 100%;
    transform: scale(1);;
    z-index: 2;
}
img.m_bar3 {
	position: relative;
	width: 100%;
    transform: scale(1);;
    z-index: 3;
}
img.m_bar4 {
	position: relative;
	width: 100%;
    transform: scale(1);;
    z-index: 4;
}
img.m_bar5 {
	position: relative;
	width: 100%;
    transform: scale(1);;
    z-index: 5;
}
img.m_bar6 {
	position: relative;
	width: 100%;
    transform: scale(1);;
    z-index: 6;
}
img.m_bar1:hover, img.m_bar2:hover, img.m_bar3:hover, img.m_bar4:hover, img.m_bar5:hover, img.m_bar6:hover {
  z-index: 7;
  transform: scale(1.8);
  -webkit-transform: scale(1.8);
  -moz-transform: scale(1.8);
  -ms-transform: scale(1.8);
  -o-transform: scale(1.8);
  transition: all 0.3s ease-in-out;   /* 부드러운 모션을 위해 추가*/
}

hr.title {
  display: block;
  margin-top: 2em;
  margin-bottom: 2.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 2px;
}
hr.bottom {
  display: block;
  margin-top: 0em;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}

.center {
  text-align: center;
}

.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
}

.pagination a.active {
  background-color: #0099cc;
  color: white;
  border: 1px solid #0099cc;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.table tbody {
  font-size: 1.2em;
  font-weight: bold;
}