@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 .period_myInfo .user_name {color:#373737;font-weight:700;width:290px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow: hidden;float: l;max-width: 100px;margin-top: 17px;width: auto;height: 30px;margin-right: 10px;float: left;}
.pbWrap .period_myInfo .my_period {display:inline-block;font-family:'Tahoma';font-size:40px;font-weight:700;color:#fe9335;border-bottom:2px solid #fe9335;}
.pbWrap .period_myInfo .my_period_detail_btn {width:220px;height:60px;line-height:60px;background:#ffd660;color:#373737;font-size:18px;text-align: center; float:right; }

.pbWrap .pb-tab {margin:20px auto;}
.pbWrap .pb-tab ul {border:1px solid #e7e7e7;}
.pbWrap .pb-tab ul li {display:inline-block;position:relative;float:left; width:20%;background:#fff;}
.pbWrap .pb-tab ul li:not(:last-of-type)::after {content:'';display:block;position:absolute;width:1px;height:30px;border-left:1px solid #e7e7e7;top:14px;right:0;}
.pbWrap .pb-tab ul li a {display:block;width:100%;hegiht:60px;line-height:58px;color:#a7a7a7;font-size:18px;text-align: center;}
.pbWrap .pb-tab ul li.on {background:#fff;border-bottom:2px solid #373737;}
.pbWrap .pb-tab ul li.on a {color:#373737;}
.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 h2 {display:block;position:relative;width:100%;border-bottom:2px solid #373737;line-height:60px;font-size:18px;color:#373737;margin:40px auto 20px auto;}
.pb-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;}

.pb-product ul {display:inline-block;position:relative;width:100%;}
.pb-product ul:after {display:none;}
.pb-product li {position:relative;float:left; width:230px; height:350px; background:#fff;margin-bottom:40px;margin-right:32px;}
.pb-product li:nth-of-type(5n) {margin-right:0px;}
.pb-product li .pd_name {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2; overflow: hidden; height:42px;}
.pb-product .thumb {overflow:hidden; width:230px; height:230px; position:relative;}
.pb-product li span.bg_color{display:block; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:all 0.15s;}
.pb-product li:hover span.bg_color{background-color:rgba(255,255,255,0.4); opacity:1; visibility:visible;}
.pb-product .thumb img {max-width:100%; max-height:100%;}
.pb-product .info {padding:10px 10px 0 0; font-size:14px; line-height:1.5;color:#000;position:relative;}
.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 .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:230px;*/ position: absolute;top:25%;left:0; right:0; opacity: 0;}
.pb-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;}
.pb-product .prd_QuickBtn a:nth-of-type(1){}
.pb-product .prd_QuickBtn a: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;}

.period_change_btn {display:block;width:100%;text-align: center;margin:60px auto 80px auto;}
.period_change_btn a {display:inline-block;width:390px;height:60px;color:#fff;background:#ff4546;font-size:18px;line-height:60px;}





/*MO01Modify*/
.period-top {width:100%;height:auto;display:inline-block;position:relative;font-family:'Noto Sans KR'}
.period-top .pdiv {width:620px;height:auto;display:inline-block;position:relative;float:left;}
.period-top .pdiv.w100 {width:100%;clear:both;margin-top:80px;}

.period-top .pdiv h2 {display:block;height:60px;line-height:60px;font-size:24px;color:#373737;font-weight:400;border-bottom:2px solid #212121;margin-bottom:16px;}
.period-top .pdiv h2 .basic_btn {display:inline-block;position:absolute;font-weight:500;right:0;top:0;}
.period-top .pdiv h2 .basic_btn > a {display:inline-block;position:relative;width:100px;height:30px;line-height:28px; border:1px solid #dedede;color:#6b6b6b;font-size:12px;text-align: center;}
.period-top .pdiv h2 .basic_btn > a.red {border:1px solid #ff4546;color:#fff;background:#ff4546;}
.period-top .pdiv.w100 h2 .basic_btn {display:inline-block;position:absolute;font-weight:500;right:auto;top:-2px;margin-left:20px;}

.period-top .pdiv .period-mymenu {display:block;margin-bottom:10px;}
.period-top .pdiv .period-mymenu a {display:inline-block;width:140px;height:30px;line-height:28px;background:#ededed;color:#3d3d3d;font-size:12px;text-align: center;border:1px solid #d2d2d2;}
.period-top .pdiv .period-mymenu span {display:inline-block;color:#6b6b6b;margin-left:10px;}

.period-top .pdiv table {width:100%;font-size:14px;text-align: left;}
.period-top .pdiv table tr th {padding:10px 0 10px 20px;color:#6b6b6b;font-weight:400;text-align: left;}
.period-top .pdiv table tr td {padding:10px ;color:#373737}
.period-top .pdiv table tr td textarea {width:100%;height:160px;border:1px solid #e8e8e8;padding:10px;overflow-y: auto;}
.period-top .pdiv table tr td select {width:220px;height:40px;border:1px solid #e8e8e8;padding:0 10px;overflow-y: auto;line-height:40px;font-size:14px;}

.period-top .pdiv > p {font-size:12px;color:#6b6b6b;}
.period-top .pdiv .period-tax-total {display:block;width:100%;height:auto;padding:30px 40px;font-size:20px;color:#3d3d3d;background:#f8f8f8;margin:20px auto;}
.period-top .pdiv .period-tax-total span {display:inline-block;font-size:24px;color:#ff3332;font-family:'Tahoma';font-weight:700;}
.period-top .pdiv .period-tax-total p {font-size:14px; color:#a7a7a7;margin-top:10px;}

.period-btn {display:inline-block;;width:100%;text-align: center;margin:40px auto 80px auto;}
.period-btn a {display:inline-block;width:220px;height:60px;color:#fff;background:#ff4546;font-size:18px;line-height:60px;font-family:'Noto Sans KR'}



.period-contents table {width:100%;border-top:2px solid #212121;margin-bottom:10px;font-family:'Noto Sans KR'}
.period-contents table input.resultClick{width:24px;height:24px;position: absolute;opacity: 0;left:calc(50% - 12px);}
.period-contents table label.resultCheckBtn{ width:24px; height:24px;background: url(../../../images/qubridge/ico/check_off.png) no-repeat center;display:inline-block;}
.period-contents table input[type=checkbox]:not(old):checked + label.resultCheckBtn{background-image:url(../../../images/qubridge/ico/check_on.png);}
.period-contents table thead{width:100%;background-color:#fafafa;border-bottom:1px solid #dedede;}
.period-contents table thead th {padding:20px 0;font-size:14px;color:#3d3d3d;font-weight:500;}
.period-contents table thead th.checkP{position:relative;}
.period-contents table tbody tr{width:100%;border-bottom:1px solid #dedede;}
.period-contents table tbody tr td {padding:20px 0;text-align: center;}
.period-contents table tbody tr td.noPad {padding:0px 0;}
.period-contents table tbody tr td.checkP{text-align:center;position:relative;}
.period-contents table tbody tr td.checkP input.resultClick{width:24px;height:24px;position: absolute;opacity: 0;left:calc(50% - 12px);}
.period-contents table tbody tr td.thumnailArea{text-align:center;}
.period-contents table tbody tr td.thumnailArea img {box-sizing: border-box;width:auto;height:auto;}
.period-contents table tbody tr td.result_state {font-size:14px;color:#373737;}
.period-contents table tbody tr td.result_prd_Info  {text-align: left;}
.period-contents table tbody tr td.result_prd_Info .re_badgeArea{width:100%;margin-bottom:20px;}
.period-contents table tbody tr td.result_prd_Info .re_badgeArea span.badge{ width:65px; text-align:center; margin-right:5px; display:inline-block; padding:4px 0; font-size:12px; color:#fff; float:left; border-radius:10px; -webkit-border-radius:10 px; -moz-border-radius:10 px; -ms-border-radius:10 px; -o-border-radius:10 px; }
.period-contents table tbody tr td.result_prd_Info .re_badgeArea span.deliverybadge{background-color:#ffd760;}
.period-contents table tbody tr td.result_prd_Info .re_badgeArea span.directbadge{background-color:#60a5ff;}
.period-contents table tbody tr td.result_prd_Info .re_badgeArea span.getdealbadge{background-color:#ff3334;}
.period-contents table tbody tr td.result_prd_Info .re_badgeArea span.regularbadge{background-color:#35c75a;}
.period-contents table tbody tr td.result_prd_Info .re_badgeArea span.bestbadge{background-color:#ff7360;}
.period-contents table tbody tr td.result_prd_Info a {display:block;font-size:14px;color:#121212;font-weight: 400;margin-bottom:15px;}
.period-contents table tbody tr td.result_prd_Info p{color:#a7a7a7;font-size:14px;}
.period-contents table tbody tr td.cartCount .countBtn{display:inline-block;width:auto;margin:0 auto;float:left;}
.period-contents table tbody tr td.cartCount .countBtn a{float:left;text-align:center;width:30px;height:30px;line-height: 30px;border:1px solid #dddddd;background-color:#fff;color:#dddddd;}
.period-contents table tbody tr td.cartCount .countBtn a.countDown{font-size:18px;}
.period-contents table tbody tr td.cartCount .countBtn a.countUp{font-size:22px;}
.period-contents table tbody tr td.cartCount .countBtn input{height:30px;line-height: 30px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;border-left:none;border-right:none;float:left;width:30px;text-align:center;color:#3d3d3d;}
.period-contents table tbody tr td.cartCount .countBtn span {display:inline-block;float:right;margin-top:6px;font-weight:500;margin-left:5px;}
.period-contents table tbody tr td.result_price p{display: block;font-size:16px;color:#3d3d3d;text-align: center;}
.period-contents table tbody tr td.result_price p strong{font-size:24px;color:#000;font-weight: bold;display:inline-block;margin-right:3px;font-family:'Tahoma'}
.period-contents table tbody tr td.result_price p .mileage {position: relative;display:block;width:auto;color:#ff7461;text-align:center;font-size:14px;margin-top:5px;font-weight: 400;font-family:'Tahoma';}
.period-contents table tbody tr td.result_btn {text-align:center;padding:20px;}
.period-contents table tbody tr td.result_btn a.re_button {display:block;width:100px;height:30px;line-height:30px;color:#6b6b6b;font-size:12px;border:1px solid #dddddd;font-weight: 700;font-family: 'nanumbarun';}
.period-contents table tbody tr td.result_btn a.re_button.del {background: #ededed;}

.period-contents table tbody tr td input[type="text"] {width:120px;height:30px;line-height:28px;border:1px solid #dedede;float:left;padding:0 10px;}
.period-contents table tbody tr td .inputWrap {display:inline-block;border:1px solid #dedede;border-radius: 30px;float:left;}
.period-contents table tbody tr td input[type="radio"] {visibility: hidden;width:1px;height:1px;overflow: hidden;}
.period-contents table tbody tr td input[type="radio"] + label {width:40px;height:24px;border-radius: 30px;display:inline-block;text-align: center;line-height:24px;cursor:pointer;margin:-1px;color:#d2d2d2;}
.period-contents table tbody tr td input[type="radio"]:checked + label {width:40px;height:24px;border-radius: 30px;border:1px solid #ffd660;display:inline-block;text-align: center;line-height:22px;background:#ffd660;color:#fff;}

.period-contents table tbody tr td ul li {display:block;box-sizing:border-box;margin-bottom:10px;}
.period-contents table tbody tr td ul li::after {display:block;content: '';clear:both;}
.period-contents table tbody tr td ul li > span {display:inline-block;width:80px;float:left;padding-left:40px;margin-right:10px;font-family:'Malgun Gothic';margin-top:6px;}
.period-contents table tbody tr td ul li:last-of-type > span {margin-top:4px;}



/*popWrap*/
.popWrap {display:none;position:fixed;width:720px;height:435px;top:50%;left:50%;margin-left:-360px;margin-top:-228px;padding:50px 20px 0 20px;background:#fff;}
.popWrap.on {display:block;z-index:100000000}
.popWrap .closeBtn {display:block;position:absolute;width:17px;height:17px;background:url(../../../images/qubridge/ico/ico_close.png) no-repeat;background-size:contain; top:20px;right:20px;}

.popWrap table {width:100%;border:0;font-family:'Noto Sans KR'}
.popWrap table tr th {border-top:2px solid #212121;border-bottom:1px solid #dedede;background:#fafafa;font-size:14px; font-family:'Noto Sans KR';font-weight:500;padding:20px 0;}
.popWrap table tr td {border-bottom:1px solid #ebebeb;padding: 15px 8px;text-align: center;color:#373737;background:#fff;font-size:14px;}
.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;font-size:12px;}


/*MO01Modify_pop*/
.popWrap > h2 {font-size:24px;line-height:50px;color:#373737;}
.popWrap > h2 .red {color:#ff4546;}
.popWrap table tr td.address .basic {padding:6px; display:inline-block;color:#fff;background:#ff4546;line-height:1;}
.popWrap table tr td .popBtn {width:100px;height:30px;line-height:28px;font-size:12px;color:#6b6b6b;border:1px solid #dedede;}
.popWrap table tr td .popBtn.pop_select {color:#fff;border:1px solid #ff4546;background:#ff4546;margin-top:5px;}

.popWrap table input[type="checkbox"] {width:1px;height:1px; overflow: hidden;position:absolute; visibility: hidden}
.popWrap table input[type="checkbox"] + label { width:24px; height:24px;background: url(../../../images/qubridge/ico/check_off.png) no-repeat center;display:inline-block;cursor:pointer;}
.popWrap table input[type="checkbox"]:not(old):checked + label {display:inline-block;background-image:url(../../../images/qubridge/ico/check_on.png);}


.popWrap .all_paging {padding-bottom:0; }


.ui-datepicker-prev span {background:url(../../../images/qubridge/ico/attention_prev.jpg) no-repeat center center;}
.ui-datepicker-next span {background:url(../../../images/qubridge/ico/attention_next.jpg) no-repeat center center;}