@charset 'UTF-8';

/*==============================
	layout
==============================*/
#itemDetail-cont .itemThumb-wrap .itemThumb-main.slick-area { display:none; }
#itemDetail-wrap .itemThumb-wrap .itemThumb { aspect-ratio:1/1; }


@media screen and (min-width:769px) {
#itemDetail-cont .itemThumb-wrap { float:left; width:calc(45% - 25px); margin-left:25px; }
}

@media screen and (max-width:768px) {
#itemDetail-cont .itemThumb-wrap,
.api_product_img_wrap { width:calc(100% - 50px); max-width:500px; margin:auto; }
}

@media screen and (max-width:425px) {
#itemDetail-cont .itemThumb-wrap,
.api_product_img_wrap { width:calc(100% - 34px); }
}



/*==============================
	img
==============================*/
#itemDetail-wrap .itemThumb img { display:none; width:auto; }
#itemDetail-wrap .itemThumb .slick-list .slick-slide img { display:block; }



/*==============================
	slick
==============================*/
/*arrows*/
.slick-prev,
.slick-next {
 position:absolute;
 top:calc(50% - 10px);
 display:block;
 width:20px;
 height:20px;
 color:transparent;
 background:transparent;
 border:none;
 -webkit-transform:translate(0, -50%);
 -ms-transform:translate(0, -50%);
 transform:translate(0, -50%);
 cursor:pointer;
 outline:none;
 z-index:1;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus { color:transparent; background:transparent; outline:none; }
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before { opacity:1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before { opacity:.25; }

.slick-prev:before,
.slick-next:before { content:''; display:block; height:20px; }

.slick-prev { left:-25px; }
[dir='rtl'] .slick-prev { right:-25px; left:auto; }
.slick-prev:before { background:url(/svg/i-arrow-l.svg) center / 100% no-repeat; }
[dir='rtl'] .slick-prev:before { background:url(/svg/i-arrow-r.svg) center / 100% no-repeat; }

.slick-next { right:-25px; }
[dir='rtl'] .slick-next { right:auto; left:-25px; }
.slick-next:before { background:url(/svg/i-arrow-r.svg) center / 100% no-repeat; }
[dir='rtl'] .slick-next:before { background:url(/svg/i-arrow-l.svg) center / 100% no-repeat; }

.slick-dotted.slick-slider { overflow:inherit; }

.slick-dots { display:flex; flex-wrap:wrap; justify-content:center; width:100%; margin-top:.6em; padding:0; list-style:none; text-align:center; }
.slick-dots * { height:6px; }
.slick-dots li { position:relative; display:inline-block; width:20px; margin:5px; padding:0; font-size:0; cursor:pointer; }
.slick-dots li button { display:block; color:transparent; background:transparent; border:0; cursor:pointer; outline:none; }
.slick-dots li button:hover,
.slick-dots li button:focus { outline:none; }
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { opacity:1; }
.slick-dots li button:before { position:absolute; top:0; left:0; content:''; width:100%; height:6px; background:var(--txt); border-radius:50vh; opacity:.4; }
.slick-dots li.slick-active button:before { opacity:1; }


@media screen and (max-width:425px) {
.slick-prev { left:-22px; }
[dir='rtl'] .slick-prev { right:-22px; }
.slick-next { right:-22px; }
[dir='rtl'] .slick-next { left:-22px; }
}