/* BASIC css start */
#contentWrapper { margin-top:120px; }
.remoteList {  position: fixed;left: -130px;top: calc(50% - 100px);z-index: 99; width: 150px;padding: 48px 19px 11px 19px;text-align: left;opacity: 0;visibility: hidden;line-height: 17px;/* border: 1px solid #ccc; */border-radius: 5px;background: rgba(245, 245, 245, 0.95);font-size: 11px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);box-sizing: border-box;}
.remoteList > h2 { position: absolute;left: -1px;top: -1px;width: calc(100% + 2px);height: 36px;background: rgba(16,16,16,0.76);border-radius: 5px 5px 0 0;color: rgba(255, 255, 255, 0.88);text-align: left;padding-left: 21px;box-sizing: border-box;font-weight: normal;line-height: 36px;font-size: 13px;}
.remoteList > i {display:block;cursor:pointer;position: absolute;right: 12px;top: 11px;font-size: 10px;color: #fff;}
.remoteList.active { left:30px;opacity:1;visibility:visible;}
.remoteList > div {clear:both;display: block;padding: 8px 0;height: 16px;border-bottom: 1px solid rgba(167, 167, 167, 0.32);border-top: 1px solid #fff;cursor:pointer;}
.remoteList > div.first {border-top:0 !important;}
.remoteList > div:last-child {border-bottom:0;}
.remoteList span {float:left;line-height:16px;}
.remoteList b { float: left;padding: 0 0px 0 8px;font-size: 13px;color: #3a3a3a;line-height: 14px;display: block;width: 16px;}
.remoteList a { float: left;cursor: pointer;font-size: 16px;color: #717171;line-height: 16px;background: #e6e6e6;border-radius: 2px;margin-right: 5px;padding: 0px 2px;box-shadow: inset 0 -1px #656c8026;}
.remoteList a i {font-size:13px;line-height:16px;}
.remoteList span a:hover { opacity:0.5;}
.transition5s{-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;transition-timing-function:ease; -webkit-transition-timing-function:ease;}
.item-wrap .item-cont.grid4 .item-list { width:25%; }
.item-wrap .item-cont.grid3 .item-list { width:33.3%;}
.item-wrap .item-cont.grid2 .item-list { width:50%;}


/* class-list */
.item-wrap .item-cont .item-list { display:inline-block; }
.item-wrap .item-cont .item-list.hidden { display:none; }
.more-box { width:100%; text-align:center; }
.more-box .btn-more { display:inline-block; width:170px; height:50px; line-height:50px; box-sizing:border-box; border:1px solid #bbb;border-radius: 30px; text-align:center; background:#fff; font-weight:500; font-size:14px; color:#1c1c1c; }
.more-box .btn-more.hidden { display:none; }
.more-box i { display:inline-block; margin-left:5px; }
.item-wrap .item-info .total-item { float:left; color:#777; }
.item-wrap .item-info .total-item strong { color:#1c1c1c; font-weight:600; }

.cate-banner { width:100%; text-align:center; }
.cate-banner img { width:100%; }
#productClass .prd-class-hd { width:100%; padding:0 57px; box-sizing:border-box; margin:20px auto 0;}
#productClass .cate-wrap .bcate { text-align:center; padding:35px 0 25px; font-size:24px; color:#1c1c1c; font-weight:600;}
#productClass .cate-wrap .class-list ul { text-align:center;  *zoom:1 }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { padding:0 30px; font-size:0; display:inline-block; position:relative; }
#productClass .cate-wrap .class-list ul li:after { position:absolute; right:-1px; top:0; display:block; clear:both; content:'|'; font-size:14px; color:#d9d9d9; }
#productClass .cate-wrap .class-list ul li a { display:block; font-size:15px; color:#9a9a9a; }
#productClass .cate-wrap .class-list ul li.sel a { color:#1c1c1c; }


/* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

/* total-sort */
#productClass .total-sort { padding-top: 30px; }

/* 하위 분류 */
#productClass .item-cate { display: flex; justify-content: space-between; align-items: end; padding: 30px 0; }
#productClass .item-cate a { font-weight: bold; color: #1c1c1c; letter-spacing: -1px; }
#productClass .item-cate .scate a { font-size: 18px; }
#productClass .item-cont .thumb .main_icons {  position:relative; }
/* BASIC css end */