/* 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;}

/* BASIC css end */