/* book_bg_list */
#book_bg_list img {height: 110vh;}

/* book_page */
#book_page { align-items: center; justify-content: center; pointer-events: none; }

/* banner_txt */
#banner_txt { margin-bottom: 3.5rem; }
#banner_txt h4 { font-size: 26px; }
#banner_txt h2 { text-transform: uppercase; line-height: 150%; letter-spacing: .07em; font-size: 49px; }

/* book_txt_list */
#book_txt_list li { width: 245px; min-width: 238px; }
#book_txt_list li .atag_item { pointer-events: initial; }
#book_txt_list .book_box { background: rgb(31 31 31 / 50%); border: 1px var(--primary) solid; align-items: center; justify-content: center; }
#book_txt_list .slick-current .book_box { background: rgba(var(--primary-rgb), .7); }
#book_txt_list .book_box img { margin: auto; width: 100px; height: 92px; }
#book_txt_list .book_box h3 { margin-top: .7rem; line-height: 140%; font-size: 22px; }
#book_txt_list .book_box p {text-transform: uppercase;letter-spacing: .01em;font-weight: 300;font-size: 14px;opacity: .7;}

/* book_arrow */
#book_arrow {pointer-events: initial;right: 33%;bottom: 10%;}
#book_arrow a { margin: 0 10px; background: var(--white); line-height: 50px; opacity: .4; }
#book_arrow a i { font-size: 20px; }

@media screen and (min-width: 1025px){
	#book_page .book_list { min-width: 952px; }
	#book_txt_list li { margin-left: -10px; }
	#book_txt_list li:first-child { margin-left: 0; }
}
@media screen and (max-width: 1024px){
	#book_txt_list li { margin: 0 20px; }
}
@media screen and (max-width: 480px){
	#banner_txt h2 {font-size: 10vw;}
}