/* BASIC css start */
/* 롤링배너 */
#mainSpot img{ width: 100%; }
#mainSpot .swiper-pagination{ top: auto; bottom: 24px; left: 50%; transform: translateX(-50%); width: 55%; height: 2px;}
#mainSpot .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #030000;}
/* //롤링배너 */

/* 연결페이지02 */
.link_connect{padding: 30px 12px 0;}
.link_connect ul { *zoom:1; font-size: 0; }
.link_connect ul li { display: inline-block; width: calc(100% / 3); padding: 10px 0; border: 1px solid #e6e6e6; border-left: 0; border-bottom: 0; box-sizing: border-box; text-align: center;}
.link_connect ul li:nth-of-type(3n+1){border-left: 1px solid #e6e6e6;}
.link_connect ul li:nth-of-type(n+4){border-bottom: 1px solid #e6e6e6;}
.link_connect ul li a{ color: #000; font-size: .8rem; font-family: 'Noto Sans KR', sans-serif;}
.link_connect ul li a img{display: block; width: 58px; padding-bottom: 5px; margin: 0 auto;}


/* 상품 */
.procont{ margin: 30px 0 0;}
.procont .items .thumb img{ width: 100%; }
.procont .items .slick-list{ padding-left: 62px;}
.procont .items .slick-slide{padding-right: 15px;}
.procont .items .slick-slide:nth-of-type(1){ margin-left: -48px;}


.cateTit{padding: 20px 16px;}
.cateTit h3{color: #000; font-size: 1.1rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.shop_info{ margin: 11px 0 0;}
.prd-brnd{ margin: 0 0 2px; color: #757575; font-family: 'Noto Sans KR', sans-serif;}
.listName{ margin: 0 0 10px;}
.prd-price{color: #D22525; font-family: 'Noto Sans KR', sans-serif; }
.prd-price:after{content:''; display:block; clear:both}
.prd-price .dc_per{ margin: 0 2px 0 0; color: #ff7777; font-size: 14px;}
.prd-price .price{ float: left; color: #52463d; font-size: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight:500;}
.prd-price strike{ float: left; margin: 0 0 0 2px; color: #757575; font-size: 12px;}

/* 띠배너 */
.longbnnr{margin: 40px 0 0;}

/* 이미지배너 */
.imgBanner{ margin: 40px 15px 0; text-align: center;}
.imgBanner > div{ margin: 0 0 15px; border: 1px solid #efefef; overflow: hidden;}
.imgBanner img{ width: 100%;}
.imgBanner .imgBannertxt{ margin: 18px 0 18px;}
.imgBanner .imgBannertxt p{ color: #7f7f7f; font-size: .9rem; font-family: 'Noto Sans KR', sans-serif;}
.imgBanner .imgBannertxt span{ display: block; margin: 12px 0 12px; color: #52463d; font-size: 1.2rem; font-family: 'Noto Sans KR', sans-serif; font-weight:bold;}

/* 탭상품 */
.tab_swip{width: 100%; margin-bottom: 7px; overflow: hidden;}
.tab_swip .tab:after{content:''; display:block; clear:both}
.tab_swip .tab div{float: left; width: initial !important; height: auto; padding: 10px 10px;}
.tab_swip .tab div.live{}
.tab_swip .tab div.live span{border-bottom: 2px solid #000; color:#000}
.tab_swip .tab div span{ padding: 2px 0; color: #757575; font-size: 1rem; font-family: 'Noto Sans KR', sans-serif;}
.intabarea {display:none}
.intabarea.active{display:block}

.tabarea {margin-top:40px}
.tabarea .list_shopping2x ul.items{padding: 0 15px;}
.tabarea .list_shopping2x ul.items:after{content:''; display:block; clear:both}
.tabarea .list_shopping2x ul.items li{ width: 100%; border: 1px solid #efefef; margin: 0 0 10px;}
.tabarea .list_shopping2x ul.items li a{padding-bottom: 0; }
.tabarea .list_shopping2x ul.items li a > div{ position: relative; padding: 15px;}
.tabarea .list_shopping2x ul.items li a > div:after{content:''; display:block; clear:both}
.tabarea .list_shopping2x ul.items li a .thumb{float: left; width: 40%; }
.tabarea .list_shopping2x ul.items li a .thumb img{border-radius: 0px;}
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo{ float: right; width: 54%; margin-top: 0; }
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo .shop_info{ text-align: left;}
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo .shop_info .prd-brnd{ margin: 0 0 4px; font-size: 13px;}
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo .shop_info .listName{ font-size: 14px; }
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo .shop_info .prd-price{ position: absolute; bottom: 25px;}

/* 더보기 */
.more{margin: 10px 0 0;}
.more a{display: block; margin: 0 15px;}

/* 인스타영역 */
.insta_area{ padding: 60px 15px 10px;}
.insta_area .sectionTit{margin:0 0 10px}
.insta_area .sectionTit:after{content:''; display:block; clear:both}
.insta_area .sectionTit h2{ float: left; font-size: 1rem; font-family: 'Noto Sans KR', sans-serif; font-weight: bold;}
.insta_area .sectionTit h2 img{ width: 20px; margin: 0 4px 0 0; vertical-align: sub;}
.insta_area .sectionTit p{ float:right; margin: 2px 0 0; color:#ccc; font-size: .8rem; font-family: 'Noto Sans KR', sans-serif;}
.insta_area .sectionTit div i img{ width: 100%;}

/*쿠폰 혜택 버튼*/
.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; }

/*타임세일*/
.timesale {padding: 25px 20px 0; text-align: center;}
.timesale h2 { color: #313131; font-size: 1.8rem; font-family: 'Noto Sans KR', sans-serif, 'Nanum Gothic';}
.timesale p {color: #313131; font-size: 2rem; font-family: 'Noto Sans KR', sans-serif, 'Nanum Gothic'; font-weight: 600;}
.timesale .line{ display: block; width: 18px; height: 1px; margin: 20px auto 13px; background: #313131;}
.timesale .info {position: relative; margin: 30px 0 0;}
.timesale .info p.prd-name {color: #000; font-size: 15px;}
.timesale .info p.prd-subname { padding: 0 0 20px; color: #313131; font-size: 1.1rem; font-weight: 300; font-family: 'Noto Sans KR', sans-serif, 'Nanum Gothic'; line-height: 25px;}
.timesale .info p.prd-subname b{ margin: 0 0 0 5px;}

.timesale .tit {line-height: 38px; margin-top:0px;}
.timesale .timesale_in .prod .thumb {position: relative;}
.timesale .timesale_in .prod .thumb a {display: block; overflow: hidden;}
.timesale .timesale_in .prod .thumb a img {width: 100%; border-radius: 70px;}
.timesale .timesale_in .prod .percent{position: absolute; top: -3px; right: -6px; width: 20%; height: 35.09%; background: #514746; border-radius: 50%; color: #fff;}
.timesale .timesale_in .prod .percent span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 4.5vw;font-family: 'Noto Sans KR', sans-serif, 'Nanum Gothic'; font-weight: 400;}

#displayTimeSale {display: inline-block;}
#displayTimeSale .time { color: #313131; font-size: 1.3rem; font-family: 'Noto Sans KR', sans-serif, 'Nanum Gothic';}

.color {font-size:0.3rem; text-align:left;}


.md_tag {width:100%;}
.md_tag ul {display:-webkit-inline-box;}
.md_tag li {margin-top:28px;}
.md_tag li a{border: 1px solid #bfbfbf;border-radius: 100px; color: #524746; font-size: 0.8rem; font-weight: 300; padding: 5px 10px 5px 10px; margin-right:3px;}


.MK-product-icons img {padding:0 1px;}


/* BASIC css end */