/* BASIC css start */
#search .form-wrap {position: relative; padding: 10px; background:#f5f5f5;}
#search .form-wrap .searchForm {width:100%; margin:0 auto;}
#search .form-wrap .searchForm input {  font-size:14px;font-family: 'Noto Sans KR', sans-serif; background:#fff;border:1px solid #bebebe;}
#search .form-wrap .searchForm input:focus {outline:none;}
#search .form-wrap .searchButton {padding:9px 25px; display:block; background:#333; color:#fff; position: absolute; top: 10px; right: 10px; text-align: center; font-size:13px;font-family: 'Noto Sans KR', sans-serif;}
#search .form-wrap .searchForm #keyword_search {width:100%;font-size:14px;font-family: 'Noto Sans KR', sans-serif; padding-left:10px;}
#search .form-wrap .searchPrice {color:#fff;}
#search .form-wrap .searchPrice input {width:30%;}
#search .form-wrap .item-total{font-size:14px;font-family: 'Noto Sans KR', sans-serif; text-align:center; padding:20px 0 10px 0;}
#search .form-wrap .item-total span{color:#cc0000; font-weight:500;}
#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:8px 1%; text-align:center;}
#search .list_group select { width:49%; height:38px;font-size:12px;font-family: 'Noto Sans KR', sans-serif; padding:10px; background: url('http://resfor.cafe24.com/wig/site/mobile/icon_arrow.png') no-repeat 95% 50%; background-size:14px; border:1px solid #dadada; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#search .list_group select::-ms-expand {display: none;}
#search .more .more-title {color: #3b3b3b;}
#search .none-data {padding:50px 0;font-family: 'Noto Sans KR', sans-serif;}
#search .none-data i {font-size:40px; padding-bottom:5px;}

#search .list_shopping1x li {box-sizing: border-box; padding: 18px 4px;}
#search .list_shopping1x li:first-child {padding:0 4px 18px 4px;}
#search .list_shopping1x li a {display: inline; 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;}
#search .list_shopping2x li {box-sizing: border-box; padding:0 2px 18px 2px;}
#search .list_shopping2x li a {display: inline; padding: 0;}
#search .list_shopping2x li figcaption p.hashtag {margin-top: 5px;}
#search .list_shopping2x li figcaption p.hashtag a {background-color: #f3f3f3; white-space: nowrap; margin-right:5px;}
#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;}
}


.item-wrap .item-cont { width:100%; *zoom:1 }
.item-wrap .item-cont:after { content: ""; display: block; clear: both }
.item-wrap .item-cont .item-list {float:left; width:50%; text-align:center; position:relative;}
.item-wrap .item-cont .item-list .thumb { overflow:hidden }
.item-wrap .item-cont .item-list .thumb a { display: block; padding:0 2px; }
.item-wrap .item-cont .item-list .thumb span {width:46px; height:19px; background:#e56464; color:#fff; font-size:12px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; text-align:center; top:0; left:0;position:absolute; padding-top:1px;}
.item-wrap .item-cont .item-list .thumb img { width:100%;  height:100%; }
.item-wrap .item-cont .item-list .prd-info { padding:5px 5px 30px 5px; overflow:hidden }
.item-wrap .item-cont .item-list .prd-ico { margin-top:-10px; float:right;}
.item-wrap .item-cont .item-list .prd-ico img { margin:2px;}
.item-wrap .item-cont .item-list .prd-name { padding-top:2px }
.item-wrap .item-cont .item-list .prd-name a { font-family: 'Noto Sans KR', sans-serif; font-size:14px; display:block; color:#1c1c1c; line-height:18px; text-overflow:ellipsis; word-wrap:normal; text-align:left;word-break:keep-all;}
.item-wrap .item-cont .item-list .prd-subname { font-size:12px; padding-top:3px; color:#8b8b8b; text-align:left; line-height:18px; font-weight:300;word-break:keep-all;}
.item-wrap .item-cont .item-list .prd-price { padding-top:7px; font-family:Verdana; text-align:left; font-size:16px; font-weight:600;}
.item-wrap .item-cont .item-list .prd-price p{ padding-left:2px; font-family: 'Noto Sans KR', sans-serif; font-size:13px; font-weight:300; display:inline-block; }
.item-wrap .item-cont .item-list .prd-price strike { color:#999; font-size:14px; font-weight:300;}
.item-wrap .item-cont .item-list .prd-price .price { color:#993333;}
.item-wrap .item-cont .item-list .prd-review { font-family: 'Noto Sans KR', sans-serif; font-size:13px; font-weight:300; padding:5px 5px 0 0; text-align:right;}
.item-wrap .item-cont .item-list .prd-color { margin-top:17px; border-top:1px dashed #c6c6c6; text-align:left; padding-top:12px; }
.item-wrap .item-cont .item-list .prd-color .color-tit{ font-family: 'Noto Sans KR', sans-serif; font-size:13px; letter-spacing:0px; font-weight:300; margin-bottom:3px;}
.item-wrap .item-cont .item-list .prd-color .color-sq{ position: relative; font-size:18px; letter-spacing:-2px; cursor:pointer;}
/*.item-wrap .item-cont .item-list .prd-color .color-sq .color-name { position: absolute; font-family: 'Noto Sans KR', sans-serif; font-size:12px; font-weight:300; width: 56px; color: #333; background: #fff; height: 21px;line-height: 21px; letter-spacing:0px; text-align: center;display:none; border:1px solid #333; }
.item-wrap .item-cont .item-list .prd-color .color-sq .color-name:after { content: ''; position: absolute; top: 100%; left: 50%; margin-top:-1px; margin-left:-4px; width:0; height:0; border-top: 4px solid #ccc; border-right: 4px solid transparent; border-left: 4px solid transparent;}*/
.item-wrap .item-cont .item-list .prd-color .color-sq:hover .color-name { display: inline-block; bottom: 22px; right: -22px; margin-left:0px; z-index: 999;}
.item-wrap .item-cont .item-list .prd-color .color-sq .color-name {position: absolute; font-family: 'Noto Sans KR', sans-serif; font-size:12px; font-weight:300; width: 58px; color: #333;height: 21px;line-height: 21px; letter-spacing:0px; text-align: center;display:none; background: #fff;border: 1px solid #666; border-radius:10px;}
.item-wrap .item-cont .item-list .prd-color .color-sq .color-name:after, .item-wrap .item-cont .item-list .prd-color .color-sq .color-name:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;}
.item-wrap .item-cont .item-list .prd-color .color-sq .color-name:after {border-color: rgba(255, 255, 255, 0);border-top-color: #fff;border-width: 4px;margin-left: -4px;}
.item-wrap .item-cont .item-list .prd-color .color-sq .color-name:before {border-color: rgba(102, 102, 102, 0);border-top-color: #666;border-width:5px;margin-left: -5px;}
.item-wrap .item-cont .item-list .prd-preview { padding:5px 10px 0 0; float:right; vertical-align:top; }
.item-wrap .item-cont .item-list .prd-preview .btn-preview { width:69px; height:17px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_preview.gif) 0 0 no-repeat }
.item-wrap .item-cont .item-list .MK-product-icons img { vertical-align:middle; left:0;}
.item-wrap .item-cont .nomg { padding-right: 0px }
.item-wrap .item-page { margin-top: 50px; text-align: center; }
.item-wrap .item-page a { padding: 0 5px }
.item-wrap .item-page a:hover, .item-wrap .item-page a.now { color: #111; font-weight: bold; letter-spacing: -1px; }

.img-wrap {margin: 0px;display: flex;justify-content: center;overflow: hidden;}
.img-wrap .image {object-fit: contain;}
.list .up-on-scroll {margin-top: 0px;transition: transform 0.7s, opacity 1s;}
.list {display: flex;flex-wrap: wrap;flex-direction: column;}

/* BASIC css end */