@charset "utf-8";

/* Clearfix */
.newclearfix:after{clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0}
* html .newclearfix,:first-child+html .newclearfix{zoom:1}
.plain-carousel .owl-wrapper:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}

/* display none until init */
.plain-carousel{display:none; position:relative; margin:0 auto; width:100%; padding-left:15px; -ms-touch-action:pan-y}
.plain-carousel .owl-wrapper{display:none; position:relative; -webkit-transform:translate3d(0px, 0px, 0px)}
.plain-carousel .owl-wrapper-outer{overflow:hidden; position:relative; width:100%}
.plain-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out}
.plain-carousel .owl-item{float:left}
.plain-carousel .owl-item .item{margin:0 15px 0 0; border: 1px solid #eee;}
.plain-carousel .owl-item a,
.plain-carousel .owl-item a:hover{text-decoration:none}
.plain-carousel .owl-item .check{position:absolute; left:0; top:0}
.plain-carousel .owl-item .item-thumbnail{display:block; background-color:#fff}
.plain-carousel .owl-item .item-thumbnail img{display:block; width:100%; height:auto; -webkit-transition:opacity .2s ease; -moz-transition:opacity .2s ease; -ms-transition:opacity .2s ease; -o-transition:opacity .2s ease; transition:opacity .2s ease}
.plain-carousel .owl-item .item-thumbnail:hover img,
.plain-carousel .owl-item .item-thumbnail:focus img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:.7}
.plain-carousel .owl-item .item-name{display:block; margin-top:7px; text-align:center; font-family:'Malgun Gothic',돋움,sans-serif; font-size:12px; color:#666}
.plain-carousel .owl-item .item-badge{margin-top:5px; padding-bottom:7px; border-bottom:1px solid #ddd; text-align:center}
.plain-carousel .owl-item .item-badge ul{display:inline-block; zoom:1; *display:inline; margin:0; padding:0; list-style:none; vertical-align:middle}
.plain-carousel .owl-item .item-badge li{float:left; margin:0 0 0 3px; padding:0; border:0}
.plain-carousel .owl-item .item-badge li:first-child{margin-left:0}
.plain-carousel .owl-item .item-badge li img{display:block}
.plain-carousel .owl-item .item-desc{display:block; margin-top:4px; text-align:center; font-family:돋움,sans-serif; font-size:11px; color:#999}
.plain-carousel .owl-item .item-price{margin-top:2px; text-align:center; font-family:'Malgun Gothic',Tahoma,sans-serif; font-size:11px; color:#333}
.plain-carousel .owl-item .item-price .price{margin-right:9px; font-size:11px; color:#888}
.plain-carousel .owl-item .item-price .currency_symbol{margin-right:5px}
.plain-carousel .owl-item .quantity{width:50px}

/* mouse grab icon */
.plain-carousel .grabbing{cursor:url(../img/grabbing.png) 8 8, move}

/* fix */
.plain-carousel .owl-wrapper,
.plain-carousel .owl-item{-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0)}

/*--[ Controls ]--*/
.plain-carousel .owl-controls{-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
.plain-carousel .owl-controls .owl-page,
.plain-carousel .owl-controls .owl-buttons div{cursor:pointer}

/* Next and Prev buttons */
.plain-carousel .owl-controls .owl-buttons > div{position:absolute; top:50%; margin-top:-32px; display:inline-block; zoom:1; *display:inline; width:24px; height:64px; background-image:url(../img/sarrow.png); background-repeat:no-repeat}
.plain-carousel .owl-controls .owl-buttons .owl-prev{left:-20px; background-position:4px 16px}
.plain-carousel .owl-controls .owl-buttons .owl-next{right:-21px; background-position:-30px 16px}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.plain-carousel .owl-controls.clickable .owl-buttons .owl-prev:hover{background-position:-62px 16px}
.plain-carousel .owl-controls.clickable .owl-buttons .owl-next:hover{background-position:-96px 16px}

/* Pagination*/
.plain-carousel .owl-controls .owl-pagination{position:absolute; top:-34px; right:0}
.plain-carousel .owl-controls .owl-page{display:inline-block; zoom:1; *display:inline}
.plain-carousel .owl-controls .owl-page span{display:block; width:9px; height:9px; margin-left:6px; background:#fff; border:1px solid #ddd; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%; border-radius:100%}
.plain-carousel .owl-controls .owl-page.active span,
.plain-carousel .owl-controls.clickable .owl-page:hover span{background:#888; border-color:#888}

/* If PaginationNumbers is true */
.plain-carousel .owl-controls .owl-page span.owl-numbers{height:auto; width:auto; color:#FFF; padding:2px 10px; font-size:12px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px}
/* preloading images */
.plain-carousel .owl-item.loading{min-height:150px; background:url(../img/AjaxLoader.gif) no-repeat center center}
