/* BASIC css start */
/* 추천, 신상품 타이틀 */
.main_title {text-align:center; margin:0px auto 35px; font-size:0px; position:relative;}
.main_title .title_t01 {color:#1a1a1a; font-size:15px; font-weight:700; text-align:center; line-height:1; }
.main_title .title_t02 {width:15px; height:1px; background-color:#1a1a1a; margin:9px auto;}
.main_title .title_t03 {color:#8a8a8a; font-size:13px; font-weight:300; text-align:center; line-height:1.5; }

#contents .product_category_wrap {padding:0 14px; text-align:center}
#contents .product_category_wrap .cate1 {padding:30px 0 10px}
#contents .product_category_wrap .cate1 >a {font-size:14px; font-weight:600; line-height: 1; padding: 30px 0 10px; letter-spacing: -1px;}

#contents .product_category_wrap .cate3 {display:inline-flex}
#contents .product_category_wrap .cate3 >a {font-size:12px; font-weight:500; line-height: 1; padding: 30px 0 10px; letter-spacing: -1px;}

#contents .product_list_outer {border:none;}
#contents .product_category_wrap .cate_child_wrap {padding-bottom: 20px;}
#contents .product_category_wrap .cate_child_wrap ul li a {font-size:11px; font-weight:300; color:#202020; border-radius: 6px;display:inline-block; padding:8px 9px;}
#contents .product_category_wrap .cate_child_wrap ul li a.sel {color:#000; background:#fff; border:0; font-weight:500}

.cateTitleImg {width:100%; text-align:center; margin-bottom:50px}
.cateTitleImg img {width:100%}


/* 분류페이지 추천, 신상품 상품진열 */
.swiper-container.recmd_roll {margin: 30px 15px;}
.recmd_roll .swiper-wrapper {padding-left: 0 !important;}
.recmd_roll .swiper-slide {width:168px; margin-bottom:40px;}.recmd_roll .swiper-pagination-bullet {width:9px; height:9px; border:1px solid #9c9c9c; background-color: transparent; border-radius:50%; box-sizing:border-box; vertical-align:middle; opacity:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.recmd_roll .swiper-slide .thumbnail img {width: 100%; height: 100%;}
.recmd_roll .swiper-pagination-bullet-active {width:9px; height:9px; background-color: #1a1a1a; border: 1px solid #1a1a1a; opacity:1;}

/* 목록 타이틀, 중분류 */
#titleArea {position: relative; border-bottom:1px solid #f6f6f6; background-color: #fff; }
#titleArea h2 {padding: 0 61px; color: #2e2e2e; text-align: center; font-weight: bold; line-height:72px; font-size:16px;}
#titleArea span {position: absolute; top:20px; left: 14px;}
#titleArea span img {width: 33px;}
.list_menu {border-bottom:1px solid #e9e9e9;}
.menuCategory {padding: 20px 0; padding-left:0 !important; padding-right:0px !important;  margin:0 auto; text-align:center !important;  border-bottom: 0;}
.menuCategory li {width:unset; height: 31px; display:inline-block;text-align:center; margin: 0 5px; padding:0 8px; border:1px solid #e9e9e9 !important; background-color:#fff;}
.menuCategory li:first-child {margin-left: 16px;}
.menuCategory li a {display: block; padding-top: 9px; font-size:12px !important;color:#777 !important;font-weight:400 !important;}
.menuCategory li.on {border-color: #1a1a1a !important;}
.menuCategory li.on > a {color:#1a1a1a !important;}

/*목록페이지 정렬 */
.list_array {padding:18px 14px; height: auto; border: 0; margin-bottom: 0;}
.list_array .list_arrayLeft {margin: 0; float: none !important; text-align: right; }
.list_array .list_arrayLeft select {max-width:150px; width:150px; height:40px; border:1px solid #e5e5e5;}
.list_array .list_arrayRight {margin: 0; font-size:0;}
.list_array .list_arrayRight a {display:inline-block; margin-left:-1px; border:1px solid #e5e5e5; box-sizing:border-box;}
.list_array .list_arrayRight a img {height:40px; margin: 0;}

/*목록상단배너 100% */
.xans-product-menupackage .banner img {width:100%; }
.xans-product-menupackage .banner {padding:0px;}

/* 더보기 */
#MS_product_more_btn_area .more {margin-top: 0;}


@media screen and (min-width: 420px) {
.list_shopping1x li:fisrt-child + li {padding-top: 0;}
}


.cate_top_2name { padding: 10px 0px 10px 0px; text-align: center; }
.cate_top_2name span { font-size: 14px; font-weight: 700; }
.cate_top_2name .now_cate {}
.cate_top_2name .now_cate:before { content: ">"; display: inline-block; padding: 0px 10px; }


<style>
@media screen and (max-width: 600px) {
   .rbContent > div,
   .rbContent > div > table,
   .rbContent > div > table > tbody,
   .rbContent > div > table > tbody > tr,
   .rbContent > div > table > tbody > tr > td { display: block; width: 100%; }
   .rbContent > div > table > tbody > tr > td > #MS_WritenBySEB { position: relative; width: 100%; display: block; padding: 100% 0px; }
   .rbContent > div > table > tbody > tr > td > #MS_WritenBySEB > iframe { width: 100%; height: 100%; position: absolute; display: block; top: 0px; }
}
</style>

/* BASIC css end */