.pos_rel{position: relative;}
.pos_abs{position:absolute;}
/* book_list */
#book_list img{height:100%;border-radius: 15px;aspect-ratio: 4/2;object-fit: cover;}
#book_list li:nth-child(2) img, #book_list li:nth-child(3) img, #book_list li:nth-child(4) img, #book_list li:nth-child(6) img{
    aspect-ratio: 4 / 3;
    width: 100%;
}
#book_list li:first-child img , #book_list li:first-child .img_box{border-radius: 30px 10px 50px 10px;}
.webBox #book_list .img_scale:hover img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:translateY(-9px);-webkit-transform:translateY(-9px);-o-transform:translateY(-9px);-ms-transform:translateY(-9px);transform: scale(1.1);}
#book_list .img_box{border-width:0 1px 1px 0;padding-top: 0;margin:0 auto;width: 100%;display: flex;flex-direction: column;overflow: hidden;border-radius: 15px;}
#book_list .img_box:before,#book_list .img_box:after{position:absolute;width:100%;height: 100%;z-index:9;opacity:.4;content:""}
#book_list .img_box:after{right:0;bottom:0;background: #000000;}
#book_list li:first-child .img_box:after{border-radius: 30px 10px 50px 10px;}
#book_list .atag_item{z-index:10;width: 100%;height: 100%;}
#book_list .badge{margin:auto;max-width:calc(100% - 0px);height: 18px;line-height:120%;width:100%;font-size: 20px;background:unset;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:break-spaces;color:#4b4b4b;margin-top:7px;color: #ffffff;}
#book_list .teinfo{display:flex;margin-top: 10px;position: absolute;z-index: 9;}
#book_list li:first-child .teinfo{align-items:center;}
#book_list li:first-child .teinfo .badge{}

/* album_list */
#album_list{flex-wrap:wrap}
#album_list>div{margin:0 1px 1px 0;height:300px;flex-grow:1}
#album_list>div img{width:auto;min-width:100%;height:300px}
#book_list{width:min(90%,1440px);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows: 259px 259px 259px 259px;grid-column-gap:20px;grid-row-gap:20px;margin-bottom: 50px;}
#book_list li{display: flex;width:100%;justify-content: center;flex-direction: column;align-items: center;}
#book_list li:first-child{grid-column:span 3;grid-row:span 2;}
#book_list li:first-child:hover:after{top:10px}
#book_list li:nth-child(5){grid-column: 2 / span 3;grid-row: span 2;}
#book_list li:nth-child(5):hover:after{bottom:72px}
#book_list li:nth-child(5) img{border-radius:50px 10px 10px 10px;}

@media screen and (min-width:980px){
	#book_list .img_box:after{opacity: 0;}
	#book_list li:hover .img_box:after{opacity: 0.4;}
	#book_list .teinfo{bottom: 14px;}
	#book_list li:hover .teinfo{bottom: 31px;}
}

@media screen and (max-width:1470px){
	#book_list{width:min(90%,1160px);grid-template-rows: 230px 230px 230px 230px;}
	#book_list img{min-height:175px;}
	#book_list li{padding:0 10px}
	#book_list li:first-child .img_box, #book_list li:nth-child(9) .img_box{height: 465px;padding-top: 0;}
	#book_list li:first-child:after{top:10px}
	#book_list li:first-child:hover:after{top:0}
	#book_list li:nth-child(9):after{bottom:38px}
	#book_list li:nth-child(9):hover:after{bottom:48px}
	#book_list li:nth-child(2) img, #book_list li:nth-child(3) img, #book_list li:nth-child(4) img, #book_list li:nth-child(6) img{min-height: 224px;}
}

@media screen and (max-width:1024px){
	#book_list{grid-template-rows:240px 253px 230px  127px 100px}
	#book_list li:first-child{grid-column:span 4;grid-row:span 2}
	#book_list li:nth-child(4),#book_list li:nth-child(5),#book_list li:nth-child(6),#book_list li:nth-child(7){grid-column:span 1;grid-row:span 1}
	#book_list li:nth-child(2) img,#book_list li:nth-child(3) img,#book_list li:nth-child(4) img,#book_list li:nth-child(5) img{border-radius:10px;height:100%;min-height:152px}
	#book_list li:nth-child(3) .img_box{padding-bottom: 0;}
	#book_list li:nth-child(6){grid-column:1 / span 4;grid-row:span 3}
	#book_list li:nth-child(6) img{width:100%}
	#book_list li:nth-child(6):after{content:"";background:url(/images/40/wooJ2.png);width:200px;position:absolute;right:calc(0% - -10px);bottom:29px;background-size:contain;aspect-ratio:1/1;z-index:0;-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
	#book_list li:nth-child(6):hover:after{bottom:48px}
	#book_list li:nth-child(6) img{border-radius:50px 10px 10px 10px}
	#book_list li:nth-child(9){grid-column:unset;grid-row:span 2}
	#book_list li:nth-child(9):after{display:none}
	#book_list li:nth-child(9):hover:after{display:none}
	#book_list li:nth-child(9) img{border-radius:10px}
	#book_list img{min-height:175px}
	#book_list li:nth-child(7) img{min-height:175px}
}
@media screen and (max-width:768px){
	#book_list{grid-template-columns:repeat(2,1fr);grid-template-rows:500px 250px 300px 500px 250px 250px}
	#book_list li:first-child{grid-column:span 2;grid-row:span 1}
	#book_list li:nth-child(6){grid-column:1 / span 2;grid-row:span 1}
	#book_list li:nth-child(4) img,#book_list li:nth-child(5) img,#book_list li:nth-child(6) img,#book_list li:nth-child(7) img{width:100%}
	#book_list li:nth-child(6):after{bottom:73px;width:150px}
}
@media screen and (max-width:640px){
	#book_list{margin:0 5%;display:flex;flex-direction:column}
	#book_list li{margin-bottom:20px}
	#book_list .img_box{border:0}
	#book_list img{min-height:auto!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;height:285px!important}
	#book_list li:first-child .img_box{height: unset;}
	#book_list li:first-child .teinfo .badge{margin-top: 20px;}
	#album_list>div,#album_list>div img{height:40vw}
	#book_list li:nth-child(6) img,#book_list li:first-child img{border-radius:10px}
}
@media screen and (max-width:550px){
    #book_list .badge{max-width:100%}
}
@media screen and (max-width: 480px){
	.list_product ul li .img img {height: 78vw;}
	#productdetail #imglist .slider-nav {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
}
@media screen and (min-width:1921px){
    #book_list{width:min(90%,90%);grid-template-rows: 400px 400px 510px 510px 400px 400px;}
	#book_list .badge{font-size:30px;height:43px;line-height:150%}
	#book_list li{margin-bottom: 0;display: flex;justify-content: flex-start;}
    #book_list li:first-child img, #book_list li:nth-child(5) img{aspect-ratio: 4 / 3;}
	#book_list .img_box{padding-top: 0;}
}
@media screen and (min-width:2560px){
	#book_list{grid-template-rows: 480px 480px 480px 480px;gap: 60px;}
	#book_list li:nth-child(3) .img_box{padding-bottom: 0;}
	#book_list li{margin-bottom: 0;display: flex;flex-direction: column;}
	#book_list img{}
}