/*메인배너*/
.mySwiper{position: relative; border-radius: 18px; overflow: hidden;}
.mySwiper .swiper-slide a{display:block; }
.mySwiper .swiper-slide img{height: auto; display:block; width: 100%;}
.mySwiper .swiper-controls { background: rgba(255,255,255,0.35) !important;}
.mySwiper .swiper-pagination{position: absolute; left: 66px; bottom: 18px; width: auto; padding: 10px 14px; border-radius: 999px; color: #0f2b38; font-size: 14px;}
.mySwiper .swiper-button-prev, .mySwiper .swiper-button-next{width: 34px; height: 34px; top: auto; bottom: 18px; margin-top: 0; border-radius: 999px; color: #555;}
.mySwiper .swiper-button-prev{left: 22px; transform: translateY(0);}
.mySwiper .swiper-button-next{left: 22px; transform: translateX(110px);}
.mySwiper .swiper-button-next svg, .mySwiper .swiper-button-prev svg {height: 55%;}
.mySwiper .swiper-button-prev::after, .mySwiper .swiper-button-next::after{ font-size: 14px;}


/*인기도서/학교도서 확인*/
.main_wrap {display: flex; gap:24px;}
.pop_wrap {display: flex; gap: 14px;}
.pop_wrap .book_set {display: flex; gap: 12px; align-items: center; padding: 4px 12px 4px 0;}
.pop_wrap .book_cover {width: 54px; height: 79px; margin-bottom: 0;}
.pop_wrap .book_title {width: 202px;}
.pop_wrap .tabs .tablist {padding: 8px 0;}
.pop_wrap .tabs .tablist button {margin-right: 8px;}
.pop_wrap .tabs .tablist img {display: inline-block; padding-right: 4px;}
.pop_wrap .tabs {border: 1px solid #D9D9D9; border-radius: 10px; padding: 8px 12px; width: 309px; box-sizing: border-box;}

.pop_wrap .tabs .tabpanel {height: 275px; overflow-y: auto; font-size: 15px;}

.pop_wrap .tabs .tabpanel::-webkit-scrollbar-button {display: none;}
.pop_wrap .tabs .tabpanel::-webkit-scrollbar {width: 4px;}
.pop_wrap .tabs .tabpanel::-webkit-scrollbar-thumb {background-color: #bbb; border-radius: 4px;}
.pop_wrap .tabs .tabpanel::-webkit-scrollbar-track {background-color: transparent;}

/*메인 타이틀*/
.main_title {font-size: 24px; margin-bottom: 14px; color: #333; }
.main_title img {display: inline-block; margin-right: 6px;}
.main_title a {float: right;}

.main_title2 {padding-bottom: 12px; align-items: center;}

.teacher_btn {display: inline-block; float: right; border-radius: 30px; padding: 4px; border:1px solid #d9d9d9}
.teacher_btn .reset {display: inline-block; padding: 4px 10px; border-radius: 30px;  height: 30px; background: #e9eaec; color: #222; margin-right: 10px;}
.teacher_btn img {width: 12px; margin-right: 0;}
.teacher_btn i { display: inline-block; font-size: 15px;}
.teacher_btn .btn_cta_st2 {font-weight: 300; background: #0095B8; color: #fff; padding: 6px 14px; border-radius: 30px;  font-size: 15px;}


/*책 더보기*/
.book_more {border: 1px solid #D9D9D9; display: block; text-align: center; padding: 14px; border-radius: 50px; color: #555; margin: 10px auto 0; width: 140px;}

/*카테고리 펼치기*/
.tablist.btn_st1 {position: relative;}



@media all and (max-width:1480px) {
  
    .main_wrap {display: block;}
    .pop_wrap {margin-top: 40px; gap: 24px;}
    .pop_wrap > div {width: 50%;}
    .pop_wrap .tabs {width: 100%;}
    .pop_wrap .book_title {width: 100%;}
    .pop_wrap .name_wrap {max-width: 400px;}
    .pop_wrap .name_wrap i {max-width: 50%;}

}

@media all and (max-width:1080px) {
  
   
    .tablist.btn_st1.is-collapsible {display: flex; flex-wrap: wrap; gap: 8px;}
  .tablist.btn_st1.is-collapsible.is-collapsed .tab.is-hidden {display: none;}

  .tablist-toggle {width: 100%; margin-top: 8px; border: 0; border-radius: 4px;  padding: 10px 12px; cursor: pointer; font-size: 14px; background: #F6F7F9;}
  .tablist-toggle:focus {outline: 1px solid #0095B8; outline-offset: 1px;}
  .tag_txt{display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid #d9d9d9; border-radius: 6px; overflow: hidden;}
  .tag_txt a{border-right: none; border: 0; border-left: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; padding: 12px 10px; font-size: 13px; line-height: 1.2; text-align: center; font-size: 16px;}
  .tag_txt a:nth-child(-n + 3){border-top: none;}
  .tag_txt a:nth-child(3n + 1){border-left: none;}
  
}

@media all and (max-width:768px) {
    .pop_wrap {display: block;}
    .pop_wrap > div {width: 100%;}
    .popNow {margin-bottom: 40px;}

    .tablist .tab span {display: block;}
    
    .teacher_btn {float: initial; margin-top: 12px; display: flex; justify-content: space-between; align-items: center; padding:10px}
    .teacher_btn .btn_cta_st2 {padding: 12px 18px;}
   
}

@media all and (max-width:460px) {
  .mySwiper{padding-bottom: 40px; position: relative; overflow: hidden;}

    .mySwiper .swiper-controls{position: absolute; margin-left: -110px; left: 50%; bottom:30px; transform: translateY(55px); z-index: 20;}
    .mySwiper .swiper-pagination {display: flex; gap: 8px;}

    
    .btn_st1 button{width: 31%; padding: 8px 12px;}
    .btn_st1 a {width: 37%; padding: 16px 16px;}

    .tag_txt a span {display: block;}

}