/* BASIC css start */
input#keyword_search {width: 100%;
    border: none;
    font-size: 18px;
    padding-bottom: 30px;
    box-sizing: border-box;
    text-align: center;
    font-weight: 500;
    color: #000;
    height: 50px;
    border-bottom: 1px solid #f02;
    padding: 0 20px;
    outline :none;
background-color: #fff;border-radius: 0;}
input#keyword_search~a {position: absolute;right: 14px;top: 50%;margin-top: -10px;}

input#keyword_search~a>img {width: 20px;}
#search .form-wrap {position: relative;  }
#search .form-wrap .searchForm {width:80%;}
#search .form-wrap .searchForm input {border:0px none;}
#search .form-wrap .searchButton {width:20%;background-color:#822023; color:#fff;position: absolute; top: 10px; right: 10px; height: 80px; line-height: 86px; text-align: center; }
#search .form-wrap .searchForm #keyword_search {width:90%; margin-bottom: 10px;}
#search .form-wrap .searchPrice {color:#fff;}
#search .form-wrap .searchPrice input {width:30%;}
#search h2 {border-bottom:1px solid #4a4a4a; text-align:center; font-weight:bold; padding:5px 0;}
#search .MK_product_list .items {background-color:#f9f9f9; padding: 10px 0;}
#search .MK_product_list .items #MK_best_product li {width:33.33%;}
#search .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
#search .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
#search .list_group {padding:12px 1%; text-align:center;}
#search .list_group select {width:49%; height:28px;}
#search .more .more-title {color: #3b3b3b;}

#search .list_shopping1x li {box-sizing: border-box; padding:0;}
#search .list_shopping1x li:first-child {padding:0;}
#search .list_shopping1x li a { padding: 0;}
#search .list_shopping1x li figcaption p.hashtag {margin-top: 5px;}
#search .list_shopping1x li figcaption p.hashtag a {background-color: #f3f3f3; white-space: nowrap; margin-right:5px;}

.list_shopping1x .pd_icon{position:static; margin-bottom:5px;} 
.list_shopping1x .MK-product-icons img{padding:0;}
.list_shopping1x ul {text-align:center;}
.list_shopping1x li {width:97%;margin:0 auto 8px;padding:0;text-align:center;position:relative;border:1px solid #dedede !important;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;text-align:center;}
.list_shopping1x li img.listPic {float:right;}
.list_shopping1x li a {padding:0 !important;}
.list_shopping1x .list_shoppingInfo {text-align:left;padding-top:3% !important;padding-left:3% !important;}
.list_shopping1x .salebox {width:40px;height:30px; background-color: #ed1c24; color: #fff;  font-weight: bold;padding:5px 0px;line-height:14px;text-align:center;margin-bottom:5px;}
.list_shopping1x .salebox .sale_kor {font-size:12px;letter-spacing:-0.3px;text-align:center;}
.list_shopping1x .salebox .salebig {display:block;font-size:15px;text-align:center;margin-top:2px;}
.list_shopping1x .listPrice {color:#ed1c23;}


/* 검색페이지 검색버튼 배경 */
#search .form-wrap {margin-top: 15px;padding: 0 14px;}
#search .form-wrap .searchButton { background-color:#ed1c24;}


#search .list_array .list_arrayRight img {width: 23px; height: auto;}

@media screen and (min-width:420px) and (max-width:767px) {
    #search .list_shopping1x li {padding:4px;}
    #search .list_shopping1x li:first-child {padding:4px;}
}
@media screen and (min-width:768px) {
    #search .list_shopping1x li {padding:10px;}
    #search .list_shopping1x li:first-child {padding:10px;}
    #search .list_shopping2x li {padding:5px;}
}

.listDiscount{color:#ed1c23; font-size:14px; font-weight:bold;}
.listDiscount del {color:#b5b5b5; font-size:12px; font-weight:normal}


#contents{padding :0;}
.paging {margin-top: 5px;}




ul.list-category__list {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox; display: flex;-webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;border-bottom: 8px solid #f5f5f5;}

ul.list-category__list>li {width: 33.33%;text-align: center;box-sizing: border-box;}

ul.list-category__list>li:not(li:nth-of-type(3n)) {border-right: 1px solid #ddd;}

ul.list-category__list>li>a {font-size: 14px;color: #000;display: block;padding: 12px 0;}
ul.list-category__list>li:not(li:nth-last-of-type(-n + 3)) {border-bottom: 1px solid #ddd;}
ul.list-category__list>li.sel>a {font-weight: 600;color: #f02;}

.title-box>h2{
text-align: center;
    font-size: 18px!important;
    color: #000;
    margin: 35px 0 0px 0;
    font-weight: bold;
    padding : 0!important;
}

.title-box span{
text-align: center;
    font-size: 11px;
    color: #d8001c;
    display: block;
    margin-top: 5px;
    font-weight: normal;
}



.sort-box__bg {height: 100vh;background-color: #0009;}

.sort-box {position: fixed;top: 0;width: 100%;height: 100%;left: 0;z-index: 100;display: none;}
ul.sort-box__list {position: fixed;top: 50%;left: 50%;webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);width: calc(100% - 28px);

border-radius: 7px;
background-color: #ffffff;z-index: 99;}
ul.sort-box__list>h3 {font-size: 17px;color: #000;margin: 17px 18px;position: relative;}

ul.sort-box__list>h3>i {position: absolute;font-size: 20px;color: #9a9a9a;top: -1px;right: 0;cursor: pointer;}


ul.sort-box__list>li {}

ul.sort-box__list>li>a {display: block;padding: 13px 40px;font-size: 12px;border-top: 1px solid #ddd;
    box-sizing: border-box;position: relative;}

ul.sort-box__list>li>a>span {width: 14px;height: 14px;border-radius: 14px;border: 1px solid #ddd;display: inline-block;position: absolute;left: 18px;top: 50%;margin-top: -6.5px;box-sizing: border-box;}

ul.sort-box__list>li>a>span.checked:after {position: absolute;width: 7px;height: 7px;content: "";left: 50%;/* margin-left: 1px; */top: 50%;
    webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);background-color: #000;border-radius: 10px;}


.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;}
.shopbrand .list_group select {width:49%; height:28px;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; height: auto;}

.list_shopping1x ul {text-align:center;}
.list_shopping1x li {width:97%;margin:0 auto 8px;padding:0;text-align:center;position:relative;border:1px solid #dedede !important;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;text-align:center;}
.list_shopping1x li img.listPic {float:right;}

.list_shopping1x .list_shoppingInfo {text-align:left;padding-top:3% !important;padding-left:3% !important;}
.list_shopping1x .salebox {width:40px;height:30px; background-color: #ed1c24; color: #fff;  font-weight: bold;padding:5px 0px;line-height:14px;text-align:center;margin-bottom:5px;}
.list_shopping1x .salebox .sale_kor {font-size:12px;letter-spacing:-0.3px;text-align:center;}
.list_shopping1x .salebox .salebig {display:block;font-size:15px;text-align:center;margin-top:2px;}
.list_shopping1x .listPrice {color:#ed1c23;}
.listDiscount{color:#ed1c23; font-size:14px; font-weight:bold;}
.listDiscount del {color:#b5b5b5; font-size:12px; font-weight:normal}

.list_shopping1x .pd_icon{position:static; margin-bottom:5px;} 
.list_shopping1x .MK-product-icons img{padding:0;}

.list-info__wrap {padding: 30px 14px 20px 14px;}

span.list-info__count {font-size: 13px;color: #333;font-weight: bold;}
span.list-info__count>em {font-weight: 400;}
.list-info__sort-box {float: right;font-size: 13px;color: #333;}
span.list-info__now-sort:before {content: "";background-image: url(/design/esdongsuh/2022renewal/MB/mb_sort_icon01.png);position: absolute;top: 3px;left: -14px;background-size: 100%;width: 8px;height: 11px;background-repeat: no-repeat;}

span.list-info__now-sort {position: relative;}
/*  프로모션 슬라이드 */


.product-promotion {
	overflow:hidden;
	margin: 25px 0 auto;
	box-sizing:border-box;
	/* width: calc(100% - 28px); */
	padding: 0 14px;position:relative;
visibility: hidden;border-bottom: 8px solid #f5f5f5;}
.product-promotion__wrap {
	margin:0 auto;
	width: calc(100% - 28px);
	overflow:hidden;
	border-radius:5px;
	padding:0;
}
.product-promotion .product__item {
	width:100%;
	margin-right:0px;
	margin-bottom: 25px;
}
.product-promotion .product__sold {
	height: 25px;
	font-size: 12px;
}
@media screen and (max-width:411px) {

    .product-promotion .product__sold{font-size: 11px;}
	.product-promotion .product__item .product__category {
display: inline-block;width: 85%;}
}
.product-promotion .product__item .product__name>a {
	font-size: 12px;
}
.product-promotion .product__item .product__category {
	font-size:12px;
}
.product-promotion .product__item .product__review {
	font-size: 10px;
}

/*  프로모션 슬라이드 */

.product.is-list .product__item {width: 100%;display: -webkit-box; display: -webkit-flex;display: -ms-flexbox; display: flex;border: 1px solid #ddd;border-radius: 5px;margin-bottom: 15px;margin-right: 0;}

.product.is-list .product__thumb {width: 50%;margin-right: 15px;border: none;margin-bottom: 0;}

.product.is-list .product__info {width: 50%;padding: 14px 14px 0 0;}
.product.is-list .product__thumb>.product__link img {border: none;}

.product.is-list .product__wrap {}
.product.is-list .product__item:last-of-type {margin-bottom: 25px;}





.none-product {text-align: center;width: 100%;margin: 40px 0 30px;line-height: 1.3;}

.none-product>p:first-of-type {font-size: 12px;
color: #333333;margin-bottom: 20px;}

.none-product>p:last-of-type {font-size: 11px;color: #999;}



/* BASIC css end */