@charset "utf-8";
.down {border:1px solid #ddd;background-color:#ffffff;border-radius:2rem;margin-top:1rem;;transition: .5s}
.down a {width:100%;height:100%;display:block;padding: 1rem 2rem;}
.down:hover {background-color:var(--color-main); border-color:var(--color-main)}
.down:hover a {color:#ffffff}
.bookSwiper {width: 80%;overflow: hidden;background-color: #fff;border-radius: 2rem;position: relative;}
.bookSwiper li {padding: 3rem;}
.bookSwiper li img {width:100%}
.bookSwiper button {position:absolute;top: 50%;font-size: 2rem;z-index: 1;transition: .5s;}
.bookSwiper button:hover {color:var(--color-main)}
.btn-prev {
    left: 0;
    margin-left: 15px;
}
.btn-next {
    right: 0;
    margin-right: 15px;
}


/* PC */ 
@media only screen and (min-width:1024px) and (max-width: 1500px)  {
    
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
    .bookSwiper {width: 65%;}
    .bookSwiper li {padding: 1.5rem;}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    p, li, dd, dt {font-size: clamp(.9rem, 4.2vw, 1rem);}
   .bookSwiper {width:100%; border-radius:1rem}
    .bookSwiper li {padding:1rem;}
    .bookSwiper button {display:none}
}