#container a{display:block;}
#container .content .rollring { float: left; width: 630px; position: relative;height: 450px;}
#container .content .rollring .blind_wrap{height:90px;background:#ffffffe0;width:100%;position: absolute;bottom:0;left:0;z-index: 9;}
#container .content .rollring .bx-controls .bx-pager {z-index: 999;}
#container .content .rollring .bx-pager { position: absolute; width: 100%; height: 9px; font-size: 0; left: 75px; bottom: 40px;
}

#container .content .rollring .bx-pager .bx-pager-item { display: inline-block; width: 9px; height: 9px; margin-right: 5px; }

#container .content .rollring .bx-pager .bx-pager-item a { display: block; height: 100%; background: #d56a79; border-radius: 9px; }

#container .content .rollring .bx-pager .bx-pager-item a.active { background:red;outline: 3px solid red;
      outline: 2px solid red;
      border-radius: 5px;
      box-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
      outline-offset:0px; }
	  
#container .content .rollring .bx-controls-direction{position: absolute;
    top: 50%;
    display: flex;
    justify-content: space-between;
    width: 100%;}


	
#container .content .rollring .bx-controls-direction a{font-size:0;}
#container .content .rollring .bx-controls-direction a.bx-prev{width: 19px; height: 37px; background: url("/resources/common/img/ico__arr_1.png") no-repeat 0 0; }
#container .content .rollring .bx-controls-direction a.bx-next{width: 19px; height: 37px; background: url("/resources/common/img/ico__arr_1.png") no-repeat right 0; }
#play-pause-btn {
	display: block;
	position: absolute;
	color: #000;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 40px;
	top: 87%;
	left: 90%;
	z-index: 999;
}

#container .content .search .cont .srchBox .btn-link-srch{background: #000000;}


#container .content .banner {
  float: left;
  width: 100%;
  margin: 42px 0 55px;
  box-sizing: border-box;
  position: relative;
}

#container .content .banner .box {
  height: 91px;
  border: 1px solid #dadada;
  overflow: hidden;
  position: relative;
}


#container .content .banner .tit {
  display: inline-block;
  width: 140px;
  font-size: 16px;
  vertical-align: middle;
  padding-left: 22px;
  margin-top: 0;
}


#container .content .banner .cont {
  display: inline-block;
  vertical-align: middle;
  padding-top: 0;
  width: 90%;
  box-sizing: border-box;
  position: relative;
  /* left: 50%; */
  /* transform: translateX(-50%); */
}


#container .content .banner .swiper-banner  {
  width: 100%;
  position: relative;
  height: 45px;
  padding: 0 50px;
  left: 0;
}


#container .content .banner .swiper-wrapper {
  display: flex;
  overflow: hidden;
}


#container .content .banner .swiper-slide {
  width: 187px !important;
  height: 45px;
  margin-right: 10px;
  flex-shrink: 0;
}


#container .content .banner .swiper-slide img {
  width: 187px;
  height: 45px;
}


.banner .swiper-button-prev,
.banner .swiper-button-next {
  /* background: url("https://lib.jbe.go.kr/resources/homepage/wpl/img/ico_player.png") no-repeat; */
  position: absolute;
 
  /* transform: translateY(-50%); */

  z-index: 10;
   pointer-events: auto; 
}

.banner .swiper-button-prev {
   left: 0;
  background-position: 0 0;
}

.banner .swiper-button-next {
 right: 0;
 background-position: 0 -27px;
}

/* 더보기 버튼 */
#container .content .banner .cont .btn-link-more {
  position: absolute;
  width: 15px;
  height: 15px;
  font-size: 0;
  left: 109%;
  top: 50%;
  transform: translateY(-50%);
  background: url(
  https://lib.jbe.go.kr/resources/homepage/wpl/img/ico_more.png) no-repeat right top;
  border: 0;
}


.swiper-pagination {
  display: none;
}

/*팝업존*/

#container .content .popZone{ position: relative;}

.popup-swiper {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.popup-swiper .swiper-wrapper {
  display: flex;
  transition-property: transform;
}

.popup-swiper .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: auto;
}

.popup-swiper {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.popup-swiper .swiper-wrapper {
  display: flex;
  transition-property: transform;
}

.popup-swiper .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: auto;
}

.popup-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  position:absolute;
  top: 20px;
  right: 0;
}

.popup-controls button {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
}
.swiper-pagination-bullet:focus-visible {
  outline: 2px solid red;
  outline-offset: 1px;
  opacity:1;
}

.popup-controls span{}

.bx-pager-item a:focus-visible {
  outline: 2px solid red;
  outline-offset: 1px;
}