/* 갤러리 목록 — 배선으로 더한 요소에만 서식을 준다(R41). 원본 카드/페이저 규칙은 건드리지 않는다. */

/* 3상태 안내(로딩·빈목록·오류) — 원본에 없던 요소라 스스로 서식을 정한다.
   #gall_ul 의 카드는 col-gn-* 로 float 되지만 이 줄은 그 클래스가 없어 한 줄을 통째로 쓴다. */
#bo_gall #gall_ul .gall_state {
  float: none;
  width: auto;
  margin: 0;
  padding: 80px 10px;
  color: #777;
  font-size: 1.083em;
  line-height: 1.6;
  text-align: center;
}

/* 현재 페이지 표시는 a.pg_page 에 .pg_current 를 더해서 낸다(공용 페이저가 클래스만 토글한다).
   원본 .pg_page:hover 가 특이도로 .pg_current 배경을 덮으므로 hover 값을 되돌린다. */
.pg .pg_page.pg_current,
.pg .pg_page.pg_current:hover,
.pg .pg_page.pg_current:focus {
  background-color: #3a8afd;
  border-color: #3a8afd;
  color: #fff;
  font-weight: bold;
  cursor: default;
  text-decoration: none;
}

/* 검색 열기 버튼 — 원본 스킨에 손잡이가 없어 배선에서 더한 요소다. 버튼은 글꼴을 물려받지
   않으므로(font:inherit) 서식을 직접 준다(R41). 위치·모양은 목록 상단 줄(#bo_btn_top)에 맞춘다. */
#bo_gall #bo_btn_top { position: relative; }
#bo_gall .btn_bo_sch {
  font: inherit;
  float: right;
  height: 30px;
  padding: 0 12px;
  color: #656565;
  background: #f5f5f5;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  cursor: pointer;
  line-height: 28px;
}
#bo_gall .btn_bo_sch:hover,
#bo_gall .btn_bo_sch:focus { background: #ececec; text-decoration: none; }
#bo_gall .btn_bo_sch i { margin-right: 2px; }

@media screen and (max-width: 960px) {
  #bo_gall #gall_ul {
    display: flex;
    flex-wrap: wrap;
  }
  #bo_gall #gall_ul:after {
    display: none;
  }
  #bo_gall #gall_ul .gall_state {
    flex: 0 0 100%;
  }
}