/* BASIC css start */
#prdBrand { position: relative; }

.item-wrap .class-list dd ul {background: url(/design/dhkang0606/2013img/list_cate_bg_btm.gif) no-repeat left bottom;}
.item-wrap .class-list { zoom: 1; overflow: hidden; margin-bottom: 40px !important; margin-top:50px }
.item-wrap .class-list li {text-align:center;}
.item-wrap .class-list li a { font-size: 28px; font-weight:500; color:#333}


.item-list .item .info li {font-weight:normal}
.item-list .item .info li > strong {display: block;font-size: 16px; font-weight:500}
.item-list .item .info li:first-child > strong:before {display: inline-block; content: '사이즈(cm)'; font-size: 13px; font-weight: 400; margin-right: 4px;}
.item-list .item .info .price > span {display:inline-block !important}
.item-list .item .info li.quantity,
.item-list .item .info li.quantity * {font-weight:400 !important; font-size: 13px !important}


.item-list.tblType dd {border-bottom:1px solid #d9d9d9}
.item-list.tblType dd table thead {display:none}
.item-list.tblType dd table td {padding: 5px 0; text-align:center}
.item-list.tblType dt {display:none}

// .item-list.tblType dl dt:first-child {display:block}

.item-list.tblType {margin-top: 10px}
.item-list.tblType dl:first-child thead {display:table-header-group}
.item-list.tblType dl:first-child thead th {background: #f5f5f5;padding:10px 0; text-align:center; font-weight:500}

.item-list.tblType th.tal,
.item-list.tblType td.tal {text-align:left; padding-left: 5px}

.item-list.tblType td .listName a {display: flex; justify-content: space-between;padding-left:10px}
.item-list.tblType td .listName strong {margin-left: auto; width: 150px;}

.item-list.tblType dl:first-child thead th .size span {display:block}
.item-list.tblType dl:first-child thead th p {display:flex; justify-content: space-between; align-items: center; padding: 0 10px;}


/* 필터 */
.list_array {margin-bottom:0; display:none}
.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 {margin-top:10px;display:none}
.filter-wrap * {color:#202020; word-break:break-all;}
.filter-wrap button {border:0;}

.layer-filter-wrap .layer-filter {/*position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; overflow:auto;*/padding: 10px 20px;background: #f8f9fd;border-radius: 16px;margin-bottom: 20px; position:relative}
.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 > span {position:absolute;top: 12px;left: 24px;}
.layer-filter-wrap .layer-filter .opt-box li input[type="checkbox"]{display:none;}
.layer-filter-wrap .layer-filter .opt-box li .chk-box {display:flex !important; gap: 40px;}
.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 */