@charset "utf-8";

/* 새글 스킨 (latest) */


.lat-book{display:flex; position: relative; margin-top:40px; }
.lat-book > div{max-width:705px; overflow: hidden;}

.main-book-info .gallery_li{background:#fff; padding-right:60px;}
.main-book-info .gallery_li .box-wrap{height: 100%; display:flex; align-items: center; flex-wrap: wrap;}
.main-book-info .gallery_li .box-wrap > div{display:flex; align-items: center; flex-wrap: wrap;}
.main-book-info .gallery_li .box-wrap .inner > div{width:50%;}
.main-book-info .m-book-title{margin-bottom:40px;}
.main-book-info .m-book-title h5{font-size:28px; line-height: 1.3; word-break: keep-all;} 

.main-book-info .img-box{padding-right:60px}
.main-book-info .img-box img{border:1px solid #ddd}
.main-book-info .book-info-view .book-info ul li{display:flex; margin-bottom:12px; }
.main-book-info .book-info-view .book-info ul li:last-chid{margin-bottom:0px; }
.main-book-info .book-info-view .book-info ul li h6{max-width:66px; width:100%; font-size:18px; line-height: 1.4;}
.main-book-info .book-info-view .book-info ul li p{width:calc(100% - 66px); font-size:18px; line-height: 1.4; color:#b6b6b6; font-weight: bold;}
.main-book-info .book-info-view .book-info .book-contents{font-size:16px; line-height: 1.4; color:#8e8e8e; margin-top:40px;}

.book-slide-thumb{width:33.333333%; overflow:visible; display:block;}
.book-slide-thumb .swiper-wrapper{margin:0 -15px; align-items: center;}
.book-slide-thumb .swiper-slide img{border:1px solid #ddd}
.book-thumb-wrap{position: relative; display:flex; align-items: center;}

.book-slide-thumb .swiper-slide{padding:0 15px;}
.book-slide-thumb .m-book-title{font-size:15px; margin-top:8px; line-height: 1.4;}


.right-contents .swiper-pagination{position: relative; margin-top:40px;}
.right-contents .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000}


.lat-book .swiper-button-next,
.lat-book .swiper-button-prev{ background-image:none; width:44px; height: 44px; border:1px solid #000; border-radius: 50%; background:none; margin-top:0;}
.lat-book .swiper-button-next::before,
.lat-book .swiper-button-prev::before{content:""; display:block; width:10px; height: 1px; transform: rotate(-45deg); top:17px; left:15px; position: absolute; background:#adadad }
.lat-book .swiper-button-next::after,
.lat-book .swiper-button-prev::after{content:""; display:block; width:10px; height: 1px; transform: rotate(45deg); bottom:17px; left:15px; position: absolute; background:#000 }
.lat-book .swiper-button-next{transform: rotate(-180deg);}


.lat-book .swiper-button-next::before,
.lat-book .swiper-button-prev::before,
.lat-book .swiper-button-next::after,
.lat-book .swiper-button-prev::after{background:#000}

.lat-book .swiper-button-disabled::before,
.lat-book .swiper-button-disabled::after{background:#adadad !important}


.lat-book .swiper-button-prev, .swiper-rtl .swiper-button-next{left:-80px;}
.lat-book .swiper-button-next, .swiper-rtl .swiper-button-prev{right:-80px;}

@media(max-width:1200px) {
    .lat-book{flex-wrap: wrap; margin-top:20px}
    .lat-book > div{max-width: none; }
    .right-contents{margin-top:30px;}
    .main-book-info .img-box img{max-height: 300px;}
    .main-book-info .gallery_li .box-wrap .inner > div.img-box{width:50%; text-align: center;}
    .main-book-info .gallery_li .box-wrap .inner > div.book-info-viewx{width:50%}
    .book-slide-thumb{width:20%;}
    
}

@media(max-width:1200px) and (min-width:769px){
    .book-slide-thumb .m-book-title h5{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; height: 2.4em; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
}


@media(max-width:768px) {
    .right-contents .swiper-pagination{ margin-top:30px;}
    .right-contents .swiper-pagination-progressbar.swiper-pagination-horizontal{height: 2px;}
    .lat-book .swiper-button-next,
    .lat-book .swiper-button-prev{ display:none}
    .main-book-info .m-book-title{margin-bottom:20px}
    .main-book-info .m-book-title h5{font-size:20px;}
    .main-book-info .book-info-view .book-info .book-contents{margin-top:20px}
    .book-slide-thumb .m-book-title h5{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

    .main-book-info .gallery_li .box-wrap .inner > div{width:100% !important;}
    .main-book-info .gallery_li .box-wrap .inner .book-info-view .text-box{margin:40px 0 0}
    .main-book-info .img-box{padding-right:0; text-align: center;}
    .main-book-info .img-box img{max-height: 280px;}
    .main-book-info .gallery_li{padding-right:0;}
    .book-slide-thumb .swiper-slide img{max-height: 150px;}
    .lat-book .swiper-button-prev, .swiper-rtl .swiper-button-next{left:10px;}
.lat-book .swiper-button-next, .swiper-rtl .swiper-button-prev{right:10px;}

.main-book-info .book-info-view .book-info ul li h6{font-size:16px;}
.main-book-info .book-info-view .book-info ul li p{font-size:16px;}
.book-slide-thumb{width:25%;}

}


@media(max-width:490px) {
    .book-slide-thumb{width:33.333333%;}

}

/* 오른쪽 슬라이드 책 제목 높이 고정 및 정렬 */
.book-slide-thumb .m-book-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* 최대 2행 표시 */
    -webkit-box-orient: vertical !important;
    height: 2.8em !important;         /* 2행 분량의 높이 고정 */
    line-height: 1.4 !important;      /* style.css 기준 줄간격 */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: break-all !important;
    margin-top: 8px !important;
}