/* BASIC css start */
#content{width:100%; padding-bottom:0;}

/* 타이틀 */
.ctitle{position:relative;}
.ctitle .utilMenu{position:absolute;right:10px;top:43px;}
.ctitle .moreBtn{display:inline-block;font-size:24px;color:#000;width:38px;height:38px;border:1px solid #000;text-align:center;}
.ctitle .moreBtn i{padding-top:7px;}
.ctitle .moreBtn:hover{border-color:#aaa;}
.ctitle.main{color:#000;padding:46px 0 46px;text-align:center;}
.ctitle.main .title{font-size:24px;font-weight:700;display:block;line-height:1.4;}
.ctitle.main .subTitle{font-size:16px;line-height:1.4;padding-bottom:16px;display:block;}

/* 메인 배너 공통 */
.sliderWrap{padding-bottom:90px;}
.sliderArea{position:relative;max-width:100%;}
.sliderArea img{width:100%;}
.sliderArea .bx-pager{position:absolute;bottom:40px;left:0;right:0;z-index:60;text-align:center;}
.sliderArea .bx-pager-item{display:inline-block;position:relative;}
.sliderArea .bx-pager-link{transition:all 0.3s ease;display:inline-block;width:45px;height:9px;background-color:#949494;background-color:rgba(255,255,255,0.5);font-size:0;margin:3px;}
.sliderArea .bx-pager-link:hover, .sliderArea .bx-pager-link.active{background-color:#fff;}
.sliderArea .pagerWrap{position:absolute;bottom:35px;left:50%;margin-left:-320px;text-align:center;}
.sliderArea .bx-controls{}
.sliderArea .bx-controls-direction{position:absolute;top:50%;left:50%;z-index:60;text-align:center;}
.sliderArea .bx-controls-direction i{vertical-align:top;}
.sliderArea .bx-prev, .sliderArea .bx-next{position:absolute;top:0;margin-top:-24px;font-size:48px;display:inline-block;width:48px;height:48px;color:#fff;vertical-align:middle;-webkit-transition:all 0.5s;transition:all 0.5s;}
.sliderArea .bx-prev{left:0;margin-left:-600px;}
.sliderArea .bx-next{right:0;margin-right:-600px;}

/* mainSlider */
.sliderWrap.mainSliderWrap{padding-bottom:0;}
.mainSliderWrap .bx-prev:hover{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
.mainSliderWrap .bx-next:hover{-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg);}

/* banner */
.bannerArea{position:relative;}
.bannerArea:after{content:"";display:block;clear:both;}
.bannerArea .left{float:left;}
.bannerArea .right{float:right;}
.bannerArea .center{position:absolute;top:0;left:50%;margin-left:-196px;width:392px;}
.bannerArea .center img{width:100%;}
.bannerArea .center .bx-prev, .bannerArea .center .bx-next{color:#000;}
.bannerArea .center .bx-prev{margin-left:-186px;}
.bannerArea .center .bx-next{margin-right:-186px;}
.bannerArea a{display:block;}
.bannerArea.middle{padding-bottom:98px;margin-top:90px;}

/* HOT ITEM */
.recmdPrd{background-color:#eaeaea;padding:5px 0 43px;position:relative;}
.recmdPrd .sliderArea{position:static;}
.recmdPrd .ctitle.main{padding:51px 0;}
.recmdPrd .recmdSliderCnt{height:1px;overflow:hidden;position:static;}
.recmdPrd .minSlideNum .recmdSlider{margin-left:-130px;}
.recmdPrd .maxSlideNum .recmdSlider{margin-left:-520px;}
.recmdPrd .swiperBtn{color:#fff;font-size:24px;width:42px;height:42px;line-height:1;background:rgba(50,50,50,0.7);border-radius:10px;position:absolute;top:50%;margin-top:-21px;text-align:center;}
.recmdPrd .swiper-button-next{right:50%;margin-right:-600px;}
.recmdPrd .swiper-button-prev{left:50%;margin-left:-600px;}
.recmdPrd .swiperBtn i{padding-top:9px;}

.recmdPrd .list{padding:0 16px;text-align:center;width:228px;}
.recmdPrd .imgWrap{display:block;width:100%;overflow:hidden;position:relative;}
.recmdPrd .imgWrap .hoverImg{position:absolute;top:0;left:0;right:0;bottom:0;display:none;background-color:rgba(0,0,0,0.6);font-size:80px;color:#fff;line-height:1;}
.recmdPrd .imgWrap i{padding-top:40px;}
.recmdPrd .imgWrap:hover .hoverImg{display:block;}
.recmdPrd .subTxt{font-size:14px;color:#000;line-height:1.5;}
.recmdPrd .subTxt .prd-name{display:block;padding:30px 0 6px;}
.recmdPrd .subTxt .prd-price{display:block;height:63px;overflow:hidden;}

/* New item banner */
.item-wrap.newPrd{}
.item-wrap.newPrd .title{padding-top:50px;}
.item-wrap.newPrd .newCateTab{border-bottom:1px solid #d8d8d8;}
.item-wrap.newPrd .newCateTab:after{content:"";display:block;clear:both;}
.item-wrap.newPrd .newCateTab .slideList{float:left;width:25%;}
.item-wrap.newPrd .newCateTab a{display:block;position:relative;margin-left:6px;height:48px;line-height:48px;font-size:13px;color:#000;text-align:center;border:1px solid #d8d8d8;border-bottom:0;background-color:#eee;}
.item-wrap.newPrd .newCateTab a:before, .item-wrap.newPrd .newCateTab a:after{content:"";display:block;position:absolute;}
.item-wrap.newPrd .newCateTab a:before{top:-1px;left:-1px;right:-1px;height:2px;}
.item-wrap.newPrd .newCateTab a:after{bottom:-1px;left:0;right:0;height:1px;background-color:transparent;}
.item-wrap.newPrd .newCateTab .active{background-color:#fff;}
.item-wrap.newPrd .newCateTab .active:before{background-color:#000;}
.item-wrap.newPrd .newCateTab .active:after{background-color:#fff;}
.item-wrap.newPrd .newCateTab .slideList:first-child a{margin-left:0;}
.item-wrap.newPrd .newCateList{padding-top:42px;}
.item-wrap.newPrd .bx-controls{display:none;}
.item-wrap.newPrd .viewOff{display:none !important;}

/* 인스타그램 */
.instaArea{padding:36px 0 0;}
.instaArea .titleArea{text-align:center;padding-bottom:34px;}
.instaArea .title{font-size:20px;padding-bottom:20px;}
.instaArea .title i{font-size:30px;margin-right:8px;vertical-align:-6px;}
.instaArea .subTitle{font-size:14px;color:#fff;letter-spacing:1.5px;display:inline-block;height:30px;line-height:30px;background-color:#323232;padding:0 18px;border-radius:15px;}
.instaArea .subTitle .firstLetter{display:inline-block;vertical-align:1px;line-height:1;}

/* BASIC css end */