@charset "utf-8";

/* items 롤링 스킨 (Swiper) */
#product_items_rolling{width:100%; margin:0 auto;}
#product_items_rolling:after{content:""; display:block; clear:both;}
#product_items_rolling .swiper_simple_items{position:relative; width:100%; overflow:hidden; min-height:180px;}
#product_items_rolling .swiper_simple_items .swiper-wrapper{height:auto !important; align-items:flex-start; box-sizing:border-box;}
#product_items_rolling .swiper_simple_items:after{content:""; display:block; clear:both;}
#product_items_rolling .swiper_simple_items .swiper-slide{position:relative; padding:0; margin:0; width:calc((100% - 40px) / 5); height:auto !important; flex-shrink:0;}
#product_items_rolling .swiper_simple_items .swiper-slide .item-box{position:relative; width:100%; background:white; overflow:hidden; transition:0.5s all ease; box-shadow:0 4px 9px rgba(0,0,0,0.15);}
#product_items_rolling .swiper_simple_items .swiper-slide .item-box:hover{box-shadow:none;}
#product_items_rolling .swiper_simple_items .swiper-slide .item-box .item-link{display:block; text-decoration:none; color:#000;}
#product_items_rolling .swiper_simple_items .swiper-slide .item-box .item-img{position:relative; width:100%; overflow:hidden; padding-bottom:71.428%; background:#f0f0f0;}
#product_items_rolling .swiper_simple_items .swiper-slide .item-box .item-img img{position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; display:block; object-fit:cover; transition:0.5s all ease; transform:scale(1);}
#product_items_rolling .swiper_simple_items .swiper-slide .item-box:hover .item-img img{transform:scale(1.1);}
#product_items_rolling .swiper_simple_items .swiper-slide .item-box .item-content{position:absolute; left:0; right:0; bottom:0; width:100%; padding:10px; text-align:center; background:linear-gradient(135deg, rgba(52,52,50,0.72) 0%, rgba(62,62,68,0.72) 50%, rgba(72,72,70,0.72) 100%); color:#fff; overflow:hidden; z-index:2; transition:box-shadow 0.5s ease;}
#product_items_rolling .swiper_simple_items .swiper-slide .item-box:hover .item-content{box-shadow:none;}
#product_items_rolling .swiper_simple_items .swiper-slide .item-box .item-content::before{content:''; position:absolute; left:50%; top:0; width:0; height:100%; background:rgba(88, 80, 48, 0.68); transform:translateX(-50%) scaleX(0); transform-origin:center; transition:transform 0.5s ease, width 0.5s ease; z-index:-1;}
#product_items_rolling .swiper_simple_items .swiper-slide .item-box:hover .item-content::before{width:100%; transform:translateX(-50%) scaleX(1);}
#product_items_rolling .swiper_simple_items .swiper-slide .item-box .item-content .item-subject{display:block; font-size:0.95em; color:#fff; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#product_items_rolling .swiper_simple_items .swiper-slide .item-box .item-content .fa-lock{display:inline-block; line-height:14px; width:16px; font-size:0.833em; color:#4f818c; background:#cbe3e8; text-align:center; border-radius:2px; font-size:12px; border:1px solid #cbe3e8; vertical-align:middle; margin-right:5px;}
#product_items_rolling .swiper-pagination-items{margin-top:20px; text-align:center;}
#product_items_rolling .swiper-pagination-bullet{margin:0 3px; width:10px; height:10px; background:#ddd; border-radius:50px; transition:0.3s all ease;}
#product_items_rolling .swiper-pagination-bullet-active{background:#29666f;}
#product_items_rolling .empty_item{line-height:145px; color:#666; text-align:center; padding:0;}

/* 반응형 swiper-slide 너비: 최대 5열, 481px~767px 구간은 2열 (구 3열 제거), 1200px 이상 5열 고정 */
@media all and (max-width:359px){
	#product_items_rolling .swiper_simple_items .swiper-slide{width:calc((100% - 10px) / 2);}
}
@media all and (min-width:360px) and (max-width:480px){
	#product_items_rolling .swiper_simple_items .swiper-slide{width:calc((100% - 10px) / 2);}
}
@media all and (min-width:481px) and (max-width:767px){
	#product_items_rolling .swiper_simple_items .swiper-slide{width:calc((100% - 10px) / 2);}
}
@media all and (min-width:768px) and (max-width:1199px){
	#product_items_rolling .swiper_simple_items .swiper-slide{width:calc((100% - 30px) / 4);}
}
@media all and (min-width:1200px){
	#product_items_rolling .swiper_simple_items .swiper-slide{width:calc((100% - 40px) / 5);}
}

/* lt_info 숨기기 */
.lt_info{display:none !important;}