/* BASIC css start */
.sct_line {width: 100%;display: block;background: #fafafa;height: 16px;margin-top: 20px;}
.prd_sct_line {margin-top:10px;}

#basket .btn-wrap {padding:25px 20px 15px;}
#basket .btn-wrap div {width:49%; float:left;}
#basket .btn-wrap div:last-child {float:right;}
#basket .btn-wrap div a {height: 45px;line-height: 45px;font-size:3.4vw;}
#basket .all-select {padding:0 20px;}
#basket .not_provider li {position:relative; padding:20px 0;}
#basket .rvs_price {display:none;}
#basket .provider li {padding:20px 0;}
#basket .pname {position:relative;font-weight:500;font-size:3.6vw;}
#basket .pname .close {position:absolute;right:0;top:1px;}
#basket figure {position:relative;width:100%; display: table; box-sizing: border-box; padding:0 20px 20px;border-bottom:1px solid #ececec;}
#basket .basketLeft {width:110px; position:relative; float: left;}
#basket .basketLeft a {padding-right: 15px; margin-top: 10px; display:block;}
#basket .basketLeft .MS_input_checkbox {top:0; left:0; position:absolute;}
#basket .basketRight {padding-left:110px;padding-top:10px;}

#basket .basketRight p {position:relative;line-height: 24px;color:#707070;font-size:14px;}
#basket .basketRight p a {color:#707070;font-size:14px;}
#basket .basketRight .pname {padding-bottom: 4px;}
#basket .basketRight .pname .blue-delivery {background-color: #74a9e4; color:#fff; font-size:0.917em; padding: 1px 2px;}
#basket .basketRight .pname .red-delivery {background-color: #d674e4; color:#fff; font-size:0.917em; padding: 1px 2px;}
#basket .basketRight .pname .fa {float:right; margin-top: -6px;}
#basket .basketRight .fa-plus {background-color: #fff;background-image: url('/design/fas1292/renewal/images/main/plus_icon.png');background-repeat:no-repeat;background-position: center;background-size: 12px auto; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #000;border: 1px solid #e4e4e4;box-sizing: border-box;}
#basket .basketRight .fa-plus:before {display:none;}
#basket .basketRight .fa-minus {background-color: #fff;background-image: url('/design/fas1292/renewal/images/main/minus_icon.png');background-repeat:no-repeat;background-position: center;background-size: 12px auto; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #000;border: 1px solid #e4e4e4;box-sizing: border-box;}
#basket .basketRight .fa-minus:before {display:none;}
#basket .basketRight .btn_Black {margin-top:15px;height: 40px;line-height: 40px;background-color: #fff;border: 1px solid #cfcfcf;color: #000;}
#basket .basketRight .MS_select {width:100%;}
#basket .basketRight .amount-input {position: absolute;left: 29px;width:50px;height:30px;padding-left:0;text-align:center;}
#basket .price-each-info-top {margin-top: 40px;padding: 0 30px;}
#basket .price-each-info-top p {margin-top:0;font-size:18px;}
#basket .price-each-info-top p span {font-weight:600;font-family: "Montserrat", "pretendard", sans-serif;}
#basket .price-each-info-bottom {padding:0 30px;}
#basket .price-each-info-bottom p {font-size:18px;}
#basket .price-each-info-bottom p span {font-weight:600;font-family: "Montserrat", "pretendard", sans-serif;}
#basket .price-total-info-top {border-top: 2px solid #464646; border-bottom: 1px solid #cbcbcb; background-color: #eaeaea; text-align : right;  padding:10px; margin-top:10px;display:none;}
#basket .price-total-info-bottom {margin: 20px 30px;font-size:20px;border-top: 1px solid #e1e1e1;}
#basket .price-total-info-bottom .txt-price {color : #fa5500; font-weight:bold;font-family: "Montserrat", "pretendard", sans-serif;}
#basket .price-total-info-bottom .txt-reserve {color : #898989; font-size:0.688em;}
#basket .price-total-info-bottom .MK_total_reserve {display:none !important;}
#basket .price-total-info-bottom p {margin-top:20px;}
#basket .price-total-info_detail {margin-top:30px;text-align:center;font-weight:600;font-family: "Montserrat", "pretendard", sans-serif;}
#basket .price-total-info_detail p {font-size: 3.8vw;font-weight:600;}
#basket .price-total-info_detail .txt {font-size:3.6vw;}
#basket .delivery-type {padding: 0 20px;margin: 70px 0 35px;}
#basket .delivery-type ul li {font-size: 16px;color: #747474;text-align: center;}
#basket .delivery-type ul li strong {color:#000;}
#basket .flex {display: flex;align-items: center;justify-content: space-between;margin-top:10px;}
#basket .flex p {font-weight: bold;color: #000;font-size: 17px;font-family: "Montserrat", "pretendard", sans-serif;}
#basket .count_ctrl {position:relative;width:108px;top: -14px;}
#basket .count_ctrl .minus {position:absolute;left:0;}
#basket .count_ctrl .plus {position:absolute;right:0;}
#basket .fa-info-circle:before {display:block;margin-top:1px;color:#3b3b3b;font-size: 16px;line-height: 23px;}
#basket .fa-lg {vertical-align: top;}
#basket .not_provider {}

.all-select label {display: block; position: relative; margin-bottom: 10px; cursor: pointer;font-size: 3.6vw; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#basket input[type="checkbox"] {width: 20px;height: 20px;border: 0;background: url(/design/fas1292/renewal/images/main/check_off.png) no-repeat 0 0;background-size: 20px 20px;margin-top:-4px;-webkit-appearance: none;}
#basket input[type="checkbox"]:checked {background-image: url(/design/fas1292/renewal/images/main/check_on.png);-webkit-appearance: none;}


.sldWrap {position:relative;margin:40px 0 70px;padding:0 20px;}
.sldWrap .swiper-pagination-progressbar.swiper-pagination-horizontal {top:auto;height: 2px;left: 20px;width: 91%;}
.sldWrap .swiper-pagination-progressbar {height:2px;top:auto;bottom:-20px;background: #e9e9e9;}
.sldWrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #000;}
.sldWrap .swiper-slide img {width:100%;}
.tblBnrSld .swiper-button-next {background-image: url(/design/fas1292/renewal/images/main/arrow_next.png);background-repeat:no-repeat;background-color: rgba(0, 0, 0, 0.3);background-size:contain;display:inline-block;width:40px;height:47px;top:50%;right:0;}
.tblBnrSld .swiper-button-prev {background-image: url(/design/fas1292/renewal/images/main/arrow_prev.png);background-repeat:no-repeat;background-color: rgba(0, 0, 0, 0.3);background-size:contain;display:inline-block;width:40px;height:47px;top:50%;left:0;}
.tblBnrSld .swiper-button-next::after,
.tblBnrSld .swiper-button-prev::after {display:none;}


/* 빠른 결제 start */ /* 선물하기 버튼 추가 css 미사용 */
#basket .order-btn { display: flex; gap: 4px; padding: 0 10px; }
#basket .order-btn.use-gift.qorder-none { display: grid; grid-template-columns: 48px 1fr; } /* 선물하기 사용 + 빠른 결제 미사용 */
#basket .order-btn.use-gift.use-qorder { display: grid; grid-template-columns: 48px 1fr 1fr; } /* 선물하기 사용 + 빠른 결제 사용 */
#basket .order-btn.gift-none.use-qorder { display: grid; grid-template-columns: 1fr 1fr; } /* 선물하기 사용 + 빠른 결제 사용 */
#basket .order-btn a { display: flex;justify-content: center; align-items: center;padding: 0;font-size: 3.6vw; }
#basket .order-btn a.btn_Present { box-sizing : border-box; background: #fff; border: 1px solid #393939; font-size: 16px; }
#basket .order-btn a.btn_Blue { color: #fff; background: #2a68cc; }

/* 빠른 결제 end */
#basket .order-btn {padding:0 20px;margin-top:30px;}
#basket .naver-checkout {margin-top: 20px;}

@media screen and (min-width:768px) {
 #basket .basketRight .btn_Black {width:315px; display:inline-block; vertical-align: middle; margin-top:0px;}
}

.cart-ft2 { display: block; text-align: center;margin-top:40px;} 
.basket-option-dlist li img { width:30px; height:30px; vertical-align:middle; }


/* 정기배송 탭 */
#basket .cart-tab { width:100%; height:32px; border-top:1px solid #464646; }
#basket .cart-tab:after { clear: both; content: ""; display: block; }
#basket .cart-tab li { float:left; width:50%; height:31px; border-bottom:1px solid #cecece; }
#basket .cart-tab li a { display:inline-block; width:100%; height:100%; color:#3b3b3b; font-size:12px; text-align:center; text-decoration:none; background:none; }
#basket .cart-tab li a span { display:block; height:18px; line-height:18px; margin-top:6px; }
#basket .cart-tab li:first-child a span { border-right:2px solid #e2e2e2; }
#basket .cart-tab li.now { border-bottom:1px solid #f1191f; }
#basket .cart-tab li.now a { font-weight:bold; color:#f1191f; }

/* 샵페이 바로구매 */
#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_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; }

/* 빠른 결제 레이어 */
#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 label input[type=checkbox] { width: 13px !important; height: 13px !important; vertical-align: text-bottom; }
#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 { 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: 12px; font-weight: normal; color: #777; }
#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: #2a68cc; }
#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: #1d498f; }
#quick-swipepay .layer-wrap .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-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 */