/* BASIC css start */
#contentWrapper { margin-top:-120px }

/* 메인 롤링 배너 */
.mainBan { }
.mainBan .sliderWrap {position:relative;min-width:1200px;height: 896px;overflow:hidden;}
.mainBan .sliderWrap .sliderArea {margin-left:-1500px;position:absolute;top:0;left:50%;width:3000px;text-align: center;}
.mainBan .sliderArea .bx-pager{position:absolute;bottom: 30px;left:0;right:0;z-index:60;text-align:center; font-size:20px; }
.mainBan .sliderArea .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.mainBan .sliderArea .bx-pager-link{display:inline-block;width: 8px;height: 8px;font-size:0;margin: 0 5px;background-color: transparent;border:2px solid #ddd;border-radius: 10px;}
.mainBan .sliderArea .bx-pager-link.active{background-color: #ddd;border:2px solid #ddd;}


/* Best Seller */
.bestPrdArea {width:1200px;margin:120px auto;position:relative;}
.bestPrdArea .bx-viewport { margin:40px 0 0;}
.bestPrdArea li { width: 285px; float:left;vertical-align: top; text-align: center;margin:0 20px 20px 0;box-sizing:border-box;position:relative;}
.bestPrdArea li:nth-child(4n) { margin:0;}
.bestPrdArea li img.listPic { width: 100%;   height: 285px;}
.bestPrdArea li a {display:block;position:relative;}
.bestPrdArea li a .best { font-size: 16px; color: #fff; background: rgba(0,0,0,0.3); width: 50px; height: 34px; position: absolute; top: 0; right: 0; line-height: 34px; }
.bestPrdArea .bx-controls {height:40px;}
.bestPrdArea .bx-pager {position:absolute;top:5px;left:50%;width:200px;text-align:center;margin-left:-100px;}
.bestPrdArea .bx-pager-item {display:inline-block;vertical-align:top;font-size:0;padding:0 7px;}
.bestPrdArea .bx-pager-link {display:inline-block;width:12px;height:12px;border:2px solid #e1e0e0;border-radius:50%;font-size:0;}
.bestPrdArea .bx-pager-link.active {background-color:#383838;border-color:#383838;cursor:default;}
.bestPrdArea .bx-controls-direction a {font-size:50px; }
.bestPrdArea .bx-controls-direction .bx-prev, 
.bestPrdArea .bx-controls-direction .bx-next { position:absolute;top:47%;}
.bestPrdArea .bx-controls-direction .bx-prev {left:-80px; }
.bestPrdArea .bx-controls-direction .bx-next {right:-80px; }
.bestPrdArea .bx-controls-direction .bx-prev:hover, 
.bestPrdArea .bx-controls-direction .bx-next:hover { opacity:0.5;}

.bestPrdArea .shoppingInfo { display:none;position:absolute;top:0;left:0;width:100%;height:100%;text-align: center; font-size: 13px; background:rgba(0,0,0,0.5);}
.bestPrdArea .shoppingInfo a { color:#fff;}
.bestPrdArea .shoppingInfo .listName {padding:120px 0 10px;font-size:14px; }
.bestPrdArea .shoppingInfo .listPrice { font-size:14px;}
.bestPrdArea .shoppingInfo .listPrice .originPrice { color:#cdcdcd;margin:0 4px 0 0;}
.bestPrdArea .shoppingInfo .prd-preview a {padding:20px 0 0;font-size:24px; }


/* 상품 타이틀 */
.h_title h3 { font-size: 28px; color:#2e2e2e; margin:0 0 35px; }
.h_title h3 span {font-size: 16px; font-weight: normal; margin:10px 0 0 20px; }

/* 이벤트 배너*/
.eventArea { margin: 100px auto 0; text-align: center; }
.eventArea ul { margin:0 auto; width:1200px;}
.eventArea ul li {position:relative; float:left;margin:0 30px 0 0; }
.eventArea ul li:last-child { margin: 0;}
.eventArea ul li a:hover img {filter:alpha(opacity=80); opacity:0.8;}

/* MD'S PICK  롤링상품진열 */
.mdWrap { margin:100px 0;}
.mdPickWrap { position:relative; width:1200px; margin:0 auto;}
.mdPickWrap .sliderArea{position:relative; }
.mdPickWrap .bx-controls-direction{color:#111;}
.mdPickWrap .bx-controls-direction .bx-next { right:-60px; }
.mdPickWrap .bx-controls-direction .bx-prev { left:-60px;}
.mdPickWrap .bx-controls-direction .bx-next,
.mdPickWrap .bx-controls-direction .bx-prev{position:absolute;top: 44%; display:inline-block;font-size: 30px;width: 40px;height: 40px;color:#8c8c8c;background-image: none; text-align:center; }
.mdPickWrap .bx-controls-direction .bx-prev:hover,
.mdPickWrap .bx-controls-direction .bx-next:hover { color:#2c2c2c; }
.mdPickWrap .bx-controls-direction i {line-height: 45px;}

.mdPickWrap .list {width: 255px; /* padding:32px; */}
.mdPickWrap .list .thumb {position:relative; display:block; overflow:hidden; text-align: center;}
.mdPickWrap .list .thumb img { width:100%;}
.mdPickWrap .list .thumb:hover .prd-preview { display:block; -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease; }
.mdPickWrap .list .thumb .prd-preview { display:none; position:absolute; right:0; bottom:0; width:40px; height:40px; background-color:rgba(255, 255, 255, 0.9);}
.mdPickWrap .list .thumb .prd-preview a { display:block;font-size:18px; line-height:40px; }
.mdPickWrap .list .thumb .prd-preview:hover { background-color:rgba(255, 255, 255, 1);}
.mdPickWrap .prd-info { margin:20px 0 0; text-align:center;}
.mdPickWrap .prd-info .prd-name {font-size: 15px; }
.mdPickWrap .prd-info .prd-subname {font-size:14px; color:#999; margin-top:7px; }
.mdPickWrap .prd-info .prd-price del { color:#999; font-weight: normal; font-size: 14px; margin-right: 5px;}
.mdPickWrap .prd-info .prd-price {padding: 6px 0;font-size:15px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;margin:20px 0 0;}

/* Video Area */
.videoWrap { margin-top:30px; position:relative; width: 100%; background:#f8f8f8 }
.videoWrap .videoInner { width: 1200px; margin: 0 auto ; padding: 68px 0;}
.videoWrap .videoInner dl.video { float:left;}
.videoWrap .videoInner dl.video dt {margin: 0 0 28px 0}
.videoWrap .videoInner dl.video dt .vdTit {font-size: 30px;}
.videoWrap .videoInner dl.video dd { position:relative; overflow: hidden; }
.videoWrap .videoInner dl.video dd iframe { width: 780px; height:430px;border:0; }

/* SPEICAL ITEM */
#specialWrap { width:1200px; margin:120px auto; }

#ftWrap { margin:0 !important; }


/*새로운거*/


/* 컨텐츠 타이틀 */
.main_tit { position:relative; text-align:center }
.main_tit h2 { font-size:20px; color:#101010; letter-spacing:5px }

/* new arrival */
#column_new { margin:0 auto; padding-top:60px; position:relative; width:1280px; overflow:hidden }
#column_new .item-wrap { padding-top:30px }
#column_new .item-wrap .item-cont .item-list { margin:0 10px 20px 0 }
#column_new .item-wrap .item-cont .item-list .thumb .ico { position:absolute; top:0; left:0; width:45px; height:45px; text-indent:-9999em; background:url(/design/coffeebe/10275/main/ico_main_new.png) 0 0 no-repeat }
#column_new .item-wrap .item-cont .item-list dd { width:246px; min-height:135px; text-align:left; border:1px solid #ececec; border-top:none }
#column_new .item-wrap .item-cont .item-list dd ul { padding:20px }
#column_new .item-wrap .item-cont .item-list dd ul .prd-brand { padding:0 }
#column_new .item-wrap .item-cont .item-list dd ul .prd-brand a { font-size:14px; color:#282828 }
#column_new .item-wrap .item-cont .item-list dd ul .prd-size { padding-top:15px; color:#878787 }
#column_new .item-wrap .item-cont .item-list dd ul .prd-name { color:#878787; line-height:20px }
#column_new .item-wrap .item-cont .item-list dd ul .prd-subname { padding-top:10px; font-size:12px; color:#878787 }
#column_new .item-wrap .item-cont .item-list dd ul .prd-price { padding-top:12px; font-size:14px; color:#d72a2a }
#column_new .item-wrap .item-cont .item-list dd ul .prd-price strike { color:#282828 }

/* md's pick */
#column_md { margin-top:40px; position:relative; height:500px; background:#fceeee; /*background:url(/design/coffeebe/10275/main/bg_md_pick.jpg) top center repeat-x*/ }
#column_md .main_tit { padding:40px 0 30px }
#column_md .md_prod_lst { margin:0 auto; position:relative; width:1280px; overflow:hidden }
#column_md .md_prod_lst ul { width:1288px; *zoom:1 }
#column_md .md_prod_lst ul:after { display:block; clear:both; content:'' }
#column_md .md_prod_lst ul li { margin:0 8px 8px 0; float:left }
#column_md .md_prod_lst ul li a { display:block; position:relative; height:176px; cursor:pointer }
#column_md .md_prod_lst ul li img { width:176px; height:176px }
#column_md .md_prod_lst ul li .mask { position:absolute; top:0; left:0; width:176px; height:176px; background:url(/design/coffeebe/10275/main/mask_pick.png) 0 0 no-repeat; z-index:10 }

/* BESTSELLERS */
#column_best { margin:0 auto; padding-top:60px; position:relative; width:1280px; overflow:hidden }
#column_best .main_tit { padding-bottom:30px }

/* best wholesale */
#column_sale { margin-top:40px; position:relative; height:689px; background:#f1e9f5; /*background:url(/design/coffeebe/10275/main/bg_sale.jpg) top center repeat-x*/ }
#column_sale .main_tit { padding:35px 0 30px }
#column_sale .sale_prod_lst { margin:0 auto; width:1280px }
#column_sale .item-wrap .item-cont { width:1294px }
#column_sale .item-wrap .item-cont .item-list { margin:0 13px 0 0; width:202px }
#column_sale .item-wrap .item-cont .item-list .thumb { position:relative; width:202px; height:202px; border:none }
#column_sale .item-wrap .item-cont .item-list .thumb a { display:block; height:202px; cursor:pointer }
#column_sale .item-wrap .item-cont .item-list .thumb img { width:202px; height:202px }
#column_sale .item-wrap .item-cont .item-list .thumb .mask { position:absolute; top:0; left:0; width:202px; height:202px; background:url(/design/coffeebe/10275/main/mask_sale.png) 0 0 no-repeat; z-index:10 }
#column_sale .item-wrap .item-cont .item-list dd { width:202px }
#column_sale .item-wrap .item-cont .item-list dd ul { padding:15px 5px }
#column_sale .item-wrap .item-cont .item-list dd ul .prd-brand { padding:0 }
#column_sale .item-wrap .item-cont .item-list dd ul .prd-price { padding:0 }
/* BASIC css end */