.read_vote a{
	position: relative;
}

.like-checked-wrap{
	position: absolute;
	top:0;
	left:8px;
	width: 32px;
	height: 32px;
	z-index: 1;
}
.like-checked{
	display: none;
}
.hand {
  animation: hand 1.5s ease-in;
  fill: #fff;
  transform-origin: center;
}

.line {
  fill: transparent;
  stroke-dasharray: 40;
  stroke-dashoffset: 40;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.line-1 {
  stroke: #fb493f;
  stroke-width: 2;
  animation: first 1.5s ease-in;
}

.line-2 {
  stroke: #cbfcc9;
  stroke-width: 1.5;
  animation: first 1.5s ease-in;
}

.line-3 {
  stroke: #dec83c;
  stroke-width: 3;
  animation: second 1.5s ease-in;
}

.line-4 {
  stroke: #cbfcc9;
  stroke-width: 2;
  animation: second 1.5s ease-in;
}

.line-5 {
  stroke: #fb493f;
  stroke-width: 2;
  animation: third 1.5s ease-in;
}

.line-6 {
  stroke: #ab71f7;
  stroke-width: 2;
  animation: third 1.5s ease-in;
}

.line-7 {
  stroke: #dec83c;
  stroke-width: 2;
  animation: third 1.8s ease-in;
}

.circle-1 {
  fill: #dec83c;
  opacity: 0;
  animation: circle 1.5s ease-in;
}

.circle-2 {
  fill: #fb493f;
  opacity: 0;
  animation: circle 1.5s ease-in;
}

.circle-3 {
  fill: #cbfcc9;
  opacity: 0;
  animation: circle 1.5s ease-in;
}

.flower-1 {
  fill: #dec83c;
  opacity: 0;
  animation: flower-1 1.5s ease-in;
}

.flower-2 {
  fill: #cbfcc9;
  opacity: 0;
  animation: flower-2 1.5s ease-in;
}

.flower-3 {
  fill: #fb493f;
  opacity: 0;
  animation: flower-1 1.5s ease-in;
}

@keyframes flower-1 {
  0% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  55% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes flower-2 {
  0% {
    opacity: 0;
  }
  55% {
    opacity: 0;
  }
  60% {
    opacity: .5;
  }
  65% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes circle {
  0% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes first {
  20% {
    stroke-dashoffset: 40;
  }
  40% {
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dashoffset: 40;
  }
}

@keyframes second {
  30% {
    stroke-dashoffset: 40;
  }
  40% {
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dashoffset: 40;
  }
}

@keyframes third {
  35% {
    stroke-dashoffset: 40;
  }
  40% {
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dashoffset: 40;
  }
}

@keyframes hand {
  0% {
    fill: #fff;
    transform: scale(.3) rotate(10deg);
  }
  5%{
    transform: scale(.5) rotate(10deg);
  }
  20% {
    fill: #cbfcc9;
    transform: scale(1.3) rotate(-15deg);
  }
  40% {
    fill: #ab71f7;
    transform: scale(1.3) rotate(-30deg);
  }
  55% {
    transform: scale(1.3) rotate(-30deg);
  }
  60% {
    fill: #ddd926;
    transform: scale(1) rotate(10deg);
  }
  66% {
    fill: #f28032;
    transform: scale(1) rotate(2deg);
  }
  70% {
    fill: #fe443b;
    transform: scale(1) rotate(0deg);
  }
  100%{
    fill: #fff;
    transform: scale(1) rotate(0deg);
  }
}

.board_actions .board_actions_left {
  float: left;
}
.board_actions .board_actions_left a {
  margin-right: 8px;
}
.board_actions .board_actions_right {
  float: right;
}
.board_actions .board_actions_right a {
  margin-left: 8px;
}
.board_actions .board_search {
  display: inline-block;
}
.board_actions .board_search .search_target,
.board_actions .board_search .search_keyword {
  display: block;
  float: left;
  height: 28px;
  padding: 0 6px;
  border: 1px solid #e3e8e9;
  box-sizing: border-box;
}
.board_actions .board_search .search_target {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  padding-left: 12px;
}
.board_actions .board_search .search_keyword {
  border-left: 0;
  border-right: 0;
  width: 128px;
}
.board_actions .board_search .search_button {
  margin-right: 8px;
}
.board_pagination {
  margin-bottom: 20px;
  text-align: center;
}
.board_pagination .board_pagination_wrapper {
  display: inline-block;
}
.board_pagination .page_prev,
.board_pagination .page_next,
.board_pagination .page_num,
.board_pagination .page_move {
  display: block;
  float: left;
  height: 28px;
  border: 0;
  border-right: 1px solid #eaecef;
  line-height: 28px;
  padding: 0 12px;
  background-color: #ffffff;
  color: #8c8f92;
  text-decoration: none;
}
.board_pagination .page_prev.current_page,
.board_pagination .page_next.current_page,
.board_pagination .page_num.current_page,
.board_pagination .page_move.current_page {
  color: red;
  font-weight: bold;
}
.board_pagination .page_prev:hover,
.board_pagination .page_next:hover,
.board_pagination .page_num:hover,
.board_pagination .page_move:hover {
  color: #43494c;
}
.board_pagination .page_prev {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  padding-left: 14px;
}
.board_pagination .page_next {
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border: 0;
  padding-right: 14px;
}
.board_pagination .page_move {
  width: 32px;
  text-align: center;
}
.board_pagination .page_move:hover {
  color: #8c8f92;
}