/******** main *********/
.biz-topnews .library-box{padding:25px; margin-top: 10px; background: #efefef;}
.display-grid {display: grid;grid-template-columns: repeat(6, 1fr); gap: 15px; padding:10px 0;}
.library .info a { display: block;}
.library .thumb{max-height:150px; overflow:hidden;  padding: 0 10px;}
.type-01.library {}
.library .info {border-top: 15px solid #c1a676; border-top-style: ridge; border-bottom:0; border-radius: 10px; text-align: center;}
.library .info .index-tit { padding-top: 10px; font-weight:600 !important; font-size:18px !important; color: #000 !important;  word-break: keep-all;}/*폰트 조정 251120*/
.library .info  p:nth-child(2) { font-size: 15px !important; color: #7a7a7a !important;}/*폰트 조정 251120*/
.library .thumb img {  clip-path: polygon(0 0, 97% 0, 100% 5%, 100% 100%, 0% 100%); border-right: 5px solid #636363; border-style: double;}

.dark .biz-topnews .library-box{ background: #353535;}
.dark .library .info .index-tit { color: #fff !important;}
@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 580px) {
.display-grid {grid-template-columns: repeat(3, 1fr);}
.display-grid .type-01.library { margin-bottom:20px;}
}
@media screen and (max-width:480px){
    #bookSlider{ justify-content: start;}
}


/******** section ********/
/* .news-section .library-box h2{font-size:20px;} */
.news-section .display-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 60px; padding:30px 0;}
.news-section .library .info a { display: block; text-align:center;}
.news-section .library .info .library-tit { display: block; text-align:center; font-weight:600;}
.news-section .library .info .library-sub-tit,  .library-author-name { display: block; text-align:center; font-size:15px; color:#7a7a7a;}
.news-section .library .thumb{max-height:250px; overflow:hidden;  padding: 0 10px;}
.news-section .type-01.library {max-width:170px;}
.news-section .library .info {border-top: 15px solid #c1a676; border-top-style: ridge; border-bottom:0; border-radius:10px;}
.news-section .library .info a.index-tit { padding-top: 10px;}
.news-section .library .thumb img {clip-path: polygon(0 0, 97% 0, 100% 5%, 100% 100%, 0% 100%); border-right: 5px solid #636363;  border-style: double;}

/*책이미지 애니메이션 효과*/
.library .thumb {transition: transform 0.3s ease;}
.library:hover .thumb {transform: translateY(-3px) scale(1.05);}
/* /책이미지 애니메이션 효과*/

@media only screen and (max-width: 768px) {
.news-section .display-grid { margin-bottom:30px;}
}
@media only screen and (max-width: 580px) {
.news-section .display-grid {grid-template-columns: repeat(2, 1fr);}
}



/******** view ********/
.library-box .group_title-a{font-weight:bold; font-size:20px;}
.library-box .flexbox--jc-between{padding-right:1.5rem;}
.dark .text-gray-900, .dark .text-gray-800  {color: #fff;}
.dark .text-gray-700, .dark .text-gray-600 {color: #c2c2c2;}
.dark .hover\:bg-gray-50:hover{background-color: rgb(61 61 61);}

.border-b{border-bottom:1px solid #eaeaea;}
.border-t{border-top:1px solid #eaeaea;}

@media screen and (max-width:768px){
    .book-information {padding: 1.5rem 0 0 0;}
        }
/* 커스텀 스크롤바 숨기기 (선택 사항) */
.no-scrollbar::-webkit-scrollbar {display: none;  }
.no-scrollbar {-ms-overflow-style: none;  /* IE and Edge */scrollbar-width: none;  /* Firefox */ }
.align-self-center{align-self:center;}

/* 슬라이더 전환 효과 */
.slider-container {transition: transform 0.5s ease-in-out;}
#bookSlider {will-change: transform; cursor: grab; scroll-behavior: smooth; overflow-x: auto;justify-content: center; }
#bookSlider::-webkit-scrollbar {display: none;}
.book-item {flex: 0 0 auto;}
.book-title {word-break: keep-all; white-space: normal; }
.dark .book-item .bg-white{background-color: rgb(61 61 61);}

 @media screen and (max-width:768px){ #bookSlider{ justify-content: start;} }
 /* /슬라이더*/

 /* 방문한 링크 스타일 */
#toc-list li a:visited .toc-title {color: #9ca3af; /* gray-400 */ }
#toc-list li a:visited time {color: #d1d5db; /* gray-300 */}

 /* 목차 아이템 숨기기 */
.toc-item-hidden {display: none; }

/* OL 태그의 기본 숫자 매김을 제거하고, 수동으로 번호를 추가할 준비 */
#toc-list {list-style-type: none; /* 기본 숫자 매김 제거 */ padding-left: 0; /* 기본 패딩 제거 (필요시 조정) */}
#toc-list li {position: relative; /* 번호 위치 지정을 위해 */ padding-left: 4rem; /* 번호가 들어갈 공간 확보 (3자리 숫자 대응) */}
#toc-list li .toc-number {  position: absolute;  left: 0;  top: 0.5rem; /* li의 padding-top과 맞춤 */
                            font-weight: 500;  color: #3b82f6; /* 파란색으로 강조 */  width: 3.5rem; /* 번호의 너비 고정 (3자리 숫자 대응) */
                            text-align: right; /* 번호 오른쪽 정렬 */ margin-right: 0.5rem; /* 번호와 텍스트 사이 간격 */
                          }

/*페이지네이션*/
.pagination-button {transition: all 0.2s ease-in-out;
		           /* Tailwind의 @apply를 사용하지 않고 직접 스타일 정의 */
		            padding-left: 0.75rem; /* px-3 */
		            padding-right: 0.75rem; /* px-3 */
		            padding-top: 0.5rem; /* py-2 */
		            padding-bottom: 0.5rem; /* py-2 */
		            margin-left: 0.25rem; /* mx-1 */
		            margin-right: 0.25rem; /* mx-1 */
		            border-radius:5px; /* rounded-full */
		            /* background-color: #e5e7eb;  *//* bg-gray-200 */
		            border:1px solid #d0dfe3;
		            color: #4b5563; /* text-gray-700 */
		            font-weight: 600; /* font-semibold */
		            font-size: 0.95rem;
		            cursor: pointer;
		            min-width: 2.5rem;
		            text-align: center;
		            white-space: nowrap; /* 줄바꿈 방지 */
                }
.pagination-button:hover:not(.active) { background-color: #eaf1fe; /* hover:bg-gray-300 */}
.pagination-button.active { background-color: #3b82f6; /* bg-blue-500 */color: white; /* text-white */ font-weight: bold;}

 /* 페이지네이션 말줄임표 스타일 */
#toc-pagination-controls span {display: inline-flex; align-items: center; padding: 0.5rem 0.25rem; color: #6b7280; /* text-gray-500 */ white-space: nowrap;}

/* 모바일 페이지네이션 최적화 */
 @media screen and (max-width:768px){
	.pagination-button {
	                padding-left: 0.4rem; /* 더 작게 */
	                padding-right: 0.4rem; /* 더 작게 */
	                padding-top: 0.35rem;
	                padding-bottom: 0.35rem;
	                margin-left: 0.1rem; /* 마진도 최소화 */
	                margin-right: 0.1rem;
	                font-size: 0.8rem; /* 더 작은 폰트 */
	                min-width: 1.8rem;
	            }
	#toc-pagination-controls span { padding: 0.35rem 0.1rem;font-size: 0.8rem;}
	#toc-list li{padding-left: 2rem;}
    #toc-list li .toc-number{width: 1.5rem; }
}

/* 아주 작은 화면 (480px 이하) */
 @media screen and (max-width:480px){
            .pagination-button {
                padding-left: 0.3rem;
                padding-right: 0.3rem;
                padding-top: 0.3rem;
                padding-bottom: 0.3rem;
                margin-left: 0.05rem;
                margin-right: 0.05rem;
                font-size: 0.75rem; /* 12px */
                min-width: 1.6rem;
            }
            #toc-pagination-controls span {
                padding: 0.3rem 0.05rem;
                font-size: 0.75rem;
            }
        }

/* 목차 아이템 숨기기 */
.toc-item-hidden {display: none; }

@media screen and (max-width:768px){
    .book-img.mr-4{ margin-right:0; }
    ol.text-lg{ font-size:1rem;}
    .book-title {font-size:0.9rem;}
}