/* BASIC css start */
div#content { min-height: auto; margin-bottom: 150px; } 
.page-body { margin-bottom: 100px; min-height: 520px; } 
input[type="checkbox"][name="__allcheck"]:before { border: 1px solid #f02; } 
input[type="checkbox"][name="__allcheck"]:checked:before { background-color: #ff0022; border: 1px solid #f02; } 
input[type="checkbox"][name="__allcheck"] { margin-right: 8px; vertical-align: top; } 
.page-top { width: 850px; margin-bottom: 10px; display: inline-block; } 
.cart-wrap { position: relative; clear: both; display: inline-block; } 
span.all-check { font-size: 16px; color: #333; } 
span.basket-contents { float: right; } 
span.basket-contents>a { padding: 0 8px; height: 30px; border-radius: 5px; background-color: #ffffff; border: 1px solid #dddddd; box-sizing: border-box; display: inline-block; line-height: 28px; font-size: 14px; color: #333333; font-weight: 400; text-align: center; margin-right: 5px; } 
span.basket-contents>a:hover { background: #000; color: #fff; border: 1px solid #000; } 
span.basket-contents>a:last-of-type { margin-right: 0; } 
.table-cart { width: 850px; margin-top: 20px; margin-right: 0; } 
.table-cart:first-of-type { margin-top: 0; } 
.basket-product.none-provider__wrap,.basket-product.provider__wrap { border-radius: 10px; background-color: #ffffff; border: 1px solid #dddddd; /* overflow: hidden; */}
.basket-product__top { font-size: 20px; line-height: 26px; color: #333333; font-weight: 700; padding: 30px 20px; border-bottom: 1px solid #ddd; } 
.basket-product__top>input[name="set-checkbox"] { margin-right: 15px; vertical-align: revert; margin-bottom: -2px; } 
ul.basket-product__list .basket-product__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; border-bottom: 1px solid #ddd; height: 130px; box-sizing: border-box; padding: 25px 20px; } 
ul.basket-product__list .basket-product__item>* { box-sizing: border-box; } 
.basket-product__thumb { width: 80px; height: 80px; border: 1px solid #ddd; margin-right: 20px; border-radius: 5px; overflow: hidden; } 
ul.basket-product__list .basket-product__item .basket-product__thumb img { width: 100%; } 
.basket-product__check-box { margin-right: 20px; } 
.basket-product__name>a { font-size: 16px; color: #333; } 
.basket-product__name>.opt>a { font-size: 14px; color: #999; margin-top: 8px; display: inline-block; } 
.basket-product__name { width: 370px; box-sizing: border-box; padding: 5px 15px 0 0; } 
.basket-product__quantity { padding: 5px 20px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; text-align: center; } 
.basket-product__quantity>.quantity-box>input[name="amount"] { width: 38px; height: 32px; border: 1px solid #ddd; box-sizing: border-box; font-size: 14px; color: #000; text-align: center; } 
.basket-product__quantity>.quantity-box { width: 100px; margin-top: 20px; margin-bottom: 8px; position: relative; } 
.basket-product__quantity .btns a { width: 32px; height: 32px; border: 1px solid #ddd; display: inline-block; box-sizing: border-box; position: absolute; } 
.basket-product__quantity .btns { } 
.basket-product__quantity a.btn-up { border-radius: 0px 5px 5px 0px; background-image: url("/design/esdongsuh/2022renewal/PC/qty_up.png"); background-size: 11px 11px; background-repeat: no-repeat; background-position: 50% 50%; right: 0px; } 
.basket-product__quantity a.btn-down { border-radius: 5px 0px 0px 5px; background-image: url("/design/esdongsuh/2022renewal/PC/qty_down.png"); background-size: 11px 1px; background-repeat: no-repeat; background-position: 50% 50%; left: 0px; } 
.basket-product__quantity> a.update { width: 100px; height: 32px; border-radius: 5px; background-color: #ffffff; border: 1px solid #dddddd; display: inline-block; text-align: center; line-height: 30px; box-sizing: border-box; } 
.basket-product__price { padding-left: 20px; padding-right: 5px; font-size: 14px; text-align: center; width: 150px; color: #000; font-weight: 500; position: relative; } 
.basket-product__price-wrap { position: relative; top: 50%; left: 50%; webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 97; } 
.basket-product__price-wrap>span { font-size: 18px; color: #000; font-weight: 600; margin-bottom: 10px; display: inline-block; } 
.MS_tb_delivery { position: static; } 
.MS_tb_delivery .MS_deli_block { font-size: 12px; color: #999; display: inline-block; font-weight: 400; } 
.basket-product__reserve { margin-top: 5px; font-weight: 400; font-size: 12px; } 
.basket-product__btns { position: absolute; top: 15px; right: 15px; } 
.basket-product__btns .delete i { font-size: 16px; color: #bbb; } 
.MS_tb_delivery .MS_layer_delivery { top: 33px; right: -215px; } 
.provider__total-price { padding: 0 20px; height: 65px; line-height: 65px; box-sizing: border-box; background-color: #fff6f7; font-size: 16px; color: #666; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } 
.payment { position: sticky; width: 300px; top: 200px; z-index: 96; float: right; } 
.payment.fixed { position: fixed; top: 180px; right: 350px; } 
.payment__wrap { width: 300px; /* height: 420px; */
 border-radius: 10px; background-color: #fff; border: 1px solid #ddd; z-index: 97; box-sizing: border-box; padding-bottom: 25px; } 
h3.payment__title { font-size: 20px; color: #000000; font-weight: 500; padding: 25px 0px 25px 25px; } 
dl.payment__list { margin: 0px 25px 20px; padding-bottom: 8px; border-bottom: 1px solid #ddd; min-height: 100px; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; display: flex; flex-wrap: wrap; } 
dl.payment__list::-webkit-scrollbar { display: none; } 
dl.payment__list>dt { font-size: 14px; color: #999999; padding: 10px 0px; width: 100px; } 
dl.payment__list>dd { font-size: 14px; color: #000000; font-weight: 700; text-align: right; padding: 10px 0; width: calc(100% - 100px); } 
dl.payment__list>dd>em { font-weight: 400; } 
span.payment__count { font-size: 16px; color: #000000; } 
span.payment__count>strong { font-size: 18px; color: #f02; font-weight: 600; } 
span.payment__total-price>strong { font-weight: 900; font-size: 22px; } 
span.payment__total-price { font-size: 18px; color: #f02; font-weight: 400; float: right; } 
.payment__total { margin: 0px 25px 10px; } 
span.n-pay { display: inline-block; width: 280px; height: 54px; border-radius: 5px; overflow: hidden; position: relative; border: 1px solid #00c73c; margin-top: 6px; box-sizing: border-box; } 
span.n-pay .npay_button_box { padding-top: 10px!important; background: none !important; padding: 0 !important; border-top: none!important; } 
span.n-pay .npay_event,.naver-checkout .npay_text { display: none!important } 
span.n-pay .npay_button { padding: 0!important } 
span.n-pay .npay_btn_item.btn_width { display: none !important; } 
span.n-pay #nhn_btn .npay_type_A_2 { width: 100% !important; height: 60px !important; line-height: 60px!important; } 
.npay_type_A_2 { width: 100%!important; height: auto!important; } 
span.n-pay a.npay_btn_link { /* background: url(/design/esdongsuh/2022renewal/PC/naver_icon.png) 50% center no-repeat !important; */
 cursor: pointer; background: #00de5a url(/design/esdongsuh/2022renewal/MB/npay_pc.png)!important; background-size: 80px auto!important; background-repeat: no-repeat!important; background-position: center!important; height: 52px !important; border: none!important; } 
span.n-pay .npay_text { display: none!important; } 
#content .direct-app .btn-app>img { display: none; } 
#content .direct-app .btn-app { background: url(/design/esdongsuh/2022renewal/PC/app-payment.png)center/cover; width: 100%; height: 100%; border-radius: 5px; } 
/* */
h2.title__main { font-size: 22px; text-align: center; color: #000; margin-bottom: 30px; font-weight: 600; } 
.content.basket-content { background-color: #f8f8f8; padding: 50px 0; width: 100%; margin-bottom: 70px; } 
.product-basket { width: 1200px; margin: 0 auto; position: relative; } 
.product-basket__wrap { width: 1160px; overflow: hidden; } 
.product-basket .product__item { width: 208px; margin-right: 0px; margin-bottom: 0; } 
.product-basket .swiper-button-prev.arrow__ver2 { left: 0; top: 105px; } 
.product-basket .swiper-button-next.arrow__ver2 { right: 0; top: 105px; } 
.product-basket .product__sold { height: 38px; font-size: 17px; } 
.rebuy-info { border-top: 2px solid #A2A2A2; } 
.rebuy-info .rebuy-title01 { font-size: 12px; padding: 5px; color: #565656; font-weight: bold; } 
#cartWrap .wish-opt { color: #FFA500; } 
#cartWrap .tit-cart { margin-top: 30px; } 
#cartWrap .mem-lvl { zoom: 1; overflow: hidden; margin-top: 45px; } 
#cartWrap .delivery { margin-top: 20px; text-align: center; } 
#cartWrap .btn-order-ctrl { margin-top: 20px; text-align: center; font-size: 0; line-height: 0; } 
#cartWrap .btn-order-ctrl a { width: 280px; height: 54px; border-radius: 5px; background-color: #e1001e; display: inline-block; box-sizing: border-box; line-height: 52px; font-size: 18px; color: #ffffff; font-weight: 700; text-align: center; border: 1px solid #e1001e; } 
#cartWrap .btn-order-ctrl a:hover { border: 1px solid #e1001e; color: #e1001e; background-color: #fff; } 
#cartWrap .basket-totalprice { height: 40px; margin-top: 30px; padding: 10px; text-align: right; border: 1px solid #B7B7B7; font-size: 12px; color: #000000; } 
#cartWrap .basket-totalprice .totalprice-img { float: left; padding-top: 5px; padding-left: 15px; } 
#cartWrap .basket-totalprice .totalprice-txt { float: right; padding-top: 15px; padding-right: 10px; } 
#cartWrap .prov-icons { float: left; display: inline; } 
.cart-ft2 { margin-top: 20px; text-align: center; } 
.direct-app { /* position: absolute!important; */
 /* bottom: -67px; */
 /* width: 100%; */}
#nhn_btn { display: inline; } 
#payco_order_btn { display: inline; } 
#kakaopay_order_btn { display: inline; vertical-align: top; } 
.none-basket { height: 130px; line-height: 130px; text-align: center; font-size: 14px; box-sizing: border-box; } 
#content .direct-app .step { width: 100%!important; text-align: center!important; } 
#content .direct-app .step dl.step1 { display: inline-block!important; float: none; } 
/* 샵페이 바로구매 */
#productDetail #shoppay_btn { padding-top: 10px; } 
/* PC (공통) 상세페이지 전용 */
#cartWrap #shoppay_btn { margin-top: 6px; display: inline-block; } 
/* 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_text { background-size: 82px auto !important; } 
.shoppay_btn_link.shoppay_btn_pay { background-size: 133px auto !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_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_tex t { display: block !important; *display: inline !important; overflow: hidden !important; *width: 100% !important; margin: 0 !important; padding: 5px 0 !important; letter-spacing: 0 !important; white-space: nowrap !important; *zoom: 1 !important; text-overflow: ellipsis !important; word-wrap: normal !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; } 
#cartWrap #shoppay_btn a { text-align: center; height: 54px; width: 280px; background-color: #e1001e; float: left; line-height: 52px; color: #fff; font-size: 18px; border: 1px solid #e1001e; border-radius: 5px; box-sizing: border-box; -webkit-transition: background-color .35s, border .35s; -moz-transition: background-color.35s, border.35s; -ms-transition: background-color.35s, border.35s; transition: background-color .35s, border .35s; display: none; align-items: center; justify-content: center; gap: 5px; } 
#cartWrap #shoppay_btn a:hover { color: #e1001e; background-color: #fff; border: 1px solid #e1001e; } 
#cartWrap #shoppay_btn a:hover img { filter: invert(42%) sepia(100%) saturate(6950%) hue-rotate(344deg) brightness(78%) contrast(120%); } 
#cartWrap #shoppay_btn a img { width: 85px; } 
.basket_reserve { margin-top: 12px; color: #999; } 
.basket_reserve span { color: #000; font-weight: 600; margin-left: 2px; } 
.payment_reserve { color: #999; text-align: right; padding: 0 25px; font-size: 13px; font-weight: 500; } 
.MK_total_delivery, .MK_group_sale_price { display: block !important; } 
/* BASIC css end */

