/* BASIC css start */
/* 메인 롤링 배너 */
.mainBan { }
.mainBan .sliderWrap {position:relative;min-width:1200px;height: 792px;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: 20px;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: 12px;height: 12px;font-size:0;margin: 0 5px;background-color: #3c3c3c;border-radius: 50%;}
.mainBan .sliderArea .bx-pager-link.active{background-color: #e4e4e4;}

/* 상품 타이틀 */
.h_title h3 { font-size: 28px; color:#2e2e2e; margin:100px 0 35px; text-align:center;}

#newWrap { width:1200px; margin:0 auto; }

.item-wrap .item-cont2 {overflow: hidden; margin-left:-20px;}
.item-wrap .item-cont2 .item-list {float:left;width: 285px; margin: 0 0 30px 20px;}
.item-wrap .item-cont2 .item-list .thumb { position: relative; }
.item-wrap .item-cont2 .item-list .thumb a { display:block; overflow:hidden }
.item-wrap .item-cont2 .item-list .thumb a img { width:100%;-webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
.item-wrap .item-cont2 .item-list .thumb a:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }
.item-wrap .item-cont2 .item-list .thumb .clChip {margin-top:5px; }
.item-wrap .item-cont2 .item-list .thumb .clChip span {display: inline-block;width: 14px;height: 4px;}

/* MD'S PICK  롤링상품진열 */
.mdWrap { margin:100px 0;}
.mdPickWrap { position:relative; width:1200px; margin:0 auto;}
.mdPickWrap .h_title { float:left; position: absolute; left: 70px; top: 45px;}
.mdPickWrap .h_title h3 { margin: 0;}
.mdPickWrap .h_title h3 span {font-size: 13px; font-weight: normal; display:block;text-align:center;}
.mdPickWrap .h_title h3 span:before { content:''; width:30px;height:1px; background:#000; display:block;margin:14px auto;}
.mdPickWrap .sliderArea{position:relative; width:910px; float:right;}
.mdPickWrap .bx-pager { position: absolute; left: -196px; bottom: 30px; }
.mdPickWrap .bx-pager .bx-pager-item {display:inline-block; }
.mdPickWrap .bx-pager .bx-pager-item a { font-size:0; width:10px; height:10px; border-radius:50%; background:#8d8d8d;display:block;margin:0 4px;}
.mdPickWrap .bx-pager .bx-pager-item a.active { background:#000;}
.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 { }
.mdPickWrap .list .thumb {position:relative; display:block; overflow:hidden; text-align: center;}
.mdPickWrap .list .thumb img { width:100%;}
.mdPickWrap .list .thumb:hover .prd-info { display:block; -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease; }
.mdPickWrap .list .thumb .prd-info { display:none; position:absolute; right:0; bottom:0; width:100%; height:60px; background-color:rgba(255, 255, 255, 0.7);padding:20px 0 0;}
.mdPickWrap .list .thumb .prd-info:hover { background-color:rgba(255, 255, 255, 0.7);}
.mdPickWrap .prd-info .prd-name {font-size: 15px; }
.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;}
.mdPickWrap .list .thumb:hover .prd-preview { display:block; -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease; }
.mdPickWrap .list .prd-preview {  display:none;position:absolute; left:0;right:0;bottom:-24px;;}
.mdPickWrap .list .prd-preview a { display:block;font-size:18px; line-height:40px; text-align:center;}

/* Video Area */
.videoWrap { margin-top:30px; position:relative; width: 100%; background:#f8f8f8 }
.videoWrap .videoInner { width: 1200px; margin: 0 auto ; padding: 100px 0;}
.videoWrap .videoInner .video { float:left;}
.videoWrap .videoInner .video iframe { width: 780px; height:430px;border:0; }

.add1Product {float:left;  margin:0 0 0 90px;  position:relative;width:285px}
.add1Product .item-list { text-align:center;}
.add1Product .item-list .thumb { position:relative; width:285px;border-radius:100%;overflow:hidden; }
.add1Product .item-list .thumb img { width:285px;}
.add1Product .item-list .thumb:hover .prd-preview { display:block; -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease; }
.add1Product .item-list .thumb .prd-preview { display:none; position:absolute; left:50%; bottom:42%; width:40px; height:40px; margin-left:-20px;border-radius:100%;background-color:rgba(255, 255, 255, 0.9);}
.add1Product .item-list .thumb .prd-preview a { display:block;font-size:18px; line-height:40px; text-align:center;}
.add1Product .item-list .thumb .prd-preview:hover { background-color:rgba(255, 255, 255, 1);}
.add1Product .item-list .prd-name { padding:26px 0 0;font-size:16px; }
.add1Product .item-list .prd-subname { margin-top:8px;font-size:14px;color:#999; }
.add1Product .item-list .prd-price { padding:15px 0 0; font-size:16px; }
.add1Product .item-list .prd-price del { color:#999; font-size:14px; margin-right:5px; }

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

/* 롱배너 */
.bannerArea {width:100%; margin:60px auto 0; }
.bannerArea a{display:block;}
.bannerArea a img{width:100%;}

#ftWrap { margin:0 !important; }

/* 배너 + 슬라이드 */
.wrapTitle { position: relative; font-size: 40px; font-weight: bold; }
.wrapsubTitle { position: relative; font-size: 26px; font-weight: nomal; }
.wrapTitle .moreBtn { position: absolute; top: 50%; right:0; transform: translateY(-50%); font-size: 25px; }

.leftBannerWrap .container { width: 1200px; margin:0 auto; } 
.leftBannerWrap .wrapTitle { margin: 110px 0 50px; }
.leftBannerWrap .leftImgWrap {font-size: 0;display: flex;}
.leftBannerWrap .leftImgWrap .left {display:inline-block;width: 480px;margin-right: 0px;vertical-align: top}
.leftBannerWrap .leftImgWrap .left a{display:block;}
.leftBannerWrap .leftImgWrap .left a img{width:100%;}
.leftBannerWrap .leftImgWrap .right {display:inline-block;width: 720px;vertical-align: top;}
.leftBannerWrap .leftImgWrap .right .leftSlide {padding:0px 4px 0px 4px;height:700px;border: 0px solid #eee;min-width: 100%;}
.leftBannerWrap .item-wrap .item-cont .item-list {position: relative;padding-right: 0;margin:0;text-align: center;width: calc(25%);}
.leftBannerWrap .item-wrap .item-cont .item-list a { padding: 5px;  display: block; }
.leftBannerWrap .item-wrap .item-cont .item-list .prd-info { width: calc(100% - 30px); padding: 20px 10px; margin: 10px 10px 7px 10px; position: absolute; bottom: 5px; opacity:0; background: rgba(255,255,255,0.7); transition: all 0.3s; box-sizing: border-box; }
.leftBannerWrap .item-wrap .item-cont .item-list:hover .prd-info { opacity:1; }
.leftBannerWrap .item-wrap .item-cont .item-list .thumb img { width: 100% ; }
.leftBannerWrap .item-wrap .item-cont .item-list .prd-icon { margin-top: 0px; }
.leftBannerWrap .item-wrap .item-cont .item-list .prd-name { margin-top: 5px; line-height: 15px; font-size: 13px;padding-right:0 !important}
.leftBannerWrap .item-wrap .item-cont .item-list .prd-priceBox { margin-top: 5px; }
.leftBannerWrap .item-wrap .item-cont .item-list .prd-priceBox del,
.leftBannerWrap .item-wrap .item-cont .item-list .prd-price { font-size: 13px }
.leftBannerWrap .item-wrap .item-cont .item-list .prd-subname { margin-top: 5px; font-size: 12px }
.leftBannerWrap .item-wrap .item-cont .item-list .prd-etc { margin-top: 5px; line-height: 18px; font-size: 12px }
.leftBannerWrap .leftSlide .leftBar { right:0; left:auto; /*position: relative; width: calc(100% - 10px); height:4px;  margin: 14px auto 0;*/ background: #e5e5e5; }
.leftBannerWrap .leftSlide .leftBar.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #737373 }

/* BASIC css end */