/* BASIC css start */
/* 버튼 색상변경 */
.btn_Red {background-color: #76ac0a; border: none;}
.btn_Black{background-color: #9b9b9b; border: none; }


/* 상단에 견적서출력버튼 추가위해 */
.h_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.h_title h3 {
    margin: 0;
}

.button-container .estimate-button {
    background-color: #000000;
    color: white;
    padding: 7px 10px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
}
/* 상단에 견적서출력버튼 추가위해 */


#basket .btn-wrap {padding:15px 10px;} /* 선택삭제 장바구니비우기 버튼 상하 간격 */
#basket .btn-wrap div {width:49%; float:left;} /* 선택삭제 장바구니비우기 버튼 가로길이 */
#basket .btn-wrap div:last-child {float:right;}
#basket .all-select {border-top: 1px solid #4a4a4a; border-bottom: 1px solid #dedede; background-color: #f1f1f1; padding:10px;}
#basket .not_provider li {padding:20px 0;} /* 상품 위아래 간격 */
#basket .provider li {padding:20px 0;}
#basket figure {width:100%; display: table; box-sizing: border-box; padding:0 10px;} /* 상품 좌우오곽 여백 */
#basket .basketLeft {width:110px; position:relative; float: left;} /* 상품 이미지 크기 */
#basket .basketLeft a {padding-right: 20px; margin-top: 20px; display:block;} /* 상품 우측 정보 폭 */
#basket .basketLeft .MS_input_checkbox {top:0; left:0; position:absolute;}
#basket .basketRight {padding-left:110px;} /* 상품이미지 우측공간  */
#basket .basketRight p {color:#707070; margin-bottom:5px;} /* 우측정보들 위아래 간격 */
#basket .basketRight .pname {border-bottom:1px solid #dedede;  padding-bottom: 4px;} /* 상품명 아래 간격 */
#basket .basketRight .pname .blue-delivery {background-color: #76ac0a; color:#fff; font-size:0.917em; padding: 1px 2px;} /* 배송구분 박스 가로길이 */
#basket .basketRight .pname .red-delivery {background-color: #000000; color:#fff; font-size:0.7em; padding: 1px 2px;}
#basket .basketRight .pname .fa {float:right; margin-top: -6px;} /* 닫기버튼 위아래 위치 */
#basket .basketRight .fa-plus {background-color: #bbb; width: 45px; height: 25px; text-align: center; vertical-align: middle; line-height: 25px; color: #fff;} /* 플러스 버튼 */
#basket .basketRight .fa-minus {background-color: #bbb; width: 45px; height: 25px; text-align: center; vertical-align: middle; line-height: 25px; color: #fff;} /* 마이너스 버튼 */
#basket .basketRight .btn_Black {margin-top:5px;} /* 옵션변경 버튼 위 공간 */
#basket .basketRight .MS_select {width:100%;}
#basket .basketRight .amount-input {width:50px;  height: 25px; } /* 수량입력박스 */
#basket .price-each-info-top {text-align : right; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; background:#eaeaea; padding:10px;}
#basket .price-each-info-bottom {text-align : right; padding:10px; background:#eaeaea; border-bottom:1px solid #cbcbcb;}
#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;}
#basket .price-total-info-bottom {border-bottom: 1px solid #cbcbcb; background-color: #eaeaea; text-align : right; padding:15px 10px; font-size:1.333em;}
#basket .price-total-info-bottom .txt-price {color : #f1191f; font-weight:bold;}
#basket .price-total-info-bottom .txt-reserve {color : #898989; font-size:0.688em;}
#basket .delivery-type { padding:15px 10px;}
#basket .order-btn {padding:0 10px;}
#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; } 

.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; }

/* s 선물하기 버튼 추가 */
#basket .order-btn { display:flex; text-align:center; }
#basket .order-btn a { display:inline-block; width:100%; height:40px; line-height:40px; box-sizing: border-box; vertical-align: middle; }
#basket .order-btn .btn_Present { margin-left:5px; background-color:#ffffff; border:1px solid #a94343; color:#a94343; }
#basket .order-btn .btn_Present .fa-gift { padding-right:4px; font-size:1.250em; vertical-align:middle; }
/* e 선물하기 버튼 추가 */


/* 하단 안내문구 */
body {
  font-family: 'Arial', sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #333;
}

section {
  margin: 10px 15px; /* 카드 상하 좌우 여백 */
  padding: 15px;
  background: #f7f7f7;
  border-radius: 10px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  max-width: 600px;
}

.section-header h8 {
  font-size: 0.9rem;
  color: #000000;
  /* 타이틀 밑줄 삭제 border-bottom: 2px solid #000000; */
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 2px; /*타이틀과 내용 사이간격*/
}

.content ul {
  list-style: none;
  padding: 0;
}

.content ul li {
  margin: 8px 0; /*행간 간격*/
  padding-left: 5px;
  position: relative;
}

.content ul li::before {
  position: absolute;
  left: 0;
  color: #000000;
  font-size: 1.2rem;
}

.content p {
  margin: 10px 0;
  line-height: 1.5;
}

@media screen and (max-width: 600px) {
  section {
    padding: 10px; /*폰트 좌우 여백 */
  }

  .section-header h2 {
    font-size: 0.8rem;
  }

  .content ul li {
    font-size: 0.8rem;
  }

  .content p {
    font-size: 0.8rem;
  }
}
/* BASIC css end */