#leftCategory-brandMView-box {width:170px; height:auto; margin:0 auto; padding:0; text-align:left;}
.accordionLBMenu {background-color:#fff; color: #444; cursor: pointer; padding:10px 0; width: 100%; height:40px; border: none; text-align: left; outline: none; font-size: 12pt; font-weight:600; transition: 0.4s; border-bottom:1px solid #ccc;}
#leftCategory-brandMView-box .active, .accordionLBMenu:hover {background-color: #fff;}
.accordionLBMenu:after {content: '\002B'; color: #777; font-weight: bold; float: right; margin-left: 5px;}

#leftCategory-brandMView-box .active:after {content: "\2212";}
.panelLBMenu {width:170px; padding:0 18px; background-color:#fff; text-align:left; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}


/* ºê·£µåº¸±â check box */
.input-brandMView-checkbox {width:170px; height:auto; text-align:left; padding:5px 0 8px 0; margin:-10px 0 0 -15px;}
.input-brandMView-checkbox ul li {width:170px; height:auto; text-align:left; padding:0; margin:0 auto;}
.input-brandMView-checkbox input[type=checkbox] {display: none;}
.input-brandMView-checkbox input[type=checkbox] + label {display: inline-block; cursor: pointer; position: relative; padding-left:22px; line-height:20px; font-size: 9pt; margin-bottom:5px;}
.input-brandMView-checkbox input[type=checkbox]+ label:before {content: ""; display: inline-block; width: 15px; height: 15px; position: absolute; left: 0; top:3px; bottom: 1px; background-color: #fff; border-radius: none; border:1px solid #ccc;}
.input-brandMView-checkbox input[type=checkbox]:checked + label:before {content: "\2713";  /* üũ¸ð¾ç */ font-size: 13pt; width: 16px; height: 16px; font-weight:800; color: #fff; background:#2f87c1; text-align: center; line-height: 16px; border:none;} 

/* »çÀÌÁ±â check box */
.input-brandSizeMView-checkbox {width:170px; height:auto; text-align:left; padding:5px 0 8px 0; margin:-10px 0 0 -15px;}
.input-brandSizeMView-checkbox ul li {width:170px; height:auto; text-align:left; padding:0; margin:0 auto;}
.input-brandSizeMView-checkbox input[type=checkbox] {display: none;}
.input-brandSizeMView-checkbox input[type=checkbox] + label {display: inline-block; cursor: pointer; position: relative; padding-left:22px; line-height:20px; font-size: 9pt; margin-bottom:5px;}
.input-brandSizeMView-checkbox input[type=checkbox]+ label:before {content: ""; display: inline-block; width: 15px; height: 15px; position: absolute; left: 0; top:3px; bottom: 1px; background-color: #fff; border-radius: none; border:1px solid #ccc;}
.input-brandSizeMView-checkbox input[type=checkbox]:checked + label:before {content: "\2713";  /* üũ¸ð¾ç */ font-size: 13pt; width: 16px; height: 16px; font-weight:800; color: #fff; background:#2f87c1; text-align: center; line-height: 16px; border:none;} 


/* ¿ÞÂÊ °á°ú³» Àç°Ë»ö ¹Ú½º */
.reSearchBox {width:100%; height:auto; margin:30px auto; padding:0; text-align:center;}
.reSearchTin {width:100%; height:auto; margin:0 auto; padding:10px 0; text-align:center; background-color:#f8f8f8; border:1px solid #ccc; font-size:10pt; color:#444; font-weight:bold;}
.reSearchMbox {width:100%; height:auto; margin:5px auto; padding:0; text-align:center; text-align:center; font-size:9pt; color:#444;}
.search {width: 95%; position: relative; display: flex; margin:0 0 30px 0;}
.searchTerm {width: 95%; border: 1px solid #ccc; border-right: none; padding: 5px; height: 30px; border-radius: 2px 0 0 2px; outline: none; color: #9DBFAF; margin-bottom:20px;}
.searchTerm:focus {color: #00B4CC;}
.searchButton {width: 40px; height: 30px; border:1px solid #ccc; background:none; text-align: center; color: #999; border-radius: 0 2px 2px 0; cursor: pointer; font-size: 20px;}

/* ºê·£µå Àç°Ë»ö ¶óµð¿À¹öÆ° */
.reSearchMbox {width:170px; height:auto; text-align:center; padding:0; margin:-10px 10px 0 0;}
.reSearchMbox .checks {position: relative; margin:5px auto; padding:10px 0 5px 0; text-align:center; font-size:10pt; color:#666;}
.reSearchMbox .checks input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.reSearchMbox .checks input[type="radio"] + label {display: inline-block; position: relative; padding-left:42px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.reSearchMbox .checks input[type="radio"] + label:before {content: ''; position: absolute; left: 22px; top: -1px; width: 16px; height: 16px; top:6px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.reSearchMbox .checks input[type="radio"] + label:active:before,
.reSearchMbox .checks input[type="radio"]:checked + label:active:before  {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.reSearchMbox .checks input[type="radio"]:checked + label:before {background: #E9ECEE; border-color: #adb8c0;}
.reSearchMbox .checks input[type="radio"]:checked + label:after {content: ''; position: absolute; top: 9px; left: 25px; width: 10px; height: 10px; background: #99a1a7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);}
/* ºê·£µå Àç°Ë»ö ¹öÆ° */
.brand-check-button {width: 170px; height: 30px; margin-top:20px; border:1px solid #ccc; background:#efefef; text-align: center; color: #444; border-radius: 0 2px 2px 0; cursor: pointer; font-size: 10pt;}