/* BASIC css start */

div.C-49-1-2 .tit-page h2 {color:#424242; font-size: 0.875em; padding: 6px; border-bottom: 1px solid #aaa;}
div.C-49-1-2 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-49-1-3 .h_title {font-size: 0.875em; text-align: center; padding: 10px; margin-bottom: 5px; background-color: #eff5fc;}
div.C-49-1-3 .h_title em {font-style: inherit; font-weight: bold; color: #F74F4F;}

div.C-49-1-3 .basket-all {border-top: 2px solid #444;margin: 5px 10px;border-left: 1px solid #bebebe;border-right: 1px solid #bebebe;border-bottom: 1px solid #bebebe;}
div.C-49-1-3 .basket-all .vendor-ul {margin-top: 10px;}
div.C-49-1-3 .all-select {border-bottom: 1px solid #444;background-color: #e2e6ea;padding: 15px 10px;position: relative; font-size: 0.75em;}
div.C-49-1-3 .all-select .btn-wrap {position: absolute;right: 10px;top: 8px;}
div.C-49-1-3 .all-select .btn-wrap div {float: left;}
div.C-49-1-3 .all-select .btn-wrap a {width: 80px;height: 30px;line-height: 30px;background-color:#fff;text-align:center;display:block;border: 1px solid #777;box-sizing: border-box;vertical-align: middle;}
div.C-49-1-3 .all-select .btn-wrap .btn_White {border-radius: 5px 0 0 5px; border-right: 0;}
div.C-49-1-3 .all-select .btn-wrap .btn_Grey {border-radius: 0 5px 5px 0;}

div.C-49-1-3 .basketTop .pname {font-size: 0.875em;background-color: #F2F4F7;padding: 10px 40px 10px 10px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
div.C-49-1-3 .basketTop .pname .fa {position: absolute; top: 7px; right: 10px; color: #525252;}
div.C-49-1-3 .basketBody {overflow: hidden;}
div.C-49-1-3 .basketBottom {display: none;padding: 10px;margin: 0 10px 10px;border: 1px solid #777;border-top: 0; font-size: 0.75em;}
div.C-49-1-3 .basketBottom p {padding-top: 7px;}
div.C-49-1-3 .basketBottom p:first-child {padding-top: 0;}
div.C-49-1-3 .basketBottom .amount-input {width: 50px;}
div.C-49-1-3 .basketBottom a .btn-amount {background-color: #FFFFFF; width: 45px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; display: inline-block; border: 1px solid #7D7D7D; border-radius: 2px; box-sizing: border-box;}
div.C-49-1-3 .basketBottom .btn_Black {color: #fff; background-color: #313131; border: 1px solid #313131; height: 35px; line-height: 35px; font-size: 0.875em; box-sizing: border-box; display: inline-block; border-radius: 3px; width: 60px; vertical-align: middle; text-align: center;}
div.C-49-1-3 .basketBottom .btn-option-change {color: #f34141; background-color: #fffafa; border: 1px solid #F74F4F; height: 35px;  line-height: 35px; box-sizing: border-box; display: inline-block; border-radius: 3px; width: 100%;  vertical-align: middle;  text-align: center; font-weight: bold;}
div.C-49-1-3 .option-button {text-align: center; border: 1px solid #777; margin: 10px 10px 0; font-size: 0.75em; background-color: #f4f4f4; color: #424242; font-weight: bold; height: 35px; line-height: 35px;}

/* 내 쇼핑 혜택 보기 */
div.C-49-1-3 .user-group {position: relative; padding: 10px 10px 5px; display: none;}
div.C-49-1-3 .user-group .btn-show {display: block; text-align: center; font-size: 0.75em; border: 1px solid #F74F4F; width: 115px; padding: 5px; color: #F74F4F; border-radius: 30px; margin: 0 auto;}
div.C-49-1-3 .user-group .user-desc {display: none; font-size: 0.75em; border: 1px solid #bebebe; padding: 3px 5px; background-color: #f9f9f9; margin-top: 3px}
div.C-49-1-3 .user-group .user-desc li {padding: 5px 0; border-bottom: 1px dotted #777;}
div.C-49-1-3 .user-group .user-desc li:last-child {border-bottom: 0;}

/* 기존 소스 */
div.C-49-1-3 .not_provider li {padding-bottom: 10px;border-top: 1px solid #bebebe;}
div.C-49-1-3 figure {width:100%; box-sizing: border-box;}
div.C-49-1-3 .basketLeft {width: 40%; position:relative; float: left; padding-left: 10px; box-sizing: border-box; text-align: center;}
div.C-49-1-3 .basketLeft img {max-width: 100%;}
div.C-49-1-3 .basketLeft a {padding-right: 10px; margin-top: 10px; display:block;}
div.C-49-1-3 .basketLeft .MS_input_checkbox {top:0; left:0; position:absolute;}
div.C-49-1-3 .basketRight {width: 60%; padding: 8px 10px 0 0; font-size: 0.79em; float: left; box-sizing: border-box;}
div.C-49-1-3 .basketRight .company span {padding: 2px; background-color: #fff; color: #3D9EFF; font-size: 0.875em; border-radius: 3px; border: 1px solid #58ACFF;}
div.C-49-1-3 .basketRight .vendor span {padding: 2px; background-color: #fff; color: #FB9C15; font-size: 0.875em; border-radius: 3px; border: 1px solid #FFA82C;}
div.C-49-1-3 .basketRight p {color:#424242; margin-bottom:5px;}
div.C-49-1-3 .basketRight .price-consumer .deco {text-decoration: line-through;}
div.C-49-1-3 .basketRight .engname {border-bottom: 2px solid #424242; word-break: break-all; font-size: 1.2em;}
div.C-49-1-3 .basketRight .package img.prd-img {width: 17px; height: 17px;}
div.C-49-1-3 .basketRight .package span {vertical-align: middle;}
div.C-49-1-3 .basketRight .btn_Black {margin-top:5px;}
div.C-49-1-3 .basketRight .MS_select {width:100%;}
div.C-49-1-3 .basketRight .amount-input {width:50px;}
div.C-49-1-3 .price-each-info-top {text-align : right; border-top: 1px solid #cbcbcb; background:#F1F7FF; padding:5px 10px 0; font-size: 0.75em; color: #444;}
div.C-49-1-3 .price-each-info-bottom {text-align : right; padding:5px 10px; background:#F1F7FF; border-bottom:1px solid #cbcbcb; font-size: 0.875em; color: #444;}
div.C-49-1-3 .price-each-info-bottom .provider-price-total {font-weight: bold;}
div.C-49-1-3 .price-each-info-bottom .provider-reserve-total {font-size: 0.75em;}
div.C-49-1-3 .price-total-info-top {border-top: 2px solid #464646; border-bottom: 1px solid #cbcbcb; background-color: #F2F4F7; text-align : right;  padding:10px; margin-top:10px; font-size: 0.75em; margin: 0 10px;}
div.C-49-1-3 .price-total-info-bottom {border-bottom: 1px solid #464646; text-align : right; padding:15px 10px; font-size:1em; margin: 0 10px;}
div.C-49-1-3 .price-total-info-bottom .txt-price {color : #f1191f; font-weight:bold;}
div.C-49-1-3 .price-total-info-bottom .txt-reserve {color : #898989; font-size:0.688em;}
div.C-49-1-3 .delivery-type { padding: 10px; font-size: 0.75em;}
div.C-49-1-3 .naver-checkout {margin-top: 20px;}
div.C-49-1-3 .btn-center {text-align: center; padding: 10px;}
div.C-49-1-3 .btn-center1 a {color: #fff; background-color: #F74F4F; border: 1px solid #F74F4F; height: 40px; line-height: 40px; font-size: 1em; box-sizing: border-box; display: block; border-radius: 3px; font-weight: bold;}

/* 페이코 구매 영역 */
div.C-49-1-3 .cart-payco { display: block; text-align: center; }

/* 판매상태 */
div.C-49-1-3 .basketRight p .state-ico {border: 1px solid #ff7777; color: #ff5b5b; border-radius: 3px; height: 20px; line-height: 20px; display: inline-block; font-size: 0.875em; text-align: center; padding: 0 5px; margin-right: 3px;}

/* 하이브리드 옵션 */
div.C-49-1-3 .basket-option-dlist li { margin-bottom:7px; word-break:break-all; word-wrap:break-word; }
div.C-49-1-3 .basket-option-dlist li img { width:23px; height:23px; vertical-align:middle; }
div.C-49-1-3 .basket-option-dlist li span { color:#ff6333; }


/* 정기배송 장바구니 탭 */
div.C-49-1-3 .subs-tab { width:100%; height:40px; border-top:1px solid #adadac; margin-top:-1px; }
div.C-49-1-3 .subs-tab li { float:left; width:50%; height:39px; border-bottom:1px solid #adadac; background:#f7f7f7; }
div.C-49-1-3 .subs-tab li a { display:inline-block; width:100%; height:100%; line-height:37px; color:#9d9d9d; font-size:12px; text-align:center; text-decoration:none; background:none; font-weight:bold; vertical-align:top; }
div.C-49-1-3 .subs-tab li:last-child a { border-left:1px solid #adadac; }
div.C-49-1-3 .subs-tab li.now { background:#fff; border-bottom:1px solid #fff; }
div.C-49-1-3 .subs-tab li.now a { color:#000; }
div.C-49-1-3 .subs-tab li.now a span { color:#ff0000; }
/* 정기배송 장바구니 탭 */

/* 샵페이 바로구매 start */
#productDetail #shoppay_btn { padding-top: 10px; } /* PC (공통) 상세페이지 전용 */
#cartWrap #shoppay_btn { display: inline; } /* PC (공통) 장바구니 전용 */
.shopdetail #shoppay_btn { padding-top:10px; } /* MO (4.0) 상세페이지 전용 */
#basket #shoppay_btn { margin-top:20px; } /* MO (4.0) 장바구니 전용 */
.shopdetail #shoppay_btn { text-align:center; } /* MO (파워팩) 상세페이지 전용 */
.basket #shoppay_btn { text-align:center; } /* MO (파워팩) 장바구니 전용 */

.shoppay_storebtn_bx,
.shoppay_storebtn_bx *,
.shoppay_button_box,
.shoppay_button_box * { display: inline-block !important; overflow: hidden; !important; float: none !important; position: static !important; top: auto !important; left: auto !important; margin: 0 !important; padding: 0 !important; border: 0 none !important; font-size: 11px !important; line-height:16px !important; font-family: '돋움',Dotum,Helvetica,sans-serif !important; text-align: left !important; text-decoration: none !important;  vertical-align: top !important; background: none !important; border-radius: 0 !important; }
.shoppay_button_box { width: auto !important; height: 100% !important; zoom: 1 !important; padding: 0 !important; border-top: 2px solid #2b2f3a !important; background-color: #fff !important; }
.shoppay_button { position: relative !important; margin: 0 !important; padding: 5px 0 5px 88px !important; zoom:1 !important; }
.shoppay_button .shoppay_blind { overflow: hidden !important; position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; clip: rect(0 0 0 0) !important; }
.shoppay_text { display: block !important; *display: inline !important; position: absolute !important; top: 10px !important; left: 0 !important; width: 82px !important; height: 26px !important; margin: 0 !important; padding: 0 !important; background: url('/images/common/shoppay_sp_text.png') no-repeat !important; }
.shoppay_btn_list { *zoom: 1 !important; display: table !important; width: 100% !important; margin:0 !important; padding: 0 !important; table-layout: fixed !important; list-style: none !important; }
.shoppay_btn_list tbody { display: table-row-group !important; }
.shoppay_btn_list tr { display: table-row !important; }
.shoppay_btn_list .shoppay_btn_item { *width: 120px !important; }
.shoppay_btn_item { display: table-cell !important; height: 37px !important; margin: 0 !important; padding: 0 !important; text-align: left !important; }
.shoppay_btn_link { display: block !important; height: 35px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #bfc4c7 !important; background-color: #fcfcfc !important; background-repeat: no-repeat !important; background-repeat: no-repeat !important; text-align: center !important; text-decoration: none !important; }
.shoppay_btn_item:first-child .shoppay_btn_link { margin: 0 !important; }
.shoppay_btn_link.shoppay_btn_pay { background-image: url('/images/common/shoppay_sp_payment.png') !important; background-position: 50% 0 !important; background-repeat: no-repeat !important; border-radius: 2px !important; }
.shoppay_btn_link.btn_blue { border-color: #025eea !important; background-color: #025eea !important; }
.shoppay_text { background-size: 82px auto !important; }
.shoppay_btn_link.shoppay_btn_pay { background-size: 133px auto !important; }
.shoppay_event { position: relative !important; width: 100% !important; margin: 0 !important; padding: 3px 0 0 0 !important; border: 0 none !important; border-top: 1px solid #e5e9ea !important; letter-spacing: -0.5px !important; }
.shoppay_event_text { padding:0 !important; }
.shoppay_event_text .event_title { display: inline !important; margin: 0 5px 0 0 !important; padding: 0 !important; font-weight: normal !important; color: #015ce8 !important; vertical-align: middle !important; }
.shoppay_event .shoppay_event_text .event_link { display: inline !important; margin: 0 !important; padding: 0 !important; font-weight: normal !important; color: #727272 !important; text-decoration: none !important; vertical-align: middle !important; }
.shoppay_event .shoppay_event_text .event_link span { display: inline-block !important; margin: -1px 0 1px !important; vertical-align: middle !important; }
.shoppay_type_A_1 { width: 277px !important; height: 70px !important; }
.shoppay_type_A_2 { width: 296px !important; height: 84px !important; }
.shoppay_type_A_2 .shoppay_button { padding: 5px 0 5px 86px !important; }
.shoppay_type_A_2 .shoppay_text { top: 14px !important; }
.shoppay_type_A_2 .shoppay_btn_link { height: 45px !important; }
.shoppay_type_A_2 .shoppay_btn_link.shoppay_btn_pay { background-position: 50% -40px !important; }
.shoppay_type_A_3 { width: 338px !important; height: 84px !important; }
.shoppay_type_A_3 .shoppay_button { padding: 6px 0 6px 102px !important; }
.shoppay_type_A_3 .shoppay_text { top: 13px !important; height: 31px !important; background-position: 0 -31px !important; }
.shoppay_type_A_3 .shoppay_btn_link { height: 45px !important; }
.shoppay_type_A_3 .shoppay_btn_link.shoppay_btn_pay { background-position: 50% -40px !important; }
/* 샵페이 바로구매 end */

/* 선물하기 */
.btn-center { display: flex; gap: 4px; padding: 0 10px; }
.btn-center.use-gift.qorder-none { display: grid; grid-template-columns: 50px 1fr; } /* 선물하기 사용 + 빠른 결제 미사용 */
.btn-center.use-gift.use-qorder { display: grid; grid-template-columns: 50px 1fr 1fr; } /* 선물하기 사용 + 빠른 결제 사용 */
.btn-center.gift-none.use-qorder { display: grid; grid-template-columns: 1fr 1fr; } /* 선물하기 사용 + 빠른 결제 사용 */
.btn-center a { display: flex; height: 50px; justify-content: center; align-items: center; margin: 2px 0; padding: 0; color: #fff; font-size: 13px; background-color: #313131; border: 1px solid #313131; border-radius: 0; box-sizing: border-box; width: 100%; }
.btn-center a.btn_Present { margin-left: 0; border: 1px solid #b5b5b5 !important; background: #f5f4f4 !important; color: #000 !important; font-size: 16px; }
.btn-center a.btn_Blue { background: #2a68cc; border: 0 none; }

#quick-swipepay .layer { z-index: 1; position: fixed; width: 100%; min-height: 100%; left: 0; top: 0; background: rgba(60,60,60,0.8); }
#quick-swipepay .layer-pop { position: fixed; bottom: 0; left: 0; width: 100%; padding: 15px 10px 0; box-sizing: border-box; background: #f6f6f6; color: #3b3b3b; }
#quick-swipepay .layer-pop .swipepay-close { position: absolute; top: -40px; left: 50%; width: 40px; height: 40px; margin-left: -20px; font-size: 24px; color: #fff; background: none; border: 0; display: flex; justify-content: center; align-items: center; }
#quick-swipepay .layer-pop .swipepay-addr { padding: 0 10px; border: 1px solid #e3e3e3; border-radius: 4px; background: #fff; text-align: left; }
#quick-swipepay .layer-pop .swipepay-addr .addr-lst { padding: 14px 2px; border-top: 1px solid #e3e3e3; }
#quick-swipepay .layer-pop .swipepay-addr .addr-lst:first-child { border-top: 0; }
#quick-swipepay .layer-pop .swipepay-addr .addr-lst .addr-prd { display: flex; align-items: center; gap: 5px; position: relative; font-size: 11px; white-space: nowrap; }
#quick-swipepay .layer-pop .swipepay-addr .addr-lst .addr-prd p.prd-tit { color: #3b3b3b !important; font-size: 14px !important; font-weight: bold; vertical-align: bottom; }
#quick-swipepay .layer-pop .swipepay-addr .addr-lst .addr-prd p.prd-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; color: #777; }
#quick-swipepay .layer-pop .swipepay-addr .addr-lst .addr-prd span { font-size: 11px; color: #777; }
#quick-swipepay .layer-pop .swipepay-addr .addr-lst .addr-prd .addr-edit { position: absolute; top: -3px; right: 0; display: flex; justify-content: center; align-items: center; width: 40px; height: 24px; font-size: 11px; font-weight: bold; color: #3b3b3b; border: 1px solid #c6c6c6; background: #fff; box-sizing: border-box; line-height: 0; }
#quick-swipepay .layer-pop .swipepay-addr .addr-lst .addr-prd.addr-detail span { color: #3b3b3b; }
#quick-swipepay .layer-pop .swipepay-addr .addr-lst .addr-opt { margin-top: 3px; font-size: 11px; color: #777; }
#quick-swipepay .layer-pop .swipepay-addr .addr-lst .addr-opt li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
#quick-swipepay .layer-pop .swipepay-addr .addr-lst .addr-opt li strong { font-size: 12px; color: #3b3b3b; }
#quick-swipepay .layer-pop .swipepay-addr .addr-lst .addr-opt li p:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
#quick-swipepay .layer-pop .swipepay-addr .addr-lst .addr-opt li dl dt,
#quick-swipepay .layer-pop .swipepay-addr .addr-lst .addr-opt li dl dd,
#quick-swipepay .layer-pop .swipepay-addr .addr-lst .addr-opt li dl dd p { display: flex; align-items: center; gap: 5px; }
#quick-swipepay .layer-pop .swipepay-addr .addr-lst .addr-opt li dl dd { display: none; }
#quick-swipepay .layer-pop .swipepay-addr .addr-lst .addr-opt li dl dd.on { display: flex; }
#quick-swipepay .layer-pop .swipepay-agree { position: relative; display: flex; justify-content: space-between; margin-top: 10px; padding-left: 2px; font-size: 11px; letter-spacing: -1px; }
#quick-swipepay .layer-pop .swipepay-agree label input[type=checkbox] { width: 13px !important; height: 13px !important; vertical-align: text-bottom; }
#quick-swipepay .layer-pop .swipepay-agree .view-terms { padding: 0 2px; color: #888; text-decoration: underline; border: 0; background: none; }
#quick-swipepay .layer-pop .swipepay-agree .layer-terms { position: absolute; bottom: -40px; left: 50%; width: 100%; margin-left: -50%; padding: 10px; border: 1px solid #909090; border-radius: 4px; background: #fff; box-sizing: border-box; }
#quick-swipepay .layer-pop .swipepay-agree .layer-terms .terms-close { position: absolute; top: 8px; right: 10px; width: 20px; height: 20px; font-size: 20px; border: 0; background: none; }
#quick-swipepay .layer-pop .swipepay-agree .layer-terms .terms-tit { padding-bottom: 10px; font-size: 13px; font-weight: bold; }
#quick-swipepay .layer-pop .swipepay-agree .layer-terms table th,
#quick-swipepay .layer-pop .swipepay-agree .layer-terms table td { padding: 5px; border: 1px solid #ddd; color: #777; }
#quick-swipepay .layer-pop .swipepay-agree .layer-terms table th { font-weight: 400; background: #f8f8f8; }
#quick-swipepay .layer-pop .swipepay-agree .layer-terms table td strong { color: #000; font-weight: bold; }
#quick-swipepay .layer-pop .swipepay-total { display: flex; justify-content: space-between; padding: 16px 2px; font-size: 11px; }
#quick-swipepay .layer-pop .swipepay-total strong { font-size: 14px; line-height: 18px; }
#quick-swipepay .layer-pop .swipepay-total strong span { margin-left: 5px; font-size: 12px; font-weight: normal; color: #777; }
#quick-swipepay .layer-pop .swipepay-total .total-price strong { font-size: 16px; color: #f1191f; vertical-align: bottom; }
#quick-swipepay .layer-pop .swipepay-wide { position: relative; width: 100%; height: 48px; border-radius: 48px; color: #fff; font-size: 14px; font-weight: bold; overflow: hidden; box-sizing: border-box; background: #2a68cc; }
#quick-swipepay .layer-pop .swipepay-wide .swipepay-text { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); pointer-events: none; user-select: none; }
#quick-swipepay .layer-pop .swipepay-wide .swipepay-slider { display: flex; justify-content: center; align-items: center; width: 48px; height: 100%; color: #fff; font-size: 22px; border-radius: 48px; box-sizing: border-box; background: #1d498f; }
#quick-swipepay .layer-pop .swipepay-wide .swipepay-completed { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1d498f; box-sizing: border-box; border-radius: 48px; pointer-events: none; }
#quick-swipepay .layer-pop .swipepay-order { display: flex; justify-content: center; align-items: center; padding: 8px 0 10px; text-decoration: underline; font-size: 11px; color: #888; }
div.C-49-1-3 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/* BASIC css end */