/* BASIC css start */
#header {
    position:absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

/* 롤링배너 */
#mainSpot .swiper-pagination {display: table; position: absolute; left: auto !important; right: 43px;  bottom: 16px !important; width: 45px; height: 29px; line-height: 29px; background-color: rgba(0,0,0,0.1); text-align: center; color: #fff; font-size: .7rem; font-weight: bold;}
#mainSpot .swiper-button-prev {background: url(/design/smart4mi/allshop/m/icon/mainbanleft.png) center no-repeat; background-size: 22%; left: auto; right: 89px; border-radius: 20px 0 0 20px;}
#mainSpot .swiper-button-next {background: url(/design/smart4mi/allshop/m/icon/mainbanright.png) center no-repeat; background-size: 22%; right: 19px; border-radius: 0 20px 20px 0;}
#mainSpot .swiper-button-next:after, #mainSpot .swiper-button-prev:after { font-family: inherit !important; font-size: 0}
#mainSpot .swiper-button-next, #mainSpot .swiper-button-prev { top: auto !important; bottom: 16px; width: 23px; height: 29px; margin-top: 0 !important; background-color: rgba(0,0,0,0.1); outline: 0;}
/* //롤링배너 */

/* cate */
.cateTit { padding: 60px 0 30px; position: relative; text-align: center;}
.cateTit h3 { color: #181818; font-weight: bold; line-height: 20px; font-family: 'Roboto', sans-serif; font-size: 1.2rem;}

/*newroll*/
.newroll ul{padding: 0;}
.newroll .slick-list{ padding-top: 17px !important;}
.newroll .slick-list .slick-slide{margin:0 15px}
.newroll .slick-list .slick-slide img{border-radius: 0%; border:2px solid #f7f7f7;}
.newroll .slick-list .slick-track{ min-height: 222px;}
.newroll .slick-slide.slick-center img{ margin: 0 0 36px; box-shadow: 0 4px 4px #d0d0d0; -webkit-transform: scale(1.25); transform: scale(1.25); transition: all 0.2s;}
.newroll .items .slick-slide a{outline: 0; border: 0;}
@media (min-width: 370px) {
    .newroll .slick-list .slick-track{ min-height: 240px;}
}
@media (min-width: 480px) {
    .newroll .slick-list{padding-top: 18px !important;}
    .newroll .slick-list .slick-slide{margin:0 18px}
    .newroll .slick-list .slick-track{ min-height: 280px;}
}
@media (min-width: 760px) {
    .newroll .slick-list{padding-top: 27px !important;}
    .newroll .slick-list .slick-slide{margin:0 20px}
    .newroll .slick-slide.slick-center img{margin: 0 0 58px;}
    .newroll .slick-list .slick-track{ min-height: 415px;}
}
@media (min-width: 1020px) {
    .newroll .slick-list{padding-top: 38px !important;}
    .newroll .slick-list .slick-slide{margin:0 30px !important}
    .newroll .slick-slide.slick-center img{margin: 0 0 68px;}
    .newroll .slick-list .slick-track{ min-height: 530px;}
}


/* focus */
.focus{ outline: 0; border: 0;}
.focus .cateTit{ padding-top: 0px;}
.focus .list_shopping2x .items{ padding: 0;}
.focus .list_shopping2x .items li a{outline: 0;}
.focus .list_shopping2x .items li:nth-of-type(2n-1) a{ padding: 10px 5px 0 0; }
.focus .list_shopping2x .items li:nth-of-type(2n) a{ padding: 10px 0 0 5px; }
.focus .slick-slide{outline: 0; border: 0; }
.focus .slick-dots{position: absolute; top: 15px; right: 15px;}
.focus .slick-dots li{float: left; border-bottom: 1px solid #fff;}
.focus .slick-dots li.slick-active{ border-bottom: 2px solid #000;}
.focus .slick-dots li button{ padding: 0px 6px 6px; font-size: .9rem; color: #fff; font-family: 'Lato', sans-serif; background: none; outline: 0; border: 0;}

/* 브랜드 */
.cateTit .font_white{ color: #fff;}
.breandArea{ width: 100%; margin: 60px auto 0; background: url(/design/smart4mi/allshop/m/banner/background_m.jpg) no-repeat; background-size: 100%; text-align: center;}
.breandArea .breandBox{ width: 64%; margin: 0 auto;}
.breandArea .breandBox .breand_list a img{width:100%;max-width: 400px; margin: 0 auto;}
.breandArea .breandBox:after{content:''; display:block; clear:both}
.breandArea .brean_more a{ display: inline-block; padding: 9px 20px; margin: 30px 0; border: 1px solid #fff; color: #fff; font-size: .75rem; font-family: "맑은 고딕",'Malgun Gothic', sans-serif;}
.breandArea .slick-prev{ position: absolute; top: 50%; transform: translateY(-50%); left: -46px; width: 18px; height: 42px; background: url(/design/smart4mi/allshop/m/icon/whiteleft.png) no-repeat; background-size: contain; font-size: 0; z-index: 100; outline: 0; border: 0;}
.breandArea .slick-next{ position: absolute; top: 50%; transform: translateY(-50%); right: -46px; width: 18px; height: 42px; background: url(/design/smart4mi/allshop/m/icon/whiteright.png) no-repeat; background-size: contain; font-size: 0; z-index: 100; outline: 0; border: 0;}

/* pick (추가4) 상품*/
.pickArea .cateTit{ position: relative; padding-bottom: 0;}
.pickArea .cateTit h3{ position: absolute; left: 50%; transform: translateX(-50%);}
.pickArea .add4{ padding: 50px 0 0; margin: 0 5px;}
.pickArea .add4 .item-list{ margin-top: 0 !important;}
.pickArea .add4 .item-list .thumb{padding:0 5px;}
.pickArea .add4 .item-list img{width:100%}
.pickArea .add4 .item-list:nth-of-type(4n){padding-right:0}
.pickArea .add4 .item-list .prd-info{padding: 10px 0 28px; text-align: center; }
.pickArea .slick-slide{    padding: 0 6px;}
.pickArea .slick-list{margin: 0 -6px}
.pickArea .swiper-pagination {display: table; position: absolute; top: 2px !important; right: 25px /*페이징표시가 늘어나면 위치 조절해주세요*/; width: 53px; text-align: center; left: auto; color: #707070; font-size: .85rem; font-family: "맑은 고딕",'Malgun Gothic', sans-serif;}
.pickArea .swiper-pagination span{margin: 0 -3px;}
.pickArea .swiper-button-prev { top: 0; bottom: 0; left: auto; right: 72px !important /*페이징표시가 늘어나면 위치 조절해주세요*/; width: 22px; height: 22px; margin-top: 0; background: url(/design/smart4mi/allshop/m/icon/leftbox.png) center no-repeat; background-size: contain; outline: 0; border: 0; }
.pickArea .swiper-button-next { top: 0; bottom: 0; left: auto; right: 10px !important; width: 22px; height: 22px; margin-top: 0; background: url(/design/smart4mi/allshop/m/icon/rightbox.png) center no-repeat; background-size: contain; outline: 0; border: 0;}
.pickArea .swiper-button-prev:after, .pickArea .swiper-button-next:after{opacity:0; font-size: 0;}
.pickArea  .swiper-button-next.swiper-button-disabled, .pickArea  .swiper-button-prev.swiper-button-disabled{ opacity: 1;}

/* 서브배너 */
.subbanBox{ margin: 30px 0 0;}

/* 탭 상품 기능 */
.tabarea .item_container .item-wrap{ }
.tab_in_wrap.active{ border:0px !important;}
.tabarea{ width: 100%; max-width: 390px; margin: 0 auto; text-align: center;}
.tabarea .item_container{ }
.tabarea .item_container .item-wrap .item-cont{font-size: 0; text-align: left;}
.tabarea .item_container .item-wrap .item-cont .item-list{display: inline-block; position: relative; width: 33.33%; margin: -1px 0 0; padding: 0; border: 1px solid #eeeeee; border-left: 0; box-sizing: border-box; vertical-align: top;}
.tabarea .item_container .item-wrap .item-cont .item-list:nth-of-type(n+2) img{width: 100%;}
.tabarea .item_container .item-wrap .item-cont .item-list:first-of-type{display : none; width: 100%; margin-bottom: 0;  border: 0;  background: #f5ede1; padding:25px 20px}
.tabarea .item_container .item-wrap .item-cont .item-list:first-of-type .thumb{ width: 44%; float: left; border-radius: 0%; overflow: hidden;}
.tabarea .item_container .item-wrap .item-cont .item-list:first-of-type .thumb img{ width: 100%;}
.tabarea .item_container .item-wrap .item-cont .item-list:first-of-type .prd-info{ text-align: left; float: left; padding: 0px 0 0 22px;}

.tabarea .item_container .item-wrap .bestban{display: block; width: 390px; height: 204px; margin-bottom: 0;  border: 0;  float: left;  padding: 0 0px; }

.tabarea .item_container .item-wrap .item-cont .item-list .thumb a, .tabarea .item_container .item-wrap .item-cont .item-list .prd-info a{outline: 0; border: 0;}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info{padding: 10px 0 20px; text-align: center;}
.tabarea .item_container .slick-dots{padding: 20px 0 0;}
.tabarea .item_container .slick-dots li{display:inline-block; width: 20px; height: 3px; margin: 0 1px; background: #f6f6f6;}
.tabarea .item_container .slick-dots li.slick-active{background: #000;}
.tabarea .item_container .slick-dots li button{font-size: 0; opacity: 0;}

/* 탭 상품 타이틀 */
.tabarea .item_container .item-wrap .item-cont .item-list:first-of-type .prd-info:before{display: block; font-size: 1.2rem; margin: 34px 0 18px; font-family: "맑은 고딕",'Malgun Gothic', sans-serif; font-weight: bold;}
.tabarea .item_container .tad01 .item-cont .item-list:first-of-type .prd-info:before{ content:'#원하는대로';}
.tabarea .item_container .tad02 .item-cont .item-list:first-of-type .prd-info:before{ content:'#나만의디자인';}
.tabarea .item_container .tad03 .item-cont .item-list:first-of-type .prd-info:before{ content:'#맛있는 집밥 한 끼';}
.tabarea .item_container .tad04 .item-cont .item-list:first-of-type .prd-info:before{ content:'# 봄신상런닝화';}
.tabarea .item_container .tad05 .item-cont .item-list:first-of-type .prd-info:before{ content:'# 이건꼭사야해';}

/* 인스타 */
.insta_area{position: relative; padding: 0 10px 25px; text-align:center}
.insta_area i{position: absolute; right: 10px; top: 70px; width: 30px; height: 30px;}
.insta_area i a img{width: 100%;}
.insta_area .cateTit p{ margin: 8px 0 0; color: #aaaaaa; font-size: .75rem; font-family: "Lato", sans-serif; font-weight: 300;}
.insta_rlar{float:right}

/*쿠폰 혜택 버튼*/
.main .coupon-benefit {position:relative; margin:-25px 0 10px 0} 
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }
/* BASIC css end */