/* BASIC css start */
#container{padding-top:51px !important;}

.bestNum { display: block; position: absolute; z-index: 10; color: #fff; font-size: 13px; letter-spacing: 0.025em; width: 75px; height: 34px; line-height: 34px; top: 0; background: rgba(0,0,0,0.5); text-align: center; } 


html.no-scroll,
body.no-scroll{
    overflow:hidden !important;
}
body.no-scroll::before{
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.6);
    z-index: 1004;
    content:"";
    transition:all 0.3s ease-in-out;
}

.header .hd_line02.active {
    position: fixed;
    top: 50px;
    z-index: 1005;
    width: 100%;
}

.loader{
position: fixed;
top: 0; left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 9999;
opacity: 1;
transition: 0.5s ease;
display:none;
}

.loader img{
  width: 80px;
  position: absolute;
  top: 50%; left: 50%;
  margin: -40px 0 0 -40px;
  color: #fff;
}


.header .hd_line01{height:51px !important;
    background: #fff;
    z-index: 9999 !important;}


.instaWrap { display: block !important }

/* 상단고정메뉴 */
.subHeader .hd_line01 .sub_left { float: left; margin: 8px 0 0 15px; }
.subHeader .hd_line01 .sub_left a { display: inline-block;  float: left;}
.subHeader .hd_line01 .sub_left .ico { display:inline-block; width: 25px; height: 25px; background: url('/design/maatila/phps/m/common/top_subheader_left.png') no-repeat center; background-size: cover; font-size: 0 }
.subHeader .hd_line01 .sub_left .ico.ico01 { background-position: 0 0; margin-right: 3px; }

.header.subHeader .hd_line01 .cateTxtBox { margin: 0 65px 0 63px; height: 51px; overflow: hidden; }


/*분류 오픈*/
.topCateWrap{ background: #b7a490;position: relative; _padding-left:15px;}
.topCateWrap .swiper-container{z-index: 2222; background: #fff;width: calc(100% - 37px );
margin-left: 0;}
.topCateWrap .topCateNext { width: 37px; height: 37px; right: 0; top: 0; margin-top: 0; position: absolute; background: #fff; z-index: 22221; }
.topCateWrap .topCateNext:focus,  .topCateWrap .topCateNext:hover { outline: none }  
.topCateWrap .topCateNext.swiper-button-disabled i { color: #ccc }
.topCateWrap .topCateNext i { margin: 11px; font-size: 15px; }

.btn--cate-all{
    position: absolute;
    top: 0;
    right: 0px;
    display: inline-block;
    width: 37px;
    height: 37px;
    line-height: 33px;
    z-index: 45;
    text-align: left;
    background: #fff;
}
.btn--cate-all span{
 
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url(/design/maatila/mobile/cate_btn_menu_all.png);
    background-size: 14px auto;
    background-repeat: no-repeat;
    background-color:#fff;
    background-position: center;
    transform: rotate(0deg);
    transition: transform 0.2s ease-in-out;
    vertical-align: middle;
}

.btn--cate-all.active span{
    transform:rotate(180deg);
    transition:transform 0.2s ease-in-out;
}
.btn--cate-all:after{/*
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    _background: linear-gradient(90deg, rgba(213,199,188,0) 0%, rgba(183,164,144,1) 100%);
    width: 20px;
    height: 38px;
    z-index: 1;*/
}


.cate-all-wrap {
    position:absolute;
    top:-600px;
    left:0;
    right:0;
    background:#fff;
    z-index:50;
    font-size:0px;
    padding:24px 10px;
    box-sizing:border-box;
    border-top:1px solid #fff;
    transition:top 0.3s ease-in-out;
}
.cate-all-wrap.active{
    z-index:1005;
    top:37px;
}
.cate-all-wrap li{
    vertical-align: top;
    display:inline-block;
    width:50%;
}
.cate-all-wrap li a{
    display: block;
    margin: 0px 3.5px;
    line-height: 35px;
    background: #fff;
    border-radius: 35px;
    font-family: 'Noto Sans KR';
    font-size: 13px;
    color: #959595;
    
    /*텍스트가 너무 길면*/
    white-space: pre;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;    
    
}


/*분류 open-close*/

.topCate .swiper-slide{width:auto;margin-right:20px;line-height:35px}
.topCate .swiper-slide a{display:block;width:100%;height:100%;font-size:13px}
.topCate .swiper-slide:last-child{margin-right:0}
.topCate .swiper-slide:last-child:after { /*content: "VV" !important;
  display: inline-block !important;
  margin-right:3px;
  color: #fff;*/
}

.topCate .swiper-wrapper{height:37px}
.topCate .swiper-wrapper .swiper-slide:nth-child(1){
    margin-left: 15px;_text-indent:15px;}
.topCate{position:relative;border-bottom:0;border-width:1px 0;z-index:20;  overflow:hidden}
.topCate .swiper-slide a { position: relative; }
.topCate .swiper-slide a.on {color: #b9a38b }
.topCate .swiper-slide a strong{font-weight:normal}
.topCate .swiper-slide a.on::after { content:''; display: block; width: 100%; height: 2px; background: #b9a38b }

.shopbrand h2 {text-align:center;font-size: 1.25em;font-weight:bold;padding-top: 14px;}
.shopbrand .MK_product_list {background-color:#f9f9f9;border-bottom: 1px solid #ddd;}
.shopbrand .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num {text-align: center;clear: both;margin: 5px 0 10px;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff;border: 1px solid #ddd;padding: 4px 10px;margin:0 10px;}
.shopbrand .list_group {padding: 10px;text-align:center;}
.shopbrand .list_group select {width:49%; height:28px;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; height: auto;}
.class-list { display: table; width: 100%; }
.class-list li {position: relative;display: inline-block;width: 33.3%;height: 32px;line-height: 32px;text-align: center;}
.class-list li:after { content:"I"; position: absolute; right:0; top: 1px; color:#ddd;}
.class-list li:last-child:after { content:"" }
.class-list li:nth-child(3n):after { content:"" }

/* 상단고정바 */
.header { display: none; }
.header.subHeader { overflow: visible; display: block; }

/* 프로모션슬라이드 */
.proWrap { padding-top: 25px; background: #f4f4f4 }
.promotionSlide {padding-bottom: 35px !important;}
.promotionSlide li { position: relative; width: 50%; margin-bottom: 0; }
.promotionSlide li .iconBest {position: absolute;top: 0;left: 3px;font-size: 12px;color: #fff;background: #baa48c;width: 42px;height: 18px;line-height: 18px;text-align: center;font-weight: 300;}
.promotionSlide li img {width: 18px;vertical-align: bottom;display: inline-block;}

.promotionSlide .slick-dots {width: 100%;height: 7px;margin: 35px 0 0 0;text-align: center;line-height: 1;}
.promotionSlide .slick-dots li { display: inline-block; margin:0 3px; width: 7px; height: 7px; border-radius: 50%; background: #bebebe; opacity: 1 }
.promotionSlide .slick-dots li.slick-active { background: #baa48c; }
.promotionSlide .slick-dots li button { line-height: 0; border: 0; font-size: 0; }

/* 침구카테 검색창 */
.bedSearch { text-align: right; }
.bedSearch img { width: 15px }
.bedSearch img, .bedSearch span { vertical-align: middle; }
.bedSearch .bedSearchButton { display: block; margin-left: 4px; border: 1px solid #d5d5d5; width: 70px; height: 28px; line-height: 25px; text-align: center; }

.sortWrap .menuWrap { width: 65%;  position:fixed; top:0; right:-100%; height:100%; background:rgba(255,255,255,1); overflow-y:auto; z-index: 999; }
.sortWrap .menuWrap .depth01 { position: relative; }
.sortWrap .menuWrap .depth01 p { padding: 6px 0; font-size: 0 }
.sortWrap .menuWrap .depth01 p i { color: #000; font-weight: 900; line-height: 25px; vertical-align: middle; display: inline-block; font-size: 15px; position: absolute; right:0; cursor: pointer; }
.sortWrap .menuWrap .depth01 a { display: inline-block; color: #000;display: inline-block; font-size: 15px;font-weight: 700;line-height: normal;}
.sortWrap .menuWrap .depth01 a i {position: absolute;top: 14px;right: 10px;}
.sortWrap .menuWrap .depth02 { display: none }
.sortWrap .menuWrap .depth02 li:nth-last-child(1) { margin-bottom: 20px }
.sortWrap .menuWrap .depth02 a { width: 100%; font-weight: 400;display: block;padding: 7px 0px;color: #888;font-size: 13px; box-sizing: border-box;}
.sortWrap .menuWrap .depth02_1 a {font-weight: 400;display: block;padding: 10px 15px;color: #888;font-size: 15px;}
.sortWrap .bed-nav {padding: 0 5.08%;}
.sortWrap .bed-menu { padding: 14px 0 12px;}
.sortWrap .menuWrap .depth02_1.open { display: block; }

.bed-close { padding: 6px 0; background: #000; width: 100%; text-align: center; }
.bed-close a { display: inline-block; width: 20px; }
.bed-close a img { width: 100% }

/* 정렬 */
.sortWrap { display: table; width: 100%; box-sizing: border-box; }
.sortWrap .left { display: table-cell; vertical-align: middle;}
.sortWrap .left .list_arrayRight { width: calc(100% - 60px); }
.sortWrap .right { display: table-cell; width: 20%; vertical-align: middle; }

.sortWrap .left .list_arrayLeft { width: 60px; font-size: 0}
.sortWrap .left .list_arrayLeft a { display: inline-block; width: 30px; height: 30px; border: 1px solid #ddd; border-right: 0; box-sizing: border-box; }
.sortWrap .left .list_arrayLeft img { width: 100%; height: 28px }


.category_div {
    font-size: 0;
    border-top: 1px solid #e3e3e3;
    margin-top: 30px;
}
.category_div .wrap {border-bottom: 1px solid rgba(64,64,64,.15);}
.category_div .wrap>div {
    display: inline-block;
    width: calc(100% / 3);
    padding-left: 20px;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    border-right: 1px solid rgba(64,64,64,.15);
    vertical-align: top;
    position: relative;
}

.category_div>div:nth-of-type(3n) {
    border-right: none;
}

.category_div>div a {
    font-size: 12px;
    color: #2f2f2f;
    font-weight: 400;
    display: block;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 32px);
}

.category_div>div a.on {
    font-weight: 600;
}


.hd_line02 {  }


/* BASIC css end */


/* BASIC css end */