/* BASIC css start */
body #contentWrapper {padding: 0;}


/* ¸ÞÀÎ ºñÁê¾ó ¹è³Ê */
#mainSpot {height:100vh; overflow:hidden; position: relative;}
#mainSpot .inner {position: absolute; width: 100%; height: 100%; top: -4.1vw;}
#mainSpot .inner .slick-slide img {width:100%;}
#mainSpot .inner .slick-arrow {position:absolute; z-index:1; display: block; padding: 50px 40px; opacity: 0.5; font-size:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease;}
#mainSpot .inner .slick-prev {left:0; background:url('/design/byssiny/img/bt1.png')no-repeat center; }
#mainSpot .inner .slick-prev:hover {left:5px;}
#mainSpot .inner .slick-next {right:0; background:url('/design/byssiny/img/bt2.png')no-repeat center;}
#mainSpot .inner .slick-next:hover {right:5px;}
#mainSpot .inner .slick-dots {position: absolute; z-index: 3; bottom: 9%; text-align: center; width: 100%; opacity: 0.7; }
#mainSpot .inner .slick-dots li {    background: #000; width: 15px; height: 2px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; overflow: hidden; text-indent: -100%; margin: 0 1px;}
#mainSpot .inner .slick-dots li.slick-active {background: #9f0000; width: 30px; height: 2px; transition: width 0.3s;}

/* »óÇ° ¸ñ·Ï ¿µ¿ª */
.product-wrap { margin:0 0 0 260px; position:relative; padding-right:50px;}


/* »óÇ° ´ÙÁß À̹ÌÁö ½½¶óÀÌ´õ */
.item-wrap .item-cont .item-list .thumb { overflow: visible; }
.item-wrap .item-cont .item-list .thumb .bx-wrapper { position: relative; }
.item-wrap .item-cont .item-list .thumb .bx-pager { position: absolute; left: 50%; bottom: 5%; transform: translateX(-50%); display: flex; gap: 8px; align-items: center; justify-content: center; }
.item-wrap .item-cont .item-list .thumb .bx-pager a { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: rgba(238, 238, 238, 0.5); font-size:0; text-indent: -9999px;}
.item-wrap .item-cont .item-list .thumb .bx-pager a.active { background: #000; }
.item-wrap .item-cont .item-list .thumb .bx-controls-direction a { position:absolute; top: 50%; width: 9px; height: 16px; margin-top: -8px; font-size:0; text-indent: -9999px; }
.item-wrap .item-cont .item-list .thumb .bx-prev {left:10px; background:url(/images/common/btn_multiple_prev.png) left center no-repeat;}
.item-wrap .item-cont .item-list .thumb .bx-next {right:10px; background:url(/images/common/btn_multiple_next.png) right center no-repeat;}
/* BASIC css end */