/* BASIC css start */
.depth-item {
    flex-wrap: wrap;
    gap: 8px !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
}


.cate-2nd .page_location {margin-bottom: 20px}
.cate-2nd .page_location ol {display: flex; align-items: center;}
.cate-2nd .shopbrandTitle {display:none}
.cate-2nd .shopbrandTitle:has(.depth2) {display:block}


.addCode {box-sizing: border-box;position: relative;display: block;padding: 4px;font-size: 14px;letter-spacing: -0.5px;border-radius: 36px;text-align: left; margin-bottom: 1rem;background-color: #fef2f2;color: #b91c1c; padding-left: 20px }
.cate-2nd .list_array {display:flex; align-items:center; justify-content:space-between;padding-top: 10px;margin-bottom: 10px;}
.cate-2nd .list_array .list_arrayLeft {margin-top:0; float:none}
.cate-2nd .list_array .list_arrayRight {margin-top:0; float: none; font-size: 0}
.cate-2nd .list_array .list_arrayRight a {display:inline-block; font-size: 0; height: 20px}
.cate-2nd .list_array .list_arrayRight a + a {margin-left: 5px}


.cate-2nd .list_shopping1x li {padding: 0 }
.cate-2nd .list_shopping1x li:first-child {border-top: 0}
.cate-2nd .list_shopping1x li a {width: 100%; margin: 0}
.cate-2nd .list_shopping1x li img.listPic {display:none}
.cate-2nd .list_shopping1x li .my-wish-list {display:inline-flex;align-items: center;justify-content: center;background: rgba(0, 0, 0, .26);border-radius: 50%;width: 30px;height: 30px;}
/*.cate-2nd .list_shopping1x li .my-wish-list.wish-on svg path {stroke: #e60023}*/
.cate-2nd .list_shopping1x li .my-wish-list.wish-on {background-color:#ff3d25}


.cate-2nd .list_shopping1x .list_shoppingInfo {width: 100%}
.cate-2nd .list_shopping1x .list_shoppingInfo table {width: 100%}
.cate-2nd .list_shopping1x .list_shoppingInfo table thead th {display:none}
.cate-2nd .list_shopping1x + .list_shopping1x .list_shoppingInfo table thead th {display:none !important}
.cate-2nd .list_shopping1x .list_shoppingInfo table .tar {text-align:right !important; padding-right: 16px}
.cate-2nd .list_shopping1x .list_shoppingInfo table .listName {font-size: 0; line-height: 0}
.cate-2nd .list_shopping1x .list_shoppingInfo table .listName strong,
.cate-2nd .list_shopping1x .list_shoppingInfo table .listName span {font-size: 1.8rem; font-weight:300; letter-spacing: 1px; line-height:1.5}
.cate-2nd .list_shopping1x .list_shoppingInfo table .listName span {letter-spacing: -1px; font-size:1.7rem}
.cate-2nd .list_shopping1x .list_shoppingInfo table .listName strong:before {display:none}
.cate-2nd .list_shopping1x .list_shoppingInfo table .listPrice  {text-align:center; margin: 0; color:#000}
.cate-2nd .list_shopping1x .list_shoppingInfo table .quantity,
.cate-2nd .list_shopping1x .list_shoppingInfo table .listWish a {text-align:center}
.cate-2nd .list_shopping1x li:first-child .list_shoppingInfo thead th {display:table-cell;background:#f5f5f5;padding: 5px; line-height: 1.2; text-align:center}
.cate-2nd .list_shopping1x li:first-child .list_shoppingInfo thead th span {font-size: 12px;}
.cate-2nd .list_shopping1x li .list_shoppingInfo td {padding: 14px 0;font-size: 1.5rem;font-weight: 300;color: #000 !important;}

.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 {text-align:center;}
.shopbrand .list_group select {min-width:150px; 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;}

.gallery-type.list_shopping3x .list_shoppingInfo strong {display:block}


/**
모바일 4.0 상품 분류 페이지 CSS
**/
/* 상품리스트 주문 기능 */
.list_array { margin-bottom:0; padding-bottom: 10px }
.list_shopping1x li { padding:20px 0; }
.list_shopping1x li:first-child { border-top:1px solid #d9d9d9; }
.list_shopping1x li a,
.list_shopping1x li:first-child a { padding:0; }
.list_shopping1x li a,
.list_shopping1x li .chk-prd,
.list_shopping1x li select,
.list_shopping1x li input[type="text"],
.list_shopping1x li .MK_qty-ctrl { width:96%; margin:0 0 5px 7px; font-size:12px; }
.list_shopping2x li { padding:20px 0; border-top:1px solid #e7e7e7; }
.list_shopping2x li a { padding:0; }
.list_shopping2x li a,
.list_shopping2x li .chk-prd,
.list_shopping2x li select,
.list_shopping2x li input[type="text"],
.list_shopping2x li .MK_qty-ctrl { width:96%; margin:0 0 5px 3px; font-size:12px; }
.shopbrand li .MK_qty-ctrl input[type="tel"] {padding:0 6px; width: 50px; vertical-align:top; text-align:right; }
.shopbrand li .MK_qty-ctrl a { padding:0; margin:0; }
.shopbrand li .MK_qty-ctrl .btn-type-02 { background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; display: inline-block; }
.more { margin-top:10px; }
.listPrice {color:#666666;}
.MK_btn { margin: 0 2px; text-align:left; }
.MK_btn a { display:inline-block; width:45%; height:22px; line-height:24px; font-size:0.750em; text-align:center; }
.MK_btn .btn-cart { border:1px solid #686d6f; background:#686d6f; color:#fff; }
.MK_btn .btn-wish { border:1px solid #686d6f; background:#fff; }
.sel-total-box { padding:15px 0; margin-top:30px; border-top:1px solid #cdcdcd; background:#efefef; text-align:center; }
.sel-total-box strong { font-family:'Myriad Pro'; font-size:1.2em; }
.sel-total-box strong.fc-red { color:#ff7171; }
.sel-total-box .total-btns { margin-top:10px; }
.sel-total-box { padding:15px 0; margin-top:30px; border-top:1px solid #cdcdcd; background:#efefef; text-align:center; }
.sel-total-box strong { font-family:'Myriad Pro'; font-size:1.2em; }
.sel-total-box strong.fc-red { color:#ff7171; }
.sel-total-box .total-btns { margin-top:10px; }
.sel-total-box .total-btns a { display:inline-block; height:38px; line-height:40px; font-size:11px; text-align:center; }
.sel-total-box .total-btns a.btn-wish { width:24%; border:1px solid #717678; background:#fff; color:#7b7b7b; }
.sel-total-box .total-btns a.btn-cart { width:24%; border:1px solid #595d5f; background:#686d6f; color:#fff; }
.sel-total-box .total-btns a.btn-buy { width:34%; border:1px solid #000; background:#000; color:#fff; }


/* 필터 */
.list_array {margin-bottom:0;}
.btn-filter-wrap {position:relative; }
.btn-filter-wrap strong {display:inline-block; font-size:14px; color:#3b3b3b;}
.btn-filter-wrap a {display:inline-block; background:url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M2%206.5H5%22%20stroke%3D%22%23333333%22/%3E%3Cpath%20d%3D%22M7%206.5H16%22%20stroke%3D%22%23333333%22/%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226.5%22%20r%3D%221.5%22%20stroke%3D%22%23333333%22/%3E%3Cpath%20d%3D%22M2%2011.5H11%22%20stroke%3D%22%23333333%22/%3E%3Cpath%20d%3D%22M13%2011.5H16%22%20stroke%3D%22%23333333%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2211.5%22%20r%3D%221.5%22%20stroke%3D%22%23333333%22/%3E%3C/svg%3E") no-repeat 90% center;
   vertical-align:middle; font-size:0; padding-right: 24px; background-size: 18px auto; border: 1px solid #dfdfdf;padding: 4px 34px 4px 10px; border-radius: 16px;}

.filter-wrap * {color:#202020; word-break:break-all;}
.filter-wrap button {border:0;}
.layer-filter-wrap {display:none;}
.layer-filter-wrap .layer-filter {/*position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; overflow:auto;*/padding: 10px;background: #f8f9fd;border-radius: 16px;margin-bottom: 20px;}
.layer-filter-wrap .layer-filter .tit-wrap {display:flex; justify-content: space-between; align-items: center;  border-bottom:1px solid #f0f0f0; position:relative;}
.layer-filter-wrap .layer-filter .tit {}
.layer-filter-wrap .layer-filter .tit h3 {display:none; font-size:17px; font-weight:bold; margin:0; padding:0;}
.layer-filter-wrap .layer-filter .tit .total-count {display:inline-block; color:rgb(95, 0, 128); font-size:16px; font-weight:bold;}
.layer-filter-wrap .layer-filter .tit .btn-close {position:absolute; right:0; top:10px; width:14px; height:14px; font-size:0px; text-indent:-9999px; background: transparent url(/images/common/icon_close.png) no-repeat left center;background-size: contain; }
.layer-filter-wrap .layer-filter .opt-box li {padding:5px 0; border-bottom:1px solid #f0f0f0; font-size:15px; font-weight:bold; cursor:pointer;}
.layer-filter-wrap .layer-filter .opt-box li.active {background:url(/images/common/icon_arr_up.png) no-repeat 92% 25px;}
.layer-filter-wrap .layer-filter .opt-box li > div {margin-top:15px;}
.layer-filter-wrap .layer-filter .opt-box li input[type="checkbox"]{display:none;}
.layer-filter-wrap .layer-filter .opt-box li .chk-box {display:block !important}
.layer-filter-wrap .layer-filter .opt-box li .chk-box label {position:relative; height:21px; line-height:19px; margin-top:10px; padding-left:26px; display:block; font-size:16px; font-weight:300; cursor:pointer;}
.layer-filter-wrap .layer-filter .opt-box li .chk-box label:before {position:absolute; left:0; top:0; width:20px; height:20px;background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M23.5%2012C23.5%2018.3513%2018.3513%2023.5%2012%2023.5C5.64873%2023.5%200.5%2018.3513%200.5%2012C0.5%205.64873%205.64873%200.5%2012%200.5C18.3513%200.5%2023.5%205.64873%2023.5%2012Z%22%20stroke%3D%22%23ddd%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M7%2012.6667L10.3846%2016L18%208.5%22%20stroke%3D%22%23ddd%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; content:'';}
  .layer-filter-wrap .layer-filter .opt-box li .chk-box label .filter_item_count {display:none}
.layer-filter-wrap .layer-filter .opt-box li .chk-box input[type="checkbox"]:checked + label:before {background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12%2024C18.6274%2024%2024%2018.6274%2024%2012C24%205.37258%2018.6274%200%2012%200C5.37258%200%200%205.37258%200%2012C0%2018.6274%205.37258%2024%2012%2024Z%22%20fill%3D%22%235f0080%22/%3E%3Cpath%20d%3D%22M7%2012.6667L10.3846%2016L18%208.5%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code {display:flex; flex-wrap:wrap; column-gap:20px; row-gap:5px; margin-top:18px; justify-content:flex-start;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code label {display:block; width:36px; height:36px; border:3px solid #fff; border-radius:50%; font-size:13px; font-weight:normal; box-shadow:0px 0px 1px 1px #dfdfdf; cursor:pointer;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code input[type="checkbox"]:checked + label {box-shadow:0px 0px 1px 1px #000;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code input[type="checkbox"]:checked + label + p {color:#202020;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code p {margin:8px 0; color:#a6a6a6; font-size:12px; text-align:center; font-weight:normal;}

.layer-filter-wrap .layer-filter .select-filter {display:flex; flex-wrap:wrap; gap:5px; margin:10px 0;}
.layer-filter-wrap .layer-filter .select-filter li {display:flex; align-items:center; padding:8px 10px; background:#f8f8f8; border-radius:16px; font-size:13px;}
.layer-filter-wrap .layer-filter .select-filter li .btn-del {width:10px; height:10px; margin-left:8px; background:url(/images/common/icon_txt_delete.png) no-repeat right center; font-size:0px; text-indent:-9999px;}
.layer-filter-wrap .layer-filter .select-filter li .color-code {display:inline-block; width:18px; height:18px; margin-right:5px; border-radius:50%;}
.layer-filter-wrap .layer-filter .select-filter li .filter-text {max-width:200px;}
.layer-filter-wrap .layer-filter .btn-wrap {display:inline-block; margin:0; box-sizing:border-box; margin-left: auto}
.layer-filter-wrap .layer-filter .btn-wrap button {width:auto; padding:16px 0; text-align:center; background:#fff; font-size:14px; font-weight:bold; margin-right: 20px}
.layer-filter-wrap .layer-filter .btn-wrap button.btn-reset {padding: 8px; background: transparent}
.layer-filter-wrap .layer-filter .btn-wrap button.btn-reset svg {position: relative;top: 2px;}
.layer-filter-wrap .layer-filter .btn-wrap button.btn-search {min-width:60%; background:#202020;}
.layer-filter-wrap .layer-filter .btn-wrap button span {display:inline-block; visibility:visible; margin-left: 5px}
.layer-filter-wrap .layer-filter .btn-wrap button span.fc-fff {color:#fff;}


/* BASIC css end */