/* BASIC css start */
/* 롤링배너 */
#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(//skin.makeshop.co.kr/skin/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(//skin.makeshop.co.kr/skin/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 12px}
.newroll .slick-list .slick-slide img{border-radius: 50%;}
.newroll .slick-list .slick-track{ min-height: 222px;}
.newroll .slick-slide.slick-center img{ margin: 0 0 36px; box-shadow: 0 9px 9px #ababab; -webkit-transform: scale(1.35); transform: scale(1.35); transition: all 0.2s;}
.newroll .items .slick-slide a{outline: 0; border: 0;padding-top:20px;}


.newroll ul {min-height:310px;}

/* focus */
.focus{ outline: 0; border: 0;}
.focus .cateTit{ padding-top: 20px;}
.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;}


.focus .product-wrap .item-wrap .item-cont dl:nth-child(1) {width:100%;}
.focus .product-wrap .item-wrap .item-cont {display:flex;flex-wrap:wrap;}
.focus .product-wrap .item-wrap .item-cont .item-list {width: calc(100% / 2 - 5px);margin:0 auto;padding-bottom:30px;}
.focus .product-wrap .item-wrap .item-cont .item-list .prd-info {padding: 0 5px;}
.focus .product-wrap .item-wrap .item-cont .item-list .thumb a img {width:100%;}

/* 마지막 비어있는 슬라이드 display none */
.focus .product-wrap .item-wrap .swiper-slide:last-child {display:none;}


/* 공지 배너 */
.notice_banner {padding:40px 0;}
.notice_banner .inner {margin: 0 auto;align-items: flex-start;}
.notice_banner .inner > div {width:100%;}
.notice_banner .inner .item_list {margin-bottom:10px;}
.notice_banner .inner .item_list a img {width:100%;}


/* 이벤트 상품 영역 */
.event_prd_wrap {padding: 0 10px;margin-bottom:60px;}
.event_prd_wrap .product-wrap .item-cont {display:flex;flex-wrap:wrap;}
.event_prd_wrap .product-wrap .item-cont .item-list {width:calc(100% / 2 - 5px);margin-bottom:10px;}
.event_prd_wrap .product-wrap .item-cont .item-list .prd-info {text-align:center;}
.event_prd_wrap .product-wrap .item-cont dl:nth-child(odd) {margin-right:10px;}
.event_prd_wrap .product-wrap .item-cont .item-list .thumb a img {width:100%;}


/* 이벤트 상품 차트 영역 */
.fixed_cont_wrap {margin:0 10px;padding-top: 8px;box-sizing: border-box;}
.fixed_cont_wrap .cateTit {padding:5px 0; background-color: #ffcd4a;}
.fixed_cont_wrap .cateTit h3 {font-size:34px;line-height:46px;font-family: 'ROKABold' , sans-serif;}
.fixed_cont_wrap .prd_item {background: #fff;box-shadow: 3px 3px 7px 1px rgb(22 111 7 / 15%);}
.fixed_cont_wrap .prd_item .tab-nav {padding:15px 10px;}
.fixed_cont_wrap .prd_item .tab-nav button:first-child {margin-right:10px;}
.fixed_cont_wrap .prd_item .tab-nav .tab-btn {font-size:12px;color: #7b7b7b;border:none;background: transparent;}
.fixed_cont_wrap .prd_item .tab-nav .tab-btn.active {color: #1c1c1c;font-weight:600;border-bottom: 2px solid #ffcd4a;}
.fixed_cont_wrap .prd_item .tab-content .tab-wrap {display:none;}
.fixed_cont_wrap .prd_item .tab-content .tab-wrap.active {display:block;}
.fixed_cont_wrap .prd_item .item_wrap {padding:0 10px;padding-bottom: 10px;}
.fixed_cont_wrap .prd_item .item_wrap .thumb a img {max-width: 90px;}
.fixed_cont_wrap .prd_item .item_wrap .item_list {position:relative; padding-left:90px; display:block;margin-bottom:20px;min-height:80px;}
.fixed_cont_wrap .prd_item .item_wrap .item_list .imgBox{position:absolute; top:0; left:0; width:80px; }
.fixed_cont_wrap .prd_item .item_wrap .item_list .imgBox img{width:100%; }
.fixed_cont_wrap .prd_item .item_wrap .item_list .num {position: absolute;top: 2px;left: 0;font-weight:600;}
.fixed_cont_wrap .prd_item .item_wrap .item_list .thumb {display:none;}
.fixed_cont_wrap .prd_item .item_wrap .item_list .info p {max-height: 60px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;font-size:12px;font-weight:600;line-height:20px;}
.fixed_cont_wrap .prd_item::-webkit-scrollbar {width: 5px;}
.fixed_cont_wrap .prd_item::-webkit-scrollbar-track {background-color: #fff;}
.fixed_cont_wrap .prd_item::-webkit-scrollbar-thumb {background-color: #423c3c;}


/* 브랜드 */
.cateTit .font_white{ color: #000000;}
.breandArea .cateTit {padding: 0 0 30px; }
.breandArea{ width: 100%; margin: 60px auto 0; background-color: #fcf2f2; background-size: 100%; text-align: center;padding: 70px 0;}
.breandArea .breandBox{ width: 62%; 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/912enter/wightleftarrow_ys.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/912enter/wightrightarrow_ys.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(//skin.makeshop.co.kr/skin/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(//skin.makeshop.co.kr/skin/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{ 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{width: 100%; margin-bottom: 0;  border: 0;  background: #f6f6f6; padding:25px 20px}
.tabarea .item_container .item-wrap .item-cont .item-list:first-of-type .thumb{ width: 44%; float: left; border-radius: 50%; 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 .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; }


/* 추천 상품 */
#rmdPrdWrp {}
#rmdPrdWrp .list_shoppingInfo {width:100%;padding-left:0;padding-top:10px;text-align:center;}
#rmdPrdWrp .list_shoppingInfo .listName {font-weight:500;word-break: keep-all;}
#rmdPrdWrp li {border-top:0;}
#rmdPrdWrp li img.listPic {width:100%;}


@media screen and (max-width:440px) {
    .fixed_cont_wrap .cateTit h3 {font-size: 22px;line-height: 34px;}
}
/* BASIC css end */