@charset "utf-8";

.basic-shop-item-slider-v1 { overflow:hidden; position:relative; width:100%; line-height:20px; }
.basic-shop-item-slider-v1 .txt-normal { letter-spacing:0; }
.basic-shop-item-slider-v1 .txt-short { letter-spacing:-1px; padding-right:1px; }
.basic-shop-item-slider-v1 .item-none { padding:50px 10px; text-align:center; color:#888; }
.basic-shop-item-slider-v1 .item-list {position: relative; overflow: hidden; border-radius: 30px; border: 1px solid #ddd; transition: all 0.5s;}
.basic-shop-item-slider-v1 .item-image { position:relative; overflow:hidden; z-index: 1;}
/* .basic-shop-item-slider-v1 .item-list .img-wrap .img-item {transform: scale(1.1); transition: 1s;} */
.basic-shop-item-slider-v1 .item-content {
--font-size-pc: 10;
--font-size-mob: 10;
font-size: min( calc( var(--font-size-mob) / 1430 * 100vw ), calc(var(--font-size-pc) * 1px) );
padding: 3rem 2rem 3rem 15px; position: absolute; z-index: 2; top: 4rem; background: rgba(0,0,0,0.5); width: 91.1%; border-radius: 0 30px 30px 0;}

.basic-shop-item-slider-v1 .item-star { text-align:center; overflow:hidden; letter-spacing:-1px; font-size:18px; line-height:20px; height:20px; margin-bottom:4px; }
.basic-shop-item-slider-v1 .item-name {}
.basic-shop-item-slider-v1 .item-name b {font-size: max(20px, 3em); display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  text-overflow: ellipsis;
height: fit-content; overflow: hidden; line-height: 1.2; color: #fff;}
.basic-shop-item-slider-v1 .item-text { font-size:16px; color:#fff; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  text-overflow: ellipsis;
height: fit-content; overflow: hidden; line-height: 1.4; margin-top: 10px; font-weight: 300;}
.basic-shop-item-slider-v1 .item-sp { margin:0px 4px; white-space:nowrap; }
.basic-shop-item-slider-v1 .item-sp i { margin-right:2px; color:#888; }
.basic-shop-item-slider-v1 .item-sns { margin-top:15px; text-align:center; }
.basic-shop-item-slider-v1 .item-sns img { width:15%; max-width:34px; border-radius:50%; }
font-weight: bold; color: #000; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  text-overflow: ellipsis;}

.basic-shop-item-slider-v1 .item-list:hover {border-color: var(--main-color);}

/* .basic-shop-item-slider-v1 .item:hover .img-item {transform: scale(1.1);} */

/* 버튼 커스텀 */
.basic-shop-item-slider-v1 {overflow: unset;}
.basic-shop-item-slider-v1 .owl-show {overflow: unset;}
.basic-shop-item-slider-v1 .owl-container {overflow: unset;}
.basic-shop-item-slider-v1 .owl-carousel:hover .owl-controls.clickable .owl-buttons div {display: block;}
.basic-shop-item-slider-v1 .owl-carousel .owl-controls.clickable .owl-buttons div {display: block; }
.basic-shop-item-slider-v1 .owl-carousel .owl-controls .owl-buttons div {background-color: rgba(166, 166, 235, 1); width: 7rem; height: 7rem; border-radius: 50%; line-height: 7rem; color: #fff; font-size: 22px;}
.basic-shop-item-slider-v1 .owl-carousel .owl-controls .owl-buttons div.owl-prev {left: -80px;}
/* next는 여기서 스타일이 안 먹혀서 widget.php에 설정함 */


@media (max-width: 1590px) {
	.basic-shop-item-slider-v1 {overflow: hidden;}
	.basic-shop-item-slider-v1 .owl-show {overflow: hidden;}
	.basic-shop-item-slider-v1 .owl-container {overflow: hidden;}
	.basic-shop-item-slider-v1 .owl-carousel .owl-controls {width: 100%; position: relative;}
	.basic-shop-item-slider-v1 .owl-carousel .owl-controls .owl-buttons {width: 100%; height: 7rem; position: relative; margin-top: 3rem; display: flex; justify-content: center; gap: 10px;}
	.basic-shop-item-slider-v1 .owl-carousel .owl-controls .owl-buttons div {top: unset; position: relative; margin-top: 0;}
	.basic-shop-item-slider-v1 .owl-carousel .owl-controls .owl-buttons div.owl-prev {left: unset;}
}

@media (max-width: 768px) {
	.basic-shop-item-slider-v1 .item-list { border-radius: 10px; }
	.basic-shop-item-slider-v1 .item-content {font-size: min( calc( var(--font-size-mob) / 768 * 100vw ), calc(var(--font-size-pc) * 1px) ); top: 50%; transform: translateY(-50%); padding: 7rem 2.5rem 7rem 15px;}
}