/* E-book */
.ebook-box {  max-width: 719px;  margin: 0 auto;  padding-bottom: 50px;}
 
.ebook-list { width:100%; margin:0px auto;  padding:0px; display: flex; flex-wrap: wrap; position: relative; }
.ebook-list li { width: calc(100%/4 - 20px); margin:20px 10px; padding:0px; border-radius:20px; overflow: hidden; list-style: none; transition: all 0.3s linear 0s; position: relative;    }
.ebook-list li figure{ width: 100%; padding-bottom:100%; height: 0; overflow: hidden; position: relative; z-index: 1;  border-radius:20px; transition: all 0.5s ease 0s;}
.ebook-list li .item{ width: 100%;  }
.ebook-list .inner{ width: 100%; padding:20px;  display: flex; flex-wrap: wrap;  position: relative;   } 
.ebook-list .inner h3{ margin: 0px auto; font-weight:500;font-size: clamp(0.9rem, 2.3vw, 1.125rem); color:#000; line-height:1.5rem; letter-spacing: 0.2px;  overflow: hidden;white-space: pre-line;word-break:normal; word-wrap:break-word; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical; }
.ebook-list .inner h3 a{  color:#344a4a; }

.ebook-list li:hover h3{color: #157372;}
.ebook-list li:hover img { transform: scale(1.05);  opacity: 1; }
 
@media only screen and (max-width:1024px){
 .ebook-list li {width: calc(100%/3 - 30px); margin:30px 15px; padding:0px; }
}
@media (max-width:992px) {
.ebook-list .inner a p{line-height: 1.125rem;  } 
}
@media (max-width: 767.98px) {
.ebook-list { width: calc( 100% + 20px); margin:0px -10px;   }	 	
.ebook-list li { width: calc(100%/2 - 20px); margin: 10px 10px; height: auto;   } 
.ebook-list .inner h3{ line-height: 1.175rem}
 }
@media (max-width:420px) {
.ebook-list .inner{  padding:10px;  } 
 }
@media (max-width:320px) {
.ebook-list li {width: calc(100%  - 30px);  margin: 10px auto;   }
}

/* Button ======================================================================*/
.ebook-btn {  margin-top: 32px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.ebook-btn .line { display: inline-block; width: 1px;  height: 50%;  background: #999;  margin: auto 15px;}
.ebook-btn > div{width: 50%;display: flex; flex-wrap: wrap; }
@media (max-width: 767.98px) {
.ebook-btn > div{width: 100%; margin: 10px auto; justify-content: center}   
}
a[class^="btn-"] {color: #fff; font-size: 15px; line-height: 15px;}
[class^="btn-"] {width: calc(100%/2 - 20px);  cursor: pointer; transition: all .2s;display: flex; flex-wrap: wrap; justify-content: center; align-items: center }
.btn-print img,.btn-download img{ width: 36px; height: 36px; margin-right: 5px; }
.btn-print img{ filter:invert(100%) brightness(5) grayscale(1)}
.btn-print { background:#157372; padding: 8px 32px;  }
.btn-print:hover { background: #666; box-shadow: 0 0 5px #333 inset; }
.btn-download {  background: #949494; padding: 8px 32px; position:relative;   }
.btn-download:hover { background: #666; box-shadow: 0 0 5px #333 inset; }
@media (max-width: 767.98px) {
[class^="btn-"] {width: calc(100%/2); }   
}

a[class^="btn-pro-"] { padding:15px 20px; color:#157372; font-size: 15px; line-height: 15px;border-radius: 20px; background: #eee;  position: relative}
[class^="btn-pro-"] { width: calc(100%/2 - 20px); align-items: center;justify-content: center; }
[class^="btn-pro-"]:before, [class^="btn-pro-"]:after {  }
[class^="btn-pro-"]:hover { opacity: .5; }
.btn-pro-prev:before { content:""; width:16px; height: 16px; position: absolute; left:20px; top:35%; background: url("../images/icon/arrow-left-2.svg");}
.btn-pro-next:after { content: ''; width:16px; height: 16px; position: absolute; right:20px; top:35%; background: url("../images/icon/arrow-right-2.svg");}
@media (max-width: 767.98px) {
.btn-pro-prev:before { left:10px; }  
.btn-pro-next:after { right:10px; }    
}