/* BASIC css start */
.shopbrand h2 {
    text-align: center;
    font-size: 1.25em;
    font-weight: bold;
    padding-top: 10px;
}

.shopbrand .MK_product_list {
    background-color: #f9f9f9;
    border-bottom: 1px solid #4a4a4a;
    border-top: 1px solid #4a4a4a;
}

.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: 20px 0;
}

.shopbrand .MK_product_list .items .paging-num a {
    background-color: #fff;
    border: 1px solid #393939;
    padding: 5px 10px;
    margin: 0 10px;
}

.shopbrand .list_group {
    padding: 12px 1%;
    text-align: center;
    display: none;
}

.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;
}

.shopbrandTitle {
    display: none;
}



.sort-menu {
    margin: 10px;
    display:none;
}

.sort-menu a.btn-toggle {
    font-size: 9px;
    color: #666;
    padding-right: 15px;
    display: inline-block;
    background: url(/design/mastideco/wib2018/mobile/img/icon/icon-select-down.png) no-repeat right center;
    background-size: 11px auto;
}

.sort-menu a.btn-toggle.on {
    background: url(/design/mastideco/wib2018/mobile/img/icon/icon-select-up.png) no-repeat right center;
    background-size: 11px auto;
}

.sort-menu ul.list {
    position: absolute;
    background: #fff;
    border: 1px solid #9e9e9e;
    padding: 0px 10px;
    width: 40px;
    right: 0;
    top: 33px;
    opacity: 0;
    visibility: hidden;
}

.sort-menu ul.list.on {
    top: 23px;
    opacity: 1;
    visibility: visible;
}

.sort-menu ul.list li {
    margin: 5px 0px;
}

.sort-menu ul.list li a {
    font-size: 9px;
    color: #666;
}


/* 180907 더보기 버튼 디자인 수정 */
.more {padding:0 5px; box-sizing:border-box; background:url("/design/mastideco/wib2018/mobile/img/btn/view_more_btn.png") top 15px right 39% no-repeat; background-size:11px 6px;}
.btn_moreGray {background:none; border:1px solid #e0e0e0; width:100%; font-weight:400; font-size:10.5px; box-sizing:border-box; line-height:33px;}
.btn_moreGray span {color:#000;}



/* 상품 sort 영역 */

.item-sort-wrap{
    color: #000;
    text-align:right;
    margin:10px;
}

.item-sort-wrap .total {
    margin-top: 5px;
}

.item-sort-wrap .total .point_color{
    font-size: 16px;
    font-weight: bold;
    padding-right: 3px;
}

.item-sort-wrap .item-order-wrap {
    position: relative;
}

.item-sort-wrap .item-order-wrap .select{
    font-size: 11px;
    color: #666;
    padding-right: 15px;
    display: inline-block;
    background: url(/design/mastideco/wib2018/mobile/img/icon/icon-select-down.png) no-repeat right center;
    background-size: 11px auto;
}

.item-sort-wrap .item-order-wrap .select.on{
    background: url(/design/mastideco/wib2018/mobile/img/icon/icon-select-up.png) no-repeat right center;
    background-size: 11px auto;
}

.item-sort-wrap .item-order-wrap .item-order{
    position: absolute;
    background: #fff;
    border: 1px solid #9e9e9e;
    padding: 0px 10px;
    width: 40px;
    right: 0;
    top: 20px;
    /*display:none;*/
    opacity: 0;
    visibility: hidden; 
    transition: all 0.5s ease;
}

.item-sort-wrap .item-order-wrap .item-order.on {
    top: 23px;
    opacity: 1;
    visibility: visible;
}

.item-sort-wrap .item-order-wrap .item-order li{
    margin: 5px 0px;
    text-align:left;
}

.item-sort-wrap .item-order-wrap .item-order li a{
    font-size: 9px;
    color: #666;
}

/* BASIC css end */