/* BASIC css start */
.btn-wrap {padding:15px 10px;}
.btn-wrap div {width:49%; float:left;}
.btn-wrap div:last-child {float:right;}
.all-select {font-weight:bold; border-top: 1px solid #4a4a4a; border-bottom: 1px solid #dedede; background-color: #f1f1f1; padding:10px;}
.recentList li {padding:20px 0; border-bottom:1px solid #dedede;}
figure {width:100%; display: table; box-sizing: border-box; padding:0 10px;}
.basketLeft {width:130px; position:relative; float: left;}
.basketLeft a {padding:0 20px; display:block;}
.basketLeft .MS_input_txt {top:0; left:0; position:absolute;}
.basketRight {padding-left:130px;}
.basketRight p {color:#707070; margin-bottom:5px;}
.basketRight .pname {font-weight:bold; border-bottom:1px solid #dedede;  padding-bottom: 4px;}
.basketRight .pname .blue-delivery {background-color: #74a9e4; color:#fff; font-size:0.917em; padding: 1px 2px;}
.basketRight .pname .red-delivery {background-color: #d674e4; color:#fff; font-size:0.917em; padding: 1px 2px;}
.basketRight .pname .fa {float:right; margin-top: -6px;}
.amount-input {width:30px; text-align : right;}
.basketRight .btn_Black {height:28px; line-height:28px; margin-top:5px;}
.basketRight .MS_select {width:100%;}

@media screen and (min-width:768px) {
 .all-select {border-bottom:0px none;}
 .recentList ul {width: 100%; display: table; table-layout: fixed; box-sizing: border-box; border-bottom: 1px solid #d9d9d9;}
 .recentList li {width:50%; border-bottom:0px none; display: inline-block; vertical-align: top; border-top: 1px solid #d9d9d9;}
 .recentList ul li:first-child {border: 0px none;}
 .recentList ul li:nth-child(2) {border: 0px none;} 
}




/* 대통령클럽 멤버십의 장바구니 담기 버튼만 숨김 */


/* 1. 가입 링크를 배치할 기준 영역 */
li:has(input[name="brchks[]"][value="009002000002"])
.basketRight {
    position: relative;
}

/* 2. 상품명 링크의 클릭 영역이 basketRight를 기준으로 배치되도록 설정 */
li:has(input[name="brchks[]"][value="009002000002"])
.basketRight > .pname,
li:has(input[name="brchks[]"][value="009002000002"])
.basketRight > .pname > a:first-child {
    position: static;
}

/* 3. 기존 버튼 칸의 아래쪽 여백 제거: 겹칠 위치를 일치시킴 */
li:has(input[name="brchks[]"][value="009002000002"])
.basketRight > p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* 4. 기존 검정 버튼의 모양은 유지하고 담기 기능과 원래 문구는 차단 */
li:has(input[name="brchks[]"][value="009002000002"])
.basketRight a[href^="javascript:go_basket("] {
    display: block !important;
    visibility: visible !important;
    pointer-events: none !important;
    font-size: 0 !important;

    /* 첨부 화면의 기존 버튼 높이에 맞춤 */
    box-sizing: border-box;
    height: 28px !important;
    line-height: 28px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    background: #d00000 !important;    /* 버튼 배경색 */
    border-color: #d00000 !important; /* 버튼 테두리색 */
}

/* 5. 기존 버튼 안에 가입 문구 표시 */
li:has(input[name="brchks[]"][value="009002000002"])
.basketRight a[href^="javascript:go_basket("]::after {
    content: "가입하기";
    font-size: 12px;
    color: #fff;
}

/* 6. 상품명 링크의 투명 클릭 영역을 기존 버튼 위에 배치
   클릭 시 해당 멤버십 상품 페이지로 이동 */
li:has(input[name="brchks[]"][value="009002000002"])
.basketRight > .pname > a:first-child::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 28px;
    z-index: 10;
    cursor: pointer;
    background: transparent;
}
/* BASIC css end */