/* BASIC css start */
/* 메인 이미지 배너 */
#slides{position:relative;z-index:10;min-width:1200px;height:1200px;margin-bottom:100px; }
#slides .slides-container{display:none;}
#slides .slides-navigation{display:none;position:absolute;right: 40px;bottom:20px;z-index:50;font-size:0;}
#slides .slides-navigation a{display:inline-block;width:50px;height:50px;margin-left:4px;color:#2c2c2c;text-align:center;background-color:rgba(255,255,255,0.4);}
#slides .slides-navigation .fa{font-size:36px;padding-top:7px;}
#slides .slides-pagination{position:absolute;bottom:20px;left:0;right:0;z-index:40;text-align:center;font-size:0;}
#slides .slides-pagination a{display:inline-block;margin:6px;width:14px;height:14px;background-color:#fff;border-radius:50%;font-size:0;}
#slides .slides-pagination a:hover, #slides .slides-pagination .current{background-color:#2c2c2c;}

/* fixed banner */
.fixed-img-banner { margin: 30px 0; position: relative; height: 420px; background: url('//skin.makeshop.co.kr/skin/tem147/fix_ban.jpg') center top repeat-y; background-attachment: fixed; overflow: hidden;}
.fixed-img-banner .inner {text-align:center; margin:130px 0 0;}
.fixed-img-banner .inner .t1 { padding: 20px 0 50px; font-size: 56px; color: #fff; line-height: 37px;}
.fixed-img-banner .inner .t2 a { padding: 10px 26px; font-size: 14px; color: #fff; line-height: 37px; border:1px solid #fff; font-weight:normal; }
.fixed-img-banner .inner .t2 a:hover { background-color:rgba(255,255,255,0.2);}

/* 상품진열 - 리스트 타입 */
.item-wrap .item-cont-list{overflow: hidden;}
.item-wrap .item-cont-list:after { content: ""; display: block; clear: both; }
.item-wrap .item-cont-list .item-list { padding:2.4% 0; border-bottom:1px solid #ddd;position:relative;}
.item-wrap .item-cont-list .item-list .thumb { position: relative;float:left; width:40%;}
.item-wrap .item-cont-list .item-list .thumb a { display:block; overflow:hidden; line-height: 60px; text-align: center;}
.item-wrap .item-cont-list .item-list .thumb a img { width:100%;-webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
.item-wrap .item-cont-list .item-list .thumb a:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }
.item-wrap .item-cont-list .item-list .thumb .clChip { margin-top:5px; }
.item-wrap .item-cont-list .item-list .thumb .clChip span {display: inline-block;width: 14px;height: 4px;}
.item-wrap .item-cont-list .item-list dd {position:relative;padding:8.4% 0 0 3%;float:left;}
.item-wrap .item-cont-list .item-list .prd-name,
.item-wrap .item-cont-list .item-list .prd-name a { font-size: 16px;}
.item-wrap .item-cont-list .item-list .prd-subname {color:#999; margin-top:7px; font-size:14px;}
.item-wrap .item-cont-list .item-list .prd-price {padding: 16px 0 0;font-size: 16px;color: #111; position:relative; }
.item-wrap .item-cont-list .item-list .prd-price del,
.item-wrap .item-cont-list .item-list .prd-price strike { color:#999; font-weight: normal; font-size: 14px; margin-right: 5px; }
.item-wrap .item-cont-list .item-list .thumb:hover .prd-preview { display:block; -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease; }
.item-wrap .item-cont-list .item-list .prd-preview { position:absolute; right:0;top:43%; }
.item-wrap .item-cont-list .item-list .prd-preview a { display:block;width:47px; height:47px; background-color:#e8e8e8;border-radius:100%;text-align:center;line-height:54px;}
.item-wrap .item-cont-list .item-list .prd-preview i { font-size: 22px;color:#757575; }
.item-wrap .item-cont-list .item-list .prd-preview a:hover { background-color:#d6d6d6;}
.item-wrap .item-cont-list .item-list .MK-product-icons img { vertical-align: middle; margin:0 2px 3px 0; }

/* 특별상품 */
#specialWrap { padding:2.4% 0;}
#specialWrap .item-wrap .item-cont{overflow: hidden;}
#specialWrap .item-wrap .item-cont:after { content: ""; display: block; clear: both; }
#specialWrap .item-wrap .item-cont .item-list { position:relative;float:left;width:23.5%;margin:0 2% 0 0;padding:0;}
#specialWrap .item-wrap .item-cont .item-list:last-child { margin:0;}
#specialWrap .item-wrap .item-cont .item-list .thumb { position: relative; display:block; overflow:hidden; line-height: 60px; text-align: center; }
#specialWrap .item-wrap .item-cont .item-list .thumb img { width:100%;-webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
#specialWrap .item-wrap .item-cont .item-list .prd-info-bx:hover { opacity: 1; }
#specialWrap .item-wrap .item-cont .item-list .prd-info-bx {position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;opacity: 0;transition: 0.3s ease all;-webkit-transition: 0.3s ease all;-moz-transition: 0.3s ease all;}
#specialWrap .item-wrap .item-cont .item-list .prd-info-bx .prd-info {position:absolute;top:40%;left:0;right:0;margin-top: -20px;z-index:10;}
#specialWrap .item-wrap .item-cont .item-list .prd-info-bx .bg {position:absolute; top:0; left:0; right:0;bottom:0;background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:0 }
#specialWrap .item-wrap .item-cont .item-list .prd-name,
#specialWrap .item-wrap .item-cont .item-list .prd-name a { font-size: 14px; color:#fff;}
#specialWrap .item-wrap .item-cont .item-list .prd-subname {color:#999; margin-top:7px; font-size:14px;}
#specialWrap .item-wrap .item-cont .item-list .prd-price {padding: 6px 0 0;font-size: 14px;color: #fff; position:relative; }
#specialWrap .item-wrap .item-cont .item-list .prd-price del,
#specialWrap .item-wrap .item-cont .item-list .prd-price strike { color:#b8b8b8; font-weight: normal; font-size: 13px; margin-right: 5px; }
#specialWrap .item-wrap .item-cont .item-list .thumb:hover .prd-preview { -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease; }
#specialWrap .item-wrap .item-cont .item-list .preview a { display:block;width:47px; height:47px; background-color:#e8e8e8;border-radius:100%;text-align:center;line-height:54px;margin: 20px auto 0; }
#specialWrap .item-wrap .item-cont .item-list .preview i { font-size: 22px;color:#757575; }
#specialWrap .item-wrap .item-cont .item-list .preview a:hover { background-color:#d6d6d6;}
#specialWrap .item-wrap .item-cont .item-list .MK-product-icons img { vertical-align: middle; margin-left:2px; }

/* BASIC css end */

