/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

/*
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
*/
/* .bx-wrapper .main_slider li {
    max-width: 100%;
    height: 500px;
} */
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
	/*
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
	//
	*/
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  top: 50%;
  right: 3rem;
  transform: translate(50%, -50%);
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
  text-indent: -9999px;
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 0 5px;
  border-radius: var(--radius-all-xl);
  transition: 0.3s;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  /* border: 3px solid var(--main-color-2); */
  background: var(--main-color);
  height: 2rem;
}
.bx-wrapper .bx-pager-item {
  margin-bottom: 1rem;
  display: flex;
  justify-content: flex-end;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 0;
  background: url('../images/common/bx_prev.png') no-repeat  12px center #fff;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  opacity: 1;
}
.bx-wrapper .bx-next {
  right: 1px;
  background: url('../images/common/bx_next.png') no-repeat 9px #fff;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  opacity: 1;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  left: 1rem;
  margin-top: -16px;
  outline: 0;
  width: 2.5rem;
  aspect-ratio: 1/1;
  text-indent: -9999px;
  z-index: 9999;
  border-radius: 100%;
  opacity: 0.7;
  transition: 0.3s;
}
.bx-wrapper .bx-controls-direction a:last-child {
  right: 1rem;
  left: inherit;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: var(--main-font);
  display: block;
  font-size: .85em;
  padding: 10px;
}

/*갤러리*/
.gallery_slider .bx-pager-item, .bx-controls-auto .bx-controls-auto-item { float: left; }
.gallery_slider .bx-wrapper .bx-pager.bx-default-pager a {
    background: #c1c1c1;
}
.gallery_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    height: 1rem;
    background: var(--main-color);
}
.gallery_slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    top: 100%;
    right: 45%;
    transform: none;
    margin-top: 2rem;
}
.gallery_slider .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    z-index: 9999;
    border-radius: 100%;
    opacity: 1;
}
.gallery_slider .bx-wrapper .bx-next {
    background: url(../images/common/bx_next.png);
    background-size: cover;
}
.gallery_slider .bx-wrapper .bx-prev {
    background: url(../images/common/bx_prev.png);
    background-size: cover;
}

@media screen and (max-width:1300px) {
  .gallery_slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
      top: 100% !important;
      right: 45% !important;
  }
}

@media screen and (max-width:840px) {
  .gallery_slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
      top: 100% !important;
      right: 45% !important;
  }
  .gallery_slider .bx-wrapper .bx-controls-direction a {
      width: 35px;
      height: 35px;
  }
  .gallery_slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
      right: 43% !important;
  }
}

@media screen and (max-width: 640px) {
  .gallery_slider .bx-wrapper .bx-pager {
      display: block;
  }
  .gallery_slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
      right: 40% !important;
  }
  .gallery_slider .bx-wrapper .bx-pager.bx-default-pager a {
      width: 10px !important;
      height: 10px !important;
  }
}