/* BASIC css start */
.item-wrap {overflow: visible; width:1200px;padding: 35px 0 0;margin: 0 auto;min-width: 1200px;}

/* 메인 롤링 배너 */
.sliderWrap {position:relative;min-width:1200px;height: 700px;overflow:hidden;}
.sliderWrap .sliderArea {margin-left:-1500px;position:absolute;top:0;left:50%;width:3000px;text-align: center;}
.sliderArea .bx-controls { position:relative;}
.sliderArea .bx-pager{position:absolute;bottom: 23px;left:50%;right:0;z-index:60;text-align:center; font-size:16px; background:rgba(0,0,0,0.5);color:#fff;width:115px;height:38px;margin-left:-57px;border-radius:18px;line-height:38px;}
.sliderArea .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.sliderArea .bx-pager-link{display:inline-block;width: 13px;height: 13px;font-size:0;margin: 0 5px;background-color: #2e2e2e;border-radius: 10px;}
.sliderArea .bx-pager-link.active{background-color: #fff;}
.sliderArea .bx-controls-direction {position:absolute;top:0;z-index:60;text-align:center;width: 100%;}
.sliderArea .bx-prev, .sliderArea .bx-next{position:absolute;top:-53px;text-align:center;font-size: 20px;display:inline-block;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;color:#fff;}
.sliderArea .bx-prev{left: 48%;margin-left: 10px; }
.sliderArea .bx-next{right: 48%;margin-right: 6px;}
.sliderArea .bx-controls-direction a.bx-prev:hover, .sliderArea .bx-controls-direction a.bx-next:hover {opacity:0.6}

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

.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;}

/* 이미지 고정 배너 */
.fixed-img-banner { position:relative; height:480px; background:url('/design/esac/12923/tem162/erang_banner.jpg') center center no-repeat; background-size:cover; background-attachment:fixed; overflow:hidden; }
.fixed-img-banner .inner {width: 1200px; margin: 60px auto 0; text-align:center; }
.fixed-img-banner .inner .t1 { padding: 120px 0 60px 0; font-size: 46px; color: #fff; font-weight: bold;}
.fixed-img-banner .inner .t2 a { display:inline-block; font-size: 16px; color: #fff; border:1px solid #fff; padding:8px 40px; }
.fixed-img-banner .inner .t2 a:hover { background-color:rgb(255,255,255,0.3)}

/* 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; }

/* SPEICAL ITEM */
#specialWrap {
    display:none;
}
/* 이삭 유튜브 바로가기 */
#youtubeBanner {
    width: 1200px;
    margin: 70px auto 100px;
}

#youtubeBanner .youtube-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 55px 70px;
    box-sizing: border-box;
    background: #f3f6ed;
    border: 1px solid #e0e6d7;
    text-decoration: none;
    color: #222;
    transition: all 0.3s ease;
}

#youtubeBanner .youtube-link:hover {
    background: #e9efe0;
    transform: translateY(-3px);
}

#youtubeBanner .youtube-label {
    display: block;
    margin-bottom: 13px;
    color: #6d7e42;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 3px;
}

#youtubeBanner h2 {
    margin: 0 0 13px;
    color: #29351f;
    font-size: 27px;
    font-weight: 500;
}

#youtubeBanner p {
    margin: 0;
    color: #777;
    font-size: 15px;
}

#youtubeBanner .youtube-button {
    display: inline-block;
    flex-shrink: 0;
    margin-left: 50px;
    padding: 16px 28px;
    background: #718347;
    color: #fff;
    font-size: 14px;
    transition: background 0.3s ease;
}

#youtubeBanner .youtube-link:hover .youtube-button {
    background: #53672f;
}

/* BASIC css end */