@charset "euc-kr";


.pbWrap {margin:20px auto 36px auto;font-family:'Noto Sans KR'}
.pbWrap .pb-Main-Banner {display:block;position:relative;width:100%;height:auto;color:#fff;text-align: center;margin-bottom:20px;}
.pbWrap .period_myInfo {display:inline-block;position:relative;width:100%;height:140px;border:8px solid #f5f5f5;padding:32px 62px 32px 352px;font-size:20px;color:#6b6b6b;}


.pbWrap .pb-tab {margin:20px auto;}
.pbWrap .pb-tab ul {width:100%; border-bottom:1px solid #6b6b6b;}
.pbWrap .pb-tab ul li {display:inline-block;position:relative;float:left; width:200px;background:#f8f8f8;border:1px solid #e7e7e7;border-bottom:0;}
.pbWrap .pb-tab ul li:not(:first-of-type) {margin-left:-1px;width:201px;}
.pbWrap .pb-tab ul li a {display:block;width:100%;hegiht:60px;line-height:58px;color:#a7a7a7;font-size:14px;text-align: center;}
.pbWrap .pb-tab ul li.on {background:#fff;border:1px solid #6b6b6b;border-bottom:1px solid #fff;z-index:1;margin-bottom:-1px;}
.pbWrap .pb-tab ul li.on a {color:#373737;font-weight:700}

.pbWrap .pb-control {display:inline-block;position:relative;width:100%;hieght:auto;}
.pbWrap .pb-control select {float:left;width:220px;height:30px;padding:0 10px;line-height:28px;font-size:14px;color:#212121;/*background:url(../images/qubridge/ico/ico_arrow_down.png) no-repeat 95%;*/}
.pbWrap .pb-control .ctr_btn {float:right;margin-top:5px;}
.pbWrap .pb-control .ctr_btn a {display:inline-block;width:100px; height:30px; line-height:28px;border:1px solid #dedede;color:#6b6b6b;font-size:12px; text-align: center;}


.pbWrap .pb-contents {display:block;position:relative;width:100%;height:auto;background:#fff;}
.pbWrap .pb-contents > ul > li {display:none;position:relative;width:100%;height:auto;}
.pbWrap .pb-contents > ul > li.on {display:block;}



.pb-product ul {display:inline-block;position:relative;width:100%;}
.pb-product ul:after {display:none;}
.pb-product li {display:inline-block;position:relative;float:left; width:256px; height:auto; background:#fff;padding:10px 16px 20px 16px;border:1px solid #fff;}
.pb-product li:hover {border:1px solid #CCC;}
.pb-product li:nth-of-type(5n) {margin-right:0px;}
.pb-product .thumb {overflow:hidden; width:100%; height:230px; display:block; position:relative;}
.pb-product .thumb img {width:100%; display:block; margin:0 auto; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.pb-product .info {padding:10px 10px 0 0; font-size:14px; line-height:1.5;color:#000;position:relative;}
.pb-product .info p.pd_name{ width:100%; height:44px;}
.pb-product .info .price p {display:inline-block;}
.pb-product .info .price { margin-top: 20px; font-size: 14px; }
.pb-product .info .price .origin { color: #c8c8c8; text-decoration: line-through; text-align: right;}
.pb-product .info .price .sale span { font-size: 26px; font-weight: 800; font-family: 'Tahoma';margin-left:5px;}

.pb-product ul.best_ico li {height:auto;text-align: center;margin-top:20px;} 
.pb-product ul.best_ico li:hover {border:1px solid #fff;}
.pb-product ul.best_ico li .ystar {display:inline-block;width:14px;height:14px;margin:0;background:url(../images/qubridge/ico/ico_event.png) no-repeat center center;} 
.pb-product ul.best_ico li p {font-size:16px;font-weight:700;color:#6b6b6b;}
.pb-product ul.best_ico li p.red {color:#ff4546;font-weight:800}

.pb-product .info input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0}
.pb-product .info input[type="checkbox"] + label {display: inline-block;position: relative;padding-left:18px;  cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size:12px}
.pb-product .info input[type="checkbox"] + label:before  {content: ' ';position:absolute;display: inline-block;width: 12px;height: 12px;background:url(../images/qubridge/ico/event_agree_off.png) no-repeat center;left:0;top:4px;}
.pb-product .info input[type="checkbox"]:checked + label:before {content: '';position:absolute;display: inline-block;width: 12px;height: 12px;background:url(../images/qubridge/ico/event_agree_on.png) no-repeat center;left:0;top:4px;}


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

.btnArea {margin:40px auto 80px auto;}
.btnArea a {display:inline-block;margin:0 5px;}
.btnArea a.bNow {display:inline-block;width:170px;height:60px;color:#fff;background:#ff4546;font-size:18px;line-height:60px;}
.btnArea a.cart {display:inline-block;width:170px;height:60px;color:#ff4546;background:#fff;font-size:18px;line-height:60px;border:1px solid #ff4546;}
.btnArea a.wish {display:inline-block;width:170px;height:60px;color:#ff4546;background:#fff;font-size:18px;line-height:60px;border:1px solid #dddddd;}



/*popup*/
.popWrap {display:block;position:relative;width:652px;height:auto;min-height:820px;margin:0 auto;padding:15px 3px 168px 3px;font-family:"Noto Sans KR";color:#767676;}

.popWrap .titleArea {width:100%;display:inline-block;position:relative;}
.popWrap .titleArea li {position:relative;display:inline-block;float:left;height:60px;text-align: center;line-height:60px;border-bottom:7px solid #e0e0e0;}
.popWrap .titleArea li:first-of-type {width:160px;border-right:2px solid #e0e0e0;}
.popWrap .titleArea li:nth-of-type(2) {width:calc(100% - 160px);}
.popWrap .titleArea li h2 {font-size:30px; color:#494949;font-weight:700;letter-spacing: 2px;}

.popWrap .customer {display:block;margin-top:8px;position:relative;border-bottom:1px solid #e0e0e0;padding-bottom:10px;}
.popWrap .customer p {position:relative;padding-left:15px;}
.popWrap .customer p::before {content:'��';color:#ff4546;position:absolute;left:0;top:-1px;font-size:15px;font-weight:bold;}
.popWrap .customer .seal {position:absolute;right:4px; top:0;width:245px;height:77px;border:2px solid #e0e0e0;background:url(../images/qubridge/txt/seal.jpg) no-repeat center;box-shadow:4px 4px 4px #e0e0e0;}

.popWrap .content {margin-top:10px;}
.popWrap .content .content_top {margin-top:10px;padding-left:15px;}
.popWrap .content .content_top ul li {display:inline-block;float:left;}
.popWrap .content .content_top ul li:nth-child(2)  {float:right;margin-top:10px;}
.popWrap .content .content_top ul li:nth-child(2) span {display:block;text-align: right;}

.popWrap table {width:100%;font-family:'Noto Sans KR';border-collapse: collapse;margin-top:15px;}
.popWrap table tr th {background:#edf6fd;font-size:12px; font-family:'Noto Sans KR';font-weight:500;padding:5px;border:1px solid #9b9b9b;}
.popWrap table tr td {padding: 5px;text-align: center;color:#373737;background:#fff;font-size:12px;border:1px solid #9b9b9b;}
.popWrap table tr td.prdThumb img {width:100%;border:1px solid #dedede;}
.popWrap table tr td.prdName {text-align: left;}
.popWrap table tr td.prdName .prdCode {color:#a7a7a7;margin-top:-15px;}
.popWrap table tfoot tr td {background:#edf6fd;padding:15px 5px;}
.popWrap .notice {color:#999;text-align: center;margin-top:15px;}


.popWrap .menu {position:fixed;left:50%;bottom:0;width:652px;height:143px;border-top:1px solid #e7e7e7;margin-left:-326px;padding-top:30px;background:#fff;z-index:1;}
.popWrap .menu p  {font-size:12px;color:#a7a7a7;text-align: center;}
.popWrap .menu p strong {font-size:14px;color:#373737;}
.popWrap .btnArea {margin:20px auto 0  auto;}
.popWrap .btnArea a {width:140px ;height:40px; display:inline-block;margin:0 5px;color:#6b6b6b;border:1px solid #e7e7e7;text-align: center;line-height:40px;background:#fff;font-size:16px;}
.popWrap .btnArea a.print {color:#fff;border:1px solid #ff4546;background:#ff4546;}

.popWrap > h2 {font-size:24px;line-height:50px;color:#373737;}
.popWrap > h2 .red {color:#ff4546;}

.border-1px {display:block;width:100%;border-top:1px solid #ddd;margin:20px auto;}
.dimmed {position:fixed;display:none;z-index:99999999;background:rgba(0,0,0,0.4);width:100%;height:100%;top:0;left:0;}
.modal_pop {display:none;position:fixed;width:320px;height:240px;left:50%;top:50%;margin-left:-160px;margin-top:-120px;z-index:100000000;background:#fff;}
.pop_wrap {display:block;position:relative;width:100%;height:100%;text-align: center;padding-top:43px;}
.pop_wrap img {display:block;margin:0 auto 26px auto;}
.pop_wrap h3 {font-size:16px;line-height:26px;color:#373737;font-weight:300;}
.pop_wrap .btnArea1.fix {display:block;position:absolute;width:100%;height:50px;left:0;bottom:0;margin-top:0;}
.pop_wrap .btnArea1.fix a {display:inline-block;width:50%;height:100%;float:left;font-size:16px;font-weight:300;line-height:48px;}
.pop_wrap .btnArea1.fix a.redLineBtn {border:1px solid #ff4546;background:#fff;color:#ff4546;}
.pop_wrap .btnArea1.fix a.redBtn {border:1px solid #ff4546;background:#ff4546;color:#fff;}