/* BASIC css start */
#top_menu .swiper-container { position: relative; }


      .cate_slideB {
        width: 100%;
        height: 300px;
        background: #eee;
      }
      .cate_slideB .swiper-slide  {
        text-align: center;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: '' !important;}

.sub_tap {border-bottom:1px solid #000;}
.sub_tap ul {padding:12px 0 30px;}
.sub_tap ul li {width: calc(100% / 2); text-align:center; float:left; color:#999; height:35px}
.bbs_on {color:#49bdcd;}
.h_title {padding:0px!important}


.best-wrap { padding:5px 0; background:#f9f9f9;}


/* 상품베스트넘버 */
.best_number { position:absolute; top:3; left;0; z-index:99; background:#333; color:#fff ; font-family: 'Roboto' !important;font-weight:500; font-size:10px; padding:2px 8px; text-align:center; }


/* 상품분류상단이미지 */
.shopbrandTitle img { width:100% }

/* 중분류메뉴 */
.wlist_group { width:100%;  background:rgba(255,255,255,0.95);  overflow:hidden; margin-bottom:10px; border-bottom:1px solid #f5f5f5;border-top: 1px solid #f5f5f5; margin-top: 30px;}
.wlist_group:after { content: ""; display: block; clear: both; }

/* 가로5개 */
.wlist_group ul.grid5 { overflow:hidden; position:relative; z-index:1; width:100%; margin-bottom:-1px;}
.wlist_group ul.grid5 > li {float:left; width:calc(20% - 1px ); margin:-1px 0px 0 -1px; border:1px solid #f5f5f5; text-align:center; }
.wlist_group ul.grid5 > li:nth-child(5n+5) {border-right:0;}

/* 가로4개 */
.wlist_group ul.grid4 { overflow:hidden; position:relative; z-index:1; width:100%; margin-bottom:-1px;}
.wlist_group ul.grid4 > li {float:left; width:calc(25% - 1px ); margin:-1px 0px 0 -1px; border:1px solid #f5f5f5; text-align:center; }
.wlist_group ul.grid4 > li:nth-child(4n+4) {border-right:0;}

/* 가로3개 */
.wlist_group ul.grid3 { overflow:hidden; position:relative; z-index:1; width:100%; margin-bottom:-1px;}
.wlist_group ul.grid3 > li {float:left; width:calc(33.33% - 1px ); margin:-1px 0px 0 -1px; border:1px solid #f5f5f5; text-align:center; }
.wlist_group ul.grid3 > li:nth-child(3n+3) {border-right:0;}

.wlist_group ul > li a {display:block; overflow:hidden; height:40px; padding:0 5px; line-height:40px; color:#666; font-size:11px; font-family:'Roboto' !important; font-weight:400;    }
.wlist_group ul.smenu  > li:nth-child(1) a { color:#be0000; font-weight:900;     }
.wlist_group li .sel { display:block; color:#000 !important ; font-weight: bold;  }


/* 전체메뉴버튼 */
.all_menu { position:absolute; right:0; top:0; z-index:10; overflow:hidden;  width:30px; height:100%;  background:rgba(255,255,255,1); border-left:0px solid #ddd; transition:all 0.35s;}
.all_menu span:before{content:''; height:10px; width:10px; display:block; border:1px solid #666; border-right-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; bottom:20px; left:10px; transition:all 0.35s ease;}
.all_menu.active span:before{ content:''; height:10px; width:10px; display:block; border:1px solid #666; border-left-width:0; border-bottom-width:0;  transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; bottom:15px; left:10px;}

.top_menu .allmenuLy { display:none; position:absolute; top:40px; left:0; padding:15px 4% 5px;  background:#f5f5f5; z-index:100; width:92%;}
.top_menu .allmenuLy h2 { text-align:left; padding-bottom:5px;  color:#777; font-size:10px; font-family:'Lato','Roboto' !important;font-weight:900;  }

.allmenuLy .inner_menu { width:100%;  background:rgba(255,255,255,0.95);  overflow:hidden; margin-bottom:10px;}
.allmenuLy .inner_menu:after { content: ""; display: block; clear: both; }

/* 가로5개 */
.allmenuLy .inner_menu ul.grid5 { overflow:hidden; position:relative; z-index:1; width:100%; margin-bottom:-1px;}
.allmenuLy .inner_menu ul.grid5 > li {float:left; width:calc(20% - 1px ); margin:-1px 0px 0 -1px; border:1px solid #f5f5f5; text-align:center; }
.allmenuLy .inner_menu ul.grid5 > li:nth-child(5n+5) {border-right:0;}

/* 가로4개 */
.allmenuLy .inner_menu ul.grid4 { overflow:hidden; position:relative; z-index:1; width:100%; margin-bottom:-1px;}
.allmenuLy .inner_menu ul.grid4 > li {float:left; width:calc(25% - 1px ); margin:-1px 0px 0 -1px; border:1px solid #f5f5f5; text-align:center; }
.allmenuLy .inner_menu ul.grid4 > li:nth-child(4n+4) {border-right:0;}

/* 가로3개 */
.allmenuLy .inner_menu ul.grid3 { overflow:hidden; position:relative; z-index:1; width:100%; margin-bottom:-1px;}
.allmenuLy .inner_menu ul.grid3 > li {float:left; width:calc(33.33% - 1px ); margin:-1px 0px 0 -1px; border:1px solid #f5f5f5; text-align:center; }
.allmenuLy .inner_menu ul.grid3 > li:nth-child(3n+3) {border-right:0;}

.allmenuLy .inner_menu ul > li a {display:block; overflow:hidden; height:40px; padding:0 5px; line-height:40px; color:#999; font-size:11px; font-family:'Roboto' !important;font-weight:400;    }

.allmenuLy .inner_menu ul.smenu  > li:nth-child(2) a { color:#ad4d4d; }
.allmenuLy .inner_menu ul.smenu  > li:nth-child(1) a { color:#ad864d; }


/* BASIC css end */