/* BASIC css start */
.visual { position:relative }
.visual .bx-controls { position:absolute; bottom:15px; right:15px; z-index: 100 }
.visual .bx-pager-item { float:left }        
.visual .bx-pager a { display:block; margin: 0 3px; width:33px; height:7px; text-indent:-9999em; background:#fff }
.visual .bx-pager a.active{ background:#d4c43e }  

.topBanner { padding-top:15px }
.topBanner ul { *zoom:1 }
.topBanner ul:after { display:block; clear:both; content:'' }
.topBanner li { float:left }
.topBanner li.last { padding-left:20px }

.specialItem { padding-top:90px; position:relative }
.specialItem h3 { padding-bottom:20px; font-size:20px; font-weight:bold; font-family:Arial; text-align:center }
.specialItem .slide dl { position:relative }
.specialItem .slide dt { width:100%; height:100%; cursor:pointer; overflow:hidden }
.specialItem .slide dt img { width:100%; height:100%; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease }
.specialItem .slide dd { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background: url("//skin.makeshop.co.kr/skin/tem97/bbg.png") repeat; overflow:hidden; z-index:2 }
.specialItem .slide dd a { display:block; padding-top:45px; width:100%; color:#fff; text-align:center }
.specialItem .slide dd a span.prd-name { display: block; margin:0 10px; padding-bottom:5px; font-size:12px; color:#fff; border-bottom:none }
.specialItem .slide dd a span.prd-price { display:block; margin:0 10px !important }
.specialItem .bx-controls { position:absolute; top:90px; left:0; width:100% }
.specialItem .bx-controls a { position:absolute; top:0; font-size:24px }
.specialItem .bx-controls .bx-prev { left:0 }
.specialItem .bx-controls .bx-next { right:0 }

.item-wrap { padding-top:70px }
.item-wrap h3 { padding-bottom:20px; font-size:20px; font-weight:bold; font-family:Arial; text-align:center }
#content {width:920px}

        
/* BASIC css end */