@charset "euc-kr";


.brandWrap {margin:auto auto 36px auto;}
.brandWrap .brand-Main-Banner {display:block;position:relative;width:100%;height:360px;color:#fff;text-align: center;margin-bottom:20px;}
.brandWrap .brand-Main-Banner .bannerArea {display:block;width:880px;float:left;}
.brandWrap .brand-Main-Banner .bannerArea ul li {display:inline-block;width:50%;float:left;}
.brandWrap .brand-Main-Banner .bannerArea ul li.long {width:100%;clear:both;float:none;margin-top:0px;}
.brandWrap .brand-Main-Banner .bannerArea ul li a {display:block;width:100%;height:100%;}

.brandWrap .brand-Main-Banner .categoryArea {display:block;width:400px;float:right;border-bottom:1px solid #e7e7e7;}
.brandWrap .brand-Main-Banner .categoryArea h3 {display:block;width:100%;height:50px;line-height:50px;background:#ff4546;color:#fff;font-size:18px;font-weight:600;text-align: left;padding-left:20px;}

.brandWrap .brand-cate {height:310px;overflow-y: auto;}
.brandWrap .brand-cate ul {}
.brandWrap .brand-cate ul li {display:block;position:relative;width:100%;border-bottom:1px solid #e7e7e7;background:#fff;margin:0;}
.brandWrap .brand-cate ul li:last-child {border-bottom:none;}
.brandWrap .brand-cate ul li a {display:block;width:100%;hegiht:60px;line-height:58px;text-align: left;color:#373737;font-size:16px;padding-left:38px;background:url(../../../../images/qubridge/ico/ico_arrow_right_grey.png) no-repeat center left 20px;}
.brandWrap .brand-cate ul li.on {background:#ff4546;}
.brandWrap .brand-cate ul li.on a {color:#fff;background:url(../../../../images/qubridge/ico/ico_arrow_right_white.png) no-repeat center left 20px;}
.brandWrap .brand-contents {display:block;position:relative;width:100%;height:auto;background:#fff;}
.brandWrap .brand-contents > ul > li {display:none;position:relative;width:100%;height:auto;}
.brandWrap .brand-contents > ul > li.on {display:block;}



.brand-product h2 {display:block;position:relative;width:100%;border-bottom:2px solid #373737;line-height:35px;font-size:18px;color:#373737;margin:40px auto 20px auto;font-weight:400;}
.brand-product h2 .go_top {display:inline-block;position:absolute;top:0;right:1px;font-size:13px;padding-right:14px;padding-left:30px; background:url(../../../../images/qubridge/ico/go_top.png) no-repeat center right 43px;color:#a7a7a7;}

.brand-product ul {display:inline-block;position:relative;width:100%;}
.brand-product ul:after {display:none;}
.brand-product li {position:relative;float:left; width:230px; height:340px; background:#fff;margin-bottom:40px;margin-right:32px;}
.brand-product li:nth-of-type(5n) {margin-right:0px;}
.brand-product .thumb {overflow:hidden; width:100%; height:auto;}
.brand-product .thumb img {width:230px; height:230px;}
.brand-product .info {padding:10px 10px 0 0; font-size:14px; line-height:1.5;color:#000;}
.brand-product .info .price p {display:inline-block;}
.brand-product .info .price { margin-top: 20px; font-size: 14px; }
.brand-product .info .price .origin { color: #c8c8c8; text-decoration: line-through; text-align: right;}
.brand-product .info .price .sale span { font-size: 26px; font-weight: 800; font-family: 'Tahoma';margin-left:5px;}

/*»óÇ° ½æ³×ÀÏ °ü·Ã css Ãß°¡ 20211025 S*/
.brand-product li .thumb .bg_color{display:block; position:absolute; top:0; left:0; width:100%; height:230px; opacity:0; visibility:hidden;}
.brand-product li:hover .thumb .bg_color{background-color:rgba(255,255,255,0.4); transition:all 0.15s; opacity:1; visibility:visible;}
/*»óÇ° ½æ³×ÀÏ °ü·Ã css Ãß°¡ 20211025 E*/

.brand-product  .prd_QuickBtn {display:flex;flex-direction:row;align-items: center;justify-content: center; width:100%;/*height:230px;*/position: absolute;top:25%;left:0px;opacity: 0;}
.brand-product .prd_QuickBtn a {padding:0;border:none;float:left; width:50px; height:50px;background-color:rgba(0,0,0,0.8); border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; line-height: 50px;text-align: center; margin:0 5px;}
.brand-product .prd_QuickBtn a:nth-of-type(1){display:none;}
.brand-product .prd_QuickBtn a:hover {background:#fc6763;}
.brand-product .prd_QuickBtn img{vertical-align: middle;margin:15px auto;}
.brand-product {position:relative;}
.brand-product  li:hover .prd_QuickBtn {opacity:1;}
.brand-product  li:hover .pd_name span {border-bottom:1px solid #000}

.brandWrap .brand-Main-Banner .bannerArea ul li:nth-of-type(1) img {width:100%; height: 230px;}
.brandWrap .brand-Main-Banner .bannerArea ul li:nth-of-type(2) img {width:100%; height: 130px;}
.brandWrap .brand-Main-Banner .bannerArea ul li:nth-of-type(3) img {width:100%; height: 130px;}