/* BASIC css start */ .prdHome { display:block !important } #basket .all-select { display:flex; margin:0 16px; padding:20px 0 9px; justify-content:space-between; border-bottom:1px solid #dedede } #basket .all-select label { font-size:14px } #basket .all-select .multiDel a { font-size:14px } #basket .not_provider li, #basket .provider li { margin:0 16px; padding-top:15px; border-bottom:1px solid #dedede } #basket figure { display:table; padding-bottom:15px; width:100%; box-sizing:border-box } #basket .basketLeft { display:table-cell; padding-top:3px; width:90px; position:relative; vertical-align:top } #basket .basketLeft a { display:block; margin-top:12px } #basket .basketLeft img { border-radius:6px } #basket .basketRight { display:table-cell; padding-left:16px; vertical-align:top } #basket .basketRight .rightTop { font-size:0; text-align:right } #basket .basketRight .rightTop a { display:inline-block; margin-left:12px; width:20px; height:20px; text-indent:-9999em; vertical-align:top } #basket .basketRight .rightTop .linkWish { background:url(/design/isanoee/makeshop/m/cart/btn_wish_40x40.png) 0 0 no-repeat; background-size:20px auto } #basket .basketRight .rightTop .linkDel { background:url(/design/isanoee/makeshop/m/cart/btn_del_40x40.png) 0 0 no-repeat; background-size:20px auto } #basket .basketRight .pname { padding-top:10px; font-size:14px; font-weight:bold; line-height:20px } #basket .basketRight .priceArea { padding-top:2px } #basket .basketRight .priceArea .priceSell { font-size:16px; font-weight:bold; line-height:24px } #basket .basketRight .priceArea .priceSell .unit { font-weight:400 } #basket .basketRight .priceArea .priceConsumer { font-size:13px; color:#999; line-height:18px; text-decoration:line-through } #basket .basketRight .quantityArea { padding-top:8px; font-size:0 } #basket .basketRight .quantityArea .opt-spin { display:inline-block; padding:0 30px; position:relative; vertical-align:top } #basket .basketRight .quantityArea .opt-spin input { padding:0; width:40px; height:30px; font-size:13px; text-align:center; border:1px solid #dedede; border-radius:0; box-sizing:border-box } #basket .basketRight .quantityArea .opt-spin .linkUp { position:absolute; top:0; right:0; width:30px; height:30px; text-indent:-9999em; border:1px solid #dedede; border-left:0; border-radius:0 4px 4px 0; box-sizing:border-box; background:url(/design/isanoee/makeshop/m/cart/btn_plus_28x28.png) 50% 50% no-repeat; background-size:14px auto } #basket .basketRight .quantityArea .opt-spin .linkDown { position:absolute; top:0; left:0; width:30px; height:30px; text-indent:-9999em; border:1px solid #dedede; border-right:0; border-radius:4px 0 0 4px; box-sizing:border-box; background:url(/design/isanoee/makeshop/m/cart/btn_minus_28x28.png) 50% 50% no-repeat; background-size:14px auto } #basket .basketRight .quantityArea .linkUpdate { display:inline-block; margin-left:6px; padding:0 11px; height:30px; font-size:13px; font-weight:600; text-align:center; line-height:30px; border:1px solid #dedede; box-sizing:border-box; border-radius:4px; vertical-align:top } #basket .optArea { display:flex; padding:12px 0; align-items:center; justify-content:space-between; border-top:1px solid #ededed } #basket .optArea .optName { width:calc(100% - 110px); font-size:13px; color:#999; line-height:18px } #basket .optArea .optModify { display:inline-block; width:100px; height:30px; font-size:13px; font-weight:600; text-align:center; line-height:30px; border:1px solid #dedede; box-sizing:border-box; border-radius:4px } #basket .optArea .optModify i { font-size:11px; line-height:30px; vertical-align:top } #basket .none-data { margin:0 16px; padding:100px 0; border-bottom:1px solid #dedede } #basket .none-data p { margin:0 16px; font-size:14px; font-weight:bold } #basket .cartBottomInfo { padding:6px 16px 0 } #basket .cartBottomInfo li { padding-top:4px; font-size:12px; color:#555; line-height:16px } #basket .cartBottomInfo li span { font-weight:600 } #basket .priceTotalArea { padding:60px 16px 0 } #basket .priceTotalArea h3 { padding-bottom:9px; font-size:16px; font-weight:bold; line-height:24px } #basket .priceTotalArea .price-total-info-top { padding:14px 0; border-top:1px solid #dedede; border-bottom:1px solid #dedede } #basket .priceTotalArea .price-total-info-top dl { display:flex; padding:6px 0; align-items:center; justify-content:space-between } #basket .priceTotalArea .price-total-info-top .infoName { font-size:14px; color:#999; font-weight:600; line-height:20px } #basket .priceTotalArea .price-total-info-top .infoCont { font-size:14px; line-height:20px } #basket .priceTotalArea .price-total-info-top .infoCont span { font-weight:600 } #basket .priceTotalArea .price-total-info-bottom { padding-top:20px } #basket .priceTotalArea .price-total-info-bottom p { display:flex; align-items:center; justify-content:space-between } #basket .priceTotalArea .price-total-info-bottom .infoName { font-size:16px; font-weight:700; line-height:24px } #basket .priceTotalArea .price-total-info-bottom .infoCont { font-size:24px; font-weight:700; line-height:32px } #basket .order-btn { position:fixed; bottom:0; left:0; right:0; padding:14px 16px; background:#fff; z-index:10 } #basket .order-btn .btn_Red { height:50px; font-size:16px; font-weight:bold; line-height:50px; border-radius:6px; border:0; background:#ff691f } #basket .link_shopping { padding:20px 16px 0 } #basket .link_shopping a { display:block; height:48px; font-size:16px; font-weight:bold; text-align:center; line-height:48px; border-radius:6px; border:1px solid #dedede } #basket .cartNotice { padding:16px 16px 0 } #basket .cartNotice li { margin-left:6px; padding-top:4px; font-size:12px; color:#555; line-height:16px; text-indent:-6px } #basket .cart-ft2 { padding:0 16px } #basket .cart-ft2 .payBox { margin-top:20px } #basket .cart-ft2 .payBox.joeunPayWrap { padding-top:10px; width:100%; font-size:13px; font-weight:600; text-align:left; border-top:2px solid #121212 } #basket .cart-ft2 .payBox.joeunPayWrap > div { display:flex; align-items:center; justify-content:space-between; padding-bottom:10px; border-bottom:1px solid #dedede } #basket .cart-ft2 .payBox.joeunPayWrap .joeunPayBtnTxt { padding-top:10px } #basket .cart-ft2 .payBox #nhn_btn .npay_type_MA_1 { width:100% !important } #basket .cart-ft2 .payBox #kakaopay_order_btn img { width:100% !important; height:auto !important } #basket .cartFreeWrap { padding-top:80px } #basket .cartFreeWrap .cartFreeTitle { display:flex; margin:0 16px; padding-bottom:10px; border-bottom:1px solid #dedede; align-items:end; justify-content:space-between } #basket .cartFreeWrap .cartFreeTitle .titlaArea .t1 { font-size:18px; font-weight:700; line-height:26px } #basket .cartFreeWrap .cartFreeTitle .titlaArea .t2 { font-size:14px; color:#555; line-height:20px } #basket .cartFreeWrap .cartFreeTitle .arrBtn > div { display:inline-block } #basket .cartFreeWrap .cartFreeTitle .arrBtn > div:last-child { margin-left:12px } #basket .cartFreeWrap .cartFreeTitle .arrBtn .swiper-button-disabled { opacity:0.5 } #basket .cartFreeWrap .listWrap { padding-top:15px } #basket .cartFreeWrap .listWrap .swiper-container { padding:0 16px } #basket .cartFreeWrap .listWrap .swiper-slide { width:40% } #basket .cartFreeWrap .listWrap .thumb img { width:100%; border-radius:6px } #basket .cartFreeWrap .listWrap .prdIcon { padding-top:12px } #basket .cartFreeWrap .listWrap .prdName { padding-top:8px } #basket .cartFreeWrap .listWrap .prdName a { font-size:14px; font-weight:600; line-height:20px } #basket .cartFreeWrap .listWrap .prdPriceWrap { padding-top:8px } #basket .cartFreeWrap .listWrap .prdPriceWrap .goods_price { font-size:16px; font-weight:700; line-height:24px } #basket .cartFreeWrap .listWrap .prdPriceWrap .goods_price span { font-weight:400 } /* 빠른 결제 start */ /* 선물하기 버튼 추가 css 미사용 */ #basket .cart-ft2 a.btn_Blue { color: #fff; background: #ff691f; border-radius: 6px; height: 50px; line-height: 50px; font-size: 16px; box-sizing: border-box; text-align: center; font-weight: 700; margin: 0 !important; height: 100%; display: flex; align-items: center; justify-content: center; } /* 빠른 결제 end */ /* 빠른 결제 레이어 */ #quick-swipepay .layer { z-index: 200; } #quick-swipepay .layer-wrap { position: fixed; bottom: 0; left: 0; width: 100%; padding: 15px 10px 0; box-sizing: border-box; background: #f6f6f6; color: #3b3b3b; } #quick-swipepay .layer-wrap .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-wrap .swipepay-addr { padding: 0 10px; border: 1px solid #e3e3e3; border-radius: 4px; background: #fff; text-align: left; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst { padding: 14px 2px; border-top: 1px solid #e3e3e3; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst:first-child { border-top: 0; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-prd { display: flex; align-items: center; gap: 5px; position: relative; font-size: 11px; white-space: nowrap; } #quick-swipepay .layer-wrap .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-wrap .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-wrap .swipepay-addr .addr-lst .addr-prd span { font-size: 11px; color: #777; } #quick-swipepay .layer-wrap .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-wrap .swipepay-addr .addr-lst .addr-prd.addr-detail span { color: #3b3b3b; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt { margin-top: 6px; font-size: 11px; color: #777; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li strong { font-size: 12px; color: #3b3b3b; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li p:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dt, #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dd, #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dd p { display: flex; align-items: center; gap: 5px; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dd { display: none; } #quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dd.on { display: flex; } #quick-swipepay .layer-wrap .swipepay-agree { position: relative; display: flex; justify-content: space-between; margin-top: 10px; padding-left: 2px; font-size: 11px; } #quick-swipepay .layer-wrap .swipepay-agree .view-terms { padding: 0 2px; color: #888; text-decoration: underline; border: 0; background: none; } #quick-swipepay .layer-wrap .swipepay-agree .layer-terms { z-index: 99; 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-wrap .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-wrap .swipepay-agree .layer-terms .terms-tit { padding-bottom: 10px; font-size: 13px; font-weight: bold; } #quick-swipepay .layer-wrap .swipepay-agree .layer-terms table { table-layout: fixed; width: 100%; word-wrap: break-word; } #quick-swipepay .layer-wrap .swipepay-agree .layer-terms table th, #quick-swipepay .layer-wrap .swipepay-agree .layer-terms table td { padding: 5px; border: 1px solid #ddd; color: #777; } #quick-swipepay .layer-wrap .swipepay-agree .layer-terms table th { font-weight: 400; background: #f8f8f8; } #quick-swipepay .layer-wrap .swipepay-agree .layer-terms table td strong { color: #000; font-weight: bold; } #quick-swipepay .layer-wrap .swipepay-total { display: flex; justify-content: space-between; padding: 16px 2px; font-size: 11px; } #quick-swipepay .layer-wrap .swipepay-total strong { font-size: 14px; line-height: 18px; } #quick-swipepay .layer-wrap .swipepay-total strong span { margin-left: 5px; font-size: 16px; color: #ff691f; font-weight: bold; } #quick-swipepay .layer-wrap .swipepay-total .total-price strong { font-size: 16px; color: #f1191f; vertical-align: bottom; } #quick-swipepay .layer-wrap .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: #ff691f; } #quick-swipepay .layer-wrap .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-wrap .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: #a93800; } #quick-swipepay .layer-wrap .swipepay-wide .swipepay-completed { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #a93800; box-sizing: border-box; border-radius: 48px; pointer-events: none; } #quick-swipepay .layer-wrap .swipepay-order { display: flex; justify-content: center; align-items: center; padding: 8px 0 10px; text-decoration: underline; font-size: 11px; color: #888; } /* BASIC css end */