@charset "euc-kr";

.multi-select {text-align: right;}
.multi-select select {height:40px;line-height:38px; border:1px solid #e7e7e7;color:#212121;font-size:14px;padding:0 13px;cursor: pointer; display:none;}


.multiWrap {margin:0px auto 36px auto;}
.multiWrap .multi-Main-Banner {display:block;position:relative;width:100%;height:auto;color:#fff;text-align: center;margin-bottom:20px;}
.multiWrap .multi-tab ul {margin-right:-1px;}
.multiWrap .multi-tab ul li {display:inline-block;position:relative;float:left; width:calc(25% + 1px);border:1px solid #e7e7e7;background:#fff;margin:-1px 0 0 -1px;}
.multiWrap .multi-tab ul li a {display:block;width:100%;hegiht:38px;line-height:38px;text-align: left;color:#373737;font-size:14px;padding-left:20px;background:url(../../../images/qubridge/ico/ico_event_tab.png) no-repeat center right 20px;}
.multiWrap .multi-tab ul li.on {background:#BB2649;border:1px solid #BB2649;}
.multiWrap .multi-tab ul li.on a {color:#fff;background:url(../../../images/qubridge/ico/ico_event_tab_on.png) no-repeat center right 20px;}
.multiWrap .multi-contents {display:block;position:relative;width:100%;height:auto;background:#fff;}
.multiWrap .multi-contents > ul > li {display:none;position:relative;width:100%;height:auto;}
.multiWrap .multi-contents > ul > li.on {display:block;}



.multi-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;}
.multi-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;}                    

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

.multi-product  .prd_QuickBtn {display:flex;flex-direction:row;align-items: center;justify-content: center; width:100%;height:230px;position: absolute;top:0px;left:0px;background-color:rgba(255,255,255,0.4);opacity: 0;}
.multi-product .prd_QuickBtn button {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;}
/* .multi-product .prd_QuickBtn a:nth-of-type(1){display:none;} */
.multi-product .prd_QuickBtn button:hover {background:#BB2649;}
.multi-product .prd_QuickBtn img{vertical-align: middle;margin:15px auto;}
.multi-product {position:relative;}
.multi-product  li:hover .prd_QuickBtn {opacity:1;}
.multi-product  li:hover .pd_name span {border-bottom:1px solid #333;}